[data-tone=dark]{--meter-strong:var(--color-on-dark);--meter-muted:var(--color-on-dark-muted)}.meter{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.meter>.head{gap:var(--space-1) var(--space-3);font-size:var(--text-small);line-height:var(--text-small-leading);flex-wrap:wrap;justify-content:space-between;display:flex}.meter>.head>.label{color:var(--meter-muted)}.meter>.head>.value{color:var(--meter-strong);font-weight:var(--weight-emphasis)}.meter>.track{block-size:var(--space-2);border-radius:var(--radius-pill);background-color:var(--fill-quiet);display:block;overflow:clip}.meter>.track>.fill{background-color:var(--mark-emphasis);block-size:100%;transform:scaleX(calc(var(--a) + (var(--b) - var(--a)) * var(--state,0)));transform-origin:0;transition:transform var(--dur-800) var(--ease);display:block}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.meter[data-enter] .fill{animation-name:meter-enter;animation-timing-function:linear;animation-fill-mode:backwards}.meter[data-enter]>.track>.fill{animation-timeline:view();animation-range:entry 20% cover 40%}}}@media (prefers-reduced-motion:no-preference){.meter[data-enter-script]>.track>.fill{scale:var(--meter-enter,1) 1}}@keyframes meter-enter{0%{scale:0 1}}
