.saas-progress{--saas-progress-height:10px;--saas-progress-from:var(--saas-brand-strong);--saas-progress-to:var(--saas-brand-primary);--saas-progress-glow:var(--saas-inverse-accent);gap:var(--saas-space-xs);inline-size:100%;font-family:var(--saas-font-family);display:grid}.saas-progress[data-size=sm]{--saas-progress-height:6px}.saas-progress[data-size=lg]{--saas-progress-height:16px}.saas-progress[data-tone=success]{--saas-progress-from:var(--saas-status-success);--saas-progress-to:var(--saas-status-success-fill)}.saas-progress[data-tone=warning]{--saas-progress-from:var(--saas-status-warning);--saas-progress-to:var(--saas-status-warning-fill);--saas-progress-glow:var(--saas-status-warning-subtle)}.saas-progress[data-tone=danger]{--saas-progress-from:var(--saas-status-danger);--saas-progress-to:var(--saas-status-danger-fill);--saas-progress-glow:var(--saas-inverse-danger)}.saas-progress__header{justify-content:space-between;align-items:baseline;gap:var(--saas-space-sm);font-size:var(--saas-font-caption);display:flex}.saas-progress__label{color:var(--saas-text-secondary)}.saas-progress__percent{color:var(--saas-text-primary);font-variant-numeric:tabular-nums;font-weight:600}.saas-progress__track{block-size:var(--saas-progress-height);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-full);background:var(--saas-bg-sunken);box-sizing:border-box;position:relative;overflow:hidden}.saas-progress__fill{border-radius:var(--saas-radius-full);background:linear-gradient(90deg, var(--saas-progress-from), var(--saas-progress-to));block-size:100%;inline-size:0;transition:inline-size var(--saas-motion-progress) var(--saas-ease-standard);position:relative;overflow:hidden}.saas-progress__fill[data-active=true]:before{background:repeating-linear-gradient(-45deg, var(--saas-inverse-border) 0 10px, transparent 10px 20px);content:"";background-size:28px 28px;animation:.9s linear infinite saas-progress-stripes;position:absolute;inset:0}.saas-progress__fill[data-active=true]:after{background:linear-gradient(90deg, transparent, var(--saas-progress-glow), transparent);opacity:.55;inline-size:40%;animation:saas-progress-sheen 1.6s var(--saas-ease-standard) infinite;content:"";position:absolute;inset-block:0;inset-inline-start:-40%}.saas-progress__fill[data-complete=true]{background:var(--saas-progress-to)}.saas-progress__fill[data-indeterminate=true]{inline-size:35%;animation:saas-progress-slide 1.4s var(--saas-ease-standard) infinite;position:absolute;inset-block:0}@keyframes saas-progress-stripes{to{background-position:28px 0}}@keyframes saas-progress-sheen{to{transform:translate(350%)}}@keyframes saas-progress-slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}[dir=rtl] .saas-progress__fill:after,[dir=rtl] .saas-progress__fill[data-indeterminate=true]{animation-direction:reverse}@media (prefers-reduced-motion:reduce){.saas-progress__fill{transition:none}.saas-progress__fill:before,.saas-progress__fill:after,.saas-progress__fill[data-indeterminate=true]{animation:none}}