:root{--line-number-width: 1rem;--tnb-tab-height: 2.6rem}textarea,pre{padding:10px;margin:0;position:fixed;top:var(--tnb-tab-height);left:var(--line-number-width);right:0;bottom:0;border:none;outline:none;resize:none;font-family:monospace;font-size:1rem;line-height:1.25rem;overflow-y:auto}textarea{background-color:transparent;color:transparent;caret-color:#fff;padding-bottom:0}textarea::selection{color:#fff3;background-color:#0ff4}div.lineNumbers{position:fixed;top:var(--tnb-tab-height);left:0;bottom:0;width:auto;background-color:#222;color:#bbb;font-family:monospace;font-size:1rem;line-height:1.25rem;text-align:right;overflow:hidden;white-space:nowrap;padding:10px}div.lineNumbers>div.active{color:#0dd}nav.top-nav{position:fixed;top:0;left:0;right:0;height:var(--tnb-tab-height);background-color:#282828;color:#ccc;display:flex;align-items:center}nav.top-nav>button{height:100%;width:20%;padding:10px;font: .9rem monospace;background-color:transparent;border:none;border-right:1px solid #fff2;border-bottom:1px solid #fff2;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}nav.top-nav>button>button{display:block;border:none;background-color:transparent;color:red;margin-left:auto;margin-right:5px;cursor:pointer}nav.top-nav>button>button:hover{color:orange}nav.top-nav>button:hover{background-color:#fff1}nav.top-nav>button.active{border-bottom:2px solid #08f}nav.top-nav>button.create-new-button{width:5%;color:#08f}.noFilesDialog{position:fixed;top:var(--tnb-tab-height);left:0;right:0;bottom:0;background-color:#222;color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center}.noFilesDialog[hidden]{display:none}