.before-after-box-2__header{display:flex;justify-content:center;align-items:center}.before-after-box-2__heading{margin:0rem;padding-bottom:3rem;text-align:center;max-width:55rem}@media (min-width: 1200px){.before-after-box-2__heading{padding-bottom:4.6rem}}.before-after-box-2__content{position:relative}.before-after-box-2__handle-icon{background-color:color-mix(in srgb,rgba(var(--color-light)) 100%,transparent);padding:1.9rem 1.4rem;border-radius:40%;display:flex;align-items:center;justify-content:center}.before-after-box-2__label-before{background-color:transparent;text-transform:uppercase;color:color-mix(in srgb,rgba(var(--color-light)) 85%,transparent);top:auto;font-size:calc(var(--font-body-scale) * 1.4rem);bottom:2rem;white-space:nowrap}[dir=ltr] .before-after-box-2__label-before{left:1.4rem}[dir=rtl] .before-after-box-2__label-before{right:1.4rem}@media (min-width: 768px){[dir=ltr] .before-after-box-2__label-before{left:4.4rem}[dir=rtl] .before-after-box-2__label-before{right:4.4rem}}.before-after-box-2__label-after{background-color:transparent;text-transform:uppercase;color:color-mix(in srgb,rgba(var(--color-light)) 85%,transparent);top:auto;font-size:calc(var(--font-body-scale) * 1.4rem);bottom:2rem;white-space:nowrap}[dir=ltr] .before-after-box-2__label-after{right:1.4rem}[dir=rtl] .before-after-box-2__label-after{left:1.4rem}@media (min-width: 768px){[dir=ltr] .before-after-box-2__label-after{right:4.4rem}[dir=rtl] .before-after-box-2__label-after{left:4.4rem}}.before-after-box-2__product{position:absolute;width:15rem;padding:1.5rem;top:2.5rem;z-index:10;background-color:color-mix(in srgb,rgba(var(--color-background)) 100%,transparent);display:none}[dir=ltr] .before-after-box-2__product{right:3.8rem}[dir=rtl] .before-after-box-2__product{left:3.8rem}@media (min-width: 768px){.before-after-box-2__product{display:block}}@media (min-width: 992px){.before-after-box-2__product{width:22rem;top:2.5rem}[dir=ltr] .before-after-box-2__product{right:3.8rem}[dir=rtl] .before-after-box-2__product{left:3.8rem}}.before-after-box-2__product .xo-product-card__variants-size{display:none}
/*# sourceMappingURL=/cdn/shop/t/8/assets/before-after-box-2.css.map */