/* Shared by every page that hangs a Dangle charm: the invisible buttons that follow each charm so it can be dragged, flicked and focused. */
.dg-hits { position: absolute; inset: 0; pointer-events: none; }
.dg-hit { position: absolute; left: 0; top: 0; border: 0; padding: 0; margin: 0; background: transparent; border-radius: 50%; pointer-events: auto; touch-action: none; cursor: grab; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; user-select: none; -webkit-user-select: none; will-change: transform; }
.dg-hit.grab { cursor: grabbing; }
.dg-hit:focus-visible { outline: 3px solid var(--a1, #7c4dff); outline-offset: 2px; background: rgba(124, 77, 255, .12); }