@property --compare{syntax: "<number>"; inherits: true; initial-value: 50;}comparison-slider-component{display:block;contain:layout paint;padding-block-start:var(--cs-padding-top, 0px);padding-block-end:var(--cs-padding-bottom, 0px);padding-inline-start:var(--cs-padding-left, 0px);padding-inline-end:var(--cs-padding-right, 0px)}.comparison-slider-carousel-wrap,.comparison-slider-carousel{position:relative}.comparison-slider-carousel .carousel__slide{width:100%}.comparison-slider-carousel-wrap>.flickity-page-dots{position:static;display:block;width:100%;margin:20px 0 0;padding:0;text-align:center;z-index:1}.comparison-slider{position:relative;overflow:hidden;aspect-ratio:var(--ratio, 1920 / 1080);border-radius:var(--border-radius, 0px)}.comparison-slider--bordered{border:var(--cs-border-width, 1px) solid var(--cs-border-color, #151515)}.comparison-slider:not(:has(img)){min-width:25dvh}.comparison-slider__container{position:relative;width:100%;height:100%}.comparison-slider__media-wrapper{--compare: 50;position:relative;width:100%;height:100%;display:grid;grid-template:1fr / 1fr;overflow:hidden}.comparison-slider__layer{grid-area:1 / 1;position:relative;width:100%;height:100%;transition:clip-path var(--transition-duration, 0s) ease-out}.comparison-slider__layer--after{z-index:1}[data-orientation=horizontal] .comparison-slider__layer--before{clip-path:inset(0 calc((100 - var(--compare)) * 1%) 0 0)}[data-orientation=vertical] .comparison-slider__layer--before{clip-path:inset(0 0 calc(var(--compare) * 1%) 0)}[data-orientation=horizontal] .comparison-slider__layer--after{clip-path:inset(0 0 0 calc(var(--compare) * 1%))}[data-orientation=vertical] .comparison-slider__layer--after{clip-path:inset(calc((100 - var(--compare)) * 1%) 0 0 0)}.before-image,.after-image,.comparison-slider__placeholder{width:100%;height:100%;object-fit:cover;aspect-ratio:var(--ratio, 1920 / 1080)}.comparison-slider__placeholder,.comparison-slider__image--mobile{position:absolute;top:0;right:0;bottom:0;left:0}@media screen and (min-width:750px){.comparison-slider__image--mobile{display:none}}@media screen and (max-width:749px){.comparison-slider{border-radius:var(--border-radius-mobile, var(--border-radius));aspect-ratio:var(--ratio-mobile, 1 / 1)}.comparison-slider .before-image,.comparison-slider .after-image,.comparison-slider .comparison-slider__placeholder{aspect-ratio:var(--ratio-mobile, 1 / 1)}.comparison-slider__layer:has(.comparison-slider__image--mobile) .comparison-slider__image--desktop{display:none}}.comparison-slider__placeholder svg{width:100%;height:100%;background-color:#f4f4f4;fill:#151515}.comparison-slider__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;cursor:pointer}.cs-slider{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;-webkit-appearance:none;appearance:none}[data-link] .cs-slider{pointer-events:none}[data-orientation=horizontal] .cs-slider{cursor:ew-resize}[data-orientation=vertical] .cs-slider{cursor:ns-resize;writing-mode:vertical-lr;direction:rtl}.cs-slider::-webkit-slider-thumb,.cs-slider::-moz-range-thumb{width:48px;height:48px;border:0;background:transparent;cursor:inherit;-webkit-appearance:none;appearance:none}.cs-slider::-webkit-slider-track,.cs-slider::-moz-range-track{background:transparent;border:0;-webkit-appearance:none;appearance:none}.comparison-slider__media-wrapper:before,.comparison-slider__media-wrapper:after{content:"";position:absolute;pointer-events:none;transition:left var(--transition-duration, 0s) ease-out,top var(--transition-duration, 0s) ease-out;z-index:2}.comparison-slider__media-wrapper:after{background:#fff;box-shadow:0 0 12px #0000001a}.comparison-slider__media-wrapper:before{background:#fff}.comparison-slider__media-wrapper[data-orientation=horizontal]:after{inset:0 auto;left:calc(var(--compare) * 1%);width:4px;transform:translate(-50%)}.comparison-slider__media-wrapper[data-orientation=vertical]:after{inset:auto 0;top:calc((100 - var(--compare)) * 1%);height:4px;transform:translateY(-50%)}.cs-slider__handle{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:left var(--transition-duration, 0s) ease-out,top var(--transition-duration, 0s) ease-out}.cs-slider__handle svg{display:block;width:40px;height:40px;pointer-events:none}[data-orientation=horizontal] .cs-slider__handle{top:50%;left:calc(var(--compare) * 1%);transform:translate(-50%,-50%)}[data-orientation=vertical] .cs-slider__handle{left:50%;top:calc((100 - var(--compare)) * 1%);transform:translate(-50%,-50%) rotate(90deg)}[data-link] .cs-slider__handle{z-index:4;width:56px;pointer-events:auto;cursor:ew-resize;touch-action:none}[data-link] .comparison-slider__media-wrapper[data-orientation=horizontal] .cs-slider__handle{top:0;bottom:0;height:auto;transform:translate(-50%)}@keyframes comparison-swipe-right{0%{--compare: 50}15%{--compare: 50}55%{--compare: 92}to{--compare: 50}}.comparison-slider--intro.is-in-view .comparison-slider__media-wrapper{animation:comparison-swipe-right 1.2s ease-in-out both}.comparison-slider--intro.is-intro-done .comparison-slider__media-wrapper{animation:none}@media(prefers-reduced-motion:reduce){.comparison-slider--intro.is-in-view .comparison-slider__media-wrapper{animation:none}}.comparison-slider__text{display:none}@media screen and (min-width:750px){.comparison-slider__text{display:block;position:absolute;z-index:2;padding:6px 12px;background:#fff;box-shadow:0 2px 8px #0000001f;pointer-events:none;font-size:14px;line-height:1.2;color:#151515}.comparison-slider__text--before{top:16px;left:16px}.comparison-slider__text--after{top:16px;right:16px}}
/*# sourceMappingURL=/cdn/shop/t/7/compiled_assets/styles.css.map */