.before-after__eyebrow{display:block;text-align:center}.before-after__title{margin:.5rem 0 0;text-align:center}.before-after__text{margin:.75rem auto 0;max-width:52ch;text-align:center;color:var(--c-ink-muted)}.before-after__stage{display:block;max-width:min(100%,var(--ba-w, 440px));margin:2.5rem auto 0}.before-after__media{position:relative;overflow:hidden;border-radius:var(--r-lg, 24px);border:1px solid var(--c-line);background:var(--c-bg-soft);touch-action:none;cursor:ew-resize;-webkit-user-select:none;user-select:none}.before-after__img{display:block;width:100%;height:auto;aspect-ratio:var(--ba-ratio, 4 / 5);object-fit:cover}.before-after__clip{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--pos, 50%)) 0 0)}.before-after__clip .before-after__img{height:100%}.before-after__placeholder svg{width:100%;height:100%;object-fit:cover}.before-after__tag{position:absolute;top:.875rem;z-index:2;padding:.3rem .7rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#ffffffeb;color:var(--c-ink);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.before-after__tag--before{right:.875rem}.before-after__tag--after{left:.875rem;background:var(--c-brand);color:#fff}.before-after__divider{position:absolute;top:0;bottom:0;left:var(--pos, 50%);z-index:2;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px #0000000f;pointer-events:none}.before-after__grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;grid-auto-flow:column;align-items:center;gap:1px;width:44px;height:44px;place-content:center;border-radius:999px;background:#fff;color:var(--c-brand);box-shadow:0 4px 14px #0000002e}.before-after__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;pointer-events:none;-webkit-appearance:none;appearance:none;background:transparent}.before-after__range::-webkit-slider-thumb{-webkit-appearance:none;width:44px;height:44px}.before-after__range::-moz-range-thumb{width:44px;height:44px;border:0;background:transparent}.before-after__stage:focus-within .before-after__grip{outline:3px solid var(--c-brand);outline-offset:3px}.before-after__caption{margin:1rem 0 0;text-align:center;font-size:.875rem;color:var(--c-ink-muted)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-before-after.css.map */