@media (hover: hover) and (pointer: fine) {
  html.has-zooflip-cursor,
  html.has-zooflip-cursor * {
    cursor: none !important;
  }

  html.has-zooflip-cursor input,
  html.has-zooflip-cursor textarea,
  html.has-zooflip-cursor select,
  html.has-zooflip-cursor [contenteditable="true"] {
    cursor: text !important;
  }
}

.zooflip-cursor {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2147483646;
  width: 0;
  height: 0;
  pointer-events: none;
  opacity: 0;
}

.zooflip-cursor.is-on {
  opacity: 1;
}

.zooflip-cursor.is-hidden {
  opacity: 0;
}

.zooflip-cursor__arrow {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 22px;
  height: 30px;
  overflow: visible;
}

.zooflip-cursor__fill {
  fill: #1a2e4a;
}

.zooflip-cursor__edge {
  fill: none;
  stroke: #fff;
  stroke-width: 1.35;
  stroke-linejoin: round;
  stroke-linecap: round;
}