/* A native cursor keeps the arrow precise, including inside the monitor iframe. */
@media (pointer: fine) {
  html, body {
    cursor: url("assets/bonko-paw.svg") 5 9, auto;
  }

  img {
    cursor: inherit;
  }

  :is(a[href], button, summary, [role="button"]):not(:disabled):not([aria-disabled="true"]),
  :is(a[href], button, summary, [role="button"]):not(:disabled):not([aria-disabled="true"]) * {
    cursor: url("assets/bonko-paw-link.svg") 5 9, pointer;
  }

  #targetE, #targetE * {
    cursor: crosshair;
  }

  input, textarea, [contenteditable="true"], [contenteditable="true"] * {
    cursor: text;
  }

  input:is([type="button"], [type="submit"], [type="reset"], [type="checkbox"], [type="radio"], [type="range"], [type="color"]),
  select {
    cursor: auto;
  }

  :disabled, :disabled *, [aria-disabled="true"], [aria-disabled="true"] * {
    cursor: not-allowed;
  }
}