.task-activity{display:inline-flex;align-items:center;gap:7px;position:relative;isolation:isolate;max-width:100%;min-width:0;overflow:hidden;vertical-align:middle;white-space:normal;line-height:1.55}
.task-activity>span{min-width:0;overflow-wrap:anywhere}
.task-activity .task-elapsed{display:block;font-size:10px;font-weight:400;line-height:1.4;opacity:.8;font-variant-numeric:tabular-nums}
.task-activity-dot{width:6px;height:6px;border-radius:50%;flex:none;background:var(--muted,#9aa8b5);opacity:.7}
.task-activity.good .task-activity-dot{background:var(--accent,#8ad9ba);opacity:1}
.task-activity.bad .task-activity-dot{background:var(--red,#df9990);opacity:1}
.task-activity[data-task-activity=active]{--activity-color:var(--blue,#91bcec);color:var(--activity-color);padding-bottom:7px}
.task-activity[data-activity-phase=queued]{--activity-color:#c5b38d}
.task-activity[data-activity-phase=uploading],.task-activity[data-activity-phase=downloading]{--activity-color:var(--accent,#8ad9ba)}
.task-activity[data-task-activity=active]>.task-activity-dot{background:var(--activity-color);animation:task-activity-breathe 2.8s ease-in-out infinite}
.task-activity-track{position:absolute;bottom:1px;inset-inline:5px;height:2px;border-radius:2px;background:color-mix(in srgb,var(--activity-color) 12%,transparent);overflow:hidden}
.task-activity-track:after{content:"";position:absolute;inset-block:0;width:40%;background:linear-gradient(90deg,transparent,var(--activity-color),transparent);animation:task-activity-flow 2.6s ease-in-out infinite}
[data-operation-busy=true]{position:relative;isolation:isolate}
button[data-operation-busy=true]{overflow:hidden}
button[data-operation-busy=true]:after,[data-operation-busy=true]:not(button)>[data-operation-track]:after{content:"";position:absolute;bottom:1px;left:0;width:40%;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--accent,#8ad9ba),transparent);animation:task-activity-flow 2.6s ease-in-out infinite}
.request-activity{position:fixed;z-index:1200;inset-inline-start:20px;bottom:20px;max-width:min(320px,calc(100vw - 40px));pointer-events:none;filter:drop-shadow(0 4px 12px #0003)}
.request-activity .task-activity{border:1px solid var(--line,#37434e);border-radius:10px;background:var(--panel,#1b2630);padding:9px 13px 12px;font-size:12px;min-height:35px}
.rc-labels .task-activity{font-size:11px}
@keyframes task-activity-breathe{0%,100%{opacity:.5;box-shadow:0 0 0 0 transparent}50%{opacity:1;box-shadow:0 0 0 3px color-mix(in srgb,var(--activity-color) 14%,transparent)}}
@keyframes task-activity-flow{0%{transform:translateX(-130%);opacity:.35}45%,60%{opacity:.8}100%{transform:translateX(350%);opacity:.35}}
@media(prefers-reduced-motion:reduce){.task-activity[data-task-activity=active]>.task-activity-dot,.task-activity-track:after,button[data-operation-busy=true]:after,[data-operation-busy=true]:not(button)>[data-operation-track]:after{animation:none!important}.task-activity[data-task-activity=active]>.task-activity-dot{opacity:1;box-shadow:none}.task-activity-track:after,button[data-operation-busy=true]:after{left:20%;width:60%;opacity:.65}}
@media(max-width:480px){.request-activity{inset-inline-start:12px;bottom:12px;max-width:calc(100vw - 24px)}}
.task-credit{display:inline-block;margin-inline-start:6px;font-size:11px;color:var(--muted,#8a8f98);white-space:nowrap}
.task-credit[data-task-credit=refunded]{color:var(--good,#3a8f5c)}
.task-credit[data-task-credit=held]{color:var(--warn,#b7791f)}