.image-comparison--vertical,.image-comparison--horizontal{display:grid}.image-comparison--horizontal{grid-template-columns:1fr 1fr}.image-comparison--slider{--image-comparison-position: 50%;--image-comparison-line-width: max(var(--product-card-border-width), .1rem);--image-comparison-grip-size: 4.4rem;display:block;position:relative}.image-comparison--slider .image-comparison__image--after{clip-path:inset(0 0 0 var(--image-comparison-position))}.image-comparison__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:none;background:transparent;-webkit-appearance:none;appearance:none;opacity:0;cursor:ew-resize}.image-comparison__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:4.4rem;height:4.4rem}.image-comparison__range::-moz-range-thumb{width:4.4rem;height:4.4rem;border:none}.image-comparison--slider .image-comparison__handle{display:block;position:absolute;top:0;bottom:0;left:clamp(calc(var(--image-comparison-line-width) / 2),var(--image-comparison-position),calc(100% - var(--image-comparison-line-width) / 2));width:var(--image-comparison-line-width);margin-left:calc(var(--image-comparison-line-width) / -2);background-color:rgba(var(--color-foreground),max(var(--product-card-border-opacity),.3));pointer-events:none}.image-comparison__handle-grip{position:absolute;top:50%;left:clamp(calc(var(--image-comparison-grip-size) / 2),var(--image-comparison-position),calc(100% - var(--image-comparison-grip-size) / 2));transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--image-comparison-grip-size);height:var(--image-comparison-grip-size);background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));pointer-events:none}.image-comparison__handle-grip .icon-compare-arrows{width:2rem;height:2rem;flex-shrink:0}.image-comparison__label-clip{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.image-comparison--slider .image-comparison__label-clip--before{clip-path:inset(0 calc(100% - var(--image-comparison-position)) 0 0)}.image-comparison--slider .image-comparison__label-clip--after{clip-path:inset(0 0 0 var(--image-comparison-position))}.image-comparison__label{position:absolute;top:0;box-sizing:border-box;max-width:100%;padding:.4rem;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:1.2rem;line-height:1.4;letter-spacing:.06rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.image-comparison__label--before{left:0}.image-comparison__label--after{right:0}.image-comparison__range:focus-visible~.image-comparison__handle-grip,.image-comparison__range.focused~.image-comparison__handle-grip{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset);box-shadow:var(--focused-base-box-shadow)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-image-comparison.css.map */