.progress-bar{height:20px;margin:0 0 4px;display:flex}.progress-bar.chunky{height:28px}.progress-bar:last-child{margin:0}.progress-bar .box{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--foreground) 60%, transparent);flex-basis:20px;margin:0 8px 0 0;padding:3px;position:relative}.progress-bar .box .fill{background-color:color-mix(in srgb, var(--foreground) 10%, transparent);width:14px;height:14px;transition:background-color .25s}.progress-bar.completed .box .fill{background-color:var(--progress)}.progress-bar .bar{background-color:color-mix(in srgb, var(--foreground) 10%, transparent);flex-basis:calc(100% - 28px);position:relative}.progress-bar .bar.full{flex-basis:100%}.progress-bar .bar .fill{background-color:var(--progress);width:100%;max-width:100%;height:100%;transition:background-color .25s,width 1s ease-in-out;position:absolute;top:0;left:0}.wrapper.dark .progress-bar:not(.completed) .box .fill,.wrapper.dark .progress-bar .bar{background-color:color-mix(in srgb, var(--foreground) 5%, transparent)}.progress-bar.intervals>.bar{background-color:#0000}.progress-bar.intervals .bar .bars{gap:4px;height:100%;transition:opacity .5s;display:flex}.progress-bar .bar .text{width:100%;height:100%;color:color-mix(in srgb, var(--foreground) 80%, transparent);align-items:center;column-gap:10px;font-size:14px;display:flex;position:absolute;top:0;left:0}.progress-bar .bar .text .description{white-space:nowrap;text-overflow:ellipsis;flex:1;padding:0 0 0 8px;line-height:20px;overflow:hidden}.progress-bar .bar .text .value{padding:0 8px 0 0}.progress-bar .bar .text .value.prev{color:color-mix(in srgb, var(--foreground) 60%, transparent);flex:0}