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

.custom-cursor-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.custom-cursor-overlay.is-visible {
  opacity: 1;
}

.custom-cursor-layer {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
}

.custom-cursor-shadow {
  mix-blend-mode: multiply;
}