.m-image-comparison{position:relative;display:block;border-radius:10px;overflow:hidden}.m-image-comparison[data-animation]{--percent: 95%}@media screen and (min-width: 768px){.m-image-comparison[data-animation]{--percent: 98%}}.m-image-comparison[is-visible]{--percent: 50%}.m-image-comparison--media{display:block;position:relative;overflow:hidden;background:#f3f3f3;pointer-events:none}.m-image-comparison__after{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;overflow:hidden}[data-layout=horizontal] .m-image-comparison__after{clip-path:inset(0 0 0 var(--percent, 50%))}[data-layout=vertical] .m-image-comparison__after{clip-path:inset(var(--percent, 50%) 0 0 0)}.m-image-comparison__before .m-placeholder-svg{background-color:#00000070}.m-image-comparison__button{position:absolute;z-index:2;color:inherit;background-color:transparent;border:none;padding:0;cursor:pointer;transition:none;border:3px solid #fff}.m-image-comparison__button svg{width:12px;color:var(--color-text-body)}.m-image-comparison__button:before,.m-image-comparison__button:after{content:"";position:absolute;background-color:rgba(var(--bg-white),1);pointer-events:none}[data-layout=horizontal] .m-image-comparison__button:before,[data-layout=horizontal] .m-image-comparison__button:after{width:5px;height:50%;left:50%;margin-left:-2.5px}[data-layout=vertical] .m-image-comparison__button:before,[data-layout=vertical] .m-image-comparison__button:after{width:50%;height:5px;top:50%;margin-top:-2.5px}[data-layout=horizontal] .m-image-comparison__button:before{top:0;margin-top:-20px}[data-layout=horizontal] .m-image-comparison__button:after{bottom:0;margin-bottom:-20px}[data-layout=vertical] .m-image-comparison__button:before{left:0;margin-left:-20px}[data-layout=vertical] .m-image-comparison__button:after{right:0;margin-right:-20px}[data-layout=horizontal] .m-image-comparison__button{top:0;left:var(--percent, 50%);width:3px;height:100%;margin-left:-14px;cursor:col-resize}[data-layout=vertical] .m-image-comparison__button{left:0;top:var(--percent, 50%);width:100%;height:28px;margin-top:-14px;cursor:row-resize}.m-image-comparison__button span{position:absolute;top:50%;left:50%;width:50px;height:50px;margin-left:-25px;margin-top:-25px;border-radius:40px;background-color:rgba(var(--bg-white),1);color:rgba(var(--text-black),1);pointer-events:none;display:flex;align-items:center;justify-content:center;box-shadow:0 21px 24px #00000026}[data-layout=vertical] .m-image-comparison__button span{transform:rotate(90deg)}.m-image-comparison.m-animating .m-image-comparison__after{transition:clip-path 1s ease}.m-image-comparison.m-animating .m-image-comparison__button{transition:top 1s ease,left 1s ease}.m-image-comparison__heading{position:absolute;z-index:2;background:#fff;color:#000;padding:8px 20px;top:20px;left:20px;min-width:80px;min-height:40px;font-weight:500;letter-spacing:.05rem;display:flex;align-items:center;justify-content:center;margin:0;box-shadow:0 21px 24px #00000026}.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--small{--hero-height: 290px}.m-image-comparison--medium{--hero-height: 360px}.m-image-comparison--large{--hero-height: 420px}@media screen and (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{aspect-ratio:4 / 5;height:auto;max-height:650px;overflow:hidden}.m-image-comparison__wrapper img{object-fit:cover;object-position:center}.m-image-comparison__wrapper img{object-position:50% 30%}.m-image-comparison__wrapper img,.m-image-comparison__wrapper svg{display:block;max-width:100%;position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;object-position:center}@media screen and (max-width: 767px){.m-image-comparison__wrapper.has-mobile-image .m-image-comparison__image-desktop{display:none}}@media screen and (min-width: 768px){.m-image-comparison__image-mobile{display:none!important}}@media (min-width: 768px){.m-image-comparison__wrapper{max-height:700px;aspect-ratio:4 / 5}}@media (max-width: 767px){.m-image-comparison__wrapper{max-height:480px;aspect-ratio:3 / 4}}.m-image-comparison,.m-image-comparison__before,.m-image-comparison__after,.m-image-comparison__wrapper{width:100%;height:auto;max-height:600px;aspect-ratio:4/3;overflow:hidden}.m-image-comparison__image{width:100%;height:100%;object-fit:cover;object-position:center center}@media (max-width: 767px){.m-image-comparison,.m-image-comparison__wrapper{max-height:400px;aspect-ratio:3/4}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/image-comparison.css.map */