var currentX, currentY;

document.addEventListener("mousemove", (e) => {
  const rect = document.body.getBoundingClientRect();

  currentX = e.clientX;
  currentY = e.clientY;
});

const CURSOR_NORMAL = "cursor_normal";
const CURSOR_GRABBING = "cursor_grabbing";

document.body.classList.remove(CURSOR_NORMAL);

let current_cursor_state = CURSOR_NORMAL;
function set_cursor_state(new_cursor_state) {
  document.body.classList.remove(current_cursor_state);
  document.body.classList.add(new_cursor_state);
  current_cursor_state = new_cursor_state;
}