.section--image-comparison{position:relative}.section--image-comparison.section--padding{padding-block-end:202.34px!important}.section--image-comparison:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:100vw;top:0;bottom:0;background-color:rgb(var(--color-background));z-index:-1}.image-comparison{position:relative;z-index:0;display:block;overflow:hidden;width:100%;--drag-thickness: 3px;--button-size: 96px;--heading-offset-x: 2rem;--heading-offset-y: 2rem}.image-comparison--small{--hero-height: 42rem}.image-comparison--medium{--hero-height: 56rem}.image-comparison--large{--hero-height: 72rem}.image-comparison[is-visible]{--percent: 50%}.image-comparison__animation-trigger{display:block;position:absolute;bottom:0;left:0;width:100%;height:.1rem;pointer-events:none}.image-comparison--media{display:block;position:relative;overflow:hidden;background:rgb(var(--color-background, 243, 243, 243))}.image-comparison__before .placeholder-svg{background-color:#00000070}.image-comparison__after{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;overflow:hidden}.image-comparison__button{cursor:pointer;position:absolute;z-index:2;color:inherit;background-color:transparent;border:none;padding:0;transition:none}.image-comparison__button:before{content:"";position:absolute;background-color:rgb(var(--color-button));pointer-events:none;box-shadow:0 0 8px rgba(var(--color-foreground),.11)}.image-comparison__button span{position:absolute;top:50%;left:50%;width:var(--button-size);height:var(--button-size);transform:translate(-50%,-50%);border-radius:50%;color:rgb(var(--color-button-text));background-color:rgb(var(--color-button));display:flex;align-items:center;justify-content:center;box-shadow:0 9px 11px rgba(var(--color-foreground),.11)}.image-comparison__button span:before{content:"";position:absolute;top:0;left:50%;width:var(--drag-thickness);height:100%;margin-left:calc(var(--drag-thickness) / -2);background-color:rgb(var(--color-button));pointer-events:none}.image-comparison__handle-icons{display:flex;align-items:center;justify-content:center;gap:28px;flex-shrink:0}.image-comparison__handle-icon{width:10px!important;height:17px!important;flex-shrink:0;display:block;min-width:10px;min-height:17px}.image-comparison__product{margin-top:1.6rem}.image-comparison__product-title{padding:0!important}.image-comparison__product .f-price>*{margin:0}.image-comparison__wrapper{height:var(--hero-height)}@media(min-width:768px){.section--image-comparison.page-width{padding-inline:0;max-width:1440px}.section--image-comparison .section__content{padding-inline:0}.section--image-comparison .image-comparison__full-bleed{width:100vw;margin-inline-start:calc(50% - 50vw)}.section--image-comparison .image-comparison__full-bleed .image-comparison{width:100%}.section--image-comparison .image-comparison__wrapper{aspect-ratio:125 / 82;width:100%;height:auto}}.image-comparison__before img,.image-comparison__after img,.image-comparison__before svg,.image-comparison__after svg{display:block;max-width:100%;position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;pointer-events:none}@media(max-width:767.98px){.image-comparison__wrapper.has-mobile-image .image-comparison--image-desktop{display:none}}@media(min-width:768px){.image-comparison--image-mobile{display:none!important}}.image-comparison__heading{position:absolute;top:var(--heading-offset-y);inset-inline:var(--heading-offset-x) auto;z-index:1;margin:0;align-items:center;justify-content:center;text-align:center;opacity:1;visibility:visible;transition:opacity .25s ease;text-transform:inherit;color:rgb(var(--color-foreground))}.image-comparison__after .image-comparison__heading{inset-inline:auto var(--heading-offset-x)}.image-comparison__heading-style--badge .image-comparison__heading{background-color:var(--bm-ultra-royal, #3300B4);color:var(--bm-base-bright, #EFF2E6);padding:.5rem 1.2rem;box-shadow:0 0 10px #0000001a;border-radius:var(--badges-radius)}.image-comparison__heading-style--plain .image-comparison__heading{background:none}.image-comparison[data-direction=horizontal] .image-comparison__after{clip-path:inset(0px 0px 0px var(--percent, 50%))}.image-comparison[data-direction=horizontal] .image-comparison__button{top:0;inset-inline-start:var(--percent, 50%);margin-inline-start:calc(var(--button-size) / -2);height:100%;width:var(--button-size);cursor:col-resize}.image-comparison[data-direction=horizontal] .image-comparison__button:before{top:0;left:50%;height:100%;width:var(--drag-thickness);margin-left:calc(var(--drag-thickness) / -2)}.image-comparison[data-direction=vertical] .image-comparison__after{clip-path:inset(var(--percent, 50%) 0px 0px 0px)}.image-comparison[data-direction=vertical] .image-comparison__after .image-comparison__heading{left:var(--heading-offset-x);bottom:var(--heading-offset-y);right:auto;top:auto}.image-comparison[data-direction=vertical] .image-comparison__button{left:0;top:var(--percent, 50%);width:100%;height:var(--button-size);margin-top:calc(var(--button-size) / -2);cursor:row-resize}.image-comparison[data-direction=vertical] .image-comparison__button:before{top:50%;left:0;width:100%;height:var(--drag-thickness);margin-top:calc(var(--drag-thickness) / -2)}.image-comparison[data-direction=vertical] .image-comparison__button span{transform:rotate(90deg) translate(-50%,50%)}.image-comparison.is-animating .image-comparison__after{transition-property:clip-path;transition-duration:1s;transition-timing-function:ease}.image-comparison.is-animating .image-comparison__button{transition-property:top,left,right;transition-duration:1s;transition-timing-function:ease}.image-comparison.is-dragging .image-comparison__heading{opacity:0}@media(prefers-reduced-motion:no-preference){.image-comparison:not([is-visible]){--percent: 95%}}@media(prefers-reduced-motion:no-preference)and (min-width:768px){.image-comparison:not([is-visible]){--percent: 97.8%}.section-header-right-column .image-comparison:not([is-visible]){--percent: 95.6%}}@media(max-width:767.98px){.image-comparison{--drag-thickness: 3px;--button-size: 64px}.image-comparison--small{--hero-height: 29rem}.image-comparison--medium{--hero-height: 36rem}.image-comparison--large{--hero-height: 42rem}}.section--image-comparison.section-header-left-column .section__wrapper,.section--image-comparison.section-header-right-column .section__wrapper{display:grid;grid-template-columns:1fr;gap:1.6rem 1rem}.section--image-comparison.section-header-right-column .section__header-wrap{order:9}.section--image-comparison.section-header-right-column .section__header{padding:var(--header-padding-bottom-mobile) 0 0}@media(min-width:768px){.section--image-comparison .section__header-wrap{margin-bottom:80px!important}.section--image-comparison .section__header{padding-bottom:0!important}.section--image-comparison .section__wrapper{row-gap:80px}.section--image-comparison.section-header-left-column .section__wrapper,.section--image-comparison.section-header-right-column .section__wrapper{grid-template-columns:repeat(2,1fr)}.section--image-comparison.section-header-left-column .section__header-wrap,.section--image-comparison.section-header-right-column .section__header-wrap{display:flex;align-items:center}.section--image-comparison.section-header-left-column .section__header,.section--image-comparison.section-header-right-column .section__header{max-width:55rem;padding:0 1.5rem;margin:0 auto}.section--image-comparison .section__header-wrap{width:100vw;margin-inline-start:calc(50% - 50vw);padding-inline-start:20px;box-sizing:border-box}.section--image-comparison.section-header-vertical .section__header,.section--image-comparison.section-header-left-column .section__header,.section--image-comparison.section-header-right-column .section__header{max-width:55rem;margin-inline:0 auto;padding-inline:0 1.5rem}.section--image-comparison .section__header--text{text-align:start}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-image-comparison.css.map */