/* [project]/src/components/layout/FluidBackground.module.css [client] (css) */
.FluidBackground-module__NL7ThW__root {
  z-index: 0;
  pointer-events: none;
  background-color: #101010;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.FluidBackground-module__NL7ThW__mesh {
  filter: blur(3.75rem);
  background: radial-gradient(45% 55% at 25% 35%, #01cdab29 0%, #0000 65%), radial-gradient(40% 50% at 75% 25%, #00d1b21f 0%, #0000 60%), radial-gradient(50% 45% at 55% 75%, #00a78f24 0%, #0000 65%), radial-gradient(35% 40% at 15% 80%, #01cdab14 0%, #0000 55%);
  width: 200%;
  height: 200%;
  animation: 28s ease-in-out infinite FluidBackground-module__NL7ThW__fluidMeshFlow;
  position: absolute;
  top: -50%;
  left: -50%;
}

.FluidBackground-module__NL7ThW__orb {
  filter: blur(5.625rem);
  opacity: .9;
  border-radius: 50%;
  position: absolute;
}

.FluidBackground-module__NL7ThW__orbPrimary {
  background: radial-gradient(circle, #01cdab47 0%, #0000 68%);
  width: 32.5rem;
  height: 32.5rem;
  animation: 24s ease-in-out infinite FluidBackground-module__NL7ThW__fluidOrbPrimary;
  top: 10%;
  left: 55%;
}

.FluidBackground-module__NL7ThW__orbSecondary {
  background: radial-gradient(circle, #00d1b22e 0%, #0000 68%);
  width: 26.25rem;
  height: 26.25rem;
  animation: 30s ease-in-out infinite FluidBackground-module__NL7ThW__fluidOrbSecondary;
  top: 55%;
  left: 20%;
}

.FluidBackground-module__NL7ThW__orbAccent {
  background: radial-gradient(circle, #00a78f38 0%, #0000 68%);
  width: 21.25rem;
  height: 21.25rem;
  animation: 20s ease-in-out infinite FluidBackground-module__NL7ThW__fluidOrbAccent;
  top: 30%;
  left: 75%;
}

.FluidBackground-module__NL7ThW__orbDeep {
  background: radial-gradient(circle, #01cdab1a 0%, #0000 70%);
  width: 37.5rem;
  height: 37.5rem;
  animation: 36s ease-in-out infinite FluidBackground-module__NL7ThW__fluidOrbDeep;
  top: 60%;
  left: 50%;
}

.FluidBackground-module__NL7ThW__vignette {
  z-index: 1;
  background: radial-gradient(90% 80% at 50% 45%, #0000 25%, #1010108c 65%, #101010 100%);
  position: absolute;
  inset: 0;
}

.FluidBackground-module__NL7ThW__grid {
  z-index: 2;
  background-image: linear-gradient(#ffffff08 1px, #0000 1px), linear-gradient(90deg, #ffffff08 1px, #0000 1px);
  background-size: 4rem 4rem;
  position: absolute;
  inset: 0;
  -webkit-mask-image: radial-gradient(70% 60% at 50% 45%, #000 20%, #0000 75%);
  mask-image: radial-gradient(70% 60% at 50% 45%, #000 20%, #0000 75%);
}

@keyframes FluidBackground-module__NL7ThW__fluidMeshFlow {
  0%, 100% {
    transform: translate(0)rotate(0)scale(1);
  }

  25% {
    transform: translate(6%, -5%)rotate(3deg)scale(1.04);
  }

  50% {
    transform: translate(-5%, 7%)rotate(-2deg)scale(.98);
  }

  75% {
    transform: translate(4%, 5%)rotate(2deg)scale(1.02);
  }
}

@keyframes FluidBackground-module__NL7ThW__fluidOrbPrimary {
  0%, 100% {
    transform: translate(-35vw, -15vh)scale(1);
  }

  33% {
    transform: translate(25vw, 20vh)scale(1.12);
  }

  66% {
    transform: translate(-15vw, 35vh)scale(.92);
  }
}

@keyframes FluidBackground-module__NL7ThW__fluidOrbSecondary {
  0%, 100% {
    transform: translate(0)scale(1);
  }

  40% {
    transform: translate(40vw, -25vh)scale(1.08);
  }

  70% {
    transform: translate(-30vw, -10vh)scale(.95);
  }
}

@keyframes FluidBackground-module__NL7ThW__fluidOrbAccent {
  0%, 100% {
    transform: translate(10vw)scale(1);
  }

  50% {
    transform: translate(-45vw, 30vh)scale(1.1);
  }
}

@keyframes FluidBackground-module__NL7ThW__fluidOrbDeep {
  0%, 100% {
    transform: translate(-20vw, 10vh)scale(1);
  }

  35% {
    transform: translate(30vw, -20vh)scale(1.05);
  }

  65% {
    transform: translate(-25vw, -15vh)scale(.97);
  }
}

@media (prefers-reduced-motion: reduce) {
  .FluidBackground-module__NL7ThW__mesh, .FluidBackground-module__NL7ThW__orbPrimary, .FluidBackground-module__NL7ThW__orbSecondary, .FluidBackground-module__NL7ThW__orbAccent, .FluidBackground-module__NL7ThW__orbDeep {
    animation: none;
  }
}

@media (max-width: 36rem) {
  .FluidBackground-module__NL7ThW__orbPrimary {
    width: 17.5rem;
    height: 17.5rem;
  }

  .FluidBackground-module__NL7ThW__orbSecondary, .FluidBackground-module__NL7ThW__orbAccent, .FluidBackground-module__NL7ThW__orbDeep {
    width: 13.75rem;
    height: 13.75rem;
  }
}

/*# sourceMappingURL=src_components_layout_FluidBackground_module_d6afcbe9.css.map*/