.console {
  display: block;
  max-height: 50vh;
  padding: 8px 8px 8px 1em;
  border-radius: 8px;
  overflow: auto;
  font-family: var(--monospace-font-family),'Berkeley Mono', 'JetBrains Mono', 'IBM Plex Mono', 'Fira Code', monospace;
  font-size: 1em;
  color: var(--base-05);
  background: var(--base-00);
  white-space: pre-wrap;
  border: var(--ui-border, 1px solid rgba(0, 0, 0, .2));
}

.ws {
  white-space: pre;
  background: paleyellow;
}

.sep {
  color: var(--base-05);
}
.index {
  color: var(--base-05);
  opacity: .3;
  float: left;
  width: 0;
  font-style: italic;
}
.boolean {
  color: var(--base-0e);
  font-weight: bold;
}
.empty {
  color: var(--base-0e);
  font-style: italic;
}
.null {
  color: var(--base-0e);
  font-style: italic;
}
.string {
  color: var(--base-0a);
  font-weight: bold;
}
.function {
  color: var(--base-0b);
}
.number {
  color: var(--base-0e);
}
.property {
  color: var(--base-0b);
}
.object {
  color: var(--base-0b);
}
.error {
  display: block;
  width: calc(100% - 10px);
  padding-right: 4px;
  padding-top: 8px;
  padding-bottom:8px;
  padding-left: 6px;
  background: rgba(204, 102, 102, .4);
  color: white;
  border-left: 4px solid var(--semantic-red);
}
