:root{--primary-color: #3F51B5;--primary-color-dark: #3949AB;--primary-color-light: #5C6BC0;--secondary-color: #00E5FF;--secondary-color-dark: #00B8D4;--secondary-color-light: #84FFFF;--background-color: #f5f5f5;--app-color: #efefef;--panel-color: #efefef;--dock-color: rgba(0,0,0,0.1);--dock-text: rgba(0,0,0,0.85);--dock-border: rgba(255,255,255,0.85);--app-text: rgba(0,0,0,0.85);--border-color: rgba(0,0,0,0.85)}:focus{outline:none !important}body{color:var(--app-text);font-family:"Roboto", "Helvetica Neue", "Helvetica", "Arial Nue", "Arial", "sans-serif"}label,input,textarea,code{background-color:transparent}label{margin:0.5rem 0 1.5rem 0}input:focus,textarea:focus,code:focus{color:var(--app-text)}.dock button.highlight{background-image:url(images/dot-dark.png);background-size:100% 100%;background-repeat:no-repeat;background-position-y:bottom}:not(pre)>code[class*="language-"],pre[class*="language-"]{background:#e0e0e0}.main .panel h1{margin:0.5rem 0 1.5rem;font-size:2rem;text-align:center;color:var(--secondary-color)}.panel{overflow:hidden;margin:0;background-color:var(--panel-color);height:calc(100vh - 11rem)}.panel h1,.panel h2,.panel h3{padding:0}.panel h2{line-height:1.2rem}.panel form{display:block;margin:0 auto}.panel form.material{width:18rem}.panel form input{overflow:auto}.panel.scroll{overflow-y:auto;height:calc(100vh - 8rem)}.panel.scroll form{width:18rem}.panel.scroll h1{font-size:2rem;line-height:2rem;margin:0 auto 0.25rem auto}.panel div{margin:inherit}.panel div.ansi{margin:1rem auto 0 auto}.panel div.buttonbar{margin:2rem 0 0 0;text-align:center}.panel div.buttonbar button{margin:0}.panel div.buttonbar button.primary:hover{background-color:var(--primary-color-dark)}.panel div.buttonbar button:first-child{margin-right:0.5rem}.wrapper{width:calc(100vw - 3rem)}.header{background-color:var(--primary-color)}.header figure.logo{background:url(images/wheel.png) no-repeat center center;background-size:contain}.header h1{margin-left:2.5rem;font-weight:500;top:0}.progress{position:absolute;opacity:0;transition:opacity 0.5s ease, height 0.25s ease;bottom:0;left:0;height:0}.progress.inprogress{opacity:0.85;height:0.25rem}dialog.about{background-color:var(--panel-color);color:var(--app-text);width:23rem;margin-left:-12.25rem;height:20rem}dialog.about h1{color:var(--secondary-color);font-weight:500}dialog.about h2{color:var(--app-text)}dialog.about h3{color:var(--app-text)}.main{padding:1rem}.main h1{margin:1rem;font-size:1rem;color:var(--app-text)}button{margin-left:0;margin-right:1rem;display:inline-block}button.secondary{color:var(--dark-text)}canvas{image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;-ms-interpolation-mode:nearest-neighbor;image-rendering:pixelated}canvas.output{display:block;position:relative;text-align:center;margin:1rem auto 0 auto;background:black;border:1px solid var(--border-color);box-shadow:1px 1px 5px black}canvas.shrink{transform:scale(0.5)}.output{display:block;position:relative}.output.shrink img{transform:scale(0.5)}.output img{display:block;position:relative;text-align:center;margin:1rem auto 0 auto;padding:0.25rem;min-height:12rem;background:black;max-height:15rem;border:1px solid var(--border-color);box-shadow:1px 1px 5px black}.output.ansi{display:block;position:relative;text-align:center;margin:1rem auto 0 auto;padding:0.25rem;background:black;border:1px solid var(--border-color);box-shadow:1px 1px 5px black}.output.semi{display:block;position:relative;font-family:'Inconsolata', 'Consolas', 'Monaco', 'Andale Mono', 'Ubuntu Mono', monospace;text-align:center;margin:1rem auto 0 auto;padding:1rem;background:black;border:1px solid var(--border-color);box-shadow:1px 1px 5px black}.output.semi p{margin:0;line-height:1rem;height:1rem;font-size:1rem;text-transform:full-width}.output.semi p span{display:inline-block;width:0.55rem;text-rendering:optimizespeed;line-height:1rem;height:1rem;overflow:hidden}code{width:100%;height:auto;font-weight:400;display:block;border-bottom:none}label,input,textarea,code{color:var(--app-text);line-height:0.8rem}.input,.checkbox{width:100%}.dock{text-align:center;background-color:var(--dock-color);width:auto;height:3rem;margin:0.5rem auto;border-radius:0.5rem;border:1px solid var(--dock-border);position:fixed;bottom:0;left:calc(50% - 14.75rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dock button{display:inline-block;border:none;box-shadow:none;vertical-align:top;background-color:transparent;margin:0;position:relative;top:0.4rem;left:auto;right:auto;color:var(--dock-text);-webkit-tap-highlight-color:rgba(0,0,0,0)}.dock button:hover{color:var(--secondary-color-dark);background-color:transparent}.dock button i.material-icons{font-size:2rem}.carousel{border:1px solid var(--border-color);box-shadow:0.25rem 0.25rem 0.25rem black}.carousel button{color:var(--app-text)}.carousel figure{width:20rem;height:15rem}.carousel figure img{max-width:20em;height:100%}dialog.about figure.logo{background:url(images/wheel.png) no-repeat center center;background-size:contain;width:6rem;height:6rem;margin:0 auto}dialog.about h1{color:var(--secondary-color)}.blur{background-color:rgba(0,0,0,0.5);z-index:1;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.header .wrapper .material-design-hamburger.model .material-design-hamburger__icon{background-color:rgba(0,0,0,0.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.panel div.select,div.select{width:100%}@media only screen and (min-width: 320px) and (max-width: 812px){.panel{padding:0.25rem}.dock{left:calc(50% - 10.4rem)}.dock button{padding:0.75rem}.dock button i.material-icons{font-size:1.25rem}.buttonbar>label:nth-child(2){display:none;visibility:hidden}.output img{max-width:97%;min-height:auto}}

code[class*="language-"]{color:#F5F5F5;background:none;font-family:'Ubuntu Mono', Monaco, 'Andale Mono', monospace;font-size:1rem;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*="language-"]{color:#F5F5F5;background:none;font-family:'Ubuntu Mono', Monaco, 'Andale Mono', monospace;font-size:1rem;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5rem;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;padding:1rem;margin:.5rem 0;overflow:auto;border-radius:0.3rem}:not(pre)>code[class*="language-"],pre[class*="language-"]{background:var(--background-color)}:not(pre)>code[class*="language-"]{padding:.1rem;border-radius:.3rem;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#607D8B}.token.punctuation{color:#FAFAFA}.token.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#F44336}.token.boolean,.token.number{color:#9C27B0}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#4CAF50}.token.operator,.token.entity,.token.url{color:#F5F5F5}.language-css .token.string,.style .token.string{color:#4CAF50}.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#e6db74}.token.keyword{color:#66d9ef}.token.regex{color:#fd971f}.token.important{color:#fd971f;font-weight:bold}.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}