.echo-meter{display:grid;gap:var(--echo-space-3);min-width:0;width:100%}.echo-meter__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--echo-space-6)}.echo-meter__label{font-family:var(--echo-font-machine,ui-sans-serif,system-ui,sans-serif);font-size:var(--echo-text-3xs);font-weight:var(--echo-weight-bold,700);letter-spacing:var(--echo-tracking-widest,.25em);text-transform:uppercase;color:var(--echo-text-dim)}.echo-meter__value{font-family:var(--echo-font-lcd,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:var(--echo-text-sm);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--echo-text)}.echo-meter__track{position:relative;height:12px;padding:var(--echo-space-1);background:var(--echo-lcd);box-shadow:inset 0 2px 4px color-mix(in oklab,var(--echo-cast-ink,black) calc(.7 * var(--echo-shade, 1) * 100%),transparent),inset 0 -1px 0 rgb(255 255 255/calc(.05 * var(--echo-gloss, 1))),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent);overflow:hidden}.echo-meter__fill,.echo-meter__track{border-radius:var(--echo-radius-full)}.echo-meter__fill{height:100%;width:calc(var(--meter-level, 0) * 100%);min-width:8px;background:linear-gradient(180deg,var(--echo-primary-cap-top) 0,var(--echo-primary-cap-mid) 45%,var(--echo-primary-cap-base) 100%);box-shadow:var(--echo-shadow-edge,inset 0 1px 0 rgb(255 255 255/calc(.4 * var(--echo-gloss, 1))))}.echo-meter__mark{position:absolute;inset-block:0;inset-inline-start:calc(var(--meter-mark) * 100%);width:2px;margin-inline-start:-1px;background:color-mix(in oklab,var(--echo-text) 55%,transparent);box-shadow:1px 0 0 color-mix(in oklab,var(--echo-cast-ink,black) calc(.5 * var(--echo-shade, 1) * 100%),transparent)}@media (forced-colors:active){.echo-meter__track{border:var(--echo-border-hairline,1px) solid CanvasText}.echo-meter__fill{background:Highlight}.echo-meter__mark{background:CanvasText}}