.before-after__header{margin-bottom:3rem}.before-after__heading{margin:0}.before-after__subheading{margin-top:1rem}.before-after__grid{display:grid;gap:1.5rem;list-style:none;margin:0;padding:0}@media screen and (min-width:750px){.before-after__grid--2-col{grid-template-columns:repeat(2,1fr)}.before-after__grid--3-col{grid-template-columns:repeat(3,1fr)}.before-after__grid--4-col{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:749px){.before-after__grid{grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-1.5rem;padding-right:1.5rem}.before-after__grid::-webkit-scrollbar{display:none}.before-after__card{scroll-snap-align:start}}.before-after__compare{position:relative;display:block;aspect-ratio:3 / 4;overflow:hidden}.before-after__media{position:absolute;top:0;right:0;bottom:0;left:0}.before-after__media--before{opacity:1;transition:opacity .25s ease}before-after-slider[data-state=after] .before-after__media--before{opacity:0}.before-after__img,.before-after__placeholder{width:100%;height:100%;object-fit:cover;display:block}.before-after__placeholder{background:rgba(var(--color-foreground),.06)}.before-after__placeholder--before{background:rgba(var(--color-foreground),.12)}.before-after__placeholder .placeholder-svg{width:100%;height:100%;opacity:.35}.before-after__toggle{position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%);display:flex;padding:.4rem;border-radius:999px;background:#f5f4f0;box-shadow:0 .2rem .8rem #00000059}.before-after__toggle-btn{border:0;margin:0;padding:.7rem 1.8rem;border-radius:999px;background:transparent;color:#0a0a0a;font-family:inherit;font-size:1.4rem;line-height:1;cursor:pointer;transition:background .2s ease,color .2s ease}.before-after__toggle-btn[aria-pressed=true]{background:#0a0a0a;color:#f5f4f0}.before-after__toggle-btn:focus-visible{outline:.2rem solid #0a0a0a;outline-offset:.2rem}.before-after__caption{margin:1.2rem 0 0;font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase;opacity:.75}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-before-after.css.map */