.meter {
  overflow: hidden;
  height: 0.5rem;
  border-radius: var(--radius-full);
  background-color: var(--color-surface-sunken);
}

.meter__fill {
  height: 100%;
  border-radius: var(--radius-full);
  background-color: var(--color-hours-healthy);
  transition: width var(--transition-slow);
}

.meter__fill--at_risk {
  background-color: var(--color-hours-at-risk);
}

.meter__fill--over {
  background-color: var(--color-hours-over);
}

.meter--tall {
  height: 0.75rem;
}