.before-after{width:100%}.before-after__inner{max-width:1200px;margin:0 auto;padding:4.5rem 5vw;text-align:center}.before-after__eyebrow{display:block;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.9rem}.before-after__heading{font-size:clamp(1.9rem,3.2vw,2.6rem);font-weight:800;line-height:1.2;margin:0 0 1rem}.before-after__subheading{font-size:1.1rem;line-height:1.6;color:#4a4458;margin:0 auto 2.5rem;max-width:620px}.before-after__slider{position:relative;max-width:460px;margin:0 auto;aspect-ratio:3 / 5;border-radius:24px;overflow:hidden;-webkit-user-select:none;user-select:none;box-shadow:0 10px 40px #1b17301f;touch-action:none}.before-after__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.before-after__img--before{clip-path:inset(0 50% 0 0)}.before-after__tag{position:absolute;top:1rem;padding:.4rem 1rem;border-radius:999px;background-color:#1b1730a6;color:#fff;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.before-after__tag--before{left:1rem}.before-after__tag--after{right:1rem}.before-after__handle{position:absolute;top:0;bottom:0;left:50%;width:3px;background-color:#fff;transform:translate(-50%);cursor:ew-resize}.before-after__handle:before{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:50%;background-color:#fff;transform:translate(-50%,-50%);box-shadow:0 4px 14px #1b17304d}.before-after__handle:after{content:"\27f7";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.1rem;color:var(--before-after-accent, #c2367e);font-weight:700}.before-after__hint{margin-top:1.1rem;font-size:.9rem;color:#8a8494}.before-after__missing{padding:3rem 1.5rem;border-radius:24px;background-color:#fff;color:#8a8494;font-size:.95rem;max-width:460px;margin:0 auto}@media screen and (max-width:989px){.before-after__inner{padding:3rem 6vw}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-before-after.css.map */