/* Native cursor: no animation loop, tracking layer or effect on touch devices. */
@media (hover:hover) and (pointer:fine){
  html,body{cursor:url('cursor-arrow.svg') 26 6,auto}
  body *{cursor:inherit}
  :is(a[href],button:not(:disabled),summary,[role="button"]:not([aria-disabled="true"]),label[for],input[type="submit"],input[type="button"],input[type="checkbox"],input[type="radio"],select),
  :is(a[href],button:not(:disabled),summary,[role="button"]:not([aria-disabled="true"]),label[for]) *{cursor:url('cursor-arrow-bold.svg') 26 6,pointer}
  :is(input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]):not([type="range"]),textarea,[contenteditable="true"]){cursor:text}
  :is(input[type="file"],input[type="color"],input[type="range"]){cursor:url('cursor-arrow-bold.svg') 26 6,pointer}
  :is(button:disabled,[aria-disabled="true"]),:is(button:disabled,[aria-disabled="true"]) *{cursor:not-allowed}
}

/* One vector arrow shape across Safari, in-app WebViews, Android and desktop. */
.ui-arrow{display:inline-block;vertical-align:-.13em;flex:none;pointer-events:none;width:1em;height:1em;color:inherit;overflow:visible}
.ui-arrow-ne{transform:rotate(0deg)}.ui-arrow-e{transform:rotate(45deg)}.ui-arrow-se{transform:rotate(90deg)}.ui-arrow-s{transform:rotate(135deg)}.ui-arrow-sw{transform:rotate(180deg)}.ui-arrow-w{transform:rotate(225deg)}.ui-arrow-nw{transform:rotate(270deg)}.ui-arrow-n{transform:rotate(315deg)}
.intro-index .ui-arrow{width:1.3em;height:1.3em;margin-left:.3em}