/* Enabled only once a working mouse cursor has been drawn. */
.blink-cursor{display:none}
@media (hover:hover) and (pointer:fine){
  html.blink-cursor-active,html.blink-cursor-active *{cursor:none!important}
  .blink-cursor{display:block;position:fixed;top:0;left:0;z-index:2147483647;
    pointer-events:none;opacity:0;will-change:transform;mix-blend-mode:difference}
  .blink-cursor.is-visible{opacity:1}
  .blink-cursor-shape{display:grid;place-items:center;width:30px;height:30px;
    border:1px solid #fff;border-radius:50%;transform:translate(-50%,-50%);
    transition:width .22s,height .22s,border-radius .22s,background .22s}
  .blink-cursor-shape::after{content:"";width:4px;height:4px;border-radius:50%;background:#fff}
  .blink-cursor-label{display:none;font-family:var(--mono,"Geist Mono",monospace);font-size:10px;
    letter-spacing:.08em;text-transform:uppercase;color:#fff;white-space:nowrap}
  .blink-cursor[data-state="action"],.blink-cursor[data-state="work"]{mix-blend-mode:normal}
  .blink-cursor[data-state="action"] .blink-cursor-shape{width:14px;height:14px;background:#e64025;border-color:#fff}
  .blink-cursor[data-state="work"] .blink-cursor-shape{width:88px;height:88px;background:#e64025;border-color:transparent}
  .blink-cursor[data-state="work"] .blink-cursor-label{display:block}
  .blink-cursor[data-state="work"] .blink-cursor-shape::after,
  .blink-cursor[data-state="text"] .blink-cursor-shape::after{display:none}
  .blink-cursor[data-state="text"] .blink-cursor-shape{width:2px;height:26px;background:#fff;border:0;border-radius:1px}
  .blink-cursor.is-pressed .blink-cursor-shape{scale:.8}
}
@media (prefers-reduced-motion:reduce){.blink-cursor-shape{transition:none}}