.image-comparison-slider{padding:var(--horizontal-spacer)}.image-comparison-slider__header{display:flex;flex-direction:column;text-align:center;margin-bottom:24px}@media screen and (min-width:1024px){.image-comparison-slider__header{margin-bottom:60px}}.image-comparison-slider__header__heading h2{margin:0 0 24px}.image-comparison-slider__header__caption p{margin-top:0}.image-comparison-slider image-comparison-slider{position:relative;overflow:hidden;display:flex}.image-comparison-slider image-comparison-slider .image-comparison-slider__image{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:100%;position:relative}.image-comparison-slider image-comparison-slider .image-comparison-slider__image--right{width:100%}@media screen and (min-width:1024px){.image-comparison-slider image-comparison-slider .image-comparison-slider__image:before{content:var(--before-text);position:absolute;z-index:2;top:50%;left:16px;transform:translateY(-50%);background-color:#1f362e;font-size:14px;line-height:1;color:#fcfaf5;padding:14px 27px;border-radius:10px;opacity:0;transition:all .2s}.image-comparison-slider image-comparison-slider .image-comparison-slider__image:after{content:"";width:100%;height:100%;background-color:#000;top:0;left:0;position:absolute;transition:all .2s;opacity:0}.image-comparison-slider image-comparison-slider .image-comparison-slider__image--right:before{left:unset;right:16px}}.image-comparison-slider image-comparison-slider .image-comparison-slider__image img{-o-object-fit:cover;object-fit:cover;-o-object-position:0 0;object-position:0 0;vertical-align:middle}.image-comparison-slider image-comparison-slider .image-comparison-slider__image[data-resize]{position:absolute;z-index:2;width:50%}.image-comparison-slider image-comparison-slider [data-divider]{position:absolute;z-index:3;top:0;left:50%;width:2px;height:100%;background-color:#fff;display:block!important;transition:background-color .2s}.image-comparison-slider image-comparison-slider [data-divider]:after{content:"";width:40px;height:40px;border-radius:5px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;line-height:1;color:transparent;background-image:url(/cdn/shop/files/bidirectional-arrow-forest_5049f8e3-edc9-44c1-a8bd-2ee32b78b2fb.svg?v=1706843572);background-size:24px;background-repeat:no-repeat;background-position:center;cursor:ew-resize}@media screen and (min-width:1024px){.image-comparison-slider image-comparison-slider.hover:hover .image-comparison-slider__image:after{opacity:.4}.image-comparison-slider image-comparison-slider.hover:hover .image-comparison-slider__image:before{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/358/assets/section-image-comparison-slider.css.map */