1
/* Overlay: block drag-and-drop preview */
2
.tiptap.tiptap-drop-placeholder {
3
  display: flow-root;
4
  padding: 0;
5
  padding-inline-start: 0;
6
  padding-inline-end: 0;
7
  padding-bottom: 0;
8
  opacity: 0.82;
9
  pointer-events: none;
10
  user-select: none;
11
  outline: 2px solid color-mix(in srgb, var(--color-accent-400) 95%, transparent);
12
  outline-offset: 0;
13
  border-radius: 0.375rem;
14
  box-sizing: border-box;
15
  background-color: color-mix(in srgb, var(--color-accent-400) 8%, transparent);
16
  box-shadow:
17
    inset 0 0 0 1px color-mix(in srgb, var(--color-accent-300) 20%, transparent),
18
    0 0 0 1px color-mix(in srgb, var(--color-accent-500) 8%, transparent);
19
}
20
 
21
.tiptap-drop-placeholder > [data-node-view-wrapper] {
22
  margin-top: 0 !important;
23
  margin-bottom: 0 !important;
24
}
25
 
26
.tiptap-drop-placeholder > :first-child {
27
  margin-top: 0 !important;
28
}
29
 
30
.tiptap-drop-placeholder > :last-child {
31
  margin-bottom: 0 !important;
32
}
33
 
34
.tiptap-drop-placeholder > [data-node-view-wrapper] > :first-child {
35
  margin-top: 0 !important;
36
}
37
 
38
.tiptap-drop-placeholder > [data-node-view-wrapper] > :last-child {
39
  margin-bottom: 0 !important;
40
}
41
 
42
.tiptap-drop-placeholder .tiptap-image-node--align-left {
43
  text-align: left;
44
}
45
 
46
.tiptap-drop-placeholder .tiptap-image-node--align-center {
47
  text-align: center;
48
}
49
 
50
.tiptap-drop-placeholder .tiptap-image-node--align-right {
51
  text-align: right;
52
}
53
 
54
.tiptap-drop-placeholder .tiptap-image-node .tiptap-image-resize-handle {
55
  display: none;
56
}
57
 
58
.tiptap-drop-placeholder-source {
59
  opacity: 0.7;
60
  outline: 2px solid color-mix(in srgb, var(--color-accent-400) 75%, transparent);
61
  outline-offset: 0;
62
  border-radius: 0.375rem;
63
  background-color: color-mix(in srgb, var(--color-accent-400) 5%, transparent);
64
}
65
 
66
.tiptap-drop-placeholder-source .tiptap-image-node .tiptap-image-resize-handle {
67
  display: none;
68
}
69
 
70
.tiptap-drag-source-hidden {
71
  display: none !important;
72
}