.segment {
  padding: 0 var(--space-xs);
  border-radius: var(--radius-minimal);

  &:hover {
    background-color: var(--background-highlight);
    color: var(--interactive-normal);
  }

  &:focus {
    background-color: var(--accent-background);
    color: var(--accent-foreground);
  }

  &.placeholder {
    color: var(--text-secondary);
  }
}