.react-aria-Meter{width:100%;color:var(--text-color);font:var(--font-size) system-ui;grid-template-columns:1fr auto;grid-template-areas:"label value""bar bar";row-gap:6px;margin:16px 0;display:grid}.react-aria-Meter .value{grid-area:value;font-weight:600}.react-aria-Meter .track{forced-color-adjust:none;border-radius:9999px;grid-area:bar;height:18px;overflow:hidden}.react-aria-Meter .fill{background-image:linear-gradient(to right, oklch(from var(--red) var(--lightness-700) c h), oklch(from var(--orange) var(--lightness-700) c h), oklch(from var(--yellow) var(--lightness-700) c h), oklch(from var(--green) var(--lightness-700) c h));border-radius:inherit;height:calc(100% - 2px);box-shadow:inset 0 1px 0 #fff6, 0 1px 0 var(--border-color), 0 0 0 1px var(--border-color);background-position:0;margin:1px 0 0 1px;transition:width .3s,background-size .3s}@media (forced-colors:active){.react-aria-Meter .fill{box-shadow:none;background:highlight}}