@media (hover: hover) and (pointer: fine) {
  html, body, body * {
    cursor: url('/assets/cursor-arrow.svg') 8 6, auto;
  }
  body :is(button, a, summary, select, label[for], [role="button"], input[type="checkbox"], input[type="radio"]),
  body :is(button, a, summary, [role="button"]) * {
    cursor: url('/assets/cursor-heart.svg') 8 6, pointer;
  }
  body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="button"]):not([type="submit"]), textarea, [contenteditable="true"]) {
    cursor: text;
  }
  body :is(button, input, select, textarea):disabled {
    cursor: not-allowed;
  }
  body [aria-busy="true"] { cursor: progress; }
}