panel.css

.panel__tree {
  font-family: monospace;
  font-size: 85%;
}

.panel__tree .euiTreeView {
  padding-left: 12px;
  font-size: 85%;
}

.panel__resizeableContainer {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.panel__stateChange .euiAccordion__button {
  font-size: 12px;
  font-family: monospace;
}

.panel__stateChange .euiAccordion__iconWrapper {
  transform: scale(.80);
  transform-origin: top left;
  margin: 8px 0px 4px 7px;
}

.jsondiffpatch-delta {
  font-family: monospace;
  font-size: 12px;
  line-height: 20px;
  margin: 0;
  padding: 0 0 0 12px;
  display: inline-block;
}
.jsondiffpatch-delta pre {
  font-size: 12px;
  margin: 0;
  padding: 0;
  display: inline-block;
}
ul.jsondiffpatch-delta {
  list-style-type: none;
  padding: 0 0 0 20px;
  margin: 0;
}
.jsondiffpatch-delta ul {
  list-style-type: none;
  padding: 0 0 0 20px;
  margin: 0;
}

.jsondiffpatch-added .jsondiffpatch-property-name,
.jsondiffpatch-added .jsondiffpatch-value pre,
.jsondiffpatch-modified .jsondiffpatch-right-value pre,
.jsondiffpatch-textdiff-added {
  background: #bbffbb;
}

.jsondiffpatch-deleted .jsondiffpatch-property-name,
.jsondiffpatch-deleted pre,
.jsondiffpatch-modified .jsondiffpatch-left-value pre,
.jsondiffpatch-textdiff-deleted {
  background: #ffbbbb;
  text-decoration: line-through;
}

.jsondiffpatch-unchanged { display: none; }

.jsondiffpatch-value {
  display: inline-block;
}

.jsondiffpatch-property-name {
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
}

.jsondiffpatch-property-name:after {
  content: ': ';
}

.jsondiffpatch-child-node-type-array > .jsondiffpatch-property-name:after {
  content: ': [';
}

.jsondiffpatch-child-node-type-array:after {
  content: '],';
}

div.jsondiffpatch-child-node-type-array:before {
  content: '[';
}

div.jsondiffpatch-child-node-type-array:after {
  content: ']';
}

.jsondiffpatch-child-node-type-object > .jsondiffpatch-property-name:after {
  content: ': {';
}

.jsondiffpatch-child-node-type-object:after {
  content: '},';
}

div.jsondiffpatch-child-node-type-object:before {
  content: '{';
}

div.jsondiffpatch-child-node-type-object:after {
  content: '}';
}

.jsondiffpatch-value pre:after {
  content: ',';
}

li:last-child > .jsondiffpatch-value pre:after,
.jsondiffpatch-modified > .jsondiffpatch-left-value pre:after {
  content: '';
}

.jsondiffpatch-modified .jsondiffpatch-value {
  display: inline-block;
}

.jsondiffpatch-modified .jsondiffpatch-right-value {
  margin-left: 5px;
}

.jsondiffpatch-moved .jsondiffpatch-value {
  display: none;
}

.jsondiffpatch-moved .jsondiffpatch-moved-destination {
  display: inline-block;
  background: #ffffbb;
  color: #888;
}

.jsondiffpatch-moved .jsondiffpatch-moved-destination:before {
  content: ' => ';
}

ul.jsondiffpatch-textdiff {
  padding: 0;
}

.jsondiffpatch-textdiff-location {
  color: #bbb;
  display: inline-block;
  min-width: 60px;
}

.jsondiffpatch-textdiff-line {
  display: inline-block;
}

.jsondiffpatch-textdiff-line-number:after {
  content: ',';
}

.jsondiffpatch-error {
  background: red;
  color: white;
  font-weight: bold;
}