.klyp-ProgressBar{gap:var(--space-8);--pb-thickness:var(--space-8);--pb-fill:var(--color-fg-primary);flex-direction:column;inline-size:100%;min-inline-size:0;display:flex}.klyp-ProgressBar[data-size=sm]{--pb-thickness:var(--space-4)}.klyp-ProgressBar[data-size=md]{--pb-thickness:var(--space-8)}.klyp-ProgressBar[data-tone=neutral]{--pb-fill:var(--color-fg-primary)}.klyp-ProgressBar[data-tone=accent]{--pb-fill:var(--color-accent)}.klyp-ProgressBar__head{justify-content:space-between;align-items:baseline;gap:var(--space-8);min-inline-size:0;display:flex}.klyp-ProgressBar__label{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font:var(--type-label);font-weight:var(--font-weight-medium);color:var(--color-fg-primary);overflow:hidden}.klyp-ProgressBar__value{font:var(--type-label);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;color:var(--color-fg-muted);flex:none}.klyp-ProgressBar__track{inline-size:100%;block-size:var(--pb-thickness);background:var(--color-bg-well);border-radius:var(--radius-full);position:relative;overflow:hidden}.klyp-ProgressBar__fill{inline-size:var(--klyp-ProgressBar-pct,0%);background:var(--pb-fill);border-radius:inherit;transition:inline-size var(--duration-fast) var(--easing-standard);position:absolute;inset-block:0;inset-inline-start:0}.klyp-ProgressBar[data-indeterminate] .klyp-ProgressBar__fill{inline-size:40%;animation:klyp-ProgressBar-sweep calc(var(--duration-slow) * 4) linear infinite;transition:none}@keyframes klyp-ProgressBar-sweep{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.klyp-ProgressBar__fill{transition:none}.klyp-ProgressBar[data-indeterminate] .klyp-ProgressBar__fill{animation-duration:calc(var(--duration-slow) * 44)}}