/* Visible selection state for every mind-map node, regardless of its theme. */
.react-flow__node.selected::after,
.react-flow__node:has(> .mind-node.selected)::after {
  content: "";
  position: absolute;
  z-index: 40;
  inset: -6px;
  border: 3px solid #526be0;
  border-radius: 14px;
  box-shadow:
    0 0 0 2px rgba(255, 255, 255, 0.94),
    0 8px 22px rgba(49, 69, 156, 0.24);
  pointer-events: none;
}

@media (prefers-contrast: more) {
  .react-flow__node.selected::after,
  .react-flow__node:has(> .mind-node.selected)::after {
    border-width: 4px;
    border-color: #2647d8;
    box-shadow: 0 0 0 2px #fff;
  }
}