html > body > #grid .count {
  /** Required arguments with purportedly ridiculous defaults */
  --element-background-default: black;
  --element-background-fine: black;
  --element-background-todo: black;
  --element-border-radius: 30px;
  --element-color-shadow: red;
  --element-padding-inline: 50px;

  font-size: smaller;
  background: var(--element-background-default);
  border-radius: var(--element-border-radius);
  padding: 0 var(--element-padding-inline);
  box-shadow: 1px 1px var(--element-color-shadow);

  &[data-count-rating=fine] {
    background: var(--element-background-fine);
  }

  &[data-count-rating=improvable] {
    background: var(--element-background-todo);
  }
}