.before-after{display:flex;flex-direction:column;gap:0;margin:0}.before-after__col{flex:1 1;min-width:0}.before-after__img{display:block;width:100%;max-width:100%;height:auto}.before-after__img--before{filter:saturate(.7) brightness(.95)}.before-after__img--after{filter:none}.before-after__divider-wrap{padding:var(--space-2) 0;flex-shrink:0}.before-after__caption{display:block;font-family:var(--font-body);font-size:11px;font-weight:500;line-height:var(--text-label-lh);letter-spacing:var(--text-label-ls);text-transform:uppercase;margin-top:var(--space-2)}.before-after__caption--before{color:var(--color-text-muted)}.before-after__caption--after{color:var(--color-success)}.before-after__label{text-align:center;font-family:var(--font-body);font-size:var(--text-label);font-weight:var(--text-label-weight);color:var(--color-text-muted);margin:var(--space-4) 0 0;letter-spacing:var(--text-label-ls);text-transform:uppercase}@media (min-width:640px){.before-after{flex-direction:row;align-items:stretch}.before-after__divider-wrap{position:relative;width:24px;padding:0;align-self:stretch;display:flex;align-items:center;justify-content:center}.before-after__divider-wrap .before-after__divider{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:1px;height:auto}.before-after__divider-wrap .before-after__divider .completion-line__fill{background:var(--color-green)}}