.meter{background:var(--border);border-radius:3px;height:6px;display:block;overflow:hidden}.meter.inline{vertical-align:middle;display:inline-block}:where(.meter.inline){width:4rem}.meter.segmented{display:flex}.meter.inline.segmented{display:inline-flex}.meter-fill{background:var(--accent);flex:none;height:100%;display:block}.meter:not(.segmented)>.meter-fill{border-radius:3px}.meter-fill.tone-good{background:var(--good)}.meter-fill.tone-warn{background:var(--warn)}.meter-fill.tone-bad{background:var(--bad)}.meter-with-value{white-space:nowrap;align-items:center;gap:.4rem;display:inline-flex}