.image-comparison{position:relative}.image-comparison.page-width{padding-left:5rem;padding-right:5rem}@media screen and (max-width:749px){.image-comparison.page-width{padding-left:1.5rem;padding-right:1.5rem}}.section-padding{padding-top:var(--PT);padding-bottom:var(--PB)}.image-comparison__wrapper{width:100%}.image-comparison__slider-wrapper{display:block;width:100%}.image-comparison__header{margin-bottom:3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.image-comparison__heading{margin:0;font-weight:700;line-height:1.2}.image-comparison__button-wrapper{flex-shrink:0}@media screen and (max-width:749px){.image-comparison__header{flex-direction:column;align-items:flex-start;gap:1.5rem}}@media screen and (max-width:989px){.image-comparison.page-width{padding-left:2rem;padding-right:2rem}}.image-comparison--split .image-comparison__split-container{display:flex;gap:3rem;align-items:flex-start}.image-comparison--split .image-comparison__split-header{flex:0 0 25%;max-width:25%}.image-comparison--split .image-comparison__split-content{flex:0 0 75%;max-width:75%}.image-comparison--split .image-comparison__heading{margin-bottom:2rem}.image-comparison--split .image-comparison__button-wrapper{margin-top:2rem}@media screen and (max-width:989px){.image-comparison--split .image-comparison__split-container{display:block}.image-comparison--split .image-comparison__split-header{flex:none;max-width:100%;margin-bottom:3rem}.image-comparison--split .image-comparison__split-content{flex:none;max-width:100%}}.image-comparison__container{position:relative;overflow:hidden;width:100%}.image-comparison__container--adapt{height:auto}.image-comparison__image{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.image-comparison__image--after{z-index:1}.image-comparison__image--before{z-index:2;clip-path:inset(0 50% 0 0)}.image-comparison__image--before.is-animating{transition:clip-path 1s cubic-bezier(.4,0,.2,1)}.image-comparison__handle.is-animating{transition:left 1s cubic-bezier(.4,0,.2,1)}.image-comparison__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;-webkit-user-select:none;user-select:none}.image-comparison__container--adapt .image-comparison__image--after .image-comparison__img{position:relative;height:auto}.image-comparison__container--adapt .image-comparison__image--before{position:absolute}.image-comparison__img.placeholder-svg{background-color:rgba(var(--color-foreground),.04);fill:rgba(var(--color-foreground),.2)}.image-comparison__label-wrapper{position:absolute;z-index:3;padding:1.5rem}.image-comparison__label-wrapper--top-left{top:0;left:0}.image-comparison__label-wrapper--middle-left{top:50%;left:0;transform:translateY(-50%)}.image-comparison__label-wrapper--bottom-left{bottom:0;left:0}.image-comparison__label-wrapper--top-right{top:0;right:0}.image-comparison__label-wrapper--middle-right{top:50%;right:0;transform:translateY(-50%)}.image-comparison__label-wrapper--bottom-right{bottom:0;right:0}.image-comparison__label{display:inline-block;padding:.6rem 1.2rem;font-size:1.2rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;border-radius:0;pointer-events:none}@media screen and (max-width:749px){.image-comparison__label{padding:.6rem 1.2rem;font-size:1.2rem}.image-comparison__label-wrapper{padding:1rem}}.image-comparison__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;width:40px;height:40px;background-color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;cursor:grab;pointer-events:none}.image-comparison__handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:100vh;background-color:#fff;z-index:-1}.image-comparison__handle svg{width:20px;height:20px;color:#000}.image-comparison__slider:active~.image-comparison__handle{transform:translate(-50%,-50%) scale(.96)}.image-comparison__slider{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;margin:0;padding:0}.image-comparison__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:48px;height:100%;cursor:ew-resize;background:transparent}.image-comparison__slider::-moz-range-thumb{width:48px;height:100%;cursor:ew-resize;border:none;background:transparent}.image-comparison__slider:focus{outline:none}.image-comparison__slider::-moz-range-track{background:transparent;border:none}@media(prefers-reduced-motion:reduce){.image-comparison__image--before.is-animating,.image-comparison__handle.is-animating{transition:none}}.image-comparison .small-hide{display:none}@media screen and (min-width:750px){.image-comparison .small-hide{display:block}.image-comparison .medium-hide{display:none}}@media screen and (min-width:990px){.image-comparison .large-up-hide{display:none}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/section-image-comparison.css.map */