/* [project]/packages/web/src/app/globals.css [app-client] (css) */
:root {
  --icon-color: #64748b;
  --highlight-color: #8b5cf6;
}

@media (prefers-color-scheme: dark) {
  :root {
    --icon-color: #94a3b8;
    --highlight-color: #a78bfa;
  }
}

/* [project]/packages/web/src/lib/components/molecules/animated-background.module.css [app-client] (css) */
.animated-background-module__VFjjGG__background {
  z-index: -1000;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.animated-background-module__VFjjGG__element {
  transition: all .5s;
  position: absolute;
}

.animated-background-module__VFjjGG__glow {
  animation-name: animated-background-module__VFjjGG__glow;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}

.animated-background-module__VFjjGG__move {
  animation-name: animated-background-module__VFjjGG__move;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}

.animated-background-module__VFjjGG__color {
  animation-name: animated-background-module__VFjjGG__colorShift;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}

.animated-background-module__VFjjGG__pulse {
  animation-name: animated-background-module__VFjjGG__pulse;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}

.animated-background-module__VFjjGG__rotate {
  animation-name: animated-background-module__VFjjGG__rotate;
  animation-timing-function: linear;
  animation-fill-mode: both;
}

@keyframes animated-background-module__VFjjGG__glow {
  0%, 100% {
    filter: drop-shadow(0 0 #7850ff00);
    transform: scale(1) rotate(var(--rotation, 0deg));
  }

  50% {
    filter: drop-shadow(0 0 15px #7850ffcc);
    transform: scale(1.2) rotate(var(--rotation, 0deg));
  }
}

@keyframes animated-background-module__VFjjGG__move {
  0%, 100% {
    transform: translateY(0) rotate(var(--rotation, 0deg));
  }

  50% {
    transform: translateY(-20px) rotate(var(--rotation, 0deg));
  }
}

@keyframes animated-background-module__VFjjGG__colorShift {
  0%, 100% {
    filter: hue-rotate() brightness();
  }

  50% {
    filter: hue-rotate(180deg) brightness(1.5);
  }
}

@keyframes animated-background-module__VFjjGG__pulse {
  0%, 100% {
    transform: scale(1) rotate(var(--rotation, 0deg));
  }

  50% {
    transform: scale(1.5) rotate(var(--rotation, 0deg));
  }
}

@keyframes animated-background-module__VFjjGG__rotate {
  from {
    transform: rotate(var(--rotation, 0deg));
  }

  to {
    transform: rotate(calc(var(--rotation, 0deg) + 360deg));
  }
}