.code-block {
  tab-size: 2;
}

.code-block code {
  display: block;
  white-space: pre;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  text-align: left;
}

.code-block .code-comment {
  color: #94a3b8;
  font-style: italic;
}

.code-block .code-key {
  color: #93c5fd;
}

.code-block .code-str {
  color: #86efac;
}

.code-block .code-num {
  color: #fca5a5;
}

.code-block .code-cmd {
  color: #f8fafc;
  font-weight: 700;
}

.code-block .code-kw {
  color: #c4b5fd;
  font-weight: 700;
}

.code-block .code-fn {
  color: #fcd34d;
}

.code-block .code-var {
  color: #67e8f9;
}

.code-block .code-type {
  color: #f9a8d4;
}