.progress-bar-container{display:flex;flex-direction:column;gap:var(--dp-space-2);width:100%}.progress-text{font-family:inherit;font-size:.875rem;font-weight:700;line-height:1.25rem;color:var(--dp-ink-soft);text-align:left;font-variant-numeric:tabular-nums}.progress-bar{position:relative;width:100%;height:.5rem;overflow:hidden;border-radius:9999px;background-color:var(--dp-muted)}.progress-fill{position:absolute;top:0;left:0;height:100%;width:var(--progress-width, 0%);border-radius:9999px;background-color:var(--dp-good);background-image:var(--dp-gradient-brand);transition:width var(--dp-duration-reveal) var(--dp-ease-out),background-color var(--dp-duration-fast) ease}.progress-bar-container.small .progress-bar{height:.375rem}.progress-bar-container.small .progress-text{font-size:.75rem;line-height:1rem}.progress-bar-container.medium .progress-bar{height:.5rem}.progress-bar-container.medium .progress-text{font-size:.875rem}.progress-bar-container.large .progress-bar{height:.75rem}.progress-bar-container.large .progress-text{font-size:1rem;line-height:1.5rem}.progress-bar-container.primary .progress-fill{background-color:var(--dp-good);background-image:var(--dp-gradient-brand)}.progress-bar-container.secondary .progress-fill{background-color:var(--dp-ink-soft);background-image:none}.progress-bar-container.success .progress-fill{background-color:var(--dp-learning-correct);background-image:none}.progress-bar-container.warning .progress-fill{background-color:var(--dp-warn);background-image:var(--dp-gradient-cta)}.progress-bar-container.error .progress-fill{background-color:var(--dp-destructive);background-image:none}@media(prefers-reduced-motion:reduce){.progress-fill{transition:none}}