/* White + difference inverts the pixels beneath the cursor on every palette. */
.site-cursor{position:fixed;top:0;left:0;width:18px;height:18px;border-radius:4px;background:#fff;mix-blend-mode:difference;pointer-events:none;z-index:2147483647;user-select:none;transition:width .1s,height .1s,border-radius .1s}
.site-cursor[hidden]{display:none!important}
.site-cursor.site-cursor-interactive{width:26px;height:26px;border-radius:6px}
.site-cursor.site-cursor-typing{width:18px;height:18px;border-radius:4px}
.site-cursor.site-cursor-dot{width:5px;height:5px;border-radius:50%;transition:none}
@media(hover:hover) and (pointer:fine) and (forced-colors:none){
  html.site-cursor-active,html.site-cursor-active :where(*){cursor:none!important}
  html.site-cursor-active dialog::backdrop{cursor:none!important}
  html.site-cursor-active :is(iframe,[data-native-cursor]){cursor:revert!important}
}
body:is(.motion-reduced,.motion-off) .site-cursor{transition:none}
@media(prefers-reduced-motion:reduce){.site-cursor{transition:none}}
@media(forced-colors:active),(hover:none),(pointer:coarse){.site-cursor{display:none!important}}