#cursor {
  position: fixed;
  top: 0;
  left: 0;
  transform-origin: center;
  pointer-events: none;
  height: 2.5rem;
  mix-blend-mode: difference;
  /* own layer, so firefox doesn't re-rasterize the svg as it moves and scales */
  will-change: transform, opacity;
  z-index: 1001; /* above .modal (1000) */
  /* hidden until the first mouse move; js drives it from then on */
  opacity: 0;
}

/* pointer is over an embed or outside the window (set by js) */
#cursor.is-away {
  visibility: hidden;
}