.json-viewer {
  padding: 1em;
  color: #aaa;
  background: #222;
  line-height: 1.5;
  font-family: monospace;
  font-size: 16px;
  overflow: scroll;
  height: 100%;
  user-select: none;
}

.json-viewer [data-path] {
  user-select: text;
}

.entries {
  list-style: none;
  padding-inline-start: 1.25em;
  margin: 0;
}

.entry-delimiter {
  margin-left: -8px;
}

.entries-summary {
  color: #666;
}

.key.is-toggleable {
  cursor: pointer;
  position: relative;
}

.key.is-toggleable .key-expansion-state {
  position: absolute;
  left: -15px;
}

.key-expansion-state {
  user-select: none;
}

.syntax-key {
  color: green;
}

.syntax-boolean {
  color: #32aaee;
}

.syntax-null {
  color: #32aaee;
}

.syntax-string {
  color: #fc3;
}

.syntax-number {
  color: #0c6;
}

.syntax-unknown {
  color: red;
  font-size: large;
}