/* Custom Krypton cursor */
@media (pointer: fine) {
  html,
  body,
  body * {
    cursor: none !important;
  }

  #custom-cursor {
    position: fixed;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    pointer-events: none;
    z-index: 100000;
    will-change: transform;
    contain: layout style paint;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
  }

  #custom-cursor img {
    width: 100%;
    height: 100%;
    display: block;
    filter: drop-shadow(0 0 6px rgba(56, 189, 248, 0.35));
    transition: filter 0.15s ease;
  }

  #custom-cursor.on-link img {
    filter: drop-shadow(0 0 10px rgba(56, 189, 248, 0.6));
  }

  #custom-cursor.hidden {
    opacity: 0;
    visibility: hidden;
  }

  html.no-custom-cursor body,
  html.no-custom-cursor body * {
    cursor: url('assets/cursor/cursor.png') 2 2, auto !important;
  }
}

@media (pointer: coarse) {
  #custom-cursor {
    display: none;
  }
}