@media (hover: hover) and (pointer: fine) {
  html.custom-pointer,
  html.custom-pointer * {
    cursor: none !important;
  }
  html.custom-pointer input,
  html.custom-pointer textarea,
  html.custom-pointer [contenteditable="true"] {
    cursor: text !important;
  }
}
.site-pointer {
  position: fixed;
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
  pointer-events: none;
  z-index: 2147483647;
  opacity: 0;
  will-change: transform;
  transition: opacity 0.15s;
  filter: drop-shadow(0 1px 2px #0008);
}
.site-pointer svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.site-pointer .reticle {
  fill: none;
  stroke: #b99adb;
  stroke-width: 1;
  stroke-linecap: square;
  transition: stroke 0.2s;
}
.site-pointer .reticle-dot {
  fill: #eadcf8;
}
.site-pointer.is-visible {
  opacity: 1;
}
.site-pointer.is-link svg {
  transform: scale(1.35);
}
.site-pointer.is-link .reticle {
  stroke: #e2c3ff;
}
.site-pointer.is-down svg {
  transform: scale(0.8);
}
@media (prefers-reduced-motion: reduce) {
  .site-pointer,
  .site-pointer svg,
  .site-pointer .reticle {
    transition: none;
  }
}