@font-face{font-family:Victor Mono;font-style:normal;src:url(../../../fonts/VictorMono-Regular.eot);src:url(../../../fonts/VictorMono-Regular.eot?#iefix) format("embedded-opentype"),url(../../../fonts/VictorMono-Regular.woff) format("woff"),url(../../../fonts/VictorMono-Regular.ttf) format("truetype")}@font-face{font-family:Victor Mono;font-style:italic;src:url(../../../fonts/VictorMono-Italic.eot);src:url(../../../fonts/VictorMono-Italic.eot?#iefix) format("embedded-opentype"),url(../../../fonts/VictorMono-Italic.woff) format("woff"),url(../../../fonts/VictorMono-Italic.ttf) format("truetype")}@font-face{font-family:Victor Mono Oblique;font-style:oblique;src:url(../../../fonts/VictorMono-Oblique.eot);src:url(../../../fonts/VictorMono-Oblique.eot?#iefix) format("embedded-opentype"),url(../../../fonts/VictorMono-Oblique.woff) format("woff"),url(../../../fonts/VictorMono-Oblique.ttf) format("truetype")}@font-face{font-family:Victor Mono;font-weight:700;src:url(../../../fonts/VictorMono-Bold.eot);src:url(../../../fonts/VictorMono-Bold.eot?#iefix) format("embedded-opentype"),url(../../../fonts/VictorMono-Bold.woff) format("woff"),url(../../../fonts/VictorMono-Bold.ttf) format("truetype")}html,body{margin:0;padding:0;height:100%;color:#fff;font-family:Victor Mono,monospace;font-weight:400}a,a:visited{color:#fff}.code-comment{color:gray}.code-number{color:#ba55d3}.code-keyword{color:#916c28}.code-string{color:#3c8e4d}.code-opkeyword{color:#c35456}.code-bool{color:green}main.svelte-o90n8g{display:grid;width:100%;height:100%;grid-template-columns:.8fr 1fr;grid-template-rows:3.5em auto auto 25em;grid-template-areas:"header header" "editor canv" "editor canv" "editor console"}header.svelte-o90n8g{grid-area:header;display:flex;align-items:center;justify-content:space-between;background:#245688;padding-left:2em;padding-right:2em}header.svelte-o90n8g h1:where(.svelte-o90n8g){font-size:1.5em;font-style:italic;font-weight:200;color:#fff}.btn.svelte-o90n8g,button.svelte-o90n8g{display:block;font-size:.8em;font-weight:700;color:#fff;padding:6px 22px;border-style:solid;border-color:#aaa5;text-transform:uppercase;letter-spacing:1px;text-decoration:none}header.svelte-o90n8g .runstop:where(.svelte-o90n8g){font-size:1em;width:6ch;text-align:center}header a.run{background:#0f04}header a.stop{background:#f009}pre.svelte-o90n8g{white-space:pre-wrap;font-family:Victor Mono,monospace}#code-editor.svelte-o90n8g{min-height:4em;grid-area:editor;color:#000;min-width:10ch}#code-editor.svelte-o90n8g .cm-editor{height:100%}#canv.svelte-o90n8g{background:#000;grid-area:canv;padding:0;margin:0;overflow:hidden;position:relative;box-sizing:border-box;resize:both;min-width:60ch;border:4px solid #00000000}#canv.svelte-o90n8g:focus{border-color:#245688}#canv.expanded{z-index:10;grid-area:canv-start / canv / console-end / canv!important}#canv.svelte-o90n8g button:where(.svelte-o90n8g){position:absolute;color:#000;font-size:.6em;top:2em;right:2em;width:100px}#console.svelte-o90n8g{background:#000;border-top:2px solid white;grid-area:console;color:#fff;padding:2ch;overflow-y:scroll;position:relative;contain:content}#console.expanded{grid-area:canv-start / canv / console-end / canv!important}#console.svelte-o90n8g button:where(.svelte-o90n8g){position:sticky;color:#000;font-size:.6em;width:100px;top:1em;margin-left:calc(100% - 100px)}#console.svelte-o90n8g form:where(.svelte-o90n8g){bottom:2px;left:2px;width:99.8%;box-sizing:border-box;padding:0;margin:0;overflow:hidden;border-top:1px solid #999}#console.svelte-o90n8g form:where(.svelte-o90n8g) input:where(.svelte-o90n8g){width:calc(100% - 3em);height:1.5em;background:#000;color:#fff;font-size:1em;box-sizing:content-box;border:0;padding:5px 0 5px 5px;font-family:Victor Mono,monospace}#console.svelte-o90n8g form:where(.svelte-o90n8g) input:where(.svelte-o90n8g):focus{outline:none}.p5Canvas{width:100%;height:100%}