.rr-product-compare{width:100%;margin:3.2rem auto 0;padding:0 1.5rem 3.2rem}.rr-product-compare__inner{width:min(100%,86rem);margin:0 auto}.rr-product-compare__frame{--rr-compare-position: 50%;position:relative;width:100%;aspect-ratio:10 / 11;overflow:hidden;isolation:isolate;background:#ece8df;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}.rr-product-compare__image,.rr-product-compare__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.rr-product-compare__image{max-width:none;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.rr-product-compare__image--base{object-position:center center}.rr-product-compare__overlay{z-index:1;clip-path:inset(0 0 0 var(--rr-compare-position));pointer-events:none}.rr-product-compare__base-copy-layer,.rr-product-compare__overlay-copy-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.rr-product-compare__base-copy-layer{clip-path:inset(0 calc(100% - var(--rr-compare-position)) 0 0)}.rr-product-compare__overlay-copy-layer{clip-path:inset(0 0 0 var(--rr-compare-position))}.rr-product-compare__copy{position:absolute;top:2.4rem;max-width:44%;margin:0;color:#fff;font-family:var(--font-heading-family, sans-serif);font-size:clamp(1.35rem,2.4vw,2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.08;text-shadow:0 .2rem .8rem rgba(20,22,28,.7)}.rr-product-compare__copy--base{left:2.4rem}.rr-product-compare__copy--overlay{right:2.4rem;color:var(--rr-blue, #0f2747);text-shadow:0 .1rem .6rem rgba(255,255,255,.78);text-align:right}.rr-product-compare__image--overlay{object-position:center center}.rr-product-compare__divider{position:absolute;z-index:2;top:0;bottom:0;left:var(--rr-compare-position);width:.2rem;background:#fff;box-shadow:0 0 .8rem #14161c4d;pointer-events:none;transform:translate(-50%)}.rr-product-compare__handle{position:absolute;z-index:4;top:50%;left:var(--rr-compare-position);display:flex;width:5.2rem;height:5.2rem;align-items:center;justify-content:center;border:.1rem solid #14161c;border-radius:50%;background:#fff;color:#14161c;box-shadow:0 .2rem .9rem #14161c47;pointer-events:none;transform:translate(-50%,-50%)}.rr-product-compare__handle svg{display:block;width:2.7rem;height:auto}.rr-product-compare__handle-hit-area{position:absolute;z-index:5;top:0;bottom:0;left:var(--rr-compare-position);display:block;width:7.2rem;border:0;background:transparent;cursor:ew-resize;pointer-events:auto;touch-action:none;transform:translate(-50%)}.rr-product-compare__range{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:ew-resize;opacity:0;pointer-events:none;touch-action:none}.rr-product-compare__range::-webkit-slider-runnable-track{width:100%;height:100%;border:0;background:transparent}.rr-product-compare__range::-moz-range-track{width:100%;height:100%;border:0;background:transparent}.rr-product-compare__range::-webkit-slider-thumb{width:.1rem;height:.1rem;border:0;border-radius:0;background:transparent;-webkit-appearance:none}.rr-product-compare__range::-moz-range-thumb{width:.1rem;height:.1rem;border:0;border-radius:0;background:transparent}.rr-product-compare__frame:has(.rr-product-compare__range:focus-visible){outline:.3rem solid var(--rr-orange, #ff7a1a);outline-offset:-.3rem}@media screen and (min-width:750px){.rr-product-compare{margin-top:4.8rem;padding-right:2rem;padding-left:2rem}.rr-product-compare__frame{aspect-ratio:4 / 3}}@media screen and (max-width:749px){.rr-product-compare{margin-top:2.4rem;padding-right:0;padding-left:0}.rr-product-compare__handle{width:4.8rem;height:4.8rem}.rr-product-compare__handle-hit-area{width:7rem}.rr-product-compare__handle svg{width:2.5rem}.rr-product-compare__copy{top:1.6rem;font-size:clamp(1.3rem,4.4vw,1.8rem)}.rr-product-compare__copy--base{left:1.6rem}.rr-product-compare__copy--overlay{right:1.6rem}}@media(prefers-reduced-motion:reduce){.rr-product-compare__range{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/279/assets/rr-product-image-compare.css.map */