comparison-slider-component{display:block}.comparison-slider-section-inner{display:flex;flex-direction:column;gap:2rem}.comparison-slider-content{width:100%}.comparison-slider-content .scroll-animate-fade-in-up,.comparison-slider-content .scroll-animate-fade-in-down,.comparison-slider-content .scroll-animate-fade-in-left,.comparison-slider-content .scroll-animate-fade-in-right,.comparison-slider-content .scroll-animate-fade-in{animation:none!important;opacity:1!important;transform:none!important;will-change:auto}.comparison-slider{position:relative;overflow:hidden;width:100%;aspect-ratio:var(--ratio, 1 / 1);border-radius:var(--border-radius);background-color:rgb(var(--color-text-rgb) / .05);outline:2px solid transparent;outline-offset:2px}.comparison-slider:has(.comparison-slider-input:focus-visible){outline-color:var(--color-text)}.comparison-slider-container{position:relative;width:100%;height:100%}.comparison-slider-media-wrapper{position:relative;display:grid;grid-template:1fr / 1fr;width:100%;height:100%;overflow:hidden;touch-action:none}.comparison-slider-media-wrapper[data-orientation=horizontal]{cursor:ew-resize}.comparison-slider-media-wrapper[data-orientation=vertical]{cursor:ns-resize}.comparison-slider-layer{grid-area:1 / 1;position:relative;width:100%;height:100%}.comparison-slider-layer-after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.comparison-slider-after-reveal{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.comparison-slider-media-wrapper[data-orientation=horizontal] .comparison-slider-layer-after{left:calc(var(--compare, 50) * 1%)}.comparison-slider-media-wrapper[data-orientation=horizontal] .comparison-slider-after-reveal{transform:translate(calc(var(--compare, 50) * -1%))}.comparison-slider-media-wrapper[data-orientation=vertical] .comparison-slider-layer-after{top:calc((100 - var(--compare, 50)) * 1%)}.comparison-slider-media-wrapper[data-orientation=vertical] .comparison-slider-after-reveal{transform:translateY(calc((var(--compare, 50) - 100) * 1%))}.comparison-slider-image,.comparison-slider-placeholder,.comparison-slider-placeholder .placeholder-svg{display:block;width:100%;height:100%;aspect-ratio:var(--ratio, 1 / 1);object-fit:cover}.comparison-slider-placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.comparison-slider-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;margin:0;padding:0;opacity:0;-webkit-appearance:none;appearance:none}.comparison-slider-media-wrapper[data-orientation=horizontal] .comparison-slider-input{cursor:inherit}.comparison-slider-media-wrapper[data-orientation=vertical] .comparison-slider-input{cursor:inherit;writing-mode:vertical-lr;direction:rtl}.comparison-slider-input::-webkit-slider-thumb{width:3rem;height:3rem;border:0;background:transparent;-webkit-appearance:none;appearance:none}.comparison-slider-input::-moz-range-thumb{width:3rem;height:3rem;border:0;background:transparent}.comparison-slider-input::-webkit-slider-runnable-track{background:transparent;border:0}.comparison-slider-input::-moz-range-track{background:transparent;border:0}.comparison-slider-media-wrapper:after{content:"";position:absolute;z-index:2;pointer-events:none;background-color:var(--color-background);box-shadow:0 0 12px #0000001a}.comparison-slider-media-wrapper[data-orientation=horizontal]:after{inset:0 auto 0 calc(var(--compare, 50) * 1%);width:3px;transform:translate(-50%)}.comparison-slider-media-wrapper[data-orientation=vertical]:after{inset:calc((100 - var(--compare, 50)) * 1%) 0 auto 0;height:3px;transform:translateY(-50%)}.comparison-slider-handle{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;gap:.25rem;width:3rem;height:3rem;color:var(--color-text);background-color:var(--color-background);border-radius:50%;box-shadow:var(--shadow-md);pointer-events:none;transition:gap .2s ease-out}.comparison-slider-media-wrapper:hover .comparison-slider-handle{gap:0}.comparison-slider-media-wrapper[data-orientation=horizontal] .comparison-slider-handle{top:50%;left:calc(var(--compare, 50) * 1%);transform:translate(-50%,-50%)}.comparison-slider-media-wrapper[data-orientation=vertical] .comparison-slider-handle{top:calc((100 - var(--compare, 50)) * 1%);left:50%;transform:translate(-50%,-50%) rotate(90deg)}.comparison-slider-text{position:absolute;z-index:2;padding:.5rem .75rem;pointer-events:none}.comparison-slider-text-with-bg{background-color:rgb(var(--text-background-color-rgb, var(--color-background-rgb) / .85));border-radius:var(--border-radius);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--shadow-sm)}.comparison-slider-media-wrapper[data-orientation=horizontal] .comparison-slider-text-before{inset-inline-start:1rem}.comparison-slider-media-wrapper[data-orientation=horizontal] .comparison-slider-text-after{inset-inline-end:1rem}.comparison-slider-media-wrapper[data-orientation=horizontal][data-text-position=start] .comparison-slider-text{inset-block-start:1rem}.comparison-slider-media-wrapper[data-orientation=horizontal][data-text-position=end] .comparison-slider-text{inset-block-end:1rem}.comparison-slider-media-wrapper[data-orientation=vertical] .comparison-slider-text-before{inset-block-start:1rem}.comparison-slider-media-wrapper[data-orientation=vertical] .comparison-slider-text-after{inset-block-end:1rem}.comparison-slider-media-wrapper[data-orientation=vertical][data-text-position=start] .comparison-slider-text{inset-inline-start:1rem}.comparison-slider-media-wrapper[data-orientation=vertical][data-text-position=end] .comparison-slider-text{inset-inline-end:1rem}@media(max-width:599px){.comparison-slider-handle{width:2.5rem;height:2.5rem}.comparison-slider-text{padding:.375rem .625rem}.comparison-slider-media-wrapper[data-orientation=horizontal] .comparison-slider-text-before{inset-inline-start:.75rem}.comparison-slider-media-wrapper[data-orientation=horizontal] .comparison-slider-text-after{inset-inline-end:.75rem}.comparison-slider-media-wrapper[data-orientation=horizontal][data-text-position=start] .comparison-slider-text{inset-block-start:.75rem}.comparison-slider-media-wrapper[data-orientation=horizontal][data-text-position=end] .comparison-slider-text{inset-block-end:.75rem}.comparison-slider-media-wrapper[data-orientation=vertical] .comparison-slider-text-before{inset-block-start:.75rem}.comparison-slider-media-wrapper[data-orientation=vertical] .comparison-slider-text-after{inset-block-end:.75rem}.comparison-slider-media-wrapper[data-orientation=vertical][data-text-position=start] .comparison-slider-text{inset-inline-start:.75rem}.comparison-slider-media-wrapper[data-orientation=vertical][data-text-position=end] .comparison-slider-text{inset-inline-end:.75rem}}@media(min-width:900px){.comparison-slider-section-inner-with-content{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);align-items:center;gap:3rem}.comparison-slider-section-inner-with-content[data-content-position=right]{grid-template-columns:minmax(0,.6fr) minmax(0,.4fr)}.comparison-slider-section-inner-with-content[data-content-position=right] .comparison-slider-content{order:2}.comparison-slider-section-inner-with-content[data-content-position=right] .comparison-slider{order:1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/comparison-slider.css.map */