.image-compare{position:relative;width:100%;overflow:hidden;--image-compare-pos: 50%;--image-compare-handle-size: 44px;--image-compare-handle-line: 2px;--image-compare-handle-color: #ffffff;--image-compare-handle-shadow: 0 2px 8px rgba(0, 0, 0, .35);user-select:none;-webkit-user-select:none;touch-action:pan-y}.image-compare__frame{position:relative;width:100%;aspect-ratio:var(--image-compare-aspect, 16 / 9);background:#f4f4f4;cursor:ew-resize;overflow:hidden}.image-compare__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.image-compare__image--after{clip-path:inset(0 0 0 var(--image-compare-pos))}.image-compare__label{position:absolute;top:16px;padding:6px 12px;font-size:1.2rem;letter-spacing:.05em;text-transform:uppercase;background:#0000008c;color:#fff;border-radius:2px;pointer-events:none;z-index:2}.image-compare__label--before{left:16px}.image-compare__label--after{right:16px}.image-compare__divider{position:absolute;top:0;bottom:0;left:var(--image-compare-pos);width:var(--image-compare-handle-line);background:var(--image-compare-handle-color);transform:translate(-50%);pointer-events:none;z-index:3;box-shadow:var(--image-compare-handle-shadow)}.image-compare__handle{position:absolute;top:50%;left:var(--image-compare-pos);width:var(--image-compare-handle-size);height:var(--image-compare-handle-size);transform:translate(-50%,-50%);background:var(--image-compare-handle-color);border-radius:50%;box-shadow:var(--image-compare-handle-shadow);display:flex;align-items:center;justify-content:center;z-index:4;pointer-events:none;color:#111}.image-compare__handle svg{width:60%;height:60%}@media(hover:none){.image-compare__frame{cursor:grab}.image-compare__frame:active{cursor:grabbing}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-image-compare.css.map */