@layer ui.components{.ui-progress{gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.ui-progress__track{appearance:none;border-radius:var(--radius-pill);background-color:var(--border-subtle);width:100%;height:4px;color:var(--action);border:0;overflow:hidden}.ui-progress__track::-webkit-progress-bar{background-color:var(--border-subtle)}.ui-progress__track::-webkit-progress-value{border-radius:inherit;transition:width var(--duration-slow) ease;background-color:currentColor}.ui-progress__track::-moz-progress-bar{border-radius:inherit;background-color:currentColor}.ui-progress[data-tone=success] .ui-progress__track{color:var(--success)}.ui-progress[data-tone=warning] .ui-progress__track{color:var(--warning)}.ui-progress[data-tone=brand] .ui-progress__track{color:var(--brand-deep)}.ui-progress[data-tone=protein] .ui-progress__track{color:var(--macro-protein)}.ui-progress[data-tone=carb] .ui-progress__track{color:var(--macro-carb)}.ui-progress[data-tone=fat] .ui-progress__track{color:var(--macro-fat)}.ui-progress[data-size=macro]{align-items:flex-start}.ui-progress[data-size=macro]>span:first-child{letter-spacing:-.01em;color:var(--text-tertiary);font-size:12px;line-height:16px}.ui-progress[data-size=macro] .ui-progress__track{width:60px}.ui-progress[data-size=macro] .ui-progress__track::-webkit-progress-value{transition:none}.ui-progress[data-size=macro]>span:last-child{letter-spacing:-.01em;color:var(--text-ink);font-size:14px;font-weight:500;line-height:18px}@media (min-width:768px){.ui-progress[data-size=macro]>span:first-child{font-size:16px;line-height:22px}}.ui-progress[data-size=classic]{gap:0}.ui-progress[data-size=classic] .ui-progress__track{border-radius:var(--radius-chip);background-color:var(--track-classic);height:6px}.ui-progress[data-size=classic] .ui-progress__track::-webkit-progress-bar{background-color:var(--track-classic);border-radius:var(--radius-chip)}.ui-progress[data-size=classic] .ui-progress__track::-webkit-progress-value{background-color:var(--action);border-radius:var(--radius-chip)}.ui-progress[data-size=classic] .ui-progress__track::-moz-progress-bar{background-color:var(--action);border-radius:var(--radius-chip)}}