/* Closed eye by default; open eye on interactive targets and while pressing. */
@media (hover: hover) and (pointer: fine) {
  html, body, body *, dialog::backdrop {
    cursor: url('assets/cursor-closed-v2.png') 24 24, auto !important;
  }

  :is(a, button, summary, select, [role='button'], [role='link'], [role='tab'], [role='checkbox'], video[controls]):hover,
  :is(a, button, summary, select, [role='button'], [role='link'], [role='tab'], [role='checkbox'], video[controls]):hover *,
  body:active, body:active * {
    cursor: url('assets/cursor-open-v2.png') 24 24, pointer !important;
  }

  :is(input, textarea, [contenteditable='true']) {
    cursor: text !important;
  }
}

@media (forced-colors: active) {
  html, body, body * { cursor: revert !important; }
}