.df-compare{--pos: 50%;position:relative;width:100%;aspect-ratio:var(--df-aspect-ratio, 1 / 1);overflow:hidden;border-radius:var(--df-media-radius, 0);background:#f1f1f1;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none}.df-compare.is-dragging{cursor:grabbing}.df-compare__img{position:absolute;top:0;right:0;bottom:0;left:0}.df-compare__img img,.df-compare__img svg{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.df-compare__img--before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.df-compare__img--before .df-compare__placeholder{background:#e4e4e4}.df-compare__line{position:absolute;top:0;bottom:0;left:var(--pos);width:1px;background:#fff;transform:translate(-50%);pointer-events:none;z-index:2}.df-compare__handle{position:absolute;top:50%;left:var(--pos);width:40px;height:40px;margin:-20px 0 0 -20px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#111;box-shadow:0 0 0 1px #00000014,0 2px 8px #0000002e;z-index:3;cursor:ew-resize}.df-compare__handle:focus-visible{outline:2px solid #111111;outline-offset:2px}.df-compare__label{position:absolute;bottom:12px;padding:4px 10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#111;background:#ffffffd9;pointer-events:none;z-index:2}.df-compare__label--before{left:12px}.df-compare__label--after{right:12px}
/*# sourceMappingURL=/cdn/shop/t/4/assets/df-compare.css.map */