:root {
  --site-cursor-default: url("/data/image/cursor/cursor.png");
  --site-cursor-active: url("/data/image/cursor/cursor_active.png");
}

html,
body,
* {
  cursor: var(--site-cursor-default), auto !important;
}

a,
button,
label,
summary,
select,
option,
input,
textarea,
iframe,
[role="button"],
[onclick],
[tabindex],
a *,
button *,
label *,
summary *,
[role="button"] * {
  cursor: var(--site-cursor-active), pointer !important;
}

a:hover,
button:hover,
label:hover,
summary:hover,
select:hover,
option:hover,
input:hover,
textarea:hover,
iframe:hover,
[role="button"]:hover,
[onclick]:hover,
[tabindex]:hover,
a:active,
button:active,
label:active,
summary:active,
select:active,
option:active,
input:active,
textarea:active,
iframe:active,
[role="button"]:active,
[onclick]:active,
[tabindex]:active,
a:focus,
button:focus,
label:focus,
summary:focus,
select:focus,
option:focus,
input:focus,
textarea:focus,
iframe:focus,
[role="button"]:focus,
[onclick]:focus,
[tabindex]:focus,
a:focus-visible,
button:focus-visible,
label:focus-visible,
summary:focus-visible,
select:focus-visible,
option:focus-visible,
input:focus-visible,
textarea:focus-visible,
iframe:focus-visible,
[role="button"]:focus-visible,
[onclick]:focus-visible,
[tabindex]:focus-visible {
  cursor: var(--site-cursor-active), pointer !important;
}