body {
  cursor: auto;
}

.custom-cursor-enabled body,
.custom-cursor-enabled body * {
  cursor: none !important;
}

.custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  margin-left: -16px;
  margin-top: -16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  z-index: 2147483647;
  mix-blend-mode: difference;
  filter: invert(1);
  will-change: transform;
  transform: translate3d(0, 0, 0);
}

@media (hover: none), (pointer: coarse) {
  .custom-cursor-enabled body,
  .custom-cursor-enabled body * {
    cursor: auto !important;
  }

  .custom-cursor {
    display: none !important;
  }
}