@media (hover: hover) and (pointer: fine) {
  html,
  html *,
  html *::before,
  html *::after {
    cursor: url("../assets/cursor.svg") 16 16, auto;
  }
}
.cursor-trail {
  position: fixed;
  z-index: 200;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.cursor-bubble {
  position: fixed;
  z-index: 199;
  top: 0;
  left: 0;
  display: none;
  width: 64px;
  height: 64px;
  background: url("../assets/cursor-bubble.svg") center / contain no-repeat;
  pointer-events: none;
  will-change: transform;
}

.cursor-bubble.is-visible {
  display: block;
}