.json-tree {
  color: #394359;
  display: flex;
  flex-direction: column;
  font-family: Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
  line-height: 20px;
}
.json-tree-root {
  background-color: #f7f8f9;
  border-radius: 3px;
  margin: 2px 0;
  min-width: 560px;
  padding: 10px;
  max-width: 100%;
  overflow: scroll;
}
.json-tree-root pre {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
}
.json-tree-ending,
.json-tree-row {
  border-radius: 2px;
  display: flex;
}
.json-tree-paired,
.json-tree-row:hover {
  background-color: #bce2ff;
}
.json-tree-expando {
  cursor: pointer;
}
.json-tree-sign {
  font-weight: 700;
}
.json-tree-collapsed {
  color: gray;
  font-style: italic;
}
.json-tree-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  max-width: 100%;
}
.json-tree-value-string {
  color: #9aab3a;
  word-wrap: break-word;
  padding: 0;
  margin: 0;
  border: 0;
}
.json-tree-value-boolean {
  color: #ff0080;
}
.json-tree-value-number {
  color: #4f7096;
}
.json-tree-tab {
  display: inline-block;
  width: 20px;
}
.json-tree-value-null {
  color: #c7444a;
}
.json-tree-newline {
  color: #888;
  padding-left: 5px;
}
.json-tree-key,
.json-tree-value {
  line-height: 20px;
  vertical-align: middle;
}