.progress-bar{flex-direction:row;align-items:center;display:flex;position:relative}.progress-bar .bar{background-color:var(--color-secondary-5);border-radius:10px;flex:1;height:4px;overflow:hidden}.progress-bar .progress{background-color:var(--color-accent-1);will-change:width;height:100%;transition:width .5s linear}.progress-bar .percents-value{margin:0}.progress-bar .circle{background-color:var(--color-neutral-1);aspect-ratio:1;outline:2px solid var(--color-neutral-1-opacity-035);box-sizing:content-box;will-change:left;border-radius:50%;flex-shrink:0;height:100%;transition:left .5s linear;position:absolute;transform:translate(-50%);box-shadow:0 0 4px #00000052}