#mouse-spotlight {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
}

.mouse-spotlight__orb {
  position: absolute;
  width: 80vw;
  height: 80vw;
  border-radius: 9999px;
  opacity: 0.9;
  filter: blur(72px);
  background: radial-gradient(circle, #f4ff76 0%, #f4f4f4 62%, #f4f4f4 100%);
}

body {
  position: relative;
  isolation: isolate;
}

.mouse-spotlight__orb--right {
  top: var(--lgz-spot-1-top, 1500px);
  right: -30vw;
}

.mouse-spotlight__orb--left {
  top: var(--lgz-spot-2-top, 2500px);
  left: -30vw;
}

@media (max-width: 767.98px) {
  .mouse-spotlight__orb {
    width: 110vw;
    height: 110vw;
    filter: blur(48px);
    opacity: 0.82;
  }

  .mouse-spotlight__orb--right {
    right: -45vw;
  }

  .mouse-spotlight__orb--left {
    left: -45vw;
  }
}