:root{line-height:1.5;font-weight:400;color-scheme:light dark;color:#fffce5;background-color:#075985;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:2.5em;line-height:1.1}*{box-sizing:border-box}.title{margin:20px 10px}.description{color:#fffce5;font-size:.9rem;margin-top:5px}body{margin:0;padding:0}.app-container{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;height:100vh;overflow:hidden}.h2{color:#000;text-align:left}.editor-container{display:flex;flex-direction:row;flex:1;width:100%;min-height:0}.editor-box{flex:1;height:100%;display:flex;flex-direction:column}.input-editor-wrapper,.output-editor-wrapper{border-radius:4px;background-color:#082f49;margin:10px;flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column}.input-editor-wrapper{border:2px #0284c7 solid;border-radius:8px}.copy-button{position:absolute;top:5px;right:25px;z-index:10;background-color:transparent;color:inherit;border-radius:4px;cursor:pointer;font-weight:500;transition:all .3s ease}.copy-button:hover{background-color:#fffce533}.input-editor,.output-editor{font-family:monospace;font-size:14px;height:100%;overflow-y:auto!important}.input-editor textarea{caret-color:#fffce5!important}.output-editor-textarea{pointer-events:none}.error-box{white-space:pre-line;margin:20px auto;color:#d8000c;font-size:30px}button{border:none;background-color:#fb923c;color:#fff;border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:800;color:#431407;font-family:inherit;padding:.5em 2em;cursor:pointer;transition:all .2s ease}button:hover{background-color:#f97316}.copy-error{white-space:pre-line;margin-top:20px auto;color:#d8000c;font-size:30px}.convert-container{display:flex;justify-content:center}.convert-btn{margin-right:20px}code[class*=language-],pre[class*=language-]{color:#fff;background:none;text-shadow:0 -.1em .2em black;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}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-],:not(pre)>code[class*=language-]{background:#4d4033}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border:.3em solid hsl(30,20%,40%);border-radius:.5em;box-shadow:1px 1px .5em #000 inset}:not(pre)>code[class*=language-]{padding:.15em .2em .05em;border-radius:.3em;border:.13em solid hsl(30,20%,40%);box-shadow:1px 1px .3em -.1em #000 inset;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#998066}.token.punctuation,.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol{color:#d1949e}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#bde052}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f5b83d}.token.atrule,.token.attr-value,.token.keyword{color:#d1949e}.token.regex,.token.important{color:#e90}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.deleted{color:red}