*{box-sizing:border-box;font-family:NeoDunggeunmo Pro;font-display:swap;font-size:1rem;font-weight:400}body{margin:0;padding:0;height:100vh;width:100vw;background-color:#178891}main{width:100%;height:100%}ul,li,button{all:unset}button{cursor:pointer}p{margin:0}.main-container{display:flex;flex-direction:column;gap:.625rem;padding:.625rem;color:#fff}.btn{display:flex;align-items:center;width:fit-content;padding:.3438rem .5rem;color:#000;text-decoration:none;cursor:pointer;background-color:#d4d4d4;border-top:.125rem solid #fff;border-left:.125rem solid #fff;border-right:.125rem solid #464545;border-bottom:.125rem solid #464545}.btn:hover,.btn.clicked{color:#fff;border-top:.125rem solid #464545;border-left:.125rem solid #464545;border-right:.125rem solid #fff;border-bottom:.125rem solid #fff}.close-btn{height:calc(100% - .9375rem);display:flex;justify-content:center;align-items:center;margin-right:.1875rem;padding:.1563rem}.close-btn img{height:100%;aspect-ratio:1/1}.icon-btn{width:4.125rem;display:flex;flex-direction:column;align-items:center;gap:.375rem;cursor:pointer}.icon-btn img{width:3rem;height:3rem}.icon-btn.horizontal{width:-webkit-fill-available;flex-direction:row}.icon-btn.horizontal p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.icon-btn.sm img{width:1.125rem;height:auto;object-fit:contain}.dropdown-wrapper{position:relative;display:inline-flex;flex-direction:column;height:100%}.spacing{width:12.5rem;height:.2rem;position:absolute;top:100%}.dropdown-menu{background:silver;width:12.5rem;margin:0;padding:0;position:absolute;top:calc(100% + .2rem);left:3px;list-style:none;text-align:start;z-index:20;color:#000;border-top:.125rem solid #fff;border-left:.125rem solid #fff;border-right:.125rem solid #464545;border-bottom:.125rem solid #464545}.dropdown-menu li{background:silver;cursor:pointer;color:#000}.-menu li:hover{background:#000184;color:#fff;cursor:pointer}.dropdown-menu.clicked{display:none}.dropdown-link{display:flex;align-items:center;gap:.375rem;height:100%;width:100%;text-decoration:none;color:#000;padding:1rem;font-size:1rem}.dropdown-link img{width:1.5rem}.dropdown-link:hover{color:#fff;background-color:#000184}.modal,.overlay{position:fixed;inset:0;width:100%;height:100vh}.overlay{background:#313131cc}.modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:65vw;height:55vh;padding:.3125rem;background-color:#d4d4d4;overflow:hidden;border-top:.125rem solid #fff;border-left:.125rem solid #fff;border-right:.125rem solid #464545;border-bottom:.125rem solid #464545}.modal-bar{display:flex;justify-content:space-between;align-items:center;background-color:#00f;height:1.5rem;margin-bottom:.25rem;color:#fff;padding-left:.25rem;font-size:1.125rem}.modal-bar-left{height:100%;display:flex;justify-content:left;align-items:center;gap:.25rem}.modal-bar-left img{height:100%;padding:.125rem}.modal-content{height:calc(100% - 1.875rem);background-color:#fff;color:#000}.navbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;width:100%;height:2.5rem;padding:.1875rem;background-color:#d4d4d4;border-bottom:.125rem solid #efefef}.navbar .left-container{width:100%;display:flex;align-items:center;gap:.25rem}.navbar .left-container .active-task{padding:.3125rem 1.5rem .3125rem .25rem;display:flex;align-items:center;justify-content:center;opacity:.9;background-color:#e7e5e5;border-top:.125rem solid #464545;border-left:.125rem solid #464545;border-right:.125rem solid #fff;border-bottom:.125rem solid #fff}.navbar .left-container .active-task img{width:1.1875rem;margin-right:.25rem}.navbar-logo{width:1.1875rem;height:1.1875rem;margin-right:.3125rem;color:#fff}.locales-box{display:flex;align-items:center;justify-content:center;gap:.25rem}.is-resolved{font-weight:700}.terminal-content{height:100%;border:1px solid black;background-color:#000;color:#adff2f;padding:.625rem;overflow-y:auto}.terminal-content span{font-size:1.25rem;line-height:2.0625rem}.skills-container{height:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;padding:.625rem;overflow-y:auto;border-top:.125rem solid #464545;border-left:.125rem solid #464545;border-right:.125rem solid #fff;border-bottom:.125rem solid #fff}.skill-logo{width:fit-content;text-align:center;margin:0 auto}.skill-logo img{height:2.6875rem;width:auto;margin-bottom:.25rem}.title-box{display:flex;background-color:#d4d4d4;padding-bottom:.25rem;gap:.625rem}.title-box span{padding:0 .25rem;border-top:.125rem solid #464545;border-left:.125rem solid #464545;border-right:.125rem solid #fff;border-bottom:.125rem solid #fff}.title-box span:first-child{flex:.4}.title-box span:last-child{flex:.6;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.projects-container{height:calc(100% - 1.5rem);display:flex;gap:.625rem;background-color:#d4d4d4}.projects-container .project-explorer{padding:.25rem;flex:.4;display:flex;flex-direction:column;gap:.625rem;background-color:#fff;overflow-y:auto;border-top:.125rem solid #464545;border-left:.125rem solid #464545;border-right:.125rem solid #fff;border-bottom:.125rem solid #fff}.projects-container .project-explorer .project-group{display:flex;flex-direction:column;gap:3px}.projects-container .project-explorer .project-subgroup{position:relative;margin-left:1rem}.projects-container .project-explorer .project-subgroup:before{content:"";position:absolute;left:-.5rem;top:-.3rem;bottom:-.6875rem;height:auto;width:1px;background-color:#c5c5c5}.projects-container .project-explorer .project-subgroup:after{content:"";position:absolute;left:-.5rem;top:.5rem;width:.7rem;height:1px;background-color:#c5c5c5}.projects-container .project-explorer .project-subgroup:last-child:before{background-color:transparent}.projects-container .project-explorer .project-subgroup .folder-btn,.projects-container .project-explorer .project-subgroup .file-btn{position:relative}.projects-container .project-explorer .project-subgroup .file-btn{margin-left:1rem}.projects-container .project-explorer .project-subgroup .file-btn:before{content:"";position:absolute;left:-.5rem;top:0;bottom:0;height:auto;width:1px;background-color:#c5c5c5}.projects-container .project-explorer .project-subgroup .file-btn:after{content:"";position:absolute;left:-.5rem;top:.5rem;width:.7rem;height:1px;background-color:#c5c5c5}.projects-container .project-explorer .project-subgroup ul li:last-child .file-btn:before{content:"";position:absolute;left:-.5rem;top:0;bottom:0;height:9px;width:1px;background-color:#c5c5c5}.projects-container .project-detail-panel{flex:.6;display:flex;flex-direction:column;background-color:#fff;border-top:.125rem solid #464545;border-left:.125rem solid #464545;border-right:.125rem solid #fff;border-bottom:.125rem solid #fff}.project-detail-panel{padding:.25rem;overflow-y:auto}.project-detail-panel>*{padding:0 .625rem}.project-detail-panel .title{font-size:1.5rem;line-height:0}.project-detail-panel .subtitle{font-size:1.125rem;line-height:50%}.project-detail-panel p{margin-bottom:.625rem}.project-detail-panel .stack{display:list-item;list-style:inside!important}