.tabs{display:flex;flex-wrap:wrap;align-items:stretch;font-size:1.4em;opacity:1;transition:opacity .5s;transition-delay:1s;background-color:#eee}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.tabs .tab{position:relative;padding:.3em 1em .4em;flex-shrink:0}.tabs .tab[data-active=true]{background-color:#fff}.tabs .tab[data-new-tab=true]{animation:fade-in 1s forwards;color:#555}.tabs .tab:hover{background-color:#ccc}.tabs .tab-context-menu{position:fixed;translate:.1em .1em;z-index:10}.tabs .tab-context-menu .tab-context-menu-item{font-size:.7em;background-color:#790b0b;color:#fff;padding:.3em .6em}.tabs .add-tab{color:#333;display:flex;align-items:center;justify-content:center;width:1.7em}.tabs .add-tab:hover{background-color:#ccc}.main-text-area{border:none;background-color:transparent;resize:none;flex:1;outline:none;font-size:2em;padding:.5em}:root{font-family:Inconsolata,monospace;line-height:1.5;font-weight:400;color:#242424;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;width:100dvw;width:100vw;height:100dvh;height:100vh}body{margin:0}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background-color:transparent;border:none;border-radius:0;padding:0}