.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__layout{display:grid;gap:24px}.before-after .before-after__media{min-width:0}.before-after .before-after__content{display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-width:0}.before-after .before-after__title{max-width:640px;margin:0;font-size:32px;font-weight:var(--heading-font-weight, 700);line-height:1.05;text-align:start}.before-after .before-after__title--desktop{display:none}.before-after .before-after__text{max-width:560px;font-size:calc(var(--body-font-size) * .9375);font-weight:var(--body-font-weight, 400);line-height:1.35}.before-after .before-after__text p+p{margin-top:18px}.before-after .before-after__text a{color:currentColor}.before-after .before-after__text a:focus-visible{outline-color:currentColor}.before-after .before-after__button-wrapper{margin-top:4px}.before-after .before-after__content-button{width:min(100%,330px);justify-content:center;border-color:var(--button-border-color, var(--color-text-primary));background:var(--button-background-color, var(--color-background, #fff));color:var(--button-text-color, var(--color-text-primary))}.before-after .before-after__content-button:after{background:var(--button-background-color-hover, var(--color-text-primary))}.before-after .before-after__content-button .button__outer{border-color:var(--button-border-outer-alpha-color)}.before-after .before-after__content-button .button__outer:before{border-top-color:var(--button-border-outer-color, var(--color-text-primary));border-left-color:var(--button-border-outer-color, var(--color-text-primary))}.before-after .before-after__content-button .button__outer:after{border-bottom-color:var(--button-border-outer-color, var(--color-text-primary));border-right-color:var(--button-border-outer-color, var(--color-text-primary))}.before-after .before-after__content-button:focus-visible{outline-color:var(--button-border-outer-color, var(--color-text-primary))}@media(-moz-touch-enabled:0),(hover:hover),(pointer:fine){.before-after .before-after__content-button:hover{background:var(--button-background-color-hover, var(--color-text-primary));border-color:var(--button-border-color-hover, var(--color-text-primary));color:var(--button-text-color-hover, var(--color-background, #fff))}.before-after .before-after__content-button:hover .button__outer{border-color:var(--button-border-outer-alpha-color-hover)}.before-after .before-after__content-button:hover .button__outer:before{border-top-color:var(--button-border-outer-color-hover, var(--color-text-primary))}.before-after .before-after__content-button:hover .button__outer:after{border-bottom-color:var(--button-border-outer-color-hover, var(--color-text-primary))}}.before-after img-comparison-slider::part(handle){pointer-events:auto!important}.before-after img-comparison-slider{visibility:hidden;display:block;width:100%;border-radius:4px;--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)}@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)}}@media(min-width:992px){.before-after .before-after__layout{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:clamp(40px,5vw,96px)}.before-after .before-after__title--mobile{display:none}.before-after .before-after__title--desktop{display:block}.before-after .before-after__content{gap:24px;padding-right:clamp(0px,2vw,32px)}.before-after .before-after__title{font-size:clamp(32px,3.2vw,52px)}.before-after .before-after__text{font-size:calc(var(--body-font-size) * 1.0625)}.before-after .before-after__button-wrapper{margin-top:8px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/before-after.build.css.map */