.CodeMirror{height:auto;max-height:320px;font-size:14px;z-index:0;background-color:#061838;border:1px solid #061838}.CodeMirror .CodeMirror-gutter-elt{background:transparent}.CodeMirror .CodeMirror-scroll{height:auto;max-height:320px}.CodeMirror .CodeMirror-gutters,.CodeMirror .CodeMirror-linenumber,.CodeMirror .CodeMirror-scroll{color:#ddd;font-family:Consolas,SourceCodePro-Medium,monaco,monospace}.CodeMirror .CodeMirror-linenumber{color:#2b91af}.CodeMirror .CodeMirror-selected{background-color:#264f78}.CodeMirror .cm-matchingtag,.CodeMirror .CodeMirror-matchingtag{background-color:#113d6f}.CodeMirror .cm-matchingbracket,.CodeMirror .CodeMirror-matchingbracket{background-color:#113d6f;box-shadow:0 0 3px #99b0c7;color:#ddd!important}.CodeMirror .CodeMirror-cursor{border-left:1px solid #ddd;z-index:3}.CodeMirror .CodeMirror-activeline-background{outline:2px solid #ddd}.CodeMirror .cm-m-lsystem,.CodeMirror .cm-variable,.CodeMirror .cm-variable-2,.CodeMirror .cm-variable-3{color:#ddd}.CodeMirror .cm-pragma{font-weight:700;color:#0afff8}.CodeMirror .cm-operator{color:#b4b4b4}.CodeMirror .cm-comment{color:#57a64a;font-style:italic}.CodeMirror .cm-string{color:#d69d85}.CodeMirror .cm-attribute{color:#9cdcfe}.CodeMirror .cm-number{color:#b5cea8}.CodeMirror .cm-def{color:#4ec9b0}.CodeMirror .cm-meta{color:#9b9b9b}.CodeMirror .cm-atom,.CodeMirror .cm-keyword,.CodeMirror .cm-tag{color:#569cd6}.CodeMirror .cm-bracket{color:grey}.CodeMirror .cm-m-clike.cm-builtin{color:#569cd6}.CodeMirror .CodeMirror-searching{color:#ddd!important}.CodeMirror .CodeMirror-searching.searching-first,.CodeMirror .CodeMirror-searching.searching-last{border-radius:1px;background-color:#653306;box-shadow:0 0 3px rgba(0,0,0,.8);padding:1px 0}.CodeMirror .CodeMirror-searching.searching-current-match{background-color:#515c6a}.CodeMirror-focused{border:1px dashed #fff;background:#13294f}#app{overflow:hidden;max-height:100%;position:absolute;z-index:1;color:#fff;background:#061838;box-shadow:0 2px 4px rgba(0,0,0,.2),0 -1px 0 rgba(0,0,0,.02)}.section{padding:8px}.section.border-top{border-top:1px solid #0d3f71}.sidebar{width:500px;overflow:hidden;max-height:100%}.editor-container{max-height:calc(100vh - 68px);overflow-y:scroll}.editor-container a{color:#267fcd;text-decoration:none;border-bottom:1px dashed #172a4d}.error-container{color:#fff;background:#ff4500;padding:0 8px}.title{color:#fff;font-size:18px;padding-left:4px}.title a{float:right;font-size:12px;font-style:italic;color:#267fcd;height:30px;margin:-5px 0;padding:7px;border-bottom:none}.title a.syntax-visible{background:#070c17;color:#fff;font-style:normal}.help{margin-bottom:7px;padding:14px;background:#070c17;color:#0774c3;margin:0 -8px 7px -8px}.help a{border-bottom:1px dashed #172a4d;color:#fff}.help ul{padding:0;list-style-type:none}.help ul ul{padding-left:18px;list-style-type:none}.help ul strong{color:#fff;font-weight:400}.help ul code{color:#4ec9b0}.code-editor-container{margin:8px 0 16px 0}.controls{height:48px;display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;border-bottom:1px solid #0d3f71}.controls a{text-decoration:none;display:flex;justify-content:center;align-items:center;color:#fff;margin:0;border:0}.controls a:hover{color:emphasis-background;background:#172a4d}.controls a.try-another{flex:1}.controls a.print-button{flex:1;border-right:1px solid #0d3f71}.controls a.print-button:focus{border:1px dashed #172a4d}@media (max-width:500px){#app{margin:0}#app,.sidebar{width:100%}}.no-webgl[data-v-283309e6]{overflow-y:auto;display:flex;flex-direction:column;color:#00bfff;align-items:center;position:absolute;background-color:#061838;top:0;bottom:0;width:100%;height:100%;text-align:center;padding:8px}.no-webgl h3[data-v-283309e6]{font-weight:400;font-size:32px;margin:16px}.no-webgl p[data-v-283309e6]{max-width:400px;margin:8px 0}.no-webgl img[data-v-283309e6]{width:100%;max-width:1440px}