/* Custom Cursors - 21x21 */
/* Default: Arrow cursor */
* {
cursor: url('data:image/svg+xml,') 3 0, auto !important;
}
/* I-beam: Text elements */
p, h1, h2, h3, h4, h5, h6, td, th,
input,
textarea {
cursor: url('data:image/svg+xml,') 10 10, text !important;
}
/* Pointer: Interactive elements */
a, button,
input[type="radio"],
input[type="checkbox"],
input[type="submit"],
input[type="button"],
input[type="range"],
select {
cursor: url('data:image/svg+xml,') 6 0, pointer !important;
}
/* Text inside clickable elements should have pointer */
a *, button * {
cursor: url('data:image/svg+xml,') 6 0, pointer !important;
}
/* Utility classes */
.cursor-pointer,
.cursor-pointer * {
cursor: url('data:image/svg+xml,') 6 0, pointer !important;
}
.cursor-text,
.cursor-text * {
cursor: url('data:image/svg+xml,') 10 10, text !important;
}
.cursor-resize-col,
.cursor-resize-col * {
cursor: url('data:image/svg+xml,') 10 10, col-resize !important;
}
.cursor-resize-ew,
.cursor-resize-ew * {
cursor: url('data:image/svg+xml,') 10 10, ew-resize !important;
}
.cursor-resize-ns,
.cursor-resize-ns * {
cursor: url('data:image/svg+xml,') 10 10, ns-resize !important;
}
.cursor-not-allowed,
.cursor-not-allowed * {
cursor: url('data:image/svg+xml,') 10 10, not-allowed !important;
}
.cursor-wait,
.cursor-wait * {
cursor: url('data:image/svg+xml,') 10 10, wait !important;
}
.cursor-help,
.cursor-help * {
cursor: url('data:image/svg+xml,') 10 10, help !important;
}
.cursor-move,
.cursor-move * {
cursor: url('data:image/svg+xml,') 10 10, move !important;
}
.cursor-crosshair,
.cursor-crosshair * {
cursor: url('data:image/svg+xml,') 10 10, crosshair !important;
}
.cursor-resize-nwse,
.cursor-resize-nwse * {
cursor: url('data:image/svg+xml,') 10 10, nwse-resize !important;
}
.cursor-resize-nesw,
.cursor-resize-nesw * {
cursor: url('data:image/svg+xml,') 10 10, nesw-resize !important;
}
/* Disabled states */
input:disabled,
textarea:disabled,
button:disabled,
select:disabled,
.disabled,
.disabled * {
cursor: url('data:image/svg+xml,') 10 10, not-allowed !important;
}
/* Dark Mode - Use CSS filter to invert colors */
@media (prefers-color-scheme: dark) {
* {
cursor: url('data:image/svg+xml,') 3 0, auto !important;
}
p, h1, h2, h3, h4, h5, h6, td, th,
input,
textarea {
cursor: url('data:image/svg+xml,') 10 10, text !important;
}
a, button,
input[type="radio"],
input[type="checkbox"],
input[type="submit"],
input[type="button"],
input[type="range"],
select {
cursor: url('data:image/svg+xml,') 6 0, pointer !important;
}
a *, button * {
cursor: url('data:image/svg+xml,') 6 0, pointer !important;
}
.cursor-pointer,
.cursor-pointer * {
cursor: url('data:image/svg+xml,') 6 0, pointer !important;
}
.cursor-text,
.cursor-text * {
cursor: url('data:image/svg+xml,') 10 10, text !important;
}
.cursor-resize-col,
.cursor-resize-col * {
cursor: url('data:image/svg+xml,') 10 10, col-resize !important;
}
.cursor-resize-ew,
.cursor-resize-ew * {
cursor: url('data:image/svg+xml,') 10 10, ew-resize !important;
}
.cursor-resize-ns,
.cursor-resize-ns * {
cursor: url('data:image/svg+xml,') 10 10, ns-resize !important;
}
.cursor-not-allowed,
.cursor-not-allowed * {
cursor: url('data:image/svg+xml,') 10 10, not-allowed !important;
}
.cursor-wait,
.cursor-wait * {
cursor: url('data:image/svg+xml,') 10 10, wait !important;
}
.cursor-help,
.cursor-help * {
cursor: url('data:image/svg+xml,') 10 10, help !important;
}
.cursor-move,
.cursor-move * {
cursor: url('data:image/svg+xml,') 10 10, move !important;
}
.cursor-crosshair,
.cursor-crosshair * {
cursor: url('data:image/svg+xml,') 10 10, crosshair !important;
}
.cursor-resize-nwse,
.cursor-resize-nwse * {
cursor: url('data:image/svg+xml,') 10 10, nwse-resize !important;
}
.cursor-resize-nesw,
.cursor-resize-nesw * {
cursor: url('data:image/svg+xml,') 10 10, nesw-resize !important;
}
input:disabled,
textarea:disabled,
button:disabled,
select:disabled,
.disabled,
.disabled * {
cursor: url('data:image/svg+xml,') 10 10, not-allowed !important;
}
}