:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--def-transition: all .3s ease}body{margin:0;padding:0}.container{position:fixed;width:100%;height:100%}.wrapper{position:relative;width:100%;height:100%}.tabBar{display:flex;position:absolute;top:0;height:40px;left:0;right:0;align-items:center;margin-bottom:10px;background-color:#00000049;padding:0 20px;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.tab{padding:5px 10px;cursor:pointer;color:#737373;font-size:14px;transition:var(--def-transition)}.tab:hover{color:#fff}.tab:first-child{margin-left:-5px}.editing{-webkit-user-select:text;user-select:text}.active{color:#a7a7a7;font-weight:700}#new-tab{height:100%;width:20px;background-size:50%;background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTggMTIuOTk4aC01djVhMSAxIDAgMCAxLTIgMHYtNUg2YTEgMSAwIDAgMSAwLTJoNXYtNWExIDEgMCAwIDEgMiAwdjVoNWExIDEgMCAwIDEgMCAyIi8+PC9zdmc+);opacity:.5}#new-tab:hover{opacity:1}#tab-end{flex-grow:1;height:100%;display:flex;justify-content:flex-end}.tab-btn{display:none;height:100%;width:35px;background-size:60%;background-repeat:no-repeat;background-position:center center;opacity:.5;transition:var(--def-transition)}#delete-tab{background-size:30%;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjcwNy4yOTNBMSAxIDAgMCAwIC4yOTMgMS43MDdMNS41ODYgN0wuMjkzIDEyLjI5M2ExIDEgMCAxIDAgMS40MTQgMS40MTRMNyA4LjQxNGw1LjI5MyA1LjI5M2ExIDEgMCAwIDAgMS40MTQtMS40MTRMOC40MTQgN2w1LjI5My01LjI5M0ExIDEgMCAwIDAgMTIuMjkzLjI5M0w3IDUuNTg2eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)}#export-tab{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMjMgMTJsLTQtNHYzaC05djJoOXYzTTEgMThWNmEyIDIgMCAwIDEgMi0yaDEyYTIgMiAwIDAgMSAyIDJ2M2gtMlY2SDN2MTJoMTJ2LTNoMnYzYTIgMiAwIDAgMS0yIDJIM2EyIDIgMCAwIDEtMi0yIi8+PC9zdmc+)}#tab-end:hover .tab-btn{display:block}.tab-btn:hover{opacity:1}.textWrapper{flex-grow:1;padding:10px}textarea{position:absolute;top:0;left:0;right:0;bottom:0;resize:none;border:0;font-size:18px;background-color:transparent;caret-color:#2fb7fc;padding:55px 20px 20px;font-family:inherit;color:#fff}textarea:focus{outline:0}#bg-tab{position:relative;height:100%;width:38px}#bg-tab:hover{background:#000}#bg-tab-icon{width:20px;height:20px;border-radius:15px;position:absolute;top:50%;left:50%;margin-top:-10px;margin-left:-10px;border:2px solid rgba(255,255,255,.1)}#bg-drop{position:absolute;display:none;top:100%;width:100%;background:#000;padding:0 8px;box-sizing:border-box;border-radius:0 0 5px 5px}#bg-tab:hover #bg-drop{display:block}.drop-btn{width:20px;height:20px;border-radius:15px;margin-bottom:10px;border:2px solid rgba(255,255,255,.1)}.drop-btn:hover{border-color:#ffffff78}