@layer equip{.eq-meter{--_fill:var(--eq-solid);align-items:baseline;gap:var(--eq-space-1) var(--eq-space-3);font:var(--eq-weight) var(--eq-text-s) / 1.4 var(--eq-font);grid-template-columns:auto minmax(0,1fr);display:grid}.eq-meter[data-tone=ok]{--_fill:var(--eq-ok)}.eq-meter[data-tone=warn]{--_fill:var(--eq-warn)}.eq-meter[data-tone=danger]{--_fill:var(--eq-danger)}.eq-meter-label{min-width:0;color:var(--eq-ink);font-weight:var(--eq-weight-strong);grid-area:1/1}.eq-meter-value{color:var(--eq-ink-2);text-align:end;font-variant-numeric:tabular-nums;grid-area:1/2}.eq-meter[data-tone=warn] .eq-meter-value,.eq-meter[data-tone=danger] .eq-meter-value{color:var(--_fill)}.eq-meter-track,.eq-meter-blocks{grid-area:2/1/3/3;height:6px}.eq-meter-track{border-radius:var(--eq-radius-full);background:var(--eq-tint-strong);display:block;overflow:hidden}.eq-meter-fill{width:calc(var(--_v) * 100%);border-radius:inherit;background:var(--_fill);height:100%;transition:width var(--eq-dur-move) var(--eq-ease), background-color var(--eq-dur) var(--eq-ease);display:block}.eq-meter-blocks{grid-template-columns:repeat(var(--_n), minmax(0, 1fr));gap:3px;height:8px;display:grid}.eq-meter-block{background:var(--eq-tint-strong);transition:background-color var(--eq-dur) var(--eq-ease);border-radius:2px}.eq-meter-block[data-on]{background:var(--_fill)}}