1
.tiptap-ai-menu {
2
  display: flex;
3
  flex-direction: column;
4
  min-width: 14rem;
5
  padding: 4px;
6
}
7
 
8
.tiptap-ai-menu-item {
9
  display: flex;
10
  flex-direction: column;
11
  align-items: flex-start;
12
  gap: 2px;
13
  padding: 6px 10px;
14
  border: none;
15
  background: transparent;
16
  text-align: left;
17
  cursor: pointer;
18
  border-radius: 4px;
19
}
20
 
21
.tiptap-ai-menu-item:hover,
22
.tiptap-ai-menu-item:focus-visible {
23
  background: color-mix(in oklab, var(--color-accent-500) 15%, transparent);
24
}
25
 
26
.tiptap-ai-menu-item:active {
27
  background: color-mix(in oklab, var(--color-accent-500) 25%, transparent);
28
}
29
 
30
.tiptap-ai-menu-label {
31
  font-weight: 600;
32
  font-size: 0.9rem;
33
  color: var(--color-zinc-100);
34
}
35
 
36
.tiptap-ai-menu-desc {
37
  font-size: 0.78rem;
38
  color: var(--color-zinc-400);
39
}