.CodeMirror{font-size:1.1rem}html,body{height:100vh;width:100vw;margin:0;padding:0;overflow:hidden;background-color:#34362e;color:#f8f8f2}#outer_edits{position:relative;width:100vw;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#edits{margin:1px;display:-webkit-box;display:-ms-flexbox;display:flex}#edits .CodeMirror{margin-right:1px;margin-left:1px}#edits .titlePanel{background-color:#272822;color:#f8f8f2;border-bottom:solid 1px white;margin-left:1px}#edits .titlePanel span{margin-left:1em}#view{border-top:solid 5px #272822;text-align:center;width:calc(100vw - 10px);height:50vh;padding:1px;margin-left:2px}#view #preview{width:100%;height:calc(100% - 0.9rem);overflow-y:scroll;overflow-x:scroll;border:solid 1px black;background-color:#fff}#view p{text-align:left;margin:0;width:100%;font-size:0.8rem}#view p #preProcess{float:right;margin-right:0.8em;color:#f8f8f2}select{background-color:#272822;color:#f8f8f2;font-size:1em}button{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;border:solid 1px #d8d7dd;color:#f8f8f2}button:hover{color:#e6e6d1}button:active{color:#d4d4b0}#file{font-size:1.2rem}#file button{margin:0.3rem;margin-left:1rem;font-size:1.2rem}#file button:active{border:solid 1.2px #009a00}#file button:hover{color:#fff;border-width:2px;margin-top:calc(0.3rem - 1px);margin-bottom:calc(0.3rem - 1px);margin-left:calc(1rem - 1px)}li.CodeMirror-hint{background-color:#34362e;color:#f8f8f2}li.CodeMirror-hint.CodeMirror-hint-active{background-color:rgba(9,255,0,0.521)}ul.CodeMirror-hints.monokai{background-color:#34362e}ul.CodeMirror-hints::-webkit-scrollbar{width:5px;background-color:#a9ac9d;border-radius:3px}ul.CodeMirror-hints::-webkit-scrollbar-button{display:none}ul.CodeMirror-hints::-webkit-scrollbar-thumb{border-radius:3px;background:#272822}#unsave{color:red}.hide{display:none}#fileModal{display:none;position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;height:100vh;width:100vw;background:rgba(0,0,0,0.6)}#fileModal.open{display:block;-webkit-animation:modalOpen 0.3s ease-in 0s 1 forwards;animation:modalOpen 0.3s ease-in 0s 1 forwards}#fileModal.close{display:block;-webkit-animation:modalClose 0.3s ease-out 0s 1 forwards;animation:modalClose 0.3s ease-out 0s 1 forwards}#fileModal div.window{z-index:200;position:relative;margin:auto;top:5rem;width:60vw;min-width:640px;height:70vh;min-height:430px;background:#1a1a1a;border-radius:0.3rem;overflow:hidden}#fileModal div.window .container{height:100%;padding-top:1px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#fileModal div.window .container #fileview{width:68%;height:99%;min-width:400px;-webkit-box-flex:5;-ms-flex-positive:5;flex-grow:5}#fileModal div.window .container #fileview #listview{overflow-y:auto;overflow-x:hidden;margin-top:10px;min-height:300px}#fileModal div.window .container #fileview [type="radio"]{margin-left:1em;display:none}#fileModal div.window .container #fileview [type="radio"]+label{border-radius:3px;margin-left:1rem;display:inline-block;background:rgba(255,255,255,0.1);border-bottom:solid 2px #1a1a1a;width:90%;font-size:1.1rem}#fileModal div.window .container #fileview [type="radio"]+label:hover{background:rgba(255,255,255,0.3)}#fileModal div.window .container #fileview [type="radio"]:checked+label{border:solid 2px #00b300}#fileModal div.window .container #fileview button{float:right;margin-right:5px}#fileModal div.window .container #fileview button#closeModal{float:left;margin-left:1rem}#fileModal div.window .container #newfile{width:30%;height:99%;border-left:solid 1px white;text-align:center}#fileModal div.window .container #newfile .container_{height:70%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#fileModal div.window .container #newfile input[type="text"]{display:inline-block;background-color:#272822;color:#f8f8f2;border:solid 1px white;font-size:1.1rem;width:100%}#fileModal div.window .container #newfile button{min-width:60%}#fileModal div.window p.modalheader{font-size:1.5rem;margin:5px;border-bottom:solid 1px white;text-align:center}@-webkit-keyframes modalOpen{from{opacity:0;-webkit-transform:translateY(-50vh);transform:translateY(-50vh)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes modalOpen{from{opacity:0;-webkit-transform:translateY(-50vh);transform:translateY(-50vh)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes modalClose{from{opacity:1}to{opacity:0;-webkit-transform:translateY(-50vh);transform:translateY(-50vh)}}@keyframes modalClose{from{opacity:1}to{opacity:0;-webkit-transform:translateY(-50vh);transform:translateY(-50vh)}}