@layer components {
  .person-picker {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
  }

  .person-picker__people {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
  }

  .person-picker__empty {
    font: var(--type-body-sm);
    color: var(--color-ink-faint);
    text-wrap: pretty;
  }
}