.rightMenu{background-color:var(--bg-color);border-left:1px solid var(--text-color);display:flex;flex:1 1;flex-direction:row;height:100%;position:absolute;right:0;top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:999}.rightMenu .leftSide{border-right:1px solid var(--text-color);padding:20px;width:100%}.rightMenu .rightSide{display:flex;flex-direction:column;min-width:500px;width:100%}.navbar{align-items:center;align-self:flex-end;background-color:var(--sub-color);display:flex;flex-direction:row;font-size:var(--title-font-size);font-weight:700;padding:20px 30px;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:calc(100% - 867px)}.navbar .github{display:flex;flex:1 1;justify-content:flex-end}.navbar .github img{fill:var(--text-color)}.controlSection{align-items:flex-start;border-bottom:1px solid var(--text-color);display:flex;flex-direction:column;padding:20px;position:static}.controlSection .buttons{display:flex;flex-direction:column;width:100%}.controlSection .buttons #btn{background-color:var(--sub-color);border:0;border-radius:var(--border-radius);cursor:pointer;font-size:var(--normal-font-size);margin:5px 0;outline:none;padding:10px 40px;transition:all .2s;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.controlSection .buttons #btn:hover{background-color:var(--text-color);color:var(--sub-color)}.controlSection .buttons #btn:active{-webkit-transform:scale(.98);transform:scale(.98)}.title{font-size:var(--font-size-2);padding-bottom:10px;text-transform:uppercase}.code{background-color:var(--sub-color);bottom:0;font-size:16px;padding:20px;position:absolute;width:400px}.options{overflow-y:scroll;padding:20px}.options .attribute{border-bottom:1px solid var(--sub-text-color);display:flex;flex-direction:column;padding:20px 0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.options .attribute .title_checkbox{align-items:center;display:flex;flex-direction:row}.options .attribute .title_checkbox label{cursor:pointer;font-size:var(--normal-font-size);left:-20px;padding:0 0 0 30px;position:relative;text-transform:capitalize;z-index:10}.options .attribute .title_checkbox input[type=checkbox]{opacity:0;position:absolute;transition:all .15s cubic-bezier(0,1.05,.72,1.07);visibility:hidden;z-index:1}.options .attribute .title_checkbox input[type=checkbox]:checked~.check{border-color:var(--text-color);box-shadow:0 0 0 15px var(--text-color) inset;transition:all .15s cubic-bezier(0,1.05,.72,1.07)}.options .attribute .title_checkbox input[type=checkbox]:checked~.check:after{opacity:1;-webkit-transform:scale(1);transform:scale(1);transition:all .15s cubic-bezier(0,1.05,.72,1.07)}.options .attribute .title_checkbox input[type=checkbox]:checked~.content{cursor:pointer}.options .attribute .title_checkbox .check{align-items:center;border:2px solid var(--text-color);border-radius:100px;box-shadow:0 0 0 0 var(--text-color) inset;display:flex;height:20px;justify-content:center;position:relative;width:20px}.options .attribute .title_checkbox .check:after{background-position:50%;background-repeat:no-repeat;background-size:50%;content:"";height:100%;opacity:0;position:absolute;-webkit-transform:scale(0);transform:scale(0);width:100%;z-index:4}.options .attribute .unit{background-color:var(--sub-color);border-radius:var(--border-radius);font-size:var(--normal-font-size);padding:10px;position:absolute;right:0;top:10px}.options .attribute .content{margin:0;max-width:100%;padding:0;position:relative}.options .attribute:last-child{border:none}.options .attribute:nth-child(2){padding-top:0}.textArea{color:var(--text-color);flex:2 1;font-size:var(--normal-font-size);padding:30px;position:relative;width:calc(100% - 867px)}.textArea .text{background-color:var(--sub-color);border-radius:var(--border-radius);margin-top:10px;min-height:63px;padding:20px;transition:all .2s}*{box-sizing:border-box;color:#d8d2cc;color:var(--text-color);font-family:Consolas,Courier New,Courier}input[type=number],input[type=text],textarea{background-color:#272d33;background-color:var(--sub-color);border:0;border-radius:3px;border-radius:var(--border-radius);font-size:20px;font-size:var(--normal-font-size);margin-top:10px;max-width:100%;min-width:100%;outline:none;padding:10px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.unchecked{color:#757575;color:var(--placeholder-color)}.title{display:block;font-size:30px;font-size:var(--title-font-size);font-weight:700;text-decoration:underline;-webkit-user-select:none;-ms-user-select:none;user-select:none}body{background-color:#1a1e22;background-color:var(--bg-color);box-sizing:border-box;margin:0;overflow:hidden;padding:0}::selection{background:#494e54;background:var(--light-sub-color)}::-webkit-scrollbar{-webkit-transition:all .2s;transition:all .2s;width:2px}::-webkit-scrollbar-track{background:#272d33;background:var(--sub-color)}::-webkit-scrollbar-thumb{background:#d8d2cc;background:var(--text-color)}:root{--bg-color:#1a1e22;--text-color:#d8d2cc;--placeholder-color:#757575;--sub-text-color:#d8d2cc36;--sub-color:#272d33;--light-sub-color:#494e54;--border-radius:3px;--title-font-size:30px;--normal-font-size:20px}@media only screen and (max-width:1200px){body{overflow:hidden}.navbar,.textArea{width:calc(100% - 503px)}.rightMenu{border-left:1px solid var(--text-color);flex-direction:column;height:100%;overflow-y:scroll}.leftSide{border-bottom:1px solid var(--text-color);border-right:none!important}footer{width:calc(100% - 503px)!important}}@media only screen and (max-width:768px){body{overflow-y:scroll!important}.navbar{font-size:var(--normal-font-size);width:100%!important}.container{display:flex;flex-direction:column;flex-wrap:wrap}.textArea{min-height:300px;width:100%!important}.rightMenu{border-left:none!important;border-top:1px solid var(--text-color);flex-direction:column-reverse!important;flex-wrap:wrap;position:static;width:100%}.leftSide{border:none!important}.rightSide{border-bottom:1px solid var(--text-color);min-width:0!important}.rightSide .options{overflow-y:auto}footer{position:static!important;width:100%!important}}footer{align-items:center;background-color:var(--sub-color);bottom:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0;padding:20px 40px;position:absolute;width:calc(100% - 867px)}footer .copyright,footer .github{font-family:Arial,Helvetica,sans-serif!important;font-size:12px;margin:5px}footer .copyright{align-items:center;color:var(----light-sub-color);display:flex;flex-direction:row;justify-content:center}footer .copyright a{color:var(--text-color);font-family:Arial,Helvetica,sans-serif!important;font-weight:700;margin-left:5px;text-decoration:none}footer .copyright .heart{-webkit-animation:pulse 1s linear infinite;animation:pulse 1s linear infinite;margin:0 7px;width:20px}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:0 0;color:#fb9e8e;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.5;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}pre[class*=language-]{margin:0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:var(--bg-color)}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;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:#ff8bc5}.token.class-name,.token.constant,.token.property,.token.symbol{color:#a9d7ff}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#eaeaea}.token.entity,.token.operator,.token.url{color:#999}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;right:0;top:0;z-index:10}div.code-toolbar>.toolbar>.toolbar-item{display:inline-block}div.code-toolbar>.toolbar>.toolbar-item>a{cursor:pointer}div.code-toolbar>.toolbar>.toolbar-item>button{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;transition:all .2s}div.code-toolbar>.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar>.toolbar-item>span{background-color:var(--sub-color);border-radius:var(--border-radius);color:var(--text-color);font-size:12px;padding:4px 10px}div.code-toolbar>.toolbar>.toolbar-item>span{display:none}div.code-toolbar>.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar>.toolbar-item>button>span:hover{background-color:var(--text-color);color:var(--sub-color)!important}div.code-toolbar>.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar>.toolbar-item>span:focus,div.code-toolbar>.toolbar>.toolbar-item>span:hover{color:inherit;text-decoration:none}
/*# sourceMappingURL=main.ff95bf6a.css.map*/