.progress-bar--line{flex-direction:column;gap:.5rem;width:100%;min-width:3.125rem;display:flex}.progress-bar__header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.progress-bar__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--clr-text-strong);line-height:1.25rem}.progress-bar__percent{font-size:var(--text-sm);color:var(--clr-text-subtle);white-space:nowrap}.progress-bar__track{background-color:rgba(var(--clr-inverse),.16);border-radius:var(--radius-full);height:.25rem;overflow:hidden}.progress-bar__fill{height:100%;width:var(--progress-value,0%);background-color:var(--clr-brand);border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress-bar--error .progress-bar__fill{background-color:var(--clr-danger-default)}.progress-bar--success .progress-bar__fill{background-color:var(--clr-success-default)}.progress-bar__footer{align-items:center;gap:.25rem;display:flex}.progress-bar__footer .error-color{color:var(--clr-danger-default)}.progress-bar__footer .success-color{color:var(--clr-success-default)}.progress-bar__footer svg{width:1rem;height:1rem}.progress-bar__message{font-size:var(--text-xs);color:var(--clr-text-subtle);line-height:1rem}.progress-bar--error .progress-bar__message{color:var(--clr-danger-text)}.progress-bar--success .progress-bar__message{color:var(--clr-success-default)}.progress-bar--circle{flex-direction:row;align-items:center;gap:.5rem;display:inline-flex}.progress-bar__circle-percent{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--clr-text-subtle);line-height:1.25rem}.progress-bar__circle-container{flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.progress-bar__circle-icon{width:1.25rem;height:1.25rem}.progress-bar__circle-icon--error{color:var(--clr-danger-default)}.progress-bar__circle-icon--success{color:var(--clr-success-default)}.progress-bar__circle-svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-bar__circle-svg--indeterminate{animation:1s linear infinite circle-spin}.progress-bar__circle-track{stroke:var(--clr-secondary)}.progress-bar__circle-fill{stroke:var(--clr-brand);transition:stroke-dashoffset var(--transition-slow)}.progress-bar__circle-fill--indeterminate{transition:none;animation:1.5s ease-in-out infinite circle-dash}@keyframes circle-spin{to{transform:rotate(270deg)}}@keyframes circle-dash{0%{stroke-dashoffset:206px}50%{stroke-dashoffset:69px}to{stroke-dashoffset:206px}}