/* [project]/src/styles/terminal.css [app-client] (css) */
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(5px);
  }

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

.cursor-blink {
  animation: 1s infinite blink;
  display: inline-block;
}

.terminal-fade-in {
  animation: .3s ease-out fadeIn;
}

.custom-cursor {
  pointer-events: none;
  z-index: 9999;
  mix-blend-mode: difference;
  background-color: #a855f74d;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  transition: width .3s, height .3s, background-color .3s;
  position: fixed;
  transform: translate(-50%, -50%);
}

.cursor-dot {
  z-index: 10000;
  pointer-events: none;
  background-color: #9333ea;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  transition: width .2s, height .2s, background-color .2s;
  position: fixed;
  transform: translate(-50%, -50%);
}

.grow-cursor {
  mix-blend-mode: difference;
  background-color: #a855f733;
  width: 40px;
  height: 40px;
}

.cursor-dot.grow {
  background-color: #fff;
  width: 8px;
  height: 8px;
}

::selection {
  color: #f3f4f6;
  background-color: #a855f733;
}

.hover-glow {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.hover-glow:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle, #9333ea26 0%, #4f46e500 70%);
  border-radius: 50%;
  width: 0;
  height: 0;
  transition: width .6s ease-out, height .6s ease-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hover-glow:hover:before {
  width: 400px;
  height: 400px;
}

.spotlight {
  pointer-events: none;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.spotlight-inner {
  opacity: 0;
  will-change: transform, opacity, width, height;
  background: radial-gradient(circle, #a855f71f 0%, #8b5cf617 20%, #818cf80a 40%, #4f46e500 60%);
  width: 600px;
  height: 600px;
  transition: opacity .6s ease-out, width .5s ease-out, height .5s ease-out;
  position: absolute;
  transform: translate(-50%, -50%);
}

.spotlight-active .spotlight-inner {
  opacity: 1;
  animation: 8s infinite pulse;
}

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