:root{--zui-progressbar-height:6px;--zui-progressbar-border-radius:var(--zable-radius-lg);--zui-progressbar-track-background:var(--zable-theme-light-ruler-ruler-normal);--zui-progressbar-fill-background:var(--zable-theme-light-link-link-normal);--zui-progressbar-transition:width .3s ease;--zui-progressbar-segmented-gap:4px;--zui-progressbar-segment-background:var(--zable-theme-light-ruler-ruler-normal);--zui-progressbar-segment-fill-background:var(--zable-theme-light-link-link-normal);--zui-progressbar-segment-border-radius:var(--zable-radius-lg);--zui-progressbar-indeterminate-duration:1s;--zui-progressbar-indeterminate-width:40%;--zui-progressbar-success-fill-background:var(--zable-theme-light-success-success-normal);--zui-progressbar-error-fill-background:var(--zable-theme-light-danger-danger-normal);--zui-progressbar-focus-outline-width:2px;--zui-progressbar-focus-outline-color:var(--zable-color-blue-50)}:root[data-brand=dtcg]{--zui-progressbar-height:var(--progress-bar-height);--zui-progressbar-border-radius:var(--progress-bar-corner-radius);--zui-progressbar-track-background:var(--progress-bar-bg-color);--zui-progressbar-fill-background:var(--progress-bar-bar-color);--zui-progressbar-segmented-gap:var(--progress-bar-gap);--zui-progressbar-segment-background:var(--progress-bar-bg-color);--zui-progressbar-segment-fill-background:var(--progress-bar-bar-color);--zui-progressbar-segment-border-radius:var(--progress-bar-corner-radius);--zui-progressbar-success-fill-background:var(--progress-bar-success-bar-color);--zui-progressbar-error-fill-background:var(--progress-bar-error-bar-color);--zui-progressbar-focus-outline-width:var(--border-focus-width);--zui-progressbar-focus-outline-color:var(--border-focus)}.zui-progress-bar__progressBar{align-items:center;width:100%;display:flex}.zui-progress-bar__solid .zui-progress-bar__track{width:100%;height:var(--zui-progressbar-height);background-color:var(--zui-progressbar-track-background);border-radius:var(--zui-progressbar-border-radius);position:relative;overflow:hidden}.zui-progress-bar__solid .zui-progress-bar__fill{background-color:var(--zui-progressbar-fill-background);border-radius:inherit;height:100%;transition:var(--zui-progressbar-transition);min-width:0}.zui-progress-bar__solid .zui-progress-bar__indeterminateFill{width:var(--zui-progressbar-indeterminate-width);animation:zui-progress-bar__indeterminateSlide var(--zui-progressbar-indeterminate-duration) infinite linear;transition:none}.zui-progress-bar__segmented .zui-progress-bar__segmentedTrack{gap:var(--zui-progressbar-segmented-gap);align-items:center;width:100%;display:flex}.zui-progress-bar__segmented .zui-progress-bar__segment{height:var(--zui-progressbar-height);background-color:var(--zui-progressbar-segment-background);border-radius:var(--zui-progressbar-segment-border-radius);flex:1;position:relative;overflow:hidden}.zui-progress-bar__segmented .zui-progress-bar__segmentFill{background-color:var(--zui-progressbar-segment-fill-background);border-radius:inherit;height:100%;transition:var(--zui-progressbar-transition);min-width:0}.zui-progress-bar__success.zui-progress-bar__solid .zui-progress-bar__fill,.zui-progress-bar__success.zui-progress-bar__segmented .zui-progress-bar__segmentFill{background-color:var(--zui-progressbar-success-fill-background)}.zui-progress-bar__error.zui-progress-bar__solid .zui-progress-bar__fill,.zui-progress-bar__error.zui-progress-bar__segmented .zui-progress-bar__segmentFill{background-color:var(--zui-progressbar-error-fill-background)}@keyframes zui-progress-bar__indeterminateSlide{0%{left:-40%}to{left:100%}}.zui-progress-bar__indeterminateFill{position:relative}.zui-progress-bar__progressBar [role=progressbar]:focus-visible{outline:var(--zui-progressbar-focus-outline-width) solid var(--zui-progressbar-focus-outline-color);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.zui-progress-bar__fill:not(.zui-progress-bar__indeterminateFill),.zui-progress-bar__segmentFill{transition:var(--zui-progressbar-transition)}}@media (prefers-reduced-motion:reduce){.zui-progress-bar__fill,.zui-progress-bar__segmentFill{transition:none}.zui-progress-bar__indeterminateFill{opacity:.6;width:100%;animation:none}}