:root{--background: rgb(42, 47, 58)}html,body{margin:0;height:100%;width:100%;background-color:var(--background);font-size:16px}.container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "panel-left panel-right";grid-gap:15px 15px;height:100%;width:100%}.container.collapsed{grid-template-columns:200px 1fr}.header{grid-area:header;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:1rem;text-align:center;display:flex;align-items:center;height:60px;border-bottom:1px solid rgb(255,255,255,.5)}.header>h1{font-size:1.3rem;padding:0 20px}.menu{display:flex;flex-grow:1;align-items:center;justify-content:flex-start}.panel{max-height:100%;overflow-y:auto;position:relative}.panel:not(:last-child){border-right:1px solid #666}.panel-left{grid-area:panel-left;resize:horizontal}.panel-right{grid-area:panel-right}.container.collapsed .panel-left:after{display:block;content:" ";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to left,var(--background),transparent);z-index:100;overflow:hidden}#toggle-panel{background:transparent url(/json-viewer/assets/eye-solid.4f5d11d2.svg) no-repeat center center;position:absolute;z-index:101;right:30px;top:10px;height:30px;width:30px;opacity:.6;will-change:opacity;cursor:pointer}.container.collapsed #toggle-panel{background:transparent url(/json-viewer/assets/eye-slash-solid.6a4cf80b.svg) no-repeat center center}#toggle-panel:hover{opacity:1}.github-corner{height:100%}.github-corner>svg{fill:#fff;color:var(--background);height:100%}.github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}.loader,.loader:after{border-radius:50%;width:1rem;height:1rem}.loader{margin:0 10px;font-size:10px;position:relative;text-indent:-9999em;border-top:.1rem solid rgba(255,255,255,.2);border-right:.1rem solid rgba(255,255,255,.2);border-bottom:.1rem solid rgba(255,255,255,.2);border-left:.1rem solid #ffffff;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width: 500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave .56s ease-in-out}}@media (min-width: 40rem){.section{margin:0 auto;max-width:960px;width:960px}}@media (min-width: 80rem){.section{max-width:1152px;width:1152px}}@media (min-width: 120rem){.section{max-width:1344px;width:1344px}}#actions-toolbar{display:flex;gap:1rem}.CodeMirror,textarea{display:block;width:100%;height:100%!important}.cm-s-jsv.CodeMirror{background:#2a2f3a;color:#f8f8f2;font-size:1rem}.cm-s-jsv div.CodeMirror-selected{background:#49483e}.cm-s-jsv .CodeMirror-line::selection,.cm-s-jsv .CodeMirror-line>span::selection,.cm-s-jsv .CodeMirror-line>span>span::selection{background:rgba(73,72,62,.99)}.cm-s-jsv .CodeMirror-line::-moz-selection,.cm-s-jsv .CodeMirror-line>span::-moz-selection,.cm-s-jsv .CodeMirror-line>span>span::-moz-selection{background:rgba(73,72,62,.99)}.cm-s-jsv .CodeMirror-gutters{background:#2a2f3a;border-right:0px}.cm-s-jsv .CodeMirror-guttermarker{color:#fff}.cm-s-jsv .CodeMirror-guttermarker-subtle,.cm-s-jsv .CodeMirror-linenumber{color:#d0d0d0}.cm-s-jsv .CodeMirror-cursor{border-left:1px solid #f8f8f0}.cm-s-jsv span.cm-comment{color:#75715e}.cm-s-jsv span.cm-atom{color:#4ba7ef}.cm-s-jsv span.cm-number{color:#d19a66}.cm-s-jsv span.cm-comment.cm-attribute{color:#97b757}.cm-s-jsv span.cm-comment.cm-def{color:#bc9262}.cm-s-jsv span.cm-comment.cm-tag{color:#bc6283}.cm-s-jsv span.cm-comment.cm-type{color:#5998a6}.cm-s-jsv span.cm-keyword{color:#f92672}.cm-s-jsv span.cm-builtin{color:#66d9ef}.cm-s-jsv span.cm-string{color:#a3eea0}.cm-s-jsv span.cm-variable{color:#f8f8f2}.cm-s-jsv span.cm-variable-2{color:#9effff}.cm-s-jsv span.cm-variable-3,.cm-s-jsv span.cm-type{color:#66d9ef}.cm-s-jsv span.cm-def{color:#fd971f}.cm-s-jsv span.cm-bracket{color:#f8f8f2}.cm-s-jsv span.cm-tag{color:#f92672}.cm-s-jsv span.cm-header,.cm-s-jsv span.cm-link{color:#ae81ff}.cm-s-jsv span.cm-error{background:#f92672;color:#f8f8f0}.cm-s-jsv span.cm-property,.cm-s-jsv span.cm-attribute{color:#6fb3d2}.cm-s-jsv .CodeMirror-activeline-background{background:#373831}.cm-s-jsv .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}:host{--background-color: #2a2f3a;--color: #f8f8f2;--string-color: #a3eea0;--number-color: #d19a66;--boolean-color: #4ba7ef;--null-color: #df9cf3;--property-color: #6fb3d2;--preview-color: rgba(222, 175, 143, .9);--highlight-color: #7b0000;--font-family: monaco, Consolas, "Lucida Console", monospace;--font-size: 1rem;--indent-size: 0.5em;--indentguide-size: 1px;--indentguide-style: solid;--indentguide-color: #333;--indentguide-color-active: #666;--indentguide: var(--indentguide-size) var(--indentguide-style) var(--indentguide-color);--indentguide-active: var(--indentguide-size) var(--indentguide-style) var(--indentguide-color-active);display:block;background-color:var(--background-color);color:var(--color);font-family:var(--font-family);font-size:var(--font-size)}.preview{color:var(--preview-color)}.null{color:var(--null-color)}.key{color:var(--property-color);display:inline-block}.collapsable:before{display:inline-block;color:var(--color);font-size:.8em;content:"\25b6";line-height:1em;width:1em;height:1em;text-align:center;transition:transform 195ms ease-out;transform:rotate(90deg);color:var(--property-color)}.collapsable.collapsableCollapsed:before{transform:rotate(0)}.collapsable{cursor:pointer;user-select:none}.string{color:var(--string-color)}.number{color:var(--number-color)}.boolean{color:var(--boolean-color)}ul{padding:0;clear:both}ul,li{list-style:none;position:relative}li ul>li{position:relative;margin-left:var(--indent-size);padding-left:0}ul ul:before{content:"";border-left:var(--indentguide);position:absolute;left:calc(.5em - var(--indentguide-size));top:.3em;bottom:.3em}ul ul:hover:before{border-left:var(--indentguide-active)}mark{background-color:var(--highlight-color)}
