/* Allegory brand cursor: shown only on mouse/trackpad devices. */
@media (hover: hover) and (pointer: fine) {
  html,
  body {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6.5' fill='%23D30D4A'/%3E%3C/svg%3E") 8 8, auto;
  }

  a,
  button,
  [role="button"],
  [tabindex]:not([tabindex="-1"]),
  input[type="submit"],
  input[type="button"],
  input[type="reset"],
  input[type="checkbox"],
  input[type="radio"],
  select,
  summary,
  label[for] {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='7.25' fill='%23D30D4A'/%3E%3C/svg%3E") 9 9, pointer;
  }

  input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]),
  textarea,
  [contenteditable="true"] {
    cursor: text;
  }
}