.rank-source-selector {
  .rank-source-selector__control {
    min-width: 13rem;
    padding: var(--spacing-2);

    border: var(--form-border);
    border-radius: var(--form-border-radius);

    color: var(--slate-10);

    cursor: pointer;

    &:focus-within {
      border: var(--form-border-focus-ring);

      box-shadow: var(--form-box-shadow);
    }
  }

  .rank-source-selector__indicator {
    color: var(--slate-12);
  }

  .rank-source-selector__menu {
    border: var(--form-border);
    border-top: 0;

    background: #fff;
  }

  .rank-source-selector__option {
    padding: var(--spacing-2) var(--spacing-3);

    cursor: pointer;

    &.rank-source-selector__option--is-focused,
    &:hover,
    &:focus {
      outline: none;

      background-color: var(--slate-3);
    }
  }
}
