.annotation-leaders { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.annotation-leaders g { visibility: hidden; }
.annotation-leaders line { stroke: #ecf1e4b8; stroke-width: 1; vector-effect: non-scaling-stroke; }
.annotation-leaders circle { fill: #edf3e3; stroke: #59654c; stroke-width: 1; }
.annotation-leaders .active line { stroke: #e1efca; stroke-width: 1.3; }
.annotation-leaders .active circle { fill: #e1efca; }
.annotation {
  cursor: grab;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  max-width: min(240px, calc(100% - 16px));
  transition: background .18s, box-shadow .18s;
}
.annotation b { flex-shrink: 0; }
.annotation > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.annotation:hover { box-shadow: 0 0 0 2px #e9efde38, 0 5px 20px #0003; }
.annotation.dragging { cursor: grabbing; z-index: 3; box-shadow: 0 0 0 3px #e3edcc55, 0 8px 25px #0004; }
.annotation-help { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }