/* =========================================================== *
 *                Pseudo-Pseudo-Terminal Effect                *
/* =========================================================== */

.ppty {
  background-color: var(--theme-bg);
  border: 0.5ch solid var(--theme-tty-border);
  
  margin: auto auto;
  padding: 20px;

  position: relative;
  height: auto;
  
  /* display: block; */
  /* flex-direction: column; */
  /* justify-content: start; */
  /* align-content: center; */
  /* align-items: start; */

  overflow: hidden;
}

.ppty-block {
  color: var(--theme-tty-output);
  
  visibility: hidden;
  white-space: nowrap; /* only break on <br/> */
}

.ppty-prompt {
  color: var(--theme-tty-prompt);

  display: inline-block;
  vertical-align: top;  
}

.ppty-command {
  color: var(--theme-tty-command);
  
  width: 0px;
  border-right: 1ch solid var(--theme-tty-output);

  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}

.ppty-output {
}