code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, "Courier New", monospace;
  font-size: 0.875em;
}

code {
  color: #dd1144;
  padding: 0.25em;
}

pre {
  border: 1px solid #c3c3c3;
  border-radius: 0.3em;
  background-color: rgba(0, 0, 0, 0.2);
  display: block;
  line-height: 1.5;
  margin: 0 0 1.5625em;
  overflow-x: scroll;
  padding: 0.8125em;
  padding-bottom: 0;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}

pre code {
  background-color: transparent;
  border: 0;
  color: inherit;
  font-size: var(--xs);
  padding: 0;
}

.value-keyword {
  color: rgb(86, 156, 214);
}

.flow-keyword {
  color: rgb(197, 134, 192);
}

.vars {
  color: rgb(202, 227, 247);
}

.fns {
  color: rgb(247, 238, 191);
}

.brackets {
  color: rgb(255, 215, 0);
}

.symbols {
  color: rgb(156, 220, 254);
}

.comment {
  color: rgb(131, 199, 125);
}

.string {
  color: rgb(204, 135, 108);
}

.disabled {
  color: rgb(119, 115, 114);
}