diag { float: right;
    position: relative;
    inset: 0 0 0 38em;
    width: 32em;
    font-size: 8pt;
    white-space: normal;
    margin-top: 1ex;
    clear: both;
    display: none
}

.version {
    display: block;
    float: right;
    font-size: 95%;
    font-weight: normal;
    background-color: #EEE;
    padding: 0 0.5em;
    border-radius: 4px;
}

table.clear { border: 0px none; padding: 0; margin: 0; }
tr.clear { border: 2px solid transparent !important; padding: inherit; margin: inherit; }
td.clear { white-space: nowrap; width: 1ex; vertical-align: top; padding: inherit; margin: inherit; }

.json-language {
    padding-left: 2ex;
    margin-left: 4px;
}

.json-block-display {
    border-left: 1px dotted silver;
}

.json-wrapper {
    font-family: "PT Mono", monospace;
    background-color: #f2f2f2;
    border-radius: 4px;
    padding: 1em;
}

.json-wrapper strong {
    font-size: 8pt;
    display: none;
}

.json-language.example {
    padding: 2ex;
    border-radius: 4px;
}


.json-description {
    color: #aaa;
    padding: 0 !important;
    margin: 0;
    text-indent: -1.8em;
    padding-left: 2.3em !important;
}

.json-enum {
    color: #aaa;
    padding: 0;
    margin: 0;
}


.json-language.object > .json-language.array,
.json-language.object > .json-language.object {
    padding-left: 0px;
}

.json-wrapper > .json-block-display { border: none }
.json-wrapper > .json-language { padding-left: 0px; margin-left: 0px; }

div.bottom {
    position: fixed;
    bottom: 4em;
    right: 4em;
}

div.bottom button {
    background-color: blue;
    border-radius: 8px;
    border: none;
    color: white;
    font-family: inherit;
    font-weight: bold;
    padding: 8px;
}

.object_wrapper2 { margin-left: 2em }
.object_wrapper3 { margin-left: 2em }
.object_wrapper4 { margin-left: 2em }
.object_wrapper5 { margin-left: 2em }
.object_wrapper6 { margin-left: 2em }
.object_inner_wrapper1 { margin-left: 2em }
.object_inner_wrapper2 { margin-left: 2em }
.object_inner_wrapper3 { margin-left: 2em }
.object_inner_wrapper4 { margin-left: 2em }
.object_inner_wrapper5 { margin-left: 2em }
.object_inner_wrapper6 { margin-left: 2em }
.properties_wrapper1 > .object_wrapper1 { margin-left: 0 }
.properties_wrapper3 > .object_wrapper3 { margin-left: 0 }
.properties_wrapper5 > .object_wrapper5 { margin-left: 0 }
.array_inner_wrapper2 > .object_wrapper2 { margin-left: 0 }
.array_inner_wrapper1 { margin-left: 2em }
.array_inner_wrapper2 { margin-left: 2em }
