
  .container.svelte-1hwri3z {
    display: inline-block;
    transform: translate(calc(0px - var(--li-identation)), -50%);
    position: absolute;
    top: 50%;
    padding-right: 100%;
  }
  .arrow.svelte-1hwri3z {
    transform-origin: 25% 50%;
    position: relative;
    line-height: 1.1em;
    font-size: 0.75em;
    margin-left: 0;
    transition: 150ms;
    color: var(--arrow-color);
    user-select: none;
    font-family: 'Courier New', Courier, monospace;
    display: block;
  }
  .expanded.svelte-1hwri3z {
    transform: rotateZ(90deg) translateX(-3px);
  }

  .root.svelte-clkyxr {
    display: inline-block;
    position: relative;
  }
  .indent.svelte-clkyxr {
    padding-left: var(--li-identation);
  }
  .label.svelte-clkyxr {
    position: relative;
  }

  .comma.svelte-1qtzsi {
    margin-left: -0.5em;
    margin-right: 0.5em;
  }

  .Date.svelte-1dnoghj {
    color: var(--date-color);
  }
  .BigInt.svelte-1dnoghj {
    color: var(--number-color);
  }
  .Number.svelte-1dnoghj {
    color: var(--number-color);
  }
  .Boolean.svelte-1dnoghj {
    color: var(--boolean-color);
  }
  .Null.svelte-1dnoghj {
    color: var(--null-color);
  }
  .Undefined.svelte-1dnoghj {
    color: var(--undefined-color);
  }
  .Symbol.svelte-1dnoghj {
    color: var(--symbol-color);
  }

  .indent.svelte-1xwc7p0 {
    padding-left: var(--li-identation);
  }

  span.svelte-1mgg1xt {
    color: var(--string-color);
    word-break: break-all;
    word-wrap: break-word;
  }

  .i.svelte-1r6vdi8 {
    font-style: italic;
  }
  .fn.svelte-1r6vdi8,
  .i.svelte-1r6vdi8 {
    color: var(--function-color);
  }

  .regex.svelte-sixd37 {
    color: var(--regex-color);
  }

  span.svelte-tzisy {
    --string-color: var(--json-tree-string-color, #cb3f41);
    --symbol-color: var(--json-tree-symbol-color, #cb3f41);
    --boolean-color: var(--json-tree-boolean-color, #112aa7);
    --function-color: var(--json-tree-function-color, #112aa7);
    --number-color: var(--json-tree-number-color, #3029cf);
    --label-color: var(--json-tree-label-color, #871d8f);
    --property-color: var(--json-tree-property-color, #000000);
    --arrow-color: var(--json-tree-arrow-color, #727272);
    --operator-color: var(--json-tree-operator-color, #727272);
    --null-color: var(--json-tree-null-color, #8d8d8d);
    --undefined-color: var(--json-tree-undefined-color, #8d8d8d);
    --date-color: var(--json-tree-date-color, #8d8d8d);
    --internal-color: var(--json-tree-internal-color, grey);
    --regex-color: var(--json-tree-regex-color, var(--string-color));
    --li-identation: var(--json-tree-li-indentation, 1em);
    --li-line-height: var(--json-tree-li-line-height, 1.3);
    font-size: var(--json-tree-font-size, 12px);
    font-family: var(--json-tree-font-family, 'Courier New', Courier, monospace);
  }
  span.svelte-tzisy li {
    line-height: var(--li-line-height);
    display: var(--li-display, list-item);
    list-style: none;
  }
  span.svelte-tzisy,
  span.svelte-tzisy ul {
    padding: 0;
    margin: 0;
  }

  .expandable.svelte-tzisy {
    margin-left: var(--li-identation);
  }
  span.svelte-tzisy {
    cursor: default;
  }
  span.svelte-tzisy .label {
    color: var(--label-color);
  }
  span.svelte-tzisy .property {
    color: var(--property-color);
  }
  span.svelte-tzisy .internal {
    color: var(--internal-color);
  }
  span.svelte-tzisy .operator {
    color: var(--operator-color);
  }
  span.svelte-tzisy > span:where(.svelte-tzisy) {
    white-space: pre-wrap;
  }
