/* [project]/components/login/login-left-background-effects.module.css [app-client] (css) */
.login-left-background-effects-module__SYdlDq__root {
  --parallax-x: 0;
  --parallax-y: 0;
}

.login-left-background-effects-module__SYdlDq__mesh {
  transform: translate3d(calc(var(--parallax-x) * 6px),
    calc(var(--parallax-y) * 6px),
    0);
  will-change: transform, opacity;
  background: radial-gradient(80% 60% at 20% 30%, #6366f124 0%, #0000 55%), radial-gradient(70% 55% at 75% 65%, #8b5cf61a 0%, #0000 50%), radial-gradient(55% 45% at 55% 15%, #3b82f614 0%, #0000 45%), radial-gradient(90% 70% at 40% 85%, #ffffff0a 0%, #0000 50%);
  animation: 28s ease-in-out infinite alternate login-left-background-effects-module__SYdlDq__meshDrift;
}

.login-left-background-effects-module__SYdlDq__auroraA, .login-left-background-effects-module__SYdlDq__auroraB, .login-left-background-effects-module__SYdlDq__auroraC {
  filter: blur(72px);
  will-change: transform, opacity;
}

.login-left-background-effects-module__SYdlDq__auroraA {
  transform: translate3d(calc(var(--parallax-x) * 14px),
    calc(var(--parallax-y) * 10px),
    0);
  background: radial-gradient(circle at 30% 40%, #6366f138 0%, #0000 62%);
  animation: 22s ease-in-out infinite alternate login-left-background-effects-module__SYdlDq__auroraFloatA;
}

.login-left-background-effects-module__SYdlDq__auroraB {
  transform: translate3d(calc(var(--parallax-x) * -10px),
    calc(var(--parallax-y) * 12px),
    0);
  background: radial-gradient(circle at 70% 55%, #8b5cf629 0%, #0000 58%);
  animation: 26s ease-in-out infinite alternate login-left-background-effects-module__SYdlDq__auroraFloatB;
}

.login-left-background-effects-module__SYdlDq__auroraC {
  transform: translate3d(calc(var(--parallax-x) * 8px),
    calc(var(--parallax-y) * -8px),
    0);
  background: radial-gradient(circle at 50% 20%, #38bdf81a 0%, #0000 55%);
  animation: 30s ease-in-out infinite alternate login-left-background-effects-module__SYdlDq__auroraFloatC;
}

.login-left-background-effects-module__SYdlDq__particles {
  transform: translate3d(calc(var(--parallax-x) * 18px),
    calc(var(--parallax-y) * 14px),
    0);
}

.login-left-background-effects-module__SYdlDq__particle {
  animation: login-left-background-effects-module__SYdlDq__particleFloat var(--duration, 14s) ease-in-out infinite;
  animation-delay: var(--delay, 0s);
  will-change: transform, opacity;
  background: #ffffff59;
  border-radius: 9999px;
  position: absolute;
  box-shadow: 0 0 8px #ffffff14;
}

.login-left-background-effects-module__SYdlDq__wireframeCube {
  transform: translate3d(calc(var(--parallax-x) * -16px),
    calc(var(--parallax-y) * -12px),
    0);
  perspective: 900px;
}

.login-left-background-effects-module__SYdlDq__wireframeCubeInner {
  transform-style: preserve-3d;
  will-change: transform;
  animation: 48s linear infinite login-left-background-effects-module__SYdlDq__cubeRotate;
}

.login-left-background-effects-module__SYdlDq__wireframeFace {
  background: none;
  border: 1px solid #ffffff1f;
  position: absolute;
  inset: 0;
}

.login-left-background-effects-module__SYdlDq__titleGlow {
  filter: blur(36px);
  will-change: opacity, transform;
  background: radial-gradient(85% 70%, #6366f12e 0%, #8b5cf614 35%, #0000 72%);
  animation: 8s ease-in-out infinite alternate login-left-background-effects-module__SYdlDq__titleGlowPulse;
}

.login-left-background-effects-module__SYdlDq__floatingLogoField {
  z-index: 1;
  pointer-events: none;
  transform: translate3d(calc(var(--parallax-x) * 10px),
    calc(var(--parallax-y) * 8px),
    0);
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.login-left-background-effects-module__SYdlDq__floatingLogoOrbit {
  will-change: left, top, opacity;
  animation: 50s ease-in-out infinite login-left-background-effects-module__SYdlDq__floatingLogoTravel;
  position: absolute;
  top: 12%;
  left: 8%;
  transform: translate(-50%, -50%);
}

.login-left-background-effects-module__SYdlDq__floatingLogoInner {
  will-change: transform;
  animation: 8s ease-in-out infinite alternate login-left-background-effects-module__SYdlDq__floatingLogoDrift;
}

.login-left-background-effects-module__SYdlDq__floatingLogoGlow {
  filter: blur(26px);
  background: radial-gradient(circle, #6366f161 0%, #8b5cf624 45%, #0000 72%);
  animation: 7s ease-in-out infinite alternate login-left-background-effects-module__SYdlDq__floatingLogoGlow;
  position: absolute;
  inset: -45%;
}

.login-left-background-effects-module__SYdlDq__floatingLogoMark {
  color: #ffffff3d;
  text-shadow: 0 0 48px #6366f166;
  filter: drop-shadow(0 0 20px #8b5cf640);
  align-items: center;
  display: flex;
  position: relative;
}

@keyframes login-left-background-effects-module__SYdlDq__floatingLogoTravel {
  0% {
    opacity: .14;
    top: 12%;
    left: 8%;
  }

  15% {
    opacity: .22;
    top: 18%;
    left: 84%;
  }

  30% {
    opacity: .18;
    top: 52%;
    left: 76%;
  }

  45% {
    opacity: .24;
    top: 82%;
    left: 58%;
  }

  60% {
    opacity: .2;
    top: 74%;
    left: 18%;
  }

  75% {
    opacity: .16;
    top: 42%;
    left: 10%;
  }

  90% {
    opacity: .22;
    top: 22%;
    left: 42%;
  }

  100% {
    opacity: .14;
    top: 12%;
    left: 8%;
  }
}

@keyframes login-left-background-effects-module__SYdlDq__floatingLogoDrift {
  0% {
    transform: scale(.94)rotate(-5deg);
  }

  100% {
    transform: scale(1.05)rotate(4deg);
  }
}

@keyframes login-left-background-effects-module__SYdlDq__floatingLogoGlow {
  0% {
    opacity: .45;
    transform: scale(.92);
  }

  100% {
    opacity: .8;
    transform: scale(1.08);
  }
}

@keyframes login-left-background-effects-module__SYdlDq__meshDrift {
  0% {
    opacity: .85;
    transform: translate3d(calc(var(--parallax-x) * 6px), calc(var(--parallax-y) * 6px), 0) scale(1);
  }

  100% {
    opacity: 1;
    transform: translate3d(calc(var(--parallax-x) * 6px + 12px), calc(var(--parallax-y) * 6px - 8px), 0) scale(1.04);
  }
}

@keyframes login-left-background-effects-module__SYdlDq__auroraFloatA {
  0% {
    opacity: .45;
    transform: translate3d(calc(var(--parallax-x) * 14px - 4%), calc(var(--parallax-y) * 10px), 0) scale(1);
  }

  100% {
    opacity: .7;
    transform: translate3d(calc(var(--parallax-x) * 14px + 6%), calc(var(--parallax-y) * 10px + 4%), 0) scale(1.08);
  }
}

@keyframes login-left-background-effects-module__SYdlDq__auroraFloatB {
  0% {
    opacity: .35;
    transform: translate3d(calc(var(--parallax-x) * -10px + 3%), calc(var(--parallax-y) * 12px - 2%), 0) scale(1.02);
  }

  100% {
    opacity: .55;
    transform: translate3d(calc(var(--parallax-x) * -10px - 5%), calc(var(--parallax-y) * 12px + 5%), 0) scale(1.06);
  }
}

@keyframes login-left-background-effects-module__SYdlDq__auroraFloatC {
  0% {
    opacity: .25;
    transform: translate3d(calc(var(--parallax-x) * 8px), calc(var(--parallax-y) * -8px - 3%), 0);
  }

  100% {
    opacity: .42;
    transform: translate3d(calc(var(--parallax-x) * 8px + 4%), calc(var(--parallax-y) * -8px + 6%), 0);
  }
}

@keyframes login-left-background-effects-module__SYdlDq__particleFloat {
  0%, 100% {
    opacity: var(--opacity-min, .15);
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(var(--drift-x, 0px), var(--drift-y, -10px), 0);
    opacity: var(--opacity-max, .45);
  }
}

@keyframes login-left-background-effects-module__SYdlDq__cubeRotate {
  from {
    transform: rotateX(18deg)rotateY(0);
  }

  to {
    transform: rotateX(18deg)rotateY(360deg);
  }
}

@keyframes login-left-background-effects-module__SYdlDq__titleGlowPulse {
  0% {
    opacity: .55;
    transform: scale(.98);
  }

  100% {
    opacity: .85;
    transform: scale(1.03);
  }
}

@media (prefers-reduced-motion: reduce) {
  .login-left-background-effects-module__SYdlDq__mesh, .login-left-background-effects-module__SYdlDq__auroraA, .login-left-background-effects-module__SYdlDq__auroraB, .login-left-background-effects-module__SYdlDq__auroraC, .login-left-background-effects-module__SYdlDq__particle, .login-left-background-effects-module__SYdlDq__wireframeCubeInner, .login-left-background-effects-module__SYdlDq__titleGlow, .login-left-background-effects-module__SYdlDq__floatingLogoOrbit, .login-left-background-effects-module__SYdlDq__floatingLogoInner, .login-left-background-effects-module__SYdlDq__floatingLogoGlow {
    animation: none !important;
  }

  .login-left-background-effects-module__SYdlDq__mesh, .login-left-background-effects-module__SYdlDq__auroraA, .login-left-background-effects-module__SYdlDq__auroraB, .login-left-background-effects-module__SYdlDq__auroraC, .login-left-background-effects-module__SYdlDq__particles, .login-left-background-effects-module__SYdlDq__wireframeCube, .login-left-background-effects-module__SYdlDq__floatingLogoField {
    transform: none !important;
  }
}

/*# sourceMappingURL=components_login_login-left-background-effects_module_081uz1c.css.map*/