.typing-container {
  display: inline-flex;
  align-items: baseline;
  color: inherit;
  font: inherit;
  /* line-height: 4ch; */
  margin-bottom: 10px;
}

.terminal_input {
  width: 8px;              /* will be overridden by JS */
  min-width: 8px;
  background: transparent;
  border: 0;
  outline: 0;
  padding: 0;
  margin: 0;
  caret-color: transparent;
  color: inherit;
  font: inherit;           /* important so width matches your terminal font */
  /* cursor: none; */
  
}



.prompt {
  text-shadow: 0 0 10px var(--c-accent);
}

.terminal-line {
  margin-top: 40px;
}

.custom-cursor {
  display: inline-block;
  margin-left: 0;
  animation: none; /* default: NOT blinking */
}

/* blink only on the active (focused) line */
.typing-container:focus-within .custom-cursor {
  animation: cursorBlink 1s steps(1, end) infinite;
}

.terminal-line.is-done .custom-cursor {
  display: none;
}

@keyframes cursorBlink {
  50% { opacity: 0; }
}

/* optional: visually “lock” previous lines */
.terminal_input--done {
  opacity: 0.85;
  color: inherit;
  font: inherit;
}

/* optional output styling */
.terminal-output {
  white-space: pre-wrap;
  font-weight: 100;

  text-shadow: 0 0 2px var(--c-accent);
}


.BASIC {

}

.BASIC_typing {

}

.PLUS {
  color: var(--c-plus);
  text-shadow: none;
  text-shadow: 0 0 10px var(--c-plus);
}

.PLUS_typing {
color: var(--c-plus);
}

.PRO {
  color: var(--c-pro);
  text-shadow: none;
  text-shadow: 0 0 10px var(--c-pro);
}

.ADMIN {
  color: var(--c-admin);
  text-shadow: none;
  text-shadow: 0 0 10px var(--c-admin);
}

.PRO_typing {
  color: var(--c-pro);

}

.ADMIN_typing {
  color: var(--c-admin);
}