// dynamic
@mixin indicators-rating-dynamic-background-mapping {
  .bg-brand--blue {
    .rating-dynamic__header {
      color: $color-brand--white;
    }

    .ratings {
      svg,
      &:hover .ratings__input:checked ~ .icon svg {
        fill: $color-alpha--four-50;
      }

      &__input:checked ~ .icon svg,
      &:hover .ratings__input:checked ~ .icon:hover svg,
      &:hover .icon:hover svg,
      &:hover .icon:hover ~ .icon svg {
        fill: $color-brand--white;
      }
    }

    .ratings__description.text--alternative {
      color: $color-brand--white;
    }
  }
}

// readonly
@mixin indicators-rating-readonly-background-mapping {

  .bg-brand--blue {
    .icon--filled {
      @include svg-base64('star-filled', $color-brand--white);
      background-size: 30px 20px;
    }

    .icon--filled:before {
      @include svg-base64('star-filled', $color-brand--white);
      background-size: 30px 20px;
      opacity: 0.5;
    }

    .rating-readonly__description.text--alternative {
      color: $color-brand--white;
    }
  }

  .dashboard-card--middle .icon--filled:before {
    @include svg-base64('star-filled', $color-brand--one);
    opacity: 0.3;
    background-size: 30px 20px;
  }
}
