.titlebar-left{display:flex;align-items:center;gap:15px;height:100%}.vscode-icon{padding-left:10px}.menu-items{display:flex;gap:15px;font-size:.95rem;color:#f5f5f5}.menu-items>p{cursor:default}.titlebar-center{display:flex;align-items:center;gap:10px;width:45vw;cursor:grab;margin-left:-13vw}.navigation-buttons{display:flex;gap:5px;color:#f5f5f5;cursor:pointer}.search-box{display:flex;justify-content:center;align-items:center;border:1px solid #656262;box-shadow:#242222;border-radius:5px;width:38vw;height:24px;background-color:#4c4c4c}.search-box>p{color:#f5f5f5;font-size:12px;padding:0 5px}.titlebar-right{display:flex;justify-content:space-between;align-items:center;width:8.5vw;height:100%;color:#f5f5f5;cursor:pointer}.titlebar-right img{filter:brightness(80%)}.titlebar-right img:hover{filter:brightness(100%)}.close,.maxi,.mini{display:flex;justify-content:center;align-items:center;width:32%;height:100%}.mini{padding-bottom:8px}.maxi:hover,.mini:hover{background:#4a4a4a}.close:hover{background:#e10404}.topsidebar{height:50vh;padding-top:15px}.bottomsidebar,.topsidebar{display:flex;flex-direction:column;gap:25px;align-items:center}.bottomsidebar{height:30vh;padding-top:50px}.icon:hover{filter:brightness(12);cursor:pointer}.remote{display:flex;justify-content:center;align-items:center;padding:0 13px;background-color:#2a7e2a}.container{padding:0 5px;gap:10px}.container,.githubrepo{display:flex;flex-direction:row;align-items:center}.githubrepo{color:#fff;font-size:14px}.container>p{margin-left:-8px}.herokuapp{padding-top:5px}.car{margin-bottom:-10px;transform:scale(.8)}.loader{margin-left:-30px;height:100vh;display:flex;align-items:center;justify-content:center}.car__body{animation:shake .2s ease-in-out infinite alternate}.car__line{transform-origin:center right;stroke-dasharray:22;animation:line .8s ease-in-out infinite;animation-fill-mode:both}.car__line--top{animation-delay:0s}.car__line--middle{animation-delay:.2s}.car__line--bottom{animation-delay:.4s}@keyframes shake{0%{transform:translateY(-1%)}to{transform:translateY(3%)}}@keyframes line{0%{stroke-dashoffset:22}25%{stroke-dashoffset:22}50%{stroke-dashoffset:0}51%{stroke-dashoffset:0}80%{stroke-dashoffset:-22}to{stroke-dashoffset:-22}}main{height:100vh;flex-direction:column;overflow:hidden}.titlebar,main{width:100vw;display:flex}.titlebar{height:39px;background-color:#3c3c3c;position:fixed;justify-content:space-between;align-items:center;padding:0;z-index:10000;border-top:1px solid #000}.tabbar{display:flex;flex-direction:row;flex-wrap:wrap;background-color:#252526;padding:0;margin:0;width:100%;position:relative}.sidebar{background-color:#333;flex-direction:column;justify-content:space-between;width:55px;height:100vh;top:35px;z-index:1000}.bottombar,.sidebar{display:flex;position:fixed}.bottombar{flex-direction:row;bottom:0;width:100vw;height:30px;background-color:#007acc;z-index:10000;color:#fff;font-size:15px}.explorerbar{display:flex;flex-direction:column;position:fixed;top:35px;left:55px;background-color:#252526;width:240px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow-y:auto;z-index:900}.explorerbar,.main-content{height:calc(100vh - 35px - 23.5px)}.main-content{margin-left:345px;margin-top:39px;margin-bottom:24.5px;background-color:#1e1e1e;overflow-y:hidden;position:relative}.main-editor{margin-left:54px;color:#f5f5f5}.main-editor,.main-file{height:100%;background-color:#1e1e1e}.main-file{overflow-y:scroll;overflow-x:scroll}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-thumb{background-color:#424242}::-webkit-scrollbar-track{background-color:#1e1e1e;border-left:2px solid #424242}.explorer{justify-content:space-between;color:#d1d1d1;margin:10px}.explorer,.explorer>p{display:flex;flex-direction:row;align-items:center}.explorer>p{font-size:13px}.explorer>img{filter:brightness(70%)}.dots{padding-right:18px}.folder-checkbox{padding:3px 0;display:flex;align-items:center;gap:6px;color:#d1d1d1;font-size:14px;cursor:pointer}.folderbarone{width:21px;height:100%;font-size:large;border-right:1px solid #606060}.main-folder{padding-left:5px;display:flex;width:100%;align-items:center}.expolrericons{padding-right:20px;display:flex;margin-left:auto;gap:10px}.refreshfolder{filter:brightness(85%)}.refreshfolder:hover{color:#fff;transform:scale(1.05);filter:brightness(5);cursor:pointer}.collapsefolder{filter:brightness(85%)}.collapsefolder:hover{color:#fff;transform:scale(1.05);filter:brightness(5);cursor:pointer}.portfolio{padding-left:5px;margin:10px 0;font-size:14.5px;font-weight:700;color:#c4c4c4}.folder-checkbox:hover{background-color:#333232}.folder{padding-bottom:55px}.folder-checkbox:hover{color:#fff}.portfolio-toggle{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;font-weight:500;color:#fff;background-color:#3e3e3e;border:1px solid #585858;border-radius:8px;cursor:pointer;width:100%;transition:background-color .2s}.portfolio-toggle:hover{background-color:#4a4a4a}.chevron{transition:transform .2s ease}.chevron.rotate{transform:rotate(90deg)}.file-item{display:flex;align-items:center;gap:8px;font-size:16px;color:#b5b5b5;text-decoration:none;cursor:pointer;transition:color .3s ease,padding-left .2s ease;width:100%;height:26px}.file-item:hover{background-color:#333232}.file-name,.folder-name{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transition:all .1s ease}.file-name:hover{filter:brightness(5);color:#fff;padding-left:1px}.file-icon{width:18px;height:18px;color:#b5b5b5}.folder-icon{width:17px;height:17px;color:#b5b5b5;transition:color .2s ease}.explorerbar::-webkit-scrollbar{width:2px}.explorerbar::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.explorerbar::-webkit-scrollbar-thumb:hover{background:#555}