/* ============================================================
   SABLE CURSOR SET 01
   Arrow  : hotspot 3,2
   Hand   : hotspot 7,3
   Text   : hotspot 16,16
   Keep the .svg / .cur / .png files next to this stylesheet.
   ============================================================ */

html,
body {
  cursor: url("cursor-default.svg") 3 2,
          url("cursor-default.cur") 3 2,
          url("cursor-default.png") 3 2,
          default;
}

a,
button,
[role="button"],
select,
summary {
  cursor: url("cursor-pointer.svg") 7 3,
          url("cursor-pointer.cur") 7 3,
          url("cursor-pointer.png") 7 3,
          pointer;
}

p,
li,
input,
textarea,
.selectable {
  cursor: url("cursor-text.svg") 16 16,
          url("cursor-text.cur") 16 16,
          url("cursor-text.png") 16 16,
          text;
}

/* Opt out locally: <div class="native-cursor"> */
.native-cursor,
.native-cursor * {
  cursor: auto !important;
}