.before-after{max-width:var(--container-width);margin:0 auto;padding-top:var(--inner-offset-top-mobile);padding-bottom:var(--inner-offset-bottom-mobile)}.before-after .before-after__heading{position:relative;margin-bottom:16px}.before-after .before-after__text a{color:currentColor}.before-after .before-after__text a:focus-visible{outline-color:currentColor}.before-after img-comparison-slider::part(handle){pointer-events:auto!important}.before-after img-comparison-slider{visibility:hidden;display:block;width:100%;--divider-color: var(--color-border-primary, #fff);cursor:pointer;overflow:hidden}.before-after img-comparison-slider:not(.rendered) .before-after__image.before-after__image--second{display:none}.before-after img-comparison-slider:focus{outline:none}.before-after img-comparison-slider [slot=second]{display:none}.before-after img-comparison-slider.rendered{visibility:inherit}.before-after img-comparison-slider.rendered [slot=second]{display:unset}.before-after .before-after__button .icon.icon-inactive{position:initial}.before-after .before-after__button .icon{width:16px;height:16px}.before-after .before-after__button .button-circle__inner{flex-direction:column}.before-after .before-after__button.button-circle.button-circle--transform .icon-hover{transition-property:margin-right,margin-left;transition-duration:.3s;transition-timing-function:ease}@media(-moz-touch-enabled:0),(hover:hover),(pointer:fine){.before-after .before-after__button.button-circle.button-circle--transform:hover .button-circle__text{display:flex;padding:0 10px;justify-content:space-between;transition-duration:0,var(--timing-base),var(--timing-base)}.before-after .before-after__button.button-circle.button-circle--transform:hover .icon.icon-hover{opacity:1}.before-after .before-after__button.button-circle.button-circle--transform:hover .icon-hover{margin-left:0;margin-right:25px}.before-after .before-after__button.button-circle.button-circle--transform:hover .icon-hover+.icon-hover{margin-left:25px;margin-right:0}}.before-after .before-after__image{min-height:200px;height:var(--mobile-image-height);width:100%;object-fit:cover}.before-after .before-after__image.before-after__image--placeholder{background-color:#fff}.before-after .before-after__image.before-after__image--placeholder-compare{background-color:#000;fill:#fff}.before-after .before-after__image.before-after__image--first{object-position:var(--first-img-pos)}.before-after .before-after__image.before-after__image--second{object-position:var(--second-img-pos)}.before-after .section-title+img-comparison-slider{margin-top:32px}@media(min-width:992px){.before-after .section-title+img-comparison-slider{margin-top:64px}}@media(min-width:768px){.before-after{padding-top:var(--inner-offset-top);padding-bottom:var(--inner-offset-bottom)}.before-after .before-after__image{height:var(--desktop-image-height)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/before-after.build.css.map */