:root{--s-progress-bar-height:4px;--s-progress-bar-border-radius:var(--s-border-radius-full);--s-progress-bar-track-bg:var(--s-fill-color-secondary);--s-progress-bar-fill-font-size:var(--s-font-size);--s-progress-bar-fill-color:var(--s-white);--s-progress-bar-fill-bg:var(--s-color-primary);--s-progress-bar-text-font-size:var(--s-font-size);--s-progress-bar-text-margin-start:var(--s-size-xs);--s-progress-bar-text-margin-end:var(--s-size-xs);--s-progress-bar-inside-height:var(--s-size);--s-progress-bar-inside-text-font-size:var(--s-font-size-sm);--s-progress-bar-striped-width:var(--s-size);--s-progress-bar-status-margin-start:var(--s-size-xs);--s-progress-bar-color-success:var(--s-color-success);--s-progress-bar-color-warning:var(--s-color-warning);--s-progress-bar-color-error:var(--s-color-danger)}.s-progress-bar{display:flex;align-items:center}.s-progress-bar__track{flex:1;height:var(--s-progress-bar-height);border-radius:var(--s-progress-bar-border-radius);background:var(--s-progress-bar-track-bg);overflow:hidden}.s-progress-bar__fill{display:flex;align-items:center;height:100%;border-radius:var(--s-progress-bar-border-radius);font-size:var(--s-progress-bar-fill-font-size);color:var(--s-progress-bar-fill-color);background:var(--s-progress-bar-fill-bg);transition:width var(--s-duration-slow)}.s-progress-bar__text{flex:none;font-size:var(--s-progress-bar-text-font-size);margin-inline-start:var(--s-progress-bar-text-margin-start)}.s-progress-bar__status{margin-inline-start:var(--s-progress-bar-status-margin-start);line-height:var(--s-line-height-none)}.s-progress-bar--inside .s-progress-bar__track{height:var(--s-progress-bar-inside-height)}.s-progress-bar--inside .s-progress-bar__text{margin-inline-start:auto;padding-inline-start:var(--s-progress-bar-text-margin-start);margin-inline-end:var(--s-progress-bar-text-margin-end);font-size:var(--s-progress-bar-inside-text-font-size)}.s-progress-bar--striped .s-progress-bar__fill{background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size:var(--s-progress-bar-striped-width) var(--s-progress-bar-striped-width)}.s-progress-bar--animated .s-progress-bar__fill{animation:1s linear infinite s-progress-bar-stripes}@keyframes s-progress-bar-stripes{0%{background-position-x:var(--s-progress-bar-striped-width)}}.s-progress-bar--success .s-progress-bar__fill{background:var(--s-progress-bar-color-success)}.s-progress-bar--success .s-progress-bar__status{color:var(--s-progress-bar-color-success)}.s-progress-bar--warning .s-progress-bar__fill{background:var(--s-progress-bar-color-warning)}.s-progress-bar--warning .s-progress-bar__status{color:var(--s-progress-bar-color-warning)}.s-progress-bar--error .s-progress-bar__fill{background:var(--s-progress-bar-color-error)}.s-progress-bar--error .s-progress-bar__status{color:var(--s-progress-bar-color-error)}