/* Pixel-art cursors. Plain CSS cursor images: the browser draws them
   natively, so there is no JavaScript, no lag and nothing to desync.
   Only applied on devices with a real mouse; touch is unaffected.
   The numbers after each url() are the hotspot (arrow tip, fingertip). */
@media (hover: hover) and (pointer: fine) {
  html { cursor: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="38" viewBox="0 0 12 19" shape-rendering="crispEdges"%3E%3Crect x="0" y="0" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="0" y="1" width="2" height="1" fill="%230c0c0e"/%3E%3Crect x="0" y="2" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="1" y="2" width="1" height="1" fill="%23fff"/%3E%3Crect x="2" y="2" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="0" y="3" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="1" y="3" width="2" height="1" fill="%23fff"/%3E%3Crect x="3" y="3" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="0" y="4" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="1" y="4" width="3" height="1" fill="%23fff"/%3E%3Crect x="4" y="4" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="0" y="5" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="1" y="5" width="4" height="1" fill="%23fff"/%3E%3Crect x="5" y="5" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="0" y="6" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="1" y="6" width="5" height="1" fill="%23fff"/%3E%3Crect x="6" y="6" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="0" y="7" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="1" y="7" width="6" height="1" fill="%23fff"/%3E%3Crect x="7" y="7" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="0" y="8" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="1" y="8" width="7" height="1" fill="%23fff"/%3E%3Crect x="8" y="8" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="0" y="9" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="1" y="9" width="8" height="1" fill="%23fff"/%3E%3Crect x="9" y="9" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="0" y="10" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="1" y="10" width="9" height="1" fill="%23fff"/%3E%3Crect x="10" y="10" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="0" y="11" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="1" y="11" width="6" height="1" fill="%23fff"/%3E%3Crect x="7" y="11" width="5" height="1" fill="%230c0c0e"/%3E%3Crect x="0" y="12" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="1" y="12" width="3" height="1" fill="%23fff"/%3E%3Crect x="4" y="12" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="5" y="12" width="2" height="1" fill="%23fff"/%3E%3Crect x="7" y="12" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="0" y="13" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="1" y="13" width="2" height="1" fill="%23fff"/%3E%3Crect x="3" y="13" width="2" height="1" fill="%230c0c0e"/%3E%3Crect x="5" y="13" width="2" height="1" fill="%23fff"/%3E%3Crect x="7" y="13" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="0" y="14" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="1" y="14" width="1" height="1" fill="%23fff"/%3E%3Crect x="2" y="14" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="5" y="14" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="6" y="14" width="2" height="1" fill="%23fff"/%3E%3Crect x="8" y="14" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="0" y="15" width="2" height="1" fill="%230c0c0e"/%3E%3Crect x="5" y="15" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="6" y="15" width="2" height="1" fill="%23fff"/%3E%3Crect x="8" y="15" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="0" y="16" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="6" y="16" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="7" y="16" width="2" height="1" fill="%23fff"/%3E%3Crect x="9" y="16" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="6" y="17" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="7" y="17" width="2" height="1" fill="%23fff"/%3E%3Crect x="9" y="17" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="7" y="18" width="2" height="1" fill="%230c0c0e"/%3E%3C/svg%3E') 1 1, auto; }
  a, button, [role="button"], label, summary, .card, .monitor {
    cursor: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="32" height="34" viewBox="0 0 16 17" shape-rendering="crispEdges"%3E%3Crect x="5" y="0" width="2" height="1" fill="%230c0c0e"/%3E%3Crect x="4" y="1" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="5" y="1" width="2" height="1" fill="%23fff"/%3E%3Crect x="7" y="1" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="4" y="2" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="5" y="2" width="2" height="1" fill="%23fff"/%3E%3Crect x="7" y="2" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="4" y="3" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="5" y="3" width="2" height="1" fill="%23fff"/%3E%3Crect x="7" y="3" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="4" y="4" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="5" y="4" width="2" height="1" fill="%23fff"/%3E%3Crect x="7" y="4" width="3" height="1" fill="%230c0c0e"/%3E%3Crect x="4" y="5" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="5" y="5" width="2" height="1" fill="%23fff"/%3E%3Crect x="7" y="5" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="8" y="5" width="2" height="1" fill="%23fff"/%3E%3Crect x="10" y="5" width="3" height="1" fill="%230c0c0e"/%3E%3Crect x="4" y="6" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="5" y="6" width="2" height="1" fill="%23fff"/%3E%3Crect x="7" y="6" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="8" y="6" width="2" height="1" fill="%23fff"/%3E%3Crect x="10" y="6" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="11" y="6" width="2" height="1" fill="%23fff"/%3E%3Crect x="13" y="6" width="2" height="1" fill="%230c0c0e"/%3E%3Crect x="1" y="7" width="2" height="1" fill="%230c0c0e"/%3E%3Crect x="4" y="7" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="5" y="7" width="2" height="1" fill="%23fff"/%3E%3Crect x="7" y="7" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="8" y="7" width="2" height="1" fill="%23fff"/%3E%3Crect x="10" y="7" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="11" y="7" width="2" height="1" fill="%23fff"/%3E%3Crect x="13" y="7" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="14" y="7" width="1" height="1" fill="%23fff"/%3E%3Crect x="15" y="7" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="0" y="8" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="1" y="8" width="2" height="1" fill="%23fff"/%3E%3Crect x="3" y="8" width="2" height="1" fill="%230c0c0e"/%3E%3Crect x="5" y="8" width="8" height="1" fill="%23fff"/%3E%3Crect x="13" y="8" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="14" y="8" width="1" height="1" fill="%23fff"/%3E%3Crect x="15" y="8" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="0" y="9" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="1" y="9" width="3" height="1" fill="%23fff"/%3E%3Crect x="4" y="9" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="5" y="9" width="10" height="1" fill="%23fff"/%3E%3Crect x="15" y="9" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="1" y="10" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="2" y="10" width="2" height="1" fill="%23fff"/%3E%3Crect x="4" y="10" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="5" y="10" width="10" height="1" fill="%23fff"/%3E%3Crect x="15" y="10" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="2" y="11" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="3" y="11" width="12" height="1" fill="%23fff"/%3E%3Crect x="15" y="11" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="2" y="12" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="3" y="12" width="11" height="1" fill="%23fff"/%3E%3Crect x="14" y="12" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="3" y="13" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="4" y="13" width="10" height="1" fill="%23fff"/%3E%3Crect x="14" y="13" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="4" y="14" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="5" y="14" width="8" height="1" fill="%23fff"/%3E%3Crect x="13" y="14" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="4" y="15" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="5" y="15" width="8" height="1" fill="%23fff"/%3E%3Crect x="13" y="15" width="1" height="1" fill="%230c0c0e"/%3E%3Crect x="4" y="16" width="10" height="1" fill="%230c0c0e"/%3E%3C/svg%3E') 11 1, pointer;
  }
}