.progress-bar{display:flex;flex-direction:row;align-items:center;position:relative}.progress-bar .bar{border-radius:var(--radius-2);background:#ffffff80;backdrop-filter:blur(6px);flex:1;min-height:13px;padding:4px;overflow:hidden;display:flex;align-items:center}.progress-bar .progress{border-radius:var(--spacing-1) 0 0 var(--spacing-1);background:var(--colors-brand-sand-6-accent);height:5px;position:absolute}.progress-bar .percents-value{margin:0}.progress-bar.basic .bar{padding:0}.progress-bar.basic .progress{height:100%;background:var(--colors-brand-scooter-6-accent)}.progress-bar.transparent .bar{background:transparent;border:1px solid var(--space-200)}