.before-after-cards__heading em{font-style:italic}.before-after-cards__list{display:grid;grid-template-columns:repeat(var(--ba-columns, 4),minmax(0,1fr));gap:3.2rem 2rem;margin:4rem 0 0;padding:0;list-style:none}.before-after-cards__item{display:flex;flex-direction:column;min-width:0;text-align:center}.before-after-cards__media{display:grid;overflow:hidden;background:rgba(var(--color-foreground),.06)}.before-after-cards__half{position:relative;aspect-ratio:var(--ba-image-ratio, 16/9);overflow:hidden;background:rgba(var(--color-foreground),.04)}.before-after-cards__half+.before-after-cards__half{border-block-start:.1rem solid rgb(var(--color-background))}.before-after-cards__image,.before-after-cards__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.before-after-cards__badge{position:absolute;inset-block-start:1rem;inset-inline-start:1rem;padding:.3rem 1rem;border-radius:10rem;background:rgba(var(--color-background),.92);color:rgb(var(--color-foreground));font-size:calc(var(--font-body-size) * .8);font-weight:var(--font-body-weight-bold);letter-spacing:.08em;line-height:1.5;text-transform:uppercase}.before-after-cards__body{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding-block:2rem 1.6rem;flex-grow:1}.before-after-cards__tag{margin:0 0 .4rem;padding:.4rem 1.4rem;border:.1rem solid rgba(var(--color-foreground),.35);border-radius:10rem;font-size:calc(var(--font-body-size) * .85);letter-spacing:.16em;line-height:1.4;text-transform:uppercase;color:rgba(var(--color-subtext),var(--color-subtext-alpha, 1))}.before-after-cards__title{margin:0;color:rgb(var(--color-text-heading))}.before-after-cards__title-link{color:inherit;text-decoration:none}.before-after-cards__title-link:hover{text-decoration:underline;text-underline-offset:.3rem}.before-after-cards__text{margin:0;line-height:1.5}.before-after-cards__buy{margin-block-start:auto}@media screen and (max-width:1023.98px){.before-after-cards__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:767.98px){.before-after-cards__list{margin-block-start:2.4rem}.before-after-cards--mobile-swipe .before-after-cards__list{display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:var(--page-padding, 1.6rem);margin-inline:calc(var(--page-padding, 1.6rem) * -1);scroll-padding-inline:var(--page-padding, 1.6rem)}.before-after-cards--mobile-swipe .before-after-cards__list::-webkit-scrollbar{display:none}.before-after-cards--mobile-swipe .before-after-cards__item{flex:0 0 78%;scroll-snap-align:start}.before-after-cards--mobile-stack .before-after-cards__list{grid-template-columns:minmax(0,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-before-after-cards.css.map */