1
/* Overlay: link toolbar */
2
.tiptap-link-toolbar {
3
  display: flex;
4
  align-items: center;
5
  gap: 4px;
6
  padding: 6px 10px;
7
  background-color: var(--color-overlay-surface);
8
  border-radius: 0.75rem;
9
  box-shadow:
10
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
11
    0 0 0 1px rgba(0, 0, 0, 0.4),
12
    0 16px 32px -12px rgba(0, 0, 0, 0.55),
13
    0 4px 8px -4px rgba(0, 0, 0, 0.4);
14
  font-size: 0.8125rem;
15
  animation: var(--animate-menu);
16
  transform-origin: top center;
17
}
18
 
19
.tiptap-link-toolbar button {
20
  display: flex;
21
  align-items: center;
22
  justify-content: center;
23
  width: 28px;
24
  height: 28px;
25
  color: var(--color-zinc-300);
26
  border-radius: 0.375rem;
27
  transition: background-color 75ms;
28
}
29
 
30
.tiptap-link-toolbar button:hover {
31
  background-color: var(--color-zinc-600);
32
  color: var(--color-zinc-100);
33
}
34
 
35
.tiptap-link-url {
36
  max-width: 280px;
37
  overflow: hidden;
38
  text-overflow: ellipsis;
39
  white-space: nowrap;
40
  color: var(--color-accent-400);
41
  direction: rtl;
42
  text-align: left;
43
}