.task-progress{border-radius:var(--radius-full);background:color-mix(in srgb, var(--primary) 12%, var(--surface));width:100%;min-width:0;height:8px;display:block;position:relative;overflow:hidden}.task-progress__fill{border-radius:inherit;background:linear-gradient(90deg, var(--primary), color-mix(in srgb, var(--primary) 72%, var(--surface)));height:100%;transition:width .42s cubic-bezier(.22,1,.36,1);display:block;position:relative;overflow:hidden}.task-progress__sheen{background:linear-gradient(100deg,#0000 15%,#ffffff52 50%,#0000 85%);position:absolute;inset:0;transform:translate(-100%)}.task-progress[data-active] .task-progress__sheen{animation:2.4s ease-in-out infinite task-progress-sheen}.task-progress[data-indeterminate] .task-progress__fill{width:38%;transform:translate(82%)}.task-progress[data-indeterminate][data-active] .task-progress__fill{animation:2s cubic-bezier(.45,0,.55,1) infinite task-progress-flow}.task-progress--compact{background:color-mix(in srgb, currentColor 20%, transparent);flex:none;width:20px;height:4px}.task-progress--compact .task-progress__fill{background:currentColor}@keyframes task-progress-sheen{to{transform:translate(100%)}}@keyframes task-progress-flow{0%{transform:translate(-105%)}to{transform:translate(365%)}}@media (prefers-reduced-motion:reduce){.task-progress .task-progress__fill,.task-progress .task-progress__sheen,.task-progress[data-active] .task-progress__sheen,.task-progress[data-indeterminate][data-active] .task-progress__fill{transition:none;animation:none}}