.before-after__grid{--before-after-columns: 1;display:block}.before-after__pairs{display:grid;grid-template-columns:repeat(var(--before-after-columns),minmax(0,1fr));gap:2.4rem 1.6rem;margin:0}.before-after__grid[data-collapsed] .before-after__item.is-overflow{display:none}.before-after__item{display:block}.before-after__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.before-after__media{position:relative;aspect-ratio:1;overflow:hidden;background:rgb(var(--color-base-accent))}.before-after__media img,.before-after__media svg{width:100%;height:100%;object-fit:cover}.before-after__tag{position:absolute;top:1rem;left:1rem;padding:.4rem .8rem;background:rgb(var(--color-base-background));font-size:1rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.before-after__more{display:flex;justify-content:center;margin-top:3.2rem}.before-after__more[hidden]{display:none}@media screen and (min-width:750px){.before-after__grid{--before-after-columns: 2}.before-after__pairs{gap:4rem 2.4rem}}@media screen and (min-width:990px){.before-after__grid{--before-after-columns: 3}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/section-before-after.css.map */