.rank-source-selector__control {
  min-width: 13rem;
  padding: calc(0.5rem - 1px);

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

  color: var(--gray-500);

  cursor: pointer;

  &.rank-source-selector__control--is-focused {
    box-shadow: var(--focus-box-shadow);
  }
}

.rank-source-selector__indicator {
  color: var(--gray-900);
}

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

  background: #fff;
}

.rank-source-selector__option {
  padding: 0.5rem 0.75rem;

  cursor: pointer;

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

    background-color: var(--gray-100);
  }
}
