.progress-bar{flex-direction:row;align-items:center;display:flex;position:relative}.progress-bar .bar{border-radius:var(--radius-3);background:var(--colors-surface-usual-third);-webkit-backdrop-filter:blur(var(--spacing-6));backdrop-filter:blur(var(--spacing-6));min-height:var(--spacing-10);padding:var(--spacing-4);flex:1;align-items:center;display:flex;overflow:hidden}.progress-bar .progress{border-radius:var(--radius-1) 0 0 var(--radius-1);background:var(--colors-brand-sand-6-accent);height:var(--spacing-5);position:absolute}.progress-bar .percents-value{margin:0}.progress-bar.basic .bar{padding:0}.progress-bar.basic .progress{background:var(--colors-brand-scooter-6-accent);height:100%}.progress-bar.transparent .bar{border:var(--spacing-2) solid var(--colors-surface-notusual-gray);background:0 0}