.score-90,
.score-80,
.score-60,
.score-40,
.score-20,
.score-0 {
  color: var(--color-on-score);
}

.score-90 {
  background-color: var(--color-score-90);
  border-color: var(--color-score-90-border);
}

.score-80 {
  background-color: var(--color-score-80);
  border-color: var(--color-score-80-border);
}

.score-60 {
  background-color: var(--color-score-60);
  border-color: var(--color-score-60-border);
}

.score-40 {
  background-color: var(--color-score-40);
  border-color: var(--color-score-40-border);
}

.score-20 {
  background-color: var(--color-score-20);
  border-color: var(--color-score-20-border);
}

.score-0 {
  background-color: var(--color-score-0);
  border-color: var(--color-score-0-border);
}