@media (hover: hover) and (pointer: fine) {
  html, body { cursor: url('cursors/cursor-default.svg') 3 2, default; }
  html body :is(a[href], button, summary, select, label[for], [role="button"], input[type="button"], input[type="submit"], input[type="reset"], input[type="range"], input[type="checkbox"], input[type="radio"]) {
    cursor: url('cursors/cursor-link.svg') 3 2, pointer;
  }
  html body :is(input:where(:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"])), textarea, [contenteditable="true"], [contenteditable="plaintext-only"], .article-prose p, .article-prose li, .article-prose pre) { cursor: text; }
  html body :is(button, input, select, textarea, a, summary, [role]):is(:disabled, [aria-disabled="true"]) { cursor: not-allowed; }
}
.native-cursor { border-color: #e7f8ff; background: #bfeaff14; mix-blend-mode: normal; box-shadow: 0 0 0 1px #18354970; }
.native-cursor.is-link { border-color: #46c8e8; background: #46c8e81a; }
.native-cursor[hidden] { display: none; }
@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) { .native-cursor { display: none; } }