.component-progress-bar{--progress-bar-height:1px;--progress-bar-duration:6000ms;--progress-bar-radius:0px;--progress-bar-track-color:var(--border-color);--progress-bar-value-color:var(--header-color);--progress-bar-track-opacity:0.125;--progress-bar-value-opacity:1;display:block;position:absolute;left:0;right:0;bottom:-1px;height:var(--progress-bar-height);overflow:hidden;border-radius:var(--progress-bar-radius);pointer-events:none}.component-progress-bar__track,.component-progress-bar__value{display:block;position:absolute;inset:0;border-radius:inherit}.component-progress-bar__track{background-color:var(--progress-bar-track-color);opacity:var(--progress-bar-track-opacity)}.component-progress-bar__value{background-color:var(--progress-bar-value-color);opacity:var(--progress-bar-value-opacity);transform:scaleX(0);transform-origin:left center}.component-progress-bar[data-state=running] .component-progress-bar__value{animation:component-progress-bar-fill var(--progress-bar-duration) linear forwards}.component-progress-bar--pill{--progress-bar-height:4px;--progress-bar-radius:999px}[alternative-theme=true] .component-progress-bar{--progress-bar-track-color:var(--border-alternative-color);--progress-bar-value-color:var(--header-alternative-color)}[alternative-theme=true] [alternative-theme=false] .component-progress-bar{--progress-bar-track-color:var(--border-color);--progress-bar-value-color:var(--header-color)}@keyframes component-progress-bar-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}