@mixin selector-color-mapping {
  .selector {
    // ! Deprecate
    &__content--active {
      .bg-brand--off-white & {
        color: $color-brand--white;
      }
    }

    &__option:hover {
      .bg-brand--dark-blue &,
      .bg-brand--blue &,
      .bg-brand--off-white & {
        color: $color-brand--one;
      }

      .bg-brand--red & {
        color: $color-brand--five;
      }

      .bg-brand--turquoise & {
        color: $color-brand--three;
      }

      .bg-brand--yellow & {
        color: $color-brand--six;
      }
    }
  }

  .bg-brand--yellow {
    .content-block .selector__option.selector__option {
      color: $color-brand--two;

      &:hover {
        color: $color-brand--six;
      }
    }

    .selector__dropdown--active.text-ellipsis {
      opacity: 1;
    }
  }

  .bg-brand--off-white .selector__dropdown--active.text-ellipsis {
    opacity: 1;
  }

  // ! //

  a.selector-box__option {
    color: returnColorCSSVar('brand-secondary-alpha-70');

    &:hover {
      color: returnColorCSSVar('brand-secondary');
    }
  }

  .selector-box--active {
    border-color: returnColorCSSVar('brand-tertiary-tint-80');
  }

  .selector-box__pointer {
    border-color: returnColorCSSVar('brand-tertiary-tint-80');
  }
}