:root {
  --cursor-outline: rgba(255,255,255,0.8);
}

body {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle cx='8' cy='8' r='6' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E") 8 8, auto;
}

a, button, input, textarea, select, section {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle cx='8' cy='8' r='6' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E") 8 8, pointer;
}

@media (hover: none) {
  body, a, button, input, textarea, select, section { cursor: auto; }
}