html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}html,body,#root{width:100%;height:100%}body{margin:0;padding:0;font-family:Fira code,Fira Mono,Consolas,Menlo,Courier,monospace;font-size:14px;line-height:1.5}.container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.container__content{text-align:center;width:440px;max-width:100%;padding:10px}.container_editor_area{tab-size:4ch;max-height:400px;margin:1.67em 0;overflow:auto}.container__editor{font-variant-ligatures:common-ligatures;background-color:#fafafa;border-radius:3px;font-size:12px}.container__editor textarea{outline:0}.button{color:#fff;background:#000;padding:0 6px;text-decoration:none;display:inline-block}.button:hover{background:linear-gradient(45deg,#e42b66,#e2433f)}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#90a4ae}.token.punctuation{color:#9e9e9e}.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#e91e63}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#4caf50}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#795548}.token.atrule,.token.attr-value,.token.keyword{color:#3f51b5}.token.function{color:#f44336}.token.regex,.token.important,.token.variable{color:#ff9800}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}