@layer components {
  .progress { display: block; height: 6px; overflow: hidden; border-radius: 999px; background: var(--surface-sunken); }
  .progress__bar { display: block; height: 100%; border-radius: inherit; background: var(--accent); }
  .progress__bar--over { background: var(--danger); }
}