.before-after__heading{text-align:center;margin:0 0 4rem}.before-after__grid{display:grid;grid-template-columns:1fr;row-gap:2.4rem;align-items:center}@media screen and (min-width:990px){.before-after__grid{grid-template-columns:1fr auto 1fr;column-gap:3.2rem}}.before-after__panel{display:flex;flex-direction:column;gap:1.6rem}.before-after__media{position:relative;overflow:hidden;border-radius:var(--media-radius);aspect-ratio:4 / 3;box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}.before-after__media img{width:100%;height:100%;object-fit:cover;display:block}.before-after__label{position:absolute;top:1.6rem;left:1.6rem;padding:.6rem 1.6rem;border-radius:999px;background:#2b2a26cc;color:#faf8f5;font-size:1.2rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.before-after__label--after{background:rgb(var(--color-button))}.before-after__text{opacity:.75;text-align:center}.before-after__text p{margin:0}.before-after__divider{display:none}@media screen and (min-width:990px){.before-after__divider{display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border-radius:50%;background:rgb(var(--color-background));box-shadow:0 .4rem 1.2rem rgba(var(--color-shadow),.14)}.before-after__divider .svg-wrapper{width:16px;height:16px;fill:currentColor}}@media(prefers-reduced-motion:no-preference){.before-after__panel.scroll-trigger{opacity:0;transform:translateY(1.4rem)}.before-after__panel.scroll-trigger:not(.scroll-trigger--offscreen){animation:beforeAfterReveal var(--motion-base) var(--motion-ease-out) forwards;animation-delay:calc((var(--animation-order, 0) - 1) * .12s)}@keyframes beforeAfterReveal{to{opacity:1;transform:translateY(0)}}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-before-after-comparison.css.map */