/* Kuartal Neutral V2 cursors - @kuartal/cursors 2.0.0 - standard cursors * Enhancement only: applies to fine, hover-capable pointers; touch/coarse devices keep native behaviour. * Web pages can only style the cursor over their own content - they cannot replace the OS cursor. * Static images only (no CSS cursor animation). Sizes: 24 / 32 (default) / 48 css px via * [data-kuartal-cursor-size]; 48 is an accessibility opt-in that browsers may ignore in some contexts. * Image URLs: relative to this file (../png/), serve css/ and png/ side by side. */ @media (hover: hover) and (pointer: fine) { /* :root -> light 32px */ :where(:root):where(:not([data-kuartal-cursor="off"])) { cursor: url("../png/light/32/default.png") 4 4, -webkit-image-set(url("../png/light/32/default.png") 1x, url("../png/light/32/default@2x.png") 2x) 4 4, image-set(url("../png/light/32/default.png") 1x, url("../png/light/32/default@2x.png") 2x) 4 4, default; } :where(:root):where(:not([data-kuartal-cursor="off"])) :where(a[href], button:not(:disabled), [role="button"], summary, label[for], select) { cursor: url("../png/light/32/pointer.png") 13 4, -webkit-image-set(url("../png/light/32/pointer.png") 1x, url("../png/light/32/pointer@2x.png") 2x) 13 4, image-set(url("../png/light/32/pointer.png") 1x, url("../png/light/32/pointer@2x.png") 2x) 13 4, pointer; } :where(:root):where(:not([data-kuartal-cursor="off"])) :where(input:not([type="button"], [type="submit"], [type="reset"], [type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"]), textarea, [contenteditable]:not([contenteditable="false"])) { cursor: url("../png/light/32/text.png") 16 16, -webkit-image-set(url("../png/light/32/text.png") 1x, url("../png/light/32/text@2x.png") 2x) 16 16, image-set(url("../png/light/32/text.png") 1x, url("../png/light/32/text@2x.png") 2x) 16 16, text; } :where(:root):where(:not([data-kuartal-cursor="off"])) :where([aria-busy="true"]) { cursor: url("../png/light/32/progress.png") 4 4, -webkit-image-set(url("../png/light/32/progress.png") 1x, url("../png/light/32/progress@2x.png") 2x) 4 4, image-set(url("../png/light/32/progress.png") 1x, url("../png/light/32/progress@2x.png") 2x) 4 4, progress; } :where(:root):where(:not([data-kuartal-cursor="off"])) :where(:disabled, [aria-disabled="true"]) { cursor: url("../png/light/32/not-allowed.png") 16 16, -webkit-image-set(url("../png/light/32/not-allowed.png") 1x, url("../png/light/32/not-allowed@2x.png") 2x) 16 16, image-set(url("../png/light/32/not-allowed.png") 1x, url("../png/light/32/not-allowed@2x.png") 2x) 16 16, not-allowed; } :where(:root) .kc-default { cursor: url("../png/light/32/default.png") 4 4, -webkit-image-set(url("../png/light/32/default.png") 1x, url("../png/light/32/default@2x.png") 2x) 4 4, image-set(url("../png/light/32/default.png") 1x, url("../png/light/32/default@2x.png") 2x) 4 4, default; } :where(:root) .kc-text { cursor: url("../png/light/32/text.png") 16 16, -webkit-image-set(url("../png/light/32/text.png") 1x, url("../png/light/32/text@2x.png") 2x) 16 16, image-set(url("../png/light/32/text.png") 1x, url("../png/light/32/text@2x.png") 2x) 16 16, text; } :where(:root) .kc-vertical-text { cursor: url("../png/light/32/vertical-text.png") 16 16, -webkit-image-set(url("../png/light/32/vertical-text.png") 1x, url("../png/light/32/vertical-text@2x.png") 2x) 16 16, image-set(url("../png/light/32/vertical-text.png") 1x, url("../png/light/32/vertical-text@2x.png") 2x) 16 16, vertical-text; } :where(:root) .kc-pointer { cursor: url("../png/light/32/pointer.png") 13 4, -webkit-image-set(url("../png/light/32/pointer.png") 1x, url("../png/light/32/pointer@2x.png") 2x) 13 4, image-set(url("../png/light/32/pointer.png") 1x, url("../png/light/32/pointer@2x.png") 2x) 13 4, pointer; } :where(:root) .kc-wait { cursor: url("../png/light/32/wait.png") 16 16, -webkit-image-set(url("../png/light/32/wait.png") 1x, url("../png/light/32/wait@2x.png") 2x) 16 16, image-set(url("../png/light/32/wait.png") 1x, url("../png/light/32/wait@2x.png") 2x) 16 16, wait; } :where(:root) .kc-progress { cursor: url("../png/light/32/progress.png") 4 4, -webkit-image-set(url("../png/light/32/progress.png") 1x, url("../png/light/32/progress@2x.png") 2x) 4 4, image-set(url("../png/light/32/progress.png") 1x, url("../png/light/32/progress@2x.png") 2x) 4 4, progress; } :where(:root) .kc-crosshair { cursor: url("../png/light/32/crosshair.png") 16 16, -webkit-image-set(url("../png/light/32/crosshair.png") 1x, url("../png/light/32/crosshair@2x.png") 2x) 16 16, image-set(url("../png/light/32/crosshair.png") 1x, url("../png/light/32/crosshair@2x.png") 2x) 16 16, crosshair; } :where(:root) .kc-help { cursor: url("../png/light/32/help.png") 4 4, -webkit-image-set(url("../png/light/32/help.png") 1x, url("../png/light/32/help@2x.png") 2x) 4 4, image-set(url("../png/light/32/help.png") 1x, url("../png/light/32/help@2x.png") 2x) 4 4, help; } :where(:root) .kc-not-allowed { cursor: url("../png/light/32/not-allowed.png") 16 16, -webkit-image-set(url("../png/light/32/not-allowed.png") 1x, url("../png/light/32/not-allowed@2x.png") 2x) 16 16, image-set(url("../png/light/32/not-allowed.png") 1x, url("../png/light/32/not-allowed@2x.png") 2x) 16 16, not-allowed; } :where(:root) .kc-no-drop { cursor: url("../png/light/32/no-drop.png") 4 4, -webkit-image-set(url("../png/light/32/no-drop.png") 1x, url("../png/light/32/no-drop@2x.png") 2x) 4 4, image-set(url("../png/light/32/no-drop.png") 1x, url("../png/light/32/no-drop@2x.png") 2x) 4 4, no-drop; } :where(:root) .kc-move { cursor: url("../png/light/32/move.png") 16 16, -webkit-image-set(url("../png/light/32/move.png") 1x, url("../png/light/32/move@2x.png") 2x) 16 16, image-set(url("../png/light/32/move.png") 1x, url("../png/light/32/move@2x.png") 2x) 16 16, move; } :where(:root) .kc-grab { cursor: url("../png/light/32/grab.png") 16 16, -webkit-image-set(url("../png/light/32/grab.png") 1x, url("../png/light/32/grab@2x.png") 2x) 16 16, image-set(url("../png/light/32/grab.png") 1x, url("../png/light/32/grab@2x.png") 2x) 16 16, grab; } :where(:root) .kc-grabbing { cursor: url("../png/light/32/grabbing.png") 16 16, -webkit-image-set(url("../png/light/32/grabbing.png") 1x, url("../png/light/32/grabbing@2x.png") 2x) 16 16, image-set(url("../png/light/32/grabbing.png") 1x, url("../png/light/32/grabbing@2x.png") 2x) 16 16, grabbing; } :where(:root) .kc-ew-resize { cursor: url("../png/light/32/ew-resize.png") 16 16, -webkit-image-set(url("../png/light/32/ew-resize.png") 1x, url("../png/light/32/ew-resize@2x.png") 2x) 16 16, image-set(url("../png/light/32/ew-resize.png") 1x, url("../png/light/32/ew-resize@2x.png") 2x) 16 16, ew-resize; } :where(:root) .kc-ns-resize { cursor: url("../png/light/32/ns-resize.png") 16 16, -webkit-image-set(url("../png/light/32/ns-resize.png") 1x, url("../png/light/32/ns-resize@2x.png") 2x) 16 16, image-set(url("../png/light/32/ns-resize.png") 1x, url("../png/light/32/ns-resize@2x.png") 2x) 16 16, ns-resize; } :where(:root) .kc-nesw-resize { cursor: url("../png/light/32/nesw-resize.png") 16 16, -webkit-image-set(url("../png/light/32/nesw-resize.png") 1x, url("../png/light/32/nesw-resize@2x.png") 2x) 16 16, image-set(url("../png/light/32/nesw-resize.png") 1x, url("../png/light/32/nesw-resize@2x.png") 2x) 16 16, nesw-resize; } :where(:root) .kc-nwse-resize { cursor: url("../png/light/32/nwse-resize.png") 16 16, -webkit-image-set(url("../png/light/32/nwse-resize.png") 1x, url("../png/light/32/nwse-resize@2x.png") 2x) 16 16, image-set(url("../png/light/32/nwse-resize.png") 1x, url("../png/light/32/nwse-resize@2x.png") 2x) 16 16, nwse-resize; } :where(:root) .kc-n-resize { cursor: url("../png/light/32/n-resize.png") 16 5, -webkit-image-set(url("../png/light/32/n-resize.png") 1x, url("../png/light/32/n-resize@2x.png") 2x) 16 5, image-set(url("../png/light/32/n-resize.png") 1x, url("../png/light/32/n-resize@2x.png") 2x) 16 5, n-resize; } :where(:root) .kc-e-resize { cursor: url("../png/light/32/e-resize.png") 27 16, -webkit-image-set(url("../png/light/32/e-resize.png") 1x, url("../png/light/32/e-resize@2x.png") 2x) 27 16, image-set(url("../png/light/32/e-resize.png") 1x, url("../png/light/32/e-resize@2x.png") 2x) 27 16, e-resize; } :where(:root) .kc-s-resize { cursor: url("../png/light/32/s-resize.png") 16 27, -webkit-image-set(url("../png/light/32/s-resize.png") 1x, url("../png/light/32/s-resize@2x.png") 2x) 16 27, image-set(url("../png/light/32/s-resize.png") 1x, url("../png/light/32/s-resize@2x.png") 2x) 16 27, s-resize; } :where(:root) .kc-w-resize { cursor: url("../png/light/32/w-resize.png") 5 16, -webkit-image-set(url("../png/light/32/w-resize.png") 1x, url("../png/light/32/w-resize@2x.png") 2x) 5 16, image-set(url("../png/light/32/w-resize.png") 1x, url("../png/light/32/w-resize@2x.png") 2x) 5 16, w-resize; } :where(:root) .kc-ne-resize { cursor: url("../png/light/32/ne-resize.png") 24 8, -webkit-image-set(url("../png/light/32/ne-resize.png") 1x, url("../png/light/32/ne-resize@2x.png") 2x) 24 8, image-set(url("../png/light/32/ne-resize.png") 1x, url("../png/light/32/ne-resize@2x.png") 2x) 24 8, ne-resize; } :where(:root) .kc-se-resize { cursor: url("../png/light/32/se-resize.png") 24 24, -webkit-image-set(url("../png/light/32/se-resize.png") 1x, url("../png/light/32/se-resize@2x.png") 2x) 24 24, image-set(url("../png/light/32/se-resize.png") 1x, url("../png/light/32/se-resize@2x.png") 2x) 24 24, se-resize; } :where(:root) .kc-sw-resize { cursor: url("../png/light/32/sw-resize.png") 8 24, -webkit-image-set(url("../png/light/32/sw-resize.png") 1x, url("../png/light/32/sw-resize@2x.png") 2x) 8 24, image-set(url("../png/light/32/sw-resize.png") 1x, url("../png/light/32/sw-resize@2x.png") 2x) 8 24, sw-resize; } :where(:root) .kc-nw-resize { cursor: url("../png/light/32/nw-resize.png") 8 8, -webkit-image-set(url("../png/light/32/nw-resize.png") 1x, url("../png/light/32/nw-resize@2x.png") 2x) 8 8, image-set(url("../png/light/32/nw-resize.png") 1x, url("../png/light/32/nw-resize@2x.png") 2x) 8 8, nw-resize; } :where(:root) .kc-col-resize { cursor: url("../png/light/32/col-resize.png") 16 16, -webkit-image-set(url("../png/light/32/col-resize.png") 1x, url("../png/light/32/col-resize@2x.png") 2x) 16 16, image-set(url("../png/light/32/col-resize.png") 1x, url("../png/light/32/col-resize@2x.png") 2x) 16 16, col-resize; } :where(:root) .kc-row-resize { cursor: url("../png/light/32/row-resize.png") 16 16, -webkit-image-set(url("../png/light/32/row-resize.png") 1x, url("../png/light/32/row-resize@2x.png") 2x) 16 16, image-set(url("../png/light/32/row-resize.png") 1x, url("../png/light/32/row-resize@2x.png") 2x) 16 16, row-resize; } :where(:root) .kc-all-scroll { cursor: url("../png/light/32/all-scroll.png") 16 16, -webkit-image-set(url("../png/light/32/all-scroll.png") 1x, url("../png/light/32/all-scroll@2x.png") 2x) 16 16, image-set(url("../png/light/32/all-scroll.png") 1x, url("../png/light/32/all-scroll@2x.png") 2x) 16 16, all-scroll; } :where(:root) .kc-zoom-in { cursor: url("../png/light/32/zoom-in.png") 13 13, -webkit-image-set(url("../png/light/32/zoom-in.png") 1x, url("../png/light/32/zoom-in@2x.png") 2x) 13 13, image-set(url("../png/light/32/zoom-in.png") 1x, url("../png/light/32/zoom-in@2x.png") 2x) 13 13, zoom-in; } :where(:root) .kc-zoom-out { cursor: url("../png/light/32/zoom-out.png") 13 13, -webkit-image-set(url("../png/light/32/zoom-out.png") 1x, url("../png/light/32/zoom-out@2x.png") 2x) 13 13, image-set(url("../png/light/32/zoom-out.png") 1x, url("../png/light/32/zoom-out@2x.png") 2x) 13 13, zoom-out; } :where(:root) .kc-copy { cursor: url("../png/light/32/copy.png") 4 4, -webkit-image-set(url("../png/light/32/copy.png") 1x, url("../png/light/32/copy@2x.png") 2x) 4 4, image-set(url("../png/light/32/copy.png") 1x, url("../png/light/32/copy@2x.png") 2x) 4 4, copy; } :where(:root) .kc-alias { cursor: url("../png/light/32/alias.png") 4 4, -webkit-image-set(url("../png/light/32/alias.png") 1x, url("../png/light/32/alias@2x.png") 2x) 4 4, image-set(url("../png/light/32/alias.png") 1x, url("../png/light/32/alias@2x.png") 2x) 4 4, alias; } :where(:root) .kc-context-menu { cursor: url("../png/light/32/context-menu.png") 4 4, -webkit-image-set(url("../png/light/32/context-menu.png") 1x, url("../png/light/32/context-menu@2x.png") 2x) 4 4, image-set(url("../png/light/32/context-menu.png") 1x, url("../png/light/32/context-menu@2x.png") 2x) 4 4, context-menu; } :where(:root) .kc-cell { cursor: url("../png/light/32/cell.png") 16 16, -webkit-image-set(url("../png/light/32/cell.png") 1x, url("../png/light/32/cell@2x.png") 2x) 16 16, image-set(url("../png/light/32/cell.png") 1x, url("../png/light/32/cell@2x.png") 2x) 16 16, cell; } :where(:root) .kc-pen { cursor: url("../png/light/32/pen.png") 5 27, -webkit-image-set(url("../png/light/32/pen.png") 1x, url("../png/light/32/pen@2x.png") 2x) 5 27, image-set(url("../png/light/32/pen.png") 1x, url("../png/light/32/pen@2x.png") 2x) 5 27, crosshair; } :where(:root) .kc-screenshot { cursor: url("../png/light/32/screenshot.png") 16 16, -webkit-image-set(url("../png/light/32/screenshot.png") 1x, url("../png/light/32/screenshot@2x.png") 2x) 16 16, image-set(url("../png/light/32/screenshot.png") 1x, url("../png/light/32/screenshot@2x.png") 2x) 16 16, crosshair; } :where(:root) .kc-drag-and-drop { cursor: url("../png/light/32/drag-and-drop.png") 4 4, -webkit-image-set(url("../png/light/32/drag-and-drop.png") 1x, url("../png/light/32/drag-and-drop@2x.png") 2x) 4 4, image-set(url("../png/light/32/drag-and-drop.png") 1x, url("../png/light/32/drag-and-drop@2x.png") 2x) 4 4, move; } /* :root[data-kuartal-cursor-size="24"] -> light 24px */ :where(:root[data-kuartal-cursor-size="24"]):where(:not([data-kuartal-cursor="off"])) { cursor: url("../png/light/24/default.png") 3 3, -webkit-image-set(url("../png/light/24/default.png") 1x, url("../png/light/24/default@2x.png") 2x) 3 3, image-set(url("../png/light/24/default.png") 1x, url("../png/light/24/default@2x.png") 2x) 3 3, default; } :where(:root[data-kuartal-cursor-size="24"]):where(:not([data-kuartal-cursor="off"])) :where(a[href], button:not(:disabled), [role="button"], summary, label[for], select) { cursor: url("../png/light/24/pointer.png") 10 3, -webkit-image-set(url("../png/light/24/pointer.png") 1x, url("../png/light/24/pointer@2x.png") 2x) 10 3, image-set(url("../png/light/24/pointer.png") 1x, url("../png/light/24/pointer@2x.png") 2x) 10 3, pointer; } :where(:root[data-kuartal-cursor-size="24"]):where(:not([data-kuartal-cursor="off"])) :where(input:not([type="button"], [type="submit"], [type="reset"], [type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"]), textarea, [contenteditable]:not([contenteditable="false"])) { cursor: url("../png/light/24/text.png") 12 12, -webkit-image-set(url("../png/light/24/text.png") 1x, url("../png/light/24/text@2x.png") 2x) 12 12, image-set(url("../png/light/24/text.png") 1x, url("../png/light/24/text@2x.png") 2x) 12 12, text; } :where(:root[data-kuartal-cursor-size="24"]):where(:not([data-kuartal-cursor="off"])) :where([aria-busy="true"]) { cursor: url("../png/light/24/progress.png") 3 3, -webkit-image-set(url("../png/light/24/progress.png") 1x, url("../png/light/24/progress@2x.png") 2x) 3 3, image-set(url("../png/light/24/progress.png") 1x, url("../png/light/24/progress@2x.png") 2x) 3 3, progress; } :where(:root[data-kuartal-cursor-size="24"]):where(:not([data-kuartal-cursor="off"])) :where(:disabled, [aria-disabled="true"]) { cursor: url("../png/light/24/not-allowed.png") 12 12, -webkit-image-set(url("../png/light/24/not-allowed.png") 1x, url("../png/light/24/not-allowed@2x.png") 2x) 12 12, image-set(url("../png/light/24/not-allowed.png") 1x, url("../png/light/24/not-allowed@2x.png") 2x) 12 12, not-allowed; } :where(:root[data-kuartal-cursor-size="24"]) .kc-default { cursor: url("../png/light/24/default.png") 3 3, -webkit-image-set(url("../png/light/24/default.png") 1x, url("../png/light/24/default@2x.png") 2x) 3 3, image-set(url("../png/light/24/default.png") 1x, url("../png/light/24/default@2x.png") 2x) 3 3, default; } :where(:root[data-kuartal-cursor-size="24"]) .kc-text { cursor: url("../png/light/24/text.png") 12 12, -webkit-image-set(url("../png/light/24/text.png") 1x, url("../png/light/24/text@2x.png") 2x) 12 12, image-set(url("../png/light/24/text.png") 1x, url("../png/light/24/text@2x.png") 2x) 12 12, text; } :where(:root[data-kuartal-cursor-size="24"]) .kc-vertical-text { cursor: url("../png/light/24/vertical-text.png") 12 12, -webkit-image-set(url("../png/light/24/vertical-text.png") 1x, url("../png/light/24/vertical-text@2x.png") 2x) 12 12, image-set(url("../png/light/24/vertical-text.png") 1x, url("../png/light/24/vertical-text@2x.png") 2x) 12 12, vertical-text; } :where(:root[data-kuartal-cursor-size="24"]) .kc-pointer { cursor: url("../png/light/24/pointer.png") 10 3, -webkit-image-set(url("../png/light/24/pointer.png") 1x, url("../png/light/24/pointer@2x.png") 2x) 10 3, image-set(url("../png/light/24/pointer.png") 1x, url("../png/light/24/pointer@2x.png") 2x) 10 3, pointer; } :where(:root[data-kuartal-cursor-size="24"]) .kc-wait { cursor: url("../png/light/24/wait.png") 12 12, -webkit-image-set(url("../png/light/24/wait.png") 1x, url("../png/light/24/wait@2x.png") 2x) 12 12, image-set(url("../png/light/24/wait.png") 1x, url("../png/light/24/wait@2x.png") 2x) 12 12, wait; } :where(:root[data-kuartal-cursor-size="24"]) .kc-progress { cursor: url("../png/light/24/progress.png") 3 3, -webkit-image-set(url("../png/light/24/progress.png") 1x, url("../png/light/24/progress@2x.png") 2x) 3 3, image-set(url("../png/light/24/progress.png") 1x, url("../png/light/24/progress@2x.png") 2x) 3 3, progress; } :where(:root[data-kuartal-cursor-size="24"]) .kc-crosshair { cursor: url("../png/light/24/crosshair.png") 12 12, -webkit-image-set(url("../png/light/24/crosshair.png") 1x, url("../png/light/24/crosshair@2x.png") 2x) 12 12, image-set(url("../png/light/24/crosshair.png") 1x, url("../png/light/24/crosshair@2x.png") 2x) 12 12, crosshair; } :where(:root[data-kuartal-cursor-size="24"]) .kc-help { cursor: url("../png/light/24/help.png") 3 3, -webkit-image-set(url("../png/light/24/help.png") 1x, url("../png/light/24/help@2x.png") 2x) 3 3, image-set(url("../png/light/24/help.png") 1x, url("../png/light/24/help@2x.png") 2x) 3 3, help; } :where(:root[data-kuartal-cursor-size="24"]) .kc-not-allowed { cursor: url("../png/light/24/not-allowed.png") 12 12, -webkit-image-set(url("../png/light/24/not-allowed.png") 1x, url("../png/light/24/not-allowed@2x.png") 2x) 12 12, image-set(url("../png/light/24/not-allowed.png") 1x, url("../png/light/24/not-allowed@2x.png") 2x) 12 12, not-allowed; } :where(:root[data-kuartal-cursor-size="24"]) .kc-no-drop { cursor: url("../png/light/24/no-drop.png") 3 3, -webkit-image-set(url("../png/light/24/no-drop.png") 1x, url("../png/light/24/no-drop@2x.png") 2x) 3 3, image-set(url("../png/light/24/no-drop.png") 1x, url("../png/light/24/no-drop@2x.png") 2x) 3 3, no-drop; } :where(:root[data-kuartal-cursor-size="24"]) .kc-move { cursor: url("../png/light/24/move.png") 12 12, -webkit-image-set(url("../png/light/24/move.png") 1x, url("../png/light/24/move@2x.png") 2x) 12 12, image-set(url("../png/light/24/move.png") 1x, url("../png/light/24/move@2x.png") 2x) 12 12, move; } :where(:root[data-kuartal-cursor-size="24"]) .kc-grab { cursor: url("../png/light/24/grab.png") 12 12, -webkit-image-set(url("../png/light/24/grab.png") 1x, url("../png/light/24/grab@2x.png") 2x) 12 12, image-set(url("../png/light/24/grab.png") 1x, url("../png/light/24/grab@2x.png") 2x) 12 12, grab; } :where(:root[data-kuartal-cursor-size="24"]) .kc-grabbing { cursor: url("../png/light/24/grabbing.png") 12 12, -webkit-image-set(url("../png/light/24/grabbing.png") 1x, url("../png/light/24/grabbing@2x.png") 2x) 12 12, image-set(url("../png/light/24/grabbing.png") 1x, url("../png/light/24/grabbing@2x.png") 2x) 12 12, grabbing; } :where(:root[data-kuartal-cursor-size="24"]) .kc-ew-resize { cursor: url("../png/light/24/ew-resize.png") 12 12, -webkit-image-set(url("../png/light/24/ew-resize.png") 1x, url("../png/light/24/ew-resize@2x.png") 2x) 12 12, image-set(url("../png/light/24/ew-resize.png") 1x, url("../png/light/24/ew-resize@2x.png") 2x) 12 12, ew-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-ns-resize { cursor: url("../png/light/24/ns-resize.png") 12 12, -webkit-image-set(url("../png/light/24/ns-resize.png") 1x, url("../png/light/24/ns-resize@2x.png") 2x) 12 12, image-set(url("../png/light/24/ns-resize.png") 1x, url("../png/light/24/ns-resize@2x.png") 2x) 12 12, ns-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-nesw-resize { cursor: url("../png/light/24/nesw-resize.png") 12 12, -webkit-image-set(url("../png/light/24/nesw-resize.png") 1x, url("../png/light/24/nesw-resize@2x.png") 2x) 12 12, image-set(url("../png/light/24/nesw-resize.png") 1x, url("../png/light/24/nesw-resize@2x.png") 2x) 12 12, nesw-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-nwse-resize { cursor: url("../png/light/24/nwse-resize.png") 12 12, -webkit-image-set(url("../png/light/24/nwse-resize.png") 1x, url("../png/light/24/nwse-resize@2x.png") 2x) 12 12, image-set(url("../png/light/24/nwse-resize.png") 1x, url("../png/light/24/nwse-resize@2x.png") 2x) 12 12, nwse-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-n-resize { cursor: url("../png/light/24/n-resize.png") 12 4, -webkit-image-set(url("../png/light/24/n-resize.png") 1x, url("../png/light/24/n-resize@2x.png") 2x) 12 4, image-set(url("../png/light/24/n-resize.png") 1x, url("../png/light/24/n-resize@2x.png") 2x) 12 4, n-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-e-resize { cursor: url("../png/light/24/e-resize.png") 20 12, -webkit-image-set(url("../png/light/24/e-resize.png") 1x, url("../png/light/24/e-resize@2x.png") 2x) 20 12, image-set(url("../png/light/24/e-resize.png") 1x, url("../png/light/24/e-resize@2x.png") 2x) 20 12, e-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-s-resize { cursor: url("../png/light/24/s-resize.png") 12 20, -webkit-image-set(url("../png/light/24/s-resize.png") 1x, url("../png/light/24/s-resize@2x.png") 2x) 12 20, image-set(url("../png/light/24/s-resize.png") 1x, url("../png/light/24/s-resize@2x.png") 2x) 12 20, s-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-w-resize { cursor: url("../png/light/24/w-resize.png") 4 12, -webkit-image-set(url("../png/light/24/w-resize.png") 1x, url("../png/light/24/w-resize@2x.png") 2x) 4 12, image-set(url("../png/light/24/w-resize.png") 1x, url("../png/light/24/w-resize@2x.png") 2x) 4 12, w-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-ne-resize { cursor: url("../png/light/24/ne-resize.png") 18 6, -webkit-image-set(url("../png/light/24/ne-resize.png") 1x, url("../png/light/24/ne-resize@2x.png") 2x) 18 6, image-set(url("../png/light/24/ne-resize.png") 1x, url("../png/light/24/ne-resize@2x.png") 2x) 18 6, ne-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-se-resize { cursor: url("../png/light/24/se-resize.png") 18 18, -webkit-image-set(url("../png/light/24/se-resize.png") 1x, url("../png/light/24/se-resize@2x.png") 2x) 18 18, image-set(url("../png/light/24/se-resize.png") 1x, url("../png/light/24/se-resize@2x.png") 2x) 18 18, se-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-sw-resize { cursor: url("../png/light/24/sw-resize.png") 6 18, -webkit-image-set(url("../png/light/24/sw-resize.png") 1x, url("../png/light/24/sw-resize@2x.png") 2x) 6 18, image-set(url("../png/light/24/sw-resize.png") 1x, url("../png/light/24/sw-resize@2x.png") 2x) 6 18, sw-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-nw-resize { cursor: url("../png/light/24/nw-resize.png") 6 6, -webkit-image-set(url("../png/light/24/nw-resize.png") 1x, url("../png/light/24/nw-resize@2x.png") 2x) 6 6, image-set(url("../png/light/24/nw-resize.png") 1x, url("../png/light/24/nw-resize@2x.png") 2x) 6 6, nw-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-col-resize { cursor: url("../png/light/24/col-resize.png") 12 12, -webkit-image-set(url("../png/light/24/col-resize.png") 1x, url("../png/light/24/col-resize@2x.png") 2x) 12 12, image-set(url("../png/light/24/col-resize.png") 1x, url("../png/light/24/col-resize@2x.png") 2x) 12 12, col-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-row-resize { cursor: url("../png/light/24/row-resize.png") 12 12, -webkit-image-set(url("../png/light/24/row-resize.png") 1x, url("../png/light/24/row-resize@2x.png") 2x) 12 12, image-set(url("../png/light/24/row-resize.png") 1x, url("../png/light/24/row-resize@2x.png") 2x) 12 12, row-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-all-scroll { cursor: url("../png/light/24/all-scroll.png") 12 12, -webkit-image-set(url("../png/light/24/all-scroll.png") 1x, url("../png/light/24/all-scroll@2x.png") 2x) 12 12, image-set(url("../png/light/24/all-scroll.png") 1x, url("../png/light/24/all-scroll@2x.png") 2x) 12 12, all-scroll; } :where(:root[data-kuartal-cursor-size="24"]) .kc-zoom-in { cursor: url("../png/light/24/zoom-in.png") 10 10, -webkit-image-set(url("../png/light/24/zoom-in.png") 1x, url("../png/light/24/zoom-in@2x.png") 2x) 10 10, image-set(url("../png/light/24/zoom-in.png") 1x, url("../png/light/24/zoom-in@2x.png") 2x) 10 10, zoom-in; } :where(:root[data-kuartal-cursor-size="24"]) .kc-zoom-out { cursor: url("../png/light/24/zoom-out.png") 10 10, -webkit-image-set(url("../png/light/24/zoom-out.png") 1x, url("../png/light/24/zoom-out@2x.png") 2x) 10 10, image-set(url("../png/light/24/zoom-out.png") 1x, url("../png/light/24/zoom-out@2x.png") 2x) 10 10, zoom-out; } :where(:root[data-kuartal-cursor-size="24"]) .kc-copy { cursor: url("../png/light/24/copy.png") 3 3, -webkit-image-set(url("../png/light/24/copy.png") 1x, url("../png/light/24/copy@2x.png") 2x) 3 3, image-set(url("../png/light/24/copy.png") 1x, url("../png/light/24/copy@2x.png") 2x) 3 3, copy; } :where(:root[data-kuartal-cursor-size="24"]) .kc-alias { cursor: url("../png/light/24/alias.png") 3 3, -webkit-image-set(url("../png/light/24/alias.png") 1x, url("../png/light/24/alias@2x.png") 2x) 3 3, image-set(url("../png/light/24/alias.png") 1x, url("../png/light/24/alias@2x.png") 2x) 3 3, alias; } :where(:root[data-kuartal-cursor-size="24"]) .kc-context-menu { cursor: url("../png/light/24/context-menu.png") 3 3, -webkit-image-set(url("../png/light/24/context-menu.png") 1x, url("../png/light/24/context-menu@2x.png") 2x) 3 3, image-set(url("../png/light/24/context-menu.png") 1x, url("../png/light/24/context-menu@2x.png") 2x) 3 3, context-menu; } :where(:root[data-kuartal-cursor-size="24"]) .kc-cell { cursor: url("../png/light/24/cell.png") 12 12, -webkit-image-set(url("../png/light/24/cell.png") 1x, url("../png/light/24/cell@2x.png") 2x) 12 12, image-set(url("../png/light/24/cell.png") 1x, url("../png/light/24/cell@2x.png") 2x) 12 12, cell; } :where(:root[data-kuartal-cursor-size="24"]) .kc-pen { cursor: url("../png/light/24/pen.png") 4 20, -webkit-image-set(url("../png/light/24/pen.png") 1x, url("../png/light/24/pen@2x.png") 2x) 4 20, image-set(url("../png/light/24/pen.png") 1x, url("../png/light/24/pen@2x.png") 2x) 4 20, crosshair; } :where(:root[data-kuartal-cursor-size="24"]) .kc-screenshot { cursor: url("../png/light/24/screenshot.png") 12 12, -webkit-image-set(url("../png/light/24/screenshot.png") 1x, url("../png/light/24/screenshot@2x.png") 2x) 12 12, image-set(url("../png/light/24/screenshot.png") 1x, url("../png/light/24/screenshot@2x.png") 2x) 12 12, crosshair; } :where(:root[data-kuartal-cursor-size="24"]) .kc-drag-and-drop { cursor: url("../png/light/24/drag-and-drop.png") 3 3, -webkit-image-set(url("../png/light/24/drag-and-drop.png") 1x, url("../png/light/24/drag-and-drop@2x.png") 2x) 3 3, image-set(url("../png/light/24/drag-and-drop.png") 1x, url("../png/light/24/drag-and-drop@2x.png") 2x) 3 3, move; } /* :root[data-kuartal-cursor-size="48"] -> light 48px */ :where(:root[data-kuartal-cursor-size="48"]):where(:not([data-kuartal-cursor="off"])) { cursor: url("../png/light/48/default.png") 6 6, -webkit-image-set(url("../png/light/48/default.png") 1x, url("../png/light/48/default@2x.png") 2x) 6 6, image-set(url("../png/light/48/default.png") 1x, url("../png/light/48/default@2x.png") 2x) 6 6, default; } :where(:root[data-kuartal-cursor-size="48"]):where(:not([data-kuartal-cursor="off"])) :where(a[href], button:not(:disabled), [role="button"], summary, label[for], select) { cursor: url("../png/light/48/pointer.png") 20 6, -webkit-image-set(url("../png/light/48/pointer.png") 1x, url("../png/light/48/pointer@2x.png") 2x) 20 6, image-set(url("../png/light/48/pointer.png") 1x, url("../png/light/48/pointer@2x.png") 2x) 20 6, pointer; } :where(:root[data-kuartal-cursor-size="48"]):where(:not([data-kuartal-cursor="off"])) :where(input:not([type="button"], [type="submit"], [type="reset"], [type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"]), textarea, [contenteditable]:not([contenteditable="false"])) { cursor: url("../png/light/48/text.png") 24 24, -webkit-image-set(url("../png/light/48/text.png") 1x, url("../png/light/48/text@2x.png") 2x) 24 24, image-set(url("../png/light/48/text.png") 1x, url("../png/light/48/text@2x.png") 2x) 24 24, text; } :where(:root[data-kuartal-cursor-size="48"]):where(:not([data-kuartal-cursor="off"])) :where([aria-busy="true"]) { cursor: url("../png/light/48/progress.png") 6 6, -webkit-image-set(url("../png/light/48/progress.png") 1x, url("../png/light/48/progress@2x.png") 2x) 6 6, image-set(url("../png/light/48/progress.png") 1x, url("../png/light/48/progress@2x.png") 2x) 6 6, progress; } :where(:root[data-kuartal-cursor-size="48"]):where(:not([data-kuartal-cursor="off"])) :where(:disabled, [aria-disabled="true"]) { cursor: url("../png/light/48/not-allowed.png") 24 24, -webkit-image-set(url("../png/light/48/not-allowed.png") 1x, url("../png/light/48/not-allowed@2x.png") 2x) 24 24, image-set(url("../png/light/48/not-allowed.png") 1x, url("../png/light/48/not-allowed@2x.png") 2x) 24 24, not-allowed; } :where(:root[data-kuartal-cursor-size="48"]) .kc-default { cursor: url("../png/light/48/default.png") 6 6, -webkit-image-set(url("../png/light/48/default.png") 1x, url("../png/light/48/default@2x.png") 2x) 6 6, image-set(url("../png/light/48/default.png") 1x, url("../png/light/48/default@2x.png") 2x) 6 6, default; } :where(:root[data-kuartal-cursor-size="48"]) .kc-text { cursor: url("../png/light/48/text.png") 24 24, -webkit-image-set(url("../png/light/48/text.png") 1x, url("../png/light/48/text@2x.png") 2x) 24 24, image-set(url("../png/light/48/text.png") 1x, url("../png/light/48/text@2x.png") 2x) 24 24, text; } :where(:root[data-kuartal-cursor-size="48"]) .kc-vertical-text { cursor: url("../png/light/48/vertical-text.png") 24 24, -webkit-image-set(url("../png/light/48/vertical-text.png") 1x, url("../png/light/48/vertical-text@2x.png") 2x) 24 24, image-set(url("../png/light/48/vertical-text.png") 1x, url("../png/light/48/vertical-text@2x.png") 2x) 24 24, vertical-text; } :where(:root[data-kuartal-cursor-size="48"]) .kc-pointer { cursor: url("../png/light/48/pointer.png") 20 6, -webkit-image-set(url("../png/light/48/pointer.png") 1x, url("../png/light/48/pointer@2x.png") 2x) 20 6, image-set(url("../png/light/48/pointer.png") 1x, url("../png/light/48/pointer@2x.png") 2x) 20 6, pointer; } :where(:root[data-kuartal-cursor-size="48"]) .kc-wait { cursor: url("../png/light/48/wait.png") 24 24, -webkit-image-set(url("../png/light/48/wait.png") 1x, url("../png/light/48/wait@2x.png") 2x) 24 24, image-set(url("../png/light/48/wait.png") 1x, url("../png/light/48/wait@2x.png") 2x) 24 24, wait; } :where(:root[data-kuartal-cursor-size="48"]) .kc-progress { cursor: url("../png/light/48/progress.png") 6 6, -webkit-image-set(url("../png/light/48/progress.png") 1x, url("../png/light/48/progress@2x.png") 2x) 6 6, image-set(url("../png/light/48/progress.png") 1x, url("../png/light/48/progress@2x.png") 2x) 6 6, progress; } :where(:root[data-kuartal-cursor-size="48"]) .kc-crosshair { cursor: url("../png/light/48/crosshair.png") 24 24, -webkit-image-set(url("../png/light/48/crosshair.png") 1x, url("../png/light/48/crosshair@2x.png") 2x) 24 24, image-set(url("../png/light/48/crosshair.png") 1x, url("../png/light/48/crosshair@2x.png") 2x) 24 24, crosshair; } :where(:root[data-kuartal-cursor-size="48"]) .kc-help { cursor: url("../png/light/48/help.png") 6 6, -webkit-image-set(url("../png/light/48/help.png") 1x, url("../png/light/48/help@2x.png") 2x) 6 6, image-set(url("../png/light/48/help.png") 1x, url("../png/light/48/help@2x.png") 2x) 6 6, help; } :where(:root[data-kuartal-cursor-size="48"]) .kc-not-allowed { cursor: url("../png/light/48/not-allowed.png") 24 24, -webkit-image-set(url("../png/light/48/not-allowed.png") 1x, url("../png/light/48/not-allowed@2x.png") 2x) 24 24, image-set(url("../png/light/48/not-allowed.png") 1x, url("../png/light/48/not-allowed@2x.png") 2x) 24 24, not-allowed; } :where(:root[data-kuartal-cursor-size="48"]) .kc-no-drop { cursor: url("../png/light/48/no-drop.png") 6 6, -webkit-image-set(url("../png/light/48/no-drop.png") 1x, url("../png/light/48/no-drop@2x.png") 2x) 6 6, image-set(url("../png/light/48/no-drop.png") 1x, url("../png/light/48/no-drop@2x.png") 2x) 6 6, no-drop; } :where(:root[data-kuartal-cursor-size="48"]) .kc-move { cursor: url("../png/light/48/move.png") 24 24, -webkit-image-set(url("../png/light/48/move.png") 1x, url("../png/light/48/move@2x.png") 2x) 24 24, image-set(url("../png/light/48/move.png") 1x, url("../png/light/48/move@2x.png") 2x) 24 24, move; } :where(:root[data-kuartal-cursor-size="48"]) .kc-grab { cursor: url("../png/light/48/grab.png") 24 24, -webkit-image-set(url("../png/light/48/grab.png") 1x, url("../png/light/48/grab@2x.png") 2x) 24 24, image-set(url("../png/light/48/grab.png") 1x, url("../png/light/48/grab@2x.png") 2x) 24 24, grab; } :where(:root[data-kuartal-cursor-size="48"]) .kc-grabbing { cursor: url("../png/light/48/grabbing.png") 24 24, -webkit-image-set(url("../png/light/48/grabbing.png") 1x, url("../png/light/48/grabbing@2x.png") 2x) 24 24, image-set(url("../png/light/48/grabbing.png") 1x, url("../png/light/48/grabbing@2x.png") 2x) 24 24, grabbing; } :where(:root[data-kuartal-cursor-size="48"]) .kc-ew-resize { cursor: url("../png/light/48/ew-resize.png") 24 24, -webkit-image-set(url("../png/light/48/ew-resize.png") 1x, url("../png/light/48/ew-resize@2x.png") 2x) 24 24, image-set(url("../png/light/48/ew-resize.png") 1x, url("../png/light/48/ew-resize@2x.png") 2x) 24 24, ew-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-ns-resize { cursor: url("../png/light/48/ns-resize.png") 24 24, -webkit-image-set(url("../png/light/48/ns-resize.png") 1x, url("../png/light/48/ns-resize@2x.png") 2x) 24 24, image-set(url("../png/light/48/ns-resize.png") 1x, url("../png/light/48/ns-resize@2x.png") 2x) 24 24, ns-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-nesw-resize { cursor: url("../png/light/48/nesw-resize.png") 24 24, -webkit-image-set(url("../png/light/48/nesw-resize.png") 1x, url("../png/light/48/nesw-resize@2x.png") 2x) 24 24, image-set(url("../png/light/48/nesw-resize.png") 1x, url("../png/light/48/nesw-resize@2x.png") 2x) 24 24, nesw-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-nwse-resize { cursor: url("../png/light/48/nwse-resize.png") 24 24, -webkit-image-set(url("../png/light/48/nwse-resize.png") 1x, url("../png/light/48/nwse-resize@2x.png") 2x) 24 24, image-set(url("../png/light/48/nwse-resize.png") 1x, url("../png/light/48/nwse-resize@2x.png") 2x) 24 24, nwse-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-n-resize { cursor: url("../png/light/48/n-resize.png") 24 8, -webkit-image-set(url("../png/light/48/n-resize.png") 1x, url("../png/light/48/n-resize@2x.png") 2x) 24 8, image-set(url("../png/light/48/n-resize.png") 1x, url("../png/light/48/n-resize@2x.png") 2x) 24 8, n-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-e-resize { cursor: url("../png/light/48/e-resize.png") 40 24, -webkit-image-set(url("../png/light/48/e-resize.png") 1x, url("../png/light/48/e-resize@2x.png") 2x) 40 24, image-set(url("../png/light/48/e-resize.png") 1x, url("../png/light/48/e-resize@2x.png") 2x) 40 24, e-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-s-resize { cursor: url("../png/light/48/s-resize.png") 24 40, -webkit-image-set(url("../png/light/48/s-resize.png") 1x, url("../png/light/48/s-resize@2x.png") 2x) 24 40, image-set(url("../png/light/48/s-resize.png") 1x, url("../png/light/48/s-resize@2x.png") 2x) 24 40, s-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-w-resize { cursor: url("../png/light/48/w-resize.png") 8 24, -webkit-image-set(url("../png/light/48/w-resize.png") 1x, url("../png/light/48/w-resize@2x.png") 2x) 8 24, image-set(url("../png/light/48/w-resize.png") 1x, url("../png/light/48/w-resize@2x.png") 2x) 8 24, w-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-ne-resize { cursor: url("../png/light/48/ne-resize.png") 36 12, -webkit-image-set(url("../png/light/48/ne-resize.png") 1x, url("../png/light/48/ne-resize@2x.png") 2x) 36 12, image-set(url("../png/light/48/ne-resize.png") 1x, url("../png/light/48/ne-resize@2x.png") 2x) 36 12, ne-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-se-resize { cursor: url("../png/light/48/se-resize.png") 36 36, -webkit-image-set(url("../png/light/48/se-resize.png") 1x, url("../png/light/48/se-resize@2x.png") 2x) 36 36, image-set(url("../png/light/48/se-resize.png") 1x, url("../png/light/48/se-resize@2x.png") 2x) 36 36, se-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-sw-resize { cursor: url("../png/light/48/sw-resize.png") 12 36, -webkit-image-set(url("../png/light/48/sw-resize.png") 1x, url("../png/light/48/sw-resize@2x.png") 2x) 12 36, image-set(url("../png/light/48/sw-resize.png") 1x, url("../png/light/48/sw-resize@2x.png") 2x) 12 36, sw-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-nw-resize { cursor: url("../png/light/48/nw-resize.png") 12 12, -webkit-image-set(url("../png/light/48/nw-resize.png") 1x, url("../png/light/48/nw-resize@2x.png") 2x) 12 12, image-set(url("../png/light/48/nw-resize.png") 1x, url("../png/light/48/nw-resize@2x.png") 2x) 12 12, nw-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-col-resize { cursor: url("../png/light/48/col-resize.png") 24 24, -webkit-image-set(url("../png/light/48/col-resize.png") 1x, url("../png/light/48/col-resize@2x.png") 2x) 24 24, image-set(url("../png/light/48/col-resize.png") 1x, url("../png/light/48/col-resize@2x.png") 2x) 24 24, col-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-row-resize { cursor: url("../png/light/48/row-resize.png") 24 24, -webkit-image-set(url("../png/light/48/row-resize.png") 1x, url("../png/light/48/row-resize@2x.png") 2x) 24 24, image-set(url("../png/light/48/row-resize.png") 1x, url("../png/light/48/row-resize@2x.png") 2x) 24 24, row-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-all-scroll { cursor: url("../png/light/48/all-scroll.png") 24 24, -webkit-image-set(url("../png/light/48/all-scroll.png") 1x, url("../png/light/48/all-scroll@2x.png") 2x) 24 24, image-set(url("../png/light/48/all-scroll.png") 1x, url("../png/light/48/all-scroll@2x.png") 2x) 24 24, all-scroll; } :where(:root[data-kuartal-cursor-size="48"]) .kc-zoom-in { cursor: url("../png/light/48/zoom-in.png") 20 20, -webkit-image-set(url("../png/light/48/zoom-in.png") 1x, url("../png/light/48/zoom-in@2x.png") 2x) 20 20, image-set(url("../png/light/48/zoom-in.png") 1x, url("../png/light/48/zoom-in@2x.png") 2x) 20 20, zoom-in; } :where(:root[data-kuartal-cursor-size="48"]) .kc-zoom-out { cursor: url("../png/light/48/zoom-out.png") 20 20, -webkit-image-set(url("../png/light/48/zoom-out.png") 1x, url("../png/light/48/zoom-out@2x.png") 2x) 20 20, image-set(url("../png/light/48/zoom-out.png") 1x, url("../png/light/48/zoom-out@2x.png") 2x) 20 20, zoom-out; } :where(:root[data-kuartal-cursor-size="48"]) .kc-copy { cursor: url("../png/light/48/copy.png") 6 6, -webkit-image-set(url("../png/light/48/copy.png") 1x, url("../png/light/48/copy@2x.png") 2x) 6 6, image-set(url("../png/light/48/copy.png") 1x, url("../png/light/48/copy@2x.png") 2x) 6 6, copy; } :where(:root[data-kuartal-cursor-size="48"]) .kc-alias { cursor: url("../png/light/48/alias.png") 6 6, -webkit-image-set(url("../png/light/48/alias.png") 1x, url("../png/light/48/alias@2x.png") 2x) 6 6, image-set(url("../png/light/48/alias.png") 1x, url("../png/light/48/alias@2x.png") 2x) 6 6, alias; } :where(:root[data-kuartal-cursor-size="48"]) .kc-context-menu { cursor: url("../png/light/48/context-menu.png") 6 6, -webkit-image-set(url("../png/light/48/context-menu.png") 1x, url("../png/light/48/context-menu@2x.png") 2x) 6 6, image-set(url("../png/light/48/context-menu.png") 1x, url("../png/light/48/context-menu@2x.png") 2x) 6 6, context-menu; } :where(:root[data-kuartal-cursor-size="48"]) .kc-cell { cursor: url("../png/light/48/cell.png") 24 24, -webkit-image-set(url("../png/light/48/cell.png") 1x, url("../png/light/48/cell@2x.png") 2x) 24 24, image-set(url("../png/light/48/cell.png") 1x, url("../png/light/48/cell@2x.png") 2x) 24 24, cell; } :where(:root[data-kuartal-cursor-size="48"]) .kc-pen { cursor: url("../png/light/48/pen.png") 8 40, -webkit-image-set(url("../png/light/48/pen.png") 1x, url("../png/light/48/pen@2x.png") 2x) 8 40, image-set(url("../png/light/48/pen.png") 1x, url("../png/light/48/pen@2x.png") 2x) 8 40, crosshair; } :where(:root[data-kuartal-cursor-size="48"]) .kc-screenshot { cursor: url("../png/light/48/screenshot.png") 24 24, -webkit-image-set(url("../png/light/48/screenshot.png") 1x, url("../png/light/48/screenshot@2x.png") 2x) 24 24, image-set(url("../png/light/48/screenshot.png") 1x, url("../png/light/48/screenshot@2x.png") 2x) 24 24, crosshair; } :where(:root[data-kuartal-cursor-size="48"]) .kc-drag-and-drop { cursor: url("../png/light/48/drag-and-drop.png") 6 6, -webkit-image-set(url("../png/light/48/drag-and-drop.png") 1x, url("../png/light/48/drag-and-drop@2x.png") 2x) 6 6, image-set(url("../png/light/48/drag-and-drop.png") 1x, url("../png/light/48/drag-and-drop@2x.png") 2x) 6 6, move; } /* :root -> dark 32px (OS dark) */ @media (prefers-color-scheme: dark) { :where(:root):where(:not([data-kuartal-cursor="off"])) { cursor: url("../png/dark/32/default.png") 4 4, -webkit-image-set(url("../png/dark/32/default.png") 1x, url("../png/dark/32/default@2x.png") 2x) 4 4, image-set(url("../png/dark/32/default.png") 1x, url("../png/dark/32/default@2x.png") 2x) 4 4, default; } :where(:root):where(:not([data-kuartal-cursor="off"])) :where(a[href], button:not(:disabled), [role="button"], summary, label[for], select) { cursor: url("../png/dark/32/pointer.png") 13 4, -webkit-image-set(url("../png/dark/32/pointer.png") 1x, url("../png/dark/32/pointer@2x.png") 2x) 13 4, image-set(url("../png/dark/32/pointer.png") 1x, url("../png/dark/32/pointer@2x.png") 2x) 13 4, pointer; } :where(:root):where(:not([data-kuartal-cursor="off"])) :where(input:not([type="button"], [type="submit"], [type="reset"], [type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"]), textarea, [contenteditable]:not([contenteditable="false"])) { cursor: url("../png/dark/32/text.png") 16 16, -webkit-image-set(url("../png/dark/32/text.png") 1x, url("../png/dark/32/text@2x.png") 2x) 16 16, image-set(url("../png/dark/32/text.png") 1x, url("../png/dark/32/text@2x.png") 2x) 16 16, text; } :where(:root):where(:not([data-kuartal-cursor="off"])) :where([aria-busy="true"]) { cursor: url("../png/dark/32/progress.png") 4 4, -webkit-image-set(url("../png/dark/32/progress.png") 1x, url("../png/dark/32/progress@2x.png") 2x) 4 4, image-set(url("../png/dark/32/progress.png") 1x, url("../png/dark/32/progress@2x.png") 2x) 4 4, progress; } :where(:root):where(:not([data-kuartal-cursor="off"])) :where(:disabled, [aria-disabled="true"]) { cursor: url("../png/dark/32/not-allowed.png") 16 16, -webkit-image-set(url("../png/dark/32/not-allowed.png") 1x, url("../png/dark/32/not-allowed@2x.png") 2x) 16 16, image-set(url("../png/dark/32/not-allowed.png") 1x, url("../png/dark/32/not-allowed@2x.png") 2x) 16 16, not-allowed; } :where(:root) .kc-default { cursor: url("../png/dark/32/default.png") 4 4, -webkit-image-set(url("../png/dark/32/default.png") 1x, url("../png/dark/32/default@2x.png") 2x) 4 4, image-set(url("../png/dark/32/default.png") 1x, url("../png/dark/32/default@2x.png") 2x) 4 4, default; } :where(:root) .kc-text { cursor: url("../png/dark/32/text.png") 16 16, -webkit-image-set(url("../png/dark/32/text.png") 1x, url("../png/dark/32/text@2x.png") 2x) 16 16, image-set(url("../png/dark/32/text.png") 1x, url("../png/dark/32/text@2x.png") 2x) 16 16, text; } :where(:root) .kc-vertical-text { cursor: url("../png/dark/32/vertical-text.png") 16 16, -webkit-image-set(url("../png/dark/32/vertical-text.png") 1x, url("../png/dark/32/vertical-text@2x.png") 2x) 16 16, image-set(url("../png/dark/32/vertical-text.png") 1x, url("../png/dark/32/vertical-text@2x.png") 2x) 16 16, vertical-text; } :where(:root) .kc-pointer { cursor: url("../png/dark/32/pointer.png") 13 4, -webkit-image-set(url("../png/dark/32/pointer.png") 1x, url("../png/dark/32/pointer@2x.png") 2x) 13 4, image-set(url("../png/dark/32/pointer.png") 1x, url("../png/dark/32/pointer@2x.png") 2x) 13 4, pointer; } :where(:root) .kc-wait { cursor: url("../png/dark/32/wait.png") 16 16, -webkit-image-set(url("../png/dark/32/wait.png") 1x, url("../png/dark/32/wait@2x.png") 2x) 16 16, image-set(url("../png/dark/32/wait.png") 1x, url("../png/dark/32/wait@2x.png") 2x) 16 16, wait; } :where(:root) .kc-progress { cursor: url("../png/dark/32/progress.png") 4 4, -webkit-image-set(url("../png/dark/32/progress.png") 1x, url("../png/dark/32/progress@2x.png") 2x) 4 4, image-set(url("../png/dark/32/progress.png") 1x, url("../png/dark/32/progress@2x.png") 2x) 4 4, progress; } :where(:root) .kc-crosshair { cursor: url("../png/dark/32/crosshair.png") 16 16, -webkit-image-set(url("../png/dark/32/crosshair.png") 1x, url("../png/dark/32/crosshair@2x.png") 2x) 16 16, image-set(url("../png/dark/32/crosshair.png") 1x, url("../png/dark/32/crosshair@2x.png") 2x) 16 16, crosshair; } :where(:root) .kc-help { cursor: url("../png/dark/32/help.png") 4 4, -webkit-image-set(url("../png/dark/32/help.png") 1x, url("../png/dark/32/help@2x.png") 2x) 4 4, image-set(url("../png/dark/32/help.png") 1x, url("../png/dark/32/help@2x.png") 2x) 4 4, help; } :where(:root) .kc-not-allowed { cursor: url("../png/dark/32/not-allowed.png") 16 16, -webkit-image-set(url("../png/dark/32/not-allowed.png") 1x, url("../png/dark/32/not-allowed@2x.png") 2x) 16 16, image-set(url("../png/dark/32/not-allowed.png") 1x, url("../png/dark/32/not-allowed@2x.png") 2x) 16 16, not-allowed; } :where(:root) .kc-no-drop { cursor: url("../png/dark/32/no-drop.png") 4 4, -webkit-image-set(url("../png/dark/32/no-drop.png") 1x, url("../png/dark/32/no-drop@2x.png") 2x) 4 4, image-set(url("../png/dark/32/no-drop.png") 1x, url("../png/dark/32/no-drop@2x.png") 2x) 4 4, no-drop; } :where(:root) .kc-move { cursor: url("../png/dark/32/move.png") 16 16, -webkit-image-set(url("../png/dark/32/move.png") 1x, url("../png/dark/32/move@2x.png") 2x) 16 16, image-set(url("../png/dark/32/move.png") 1x, url("../png/dark/32/move@2x.png") 2x) 16 16, move; } :where(:root) .kc-grab { cursor: url("../png/dark/32/grab.png") 16 16, -webkit-image-set(url("../png/dark/32/grab.png") 1x, url("../png/dark/32/grab@2x.png") 2x) 16 16, image-set(url("../png/dark/32/grab.png") 1x, url("../png/dark/32/grab@2x.png") 2x) 16 16, grab; } :where(:root) .kc-grabbing { cursor: url("../png/dark/32/grabbing.png") 16 16, -webkit-image-set(url("../png/dark/32/grabbing.png") 1x, url("../png/dark/32/grabbing@2x.png") 2x) 16 16, image-set(url("../png/dark/32/grabbing.png") 1x, url("../png/dark/32/grabbing@2x.png") 2x) 16 16, grabbing; } :where(:root) .kc-ew-resize { cursor: url("../png/dark/32/ew-resize.png") 16 16, -webkit-image-set(url("../png/dark/32/ew-resize.png") 1x, url("../png/dark/32/ew-resize@2x.png") 2x) 16 16, image-set(url("../png/dark/32/ew-resize.png") 1x, url("../png/dark/32/ew-resize@2x.png") 2x) 16 16, ew-resize; } :where(:root) .kc-ns-resize { cursor: url("../png/dark/32/ns-resize.png") 16 16, -webkit-image-set(url("../png/dark/32/ns-resize.png") 1x, url("../png/dark/32/ns-resize@2x.png") 2x) 16 16, image-set(url("../png/dark/32/ns-resize.png") 1x, url("../png/dark/32/ns-resize@2x.png") 2x) 16 16, ns-resize; } :where(:root) .kc-nesw-resize { cursor: url("../png/dark/32/nesw-resize.png") 16 16, -webkit-image-set(url("../png/dark/32/nesw-resize.png") 1x, url("../png/dark/32/nesw-resize@2x.png") 2x) 16 16, image-set(url("../png/dark/32/nesw-resize.png") 1x, url("../png/dark/32/nesw-resize@2x.png") 2x) 16 16, nesw-resize; } :where(:root) .kc-nwse-resize { cursor: url("../png/dark/32/nwse-resize.png") 16 16, -webkit-image-set(url("../png/dark/32/nwse-resize.png") 1x, url("../png/dark/32/nwse-resize@2x.png") 2x) 16 16, image-set(url("../png/dark/32/nwse-resize.png") 1x, url("../png/dark/32/nwse-resize@2x.png") 2x) 16 16, nwse-resize; } :where(:root) .kc-n-resize { cursor: url("../png/dark/32/n-resize.png") 16 5, -webkit-image-set(url("../png/dark/32/n-resize.png") 1x, url("../png/dark/32/n-resize@2x.png") 2x) 16 5, image-set(url("../png/dark/32/n-resize.png") 1x, url("../png/dark/32/n-resize@2x.png") 2x) 16 5, n-resize; } :where(:root) .kc-e-resize { cursor: url("../png/dark/32/e-resize.png") 27 16, -webkit-image-set(url("../png/dark/32/e-resize.png") 1x, url("../png/dark/32/e-resize@2x.png") 2x) 27 16, image-set(url("../png/dark/32/e-resize.png") 1x, url("../png/dark/32/e-resize@2x.png") 2x) 27 16, e-resize; } :where(:root) .kc-s-resize { cursor: url("../png/dark/32/s-resize.png") 16 27, -webkit-image-set(url("../png/dark/32/s-resize.png") 1x, url("../png/dark/32/s-resize@2x.png") 2x) 16 27, image-set(url("../png/dark/32/s-resize.png") 1x, url("../png/dark/32/s-resize@2x.png") 2x) 16 27, s-resize; } :where(:root) .kc-w-resize { cursor: url("../png/dark/32/w-resize.png") 5 16, -webkit-image-set(url("../png/dark/32/w-resize.png") 1x, url("../png/dark/32/w-resize@2x.png") 2x) 5 16, image-set(url("../png/dark/32/w-resize.png") 1x, url("../png/dark/32/w-resize@2x.png") 2x) 5 16, w-resize; } :where(:root) .kc-ne-resize { cursor: url("../png/dark/32/ne-resize.png") 24 8, -webkit-image-set(url("../png/dark/32/ne-resize.png") 1x, url("../png/dark/32/ne-resize@2x.png") 2x) 24 8, image-set(url("../png/dark/32/ne-resize.png") 1x, url("../png/dark/32/ne-resize@2x.png") 2x) 24 8, ne-resize; } :where(:root) .kc-se-resize { cursor: url("../png/dark/32/se-resize.png") 24 24, -webkit-image-set(url("../png/dark/32/se-resize.png") 1x, url("../png/dark/32/se-resize@2x.png") 2x) 24 24, image-set(url("../png/dark/32/se-resize.png") 1x, url("../png/dark/32/se-resize@2x.png") 2x) 24 24, se-resize; } :where(:root) .kc-sw-resize { cursor: url("../png/dark/32/sw-resize.png") 8 24, -webkit-image-set(url("../png/dark/32/sw-resize.png") 1x, url("../png/dark/32/sw-resize@2x.png") 2x) 8 24, image-set(url("../png/dark/32/sw-resize.png") 1x, url("../png/dark/32/sw-resize@2x.png") 2x) 8 24, sw-resize; } :where(:root) .kc-nw-resize { cursor: url("../png/dark/32/nw-resize.png") 8 8, -webkit-image-set(url("../png/dark/32/nw-resize.png") 1x, url("../png/dark/32/nw-resize@2x.png") 2x) 8 8, image-set(url("../png/dark/32/nw-resize.png") 1x, url("../png/dark/32/nw-resize@2x.png") 2x) 8 8, nw-resize; } :where(:root) .kc-col-resize { cursor: url("../png/dark/32/col-resize.png") 16 16, -webkit-image-set(url("../png/dark/32/col-resize.png") 1x, url("../png/dark/32/col-resize@2x.png") 2x) 16 16, image-set(url("../png/dark/32/col-resize.png") 1x, url("../png/dark/32/col-resize@2x.png") 2x) 16 16, col-resize; } :where(:root) .kc-row-resize { cursor: url("../png/dark/32/row-resize.png") 16 16, -webkit-image-set(url("../png/dark/32/row-resize.png") 1x, url("../png/dark/32/row-resize@2x.png") 2x) 16 16, image-set(url("../png/dark/32/row-resize.png") 1x, url("../png/dark/32/row-resize@2x.png") 2x) 16 16, row-resize; } :where(:root) .kc-all-scroll { cursor: url("../png/dark/32/all-scroll.png") 16 16, -webkit-image-set(url("../png/dark/32/all-scroll.png") 1x, url("../png/dark/32/all-scroll@2x.png") 2x) 16 16, image-set(url("../png/dark/32/all-scroll.png") 1x, url("../png/dark/32/all-scroll@2x.png") 2x) 16 16, all-scroll; } :where(:root) .kc-zoom-in { cursor: url("../png/dark/32/zoom-in.png") 13 13, -webkit-image-set(url("../png/dark/32/zoom-in.png") 1x, url("../png/dark/32/zoom-in@2x.png") 2x) 13 13, image-set(url("../png/dark/32/zoom-in.png") 1x, url("../png/dark/32/zoom-in@2x.png") 2x) 13 13, zoom-in; } :where(:root) .kc-zoom-out { cursor: url("../png/dark/32/zoom-out.png") 13 13, -webkit-image-set(url("../png/dark/32/zoom-out.png") 1x, url("../png/dark/32/zoom-out@2x.png") 2x) 13 13, image-set(url("../png/dark/32/zoom-out.png") 1x, url("../png/dark/32/zoom-out@2x.png") 2x) 13 13, zoom-out; } :where(:root) .kc-copy { cursor: url("../png/dark/32/copy.png") 4 4, -webkit-image-set(url("../png/dark/32/copy.png") 1x, url("../png/dark/32/copy@2x.png") 2x) 4 4, image-set(url("../png/dark/32/copy.png") 1x, url("../png/dark/32/copy@2x.png") 2x) 4 4, copy; } :where(:root) .kc-alias { cursor: url("../png/dark/32/alias.png") 4 4, -webkit-image-set(url("../png/dark/32/alias.png") 1x, url("../png/dark/32/alias@2x.png") 2x) 4 4, image-set(url("../png/dark/32/alias.png") 1x, url("../png/dark/32/alias@2x.png") 2x) 4 4, alias; } :where(:root) .kc-context-menu { cursor: url("../png/dark/32/context-menu.png") 4 4, -webkit-image-set(url("../png/dark/32/context-menu.png") 1x, url("../png/dark/32/context-menu@2x.png") 2x) 4 4, image-set(url("../png/dark/32/context-menu.png") 1x, url("../png/dark/32/context-menu@2x.png") 2x) 4 4, context-menu; } :where(:root) .kc-cell { cursor: url("../png/dark/32/cell.png") 16 16, -webkit-image-set(url("../png/dark/32/cell.png") 1x, url("../png/dark/32/cell@2x.png") 2x) 16 16, image-set(url("../png/dark/32/cell.png") 1x, url("../png/dark/32/cell@2x.png") 2x) 16 16, cell; } :where(:root) .kc-pen { cursor: url("../png/dark/32/pen.png") 5 27, -webkit-image-set(url("../png/dark/32/pen.png") 1x, url("../png/dark/32/pen@2x.png") 2x) 5 27, image-set(url("../png/dark/32/pen.png") 1x, url("../png/dark/32/pen@2x.png") 2x) 5 27, crosshair; } :where(:root) .kc-screenshot { cursor: url("../png/dark/32/screenshot.png") 16 16, -webkit-image-set(url("../png/dark/32/screenshot.png") 1x, url("../png/dark/32/screenshot@2x.png") 2x) 16 16, image-set(url("../png/dark/32/screenshot.png") 1x, url("../png/dark/32/screenshot@2x.png") 2x) 16 16, crosshair; } :where(:root) .kc-drag-and-drop { cursor: url("../png/dark/32/drag-and-drop.png") 4 4, -webkit-image-set(url("../png/dark/32/drag-and-drop.png") 1x, url("../png/dark/32/drag-and-drop@2x.png") 2x) 4 4, image-set(url("../png/dark/32/drag-and-drop.png") 1x, url("../png/dark/32/drag-and-drop@2x.png") 2x) 4 4, move; } } /* :root[data-kuartal-cursor-size="24"] -> dark 24px (OS dark) */ @media (prefers-color-scheme: dark) { :where(:root[data-kuartal-cursor-size="24"]):where(:not([data-kuartal-cursor="off"])) { cursor: url("../png/dark/24/default.png") 3 3, -webkit-image-set(url("../png/dark/24/default.png") 1x, url("../png/dark/24/default@2x.png") 2x) 3 3, image-set(url("../png/dark/24/default.png") 1x, url("../png/dark/24/default@2x.png") 2x) 3 3, default; } :where(:root[data-kuartal-cursor-size="24"]):where(:not([data-kuartal-cursor="off"])) :where(a[href], button:not(:disabled), [role="button"], summary, label[for], select) { cursor: url("../png/dark/24/pointer.png") 10 3, -webkit-image-set(url("../png/dark/24/pointer.png") 1x, url("../png/dark/24/pointer@2x.png") 2x) 10 3, image-set(url("../png/dark/24/pointer.png") 1x, url("../png/dark/24/pointer@2x.png") 2x) 10 3, pointer; } :where(:root[data-kuartal-cursor-size="24"]):where(:not([data-kuartal-cursor="off"])) :where(input:not([type="button"], [type="submit"], [type="reset"], [type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"]), textarea, [contenteditable]:not([contenteditable="false"])) { cursor: url("../png/dark/24/text.png") 12 12, -webkit-image-set(url("../png/dark/24/text.png") 1x, url("../png/dark/24/text@2x.png") 2x) 12 12, image-set(url("../png/dark/24/text.png") 1x, url("../png/dark/24/text@2x.png") 2x) 12 12, text; } :where(:root[data-kuartal-cursor-size="24"]):where(:not([data-kuartal-cursor="off"])) :where([aria-busy="true"]) { cursor: url("../png/dark/24/progress.png") 3 3, -webkit-image-set(url("../png/dark/24/progress.png") 1x, url("../png/dark/24/progress@2x.png") 2x) 3 3, image-set(url("../png/dark/24/progress.png") 1x, url("../png/dark/24/progress@2x.png") 2x) 3 3, progress; } :where(:root[data-kuartal-cursor-size="24"]):where(:not([data-kuartal-cursor="off"])) :where(:disabled, [aria-disabled="true"]) { cursor: url("../png/dark/24/not-allowed.png") 12 12, -webkit-image-set(url("../png/dark/24/not-allowed.png") 1x, url("../png/dark/24/not-allowed@2x.png") 2x) 12 12, image-set(url("../png/dark/24/not-allowed.png") 1x, url("../png/dark/24/not-allowed@2x.png") 2x) 12 12, not-allowed; } :where(:root[data-kuartal-cursor-size="24"]) .kc-default { cursor: url("../png/dark/24/default.png") 3 3, -webkit-image-set(url("../png/dark/24/default.png") 1x, url("../png/dark/24/default@2x.png") 2x) 3 3, image-set(url("../png/dark/24/default.png") 1x, url("../png/dark/24/default@2x.png") 2x) 3 3, default; } :where(:root[data-kuartal-cursor-size="24"]) .kc-text { cursor: url("../png/dark/24/text.png") 12 12, -webkit-image-set(url("../png/dark/24/text.png") 1x, url("../png/dark/24/text@2x.png") 2x) 12 12, image-set(url("../png/dark/24/text.png") 1x, url("../png/dark/24/text@2x.png") 2x) 12 12, text; } :where(:root[data-kuartal-cursor-size="24"]) .kc-vertical-text { cursor: url("../png/dark/24/vertical-text.png") 12 12, -webkit-image-set(url("../png/dark/24/vertical-text.png") 1x, url("../png/dark/24/vertical-text@2x.png") 2x) 12 12, image-set(url("../png/dark/24/vertical-text.png") 1x, url("../png/dark/24/vertical-text@2x.png") 2x) 12 12, vertical-text; } :where(:root[data-kuartal-cursor-size="24"]) .kc-pointer { cursor: url("../png/dark/24/pointer.png") 10 3, -webkit-image-set(url("../png/dark/24/pointer.png") 1x, url("../png/dark/24/pointer@2x.png") 2x) 10 3, image-set(url("../png/dark/24/pointer.png") 1x, url("../png/dark/24/pointer@2x.png") 2x) 10 3, pointer; } :where(:root[data-kuartal-cursor-size="24"]) .kc-wait { cursor: url("../png/dark/24/wait.png") 12 12, -webkit-image-set(url("../png/dark/24/wait.png") 1x, url("../png/dark/24/wait@2x.png") 2x) 12 12, image-set(url("../png/dark/24/wait.png") 1x, url("../png/dark/24/wait@2x.png") 2x) 12 12, wait; } :where(:root[data-kuartal-cursor-size="24"]) .kc-progress { cursor: url("../png/dark/24/progress.png") 3 3, -webkit-image-set(url("../png/dark/24/progress.png") 1x, url("../png/dark/24/progress@2x.png") 2x) 3 3, image-set(url("../png/dark/24/progress.png") 1x, url("../png/dark/24/progress@2x.png") 2x) 3 3, progress; } :where(:root[data-kuartal-cursor-size="24"]) .kc-crosshair { cursor: url("../png/dark/24/crosshair.png") 12 12, -webkit-image-set(url("../png/dark/24/crosshair.png") 1x, url("../png/dark/24/crosshair@2x.png") 2x) 12 12, image-set(url("../png/dark/24/crosshair.png") 1x, url("../png/dark/24/crosshair@2x.png") 2x) 12 12, crosshair; } :where(:root[data-kuartal-cursor-size="24"]) .kc-help { cursor: url("../png/dark/24/help.png") 3 3, -webkit-image-set(url("../png/dark/24/help.png") 1x, url("../png/dark/24/help@2x.png") 2x) 3 3, image-set(url("../png/dark/24/help.png") 1x, url("../png/dark/24/help@2x.png") 2x) 3 3, help; } :where(:root[data-kuartal-cursor-size="24"]) .kc-not-allowed { cursor: url("../png/dark/24/not-allowed.png") 12 12, -webkit-image-set(url("../png/dark/24/not-allowed.png") 1x, url("../png/dark/24/not-allowed@2x.png") 2x) 12 12, image-set(url("../png/dark/24/not-allowed.png") 1x, url("../png/dark/24/not-allowed@2x.png") 2x) 12 12, not-allowed; } :where(:root[data-kuartal-cursor-size="24"]) .kc-no-drop { cursor: url("../png/dark/24/no-drop.png") 3 3, -webkit-image-set(url("../png/dark/24/no-drop.png") 1x, url("../png/dark/24/no-drop@2x.png") 2x) 3 3, image-set(url("../png/dark/24/no-drop.png") 1x, url("../png/dark/24/no-drop@2x.png") 2x) 3 3, no-drop; } :where(:root[data-kuartal-cursor-size="24"]) .kc-move { cursor: url("../png/dark/24/move.png") 12 12, -webkit-image-set(url("../png/dark/24/move.png") 1x, url("../png/dark/24/move@2x.png") 2x) 12 12, image-set(url("../png/dark/24/move.png") 1x, url("../png/dark/24/move@2x.png") 2x) 12 12, move; } :where(:root[data-kuartal-cursor-size="24"]) .kc-grab { cursor: url("../png/dark/24/grab.png") 12 12, -webkit-image-set(url("../png/dark/24/grab.png") 1x, url("../png/dark/24/grab@2x.png") 2x) 12 12, image-set(url("../png/dark/24/grab.png") 1x, url("../png/dark/24/grab@2x.png") 2x) 12 12, grab; } :where(:root[data-kuartal-cursor-size="24"]) .kc-grabbing { cursor: url("../png/dark/24/grabbing.png") 12 12, -webkit-image-set(url("../png/dark/24/grabbing.png") 1x, url("../png/dark/24/grabbing@2x.png") 2x) 12 12, image-set(url("../png/dark/24/grabbing.png") 1x, url("../png/dark/24/grabbing@2x.png") 2x) 12 12, grabbing; } :where(:root[data-kuartal-cursor-size="24"]) .kc-ew-resize { cursor: url("../png/dark/24/ew-resize.png") 12 12, -webkit-image-set(url("../png/dark/24/ew-resize.png") 1x, url("../png/dark/24/ew-resize@2x.png") 2x) 12 12, image-set(url("../png/dark/24/ew-resize.png") 1x, url("../png/dark/24/ew-resize@2x.png") 2x) 12 12, ew-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-ns-resize { cursor: url("../png/dark/24/ns-resize.png") 12 12, -webkit-image-set(url("../png/dark/24/ns-resize.png") 1x, url("../png/dark/24/ns-resize@2x.png") 2x) 12 12, image-set(url("../png/dark/24/ns-resize.png") 1x, url("../png/dark/24/ns-resize@2x.png") 2x) 12 12, ns-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-nesw-resize { cursor: url("../png/dark/24/nesw-resize.png") 12 12, -webkit-image-set(url("../png/dark/24/nesw-resize.png") 1x, url("../png/dark/24/nesw-resize@2x.png") 2x) 12 12, image-set(url("../png/dark/24/nesw-resize.png") 1x, url("../png/dark/24/nesw-resize@2x.png") 2x) 12 12, nesw-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-nwse-resize { cursor: url("../png/dark/24/nwse-resize.png") 12 12, -webkit-image-set(url("../png/dark/24/nwse-resize.png") 1x, url("../png/dark/24/nwse-resize@2x.png") 2x) 12 12, image-set(url("../png/dark/24/nwse-resize.png") 1x, url("../png/dark/24/nwse-resize@2x.png") 2x) 12 12, nwse-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-n-resize { cursor: url("../png/dark/24/n-resize.png") 12 4, -webkit-image-set(url("../png/dark/24/n-resize.png") 1x, url("../png/dark/24/n-resize@2x.png") 2x) 12 4, image-set(url("../png/dark/24/n-resize.png") 1x, url("../png/dark/24/n-resize@2x.png") 2x) 12 4, n-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-e-resize { cursor: url("../png/dark/24/e-resize.png") 20 12, -webkit-image-set(url("../png/dark/24/e-resize.png") 1x, url("../png/dark/24/e-resize@2x.png") 2x) 20 12, image-set(url("../png/dark/24/e-resize.png") 1x, url("../png/dark/24/e-resize@2x.png") 2x) 20 12, e-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-s-resize { cursor: url("../png/dark/24/s-resize.png") 12 20, -webkit-image-set(url("../png/dark/24/s-resize.png") 1x, url("../png/dark/24/s-resize@2x.png") 2x) 12 20, image-set(url("../png/dark/24/s-resize.png") 1x, url("../png/dark/24/s-resize@2x.png") 2x) 12 20, s-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-w-resize { cursor: url("../png/dark/24/w-resize.png") 4 12, -webkit-image-set(url("../png/dark/24/w-resize.png") 1x, url("../png/dark/24/w-resize@2x.png") 2x) 4 12, image-set(url("../png/dark/24/w-resize.png") 1x, url("../png/dark/24/w-resize@2x.png") 2x) 4 12, w-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-ne-resize { cursor: url("../png/dark/24/ne-resize.png") 18 6, -webkit-image-set(url("../png/dark/24/ne-resize.png") 1x, url("../png/dark/24/ne-resize@2x.png") 2x) 18 6, image-set(url("../png/dark/24/ne-resize.png") 1x, url("../png/dark/24/ne-resize@2x.png") 2x) 18 6, ne-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-se-resize { cursor: url("../png/dark/24/se-resize.png") 18 18, -webkit-image-set(url("../png/dark/24/se-resize.png") 1x, url("../png/dark/24/se-resize@2x.png") 2x) 18 18, image-set(url("../png/dark/24/se-resize.png") 1x, url("../png/dark/24/se-resize@2x.png") 2x) 18 18, se-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-sw-resize { cursor: url("../png/dark/24/sw-resize.png") 6 18, -webkit-image-set(url("../png/dark/24/sw-resize.png") 1x, url("../png/dark/24/sw-resize@2x.png") 2x) 6 18, image-set(url("../png/dark/24/sw-resize.png") 1x, url("../png/dark/24/sw-resize@2x.png") 2x) 6 18, sw-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-nw-resize { cursor: url("../png/dark/24/nw-resize.png") 6 6, -webkit-image-set(url("../png/dark/24/nw-resize.png") 1x, url("../png/dark/24/nw-resize@2x.png") 2x) 6 6, image-set(url("../png/dark/24/nw-resize.png") 1x, url("../png/dark/24/nw-resize@2x.png") 2x) 6 6, nw-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-col-resize { cursor: url("../png/dark/24/col-resize.png") 12 12, -webkit-image-set(url("../png/dark/24/col-resize.png") 1x, url("../png/dark/24/col-resize@2x.png") 2x) 12 12, image-set(url("../png/dark/24/col-resize.png") 1x, url("../png/dark/24/col-resize@2x.png") 2x) 12 12, col-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-row-resize { cursor: url("../png/dark/24/row-resize.png") 12 12, -webkit-image-set(url("../png/dark/24/row-resize.png") 1x, url("../png/dark/24/row-resize@2x.png") 2x) 12 12, image-set(url("../png/dark/24/row-resize.png") 1x, url("../png/dark/24/row-resize@2x.png") 2x) 12 12, row-resize; } :where(:root[data-kuartal-cursor-size="24"]) .kc-all-scroll { cursor: url("../png/dark/24/all-scroll.png") 12 12, -webkit-image-set(url("../png/dark/24/all-scroll.png") 1x, url("../png/dark/24/all-scroll@2x.png") 2x) 12 12, image-set(url("../png/dark/24/all-scroll.png") 1x, url("../png/dark/24/all-scroll@2x.png") 2x) 12 12, all-scroll; } :where(:root[data-kuartal-cursor-size="24"]) .kc-zoom-in { cursor: url("../png/dark/24/zoom-in.png") 10 10, -webkit-image-set(url("../png/dark/24/zoom-in.png") 1x, url("../png/dark/24/zoom-in@2x.png") 2x) 10 10, image-set(url("../png/dark/24/zoom-in.png") 1x, url("../png/dark/24/zoom-in@2x.png") 2x) 10 10, zoom-in; } :where(:root[data-kuartal-cursor-size="24"]) .kc-zoom-out { cursor: url("../png/dark/24/zoom-out.png") 10 10, -webkit-image-set(url("../png/dark/24/zoom-out.png") 1x, url("../png/dark/24/zoom-out@2x.png") 2x) 10 10, image-set(url("../png/dark/24/zoom-out.png") 1x, url("../png/dark/24/zoom-out@2x.png") 2x) 10 10, zoom-out; } :where(:root[data-kuartal-cursor-size="24"]) .kc-copy { cursor: url("../png/dark/24/copy.png") 3 3, -webkit-image-set(url("../png/dark/24/copy.png") 1x, url("../png/dark/24/copy@2x.png") 2x) 3 3, image-set(url("../png/dark/24/copy.png") 1x, url("../png/dark/24/copy@2x.png") 2x) 3 3, copy; } :where(:root[data-kuartal-cursor-size="24"]) .kc-alias { cursor: url("../png/dark/24/alias.png") 3 3, -webkit-image-set(url("../png/dark/24/alias.png") 1x, url("../png/dark/24/alias@2x.png") 2x) 3 3, image-set(url("../png/dark/24/alias.png") 1x, url("../png/dark/24/alias@2x.png") 2x) 3 3, alias; } :where(:root[data-kuartal-cursor-size="24"]) .kc-context-menu { cursor: url("../png/dark/24/context-menu.png") 3 3, -webkit-image-set(url("../png/dark/24/context-menu.png") 1x, url("../png/dark/24/context-menu@2x.png") 2x) 3 3, image-set(url("../png/dark/24/context-menu.png") 1x, url("../png/dark/24/context-menu@2x.png") 2x) 3 3, context-menu; } :where(:root[data-kuartal-cursor-size="24"]) .kc-cell { cursor: url("../png/dark/24/cell.png") 12 12, -webkit-image-set(url("../png/dark/24/cell.png") 1x, url("../png/dark/24/cell@2x.png") 2x) 12 12, image-set(url("../png/dark/24/cell.png") 1x, url("../png/dark/24/cell@2x.png") 2x) 12 12, cell; } :where(:root[data-kuartal-cursor-size="24"]) .kc-pen { cursor: url("../png/dark/24/pen.png") 4 20, -webkit-image-set(url("../png/dark/24/pen.png") 1x, url("../png/dark/24/pen@2x.png") 2x) 4 20, image-set(url("../png/dark/24/pen.png") 1x, url("../png/dark/24/pen@2x.png") 2x) 4 20, crosshair; } :where(:root[data-kuartal-cursor-size="24"]) .kc-screenshot { cursor: url("../png/dark/24/screenshot.png") 12 12, -webkit-image-set(url("../png/dark/24/screenshot.png") 1x, url("../png/dark/24/screenshot@2x.png") 2x) 12 12, image-set(url("../png/dark/24/screenshot.png") 1x, url("../png/dark/24/screenshot@2x.png") 2x) 12 12, crosshair; } :where(:root[data-kuartal-cursor-size="24"]) .kc-drag-and-drop { cursor: url("../png/dark/24/drag-and-drop.png") 3 3, -webkit-image-set(url("../png/dark/24/drag-and-drop.png") 1x, url("../png/dark/24/drag-and-drop@2x.png") 2x) 3 3, image-set(url("../png/dark/24/drag-and-drop.png") 1x, url("../png/dark/24/drag-and-drop@2x.png") 2x) 3 3, move; } } /* :root[data-kuartal-cursor-size="48"] -> dark 48px (OS dark) */ @media (prefers-color-scheme: dark) { :where(:root[data-kuartal-cursor-size="48"]):where(:not([data-kuartal-cursor="off"])) { cursor: url("../png/dark/48/default.png") 6 6, -webkit-image-set(url("../png/dark/48/default.png") 1x, url("../png/dark/48/default@2x.png") 2x) 6 6, image-set(url("../png/dark/48/default.png") 1x, url("../png/dark/48/default@2x.png") 2x) 6 6, default; } :where(:root[data-kuartal-cursor-size="48"]):where(:not([data-kuartal-cursor="off"])) :where(a[href], button:not(:disabled), [role="button"], summary, label[for], select) { cursor: url("../png/dark/48/pointer.png") 20 6, -webkit-image-set(url("../png/dark/48/pointer.png") 1x, url("../png/dark/48/pointer@2x.png") 2x) 20 6, image-set(url("../png/dark/48/pointer.png") 1x, url("../png/dark/48/pointer@2x.png") 2x) 20 6, pointer; } :where(:root[data-kuartal-cursor-size="48"]):where(:not([data-kuartal-cursor="off"])) :where(input:not([type="button"], [type="submit"], [type="reset"], [type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"]), textarea, [contenteditable]:not([contenteditable="false"])) { cursor: url("../png/dark/48/text.png") 24 24, -webkit-image-set(url("../png/dark/48/text.png") 1x, url("../png/dark/48/text@2x.png") 2x) 24 24, image-set(url("../png/dark/48/text.png") 1x, url("../png/dark/48/text@2x.png") 2x) 24 24, text; } :where(:root[data-kuartal-cursor-size="48"]):where(:not([data-kuartal-cursor="off"])) :where([aria-busy="true"]) { cursor: url("../png/dark/48/progress.png") 6 6, -webkit-image-set(url("../png/dark/48/progress.png") 1x, url("../png/dark/48/progress@2x.png") 2x) 6 6, image-set(url("../png/dark/48/progress.png") 1x, url("../png/dark/48/progress@2x.png") 2x) 6 6, progress; } :where(:root[data-kuartal-cursor-size="48"]):where(:not([data-kuartal-cursor="off"])) :where(:disabled, [aria-disabled="true"]) { cursor: url("../png/dark/48/not-allowed.png") 24 24, -webkit-image-set(url("../png/dark/48/not-allowed.png") 1x, url("../png/dark/48/not-allowed@2x.png") 2x) 24 24, image-set(url("../png/dark/48/not-allowed.png") 1x, url("../png/dark/48/not-allowed@2x.png") 2x) 24 24, not-allowed; } :where(:root[data-kuartal-cursor-size="48"]) .kc-default { cursor: url("../png/dark/48/default.png") 6 6, -webkit-image-set(url("../png/dark/48/default.png") 1x, url("../png/dark/48/default@2x.png") 2x) 6 6, image-set(url("../png/dark/48/default.png") 1x, url("../png/dark/48/default@2x.png") 2x) 6 6, default; } :where(:root[data-kuartal-cursor-size="48"]) .kc-text { cursor: url("../png/dark/48/text.png") 24 24, -webkit-image-set(url("../png/dark/48/text.png") 1x, url("../png/dark/48/text@2x.png") 2x) 24 24, image-set(url("../png/dark/48/text.png") 1x, url("../png/dark/48/text@2x.png") 2x) 24 24, text; } :where(:root[data-kuartal-cursor-size="48"]) .kc-vertical-text { cursor: url("../png/dark/48/vertical-text.png") 24 24, -webkit-image-set(url("../png/dark/48/vertical-text.png") 1x, url("../png/dark/48/vertical-text@2x.png") 2x) 24 24, image-set(url("../png/dark/48/vertical-text.png") 1x, url("../png/dark/48/vertical-text@2x.png") 2x) 24 24, vertical-text; } :where(:root[data-kuartal-cursor-size="48"]) .kc-pointer { cursor: url("../png/dark/48/pointer.png") 20 6, -webkit-image-set(url("../png/dark/48/pointer.png") 1x, url("../png/dark/48/pointer@2x.png") 2x) 20 6, image-set(url("../png/dark/48/pointer.png") 1x, url("../png/dark/48/pointer@2x.png") 2x) 20 6, pointer; } :where(:root[data-kuartal-cursor-size="48"]) .kc-wait { cursor: url("../png/dark/48/wait.png") 24 24, -webkit-image-set(url("../png/dark/48/wait.png") 1x, url("../png/dark/48/wait@2x.png") 2x) 24 24, image-set(url("../png/dark/48/wait.png") 1x, url("../png/dark/48/wait@2x.png") 2x) 24 24, wait; } :where(:root[data-kuartal-cursor-size="48"]) .kc-progress { cursor: url("../png/dark/48/progress.png") 6 6, -webkit-image-set(url("../png/dark/48/progress.png") 1x, url("../png/dark/48/progress@2x.png") 2x) 6 6, image-set(url("../png/dark/48/progress.png") 1x, url("../png/dark/48/progress@2x.png") 2x) 6 6, progress; } :where(:root[data-kuartal-cursor-size="48"]) .kc-crosshair { cursor: url("../png/dark/48/crosshair.png") 24 24, -webkit-image-set(url("../png/dark/48/crosshair.png") 1x, url("../png/dark/48/crosshair@2x.png") 2x) 24 24, image-set(url("../png/dark/48/crosshair.png") 1x, url("../png/dark/48/crosshair@2x.png") 2x) 24 24, crosshair; } :where(:root[data-kuartal-cursor-size="48"]) .kc-help { cursor: url("../png/dark/48/help.png") 6 6, -webkit-image-set(url("../png/dark/48/help.png") 1x, url("../png/dark/48/help@2x.png") 2x) 6 6, image-set(url("../png/dark/48/help.png") 1x, url("../png/dark/48/help@2x.png") 2x) 6 6, help; } :where(:root[data-kuartal-cursor-size="48"]) .kc-not-allowed { cursor: url("../png/dark/48/not-allowed.png") 24 24, -webkit-image-set(url("../png/dark/48/not-allowed.png") 1x, url("../png/dark/48/not-allowed@2x.png") 2x) 24 24, image-set(url("../png/dark/48/not-allowed.png") 1x, url("../png/dark/48/not-allowed@2x.png") 2x) 24 24, not-allowed; } :where(:root[data-kuartal-cursor-size="48"]) .kc-no-drop { cursor: url("../png/dark/48/no-drop.png") 6 6, -webkit-image-set(url("../png/dark/48/no-drop.png") 1x, url("../png/dark/48/no-drop@2x.png") 2x) 6 6, image-set(url("../png/dark/48/no-drop.png") 1x, url("../png/dark/48/no-drop@2x.png") 2x) 6 6, no-drop; } :where(:root[data-kuartal-cursor-size="48"]) .kc-move { cursor: url("../png/dark/48/move.png") 24 24, -webkit-image-set(url("../png/dark/48/move.png") 1x, url("../png/dark/48/move@2x.png") 2x) 24 24, image-set(url("../png/dark/48/move.png") 1x, url("../png/dark/48/move@2x.png") 2x) 24 24, move; } :where(:root[data-kuartal-cursor-size="48"]) .kc-grab { cursor: url("../png/dark/48/grab.png") 24 24, -webkit-image-set(url("../png/dark/48/grab.png") 1x, url("../png/dark/48/grab@2x.png") 2x) 24 24, image-set(url("../png/dark/48/grab.png") 1x, url("../png/dark/48/grab@2x.png") 2x) 24 24, grab; } :where(:root[data-kuartal-cursor-size="48"]) .kc-grabbing { cursor: url("../png/dark/48/grabbing.png") 24 24, -webkit-image-set(url("../png/dark/48/grabbing.png") 1x, url("../png/dark/48/grabbing@2x.png") 2x) 24 24, image-set(url("../png/dark/48/grabbing.png") 1x, url("../png/dark/48/grabbing@2x.png") 2x) 24 24, grabbing; } :where(:root[data-kuartal-cursor-size="48"]) .kc-ew-resize { cursor: url("../png/dark/48/ew-resize.png") 24 24, -webkit-image-set(url("../png/dark/48/ew-resize.png") 1x, url("../png/dark/48/ew-resize@2x.png") 2x) 24 24, image-set(url("../png/dark/48/ew-resize.png") 1x, url("../png/dark/48/ew-resize@2x.png") 2x) 24 24, ew-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-ns-resize { cursor: url("../png/dark/48/ns-resize.png") 24 24, -webkit-image-set(url("../png/dark/48/ns-resize.png") 1x, url("../png/dark/48/ns-resize@2x.png") 2x) 24 24, image-set(url("../png/dark/48/ns-resize.png") 1x, url("../png/dark/48/ns-resize@2x.png") 2x) 24 24, ns-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-nesw-resize { cursor: url("../png/dark/48/nesw-resize.png") 24 24, -webkit-image-set(url("../png/dark/48/nesw-resize.png") 1x, url("../png/dark/48/nesw-resize@2x.png") 2x) 24 24, image-set(url("../png/dark/48/nesw-resize.png") 1x, url("../png/dark/48/nesw-resize@2x.png") 2x) 24 24, nesw-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-nwse-resize { cursor: url("../png/dark/48/nwse-resize.png") 24 24, -webkit-image-set(url("../png/dark/48/nwse-resize.png") 1x, url("../png/dark/48/nwse-resize@2x.png") 2x) 24 24, image-set(url("../png/dark/48/nwse-resize.png") 1x, url("../png/dark/48/nwse-resize@2x.png") 2x) 24 24, nwse-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-n-resize { cursor: url("../png/dark/48/n-resize.png") 24 8, -webkit-image-set(url("../png/dark/48/n-resize.png") 1x, url("../png/dark/48/n-resize@2x.png") 2x) 24 8, image-set(url("../png/dark/48/n-resize.png") 1x, url("../png/dark/48/n-resize@2x.png") 2x) 24 8, n-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-e-resize { cursor: url("../png/dark/48/e-resize.png") 40 24, -webkit-image-set(url("../png/dark/48/e-resize.png") 1x, url("../png/dark/48/e-resize@2x.png") 2x) 40 24, image-set(url("../png/dark/48/e-resize.png") 1x, url("../png/dark/48/e-resize@2x.png") 2x) 40 24, e-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-s-resize { cursor: url("../png/dark/48/s-resize.png") 24 40, -webkit-image-set(url("../png/dark/48/s-resize.png") 1x, url("../png/dark/48/s-resize@2x.png") 2x) 24 40, image-set(url("../png/dark/48/s-resize.png") 1x, url("../png/dark/48/s-resize@2x.png") 2x) 24 40, s-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-w-resize { cursor: url("../png/dark/48/w-resize.png") 8 24, -webkit-image-set(url("../png/dark/48/w-resize.png") 1x, url("../png/dark/48/w-resize@2x.png") 2x) 8 24, image-set(url("../png/dark/48/w-resize.png") 1x, url("../png/dark/48/w-resize@2x.png") 2x) 8 24, w-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-ne-resize { cursor: url("../png/dark/48/ne-resize.png") 36 12, -webkit-image-set(url("../png/dark/48/ne-resize.png") 1x, url("../png/dark/48/ne-resize@2x.png") 2x) 36 12, image-set(url("../png/dark/48/ne-resize.png") 1x, url("../png/dark/48/ne-resize@2x.png") 2x) 36 12, ne-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-se-resize { cursor: url("../png/dark/48/se-resize.png") 36 36, -webkit-image-set(url("../png/dark/48/se-resize.png") 1x, url("../png/dark/48/se-resize@2x.png") 2x) 36 36, image-set(url("../png/dark/48/se-resize.png") 1x, url("../png/dark/48/se-resize@2x.png") 2x) 36 36, se-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-sw-resize { cursor: url("../png/dark/48/sw-resize.png") 12 36, -webkit-image-set(url("../png/dark/48/sw-resize.png") 1x, url("../png/dark/48/sw-resize@2x.png") 2x) 12 36, image-set(url("../png/dark/48/sw-resize.png") 1x, url("../png/dark/48/sw-resize@2x.png") 2x) 12 36, sw-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-nw-resize { cursor: url("../png/dark/48/nw-resize.png") 12 12, -webkit-image-set(url("../png/dark/48/nw-resize.png") 1x, url("../png/dark/48/nw-resize@2x.png") 2x) 12 12, image-set(url("../png/dark/48/nw-resize.png") 1x, url("../png/dark/48/nw-resize@2x.png") 2x) 12 12, nw-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-col-resize { cursor: url("../png/dark/48/col-resize.png") 24 24, -webkit-image-set(url("../png/dark/48/col-resize.png") 1x, url("../png/dark/48/col-resize@2x.png") 2x) 24 24, image-set(url("../png/dark/48/col-resize.png") 1x, url("../png/dark/48/col-resize@2x.png") 2x) 24 24, col-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-row-resize { cursor: url("../png/dark/48/row-resize.png") 24 24, -webkit-image-set(url("../png/dark/48/row-resize.png") 1x, url("../png/dark/48/row-resize@2x.png") 2x) 24 24, image-set(url("../png/dark/48/row-resize.png") 1x, url("../png/dark/48/row-resize@2x.png") 2x) 24 24, row-resize; } :where(:root[data-kuartal-cursor-size="48"]) .kc-all-scroll { cursor: url("../png/dark/48/all-scroll.png") 24 24, -webkit-image-set(url("../png/dark/48/all-scroll.png") 1x, url("../png/dark/48/all-scroll@2x.png") 2x) 24 24, image-set(url("../png/dark/48/all-scroll.png") 1x, url("../png/dark/48/all-scroll@2x.png") 2x) 24 24, all-scroll; } :where(:root[data-kuartal-cursor-size="48"]) .kc-zoom-in { cursor: url("../png/dark/48/zoom-in.png") 20 20, -webkit-image-set(url("../png/dark/48/zoom-in.png") 1x, url("../png/dark/48/zoom-in@2x.png") 2x) 20 20, image-set(url("../png/dark/48/zoom-in.png") 1x, url("../png/dark/48/zoom-in@2x.png") 2x) 20 20, zoom-in; } :where(:root[data-kuartal-cursor-size="48"]) .kc-zoom-out { cursor: url("../png/dark/48/zoom-out.png") 20 20, -webkit-image-set(url("../png/dark/48/zoom-out.png") 1x, url("../png/dark/48/zoom-out@2x.png") 2x) 20 20, image-set(url("../png/dark/48/zoom-out.png") 1x, url("../png/dark/48/zoom-out@2x.png") 2x) 20 20, zoom-out; } :where(:root[data-kuartal-cursor-size="48"]) .kc-copy { cursor: url("../png/dark/48/copy.png") 6 6, -webkit-image-set(url("../png/dark/48/copy.png") 1x, url("../png/dark/48/copy@2x.png") 2x) 6 6, image-set(url("../png/dark/48/copy.png") 1x, url("../png/dark/48/copy@2x.png") 2x) 6 6, copy; } :where(:root[data-kuartal-cursor-size="48"]) .kc-alias { cursor: url("../png/dark/48/alias.png") 6 6, -webkit-image-set(url("../png/dark/48/alias.png") 1x, url("../png/dark/48/alias@2x.png") 2x) 6 6, image-set(url("../png/dark/48/alias.png") 1x, url("../png/dark/48/alias@2x.png") 2x) 6 6, alias; } :where(:root[data-kuartal-cursor-size="48"]) .kc-context-menu { cursor: url("../png/dark/48/context-menu.png") 6 6, -webkit-image-set(url("../png/dark/48/context-menu.png") 1x, url("../png/dark/48/context-menu@2x.png") 2x) 6 6, image-set(url("../png/dark/48/context-menu.png") 1x, url("../png/dark/48/context-menu@2x.png") 2x) 6 6, context-menu; } :where(:root[data-kuartal-cursor-size="48"]) .kc-cell { cursor: url("../png/dark/48/cell.png") 24 24, -webkit-image-set(url("../png/dark/48/cell.png") 1x, url("../png/dark/48/cell@2x.png") 2x) 24 24, image-set(url("../png/dark/48/cell.png") 1x, url("../png/dark/48/cell@2x.png") 2x) 24 24, cell; } :where(:root[data-kuartal-cursor-size="48"]) .kc-pen { cursor: url("../png/dark/48/pen.png") 8 40, -webkit-image-set(url("../png/dark/48/pen.png") 1x, url("../png/dark/48/pen@2x.png") 2x) 8 40, image-set(url("../png/dark/48/pen.png") 1x, url("../png/dark/48/pen@2x.png") 2x) 8 40, crosshair; } :where(:root[data-kuartal-cursor-size="48"]) .kc-screenshot { cursor: url("../png/dark/48/screenshot.png") 24 24, -webkit-image-set(url("../png/dark/48/screenshot.png") 1x, url("../png/dark/48/screenshot@2x.png") 2x) 24 24, image-set(url("../png/dark/48/screenshot.png") 1x, url("../png/dark/48/screenshot@2x.png") 2x) 24 24, crosshair; } :where(:root[data-kuartal-cursor-size="48"]) .kc-drag-and-drop { cursor: url("../png/dark/48/drag-and-drop.png") 6 6, -webkit-image-set(url("../png/dark/48/drag-and-drop.png") 1x, url("../png/dark/48/drag-and-drop@2x.png") 2x) 6 6, image-set(url("../png/dark/48/drag-and-drop.png") 1x, url("../png/dark/48/drag-and-drop@2x.png") 2x) 6 6, move; } } /* :root[data-kuartal-cursor-theme="light"] -> light 32px */ :where(:root[data-kuartal-cursor-theme="light"]):where(:not([data-kuartal-cursor="off"])) { cursor: url("../png/light/32/default.png") 4 4, -webkit-image-set(url("../png/light/32/default.png") 1x, url("../png/light/32/default@2x.png") 2x) 4 4, image-set(url("../png/light/32/default.png") 1x, url("../png/light/32/default@2x.png") 2x) 4 4, default; } :where(:root[data-kuartal-cursor-theme="light"]):where(:not([data-kuartal-cursor="off"])) :where(a[href], button:not(:disabled), [role="button"], summary, label[for], select) { cursor: url("../png/light/32/pointer.png") 13 4, -webkit-image-set(url("../png/light/32/pointer.png") 1x, url("../png/light/32/pointer@2x.png") 2x) 13 4, image-set(url("../png/light/32/pointer.png") 1x, url("../png/light/32/pointer@2x.png") 2x) 13 4, pointer; } :where(:root[data-kuartal-cursor-theme="light"]):where(:not([data-kuartal-cursor="off"])) :where(input:not([type="button"], [type="submit"], [type="reset"], [type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"]), textarea, [contenteditable]:not([contenteditable="false"])) { cursor: url("../png/light/32/text.png") 16 16, -webkit-image-set(url("../png/light/32/text.png") 1x, url("../png/light/32/text@2x.png") 2x) 16 16, image-set(url("../png/light/32/text.png") 1x, url("../png/light/32/text@2x.png") 2x) 16 16, text; } :where(:root[data-kuartal-cursor-theme="light"]):where(:not([data-kuartal-cursor="off"])) :where([aria-busy="true"]) { cursor: url("../png/light/32/progress.png") 4 4, -webkit-image-set(url("../png/light/32/progress.png") 1x, url("../png/light/32/progress@2x.png") 2x) 4 4, image-set(url("../png/light/32/progress.png") 1x, url("../png/light/32/progress@2x.png") 2x) 4 4, progress; } :where(:root[data-kuartal-cursor-theme="light"]):where(:not([data-kuartal-cursor="off"])) :where(:disabled, [aria-disabled="true"]) { cursor: url("../png/light/32/not-allowed.png") 16 16, -webkit-image-set(url("../png/light/32/not-allowed.png") 1x, url("../png/light/32/not-allowed@2x.png") 2x) 16 16, image-set(url("../png/light/32/not-allowed.png") 1x, url("../png/light/32/not-allowed@2x.png") 2x) 16 16, not-allowed; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-default { cursor: url("../png/light/32/default.png") 4 4, -webkit-image-set(url("../png/light/32/default.png") 1x, url("../png/light/32/default@2x.png") 2x) 4 4, image-set(url("../png/light/32/default.png") 1x, url("../png/light/32/default@2x.png") 2x) 4 4, default; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-text { cursor: url("../png/light/32/text.png") 16 16, -webkit-image-set(url("../png/light/32/text.png") 1x, url("../png/light/32/text@2x.png") 2x) 16 16, image-set(url("../png/light/32/text.png") 1x, url("../png/light/32/text@2x.png") 2x) 16 16, text; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-vertical-text { cursor: url("../png/light/32/vertical-text.png") 16 16, -webkit-image-set(url("../png/light/32/vertical-text.png") 1x, url("../png/light/32/vertical-text@2x.png") 2x) 16 16, image-set(url("../png/light/32/vertical-text.png") 1x, url("../png/light/32/vertical-text@2x.png") 2x) 16 16, vertical-text; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-pointer { cursor: url("../png/light/32/pointer.png") 13 4, -webkit-image-set(url("../png/light/32/pointer.png") 1x, url("../png/light/32/pointer@2x.png") 2x) 13 4, image-set(url("../png/light/32/pointer.png") 1x, url("../png/light/32/pointer@2x.png") 2x) 13 4, pointer; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-wait { cursor: url("../png/light/32/wait.png") 16 16, -webkit-image-set(url("../png/light/32/wait.png") 1x, url("../png/light/32/wait@2x.png") 2x) 16 16, image-set(url("../png/light/32/wait.png") 1x, url("../png/light/32/wait@2x.png") 2x) 16 16, wait; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-progress { cursor: url("../png/light/32/progress.png") 4 4, -webkit-image-set(url("../png/light/32/progress.png") 1x, url("../png/light/32/progress@2x.png") 2x) 4 4, image-set(url("../png/light/32/progress.png") 1x, url("../png/light/32/progress@2x.png") 2x) 4 4, progress; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-crosshair { cursor: url("../png/light/32/crosshair.png") 16 16, -webkit-image-set(url("../png/light/32/crosshair.png") 1x, url("../png/light/32/crosshair@2x.png") 2x) 16 16, image-set(url("../png/light/32/crosshair.png") 1x, url("../png/light/32/crosshair@2x.png") 2x) 16 16, crosshair; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-help { cursor: url("../png/light/32/help.png") 4 4, -webkit-image-set(url("../png/light/32/help.png") 1x, url("../png/light/32/help@2x.png") 2x) 4 4, image-set(url("../png/light/32/help.png") 1x, url("../png/light/32/help@2x.png") 2x) 4 4, help; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-not-allowed { cursor: url("../png/light/32/not-allowed.png") 16 16, -webkit-image-set(url("../png/light/32/not-allowed.png") 1x, url("../png/light/32/not-allowed@2x.png") 2x) 16 16, image-set(url("../png/light/32/not-allowed.png") 1x, url("../png/light/32/not-allowed@2x.png") 2x) 16 16, not-allowed; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-no-drop { cursor: url("../png/light/32/no-drop.png") 4 4, -webkit-image-set(url("../png/light/32/no-drop.png") 1x, url("../png/light/32/no-drop@2x.png") 2x) 4 4, image-set(url("../png/light/32/no-drop.png") 1x, url("../png/light/32/no-drop@2x.png") 2x) 4 4, no-drop; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-move { cursor: url("../png/light/32/move.png") 16 16, -webkit-image-set(url("../png/light/32/move.png") 1x, url("../png/light/32/move@2x.png") 2x) 16 16, image-set(url("../png/light/32/move.png") 1x, url("../png/light/32/move@2x.png") 2x) 16 16, move; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-grab { cursor: url("../png/light/32/grab.png") 16 16, -webkit-image-set(url("../png/light/32/grab.png") 1x, url("../png/light/32/grab@2x.png") 2x) 16 16, image-set(url("../png/light/32/grab.png") 1x, url("../png/light/32/grab@2x.png") 2x) 16 16, grab; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-grabbing { cursor: url("../png/light/32/grabbing.png") 16 16, -webkit-image-set(url("../png/light/32/grabbing.png") 1x, url("../png/light/32/grabbing@2x.png") 2x) 16 16, image-set(url("../png/light/32/grabbing.png") 1x, url("../png/light/32/grabbing@2x.png") 2x) 16 16, grabbing; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-ew-resize { cursor: url("../png/light/32/ew-resize.png") 16 16, -webkit-image-set(url("../png/light/32/ew-resize.png") 1x, url("../png/light/32/ew-resize@2x.png") 2x) 16 16, image-set(url("../png/light/32/ew-resize.png") 1x, url("../png/light/32/ew-resize@2x.png") 2x) 16 16, ew-resize; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-ns-resize { cursor: url("../png/light/32/ns-resize.png") 16 16, -webkit-image-set(url("../png/light/32/ns-resize.png") 1x, url("../png/light/32/ns-resize@2x.png") 2x) 16 16, image-set(url("../png/light/32/ns-resize.png") 1x, url("../png/light/32/ns-resize@2x.png") 2x) 16 16, ns-resize; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-nesw-resize { cursor: url("../png/light/32/nesw-resize.png") 16 16, -webkit-image-set(url("../png/light/32/nesw-resize.png") 1x, url("../png/light/32/nesw-resize@2x.png") 2x) 16 16, image-set(url("../png/light/32/nesw-resize.png") 1x, url("../png/light/32/nesw-resize@2x.png") 2x) 16 16, nesw-resize; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-nwse-resize { cursor: url("../png/light/32/nwse-resize.png") 16 16, -webkit-image-set(url("../png/light/32/nwse-resize.png") 1x, url("../png/light/32/nwse-resize@2x.png") 2x) 16 16, image-set(url("../png/light/32/nwse-resize.png") 1x, url("../png/light/32/nwse-resize@2x.png") 2x) 16 16, nwse-resize; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-n-resize { cursor: url("../png/light/32/n-resize.png") 16 5, -webkit-image-set(url("../png/light/32/n-resize.png") 1x, url("../png/light/32/n-resize@2x.png") 2x) 16 5, image-set(url("../png/light/32/n-resize.png") 1x, url("../png/light/32/n-resize@2x.png") 2x) 16 5, n-resize; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-e-resize { cursor: url("../png/light/32/e-resize.png") 27 16, -webkit-image-set(url("../png/light/32/e-resize.png") 1x, url("../png/light/32/e-resize@2x.png") 2x) 27 16, image-set(url("../png/light/32/e-resize.png") 1x, url("../png/light/32/e-resize@2x.png") 2x) 27 16, e-resize; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-s-resize { cursor: url("../png/light/32/s-resize.png") 16 27, -webkit-image-set(url("../png/light/32/s-resize.png") 1x, url("../png/light/32/s-resize@2x.png") 2x) 16 27, image-set(url("../png/light/32/s-resize.png") 1x, url("../png/light/32/s-resize@2x.png") 2x) 16 27, s-resize; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-w-resize { cursor: url("../png/light/32/w-resize.png") 5 16, -webkit-image-set(url("../png/light/32/w-resize.png") 1x, url("../png/light/32/w-resize@2x.png") 2x) 5 16, image-set(url("../png/light/32/w-resize.png") 1x, url("../png/light/32/w-resize@2x.png") 2x) 5 16, w-resize; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-ne-resize { cursor: url("../png/light/32/ne-resize.png") 24 8, -webkit-image-set(url("../png/light/32/ne-resize.png") 1x, url("../png/light/32/ne-resize@2x.png") 2x) 24 8, image-set(url("../png/light/32/ne-resize.png") 1x, url("../png/light/32/ne-resize@2x.png") 2x) 24 8, ne-resize; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-se-resize { cursor: url("../png/light/32/se-resize.png") 24 24, -webkit-image-set(url("../png/light/32/se-resize.png") 1x, url("../png/light/32/se-resize@2x.png") 2x) 24 24, image-set(url("../png/light/32/se-resize.png") 1x, url("../png/light/32/se-resize@2x.png") 2x) 24 24, se-resize; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-sw-resize { cursor: url("../png/light/32/sw-resize.png") 8 24, -webkit-image-set(url("../png/light/32/sw-resize.png") 1x, url("../png/light/32/sw-resize@2x.png") 2x) 8 24, image-set(url("../png/light/32/sw-resize.png") 1x, url("../png/light/32/sw-resize@2x.png") 2x) 8 24, sw-resize; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-nw-resize { cursor: url("../png/light/32/nw-resize.png") 8 8, -webkit-image-set(url("../png/light/32/nw-resize.png") 1x, url("../png/light/32/nw-resize@2x.png") 2x) 8 8, image-set(url("../png/light/32/nw-resize.png") 1x, url("../png/light/32/nw-resize@2x.png") 2x) 8 8, nw-resize; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-col-resize { cursor: url("../png/light/32/col-resize.png") 16 16, -webkit-image-set(url("../png/light/32/col-resize.png") 1x, url("../png/light/32/col-resize@2x.png") 2x) 16 16, image-set(url("../png/light/32/col-resize.png") 1x, url("../png/light/32/col-resize@2x.png") 2x) 16 16, col-resize; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-row-resize { cursor: url("../png/light/32/row-resize.png") 16 16, -webkit-image-set(url("../png/light/32/row-resize.png") 1x, url("../png/light/32/row-resize@2x.png") 2x) 16 16, image-set(url("../png/light/32/row-resize.png") 1x, url("../png/light/32/row-resize@2x.png") 2x) 16 16, row-resize; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-all-scroll { cursor: url("../png/light/32/all-scroll.png") 16 16, -webkit-image-set(url("../png/light/32/all-scroll.png") 1x, url("../png/light/32/all-scroll@2x.png") 2x) 16 16, image-set(url("../png/light/32/all-scroll.png") 1x, url("../png/light/32/all-scroll@2x.png") 2x) 16 16, all-scroll; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-zoom-in { cursor: url("../png/light/32/zoom-in.png") 13 13, -webkit-image-set(url("../png/light/32/zoom-in.png") 1x, url("../png/light/32/zoom-in@2x.png") 2x) 13 13, image-set(url("../png/light/32/zoom-in.png") 1x, url("../png/light/32/zoom-in@2x.png") 2x) 13 13, zoom-in; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-zoom-out { cursor: url("../png/light/32/zoom-out.png") 13 13, -webkit-image-set(url("../png/light/32/zoom-out.png") 1x, url("../png/light/32/zoom-out@2x.png") 2x) 13 13, image-set(url("../png/light/32/zoom-out.png") 1x, url("../png/light/32/zoom-out@2x.png") 2x) 13 13, zoom-out; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-copy { cursor: url("../png/light/32/copy.png") 4 4, -webkit-image-set(url("../png/light/32/copy.png") 1x, url("../png/light/32/copy@2x.png") 2x) 4 4, image-set(url("../png/light/32/copy.png") 1x, url("../png/light/32/copy@2x.png") 2x) 4 4, copy; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-alias { cursor: url("../png/light/32/alias.png") 4 4, -webkit-image-set(url("../png/light/32/alias.png") 1x, url("../png/light/32/alias@2x.png") 2x) 4 4, image-set(url("../png/light/32/alias.png") 1x, url("../png/light/32/alias@2x.png") 2x) 4 4, alias; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-context-menu { cursor: url("../png/light/32/context-menu.png") 4 4, -webkit-image-set(url("../png/light/32/context-menu.png") 1x, url("../png/light/32/context-menu@2x.png") 2x) 4 4, image-set(url("../png/light/32/context-menu.png") 1x, url("../png/light/32/context-menu@2x.png") 2x) 4 4, context-menu; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-cell { cursor: url("../png/light/32/cell.png") 16 16, -webkit-image-set(url("../png/light/32/cell.png") 1x, url("../png/light/32/cell@2x.png") 2x) 16 16, image-set(url("../png/light/32/cell.png") 1x, url("../png/light/32/cell@2x.png") 2x) 16 16, cell; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-pen { cursor: url("../png/light/32/pen.png") 5 27, -webkit-image-set(url("../png/light/32/pen.png") 1x, url("../png/light/32/pen@2x.png") 2x) 5 27, image-set(url("../png/light/32/pen.png") 1x, url("../png/light/32/pen@2x.png") 2x) 5 27, crosshair; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-screenshot { cursor: url("../png/light/32/screenshot.png") 16 16, -webkit-image-set(url("../png/light/32/screenshot.png") 1x, url("../png/light/32/screenshot@2x.png") 2x) 16 16, image-set(url("../png/light/32/screenshot.png") 1x, url("../png/light/32/screenshot@2x.png") 2x) 16 16, crosshair; } :where(:root[data-kuartal-cursor-theme="light"]) .kc-drag-and-drop { cursor: url("../png/light/32/drag-and-drop.png") 4 4, -webkit-image-set(url("../png/light/32/drag-and-drop.png") 1x, url("../png/light/32/drag-and-drop@2x.png") 2x) 4 4, image-set(url("../png/light/32/drag-and-drop.png") 1x, url("../png/light/32/drag-and-drop@2x.png") 2x) 4 4, move; } /* :root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"] -> light 24px */ :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]):where(:not([data-kuartal-cursor="off"])) { cursor: url("../png/light/24/default.png") 3 3, -webkit-image-set(url("../png/light/24/default.png") 1x, url("../png/light/24/default@2x.png") 2x) 3 3, image-set(url("../png/light/24/default.png") 1x, url("../png/light/24/default@2x.png") 2x) 3 3, default; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]):where(:not([data-kuartal-cursor="off"])) :where(a[href], button:not(:disabled), [role="button"], summary, label[for], select) { cursor: url("../png/light/24/pointer.png") 10 3, -webkit-image-set(url("../png/light/24/pointer.png") 1x, url("../png/light/24/pointer@2x.png") 2x) 10 3, image-set(url("../png/light/24/pointer.png") 1x, url("../png/light/24/pointer@2x.png") 2x) 10 3, pointer; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]):where(:not([data-kuartal-cursor="off"])) :where(input:not([type="button"], [type="submit"], [type="reset"], [type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"]), textarea, [contenteditable]:not([contenteditable="false"])) { cursor: url("../png/light/24/text.png") 12 12, -webkit-image-set(url("../png/light/24/text.png") 1x, url("../png/light/24/text@2x.png") 2x) 12 12, image-set(url("../png/light/24/text.png") 1x, url("../png/light/24/text@2x.png") 2x) 12 12, text; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]):where(:not([data-kuartal-cursor="off"])) :where([aria-busy="true"]) { cursor: url("../png/light/24/progress.png") 3 3, -webkit-image-set(url("../png/light/24/progress.png") 1x, url("../png/light/24/progress@2x.png") 2x) 3 3, image-set(url("../png/light/24/progress.png") 1x, url("../png/light/24/progress@2x.png") 2x) 3 3, progress; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]):where(:not([data-kuartal-cursor="off"])) :where(:disabled, [aria-disabled="true"]) { cursor: url("../png/light/24/not-allowed.png") 12 12, -webkit-image-set(url("../png/light/24/not-allowed.png") 1x, url("../png/light/24/not-allowed@2x.png") 2x) 12 12, image-set(url("../png/light/24/not-allowed.png") 1x, url("../png/light/24/not-allowed@2x.png") 2x) 12 12, not-allowed; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-default { cursor: url("../png/light/24/default.png") 3 3, -webkit-image-set(url("../png/light/24/default.png") 1x, url("../png/light/24/default@2x.png") 2x) 3 3, image-set(url("../png/light/24/default.png") 1x, url("../png/light/24/default@2x.png") 2x) 3 3, default; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-text { cursor: url("../png/light/24/text.png") 12 12, -webkit-image-set(url("../png/light/24/text.png") 1x, url("../png/light/24/text@2x.png") 2x) 12 12, image-set(url("../png/light/24/text.png") 1x, url("../png/light/24/text@2x.png") 2x) 12 12, text; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-vertical-text { cursor: url("../png/light/24/vertical-text.png") 12 12, -webkit-image-set(url("../png/light/24/vertical-text.png") 1x, url("../png/light/24/vertical-text@2x.png") 2x) 12 12, image-set(url("../png/light/24/vertical-text.png") 1x, url("../png/light/24/vertical-text@2x.png") 2x) 12 12, vertical-text; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-pointer { cursor: url("../png/light/24/pointer.png") 10 3, -webkit-image-set(url("../png/light/24/pointer.png") 1x, url("../png/light/24/pointer@2x.png") 2x) 10 3, image-set(url("../png/light/24/pointer.png") 1x, url("../png/light/24/pointer@2x.png") 2x) 10 3, pointer; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-wait { cursor: url("../png/light/24/wait.png") 12 12, -webkit-image-set(url("../png/light/24/wait.png") 1x, url("../png/light/24/wait@2x.png") 2x) 12 12, image-set(url("../png/light/24/wait.png") 1x, url("../png/light/24/wait@2x.png") 2x) 12 12, wait; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-progress { cursor: url("../png/light/24/progress.png") 3 3, -webkit-image-set(url("../png/light/24/progress.png") 1x, url("../png/light/24/progress@2x.png") 2x) 3 3, image-set(url("../png/light/24/progress.png") 1x, url("../png/light/24/progress@2x.png") 2x) 3 3, progress; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-crosshair { cursor: url("../png/light/24/crosshair.png") 12 12, -webkit-image-set(url("../png/light/24/crosshair.png") 1x, url("../png/light/24/crosshair@2x.png") 2x) 12 12, image-set(url("../png/light/24/crosshair.png") 1x, url("../png/light/24/crosshair@2x.png") 2x) 12 12, crosshair; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-help { cursor: url("../png/light/24/help.png") 3 3, -webkit-image-set(url("../png/light/24/help.png") 1x, url("../png/light/24/help@2x.png") 2x) 3 3, image-set(url("../png/light/24/help.png") 1x, url("../png/light/24/help@2x.png") 2x) 3 3, help; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-not-allowed { cursor: url("../png/light/24/not-allowed.png") 12 12, -webkit-image-set(url("../png/light/24/not-allowed.png") 1x, url("../png/light/24/not-allowed@2x.png") 2x) 12 12, image-set(url("../png/light/24/not-allowed.png") 1x, url("../png/light/24/not-allowed@2x.png") 2x) 12 12, not-allowed; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-no-drop { cursor: url("../png/light/24/no-drop.png") 3 3, -webkit-image-set(url("../png/light/24/no-drop.png") 1x, url("../png/light/24/no-drop@2x.png") 2x) 3 3, image-set(url("../png/light/24/no-drop.png") 1x, url("../png/light/24/no-drop@2x.png") 2x) 3 3, no-drop; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-move { cursor: url("../png/light/24/move.png") 12 12, -webkit-image-set(url("../png/light/24/move.png") 1x, url("../png/light/24/move@2x.png") 2x) 12 12, image-set(url("../png/light/24/move.png") 1x, url("../png/light/24/move@2x.png") 2x) 12 12, move; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-grab { cursor: url("../png/light/24/grab.png") 12 12, -webkit-image-set(url("../png/light/24/grab.png") 1x, url("../png/light/24/grab@2x.png") 2x) 12 12, image-set(url("../png/light/24/grab.png") 1x, url("../png/light/24/grab@2x.png") 2x) 12 12, grab; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-grabbing { cursor: url("../png/light/24/grabbing.png") 12 12, -webkit-image-set(url("../png/light/24/grabbing.png") 1x, url("../png/light/24/grabbing@2x.png") 2x) 12 12, image-set(url("../png/light/24/grabbing.png") 1x, url("../png/light/24/grabbing@2x.png") 2x) 12 12, grabbing; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-ew-resize { cursor: url("../png/light/24/ew-resize.png") 12 12, -webkit-image-set(url("../png/light/24/ew-resize.png") 1x, url("../png/light/24/ew-resize@2x.png") 2x) 12 12, image-set(url("../png/light/24/ew-resize.png") 1x, url("../png/light/24/ew-resize@2x.png") 2x) 12 12, ew-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-ns-resize { cursor: url("../png/light/24/ns-resize.png") 12 12, -webkit-image-set(url("../png/light/24/ns-resize.png") 1x, url("../png/light/24/ns-resize@2x.png") 2x) 12 12, image-set(url("../png/light/24/ns-resize.png") 1x, url("../png/light/24/ns-resize@2x.png") 2x) 12 12, ns-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-nesw-resize { cursor: url("../png/light/24/nesw-resize.png") 12 12, -webkit-image-set(url("../png/light/24/nesw-resize.png") 1x, url("../png/light/24/nesw-resize@2x.png") 2x) 12 12, image-set(url("../png/light/24/nesw-resize.png") 1x, url("../png/light/24/nesw-resize@2x.png") 2x) 12 12, nesw-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-nwse-resize { cursor: url("../png/light/24/nwse-resize.png") 12 12, -webkit-image-set(url("../png/light/24/nwse-resize.png") 1x, url("../png/light/24/nwse-resize@2x.png") 2x) 12 12, image-set(url("../png/light/24/nwse-resize.png") 1x, url("../png/light/24/nwse-resize@2x.png") 2x) 12 12, nwse-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-n-resize { cursor: url("../png/light/24/n-resize.png") 12 4, -webkit-image-set(url("../png/light/24/n-resize.png") 1x, url("../png/light/24/n-resize@2x.png") 2x) 12 4, image-set(url("../png/light/24/n-resize.png") 1x, url("../png/light/24/n-resize@2x.png") 2x) 12 4, n-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-e-resize { cursor: url("../png/light/24/e-resize.png") 20 12, -webkit-image-set(url("../png/light/24/e-resize.png") 1x, url("../png/light/24/e-resize@2x.png") 2x) 20 12, image-set(url("../png/light/24/e-resize.png") 1x, url("../png/light/24/e-resize@2x.png") 2x) 20 12, e-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-s-resize { cursor: url("../png/light/24/s-resize.png") 12 20, -webkit-image-set(url("../png/light/24/s-resize.png") 1x, url("../png/light/24/s-resize@2x.png") 2x) 12 20, image-set(url("../png/light/24/s-resize.png") 1x, url("../png/light/24/s-resize@2x.png") 2x) 12 20, s-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-w-resize { cursor: url("../png/light/24/w-resize.png") 4 12, -webkit-image-set(url("../png/light/24/w-resize.png") 1x, url("../png/light/24/w-resize@2x.png") 2x) 4 12, image-set(url("../png/light/24/w-resize.png") 1x, url("../png/light/24/w-resize@2x.png") 2x) 4 12, w-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-ne-resize { cursor: url("../png/light/24/ne-resize.png") 18 6, -webkit-image-set(url("../png/light/24/ne-resize.png") 1x, url("../png/light/24/ne-resize@2x.png") 2x) 18 6, image-set(url("../png/light/24/ne-resize.png") 1x, url("../png/light/24/ne-resize@2x.png") 2x) 18 6, ne-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-se-resize { cursor: url("../png/light/24/se-resize.png") 18 18, -webkit-image-set(url("../png/light/24/se-resize.png") 1x, url("../png/light/24/se-resize@2x.png") 2x) 18 18, image-set(url("../png/light/24/se-resize.png") 1x, url("../png/light/24/se-resize@2x.png") 2x) 18 18, se-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-sw-resize { cursor: url("../png/light/24/sw-resize.png") 6 18, -webkit-image-set(url("../png/light/24/sw-resize.png") 1x, url("../png/light/24/sw-resize@2x.png") 2x) 6 18, image-set(url("../png/light/24/sw-resize.png") 1x, url("../png/light/24/sw-resize@2x.png") 2x) 6 18, sw-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-nw-resize { cursor: url("../png/light/24/nw-resize.png") 6 6, -webkit-image-set(url("../png/light/24/nw-resize.png") 1x, url("../png/light/24/nw-resize@2x.png") 2x) 6 6, image-set(url("../png/light/24/nw-resize.png") 1x, url("../png/light/24/nw-resize@2x.png") 2x) 6 6, nw-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-col-resize { cursor: url("../png/light/24/col-resize.png") 12 12, -webkit-image-set(url("../png/light/24/col-resize.png") 1x, url("../png/light/24/col-resize@2x.png") 2x) 12 12, image-set(url("../png/light/24/col-resize.png") 1x, url("../png/light/24/col-resize@2x.png") 2x) 12 12, col-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-row-resize { cursor: url("../png/light/24/row-resize.png") 12 12, -webkit-image-set(url("../png/light/24/row-resize.png") 1x, url("../png/light/24/row-resize@2x.png") 2x) 12 12, image-set(url("../png/light/24/row-resize.png") 1x, url("../png/light/24/row-resize@2x.png") 2x) 12 12, row-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-all-scroll { cursor: url("../png/light/24/all-scroll.png") 12 12, -webkit-image-set(url("../png/light/24/all-scroll.png") 1x, url("../png/light/24/all-scroll@2x.png") 2x) 12 12, image-set(url("../png/light/24/all-scroll.png") 1x, url("../png/light/24/all-scroll@2x.png") 2x) 12 12, all-scroll; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-zoom-in { cursor: url("../png/light/24/zoom-in.png") 10 10, -webkit-image-set(url("../png/light/24/zoom-in.png") 1x, url("../png/light/24/zoom-in@2x.png") 2x) 10 10, image-set(url("../png/light/24/zoom-in.png") 1x, url("../png/light/24/zoom-in@2x.png") 2x) 10 10, zoom-in; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-zoom-out { cursor: url("../png/light/24/zoom-out.png") 10 10, -webkit-image-set(url("../png/light/24/zoom-out.png") 1x, url("../png/light/24/zoom-out@2x.png") 2x) 10 10, image-set(url("../png/light/24/zoom-out.png") 1x, url("../png/light/24/zoom-out@2x.png") 2x) 10 10, zoom-out; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-copy { cursor: url("../png/light/24/copy.png") 3 3, -webkit-image-set(url("../png/light/24/copy.png") 1x, url("../png/light/24/copy@2x.png") 2x) 3 3, image-set(url("../png/light/24/copy.png") 1x, url("../png/light/24/copy@2x.png") 2x) 3 3, copy; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-alias { cursor: url("../png/light/24/alias.png") 3 3, -webkit-image-set(url("../png/light/24/alias.png") 1x, url("../png/light/24/alias@2x.png") 2x) 3 3, image-set(url("../png/light/24/alias.png") 1x, url("../png/light/24/alias@2x.png") 2x) 3 3, alias; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-context-menu { cursor: url("../png/light/24/context-menu.png") 3 3, -webkit-image-set(url("../png/light/24/context-menu.png") 1x, url("../png/light/24/context-menu@2x.png") 2x) 3 3, image-set(url("../png/light/24/context-menu.png") 1x, url("../png/light/24/context-menu@2x.png") 2x) 3 3, context-menu; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-cell { cursor: url("../png/light/24/cell.png") 12 12, -webkit-image-set(url("../png/light/24/cell.png") 1x, url("../png/light/24/cell@2x.png") 2x) 12 12, image-set(url("../png/light/24/cell.png") 1x, url("../png/light/24/cell@2x.png") 2x) 12 12, cell; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-pen { cursor: url("../png/light/24/pen.png") 4 20, -webkit-image-set(url("../png/light/24/pen.png") 1x, url("../png/light/24/pen@2x.png") 2x) 4 20, image-set(url("../png/light/24/pen.png") 1x, url("../png/light/24/pen@2x.png") 2x) 4 20, crosshair; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-screenshot { cursor: url("../png/light/24/screenshot.png") 12 12, -webkit-image-set(url("../png/light/24/screenshot.png") 1x, url("../png/light/24/screenshot@2x.png") 2x) 12 12, image-set(url("../png/light/24/screenshot.png") 1x, url("../png/light/24/screenshot@2x.png") 2x) 12 12, crosshair; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="24"]) .kc-drag-and-drop { cursor: url("../png/light/24/drag-and-drop.png") 3 3, -webkit-image-set(url("../png/light/24/drag-and-drop.png") 1x, url("../png/light/24/drag-and-drop@2x.png") 2x) 3 3, image-set(url("../png/light/24/drag-and-drop.png") 1x, url("../png/light/24/drag-and-drop@2x.png") 2x) 3 3, move; } /* :root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"] -> light 48px */ :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]):where(:not([data-kuartal-cursor="off"])) { cursor: url("../png/light/48/default.png") 6 6, -webkit-image-set(url("../png/light/48/default.png") 1x, url("../png/light/48/default@2x.png") 2x) 6 6, image-set(url("../png/light/48/default.png") 1x, url("../png/light/48/default@2x.png") 2x) 6 6, default; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]):where(:not([data-kuartal-cursor="off"])) :where(a[href], button:not(:disabled), [role="button"], summary, label[for], select) { cursor: url("../png/light/48/pointer.png") 20 6, -webkit-image-set(url("../png/light/48/pointer.png") 1x, url("../png/light/48/pointer@2x.png") 2x) 20 6, image-set(url("../png/light/48/pointer.png") 1x, url("../png/light/48/pointer@2x.png") 2x) 20 6, pointer; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]):where(:not([data-kuartal-cursor="off"])) :where(input:not([type="button"], [type="submit"], [type="reset"], [type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"]), textarea, [contenteditable]:not([contenteditable="false"])) { cursor: url("../png/light/48/text.png") 24 24, -webkit-image-set(url("../png/light/48/text.png") 1x, url("../png/light/48/text@2x.png") 2x) 24 24, image-set(url("../png/light/48/text.png") 1x, url("../png/light/48/text@2x.png") 2x) 24 24, text; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]):where(:not([data-kuartal-cursor="off"])) :where([aria-busy="true"]) { cursor: url("../png/light/48/progress.png") 6 6, -webkit-image-set(url("../png/light/48/progress.png") 1x, url("../png/light/48/progress@2x.png") 2x) 6 6, image-set(url("../png/light/48/progress.png") 1x, url("../png/light/48/progress@2x.png") 2x) 6 6, progress; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]):where(:not([data-kuartal-cursor="off"])) :where(:disabled, [aria-disabled="true"]) { cursor: url("../png/light/48/not-allowed.png") 24 24, -webkit-image-set(url("../png/light/48/not-allowed.png") 1x, url("../png/light/48/not-allowed@2x.png") 2x) 24 24, image-set(url("../png/light/48/not-allowed.png") 1x, url("../png/light/48/not-allowed@2x.png") 2x) 24 24, not-allowed; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-default { cursor: url("../png/light/48/default.png") 6 6, -webkit-image-set(url("../png/light/48/default.png") 1x, url("../png/light/48/default@2x.png") 2x) 6 6, image-set(url("../png/light/48/default.png") 1x, url("../png/light/48/default@2x.png") 2x) 6 6, default; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-text { cursor: url("../png/light/48/text.png") 24 24, -webkit-image-set(url("../png/light/48/text.png") 1x, url("../png/light/48/text@2x.png") 2x) 24 24, image-set(url("../png/light/48/text.png") 1x, url("../png/light/48/text@2x.png") 2x) 24 24, text; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-vertical-text { cursor: url("../png/light/48/vertical-text.png") 24 24, -webkit-image-set(url("../png/light/48/vertical-text.png") 1x, url("../png/light/48/vertical-text@2x.png") 2x) 24 24, image-set(url("../png/light/48/vertical-text.png") 1x, url("../png/light/48/vertical-text@2x.png") 2x) 24 24, vertical-text; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-pointer { cursor: url("../png/light/48/pointer.png") 20 6, -webkit-image-set(url("../png/light/48/pointer.png") 1x, url("../png/light/48/pointer@2x.png") 2x) 20 6, image-set(url("../png/light/48/pointer.png") 1x, url("../png/light/48/pointer@2x.png") 2x) 20 6, pointer; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-wait { cursor: url("../png/light/48/wait.png") 24 24, -webkit-image-set(url("../png/light/48/wait.png") 1x, url("../png/light/48/wait@2x.png") 2x) 24 24, image-set(url("../png/light/48/wait.png") 1x, url("../png/light/48/wait@2x.png") 2x) 24 24, wait; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-progress { cursor: url("../png/light/48/progress.png") 6 6, -webkit-image-set(url("../png/light/48/progress.png") 1x, url("../png/light/48/progress@2x.png") 2x) 6 6, image-set(url("../png/light/48/progress.png") 1x, url("../png/light/48/progress@2x.png") 2x) 6 6, progress; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-crosshair { cursor: url("../png/light/48/crosshair.png") 24 24, -webkit-image-set(url("../png/light/48/crosshair.png") 1x, url("../png/light/48/crosshair@2x.png") 2x) 24 24, image-set(url("../png/light/48/crosshair.png") 1x, url("../png/light/48/crosshair@2x.png") 2x) 24 24, crosshair; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-help { cursor: url("../png/light/48/help.png") 6 6, -webkit-image-set(url("../png/light/48/help.png") 1x, url("../png/light/48/help@2x.png") 2x) 6 6, image-set(url("../png/light/48/help.png") 1x, url("../png/light/48/help@2x.png") 2x) 6 6, help; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-not-allowed { cursor: url("../png/light/48/not-allowed.png") 24 24, -webkit-image-set(url("../png/light/48/not-allowed.png") 1x, url("../png/light/48/not-allowed@2x.png") 2x) 24 24, image-set(url("../png/light/48/not-allowed.png") 1x, url("../png/light/48/not-allowed@2x.png") 2x) 24 24, not-allowed; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-no-drop { cursor: url("../png/light/48/no-drop.png") 6 6, -webkit-image-set(url("../png/light/48/no-drop.png") 1x, url("../png/light/48/no-drop@2x.png") 2x) 6 6, image-set(url("../png/light/48/no-drop.png") 1x, url("../png/light/48/no-drop@2x.png") 2x) 6 6, no-drop; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-move { cursor: url("../png/light/48/move.png") 24 24, -webkit-image-set(url("../png/light/48/move.png") 1x, url("../png/light/48/move@2x.png") 2x) 24 24, image-set(url("../png/light/48/move.png") 1x, url("../png/light/48/move@2x.png") 2x) 24 24, move; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-grab { cursor: url("../png/light/48/grab.png") 24 24, -webkit-image-set(url("../png/light/48/grab.png") 1x, url("../png/light/48/grab@2x.png") 2x) 24 24, image-set(url("../png/light/48/grab.png") 1x, url("../png/light/48/grab@2x.png") 2x) 24 24, grab; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-grabbing { cursor: url("../png/light/48/grabbing.png") 24 24, -webkit-image-set(url("../png/light/48/grabbing.png") 1x, url("../png/light/48/grabbing@2x.png") 2x) 24 24, image-set(url("../png/light/48/grabbing.png") 1x, url("../png/light/48/grabbing@2x.png") 2x) 24 24, grabbing; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-ew-resize { cursor: url("../png/light/48/ew-resize.png") 24 24, -webkit-image-set(url("../png/light/48/ew-resize.png") 1x, url("../png/light/48/ew-resize@2x.png") 2x) 24 24, image-set(url("../png/light/48/ew-resize.png") 1x, url("../png/light/48/ew-resize@2x.png") 2x) 24 24, ew-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-ns-resize { cursor: url("../png/light/48/ns-resize.png") 24 24, -webkit-image-set(url("../png/light/48/ns-resize.png") 1x, url("../png/light/48/ns-resize@2x.png") 2x) 24 24, image-set(url("../png/light/48/ns-resize.png") 1x, url("../png/light/48/ns-resize@2x.png") 2x) 24 24, ns-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-nesw-resize { cursor: url("../png/light/48/nesw-resize.png") 24 24, -webkit-image-set(url("../png/light/48/nesw-resize.png") 1x, url("../png/light/48/nesw-resize@2x.png") 2x) 24 24, image-set(url("../png/light/48/nesw-resize.png") 1x, url("../png/light/48/nesw-resize@2x.png") 2x) 24 24, nesw-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-nwse-resize { cursor: url("../png/light/48/nwse-resize.png") 24 24, -webkit-image-set(url("../png/light/48/nwse-resize.png") 1x, url("../png/light/48/nwse-resize@2x.png") 2x) 24 24, image-set(url("../png/light/48/nwse-resize.png") 1x, url("../png/light/48/nwse-resize@2x.png") 2x) 24 24, nwse-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-n-resize { cursor: url("../png/light/48/n-resize.png") 24 8, -webkit-image-set(url("../png/light/48/n-resize.png") 1x, url("../png/light/48/n-resize@2x.png") 2x) 24 8, image-set(url("../png/light/48/n-resize.png") 1x, url("../png/light/48/n-resize@2x.png") 2x) 24 8, n-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-e-resize { cursor: url("../png/light/48/e-resize.png") 40 24, -webkit-image-set(url("../png/light/48/e-resize.png") 1x, url("../png/light/48/e-resize@2x.png") 2x) 40 24, image-set(url("../png/light/48/e-resize.png") 1x, url("../png/light/48/e-resize@2x.png") 2x) 40 24, e-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-s-resize { cursor: url("../png/light/48/s-resize.png") 24 40, -webkit-image-set(url("../png/light/48/s-resize.png") 1x, url("../png/light/48/s-resize@2x.png") 2x) 24 40, image-set(url("../png/light/48/s-resize.png") 1x, url("../png/light/48/s-resize@2x.png") 2x) 24 40, s-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-w-resize { cursor: url("../png/light/48/w-resize.png") 8 24, -webkit-image-set(url("../png/light/48/w-resize.png") 1x, url("../png/light/48/w-resize@2x.png") 2x) 8 24, image-set(url("../png/light/48/w-resize.png") 1x, url("../png/light/48/w-resize@2x.png") 2x) 8 24, w-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-ne-resize { cursor: url("../png/light/48/ne-resize.png") 36 12, -webkit-image-set(url("../png/light/48/ne-resize.png") 1x, url("../png/light/48/ne-resize@2x.png") 2x) 36 12, image-set(url("../png/light/48/ne-resize.png") 1x, url("../png/light/48/ne-resize@2x.png") 2x) 36 12, ne-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-se-resize { cursor: url("../png/light/48/se-resize.png") 36 36, -webkit-image-set(url("../png/light/48/se-resize.png") 1x, url("../png/light/48/se-resize@2x.png") 2x) 36 36, image-set(url("../png/light/48/se-resize.png") 1x, url("../png/light/48/se-resize@2x.png") 2x) 36 36, se-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-sw-resize { cursor: url("../png/light/48/sw-resize.png") 12 36, -webkit-image-set(url("../png/light/48/sw-resize.png") 1x, url("../png/light/48/sw-resize@2x.png") 2x) 12 36, image-set(url("../png/light/48/sw-resize.png") 1x, url("../png/light/48/sw-resize@2x.png") 2x) 12 36, sw-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-nw-resize { cursor: url("../png/light/48/nw-resize.png") 12 12, -webkit-image-set(url("../png/light/48/nw-resize.png") 1x, url("../png/light/48/nw-resize@2x.png") 2x) 12 12, image-set(url("../png/light/48/nw-resize.png") 1x, url("../png/light/48/nw-resize@2x.png") 2x) 12 12, nw-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-col-resize { cursor: url("../png/light/48/col-resize.png") 24 24, -webkit-image-set(url("../png/light/48/col-resize.png") 1x, url("../png/light/48/col-resize@2x.png") 2x) 24 24, image-set(url("../png/light/48/col-resize.png") 1x, url("../png/light/48/col-resize@2x.png") 2x) 24 24, col-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-row-resize { cursor: url("../png/light/48/row-resize.png") 24 24, -webkit-image-set(url("../png/light/48/row-resize.png") 1x, url("../png/light/48/row-resize@2x.png") 2x) 24 24, image-set(url("../png/light/48/row-resize.png") 1x, url("../png/light/48/row-resize@2x.png") 2x) 24 24, row-resize; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-all-scroll { cursor: url("../png/light/48/all-scroll.png") 24 24, -webkit-image-set(url("../png/light/48/all-scroll.png") 1x, url("../png/light/48/all-scroll@2x.png") 2x) 24 24, image-set(url("../png/light/48/all-scroll.png") 1x, url("../png/light/48/all-scroll@2x.png") 2x) 24 24, all-scroll; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-zoom-in { cursor: url("../png/light/48/zoom-in.png") 20 20, -webkit-image-set(url("../png/light/48/zoom-in.png") 1x, url("../png/light/48/zoom-in@2x.png") 2x) 20 20, image-set(url("../png/light/48/zoom-in.png") 1x, url("../png/light/48/zoom-in@2x.png") 2x) 20 20, zoom-in; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-zoom-out { cursor: url("../png/light/48/zoom-out.png") 20 20, -webkit-image-set(url("../png/light/48/zoom-out.png") 1x, url("../png/light/48/zoom-out@2x.png") 2x) 20 20, image-set(url("../png/light/48/zoom-out.png") 1x, url("../png/light/48/zoom-out@2x.png") 2x) 20 20, zoom-out; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-copy { cursor: url("../png/light/48/copy.png") 6 6, -webkit-image-set(url("../png/light/48/copy.png") 1x, url("../png/light/48/copy@2x.png") 2x) 6 6, image-set(url("../png/light/48/copy.png") 1x, url("../png/light/48/copy@2x.png") 2x) 6 6, copy; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-alias { cursor: url("../png/light/48/alias.png") 6 6, -webkit-image-set(url("../png/light/48/alias.png") 1x, url("../png/light/48/alias@2x.png") 2x) 6 6, image-set(url("../png/light/48/alias.png") 1x, url("../png/light/48/alias@2x.png") 2x) 6 6, alias; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-context-menu { cursor: url("../png/light/48/context-menu.png") 6 6, -webkit-image-set(url("../png/light/48/context-menu.png") 1x, url("../png/light/48/context-menu@2x.png") 2x) 6 6, image-set(url("../png/light/48/context-menu.png") 1x, url("../png/light/48/context-menu@2x.png") 2x) 6 6, context-menu; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-cell { cursor: url("../png/light/48/cell.png") 24 24, -webkit-image-set(url("../png/light/48/cell.png") 1x, url("../png/light/48/cell@2x.png") 2x) 24 24, image-set(url("../png/light/48/cell.png") 1x, url("../png/light/48/cell@2x.png") 2x) 24 24, cell; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-pen { cursor: url("../png/light/48/pen.png") 8 40, -webkit-image-set(url("../png/light/48/pen.png") 1x, url("../png/light/48/pen@2x.png") 2x) 8 40, image-set(url("../png/light/48/pen.png") 1x, url("../png/light/48/pen@2x.png") 2x) 8 40, crosshair; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-screenshot { cursor: url("../png/light/48/screenshot.png") 24 24, -webkit-image-set(url("../png/light/48/screenshot.png") 1x, url("../png/light/48/screenshot@2x.png") 2x) 24 24, image-set(url("../png/light/48/screenshot.png") 1x, url("../png/light/48/screenshot@2x.png") 2x) 24 24, crosshair; } :where(:root[data-kuartal-cursor-theme="light"][data-kuartal-cursor-size="48"]) .kc-drag-and-drop { cursor: url("../png/light/48/drag-and-drop.png") 6 6, -webkit-image-set(url("../png/light/48/drag-and-drop.png") 1x, url("../png/light/48/drag-and-drop@2x.png") 2x) 6 6, image-set(url("../png/light/48/drag-and-drop.png") 1x, url("../png/light/48/drag-and-drop@2x.png") 2x) 6 6, move; } /* :root[data-kuartal-cursor-theme="dark"] -> dark 32px */ :where(:root[data-kuartal-cursor-theme="dark"]):where(:not([data-kuartal-cursor="off"])) { cursor: url("../png/dark/32/default.png") 4 4, -webkit-image-set(url("../png/dark/32/default.png") 1x, url("../png/dark/32/default@2x.png") 2x) 4 4, image-set(url("../png/dark/32/default.png") 1x, url("../png/dark/32/default@2x.png") 2x) 4 4, default; } :where(:root[data-kuartal-cursor-theme="dark"]):where(:not([data-kuartal-cursor="off"])) :where(a[href], button:not(:disabled), [role="button"], summary, label[for], select) { cursor: url("../png/dark/32/pointer.png") 13 4, -webkit-image-set(url("../png/dark/32/pointer.png") 1x, url("../png/dark/32/pointer@2x.png") 2x) 13 4, image-set(url("../png/dark/32/pointer.png") 1x, url("../png/dark/32/pointer@2x.png") 2x) 13 4, pointer; } :where(:root[data-kuartal-cursor-theme="dark"]):where(:not([data-kuartal-cursor="off"])) :where(input:not([type="button"], [type="submit"], [type="reset"], [type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"]), textarea, [contenteditable]:not([contenteditable="false"])) { cursor: url("../png/dark/32/text.png") 16 16, -webkit-image-set(url("../png/dark/32/text.png") 1x, url("../png/dark/32/text@2x.png") 2x) 16 16, image-set(url("../png/dark/32/text.png") 1x, url("../png/dark/32/text@2x.png") 2x) 16 16, text; } :where(:root[data-kuartal-cursor-theme="dark"]):where(:not([data-kuartal-cursor="off"])) :where([aria-busy="true"]) { cursor: url("../png/dark/32/progress.png") 4 4, -webkit-image-set(url("../png/dark/32/progress.png") 1x, url("../png/dark/32/progress@2x.png") 2x) 4 4, image-set(url("../png/dark/32/progress.png") 1x, url("../png/dark/32/progress@2x.png") 2x) 4 4, progress; } :where(:root[data-kuartal-cursor-theme="dark"]):where(:not([data-kuartal-cursor="off"])) :where(:disabled, [aria-disabled="true"]) { cursor: url("../png/dark/32/not-allowed.png") 16 16, -webkit-image-set(url("../png/dark/32/not-allowed.png") 1x, url("../png/dark/32/not-allowed@2x.png") 2x) 16 16, image-set(url("../png/dark/32/not-allowed.png") 1x, url("../png/dark/32/not-allowed@2x.png") 2x) 16 16, not-allowed; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-default { cursor: url("../png/dark/32/default.png") 4 4, -webkit-image-set(url("../png/dark/32/default.png") 1x, url("../png/dark/32/default@2x.png") 2x) 4 4, image-set(url("../png/dark/32/default.png") 1x, url("../png/dark/32/default@2x.png") 2x) 4 4, default; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-text { cursor: url("../png/dark/32/text.png") 16 16, -webkit-image-set(url("../png/dark/32/text.png") 1x, url("../png/dark/32/text@2x.png") 2x) 16 16, image-set(url("../png/dark/32/text.png") 1x, url("../png/dark/32/text@2x.png") 2x) 16 16, text; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-vertical-text { cursor: url("../png/dark/32/vertical-text.png") 16 16, -webkit-image-set(url("../png/dark/32/vertical-text.png") 1x, url("../png/dark/32/vertical-text@2x.png") 2x) 16 16, image-set(url("../png/dark/32/vertical-text.png") 1x, url("../png/dark/32/vertical-text@2x.png") 2x) 16 16, vertical-text; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-pointer { cursor: url("../png/dark/32/pointer.png") 13 4, -webkit-image-set(url("../png/dark/32/pointer.png") 1x, url("../png/dark/32/pointer@2x.png") 2x) 13 4, image-set(url("../png/dark/32/pointer.png") 1x, url("../png/dark/32/pointer@2x.png") 2x) 13 4, pointer; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-wait { cursor: url("../png/dark/32/wait.png") 16 16, -webkit-image-set(url("../png/dark/32/wait.png") 1x, url("../png/dark/32/wait@2x.png") 2x) 16 16, image-set(url("../png/dark/32/wait.png") 1x, url("../png/dark/32/wait@2x.png") 2x) 16 16, wait; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-progress { cursor: url("../png/dark/32/progress.png") 4 4, -webkit-image-set(url("../png/dark/32/progress.png") 1x, url("../png/dark/32/progress@2x.png") 2x) 4 4, image-set(url("../png/dark/32/progress.png") 1x, url("../png/dark/32/progress@2x.png") 2x) 4 4, progress; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-crosshair { cursor: url("../png/dark/32/crosshair.png") 16 16, -webkit-image-set(url("../png/dark/32/crosshair.png") 1x, url("../png/dark/32/crosshair@2x.png") 2x) 16 16, image-set(url("../png/dark/32/crosshair.png") 1x, url("../png/dark/32/crosshair@2x.png") 2x) 16 16, crosshair; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-help { cursor: url("../png/dark/32/help.png") 4 4, -webkit-image-set(url("../png/dark/32/help.png") 1x, url("../png/dark/32/help@2x.png") 2x) 4 4, image-set(url("../png/dark/32/help.png") 1x, url("../png/dark/32/help@2x.png") 2x) 4 4, help; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-not-allowed { cursor: url("../png/dark/32/not-allowed.png") 16 16, -webkit-image-set(url("../png/dark/32/not-allowed.png") 1x, url("../png/dark/32/not-allowed@2x.png") 2x) 16 16, image-set(url("../png/dark/32/not-allowed.png") 1x, url("../png/dark/32/not-allowed@2x.png") 2x) 16 16, not-allowed; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-no-drop { cursor: url("../png/dark/32/no-drop.png") 4 4, -webkit-image-set(url("../png/dark/32/no-drop.png") 1x, url("../png/dark/32/no-drop@2x.png") 2x) 4 4, image-set(url("../png/dark/32/no-drop.png") 1x, url("../png/dark/32/no-drop@2x.png") 2x) 4 4, no-drop; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-move { cursor: url("../png/dark/32/move.png") 16 16, -webkit-image-set(url("../png/dark/32/move.png") 1x, url("../png/dark/32/move@2x.png") 2x) 16 16, image-set(url("../png/dark/32/move.png") 1x, url("../png/dark/32/move@2x.png") 2x) 16 16, move; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-grab { cursor: url("../png/dark/32/grab.png") 16 16, -webkit-image-set(url("../png/dark/32/grab.png") 1x, url("../png/dark/32/grab@2x.png") 2x) 16 16, image-set(url("../png/dark/32/grab.png") 1x, url("../png/dark/32/grab@2x.png") 2x) 16 16, grab; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-grabbing { cursor: url("../png/dark/32/grabbing.png") 16 16, -webkit-image-set(url("../png/dark/32/grabbing.png") 1x, url("../png/dark/32/grabbing@2x.png") 2x) 16 16, image-set(url("../png/dark/32/grabbing.png") 1x, url("../png/dark/32/grabbing@2x.png") 2x) 16 16, grabbing; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-ew-resize { cursor: url("../png/dark/32/ew-resize.png") 16 16, -webkit-image-set(url("../png/dark/32/ew-resize.png") 1x, url("../png/dark/32/ew-resize@2x.png") 2x) 16 16, image-set(url("../png/dark/32/ew-resize.png") 1x, url("../png/dark/32/ew-resize@2x.png") 2x) 16 16, ew-resize; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-ns-resize { cursor: url("../png/dark/32/ns-resize.png") 16 16, -webkit-image-set(url("../png/dark/32/ns-resize.png") 1x, url("../png/dark/32/ns-resize@2x.png") 2x) 16 16, image-set(url("../png/dark/32/ns-resize.png") 1x, url("../png/dark/32/ns-resize@2x.png") 2x) 16 16, ns-resize; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-nesw-resize { cursor: url("../png/dark/32/nesw-resize.png") 16 16, -webkit-image-set(url("../png/dark/32/nesw-resize.png") 1x, url("../png/dark/32/nesw-resize@2x.png") 2x) 16 16, image-set(url("../png/dark/32/nesw-resize.png") 1x, url("../png/dark/32/nesw-resize@2x.png") 2x) 16 16, nesw-resize; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-nwse-resize { cursor: url("../png/dark/32/nwse-resize.png") 16 16, -webkit-image-set(url("../png/dark/32/nwse-resize.png") 1x, url("../png/dark/32/nwse-resize@2x.png") 2x) 16 16, image-set(url("../png/dark/32/nwse-resize.png") 1x, url("../png/dark/32/nwse-resize@2x.png") 2x) 16 16, nwse-resize; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-n-resize { cursor: url("../png/dark/32/n-resize.png") 16 5, -webkit-image-set(url("../png/dark/32/n-resize.png") 1x, url("../png/dark/32/n-resize@2x.png") 2x) 16 5, image-set(url("../png/dark/32/n-resize.png") 1x, url("../png/dark/32/n-resize@2x.png") 2x) 16 5, n-resize; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-e-resize { cursor: url("../png/dark/32/e-resize.png") 27 16, -webkit-image-set(url("../png/dark/32/e-resize.png") 1x, url("../png/dark/32/e-resize@2x.png") 2x) 27 16, image-set(url("../png/dark/32/e-resize.png") 1x, url("../png/dark/32/e-resize@2x.png") 2x) 27 16, e-resize; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-s-resize { cursor: url("../png/dark/32/s-resize.png") 16 27, -webkit-image-set(url("../png/dark/32/s-resize.png") 1x, url("../png/dark/32/s-resize@2x.png") 2x) 16 27, image-set(url("../png/dark/32/s-resize.png") 1x, url("../png/dark/32/s-resize@2x.png") 2x) 16 27, s-resize; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-w-resize { cursor: url("../png/dark/32/w-resize.png") 5 16, -webkit-image-set(url("../png/dark/32/w-resize.png") 1x, url("../png/dark/32/w-resize@2x.png") 2x) 5 16, image-set(url("../png/dark/32/w-resize.png") 1x, url("../png/dark/32/w-resize@2x.png") 2x) 5 16, w-resize; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-ne-resize { cursor: url("../png/dark/32/ne-resize.png") 24 8, -webkit-image-set(url("../png/dark/32/ne-resize.png") 1x, url("../png/dark/32/ne-resize@2x.png") 2x) 24 8, image-set(url("../png/dark/32/ne-resize.png") 1x, url("../png/dark/32/ne-resize@2x.png") 2x) 24 8, ne-resize; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-se-resize { cursor: url("../png/dark/32/se-resize.png") 24 24, -webkit-image-set(url("../png/dark/32/se-resize.png") 1x, url("../png/dark/32/se-resize@2x.png") 2x) 24 24, image-set(url("../png/dark/32/se-resize.png") 1x, url("../png/dark/32/se-resize@2x.png") 2x) 24 24, se-resize; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-sw-resize { cursor: url("../png/dark/32/sw-resize.png") 8 24, -webkit-image-set(url("../png/dark/32/sw-resize.png") 1x, url("../png/dark/32/sw-resize@2x.png") 2x) 8 24, image-set(url("../png/dark/32/sw-resize.png") 1x, url("../png/dark/32/sw-resize@2x.png") 2x) 8 24, sw-resize; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-nw-resize { cursor: url("../png/dark/32/nw-resize.png") 8 8, -webkit-image-set(url("../png/dark/32/nw-resize.png") 1x, url("../png/dark/32/nw-resize@2x.png") 2x) 8 8, image-set(url("../png/dark/32/nw-resize.png") 1x, url("../png/dark/32/nw-resize@2x.png") 2x) 8 8, nw-resize; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-col-resize { cursor: url("../png/dark/32/col-resize.png") 16 16, -webkit-image-set(url("../png/dark/32/col-resize.png") 1x, url("../png/dark/32/col-resize@2x.png") 2x) 16 16, image-set(url("../png/dark/32/col-resize.png") 1x, url("../png/dark/32/col-resize@2x.png") 2x) 16 16, col-resize; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-row-resize { cursor: url("../png/dark/32/row-resize.png") 16 16, -webkit-image-set(url("../png/dark/32/row-resize.png") 1x, url("../png/dark/32/row-resize@2x.png") 2x) 16 16, image-set(url("../png/dark/32/row-resize.png") 1x, url("../png/dark/32/row-resize@2x.png") 2x) 16 16, row-resize; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-all-scroll { cursor: url("../png/dark/32/all-scroll.png") 16 16, -webkit-image-set(url("../png/dark/32/all-scroll.png") 1x, url("../png/dark/32/all-scroll@2x.png") 2x) 16 16, image-set(url("../png/dark/32/all-scroll.png") 1x, url("../png/dark/32/all-scroll@2x.png") 2x) 16 16, all-scroll; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-zoom-in { cursor: url("../png/dark/32/zoom-in.png") 13 13, -webkit-image-set(url("../png/dark/32/zoom-in.png") 1x, url("../png/dark/32/zoom-in@2x.png") 2x) 13 13, image-set(url("../png/dark/32/zoom-in.png") 1x, url("../png/dark/32/zoom-in@2x.png") 2x) 13 13, zoom-in; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-zoom-out { cursor: url("../png/dark/32/zoom-out.png") 13 13, -webkit-image-set(url("../png/dark/32/zoom-out.png") 1x, url("../png/dark/32/zoom-out@2x.png") 2x) 13 13, image-set(url("../png/dark/32/zoom-out.png") 1x, url("../png/dark/32/zoom-out@2x.png") 2x) 13 13, zoom-out; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-copy { cursor: url("../png/dark/32/copy.png") 4 4, -webkit-image-set(url("../png/dark/32/copy.png") 1x, url("../png/dark/32/copy@2x.png") 2x) 4 4, image-set(url("../png/dark/32/copy.png") 1x, url("../png/dark/32/copy@2x.png") 2x) 4 4, copy; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-alias { cursor: url("../png/dark/32/alias.png") 4 4, -webkit-image-set(url("../png/dark/32/alias.png") 1x, url("../png/dark/32/alias@2x.png") 2x) 4 4, image-set(url("../png/dark/32/alias.png") 1x, url("../png/dark/32/alias@2x.png") 2x) 4 4, alias; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-context-menu { cursor: url("../png/dark/32/context-menu.png") 4 4, -webkit-image-set(url("../png/dark/32/context-menu.png") 1x, url("../png/dark/32/context-menu@2x.png") 2x) 4 4, image-set(url("../png/dark/32/context-menu.png") 1x, url("../png/dark/32/context-menu@2x.png") 2x) 4 4, context-menu; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-cell { cursor: url("../png/dark/32/cell.png") 16 16, -webkit-image-set(url("../png/dark/32/cell.png") 1x, url("../png/dark/32/cell@2x.png") 2x) 16 16, image-set(url("../png/dark/32/cell.png") 1x, url("../png/dark/32/cell@2x.png") 2x) 16 16, cell; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-pen { cursor: url("../png/dark/32/pen.png") 5 27, -webkit-image-set(url("../png/dark/32/pen.png") 1x, url("../png/dark/32/pen@2x.png") 2x) 5 27, image-set(url("../png/dark/32/pen.png") 1x, url("../png/dark/32/pen@2x.png") 2x) 5 27, crosshair; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-screenshot { cursor: url("../png/dark/32/screenshot.png") 16 16, -webkit-image-set(url("../png/dark/32/screenshot.png") 1x, url("../png/dark/32/screenshot@2x.png") 2x) 16 16, image-set(url("../png/dark/32/screenshot.png") 1x, url("../png/dark/32/screenshot@2x.png") 2x) 16 16, crosshair; } :where(:root[data-kuartal-cursor-theme="dark"]) .kc-drag-and-drop { cursor: url("../png/dark/32/drag-and-drop.png") 4 4, -webkit-image-set(url("../png/dark/32/drag-and-drop.png") 1x, url("../png/dark/32/drag-and-drop@2x.png") 2x) 4 4, image-set(url("../png/dark/32/drag-and-drop.png") 1x, url("../png/dark/32/drag-and-drop@2x.png") 2x) 4 4, move; } /* :root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"] -> dark 24px */ :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]):where(:not([data-kuartal-cursor="off"])) { cursor: url("../png/dark/24/default.png") 3 3, -webkit-image-set(url("../png/dark/24/default.png") 1x, url("../png/dark/24/default@2x.png") 2x) 3 3, image-set(url("../png/dark/24/default.png") 1x, url("../png/dark/24/default@2x.png") 2x) 3 3, default; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]):where(:not([data-kuartal-cursor="off"])) :where(a[href], button:not(:disabled), [role="button"], summary, label[for], select) { cursor: url("../png/dark/24/pointer.png") 10 3, -webkit-image-set(url("../png/dark/24/pointer.png") 1x, url("../png/dark/24/pointer@2x.png") 2x) 10 3, image-set(url("../png/dark/24/pointer.png") 1x, url("../png/dark/24/pointer@2x.png") 2x) 10 3, pointer; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]):where(:not([data-kuartal-cursor="off"])) :where(input:not([type="button"], [type="submit"], [type="reset"], [type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"]), textarea, [contenteditable]:not([contenteditable="false"])) { cursor: url("../png/dark/24/text.png") 12 12, -webkit-image-set(url("../png/dark/24/text.png") 1x, url("../png/dark/24/text@2x.png") 2x) 12 12, image-set(url("../png/dark/24/text.png") 1x, url("../png/dark/24/text@2x.png") 2x) 12 12, text; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]):where(:not([data-kuartal-cursor="off"])) :where([aria-busy="true"]) { cursor: url("../png/dark/24/progress.png") 3 3, -webkit-image-set(url("../png/dark/24/progress.png") 1x, url("../png/dark/24/progress@2x.png") 2x) 3 3, image-set(url("../png/dark/24/progress.png") 1x, url("../png/dark/24/progress@2x.png") 2x) 3 3, progress; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]):where(:not([data-kuartal-cursor="off"])) :where(:disabled, [aria-disabled="true"]) { cursor: url("../png/dark/24/not-allowed.png") 12 12, -webkit-image-set(url("../png/dark/24/not-allowed.png") 1x, url("../png/dark/24/not-allowed@2x.png") 2x) 12 12, image-set(url("../png/dark/24/not-allowed.png") 1x, url("../png/dark/24/not-allowed@2x.png") 2x) 12 12, not-allowed; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-default { cursor: url("../png/dark/24/default.png") 3 3, -webkit-image-set(url("../png/dark/24/default.png") 1x, url("../png/dark/24/default@2x.png") 2x) 3 3, image-set(url("../png/dark/24/default.png") 1x, url("../png/dark/24/default@2x.png") 2x) 3 3, default; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-text { cursor: url("../png/dark/24/text.png") 12 12, -webkit-image-set(url("../png/dark/24/text.png") 1x, url("../png/dark/24/text@2x.png") 2x) 12 12, image-set(url("../png/dark/24/text.png") 1x, url("../png/dark/24/text@2x.png") 2x) 12 12, text; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-vertical-text { cursor: url("../png/dark/24/vertical-text.png") 12 12, -webkit-image-set(url("../png/dark/24/vertical-text.png") 1x, url("../png/dark/24/vertical-text@2x.png") 2x) 12 12, image-set(url("../png/dark/24/vertical-text.png") 1x, url("../png/dark/24/vertical-text@2x.png") 2x) 12 12, vertical-text; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-pointer { cursor: url("../png/dark/24/pointer.png") 10 3, -webkit-image-set(url("../png/dark/24/pointer.png") 1x, url("../png/dark/24/pointer@2x.png") 2x) 10 3, image-set(url("../png/dark/24/pointer.png") 1x, url("../png/dark/24/pointer@2x.png") 2x) 10 3, pointer; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-wait { cursor: url("../png/dark/24/wait.png") 12 12, -webkit-image-set(url("../png/dark/24/wait.png") 1x, url("../png/dark/24/wait@2x.png") 2x) 12 12, image-set(url("../png/dark/24/wait.png") 1x, url("../png/dark/24/wait@2x.png") 2x) 12 12, wait; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-progress { cursor: url("../png/dark/24/progress.png") 3 3, -webkit-image-set(url("../png/dark/24/progress.png") 1x, url("../png/dark/24/progress@2x.png") 2x) 3 3, image-set(url("../png/dark/24/progress.png") 1x, url("../png/dark/24/progress@2x.png") 2x) 3 3, progress; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-crosshair { cursor: url("../png/dark/24/crosshair.png") 12 12, -webkit-image-set(url("../png/dark/24/crosshair.png") 1x, url("../png/dark/24/crosshair@2x.png") 2x) 12 12, image-set(url("../png/dark/24/crosshair.png") 1x, url("../png/dark/24/crosshair@2x.png") 2x) 12 12, crosshair; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-help { cursor: url("../png/dark/24/help.png") 3 3, -webkit-image-set(url("../png/dark/24/help.png") 1x, url("../png/dark/24/help@2x.png") 2x) 3 3, image-set(url("../png/dark/24/help.png") 1x, url("../png/dark/24/help@2x.png") 2x) 3 3, help; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-not-allowed { cursor: url("../png/dark/24/not-allowed.png") 12 12, -webkit-image-set(url("../png/dark/24/not-allowed.png") 1x, url("../png/dark/24/not-allowed@2x.png") 2x) 12 12, image-set(url("../png/dark/24/not-allowed.png") 1x, url("../png/dark/24/not-allowed@2x.png") 2x) 12 12, not-allowed; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-no-drop { cursor: url("../png/dark/24/no-drop.png") 3 3, -webkit-image-set(url("../png/dark/24/no-drop.png") 1x, url("../png/dark/24/no-drop@2x.png") 2x) 3 3, image-set(url("../png/dark/24/no-drop.png") 1x, url("../png/dark/24/no-drop@2x.png") 2x) 3 3, no-drop; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-move { cursor: url("../png/dark/24/move.png") 12 12, -webkit-image-set(url("../png/dark/24/move.png") 1x, url("../png/dark/24/move@2x.png") 2x) 12 12, image-set(url("../png/dark/24/move.png") 1x, url("../png/dark/24/move@2x.png") 2x) 12 12, move; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-grab { cursor: url("../png/dark/24/grab.png") 12 12, -webkit-image-set(url("../png/dark/24/grab.png") 1x, url("../png/dark/24/grab@2x.png") 2x) 12 12, image-set(url("../png/dark/24/grab.png") 1x, url("../png/dark/24/grab@2x.png") 2x) 12 12, grab; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-grabbing { cursor: url("../png/dark/24/grabbing.png") 12 12, -webkit-image-set(url("../png/dark/24/grabbing.png") 1x, url("../png/dark/24/grabbing@2x.png") 2x) 12 12, image-set(url("../png/dark/24/grabbing.png") 1x, url("../png/dark/24/grabbing@2x.png") 2x) 12 12, grabbing; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-ew-resize { cursor: url("../png/dark/24/ew-resize.png") 12 12, -webkit-image-set(url("../png/dark/24/ew-resize.png") 1x, url("../png/dark/24/ew-resize@2x.png") 2x) 12 12, image-set(url("../png/dark/24/ew-resize.png") 1x, url("../png/dark/24/ew-resize@2x.png") 2x) 12 12, ew-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-ns-resize { cursor: url("../png/dark/24/ns-resize.png") 12 12, -webkit-image-set(url("../png/dark/24/ns-resize.png") 1x, url("../png/dark/24/ns-resize@2x.png") 2x) 12 12, image-set(url("../png/dark/24/ns-resize.png") 1x, url("../png/dark/24/ns-resize@2x.png") 2x) 12 12, ns-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-nesw-resize { cursor: url("../png/dark/24/nesw-resize.png") 12 12, -webkit-image-set(url("../png/dark/24/nesw-resize.png") 1x, url("../png/dark/24/nesw-resize@2x.png") 2x) 12 12, image-set(url("../png/dark/24/nesw-resize.png") 1x, url("../png/dark/24/nesw-resize@2x.png") 2x) 12 12, nesw-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-nwse-resize { cursor: url("../png/dark/24/nwse-resize.png") 12 12, -webkit-image-set(url("../png/dark/24/nwse-resize.png") 1x, url("../png/dark/24/nwse-resize@2x.png") 2x) 12 12, image-set(url("../png/dark/24/nwse-resize.png") 1x, url("../png/dark/24/nwse-resize@2x.png") 2x) 12 12, nwse-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-n-resize { cursor: url("../png/dark/24/n-resize.png") 12 4, -webkit-image-set(url("../png/dark/24/n-resize.png") 1x, url("../png/dark/24/n-resize@2x.png") 2x) 12 4, image-set(url("../png/dark/24/n-resize.png") 1x, url("../png/dark/24/n-resize@2x.png") 2x) 12 4, n-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-e-resize { cursor: url("../png/dark/24/e-resize.png") 20 12, -webkit-image-set(url("../png/dark/24/e-resize.png") 1x, url("../png/dark/24/e-resize@2x.png") 2x) 20 12, image-set(url("../png/dark/24/e-resize.png") 1x, url("../png/dark/24/e-resize@2x.png") 2x) 20 12, e-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-s-resize { cursor: url("../png/dark/24/s-resize.png") 12 20, -webkit-image-set(url("../png/dark/24/s-resize.png") 1x, url("../png/dark/24/s-resize@2x.png") 2x) 12 20, image-set(url("../png/dark/24/s-resize.png") 1x, url("../png/dark/24/s-resize@2x.png") 2x) 12 20, s-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-w-resize { cursor: url("../png/dark/24/w-resize.png") 4 12, -webkit-image-set(url("../png/dark/24/w-resize.png") 1x, url("../png/dark/24/w-resize@2x.png") 2x) 4 12, image-set(url("../png/dark/24/w-resize.png") 1x, url("../png/dark/24/w-resize@2x.png") 2x) 4 12, w-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-ne-resize { cursor: url("../png/dark/24/ne-resize.png") 18 6, -webkit-image-set(url("../png/dark/24/ne-resize.png") 1x, url("../png/dark/24/ne-resize@2x.png") 2x) 18 6, image-set(url("../png/dark/24/ne-resize.png") 1x, url("../png/dark/24/ne-resize@2x.png") 2x) 18 6, ne-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-se-resize { cursor: url("../png/dark/24/se-resize.png") 18 18, -webkit-image-set(url("../png/dark/24/se-resize.png") 1x, url("../png/dark/24/se-resize@2x.png") 2x) 18 18, image-set(url("../png/dark/24/se-resize.png") 1x, url("../png/dark/24/se-resize@2x.png") 2x) 18 18, se-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-sw-resize { cursor: url("../png/dark/24/sw-resize.png") 6 18, -webkit-image-set(url("../png/dark/24/sw-resize.png") 1x, url("../png/dark/24/sw-resize@2x.png") 2x) 6 18, image-set(url("../png/dark/24/sw-resize.png") 1x, url("../png/dark/24/sw-resize@2x.png") 2x) 6 18, sw-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-nw-resize { cursor: url("../png/dark/24/nw-resize.png") 6 6, -webkit-image-set(url("../png/dark/24/nw-resize.png") 1x, url("../png/dark/24/nw-resize@2x.png") 2x) 6 6, image-set(url("../png/dark/24/nw-resize.png") 1x, url("../png/dark/24/nw-resize@2x.png") 2x) 6 6, nw-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-col-resize { cursor: url("../png/dark/24/col-resize.png") 12 12, -webkit-image-set(url("../png/dark/24/col-resize.png") 1x, url("../png/dark/24/col-resize@2x.png") 2x) 12 12, image-set(url("../png/dark/24/col-resize.png") 1x, url("../png/dark/24/col-resize@2x.png") 2x) 12 12, col-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-row-resize { cursor: url("../png/dark/24/row-resize.png") 12 12, -webkit-image-set(url("../png/dark/24/row-resize.png") 1x, url("../png/dark/24/row-resize@2x.png") 2x) 12 12, image-set(url("../png/dark/24/row-resize.png") 1x, url("../png/dark/24/row-resize@2x.png") 2x) 12 12, row-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-all-scroll { cursor: url("../png/dark/24/all-scroll.png") 12 12, -webkit-image-set(url("../png/dark/24/all-scroll.png") 1x, url("../png/dark/24/all-scroll@2x.png") 2x) 12 12, image-set(url("../png/dark/24/all-scroll.png") 1x, url("../png/dark/24/all-scroll@2x.png") 2x) 12 12, all-scroll; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-zoom-in { cursor: url("../png/dark/24/zoom-in.png") 10 10, -webkit-image-set(url("../png/dark/24/zoom-in.png") 1x, url("../png/dark/24/zoom-in@2x.png") 2x) 10 10, image-set(url("../png/dark/24/zoom-in.png") 1x, url("../png/dark/24/zoom-in@2x.png") 2x) 10 10, zoom-in; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-zoom-out { cursor: url("../png/dark/24/zoom-out.png") 10 10, -webkit-image-set(url("../png/dark/24/zoom-out.png") 1x, url("../png/dark/24/zoom-out@2x.png") 2x) 10 10, image-set(url("../png/dark/24/zoom-out.png") 1x, url("../png/dark/24/zoom-out@2x.png") 2x) 10 10, zoom-out; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-copy { cursor: url("../png/dark/24/copy.png") 3 3, -webkit-image-set(url("../png/dark/24/copy.png") 1x, url("../png/dark/24/copy@2x.png") 2x) 3 3, image-set(url("../png/dark/24/copy.png") 1x, url("../png/dark/24/copy@2x.png") 2x) 3 3, copy; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-alias { cursor: url("../png/dark/24/alias.png") 3 3, -webkit-image-set(url("../png/dark/24/alias.png") 1x, url("../png/dark/24/alias@2x.png") 2x) 3 3, image-set(url("../png/dark/24/alias.png") 1x, url("../png/dark/24/alias@2x.png") 2x) 3 3, alias; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-context-menu { cursor: url("../png/dark/24/context-menu.png") 3 3, -webkit-image-set(url("../png/dark/24/context-menu.png") 1x, url("../png/dark/24/context-menu@2x.png") 2x) 3 3, image-set(url("../png/dark/24/context-menu.png") 1x, url("../png/dark/24/context-menu@2x.png") 2x) 3 3, context-menu; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-cell { cursor: url("../png/dark/24/cell.png") 12 12, -webkit-image-set(url("../png/dark/24/cell.png") 1x, url("../png/dark/24/cell@2x.png") 2x) 12 12, image-set(url("../png/dark/24/cell.png") 1x, url("../png/dark/24/cell@2x.png") 2x) 12 12, cell; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-pen { cursor: url("../png/dark/24/pen.png") 4 20, -webkit-image-set(url("../png/dark/24/pen.png") 1x, url("../png/dark/24/pen@2x.png") 2x) 4 20, image-set(url("../png/dark/24/pen.png") 1x, url("../png/dark/24/pen@2x.png") 2x) 4 20, crosshair; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-screenshot { cursor: url("../png/dark/24/screenshot.png") 12 12, -webkit-image-set(url("../png/dark/24/screenshot.png") 1x, url("../png/dark/24/screenshot@2x.png") 2x) 12 12, image-set(url("../png/dark/24/screenshot.png") 1x, url("../png/dark/24/screenshot@2x.png") 2x) 12 12, crosshair; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="24"]) .kc-drag-and-drop { cursor: url("../png/dark/24/drag-and-drop.png") 3 3, -webkit-image-set(url("../png/dark/24/drag-and-drop.png") 1x, url("../png/dark/24/drag-and-drop@2x.png") 2x) 3 3, image-set(url("../png/dark/24/drag-and-drop.png") 1x, url("../png/dark/24/drag-and-drop@2x.png") 2x) 3 3, move; } /* :root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"] -> dark 48px */ :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]):where(:not([data-kuartal-cursor="off"])) { cursor: url("../png/dark/48/default.png") 6 6, -webkit-image-set(url("../png/dark/48/default.png") 1x, url("../png/dark/48/default@2x.png") 2x) 6 6, image-set(url("../png/dark/48/default.png") 1x, url("../png/dark/48/default@2x.png") 2x) 6 6, default; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]):where(:not([data-kuartal-cursor="off"])) :where(a[href], button:not(:disabled), [role="button"], summary, label[for], select) { cursor: url("../png/dark/48/pointer.png") 20 6, -webkit-image-set(url("../png/dark/48/pointer.png") 1x, url("../png/dark/48/pointer@2x.png") 2x) 20 6, image-set(url("../png/dark/48/pointer.png") 1x, url("../png/dark/48/pointer@2x.png") 2x) 20 6, pointer; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]):where(:not([data-kuartal-cursor="off"])) :where(input:not([type="button"], [type="submit"], [type="reset"], [type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"]), textarea, [contenteditable]:not([contenteditable="false"])) { cursor: url("../png/dark/48/text.png") 24 24, -webkit-image-set(url("../png/dark/48/text.png") 1x, url("../png/dark/48/text@2x.png") 2x) 24 24, image-set(url("../png/dark/48/text.png") 1x, url("../png/dark/48/text@2x.png") 2x) 24 24, text; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]):where(:not([data-kuartal-cursor="off"])) :where([aria-busy="true"]) { cursor: url("../png/dark/48/progress.png") 6 6, -webkit-image-set(url("../png/dark/48/progress.png") 1x, url("../png/dark/48/progress@2x.png") 2x) 6 6, image-set(url("../png/dark/48/progress.png") 1x, url("../png/dark/48/progress@2x.png") 2x) 6 6, progress; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]):where(:not([data-kuartal-cursor="off"])) :where(:disabled, [aria-disabled="true"]) { cursor: url("../png/dark/48/not-allowed.png") 24 24, -webkit-image-set(url("../png/dark/48/not-allowed.png") 1x, url("../png/dark/48/not-allowed@2x.png") 2x) 24 24, image-set(url("../png/dark/48/not-allowed.png") 1x, url("../png/dark/48/not-allowed@2x.png") 2x) 24 24, not-allowed; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-default { cursor: url("../png/dark/48/default.png") 6 6, -webkit-image-set(url("../png/dark/48/default.png") 1x, url("../png/dark/48/default@2x.png") 2x) 6 6, image-set(url("../png/dark/48/default.png") 1x, url("../png/dark/48/default@2x.png") 2x) 6 6, default; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-text { cursor: url("../png/dark/48/text.png") 24 24, -webkit-image-set(url("../png/dark/48/text.png") 1x, url("../png/dark/48/text@2x.png") 2x) 24 24, image-set(url("../png/dark/48/text.png") 1x, url("../png/dark/48/text@2x.png") 2x) 24 24, text; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-vertical-text { cursor: url("../png/dark/48/vertical-text.png") 24 24, -webkit-image-set(url("../png/dark/48/vertical-text.png") 1x, url("../png/dark/48/vertical-text@2x.png") 2x) 24 24, image-set(url("../png/dark/48/vertical-text.png") 1x, url("../png/dark/48/vertical-text@2x.png") 2x) 24 24, vertical-text; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-pointer { cursor: url("../png/dark/48/pointer.png") 20 6, -webkit-image-set(url("../png/dark/48/pointer.png") 1x, url("../png/dark/48/pointer@2x.png") 2x) 20 6, image-set(url("../png/dark/48/pointer.png") 1x, url("../png/dark/48/pointer@2x.png") 2x) 20 6, pointer; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-wait { cursor: url("../png/dark/48/wait.png") 24 24, -webkit-image-set(url("../png/dark/48/wait.png") 1x, url("../png/dark/48/wait@2x.png") 2x) 24 24, image-set(url("../png/dark/48/wait.png") 1x, url("../png/dark/48/wait@2x.png") 2x) 24 24, wait; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-progress { cursor: url("../png/dark/48/progress.png") 6 6, -webkit-image-set(url("../png/dark/48/progress.png") 1x, url("../png/dark/48/progress@2x.png") 2x) 6 6, image-set(url("../png/dark/48/progress.png") 1x, url("../png/dark/48/progress@2x.png") 2x) 6 6, progress; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-crosshair { cursor: url("../png/dark/48/crosshair.png") 24 24, -webkit-image-set(url("../png/dark/48/crosshair.png") 1x, url("../png/dark/48/crosshair@2x.png") 2x) 24 24, image-set(url("../png/dark/48/crosshair.png") 1x, url("../png/dark/48/crosshair@2x.png") 2x) 24 24, crosshair; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-help { cursor: url("../png/dark/48/help.png") 6 6, -webkit-image-set(url("../png/dark/48/help.png") 1x, url("../png/dark/48/help@2x.png") 2x) 6 6, image-set(url("../png/dark/48/help.png") 1x, url("../png/dark/48/help@2x.png") 2x) 6 6, help; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-not-allowed { cursor: url("../png/dark/48/not-allowed.png") 24 24, -webkit-image-set(url("../png/dark/48/not-allowed.png") 1x, url("../png/dark/48/not-allowed@2x.png") 2x) 24 24, image-set(url("../png/dark/48/not-allowed.png") 1x, url("../png/dark/48/not-allowed@2x.png") 2x) 24 24, not-allowed; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-no-drop { cursor: url("../png/dark/48/no-drop.png") 6 6, -webkit-image-set(url("../png/dark/48/no-drop.png") 1x, url("../png/dark/48/no-drop@2x.png") 2x) 6 6, image-set(url("../png/dark/48/no-drop.png") 1x, url("../png/dark/48/no-drop@2x.png") 2x) 6 6, no-drop; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-move { cursor: url("../png/dark/48/move.png") 24 24, -webkit-image-set(url("../png/dark/48/move.png") 1x, url("../png/dark/48/move@2x.png") 2x) 24 24, image-set(url("../png/dark/48/move.png") 1x, url("../png/dark/48/move@2x.png") 2x) 24 24, move; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-grab { cursor: url("../png/dark/48/grab.png") 24 24, -webkit-image-set(url("../png/dark/48/grab.png") 1x, url("../png/dark/48/grab@2x.png") 2x) 24 24, image-set(url("../png/dark/48/grab.png") 1x, url("../png/dark/48/grab@2x.png") 2x) 24 24, grab; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-grabbing { cursor: url("../png/dark/48/grabbing.png") 24 24, -webkit-image-set(url("../png/dark/48/grabbing.png") 1x, url("../png/dark/48/grabbing@2x.png") 2x) 24 24, image-set(url("../png/dark/48/grabbing.png") 1x, url("../png/dark/48/grabbing@2x.png") 2x) 24 24, grabbing; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-ew-resize { cursor: url("../png/dark/48/ew-resize.png") 24 24, -webkit-image-set(url("../png/dark/48/ew-resize.png") 1x, url("../png/dark/48/ew-resize@2x.png") 2x) 24 24, image-set(url("../png/dark/48/ew-resize.png") 1x, url("../png/dark/48/ew-resize@2x.png") 2x) 24 24, ew-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-ns-resize { cursor: url("../png/dark/48/ns-resize.png") 24 24, -webkit-image-set(url("../png/dark/48/ns-resize.png") 1x, url("../png/dark/48/ns-resize@2x.png") 2x) 24 24, image-set(url("../png/dark/48/ns-resize.png") 1x, url("../png/dark/48/ns-resize@2x.png") 2x) 24 24, ns-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-nesw-resize { cursor: url("../png/dark/48/nesw-resize.png") 24 24, -webkit-image-set(url("../png/dark/48/nesw-resize.png") 1x, url("../png/dark/48/nesw-resize@2x.png") 2x) 24 24, image-set(url("../png/dark/48/nesw-resize.png") 1x, url("../png/dark/48/nesw-resize@2x.png") 2x) 24 24, nesw-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-nwse-resize { cursor: url("../png/dark/48/nwse-resize.png") 24 24, -webkit-image-set(url("../png/dark/48/nwse-resize.png") 1x, url("../png/dark/48/nwse-resize@2x.png") 2x) 24 24, image-set(url("../png/dark/48/nwse-resize.png") 1x, url("../png/dark/48/nwse-resize@2x.png") 2x) 24 24, nwse-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-n-resize { cursor: url("../png/dark/48/n-resize.png") 24 8, -webkit-image-set(url("../png/dark/48/n-resize.png") 1x, url("../png/dark/48/n-resize@2x.png") 2x) 24 8, image-set(url("../png/dark/48/n-resize.png") 1x, url("../png/dark/48/n-resize@2x.png") 2x) 24 8, n-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-e-resize { cursor: url("../png/dark/48/e-resize.png") 40 24, -webkit-image-set(url("../png/dark/48/e-resize.png") 1x, url("../png/dark/48/e-resize@2x.png") 2x) 40 24, image-set(url("../png/dark/48/e-resize.png") 1x, url("../png/dark/48/e-resize@2x.png") 2x) 40 24, e-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-s-resize { cursor: url("../png/dark/48/s-resize.png") 24 40, -webkit-image-set(url("../png/dark/48/s-resize.png") 1x, url("../png/dark/48/s-resize@2x.png") 2x) 24 40, image-set(url("../png/dark/48/s-resize.png") 1x, url("../png/dark/48/s-resize@2x.png") 2x) 24 40, s-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-w-resize { cursor: url("../png/dark/48/w-resize.png") 8 24, -webkit-image-set(url("../png/dark/48/w-resize.png") 1x, url("../png/dark/48/w-resize@2x.png") 2x) 8 24, image-set(url("../png/dark/48/w-resize.png") 1x, url("../png/dark/48/w-resize@2x.png") 2x) 8 24, w-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-ne-resize { cursor: url("../png/dark/48/ne-resize.png") 36 12, -webkit-image-set(url("../png/dark/48/ne-resize.png") 1x, url("../png/dark/48/ne-resize@2x.png") 2x) 36 12, image-set(url("../png/dark/48/ne-resize.png") 1x, url("../png/dark/48/ne-resize@2x.png") 2x) 36 12, ne-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-se-resize { cursor: url("../png/dark/48/se-resize.png") 36 36, -webkit-image-set(url("../png/dark/48/se-resize.png") 1x, url("../png/dark/48/se-resize@2x.png") 2x) 36 36, image-set(url("../png/dark/48/se-resize.png") 1x, url("../png/dark/48/se-resize@2x.png") 2x) 36 36, se-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-sw-resize { cursor: url("../png/dark/48/sw-resize.png") 12 36, -webkit-image-set(url("../png/dark/48/sw-resize.png") 1x, url("../png/dark/48/sw-resize@2x.png") 2x) 12 36, image-set(url("../png/dark/48/sw-resize.png") 1x, url("../png/dark/48/sw-resize@2x.png") 2x) 12 36, sw-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-nw-resize { cursor: url("../png/dark/48/nw-resize.png") 12 12, -webkit-image-set(url("../png/dark/48/nw-resize.png") 1x, url("../png/dark/48/nw-resize@2x.png") 2x) 12 12, image-set(url("../png/dark/48/nw-resize.png") 1x, url("../png/dark/48/nw-resize@2x.png") 2x) 12 12, nw-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-col-resize { cursor: url("../png/dark/48/col-resize.png") 24 24, -webkit-image-set(url("../png/dark/48/col-resize.png") 1x, url("../png/dark/48/col-resize@2x.png") 2x) 24 24, image-set(url("../png/dark/48/col-resize.png") 1x, url("../png/dark/48/col-resize@2x.png") 2x) 24 24, col-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-row-resize { cursor: url("../png/dark/48/row-resize.png") 24 24, -webkit-image-set(url("../png/dark/48/row-resize.png") 1x, url("../png/dark/48/row-resize@2x.png") 2x) 24 24, image-set(url("../png/dark/48/row-resize.png") 1x, url("../png/dark/48/row-resize@2x.png") 2x) 24 24, row-resize; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-all-scroll { cursor: url("../png/dark/48/all-scroll.png") 24 24, -webkit-image-set(url("../png/dark/48/all-scroll.png") 1x, url("../png/dark/48/all-scroll@2x.png") 2x) 24 24, image-set(url("../png/dark/48/all-scroll.png") 1x, url("../png/dark/48/all-scroll@2x.png") 2x) 24 24, all-scroll; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-zoom-in { cursor: url("../png/dark/48/zoom-in.png") 20 20, -webkit-image-set(url("../png/dark/48/zoom-in.png") 1x, url("../png/dark/48/zoom-in@2x.png") 2x) 20 20, image-set(url("../png/dark/48/zoom-in.png") 1x, url("../png/dark/48/zoom-in@2x.png") 2x) 20 20, zoom-in; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-zoom-out { cursor: url("../png/dark/48/zoom-out.png") 20 20, -webkit-image-set(url("../png/dark/48/zoom-out.png") 1x, url("../png/dark/48/zoom-out@2x.png") 2x) 20 20, image-set(url("../png/dark/48/zoom-out.png") 1x, url("../png/dark/48/zoom-out@2x.png") 2x) 20 20, zoom-out; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-copy { cursor: url("../png/dark/48/copy.png") 6 6, -webkit-image-set(url("../png/dark/48/copy.png") 1x, url("../png/dark/48/copy@2x.png") 2x) 6 6, image-set(url("../png/dark/48/copy.png") 1x, url("../png/dark/48/copy@2x.png") 2x) 6 6, copy; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-alias { cursor: url("../png/dark/48/alias.png") 6 6, -webkit-image-set(url("../png/dark/48/alias.png") 1x, url("../png/dark/48/alias@2x.png") 2x) 6 6, image-set(url("../png/dark/48/alias.png") 1x, url("../png/dark/48/alias@2x.png") 2x) 6 6, alias; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-context-menu { cursor: url("../png/dark/48/context-menu.png") 6 6, -webkit-image-set(url("../png/dark/48/context-menu.png") 1x, url("../png/dark/48/context-menu@2x.png") 2x) 6 6, image-set(url("../png/dark/48/context-menu.png") 1x, url("../png/dark/48/context-menu@2x.png") 2x) 6 6, context-menu; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-cell { cursor: url("../png/dark/48/cell.png") 24 24, -webkit-image-set(url("../png/dark/48/cell.png") 1x, url("../png/dark/48/cell@2x.png") 2x) 24 24, image-set(url("../png/dark/48/cell.png") 1x, url("../png/dark/48/cell@2x.png") 2x) 24 24, cell; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-pen { cursor: url("../png/dark/48/pen.png") 8 40, -webkit-image-set(url("../png/dark/48/pen.png") 1x, url("../png/dark/48/pen@2x.png") 2x) 8 40, image-set(url("../png/dark/48/pen.png") 1x, url("../png/dark/48/pen@2x.png") 2x) 8 40, crosshair; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-screenshot { cursor: url("../png/dark/48/screenshot.png") 24 24, -webkit-image-set(url("../png/dark/48/screenshot.png") 1x, url("../png/dark/48/screenshot@2x.png") 2x) 24 24, image-set(url("../png/dark/48/screenshot.png") 1x, url("../png/dark/48/screenshot@2x.png") 2x) 24 24, crosshair; } :where(:root[data-kuartal-cursor-theme="dark"][data-kuartal-cursor-size="48"]) .kc-drag-and-drop { cursor: url("../png/dark/48/drag-and-drop.png") 6 6, -webkit-image-set(url("../png/dark/48/drag-and-drop.png") 1x, url("../png/dark/48/drag-and-drop@2x.png") 2x) 6 6, image-set(url("../png/dark/48/drag-and-drop.png") 1x, url("../png/dark/48/drag-and-drop@2x.png") 2x) 6 6, move; } } @media (forced-colors: active) { :root, :root * { cursor: revert !important; } }