.image-comparison{--percent: 95%;-webkit-user-select:none;user-select:none}.image-comparison[animate]{--percent: 50%}.image-comparison.animating .image-comparison__button{transition-property:top,left;transition-duration:1s;transition-timing-function:ease}.image-comparison.animating .image__after{transition-property:clip-path;transition-duration:1s;transition-timing-function:ease}.image-comparison .image__after{clip-path:inset(0px 0px 0px var(--percent))}.image-comparison__button{touch-action:none;--wid-button: 5rem;left:var(--percent);width:var(--wid-button);margin-left:calc(var(--wid-button) / -2);cursor:grab}.image-comparison__button:before,.image-comparison__button:after{content:"";position:absolute;background-color:rgba(var(--color-background));pointer-events:none}.image-comparison .image-comparison__button:before,.image-comparison .image-comparison__button:after{width:.2rem;height:50%;left:calc(50% - .1rem)}.image-comparison .image-comparison__button:before{top:0}.image-comparison .image-comparison__button:after{bottom:0}.image-comparison__button span{top:calc(50% - var(--wid-button) / 2);left:calc(50% - var(--wid-button) / 2);width:var(--wid-button);height:var(--wid-button);color:rgba(var(--color-background));background-color:rgba(var(--color-foreground))}.image-comparison__button .icon{width:100%;height:100%}@media screen and (max-width: 749px){.image-comparison.banner--small:not(.banner--adapt){min-height:32rem}}@media screen and (min-width: 750px) and (max-width: 1024px){.image-comparison.banner--small:not(.banner--adapt){min-height:45rem}}@media screen and (min-width: 1025px){.image-comparison.banner--small:not(.banner--adapt){min-height:84rem}.image-comparison__button{--wid-button: 7.2rem}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-image-comparison.css.map */