.badge__dot{flex:0 0 var(--space-200);width:var(--space-200);height:var(--space-200);min-width:var(--space-200);min-height:var(--space-200);border-radius:var(--corner-pill);background:currentColor;display:block}.progress-bar{gap:var(--space-200);flex-direction:column;width:100%;min-width:0;display:flex}.progress-bar__header{justify-content:space-between;align-items:baseline;gap:var(--space-300);display:flex}.progress-bar__label{text-overflow:ellipsis;white-space:nowrap;font-family:var(--type-sl-sm-500-family);font-size:var(--type-sl-sm-500-size);font-weight:var(--type-sl-sm-500-weight);line-height:var(--type-sl-sm-500-line-height);color:var(--text-default);overflow:hidden}.progress-bar__value,.progress-bar__helper{font-family:var(--type-sl-sm-400-family);font-size:var(--type-sl-sm-400-size);font-weight:var(--type-sl-sm-400-weight);line-height:var(--type-sl-sm-400-line-height);font-variant-numeric:var(--font-numeric-tabular);color:var(--text-subtle)}.progress-bar--lg .progress-bar__label{font-size:var(--type-sl-base-500-size);line-height:var(--type-sl-base-500-line-height)}.progress-bar--lg .progress-bar__value,.progress-bar--lg .progress-bar__helper{font-size:var(--type-sl-base-400-size);line-height:var(--type-sl-base-400-line-height)}.progress-bar__track{border-radius:var(--corner-pill);background:var(--progress-track);position:relative;overflow:hidden}.progress-bar--lg .progress-bar__track{height:var(--space-300)}.progress-bar--sm .progress-bar__track{height:var(--space-200)}.progress-bar__fill{border-radius:var(--corner-pill);background:var(--progress-fill);height:100%;transition:width var(--motion-duration-base) var(--motion-easing-standard);display:block}.progress-bar--success .progress-bar__fill{background:var(--progress-fill-success)}.progress-bar--error .progress-bar__fill{background:var(--progress-fill-danger)}.progress-bar__helper{align-items:center;gap:var(--space-100);display:flex}.progress-bar--error .progress-bar__helper{color:var(--text-danger)}.progress-bar--indeterminate .progress-bar__fill{width:40%;animation:progress-slide var(--motion-duration-loop-slow) ease-in-out infinite;position:absolute;inset-block:0}@keyframes progress-slide{0%{left:-40%}to{left:100%}}@media (prefers-reduced-motion:reduce){.progress-bar__fill{transition:none}.progress-bar--indeterminate .progress-bar__fill{width:50%;animation:none;left:0}}@media (forced-colors:active){.progress-bar__track{border:var(--depth-025) solid CanvasText}.progress-bar__fill{background:highlight}}
