@media (hover: hover) and (pointer: fine) {
  html,
  body,
  body *,
  body *::before,
  body *::after {
    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' fill='%23e0a62f' stroke='%23111111' stroke-width='.7'/%3E%3C/svg%3E") 8 8, none !important;
  }

  html:active,
  html:active body,
  html:active body *,
  html:active body *::before,
  html:active body *::after,
  html.is-cursor-pressed,
  html.is-cursor-pressed body,
  html.is-cursor-pressed body *,
  html.is-cursor-pressed body *::before,
  html.is-cursor-pressed body *::after {
    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' fill='%23fffaf0' stroke='%23111111' stroke-width='.7'/%3E%3C/svg%3E") 8 8, none !important;
  }
}