.progress-bar{--progress-bar-height:28px;--progress-bar-padding:0px;--progress-bar-border-radius:9999px;--progress-bar-bg-color:#ffffff40;--progress-bar-completed-color:#6c0;--progress-bar-title-color:#fff;--progress-bar-description-color:#979797;margin-bottom:32px}.progress-bar>*{margin-bottom:10px;margin-top:0}.progress-bar-description,.progress-bar-title{font-size:16px;font-weight:700;line-height:1.2}.progress-bar-description{color:var(--progress-bar-description-color);margin:0}.progress-bar-title{color:var(--progress-bar-title-color)}.progress-bar-completed,.progress-bar-total{border-radius:var(--progress-bar-border-radius)}.progress-bar-total{background:var(--progress-bar-bg-color);overflow:hidden;padding:var(--progress-bar-padding);position:relative;width:100%}.progress-bar-completed{background:var(--progress-bar-completed-color);height:var(--progress-bar-height);min-width:var(--progress-bar-height);overflow:hidden;position:relative;transition:width 3.25s ease}.progress-bar-completed:before{background:linear-gradient(270deg,rgba(0,0,0,.5),transparent 50%);content:" ";height:100%;mix-blend-mode:overlay;overflow:hidden;position:absolute;text-indent:-99999px;width:100%}@media (min-width:768px){.progress-bar-title{margin-top:0}}@media (min-width:1024px){.progress-bar-title{font-size:20px}}