| /* Astryx owns the command palette surface, input, listbox, rows, states, and |
| * footer. Maka styles only product content rendered inside those slots. */ |
| |
| .maka-palette-icon { |
| display: grid; |
| place-items: center; |
| width: 18px; |
| height: 18px; |
| color: var(--muted-foreground); |
| } |
| |
| .maka-palette-label { |
| min-width: 0; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| white-space: nowrap; |
| } |
| |
| .maka-palette-hint, |
| .maka-palette-footer-hint { |
| display: inline-flex; |
| align-items: center; |
| gap: var(--space-1); |
| white-space: nowrap; |
| } |
| |
| .maka-palette-hint { |
| font: var(--maka-text-supporting); |
| color: var(--muted-foreground); |
| font-variant-numeric: tabular-nums; |
| } |
| |
| .maka-palette-empty { |
| gap: 10px; |
| padding-block: 26px; |
| color: var(--muted-foreground); |
| } |
| |
| @media (min-width: 768px) { |
| .maka-palette-empty { padding-block: 32px; } |
| } |
