.stars-rating-bar {
  &__star {
    color: var(
      --wds-stars-rating-bar-unfilled-star-color,
      var(--wds-color-black-400)
    );
  }

  /* `__star` and `__star--filled` tie at one class and are decided by order in
     the base sheet. Re-declaring `__star` here moves it after the base's
     `--filled` rule, so the filled colour is repeated to keep the same winner. */
  &__star--filled {
    color: var(
      --wds-color-text-standard-primary,
      var(--wsr-color-Y10, #FFB700)
    );
  }
}