section[data-section-type=image-comparison]{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom)}div[data-section-type=image-comparison] [style*=--aspect-ratio]{overflow:hidden;position:relative}div[data-section-type=image-comparison] [style*=--aspect-ratio]:before{padding-top:calc(100% / var(--aspect-ratio))}div[data-section-type=image-comparison] [style*=--aspect-ratio]>:first-child{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute!important;right:0;top:0;width:100%}section[data-section-type=image-comparison] .container-fluid{--offset-x: 1rem;margin-left:auto;margin-right:auto;max-width:calc(var(--fluid-container-width, 1620px) + var(--offset-x) * 2);padding-left:var(--offset-x);padding-right:var(--offset-x);width:100%}.m-image-comparison,.m-image-comparison--media{display:block;overflow:hidden;position:relative}.m-image-comparison__after{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}[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!important;border:none!important;color:inherit;cursor:pointer;padding:0;position:absolute;z-index:2}.m-image-comparison__button svg{color:#222;width:12px}.m-image-comparison__button:after,.m-image-comparison__button:before{background-color:#fff;content:"";pointer-events:none;position:absolute;transition:all .2s ease-in-out}[data-layout=horizontal] .m-image-comparison__button:after,[data-layout=horizontal] .m-image-comparison__button:before{height:50%;left:50%;margin-left:-1px;width:2px}[data-layout=vertical] .m-image-comparison__button:after,[data-layout=vertical] .m-image-comparison__button:before{height:2px;margin-top:-1px;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 10px 15px #0000001a;display:flex;height:40px;justify-content:center;left:50%;margin-left:-20px;margin-top:-20px;pointer-events:none;position:absolute;top:50%;width:40px;transition:all .2s ease-in-out}[data-layout=vertical] .m-image-comparison__button span{transform:rotate(90deg)}.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--adapt{height:auto;position:relative;overflow:hidden}.m-image-comparison--adapt:before{content:"";display:block;padding-top:calc(100% / var(--aspect-ratio))}@media (max-width: 767px){.m-image-comparison--adapt.has-mobile-image:before{padding-top:calc(100% / var(--aspect-ratio-mobile))}}.m-image-comparison__wrapper img,.m-image-comparison__wrapper svg{display:block;height:100%;left:0;max-width:100%;-o-object-fit:contain;object-fit:contain;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:hover .m-image-comparison__button span,.image-comparing .m-image-comparison__button span{transform:scale(1.1);box-shadow:0 15px 20px #00000026}[data-layout=horizontal].m-image-comparison:hover .m-image-comparison__button:after,[data-layout=horizontal].m-image-comparison:hover .m-image-comparison__button:before,[data-layout=horizontal].image-comparing .m-image-comparison__button:after,[data-layout=horizontal].image-comparing .m-image-comparison__button:before{width:3px;margin-left:-1.5px}[data-layout=vertical].m-image-comparison:hover .m-image-comparison__button:after,[data-layout=vertical].m-image-comparison:hover .m-image-comparison__button:before,[data-layout=vertical].image-comparing .m-image-comparison__button:after,[data-layout=vertical].image-comparing .m-image-comparison__button:before{height:3px;margin-top:-1.5px}.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 */