.c-progress{align-items:center;gap:var(--c-space-2);vertical-align:middle;display:inline-flex}.c-progress[data-variant=bar]{width:100%;display:flex}.c-progress__track{background:var(--c-color-surface-muted);border-radius:var(--c-radius-full);flex:1;min-width:0;position:relative;overflow:hidden}.c-progress__bar{border-radius:inherit;height:100%;transition:width var(--c-motion-md) var(--c-motion-ease-out)}.c-progress[data-tone=primary] .c-progress__bar{background:var(--c-color-primary)}.c-progress[data-tone=success] .c-progress__bar{background:var(--c-color-success)}.c-progress[data-tone=warning] .c-progress__bar{background:var(--c-color-warning)}.c-progress[data-tone=danger] .c-progress__bar{background:var(--c-color-danger)}.c-progress[data-tone=muted] .c-progress__bar{background:var(--c-color-text-muted)}.c-progress[data-striped] .c-progress__bar{background-image:linear-gradient(45deg,color-mix(in oklch,currentColor,transparent 80%) 25%,transparent 0,transparent 50%,color-mix(in oklch,currentColor,transparent 80%) 0,color-mix(in oklch,currentColor,transparent 80%) 75%,transparent 0,transparent);background-size:1rem 1rem}.c-progress[data-animated] .c-progress__bar{animation:1s linear infinite c-progress-stripe}.c-progress[data-indeterminate][data-variant=bar] .c-progress__bar{width:40%;transition:none;animation:1.4s ease-in-out infinite c-progress-indet}.c-progress[data-countdown] .c-progress__bar{transform-origin:0;width:100%;transition:none;animation:linear forwards c-progress-countdown}.c-progress[data-countdown][data-paused] .c-progress__bar{animation-play-state:paused}.c-progress__value{font-family:var(--c-font-sans);font-size:var(--c-text-xs);color:var(--c-color-text-muted);font-variant-numeric:tabular-nums;text-align:end;flex-shrink:0;min-width:3ch}.c-progress[data-variant=circular]{display:inline-flex;position:relative}.c-progress__svg{display:block;transform:rotate(-90deg)}.c-progress__circle-track{stroke:var(--c-color-surface-muted)}.c-progress[data-tone=primary] .c-progress__circle-bar{stroke:var(--c-color-primary)}.c-progress[data-tone=success] .c-progress__circle-bar{stroke:var(--c-color-success)}.c-progress[data-tone=warning] .c-progress__circle-bar{stroke:var(--c-color-warning)}.c-progress[data-tone=danger] .c-progress__circle-bar{stroke:var(--c-color-danger)}.c-progress[data-tone=muted] .c-progress__circle-bar{stroke:var(--c-color-text-muted)}.c-progress__circle-bar{transition:stroke-dashoffset var(--c-motion-md) var(--c-motion-ease-out)}.c-progress[data-indeterminate][data-variant=circular] .c-progress__svg{animation:1s linear infinite c-progress-spin}.c-progress[data-indeterminate][data-variant=circular] .c-progress__circle-bar{transition:none}.c-progress[data-variant=circular] .c-progress__circular-value{font-family:var(--c-font-sans);font-size:var(--c-text-xs);color:var(--c-color-text-muted);font-variant-numeric:tabular-nums;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.c-progress[data-animated] .c-progress__bar,.c-progress[data-countdown] .c-progress__bar,.c-progress[data-indeterminate][data-variant=bar] .c-progress__bar,.c-progress[data-indeterminate][data-variant=circular] .c-progress__svg{animation:none}.c-progress[data-countdown] .c-progress__bar{width:100%}.c-progress__bar,.c-progress__circle-bar{transition:none}}