@media (hover: hover) and (pointer: fine) {
  html,
  body {
    cursor: url("./assets/cursor-blue.svg") 3 2, auto;
  }

  a,
  button,
  summary,
  label[for],
  select,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  input[type="checkbox"],
  input[type="radio"],
  input[type="range"],
  [role="button"],
  [role="switch"] {
    cursor: url("./assets/cursor-heart.svg") 7 5, pointer !important;
  }

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

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