.before-after-box-3__handle-icon{background-color:color-mix(in srgb,rgba(var(--color-light)) 100%,transparent);padding:.8rem .9rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.before-after-box-3__label-before{background-color:color-mix(in srgb,rgba(var(--color-secondary-button)) 100%,transparent);color:color-mix(in srgb,rgba(var(--color-secondary-button-text)) 100%,transparent);font-size:calc(var(--font-body-scale) * 1.2rem);top:.6rem;white-space:nowrap;padding:.2rem .6rem;text-align:center;font-weight:500;line-height:calc(1 + .33 / var(--font-body-scale));width:fit-content}[dir=ltr] .before-after-box-3__label-before{left:.6rem}[dir=rtl] .before-after-box-3__label-before{right:.6rem}@media(min-width:768px){.before-after-box-3__label-before{top:1.8rem;padding:.4rem .8rem}[dir=ltr] .before-after-box-3__label-before{left:1.8rem}[dir=rtl] .before-after-box-3__label-before{right:1.8rem}}.before-after-box-3__right-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.before-after-box-3__right-content .xo-image{pointer-events:none}.before-after-box-3__label-after{background-color:color-mix(in srgb,rgba(var(--color-secondary-button)) 100%,transparent);color:color-mix(in srgb,rgba(var(--color-secondary-button-text)) 100%,transparent);font-size:calc(var(--font-body-scale) * 1.2rem);top:.6rem;white-space:nowrap;padding:.2rem .6rem;text-align:center;font-weight:500;line-height:calc(1 + .33 / var(--font-body-scale));width:fit-content}[dir=ltr] .before-after-box-3__label-after{right:50%;transform:translate(calc(50% + 3rem))}[dir=rtl] .before-after-box-3__label-after{left:50%;transform:translate(calc(-50% - 3rem))}@media(min-width:768px){.before-after-box-3__label-after{top:1.8rem;padding:.4rem .8rem}[dir=ltr] .before-after-box-3__label-after{right:50%;transform:translate(calc(50% + 4rem))}[dir=rtl] .before-after-box-3__label-after{left:50%;transform:translate(calc(-50% - 4rem))}}.before-after-box-3__left-content{display:flex;flex-direction:column;height:100%}.before-after-box-3__subheading{padding-bottom:1.2rem;color:color-mix(in srgb,rgba(var(--color-foreground)) 50%,transparent);font-size:calc(var(--font-body-scale) * 1.2rem);font-weight:500;line-height:calc(1 + .33 / var(--font-body-scale))}@media(min-width:768px){.before-after-box-3__subheading{padding-top:6rem;font-size:calc(var(--font-body-scale) * 1.4rem);line-height:calc(1 + .57 / var(--font-body-scale))}}.before-after-box-3__heading{margin:0rem;padding-bottom:1.2rem;max-width:50rem}.before-after-box-3__description{color:color-mix(in srgb,rgba(var(--color-foreground)) 80%,transparent);font-size:calc(var(--font-body-scale) * 1.3rem);font-weight:400;line-height:calc(1 + .38 / var(--font-body-scale));padding-bottom:2.4rem;max-width:40rem}@media(min-width:768px){.before-after-box-3__description{font-size:calc(var(--font-body-scale) * 1.6rem);line-height:calc(1 + .5 / var(--font-body-scale))}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/before-after-box-3.css.map */