html {
  background: #050505;
}

body.aura-fluid-cursor-enabled {
  cursor: none;
  background: #050505 !important;
}

body.aura-fluid-cursor-enabled a,
body.aura-fluid-cursor-enabled button,
body.aura-fluid-cursor-enabled [role="button"] {
  cursor: none;
}

body.aura-fluid-cursor-transparent {
  background: #050505 !important;
}

.creative-script-fluid-cursor-layer {
  position: fixed;
  inset: 0;
  z-index: 0 !important;
  pointer-events: none;
  overflow: hidden;
  contain: strict;
}

.creative-script-fluid-cursor-layer canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.aura-fluid-cursor-dot {
  position: fixed;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  mix-blend-mode: difference;
  pointer-events: none;
  z-index: 9999;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition:
    transform 0.3s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.18s ease;
  will-change: transform, opacity;
}

.aura-fluid-reactive-text {
  color: inherit;
  background:
    radial-gradient(
      circle 190px at var(--aura-reactive-x, -999px) var(--aura-reactive-y, -999px),
      hsl(var(--aura-reactive-hue, 310), 34%, 78%) 0%,
      hsl(calc(var(--aura-reactive-hue, 310) + 52), 30%, 74%) 34%,
      hsl(calc(var(--aura-reactive-hue, 310) + 128), 28%, 78%) 54%,
      currentColor 76%
    );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  will-change: background;
}