/* Guess picker — searchable player list for the daily games.
 * ---------------------------------------------------------------------- */

@layer modules {
  .guess-picker__options {
    max-height: 20rem;
    overflow-y: auto;
    padding-block: var(--space-xxs);
  }

  .guess-picker__option {
    background: none;
    border: none;
    border-radius: 0.3em;
    color: var(--color-ink);
    cursor: pointer;
    display: block;
    font-size: var(--text-small);
    padding: var(--space-xxs) var(--space-xs);
    text-align: left;
    transition: background-color 150ms;
    width: 100%;
  }

  .guess-picker__option:hover {
    background-color: var(--color-hover);
  }

  .guess-picker__option[hidden] {
    display: none;
  }
}