.meter{--tn:var(--accent);--tn-h:var(--accent);--tn-a:var(--accent);--tn-s:var(--accent-soft);--tn-m:var(--accent-soft);--tn-e:var(--accent);--tn-b:var(--accent);--tn-on:var(--on-accent);--tn-g:transparent;--mh:6px;width:100%;height:var(--mh);border-radius:var(--r-pill);background:var(--bg-3);box-shadow:var(--shadow-well);display:flex;overflow:hidden}:is([data-theme=dark],[data-theme=vscode]) .meter{background:color-mix(in oklab, var(--bg-4) 55%, var(--bg-3))}.meter[data-size=sm]{--mh:4px}.meter[data-size=lg]{--mh:9px}.meter>i{background:var(--tn-h,var(--tn));border-radius:inherit;height:100%;transition:width var(--dur-fast) var(--ease);min-width:0;display:block}:is([data-theme=dark],[data-theme=vscode]) .meter>i{background:var(--tn-a,var(--tn-h,var(--tn)));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--tn) 28%, transparent)}.meter[data-tone=warning]>i,.meter[data-tone=special]>i{background:var(--tn-h,var(--tn-e,var(--tn)))}.meter[data-indeterminate]>i{width:36%;min-width:36%;animation:meter-indeterminate 1.2s var(--ease,ease-in-out) infinite}@keyframes meter-indeterminate{0%{transform:translate(-120%)}to{transform:translate(320%)}}@media (prefers-reduced-motion:reduce){.meter>i{transition:none}.meter[data-indeterminate]>i{opacity:.85;width:40%;min-width:40%;animation:none;transform:none}}
