.comparison-slider{--comparison-handle-size: clamp(3.0625rem, calc(.714rem + 10.05vw) , 4.4375rem);--comparison-icon-size: calc(var(--comparison-handle-size) * .5625);--comparison-handle-color: var(--color-background);--comparison-handle-icon-color: var(--color-foreground, currentcolor);--comparison-background: var(--color-background, transparent);--comparison-label-color: var(--color-foreground, currentcolor);--comparison-label-background: var(--color-background);display:block;inline-size:var(--comparison-width, 100%);max-inline-size:100%;padding-block:var(--padding-block-start, 0) var(--padding-block-end, 0);padding-inline:var(--padding-inline-start, 0) var(--padding-inline-end, 0);container-type:inline-size}@supports (container-type: inline-size){.comparison-slider{--comparison-handle-size: clamp(3.0625rem, calc(.714rem + 10.05cqi) , 4.4375rem)}}.comparison-slider__media{position:relative;inline-size:100%;min-block-size:0;aspect-ratio:var(--comparison-natural-aspect-ratio, 1);background:var(--comparison-background);overflow:hidden;isolation:isolate}.comparison-slider:not([data-layout=columns]) .comparison-slider__media{touch-action:pan-y}.comparison-slider[data-enhanced=true] .comparison-slider__media{cursor:ew-resize}.comparison-slider[data-enhanced=true] .comparison-slider__range{pointer-events:none}.comparison-slider[data-image-ratio=portrait] .comparison-slider__media{aspect-ratio:4 / 5}.comparison-slider[data-image-ratio=square] .comparison-slider__media{aspect-ratio:1}.comparison-slider[data-image-ratio=landscape] .comparison-slider__media{aspect-ratio:16 / 9}.comparison-slider[data-image-ratio=adapt][data-height=fill],.comparison-slider[data-image-ratio=adapt][data-height=fill] .comparison-slider__media{block-size:100%}.comparison-slider[data-image-ratio=adapt][data-height=fill] .comparison-slider__media{aspect-ratio:auto}.comparison-slider--border .comparison-slider__media{border:var(--border-width, 1px) solid var(--color-border, currentcolor)}.comparison-slider__layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;margin:0;overflow:hidden}.comparison-slider__layer--before{z-index:2;clip-path:inset(0 calc(100% - var(--comparison-position, 50%)) 0 0)}.comparison-slider__image{display:block;inline-size:100%;block-size:100%;object-fit:cover}.comparison-slider__placeholder{background:var(--comparison-background)}.comparison-slider__label{--comparison-label-inset: 1rem;position:absolute;z-index:1;inset-block-start:var(--comparison-label-inset);inline-size:fit-content;max-inline-size:calc(100% - var(--comparison-label-inset) * 2);margin:0;padding:.25rem .5rem;color:var(--comparison-label-color)}.comparison-slider__label--before{inset-inline-start:var(--comparison-label-inset)}.comparison-slider__label--after{inset-inline-end:var(--comparison-label-inset);text-align:end}.comparison-slider__media[data-text-position=end] .comparison-slider__label{inset-block-start:auto;inset-block-end:var(--comparison-label-inset)}.comparison-slider__media[data-text-background=true] .comparison-slider__label{background:var(--comparison-label-background)}.comparison-slider[data-layout=columns] .comparison-slider__media{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;grid-template-rows:minmax(0,1fr)}.comparison-slider__column{position:relative;min-inline-size:0;margin:0;overflow:hidden;container-type:inline-size}.comparison-slider__label--column{inset-inline-start:var(--comparison-label-inset)}@supports (container-type: inline-size){.comparison-slider__label--column{--comparison-label-inset: min(1rem, 10cqi)}}.comparison-slider__handle{position:absolute;z-index:3;inset-block:0;inset-inline-start:var(--comparison-position, 50%);inline-size:0;color:var(--comparison-handle-color);pointer-events:none}.comparison-slider__handle-line{position:absolute;inset-block:0;inset-inline-start:-.5px;inline-size:1px;background:currentcolor}.comparison-slider__handle-button{position:absolute;inset-block-start:50%;inset-inline-start:50%;display:grid;place-items:center;inline-size:var(--comparison-handle-size);block-size:var(--comparison-handle-size);border:var(--border-width, 1px) solid var(--comparison-handle-color);border-radius:50%;color:var(--comparison-handle-icon-color);background:var(--comparison-handle-color);transform:translate(-50%,-50%)}.comparison-slider__handle-icon{inline-size:var(--comparison-icon-size);block-size:auto;overflow:visible}.comparison-slider__handle-icon path{stroke-width:1.25;vector-effect:non-scaling-stroke}.comparison-slider__range{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;touch-action:pan-y}.comparison-slider__media:has(.comparison-slider__range:focus-visible) .comparison-slider__handle-button{outline:var(--focus-ring-width, 2px) solid currentcolor;outline-offset:var(--focus-ring-offset, 2px)}.comparison-slider__media:has(.comparison-slider__range:focus-visible){box-shadow:inset 0 0 0 var(--focus-ring-width, 2px) currentcolor}@media screen and (max-width:46.8125rem){.comparison-slider{inline-size:var(--comparison-width-mobile, var(--comparison-width, 100%));padding-block:var(--mobile-padding-block-start, var(--padding-block-start, 0)) var(--mobile-padding-block-end, var(--padding-block-end, 0));padding-inline:var(--mobile-padding-inline-start, var(--padding-inline-start, 0)) var(--mobile-padding-inline-end, var(--padding-inline-end, 0))}.comparison-slider[data-layout=columns] .comparison-slider__label--column{font-size:.75em;--comparison-label-inset: .5rem}}.comparison-slider__empty-surface{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:var(--comparison-background);background:color-mix(in srgb,var(--comparison-background) 94%,var(--color-foreground) 6%)}.comparison-slider__empty-surface--before{background:var(--comparison-background);background:color-mix(in srgb,var(--comparison-background) 86%,var(--color-foreground) 14%)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/snippet-comparison-slider.css.map */