.twentytwenty-wrapper{position:relative;width:100%}.twentytwenty-vertical .twentytwenty-container{touch-action:pan-x}.twentytwenty-container.winsho-bais-ready img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;object-position:center;pointer-events:none;transform:translateZ(0)}.twentytwenty-before{z-index:20}.twentytwenty-after{z-index:10}.twentytwenty-overlay,.twentytwenty-before-label,.twentytwenty-after-label{position:absolute;inset:0}.twentytwenty-overlay{z-index:25;background:rgba(0,0,0,0);transition:background-color .25s ease;pointer-events:none}.twentytwenty-container:hover .twentytwenty-overlay:not(.twentytwenty-overlay-no-bg),.twentytwenty-container.active .twentytwenty-overlay:not(.twentytwenty-overlay-no-bg){background:rgba(0,0,0,.08)}.twentytwenty-before-label,.twentytwenty-after-label{z-index:26;opacity:0;transition:opacity .2s ease}.twentytwenty-container:hover .twentytwenty-before-label,.twentytwenty-container:hover .twentytwenty-after-label,.twentytwenty-overlay.hover .twentytwenty-before-label,.twentytwenty-overlay.hover .twentytwenty-after-label,.twentytwenty-container.active .twentytwenty-before-label,.twentytwenty-container.active .twentytwenty-after-label{opacity:1}.twentytwenty-before-label::before,.twentytwenty-after-label::before{position:absolute;content:attr(data-content);color:#fff;background-color:rgba(17,17,17,.88);padding:10px 16px;border-radius:4px;font-size:13px;font-weight:600;line-height:1.2;letter-spacing:.04em;white-space:nowrap}.twentytwenty-horizontal .twentytwenty-before-label::before{top:50%;left:16px;transform:translateY(-50%)}.twentytwenty-horizontal .twentytwenty-after-label::before{top:50%;right:16px;transform:translateY(-50%)}.twentytwenty-vertical .twentytwenty-before-label::before{top:16px;left:50%;transform:translateX(-50%)}.twentytwenty-vertical .twentytwenty-after-label::before{bottom:16px;left:50%;transform:translateX(-50%)}.twentytwenty-handle{position:absolute;z-index:40;width:var(--winsho-bais-handle-size);height:var(--winsho-bais-handle-size);border:3px solid #fff;border-radius:999px;background:rgba(0,0,0,.18);box-shadow:0 0 12px rgba(51,51,51,.45);cursor:ew-resize;transform:translate(-50%,-50%);outline:none}.twentytwenty-vertical .twentytwenty-handle{cursor:ns-resize}.twentytwenty-handle:focus-visible{outline:3px solid rgba(33,150,243,.75);outline-offset:3px}.twentytwenty-horizontal .twentytwenty-handle::before,.twentytwenty-horizontal .twentytwenty-handle::after,.twentytwenty-vertical .twentytwenty-handle::before,.twentytwenty-vertical .twentytwenty-handle::after{content:"";position:absolute;z-index:30;display:block;background:var(--winsho-bais-divider-color);box-shadow:0 0 8px rgba(51,51,51,.28)}.twentytwenty-horizontal .twentytwenty-handle::before,.twentytwenty-horizontal .twentytwenty-handle::after{left:50%;width:var(--winsho-bais-divider-width);height:9999px;transform:translateX(-50%)}.twentytwenty-horizontal .twentytwenty-handle::before{bottom:calc(100% + 1px)}.twentytwenty-horizontal .twentytwenty-handle::after{top:calc(100% + 1px)}.twentytwenty-vertical .twentytwenty-handle::before,.twentytwenty-vertical .twentytwenty-handle::after{top:50%;width:9999px;height:var(--winsho-bais-divider-width);transform:translateY(-50%)}.twentytwenty-vertical .twentytwenty-handle::before{left:calc(100% + 1px)}.twentytwenty-vertical .twentytwenty-handle::after{right:calc(100% + 1px)}.twentytwenty-left-arrow,.twentytwenty-right-arrow,.twentytwenty-up-arrow,.twentytwenty-down-arrow{position:absolute;width:0;height:0;border:6px solid transparent}.twentytwenty-left-arrow,.twentytwenty-right-arrow{top:50%;transform:translateY(-50%)}.twentytwenty-left-arrow{left:18%;border-right-color:var(--winsho-bais-arrow-color)}.twentytwenty-right-arrow{right:18%;border-left-color:var(--winsho-bais-arrow-color)}.twentytwenty-up-arrow,.twentytwenty-down-arrow{left:50%;transform:translateX(-50%)}.twentytwenty-up-arrow{top:18%;border-bottom-color:var(--winsho-bais-arrow-color)}.twentytwenty-down-arrow{bottom:18%;border-top-color:var(--winsho-bais-arrow-color)}@media (max-width:767px){.twentytwenty-before-label::before,.twentytwenty-after-label::before{padding:8px 12px;font-size:12px}.twentytwenty-horizontal .twentytwenty-before-label::before{left:10px}.twentytwenty-horizontal .twentytwenty-after-label::before{right:10px}.twentytwenty-vertical .twentytwenty-before-label::before{top:10px}.twentytwenty-vertical .twentytwenty-after-label::before{bottom:10px}}