.hx-ba{background-color:#fafaf9;padding:32px 0 88px}.hx-ba__inner{max-width:var(--container-max, 1200px);margin-inline:auto;padding-inline:var(--container-px, 24px)}.hx-ba__header{text-align:center;max-width:560px;margin-inline:auto;margin-bottom:48px}.hx-ba__eyebrow{font-family:var(--hx-font-ui, "Satoshi", sans-serif);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#c9972a;margin:0 0 12px}.hx-ba__heading{font-family:var(--hx-font-display, "Chillax", sans-serif);font-size:clamp(28px,4vw,46px);font-weight:600;color:#111;letter-spacing:-.02em;line-height:1.1;margin:0 0 12px}.hx-ba__sub{font-family:var(--hx-font-body, "General Sans", sans-serif);font-size:15px;color:#777;line-height:1.65;margin:0}.hx-ba__stage{max-width:720px;margin-inline:auto}.hx-ba__story{display:flex;flex-direction:column;gap:20px;opacity:0;transition:opacity .35s ease}.hx-ba__story[hidden]{display:none}.hx-ba__story--active{opacity:1}.hx-ba__scrubber{position:relative;aspect-ratio:4 / 3;border-radius:16px;overflow:hidden;background:#e8e0d4;cursor:ew-resize;user-select:none;-webkit-user-select:none;touch-action:pan-y}.hx-ba__side{position:absolute;top:0;right:0;bottom:0;left:0}.hx-ba__side-img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;pointer-events:none}.hx-ba__side--after{z-index:1}.hx-ba__side--before{z-index:2;clip-path:inset(0 calc(100% - var(--pos, 50%)) 0 0);will-change:clip-path}.hx-ba__side-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:20px}.hx-ba__side-empty--before{background:linear-gradient(160deg,#ede0d0,#d9c9b5)}.hx-ba__side-empty--after{background:linear-gradient(160deg,#d0e4d3,#b8d4bc)}.hx-ba__side-empty span{font-family:var(--hx-font-ui, "Satoshi", sans-serif);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0006}.hx-ba__side-empty p{font-family:var(--hx-font-body, "General Sans", sans-serif);font-size:11px;color:#0000004d;margin:0;line-height:1.4}.hx-ba__divider{position:absolute;top:0;bottom:0;left:var(--pos, 50%);transform:translate(-50%);width:2px;background:#ffffffd9;z-index:10;pointer-events:none}.hx-ba__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#c9972a;border:3px solid #FFFFFF;color:#fff;display:flex;align-items:center;justify-content:center;cursor:ew-resize;pointer-events:auto;box-shadow:0 4px 20px #00000040;transition:transform .15s ease,box-shadow .15s ease}.hx-ba__handle:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 24px #0000004d}.hx-ba__corner{position:absolute;top:14px;font-family:var(--hx-font-ui, "Satoshi", sans-serif);font-size:11px;font-weight:700;letter-spacing:.06em;padding:5px 14px;border-radius:100px;z-index:5;pointer-events:none}.hx-ba__corner--before{left:14px;background:#ffffffd9;color:#333;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.hx-ba__corner--after{right:14px;background:#c9972aeb;color:#fff;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.hx-ba__card{background:#fff;border:1px solid #EBEBEB;border-radius:14px;padding:20px 22px 22px}.hx-ba__card-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.hx-ba__avatar{flex-shrink:0;width:48px;height:48px;border-radius:50%;overflow:hidden;background:#e8e2d8}.hx-ba__avatar-img{width:100%;height:100%;object-fit:cover;display:block}.hx-ba__avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e8e2d8,#d5cbbf)}.hx-ba__name-block{flex:1;display:flex;flex-direction:column;gap:2px}.hx-ba__name{font-family:var(--hx-font-ui, "Satoshi", sans-serif);font-size:15px;font-weight:700;color:#111;line-height:1.2}.hx-ba__meta{font-family:var(--hx-font-body, "General Sans", sans-serif);font-size:12px;color:#888;line-height:1.3}.hx-ba__verified{flex-shrink:0;font-family:var(--hx-font-ui, "Satoshi", sans-serif);font-size:10px;font-weight:700;letter-spacing:.04em;color:#2e7d32;background:#2e7d3214;border:1px solid rgba(46,125,50,.2);border-radius:100px;padding:4px 10px;white-space:nowrap}.hx-ba__stars{font-size:20px;color:#e8963a;letter-spacing:2px;line-height:1;margin-bottom:10px}.hx-ba__quote{font-family:var(--hx-font-body, "General Sans", sans-serif);font-size:clamp(14px,1.8vw,16px);color:#333;line-height:1.65;margin:0;font-style:italic}.hx-ba__dots{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:28px}.hx-ba__dot{width:8px;height:8px;border-radius:50%;border:none;background:#ddd;cursor:pointer;padding:0;transition:background .2s ease,transform .2s ease}.hx-ba__dot--active{background:#c9972a;transform:scale(1.6)}.hx-ba__dot:hover:not(.hx-ba__dot--active){background:#bbb;transform:scale(1.2)}.hx-ba__empty{text-align:center;font-family:var(--hx-font-body, "General Sans", sans-serif);font-size:14px;color:#aaa;padding:48px 0}@media(max-width:767px){.hx-ba{padding:16px 0 56px}.hx-ba__header{margin-bottom:32px}.hx-ba__scrubber{aspect-ratio:3 / 4;border-radius:12px}.hx-ba__handle{width:40px;height:40px}.hx-ba__corner{top:10px;font-size:10px;padding:4px 10px}.hx-ba__corner--before{left:10px}.hx-ba__corner--after{right:10px}.hx-ba__card{padding:16px 16px 18px}.hx-ba__stars{font-size:17px;letter-spacing:1px}.hx-ba__dots{margin-top:20px;gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/healthx-before-after.css.map */