/* Полоса прогресса до следующего уровня скидки. */

.bar {
  height: var(--sp-2);
  border-radius: var(--sp-2);
  background: var(--surface-2);
  overflow: hidden;
}

.bar__fill {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--accent), var(--accent-hi));
  transition: width var(--slow) var(--ease);
}