.before-after__header{text-align:center;max-width:72rem;margin:0 auto 3.2rem}.before-after__heading{margin:0}.before-after__subheading{margin-top:.8rem;color:rgba(var(--color-foreground),.85)}.before-after__subheading p{margin:0}.before-after__badge{display:inline-flex;align-items:center;gap:.8rem;margin-top:1.4rem;padding:.6rem 1.4rem;border-radius:4rem;border:1px solid rgba(var(--color-foreground),.15);font-size:1.4rem}.before-after__badge-image{height:2.4rem;width:auto}.before-after__grid{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:85%;gap:1.6rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.before-after__grid::-webkit-scrollbar{display:none}.before-after__card{scroll-snap-align:start;border-radius:1.6rem;overflow:hidden;display:flex;flex-direction:column;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.before-after__photos{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.before-after__photo{position:relative;aspect-ratio:3 / 4;background:rgba(var(--color-foreground),.06)}.before-after__photo img,.before-after__placeholder{display:block;width:100%;height:100%;object-fit:cover}.before-after__label{position:absolute;left:.8rem;bottom:.8rem;padding:.3rem .9rem;border-radius:4rem;font-size:1.2rem;letter-spacing:.06rem;text-transform:uppercase;background:rgba(var(--color-background),.92);color:rgb(var(--color-foreground))}.before-after__body{padding:1.8rem 2rem 2.2rem;display:flex;flex-direction:column;flex-grow:1}.before-after__stars{display:flex;gap:.2rem;color:rgb(var(--color-button))}.before-after__stars svg{width:1.7rem;height:1.7rem}.before-after__quote{margin:1rem 0 0;padding:0;border:0;font-style:normal;font-size:1.5rem;line-height:1.5;flex-grow:1}.before-after__quote p{margin:0}.before-after__name{margin:1.4rem 0 0;font-size:1.4rem;font-weight:var(--font-body-weight-bold)}.before-after__detail{display:block;font-weight:var(--font-body-weight);font-size:1.3rem;color:rgba(var(--color-foreground),.65)}@media screen and (min-width:750px){.before-after__header{margin-bottom:4rem}.before-after__grid{grid-auto-flow:row;grid-template-columns:repeat(var(--ba-columns),minmax(0,1fr));gap:2.4rem;overflow:visible}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-before-after.css.map */