body{margin:0}#page{display:grid;grid-template-areas:"header header" "eventlist svgcontainer" "eventlist svgcontainer";grid-template-rows:min-content auto auto;grid-template-columns:25% auto;height:100%}#header{grid-area:header;height:min-content;padding:8px;background-color:#a6b8c7;border:1px solid #00060b;margin:5px;display:flex;gap:8px}#infocontainer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:24px;border-radius:8px;z-index:1000;box-shadow:0 8px 20px #0003;max-width:50vw;max-height:50vh;overflow:auto}#svgcontainer{grid-area:svgcontainer;overflow:scroll}#eventlist{grid-area:eventlist;border:1px solid;border-color:#00060b;margin:5px;overflow-y:scroll}.eventlistrow{display:flex;border-bottom:1px solid;border-color:#00060b;cursor:pointer}.eventlistrow:hover{background-color:#a6b8c7}.eventlistrowprefix{padding:5px}.eventlistrowjson{padding:5px;cursor:pointer;text-wrap:nowrap}.eventlistroweventid{padding:5px;text-wrap:nowrap}.eventlistrowbody{overflow:scroll;white-space:nowrap;padding:5px;flex-grow:1}.loader{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:16px;height:16px;animation:spin 1s linear infinite;margin:0 10 0 10;display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.node-text,input,div{font-family:Gill Sans,Calibri,sans-serif}body{height:100%}.monospace{font-family:Lucida Console,Courier,monospace}.view-options{position:fixed;bottom:0;right:0;margin:16px;z-index:1000;background:#fff;padding:12px;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:8px}.view-options label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-family:sans-serif;font-size:14px}.view-options label span{flex:1}.hljs{color:#383a42;background:#fafafa}.hljs-comment,.hljs-quote{color:#a0a1a7;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#a626a4}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e45649}.hljs-literal{color:#0184bb}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#50a14f}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#986801}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#4078f2}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#c18401}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}