.image-comparison .section-heading{margin-bottom:3rem}.image-comparison .section-heading .section-heading__title.h2{font-size:3.6rem;font-weight:700;line-height:4.266rem;letter-spacing:.02rem}.image-comparison .section-heading .section-heading__title{margin:0rem}.image-comparison .section-heading .section-heading__sub_title{display:block;margin-top:1.2rem;font-size:1.8rem;font-weight:400;line-height:2.4rem;letter-spacing:.06rem;color:var(--color-black)}.image-comparison--media.media--adapt.placeholder{height:30rem}.image-comparison__after.placeholder_svg_parent{background:rgba(var(--color-foreground),.3)}.image-comparison--media .placeholder-svg{position:absolute;top:50%;transform:translateY(-50%);left:0}.image-comparison-wrapper{position:relative;display:block;overflow:hidden;border-radius:1.5rem}.image-comparison__after{position:absolute;z-index:1;width:100%;height:100%;left:0;top:0;clip-path:inset(0px 0px 0px var(--percent))}.image-comparison-label{position:absolute;content:"";top:1.5rem;left:2rem;font-size:1.6rem;font-weight:500;line-height:normal;color:#fff;z-index:1}.image-comparison-label.after-text{left:auto;right:2rem}.image-comparison__button{position:absolute;z-index:2;color:inherit;background-color:transparent;border:none;padding:0;cursor:pointer;top:0;left:var(--percent);width:2.8rem;height:100%;margin-left:-1.4rem;cursor:col-resize;transition:unset}.image-comparison__button span{position:absolute;top:50%;left:50%;width:5rem;height:5rem;margin-left:-2.5rem;margin-top:-2.4rem;border-radius:4rem;background-color:rgba(var(--color-background));pointer-events:none;display:flex;align-items:center;justify-content:center;box-shadow:0 0 .5rem .15rem rgba(var(--color-foreground),.1);color:rgba(var(--color-foreground));gap:1rem}.image-comparison__button .icon{height:1.6rem;width:auto}.image-comparison__button span svg{width:1rem}.image-comparison__button:before,.image-comparison__button:after{content:"";position:absolute;background-color:rgba(var(--color-background));pointer-events:none}.image-comparison__button:before{top:0;margin-top:-2rem;width:.3rem;height:50%;left:50%;margin-left:-.15rem}.image-comparison__button:after{bottom:0;margin-bottom:-2rem;width:.3rem;height:50%;left:50%;margin-left:-.15rem}@media screen and (min-width: 750px){.image-comparison--media.media--adapt.placeholder{height:50rem}}.image-comparison__after .placeholder_svg_parent{background:rgba(var(--color-background));z-index:9;width:100%;height:100%;color:rgba(var(--color-foreground))}.image-comparison__after .placeholder_svg_parent>svg{fill:rgba(var(--color-foreground))}.image-comparison__after .media{height:100%}html[dir=rtl] .image-comparison__button span svg{transform:rotate(-180deg)}@media screen and (max-width: 749px){.image-comparison .section-heading .section-heading__title.h2{font-size:2.4rem;line-height:2.8rem}.image-comparison .section-heading .section-heading__sub_title{margin-top:.6rem;color:var(--color-charcoal)}.image-comparison-wrapper{position:relative;display:block;overflow:hidden;border-radius:1rem}.image-comparison--media.media--adapt{padding-bottom:var(--ratio-percent-mobile)}.image-comparison-label{top:1.5rem;left:1.5rem}.image-comparison-label.after-text{left:auto;right:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/219/assets/image-comparison.css.map */