/* [project]/components/auth/AuthShell.module.css [app-client] (css) */
@keyframes AuthShell-module__v8KGDa__fadeSlideUp {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes AuthShell-module__v8KGDa__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes AuthShell-module__v8KGDa__pulseNode {
  0%, 100% {
    opacity: .72;
    transform: translate(-50%, -50%)scale(1);
  }

  50% {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1.08);
  }
}

.AuthShell-module__v8KGDa__leftPanel {
  position: relative;
}

.AuthShell-module__v8KGDa__leftPanel:before {
  pointer-events: none;
  content: "";
  background-image: linear-gradient(#ffffff09 1px, #0000 1px), linear-gradient(90deg, #ffffff09 1px, #0000 1px);
  background-size: 44px 44px;
  position: absolute;
  inset: 88px 56px 88px 0;
  -webkit-mask-image: linear-gradient(#0000, #000 18% 72%, #0000);
  mask-image: linear-gradient(#0000, #000 18% 72%, #0000);
}

.AuthShell-module__v8KGDa__brand {
  z-index: 1;
  gap: 56px;
  animation: .55s ease-out both AuthShell-module__v8KGDa__fadeSlideUp;
  display: grid;
  position: relative;
}

.AuthShell-module__v8KGDa__form {
  animation: .35s ease-out both AuthShell-module__v8KGDa__fadeIn;
}

.AuthShell-module__v8KGDa__signalMap {
  border-top: 1px solid #262626e6;
  border-bottom: 1px solid #262626e6;
  width: min(100%, 520px);
  height: 220px;
  position: relative;
}

.AuthShell-module__v8KGDa__signalLines {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.AuthShell-module__v8KGDa__signalLines path {
  stroke: #a3a3a342;
  stroke-width: 1px;
  vector-effect: non-scaling-stroke;
}

.AuthShell-module__v8KGDa__signalLines .AuthShell-module__v8KGDa__primaryLine {
  stroke: #7ec2c2bf;
}

.AuthShell-module__v8KGDa__node {
  background: #0a0a0a;
  border: 1px solid #7ec2c2a6;
  border-radius: 9999px;
  width: 10px;
  height: 10px;
  position: absolute;
  transform: translate(-50%, -50%);
}

.AuthShell-module__v8KGDa__nodeCore {
  background: #7ec2c2;
  border-color: #7ec2c2;
  width: 18px;
  height: 18px;
  animation: 3.8s ease-in-out infinite AuthShell-module__v8KGDa__pulseNode;
  top: 50%;
  left: 50%;
  box-shadow: 0 0 0 8px #7ec2c214;
}

.AuthShell-module__v8KGDa__nodeOne {
  top: 25%;
  left: 18%;
}

.AuthShell-module__v8KGDa__nodeTwo {
  top: 74%;
  left: 17%;
}

.AuthShell-module__v8KGDa__nodeThree {
  top: 32%;
  left: 82%;
}

.AuthShell-module__v8KGDa__nodeFour {
  top: 68%;
  left: 83%;
}

.AuthShell-module__v8KGDa__nodeFive {
  top: 50%;
  left: 84%;
}

.cl-socialButtonsBlockButton {
  box-shadow: none !important;
  color: #f5f5f5 !important;
  background: #0a0a0a !important;
  border: 1px solid #262626 !important;
}

.cl-socialButtonsBlockButton:hover {
  background: #171717 !important;
}

:is(.cl-socialButtonsBlockButtonText, .cl-socialButtonsBlockButton span) {
  color: #f5f5f5 !important;
}

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