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