.twentytwenty-horizontal .twentytwenty-handle:before,.twentytwenty-horizontal .twentytwenty-handle:after,.twentytwenty-vertical .twentytwenty-handle:before,.twentytwenty-vertical .twentytwenty-handle:after{content:" ";display:block;background:var(--color-white);position:absolute;z-index:30;box-shadow:0 0 .75rem #33333380}.twentytwenty-horizontal .twentytwenty-handle:before,.twentytwenty-horizontal .twentytwenty-handle:after{width:.1875rem;height:624.9375rem;left:50%;margin-left:-.09375rem}.twentytwenty-vertical .twentytwenty-handle:before,.twentytwenty-vertical .twentytwenty-handle:after{width:624.9375rem;height:.1875rem;top:50%;margin-top:-.09375rem}.twentytwenty-before-label,.twentytwenty-after-label,.twentytwenty-overlay{position:absolute;top:0;width:100%;height:100%}.twentytwenty-before-label,.twentytwenty-after-label,.twentytwenty-overlay{transition-duration:.5s}.twentytwenty-before-label,.twentytwenty-after-label{transition-property:opacity}.twentytwenty-before-label:before,.twentytwenty-after-label:before{color:var(--color-white);font-size:.8125rem;letter-spacing:.1em}.twentytwenty-before-label:before,.twentytwenty-after-label:before{position:absolute;background:rgba(var(--color-white),.2);line-height:2.375rem;padding:0 1.25rem;border-radius:.125rem}.twentytwenty-horizontal .twentytwenty-before-label:before,.twentytwenty-horizontal .twentytwenty-after-label:before{top:50%;margin-top:-.1875rem}.twentytwenty-vertical .twentytwenty-before-label:before,.twentytwenty-vertical .twentytwenty-after-label:before{left:50%;margin-left:-2.8125rem;text-align:center;width:5.625rem}.twentytwenty-left-arrow,.twentytwenty-right-arrow,.twentytwenty-up-arrow,.twentytwenty-down-arrow{width:0;height:0;border:.375rem inset transparent;position:absolute}.twentytwenty-left-arrow,.twentytwenty-right-arrow{top:50%;margin-top:-.375rem}.twentytwenty-up-arrow,.twentytwenty-down-arrow{left:50%;margin-left:-.375rem}.twentytwenty-container{box-sizing:content-box;z-index:0;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.twentytwenty-container img{min-width:100%;max-width:100%;position:absolute;top:0;display:block}.twentytwenty-container.active .twentytwenty-overlay,.twentytwenty-container.active :hover.twentytwenty-overlay{background:var(--color-black)}.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label{opacity:0}.twentytwenty-container *{box-sizing:content-box}.twentytwenty-before-label{opacity:0}.twentytwenty-before-label:before{content:attr(data-content)}.twentytwenty-after-label{opacity:0}.twentytwenty-after-label:before{content:attr(data-content)}.twentytwenty-horizontal .twentytwenty-before-label:before{left:.625rem}.twentytwenty-horizontal .twentytwenty-after-label:before{right:.625rem}.twentytwenty-vertical .twentytwenty-before-label:before{top:.625rem}.twentytwenty-vertical .twentytwenty-after-label:before{bottom:.625rem}.twentytwenty-overlay{transition-property:background;background:var(--color-black);z-index:25}.twentytwenty-overlay:hover{background:rgba(var(--color-black),.5)}.twentytwenty-overlay:hover .twentytwenty-after-label,.twentytwenty-overlay:hover .twentytwenty-before-label{opacity:1}.twentytwenty-before{z-index:20}.twentytwenty-after{z-index:10}.twentytwenty-handle{height:2.375rem;width:2.375rem;position:absolute;left:50%;top:50%;margin-left:-1.375rem;margin-top:-1.375rem;border:.1875rem solid var(--color-white);border-radius:62.5rem;box-shadow:0 0 .75rem #33333380;z-index:40;cursor:pointer}.twentytwenty-horizontal .twentytwenty-handle:before{bottom:50%;margin-bottom:1.375rem;box-shadow:0 .1875rem 0 var(--color-white),0 0 .75rem #33333380}.twentytwenty-horizontal .twentytwenty-handle:after{top:50%;margin-top:1.375rem;box-shadow:0 -.1875rem 0 var(--color-white),0 0 .75rem #33333380}.twentytwenty-vertical .twentytwenty-handle:before{left:50%;margin-left:1.375rem;box-shadow:.1875rem 0 0 var(--color-white),0 0 .75rem #33333380}.twentytwenty-vertical .twentytwenty-handle:after{right:50%;margin-right:1.375rem;box-shadow:-.1875rem 0 0 var(--color-white),0 0 .75rem #33333380}.twentytwenty-left-arrow{border-right:.375rem solid var(--color-white);left:50%;margin-left:-1.0625rem}.twentytwenty-right-arrow{border-left:.375rem solid var(--color-white);right:50%;margin-right:-1.0625rem}.twentytwenty-up-arrow{border-bottom:.375rem solid var(--color-white);top:50%;margin-top:-1.0625rem}.twentytwenty-down-arrow{border-top:.375rem solid var(--color-white);bottom:50%;margin-bottom:-1.0625rem}
/*# sourceMappingURL=/cdn/shop/t/6/assets/twentytwenty.css.map */