/* Underwater pointer for herofound.org: a slim diver-down pennant in the site's palette (gold pole,
   badge red, cream diagonal). Over links and buttons the flag turns gold, like the site's hover states.
   Applied only on devices with a real pointer; phones and tablets never show a cursor. Hotspot is the
   pole tip (5,1). PNGs are drawn at 32px (1x) and 64px (2x); browsers ignore larger cursors. */
@media (hover: hover) and (pointer: fine) {
  html, body {
    cursor: url('/cursor-flag.png') 5 1, auto;
    cursor: -webkit-image-set(url('/cursor-flag.png') 1x, url('/cursor-flag@2x.png') 2x) 5 1, auto;
    cursor: image-set(url('/cursor-flag.png') 1x, url('/cursor-flag@2x.png') 2x) 5 1, auto;
  }
  a, button, [role="button"], summary, label,
  .coverflow-stage, .cf-card, .cf-dot, .cf-arrow, .donate-fab-link, .donate-fab-qr-btn {
    cursor: url('/cursor-flag-gold.png') 5 1, pointer;
    cursor: -webkit-image-set(url('/cursor-flag-gold.png') 1x, url('/cursor-flag-gold@2x.png') 2x) 5 1, pointer;
    cursor: image-set(url('/cursor-flag-gold.png') 1x, url('/cursor-flag-gold@2x.png') 2x) 5 1, pointer;
  }
}