/* Load before the page styles so the custom cursor is ready on navigation. */
@media (hover: hover) and (pointer: fine) {
    html,
    body {
        cursor: url("../images/cursors/northstar-default.svg?v=2") 2 2, auto;
    }

    /* Page styles often set cursor: pointer. Keep the custom hand consistent. */
    :where(a[href]:not([aria-disabled="true"]), button:not(:disabled), summary, [role="button"]:not([aria-disabled="true"]), label[for], select, input[type="button"], input[type="submit"], input[type="reset"], .wheel-item, .wheel-wedge path) {
        cursor: url("../images/cursors/northstar-hand.svg") 12 2, pointer !important;
    }

    :where(.image-strip__open, .gallery-card a) {
        cursor: url("../images/cursors/northstar-zoom-in.svg") 11 11, zoom-in !important;
    }

    :where(.image-strip-lightbox__backdrop, .lightbox__backdrop) {
        cursor: url("../images/cursors/northstar-zoom-out.svg") 11 11, zoom-out !important;
    }

    :where(input:not([type]), input[type="text"], input[type="email"], input[type="search"], input[type="tel"], input[type="url"], input[type="password"], input[type="number"], textarea, [contenteditable="true"]) {
        cursor: text;
    }
}