@media (any-hover: hover) and (any-pointer: fine) {
  :root {
    --mu-cursor-hand: url('/assets/cursors/mu-hand.png') 2 2, default;
    --mu-cursor-grab: url('/assets/cursors/mu-grab.png') 2 2, pointer;
  }

  html,
  body { cursor: var(--mu-cursor-hand); }

  a[href],
  button:not(:disabled),
  select:not(:disabled),
  summary,
  label[for],
  .check-label,
  input[type="checkbox"]:not(:disabled),
  input[type="radio"]:not(:disabled),
  input[type="submit"]:not(:disabled),
  input[type="button"]:not(:disabled),
  [role="button"]:not([aria-disabled="true"]),
  [role="tab"]:not([aria-disabled="true"]) {
    cursor: var(--mu-cursor-grab);
  }

  input:not([type]),
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  textarea,
  [contenteditable="true"] { cursor: text; }
}