body{margin:0}header{background:#2d2d2d;height:80px;width:100%}header h1{color:#ccc;font-size:35px;line-height:80px;margin:0;padding:0 50px;font-weight:700}#code{display:grid;grid-template-columns:1fr;grid-gap:16px;margin:16px}h2{font-size:20px;font-weight:600;margin:0 0 8px 16px;display:inline-block}#input-code,#output-code{position:relative}#output-code{min-height:600px}#input-code{min-height:120px}@media (min-width: 700px){#code{grid-template-columns:1fr 1fr}#input-code,#output-code{min-width:100%;min-height:600px}}#editing,#highlighting,#result{box-sizing:border-box;margin:0;padding:16px;border:0;width:100%;height:100%}#editing,#highlighting,#highlighting *,#result,#result *{font-size:12pt;font-family:monospace;line-height:14pt;-moz-tab-size:2;tab-size:2}#editing,#highlighting,#result{position:absolute;top:0;left:0}#editing{z-index:1;outline:none}#highlighting,#result{z-index:0;border-radius:16px;border:solid 0px #ddd}#editing{color:transparent;background:transparent;caret-color:#fff}#editing,#highlighting,#result{overflow:auto;white-space:pre}#editing{resize:none}#config{margin:16px;text-align:center}#config label{font-weight:400;font-size:16px}#about h2{margin:0;padding:16px;display:block;background-color:#2d2d2d;color:#fff;text-align:center}#about p{text-align:center}#about p code{padding:4px;border-radius:8px;background-color:#f0f0f0}#about a{color:#00f;text-decoration:none}code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;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-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}