slider-compare{display:block;position:relative;width:100%;aspect-ratio:var(--aspect-ratio, 16 / 9);overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize;--slider-pos: var(--slider-start, 50%)}slider-compare.rounded{border-radius:var(--border-radius, 12px)}.slider-compare__after,.slider-compare__before{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.slider-compare__before{clip-path:inset(0 calc(100% - var(--slider-pos)) 0 0)}.slider-compare__img,.slider-compare__before img,.slider-compare__after img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.slider-compare__label{position:absolute;bottom:1rem;z-index:2;padding:.35em .8em;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#0000008c;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.slider-compare__label--before{inset-inline-start:1rem}.slider-compare__label--after{inset-inline-end:1rem}.slider-compare__handle{position:absolute;top:0;inset-inline-start:var(--slider-pos);transform:translate(-50%);height:100%;width:44px;padding:0;margin:0;border:0;background:transparent;z-index:3;cursor:ew-resize;display:flex;align-items:center;justify-content:center}.slider-compare__line{position:absolute;top:0;left:50%;transform:translate(-50%);width:3px;height:100%;background:#fff;box-shadow:0 0 6px #00000059}.slider-compare__grip{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff;color:#1a1a1a;box-shadow:0 2px 10px #00000040;transition:transform .15s ease}.slider-compare__handle:hover .slider-compare__grip,.slider-compare__handle:focus-visible .slider-compare__grip{transform:scale(1.08)}.slider-compare__handle:focus-visible{outline:none}.slider-compare__handle:focus-visible .slider-compare__grip{outline:2px solid currentColor;outline-offset:2px}slider-compare.is-dragging{cursor:ew-resize}
/*# sourceMappingURL=/cdn/shop/t/3/assets/slider-compare.css.map */