meter {
  -moz-appearance: none;
  display: block;
  background: $color-gray-lightest;

  &::-webkit-meter-bar {
    background: $color-gray-lightest;
  }

  &::-webkit-meter-optimum-value,
  &::-webkit-meter-suboptimum-value,
  &::-webkit-meter-even-less-good-value {
    background: $color-primary;
  }

  &::-moz-meter-bar {
    background: $color-primary;
  }

  .meter__fallback {
    display: inline-block;
    background: $color-primary;
    height: 100%;
  }
}
