.upload-progress-status{border:1px solid color-mix(in srgb, var(--primary) 24%, transparent);border-radius:var(--radius-md);min-width:240px;color:var(--text-primary);background:var(--surface-solid);box-shadow:var(--shadow-2);font-variant-numeric:tabular-nums;gap:7px;padding:12px 14px;display:grid}.upload-progress-status :is(.upload-progress-status__heading,.upload-progress-status__meta,.upload-progress-status__label){align-items:center;display:flex}.upload-progress-status__heading{justify-content:space-between;gap:12px}.upload-progress-status__label{font-size:var(--text-small);font-weight:var(--weight-semibold);gap:7px}.upload-progress-status__label svg{width:16px;height:16px;color:var(--primary);animation:.8s linear infinite ui-spin}.upload-progress-status__heading strong{color:var(--primary);font-size:var(--text-small)}.upload-progress-status__track{background:var(--primary-soft);border-radius:3px;height:5px;overflow:hidden}.upload-progress-status__track>span{border-radius:inherit;background:var(--primary);height:100%;transition:width .18s;display:block}.upload-progress-status__track.is-indeterminate>span{width:36%;animation:1.2s ease-in-out infinite upload-progress-indeterminate}.upload-progress-status__meta{color:var(--text-secondary);font-size:var(--text-micro);flex-wrap:wrap;justify-content:space-between;gap:4px 12px}@keyframes upload-progress-indeterminate{0%{transform:translate(-110%)}to{transform:translate(310%)}}@media (prefers-reduced-motion:reduce){.upload-progress-status__track.is-indeterminate>span{opacity:.45;width:100%;animation:none}}.reference-module.is-uploading{box-shadow:0 0 0 3px #d7b56d1a, var(--shadow-2);border-color:#d7b56d85}.reference-upload-progress{z-index:9;pointer-events:none;width:min(320px,100% - 24px);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.reference-module.is-uploading .reference-asset-strip{opacity:.42}.avatar-upload-progress{margin:0 24px 12px}
