@media (hover: hover) and (pointer: fine) and (forced-colors: none) {
  html.office-cursor-active, html.office-cursor-active *, html.office-cursor-active dialog::backdrop {
    cursor: none;
  }
  html.office-cursor input:not([type=button]):not([type=submit]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),
  html.office-cursor textarea, html.office-cursor [contenteditable=true] {
    cursor: text;
  }
  html.office-cursor :disabled { cursor: not-allowed; }
}
.office-pointer { position: fixed; top: 0; left: 0; z-index: 2147483647; width: 32px; height: 32px; margin: 0; padding: 0; border: 0; pointer-events: none; will-change: transform; contain: layout style paint; }
.office-pointer svg { display: block; width: 32px; height: 32px; overflow: visible; }
.office-pointer[hidden] { display: none; }
.cursor-toggle { color: inherit; font-size: inherit; padding: 0; text-underline-offset: 3px; white-space: nowrap; }
.cursor-toggle:hover { color: #dce6ff; text-decoration: underline; }
.cursor-toggle[hidden] { display: none; }
