.image-compare{overflow:hidden;margin:0 auto}.image-compare .image{width:100vw;height:100%;object-fit:cover}.compare-image-before{filter:grayscale(var(--image-compare-grayscale))}.image-compare[data-greyscale=true]:before,.image-compare[data-greyscale=true] .icv__wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--image-compare-bg);z-index:0}.image-compare[data-greyscale=true]:before{filter:grayscale(var(--image-compare-grayscale))}.image-compare__box{padding-top:5rem;padding-bottom:5rem}@media screen and (min-width:750px){.image-compare[data-haight="42"]{height:42rem}.image-compare[data-haight="56"]{height:56rem}.image-compare[data-haight="72"]{height:72rem}.image-compare .image{min-width:100vw;object-fit:contain;margin:auto!important}}@media screen and (min-width:750px){.image-compare__box{padding-top:8rem;padding-bottom:8rem}}.image-compare__heading{margin:0 0 1.5rem}.image-compare__buttons{display:flex;gap:1.5rem;margin-top:1.5em}.image-compare__buttons .button{flex:1;max-width:40rem;margin:0 auto}.compare-intro .icv__control{animation:compareHandle 2.5s cubic-bezier(.4,0,.2,1) .5s forwards}.compare-intro .icv__wrapper{animation:compareWrapper 2.5s cubic-bezier(.4,0,.2,1) .5s forwards}@keyframes compareHandle{0%{left:calc(50% - 25px)}50%{left:calc(90% - 25px)}75%{left:calc(10% - 25px)}to{left:calc(50% - 25px)}}@keyframes compareWrapper{0%{width:50%}50%{width:10%}75%{width:90%}to{width:50%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/image-compare.css.map */