.ui-progress{--bg-color:var(--el-color-white);background-color:var(--bg-color);border-radius:100px;font-size:var(--el-font-size-small);height:32px;max-width:100%;padding:3px}.ui-progress__bar{--multiplier:0;background-image:radial-gradient(var(--el-fill-color-green-accent) 13px,transparent 13.4px),linear-gradient(to right,var(--el-fill-color-green-accent) calc(100%*var(--multiplier) + 26px*(.5 - var(--multiplier))),transparent calc(100%*var(--multiplier) + 26px*(.5 - var(--multiplier))));background-position:calc(100%*var(--multiplier)),50%;background-repeat:no-repeat;background-size:26px,cover;border-radius:100px;height:100%;width:100%}.ui-progress__icon{color:var(--bg-color);margin-right:4px}.ui-progress__text{align-items:center;-webkit-background-clip:text;background-clip:text;background-image:radial-gradient(var(--bg-color) 13px,transparent 13.4px),linear-gradient(to right,var(--bg-color) calc(100%*var(--multiplier) + 26px*(.5 - var(--multiplier))),var(--el-fill-color-green-accent) calc(100%*var(--multiplier) + 26px*(.5 - var(--multiplier))));background-position:calc(100%*var(--multiplier)),50%;background-repeat:no-repeat;background-size:26px,cover;color:transparent;display:flex;height:100%;justify-content:center;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.ui-progress.ui-progress--s{font-size:var(--el-font-size-extra-small);height:24px}.ui-progress.ui-progress--s .ui-progress__bar{background-image:radial-gradient(var(--el-fill-color-green-accent) 9px,transparent 9.4px),linear-gradient(to right,var(--el-fill-color-green-accent) calc(100%*var(--multiplier) + 18px*(.5 - var(--multiplier))),transparent calc(100%*var(--multiplier) + 18px*(.5 - var(--multiplier))));background-size:18px,cover}.ui-progress.ui-progress--s .ui-progress__text{background-image:radial-gradient(var(--bg-color) 9px,transparent 9.4px),linear-gradient(to right,var(--bg-color) calc(100%*var(--multiplier) + 18px*(.5 - var(--multiplier))),var(--el-fill-color-green-accent) calc(100%*var(--multiplier) + 18px*(.5 - var(--multiplier))));background-size:18px,cover}.ui-progress.ui-progress--xs{height:12px}.ui-progress.ui-progress--xs .ui-progress__bar{background-image:radial-gradient(var(--el-fill-color-green-accent) 3px,transparent 3.4px),linear-gradient(to right,var(--el-fill-color-green-accent) calc(100%*var(--multiplier) + 6px*(.5 - var(--multiplier))),transparent calc(100%*var(--multiplier) + 6px*(.5 - var(--multiplier))));background-size:6px,cover}.ui-progress.ui-progress--xs .ui-progress__text{background-image:radial-gradient(var(--bg-color) 3px,transparent 3.4px),linear-gradient(to right,var(--bg-color) calc(100% * var(--multiplier) + px * (.5 - var(--multiplier))),var(--el-fill-color-green-accent) calc(100% * var(--multiplier) + 6px * (.5 - var(--multiplier))));background-size:6px,cover}.ui-progress .ui-progress__bar.ui-progress__bar--no-bar{background:transparent}.ui-progress .ui-progress__bar.ui-progress__bar--no-bar .ui-progress__text{background:transparent;color:var(--el-fill-color-green-accent)}.ui-progress.ui-progress--bg-grey{--bg-color:var(--el-fill-color-plate)}.ui-progress.ui-progress--border{border:1px solid var(--el-border-color)}