.before-after__head,.before-after__foot{text-align:center}.before-after__eyebrow{margin:0 0 .8rem;color:rgba(var(--color-foreground),.65)}.before-after__heading{margin:0 0 .8rem}.before-after__text{max-width:52rem;margin:0 auto 2.4rem}.before-after__slider{position:relative;display:block}.before-after__list{display:flex;gap:1.6rem;margin:0;padding:0 0 .4rem;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.before-after__list::-webkit-scrollbar{display:none}.before-after__item{flex:0 0 min(78vw,34rem);scroll-snap-align:start}@media screen and (min-width:990px){.before-after__item{flex-basis:calc((100% - 4.8rem)/4)}}.before-after__card{margin:0;border-radius:var(--media-radius, 0);overflow:hidden;background:rgba(var(--color-foreground),.04)}.before-after__media{position:relative;aspect-ratio:1 / 1}.before-after__media img,.before-after__media svg{display:block;width:100%;height:100%;object-fit:cover}.before-after__label{position:absolute;top:.8rem;padding:.3rem .8rem;font-size:1.3rem;letter-spacing:.12em;text-transform:uppercase;background:rgba(var(--color-background),.9);color:rgb(var(--color-foreground))}.before-after__label--before{left:.8rem}.before-after__label--after{right:.8rem}.before-after__caption{padding:1rem 1.2rem 1.2rem;font-size:1.4rem;line-height:1.5;text-align:left}.before-after__controls{display:flex;justify-content:center;align-items:center;gap:.8rem;margin-top:1.2rem}.before-after__button{width:4.4rem;height:4.4rem;display:grid;place-items:center;border:.1rem solid rgba(var(--color-foreground),.3);border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.before-after__button .svg-wrapper{display:grid;place-items:center;width:1.2rem;height:1.2rem}.before-after__button.slider-button--prev .svg-wrapper{transform:rotate(90deg)}.before-after__button.slider-button--next .svg-wrapper{transform:rotate(-90deg)}.before-after__button .svg-wrapper svg{transform:none;width:1.2rem;height:1.2rem}.before-after__button:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.6);outline-offset:.2rem}.before-after__foot{margin-top:2rem}.before-after__disclaimer{font-size:1.3rem;color:rgba(var(--color-foreground),.65);margin:0 0 1.6rem}@media(prefers-reduced-motion:reduce){.before-after__list{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-before-after.css.map */