| 1 |
- .twentytwenty-container{position:relative;overflow:hidden;box-sizing:content-box}.twentytwenty-container img{max-width:100%;position:absolute;top:0;left:0;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:20}.twentytwenty-container .twentytwenty-overlay{z-index:25;width:100%;height:100%;top:0;position:absolute;background:rgba(0,0,0,.5);opacity:0;transition-property:opacity;transition-duration:.5s}.twentytwenty-container .twentytwenty-overlay .twentytwenty-after-label,.twentytwenty-container .twentytwenty-overlay .twentytwenty-before-label{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;font-size:.8em;top:calc(50% - .4em - 5px);padding:10px;background:hsla(0,0%,100%,.4);color:#fff}.twentytwenty-container .twentytwenty-overlay .twentytwenty-before-label{left:0}.twentytwenty-container .twentytwenty-overlay .twentytwenty-after-label{right:0}.twentytwenty-container:hover>.twentytwenty-overlay{opacity:1}.twentytwenty-container .twentytwenty-handle{cursor:move;z-index:30;position:absolute;background:none;border:4px solid #fff;border-radius:50px;margin-left:-4px;margin-top:-4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.twentytwenty-container .twentytwenty-handle:after,.twentytwenty-container .twentytwenty-handle:before{content:"";border:2px solid #fff;height:9999px;position:absolute;left:calc(50% - 2px)}.twentytwenty-container .twentytwenty-handle:before{top:40px}.twentytwenty-container .twentytwenty-handle:after{bottom:40px}.twentytwenty-container .twentytwenty-arrow-left,.twentytwenty-container .twentytwenty-arrow-right{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;width:0;height:0}.twentytwenty-container .twentytwenty-arrow-right{bottom:10px;left:23px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff}.twentytwenty-container .twentytwenty-arrow-left{top:10px;left:7px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #fff}.select-container[data-v-4d49fb19]{display:inline-block;width:220px}.select[data-v-4d49fb19]{position:relative;top:-5px;height:28px;margin-left:5px;line-height:.5em}.select[data-v-4d49fb19]:after{position:absolute;top:0;right:10px;bottom:0;width:0;height:0;margin:auto;pointer-events:none;content:"";border-color:#fff transparent transparent transparent;border-style:solid;border-width:7px 7px 0 7px;transition:all 1s}.select[data-v-4d49fb19]:hover:after{right:4px;transition:all 1s}.select select[data-v-4d49fb19]{width:100%;height:100%;padding:0 16px 0 8px;font-size:.5em;font-style:italic;color:var(--text-color);cursor:pointer;background:transparent;border-color:var(--text-color);border-width:2px;outline:none;box-shadow:none;transition-duration:1s;-moz-appearance:none;-webkit-appearance:none}.select select[data-v-4d49fb19]:hover{color:var(--text-color);border-color:var(--text-color);border-radius:32px;box-shadow:0 0 10px hsla(0,0%,100%,.5);transition:all 1s;transform:scale(1.1)}.select select option[data-v-4d49fb19]{background:var(--background-color-base)}.select select[data-v-4d49fb19]:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.select select[data-v-4d49fb19]::-ms-expand{display:none}.twentytwenty-container[data-v-4d49fb19]:hover>.twentytwenty-overlay{opacity:0}@media (min-width:0\0)and (min-resolution:0.001dpcm){.select select[data-v-4d49fb19]{padding-right:0}.select[data-v-4d49fb19]:after,.select[data-v-4d49fb19]:before{display:none}}.container[data-v-4d49fb19]{max-width:1100px;margin:0 auto}.twentytwenty-container[data-v-4d49fb19]{z-index:0;height:735px}.twentytwenty-container .twentytwenty-handle[data-v-4d49fb19],.twentytwenty-container .twentytwenty-overlay[data-v-4d49fb19],.twentytwenty-container img[data-v-4d49fb19]{z-index:auto}.twentytwenty-container:hover>.twentytwenty-overlay[data-v-4d49fb19]{opacity:0!important}[data-theme=light] .select[data-v-4d49fb19]:after{border-color:#000 transparent transparent transparent}
|
