.m-image-comparison{display:block;overflow:hidden;position:relative}.m-image-comparison[data-animation]{--percent:95%}@media (min-width:breakpoint-min("md")){.m-image-comparison[data-animation]{--percent:98%}}.m-image-comparison[is-visible]{--percent:50%}.m-image-comparison--media{background:#f3f3f3;display:block;overflow:hidden;position:relative}.m-image-comparison__after{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:2}[data-layout=horizontal] .m-image-comparison__after{-webkit-clip-path:inset(0 0 0 var(--percent,50%));clip-path:inset(0 0 0 var(--percent,50%))}[data-layout=vertical] .m-image-comparison__after{-webkit-clip-path:inset(var(--percent,50%) 0 0 0);clip-path:inset(var(--percent,50%) 0 0 0)}.m-image-comparison__before .sf__placeholder-svg{background-color:#00000070}.m-image-comparison__button{background-color:transparent;border:none;color:inherit;cursor:pointer;padding:0;position:absolute;transition:none;z-index:2}.m-image-comparison__button svg{color:var(--color-text-body);width:12px}.m-image-comparison__button:after,.m-image-comparison__button:before{background-color:#fff;content:"";pointer-events:none;position:absolute}[data-layout=horizontal] .m-image-comparison__button:after,[data-layout=horizontal] .m-image-comparison__button:before{height:50%;left:50%;margin-left:-2.5px;width:5px}[data-layout=vertical] .m-image-comparison__button:after,[data-layout=vertical] .m-image-comparison__button:before{height:5px;margin-top:-2.5px;top:50%;width:50%}[data-layout=horizontal] .m-image-comparison__button:before{margin-top:-20px;top:0}[data-layout=vertical] .m-image-comparison__button:before{left:0;margin-left:-20px}[data-layout=horizontal] .m-image-comparison__button:after{bottom:0;margin-bottom:-20px}[data-layout=vertical] .m-image-comparison__button:after{margin-right:-20px;right:0}[data-layout=horizontal] .m-image-comparison__button{cursor:col-resize;height:100%;left:var(--percent,50%);margin-left:-14px;top:0;width:28px}[data-layout=vertical] .m-image-comparison__button{cursor:row-resize;height:28px;left:0;margin-top:-14px;top:var(--percent,50%);width:100%}.m-image-comparison__button span{align-items:center;background-color:#fff;border-radius:40px;box-shadow:0 21px 24px #00000026;display:flex;height:50px;justify-content:center;left:50%;margin-left:-25px;margin-top:-25px;pointer-events:none;position:absolute;top:50%;width:50px}[data-layout=vertical] .m-image-comparison__button span{transform:rotate(90deg)}.m-image-comparison__animation{bottom:0;display:block;height:.1rem;left:0;pointer-events:none;position:absolute;width:100%}.m-image-comparison.sf-animating .m-image-comparison__after{transition-duration:1s;transition-property:-webkit-clip-path;transition-property:clip-path;transition-property:clip-path,-webkit-clip-path;transition-timing-function:ease}.m-image-comparison.sf-animating .m-image-comparison__button{transition-duration:1s;transition-property:top,left;transition-timing-function:ease}.m-image-comparison--small{--hero-height:290px}.m-image-comparison--medium{--hero-height:360px}.m-image-comparison--large{--hero-height:420px}@media (min-width:768px){.m-image-comparison--small{--hero-height:420px}.m-image-comparison--medium{--hero-height:560px}.m-image-comparison--large{--hero-height:720px}}.m-image-comparison__wrapper{height:var(--hero-height)}.m-image-comparison__wrapper img,.m-image-comparison__wrapper svg{display:block;height:100%;left:0;max-width:100%;object-fit:cover;position:absolute;top:0;width:100%}@media (max-width:767px){.m-image-comparison__wrapper.has-mobile-image .m-image-comparison--image-desktop{display:none}}@media (min-width:768px){.m-image-comparison--image-mobile{display:none!important}}.m-image-comparison__heading{align-items:center;background:#fff;box-shadow:0 21px 24px #00000026;color:var(--color-body-text);display:flex;font-weight:500;justify-content:center;left:20px;letter-spacing:.05rem;line-height:1;margin:0;min-height:40px;min-width:80px;opacity:1;padding:8px 20px;position:absolute;text-align:center;text-transform:uppercase;top:20px;transition:opacity .25s ease;visibility:visible;z-index:2}.m-image-comparison__after .m-image-comparison__heading{left:auto;right:20px}.image-comparing .m-image-comparison__heading{opacity:0;visibility:hidden}.m-image-comparison[data-layout=vertical] .m-image-comparison__after .m-image-comparison__heading{bottom:20px;left:20px;right:auto;top:auto}
/*# sourceMappingURL=/cdn/shop/t/2/assets/image-comparison.css.map */