.progress {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing-unit) * 2);
}

.progress-label {
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--tracking-wide);
}

.progress-bar {
  appearance: none;
  width: 100%;
  height: calc(var(--spacing-unit) * 2);
  border: 0;
  border-radius: var(--radius);
  background: var(--color-input);
  overflow: hidden;
}

.progress-bar::-webkit-progress-bar {
  background: var(--color-input);
}

.progress-bar::-webkit-progress-value {
  background: var(--color-brand);
}

.progress-bar::-moz-progress-bar {
  background: var(--color-brand);
}