.mp-image-comparison{padding-block:var(--mp-comparison-padding-top) var(--mp-comparison-padding-bottom)}.mp-image-comparison__inner{width:100%;padding-block-start:28px;border-block-start:1px solid rgba(35,35,35,.14);display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,628px);gap:clamp(32px,4vw,64px);justify-content:space-between;align-items:start}.mp-image-comparison__header{margin:0;max-width:none}.mp-image-comparison__heading{margin:0;color:var(--color-foreground);font-family:var(--font-heading--family);font-size:clamp(2rem,2.2vw,2.8rem);font-weight:700;line-height:1.2}.mp-image-comparison__description{margin-block-start:10px;color:var(--color-foreground);font-size:1.6rem;line-height:1.55}.mp-image-comparison__description>:first-child{margin-block-start:0}.mp-image-comparison__description>:last-child{margin-block-end:0}.mp-image-comparison__component,.mp-image-comparison__stage{display:block;width:100%}.mp-image-comparison__stage{position:relative;aspect-ratio:var(--mp-comparison-aspect-ratio);overflow:hidden;background:#f5f5f5;isolation:isolate;touch-action:pan-y}.mp-image-comparison__image,.mp-image-comparison__before{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mp-image-comparison__image{display:block;object-fit:cover;object-position:center}.mp-image-comparison__before{z-index:1;overflow:hidden;clip-path:inset(0 calc(100% - var(--mp-comparison-position)) 0 0)}.mp-image-comparison__label{position:absolute;z-index:3;top:16px;padding:7px 12px;border-radius:3px;color:#fff;background:#232323d1;font-size:1.3rem;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}.mp-image-comparison__label--before{left:16px}.mp-image-comparison__label--after{right:16px}.mp-image-comparison__divider{position:absolute;z-index:4;inset-block:0;left:var(--mp-comparison-position);width:3px;transform:translate(-50%);background:#fff;box-shadow:0 0 0 1px #2323232e;pointer-events:none}.mp-image-comparison__handle{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:52px;height:52px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;color:#fff;background:#232323;box-shadow:0 3px 12px #00000047}.mp-image-comparison__handle svg{width:28px;height:28px}.mp-image-comparison__range{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;cursor:ew-resize;opacity:0}.mp-image-comparison__stage:has(.mp-image-comparison__range:focus-visible){outline:3px solid var(--color-primary-button-background, #232323);outline-offset:3px}@media(max-width:749px){.mp-image-comparison{padding-block:min(var(--mp-comparison-padding-top),25px) min(var(--mp-comparison-padding-bottom),25px)}.mp-image-comparison__inner{display:block;padding-block-start:20px}.mp-image-comparison__header{margin-block-end:16px;max-width:none}.mp-image-comparison__description{font-size:1.4rem}.mp-image-comparison__label{top:10px;padding:6px 9px;font-size:1.1rem}.mp-image-comparison__label--before{left:10px}.mp-image-comparison__label--after{right:10px}.mp-image-comparison__handle{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.mp-image-comparison__before,.mp-image-comparison__divider{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/component-image-comparison.css.map */