.image-comparison{overflow:hidden;--button-size:5rem;--drag-thickness:.5rem;--heading-offset-x:2rem;--button-icon-size:2.4rem;position:relative;--color-foreground:34,34,34;--heading-offset-y:2rem;display:block;z-index:0}.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{height:.1rem;pointer-events:none;position:absolute;bottom:0;left:0;width:100%;display:block}.image-comparison--media{overflow:hidden;position:relative;background:#f3f3f3;display:block}.image-comparison__before .placeholder-svg{background-color:#00000070}.image-comparison__after{height:100%;overflow:hidden;position:absolute;top:0;left:0;width:100%;z-index:1}.image-comparison__button{padding:0;border:none;color:inherit;transition:none;position:absolute;background-color:transparent;cursor:pointer;z-index:2}.image-comparison__button:before{pointer-events:none;content:"";position:absolute;background-color:#fff;box-shadow:0 0 8px #0000001c}.image-comparison__button span{height:var(--button-size);transform:translate(-50%,-50%);justify-content:center;color:#222;position:absolute;top:50%;background-color:#fff;align-items:center;box-shadow:0 9px 11px #0000001c;border-radius:50%;left:50%;width:var(--button-size);display:flex}.image-comparison__button span:before{height:5rem;transform:translate(-50%,-50%);content:"";position:absolute;top:50%;left:50%;width:5rem}.image-comparison__button svg{height:var(--button-icon-size);width:var(--button-icon-size)}.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)}.image-comparison__wrapper img,.image-comparison__wrapper svg{height:100%;pointer-events:none;position:absolute;max-width:100%;object-fit:cover;top:0;left:0;width:100%;display:block}@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{justify-content:center;position:absolute;top:var(--heading-offset-y);inset-inline:var(--heading-offset-x) auto;color:rgb(var(--color-foreground));transition:opacity .25s ease;text-transform:inherit;opacity:1;visibility:visible;text-align:center;margin:0;align-items:center;z-index:1}.image-comparison__after .image-comparison__heading{inset-inline:auto var(--heading-offset-x)}.image-comparison__heading-style--badge .image-comparison__heading{padding:.5rem 1.2rem;box-shadow:0 0 10px #0000001a;border-radius:var(--badges-radius);background:rgb(var(--color-background))}.image-comparison__heading-style--plain .image-comparison__heading{background:none}.image-comparison[data-direction=horizontal] .image-comparison__after{clip-path:inset(0 0 0 var(--percent,50%))}.image-comparison[data-direction=horizontal] .image-comparison__button{height:100%;margin-inline-start:-1.4rem;inset-inline-start:var(--percent,50%);top:0;cursor:col-resize;width:2.8rem}.image-comparison[data-direction=horizontal] .image-comparison__button:before{height:100%;top:0;margin-left:calc(var(--drag-thickness)/-2);left:50%;width:var(--drag-thickness)}.image-comparison[data-direction=vertical] .image-comparison__after{clip-path:inset(var(--percent,50%) 0 0 0)}.image-comparison[data-direction=vertical] .image-comparison__after .image-comparison__heading{right:auto;bottom:var(--heading-offset-y);top:auto;left:var(--heading-offset-x)}.image-comparison[data-direction=vertical] .image-comparison__button{height:2.8rem;top:var(--percent,50%);cursor:row-resize;left:0;width:100%;margin-top:-1.4rem}.image-comparison[data-direction=vertical] .image-comparison__button:before{height:var(--drag-thickness);top:50%;left:0;width:100%;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-duration:1s;transition-timing-function:ease;transition-property:clip-path}.image-comparison.is-animating .image-comparison__button{transition-duration:1s;transition-timing-function:ease;transition-property:top,left,right}.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{--button-size:4rem;--drag-thickness:.3rem;--button-icon-size:1.92rem}.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{grid-template-columns:1fr;gap:1.6rem 1rem;display:grid}.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-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{align-items:center;display:flex}.section--image-comparison.section-header-left-column .section__header,.section--image-comparison.section-header-right-column .section__header{padding:0 1.5rem;max-width:55rem;margin:0 auto}}