/* Generated by build.mjs from img/manifest.json. Edit build.mjs, not this file.
   The cursor is one of her four wine glasses, picked at random on every
   page load (the inline script in <head> sets data-cursor). Over anything
   clickable the glass tips, like a toast, and it tips on every click while
   wine spills (js/site.js sets data-spill). Text fields keep the text cursor. */

@media (pointer: fine) {
  html[data-cursor="1"] {
    cursor: url("../img/cursor-1-1x.png") 5 2, auto;
    cursor: -webkit-image-set(url("../img/cursor-1-1x.png") 1x, url("../img/cursor-1-2x.png") 2x) 5 2, auto;
    cursor: image-set(url("../img/cursor-1-1x.png") 1x, url("../img/cursor-1-2x.png") 2x) 5 2, auto;
  }
  html[data-cursor="1"] :is(a, button, label, summary, select, [role="button"]),
  html[data-cursor="1"][data-spill],
  html[data-cursor="1"][data-spill] :not(input, textarea) {
    cursor: url("../img/cursor-1-tilt-1x.png") 4 5, pointer;
    cursor: -webkit-image-set(url("../img/cursor-1-tilt-1x.png") 1x, url("../img/cursor-1-tilt-2x.png") 2x) 4 5, pointer;
    cursor: image-set(url("../img/cursor-1-tilt-1x.png") 1x, url("../img/cursor-1-tilt-2x.png") 2x) 4 5, pointer;
  }

  html[data-cursor="2"] {
    cursor: url("../img/cursor-2-1x.png") 8 2, auto;
    cursor: -webkit-image-set(url("../img/cursor-2-1x.png") 1x, url("../img/cursor-2-2x.png") 2x) 8 2, auto;
    cursor: image-set(url("../img/cursor-2-1x.png") 1x, url("../img/cursor-2-2x.png") 2x) 8 2, auto;
  }
  html[data-cursor="2"] :is(a, button, label, summary, select, [role="button"]),
  html[data-cursor="2"][data-spill],
  html[data-cursor="2"][data-spill] :not(input, textarea) {
    cursor: url("../img/cursor-2-tilt-1x.png") 3 4, pointer;
    cursor: -webkit-image-set(url("../img/cursor-2-tilt-1x.png") 1x, url("../img/cursor-2-tilt-2x.png") 2x) 3 4, pointer;
    cursor: image-set(url("../img/cursor-2-tilt-1x.png") 1x, url("../img/cursor-2-tilt-2x.png") 2x) 3 4, pointer;
  }

  html[data-cursor="3"] {
    cursor: url("../img/cursor-3-1x.png") 6 3, auto;
    cursor: -webkit-image-set(url("../img/cursor-3-1x.png") 1x, url("../img/cursor-3-2x.png") 2x) 6 3, auto;
    cursor: image-set(url("../img/cursor-3-1x.png") 1x, url("../img/cursor-3-2x.png") 2x) 6 3, auto;
  }
  html[data-cursor="3"] :is(a, button, label, summary, select, [role="button"]),
  html[data-cursor="3"][data-spill],
  html[data-cursor="3"][data-spill] :not(input, textarea) {
    cursor: url("../img/cursor-3-tilt-1x.png") 6 2, pointer;
    cursor: -webkit-image-set(url("../img/cursor-3-tilt-1x.png") 1x, url("../img/cursor-3-tilt-2x.png") 2x) 6 2, pointer;
    cursor: image-set(url("../img/cursor-3-tilt-1x.png") 1x, url("../img/cursor-3-tilt-2x.png") 2x) 6 2, pointer;
  }

  html[data-cursor="4"] {
    cursor: url("../img/cursor-4-1x.png") 4 3, auto;
    cursor: -webkit-image-set(url("../img/cursor-4-1x.png") 1x, url("../img/cursor-4-2x.png") 2x) 4 3, auto;
    cursor: image-set(url("../img/cursor-4-1x.png") 1x, url("../img/cursor-4-2x.png") 2x) 4 3, auto;
  }
  html[data-cursor="4"] :is(a, button, label, summary, select, [role="button"]),
  html[data-cursor="4"][data-spill],
  html[data-cursor="4"][data-spill] :not(input, textarea) {
    cursor: url("../img/cursor-4-tilt-1x.png") 6 4, pointer;
    cursor: -webkit-image-set(url("../img/cursor-4-tilt-1x.png") 1x, url("../img/cursor-4-tilt-2x.png") 2x) 6 4, pointer;
    cursor: image-set(url("../img/cursor-4-tilt-1x.png") 1x, url("../img/cursor-4-tilt-2x.png") 2x) 6 4, pointer;
  }

  html[data-cursor] :is(input:not([type="submit"], [type="button"], [type="checkbox"], [type="radio"]), textarea) {
    cursor: text;
  }
}

@media (forced-colors: active) {
  html[data-cursor] {
    cursor: auto;
  }

  html[data-cursor] :is(a, button, label, summary, select, [role="button"]) {
    cursor: pointer;
  }
}