/* Overlay: block drag-and-drop preview */
.tiptap.tiptap-drop-placeholder {
  display: flow-root;
  padding: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  padding-bottom: 0;
  opacity: 0.82;
  pointer-events: none;
  user-select: none;
  outline: 2px solid color-mix(in srgb, var(--color-accent-400) 95%, transparent);
  outline-offset: 0;
  border-radius: 0.375rem;
  box-sizing: border-box;
  background-color: color-mix(in srgb, var(--color-accent-400) 8%, transparent);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--color-accent-300) 20%, transparent),
    0 0 0 1px color-mix(in srgb, var(--color-accent-500) 8%, transparent);
}

.tiptap-drop-placeholder > [data-node-view-wrapper] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.tiptap-drop-placeholder > :first-child {
  margin-top: 0 !important;
}

.tiptap-drop-placeholder > :last-child {
  margin-bottom: 0 !important;
}

.tiptap-drop-placeholder > [data-node-view-wrapper] > :first-child {
  margin-top: 0 !important;
}

.tiptap-drop-placeholder > [data-node-view-wrapper] > :last-child {
  margin-bottom: 0 !important;
}

.tiptap-drop-placeholder .tiptap-image-node--align-left {
  text-align: left;
}

.tiptap-drop-placeholder .tiptap-image-node--align-center {
  text-align: center;
}

.tiptap-drop-placeholder .tiptap-image-node--align-right {
  text-align: right;
}

.tiptap-drop-placeholder .tiptap-image-node .tiptap-image-resize-handle {
  display: none;
}

.tiptap-drop-placeholder-source {
  opacity: 0.7;
  outline: 2px solid color-mix(in srgb, var(--color-accent-400) 75%, transparent);
  outline-offset: 0;
  border-radius: 0.375rem;
  background-color: color-mix(in srgb, var(--color-accent-400) 5%, transparent);
}

.tiptap-drop-placeholder-source .tiptap-image-node .tiptap-image-resize-handle {
  display: none;
}

.tiptap-drag-source-hidden {
  display: none !important;
}