.bmi-scale{position:relative;margin:26px 0 6px}
.bmi-bar{display:flex;height:14px;border-radius:99px;overflow:hidden}
.bmi-bar i{display:block;height:100%}
.bmi-marker{position:absolute;top:-22px;transform:translateX(-50%);font-size:12px;font-weight:800;color:var(--text);white-space:nowrap;transition:left .25s}
.bmi-marker::after{content:"";display:block;width:2px;height:22px;margin:2px auto 0;background:var(--text)}
.bmi-ticks{position:relative;height:18px;font-size:11px;color:var(--dim);font-variant-numeric:tabular-nums}
.bmi-ticks span{position:absolute;transform:translateX(-50%)}
.bmi-legend{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:var(--muted)}
.bmi-legend b{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px}