body{padding:0;background:#eee;overscroll-behavior:none;color:#222;font: 16px sans-serif}body,html{margin:0;padding:0}.textEditor{position:absolute;top:0;bottom:0;right:0;left:0;display:flex;flex-direction:column}.textEditor .content{flex:1 1 auto;position:relative;overflow:hidden;background:#111;color:#eee}.textEditor .footer{flex:0 0 1em;color:#fff;background:#eee;box-shadow:inset 0 1px #ddd;display:flex}.textEditor .footer .left{flex:auto}.textEditor .footer .right{flex:0}.textEditor .footer .left,.textEditor .footer .right{display:flex;align-items:center}.textEditor .footer .left>div,.textEditor .footer .right>div{font: 8px monospace;color:#ccc;margin:0 3px}.textEditor .footer.dark{background:#222427;box-shadow:none}.footer button{font: 8px monospace;border:none;background:#444;padding:2px 6px;margin:2px;color:#fff}.toggle{display:inline-block;width:8px;border-radius:2px;height:8px;margin:5px}.toggle.on{background:#666}.toggle.off{background:#111}.cm-editor{background-color:#000;color:#eee;height:100%}.cm-editor .cm-panels-bottom{border-top:none}.cm-editor .cm-panels-bottom .cm-panel{display:flex;background:#111;color:#888}.cm-editor .cm-panels-bottom .cm-panel .cm-button{border:none;background:#444;color:#fff}.cm-editor .cm-panels-bottom .cm-panel .cm-textfield{border:none;background:#222;color:#aaa}.cm-editor .cm-panels-bottom .cm-panel .cm-textfield:focus{outline:1px solid #55f}.cm-editor .cm-panels-bottom .cm-panel label{display:inline-flex;align-items:center;margin-right:10px}.cm-editor .cm-panels-bottom .cm-panel label input[type=checkbox]{appearance:none;width:1em;height:1em;border-radius:2px;background:#ccc;margin-right:8px}.cm-editor .cm-panels-bottom .cm-panel label input[type=checkbox]:checked{background:#000;box-shadow:inset 0 0 0 3px #ccc}.cm-editor .cm-panels-bottom .cm-panel button[name=close]{color:#fff}.cm-editor .cm-gutters{border:none}.cm-editor .cm-gutters .cm-gutter.cm-lineNumbers{user-select:none;background:#000}.cm-editor .cm-gutters .cm-gutter.cm-lineNumbers .cm-gutterElement{font-size:10px;padding:0 4px;line-height:22px}.cm-editor .cm-gutterElement.cm-activeLineGutter{color:#687dff;text-shadow:0 0 3px #00f,0 0 2px #00f,0 0 1px #00f;background:#111}.cm-editor .cm-line{font-family:Courier New,Courier,monospace}.cm-editor .cm-line.cm-activeLine{background:#fff1}.cm-editor .cm-cursor{border-left:2px solid #fff}.cm-editor .cm-highlightSpace:before{color:#fff0;background:#6862;border-radius:4px}.cm-editor .cm-highlightTab{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="20"><path stroke="%23333" stroke-width="1" fill="none" d="M1 10H196L190 5M190 15L196 10M197 4L197 16"/></svg>')}.cm-editor.cm-focused .cm-selectionBackground,.cm-editor .cm-selectionBackground{background:rgba(20,114,221,.467)}.cm-editor ::-webkit-scrollbar{background:#111;width:10px;height:10px}.cm-editor ::-webkit-scrollbar-thumb{background:#444;border-radius:3px;border:1px solid #111}.cm-editor ::-webkit-scrollbar-corner{background:#000}.modal{position:absolute;top:0;bottom:0;right:0;left:0;display:flex;align-items:center;justify-content:center;font: 12px monospace;text-shadow:2px 2px #000}.modal h1{font-size:inherit;margin-top:0}.modal p{margin-top:0;margin-bottom:5px}.modal .window{position:absolute;background:#444;border:2px solid #000;outline:1px solid #000;outline-offset:-4px;color:#fff;padding:20px;box-shadow:0 8px 0 -5px #000}.modal .overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:#444d}.modal .closeButton{cursor:pointer;position:absolute;right:0;top:0;padding:5px 9px}.selectionWidth{white-space:nowrap}
