/* Generated by tools/cursors/make-cursors.mjs — do not edit by hand.
   The pointer is a variable so every rule that wants the default cursor can
   name it (#view in emberbound.css does), and so the hotspot is written down
   in exactly one place. The second declaration is the retina one: browsers
   without image-set() ignore it and keep the first. */
:root{
  --cur-default:url('/assets/ui/cursors/pointer.png') 3 2, default;
  --cur-default:image-set(url('/assets/ui/cursors/pointer.png') 1x,
                          url('/assets/ui/cursors/pointer@2x.png') 2x) 3 2, default;
  /* Over somebody worth talking to. The hotspot is the tip of the tail, so the
     bubble sits up and right of the townsman rather than over their face. */
  --cur-talk:url('/assets/ui/cursors/bubble.png') 10 33, help;
  --cur-talk:image-set(url('/assets/ui/cursors/bubble.png') 1x,
                       url('/assets/ui/cursors/bubble@2x.png') 2x) 10 33, help;
  /* Where the hand holds what it is holding. The sprite is pulled back by it
     here, and ui/cursor.ts reads the same two numbers for the hotspot of the
     still hands it cuts — so the size of the hand is changed in ONE place
     (HAND_PX in the baker) and nothing is left measuring the old one. */
  --cur-grip-x:21px;
  --cur-grip-y:20px;
}
html,body{cursor:var(--cur-default)}

/* The hand sprite (ui/cursor.ts). Its geometry is written here because this is
   what knows it: the strip is 4 poses wide, baked at 2x, and the grip
   — where the hand holds what it is holding — is where the pointer really is,
   so the margins pull the art back by it and the client can position the
   sprite with the raw mouse coordinates. */
#cursorHand{
  position:fixed;left:0;top:0;z-index:2000;pointer-events:none;display:none;
  width:40px;height:40px;
  margin:calc(-1 * var(--cur-grip-y)) 0 0 calc(-1 * var(--cur-grip-x));
  background-repeat:no-repeat;background-size:400% 100%;
  background-position-x:0;will-change:transform}
#cursorHand.on{display:block}
/* While the hand is out, the real pointer is gone: the sprite IS the cursor. */
html.cursor-hand,html.cursor-hand *{cursor:none !important}