*,:before,:after{box-sizing:border-box}html,body{font-size:16px;overflow:hidden}.container{grid-template-columns:repeat(2,1fr);column-gap:1rem;height:100vh;padding:1rem;display:grid;overflow:hidden}.input,.output{flex-direction:column;flex:1;display:flex}.input textarea{resize:none;border-radius:2px;width:100%;height:100%;padding:5px}.output{scroll-behavior:smooth;overflow-y:auto}.hljs{border-radius:2px;flex:1}h1{background-color:#fff;width:100%;margin:0 0 10px;font-family:sans-serif;position:sticky;top:0}pre{margin:0}.lowlight{flex-direction:column;flex:1;display:flex}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#93a1a1;background:#002b36}.hljs::selection{color:#93a1a1;background-color:#586e75}.hljs ::selection{color:#93a1a1;background-color:#586e75}.hljs-comment{color:#657b83}.hljs-tag{color:#839496}.hljs-subst,.hljs-punctuation,.hljs-operator{color:#93a1a1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-variable,.hljs-template-variable,.hljs-selector-tag,.hljs-name,.hljs-deletion{color:#dc322f}.hljs-symbol,.hljs-number,.hljs-link,.hljs-attr,.hljs-variable.constant_,.hljs-literal{color:#cb4b16}.hljs-title,.hljs-class .hljs-title,.hljs-title.class_{color:#b58900}.hljs-strong{color:#b58900;font-weight:700}.hljs-code,.hljs-addition,.hljs-title.class_.inherited__,.hljs-string{color:#859900}.hljs-built_in,.hljs-doctag,.hljs-quote,.hljs-keyword.hljs-atrule,.hljs-regexp{color:#2aa198}.hljs-function .hljs-title,.hljs-attribute,.ruby .hljs-property,.hljs-title.function_,.hljs-section{color:#268bd2}.hljs-type,.hljs-template-tag,.diff .hljs-meta,.hljs-keyword{color:#6c71c4}.hljs-emphasis{color:#6c71c4;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d33682}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}