section.wp-project-page{position:relative;width:100%;height:100vh}section.wp-project-page [data-project-page]{position:relative;width:100%;height:100%;display:flex;flex-wrap:nowrap}section.wp-project-page [data-project-page] [data-main-menu]{width:250px;background-color:var(--gray);height:100%;overflow:auto;z-index:1;transition:width 0.5s ease-in-out}section.wp-project-page [data-project-page] [data-main-menu] a{display:flex;width:100%;line-height:1em;color:var(--webapp-menu-color-foreground);position:relative;padding:15px;text-align:left;flex-wrap:nowrap;align-items:center}section.wp-project-page [data-project-page] [data-main-menu] a i{font-size:25px;width:25px;text-align:center}section.wp-project-page [data-project-page] [data-main-menu] a span{font-size:12px;user-select:none}section.wp-project-page [data-project-page] [data-main-menu] a i+span{margin-left:15px}section.wp-project-page [data-project-page] [data-main-menu] a:hover{background-color:rgba(0,0,0,0.1)}section.wp-project-page [data-project-page] [data-main-menu] a[data-focused=true]{background-color:rgba(0,0,0,0.1)}section.wp-project-page [data-project-page] [data-panels]{width:calc(100% - 250px);height:100%;z-index:0}section.wp-project-page [data-project-page] [data-navigation-bar]{position:fixed;bottom:0;left:0;width:100%;height:50px;background-color:#343434;color:#FFF;z-index:2;display:none}section.wp-project-page [data-project-page] [data-navigation-bar] a{display:flex;width:50px;height:50px;color:#FFF;align-items:center;justify-content:center}@media only screen and (max-width: 639px){section.wp-project-page [data-project-page] [data-main-menu]{position:absolute;width:50px;left:0;top:0;height:calc(100% - 50px)}section.wp-project-page [data-project-page] [data-main-menu] a span{display:none}section.wp-project-page [data-project-page] [data-panels]{width:100%;margin-left:50px;height:calc(100% - 50px)}section.wp-project-page [data-project-page] [data-navigation-bar]{display:block}section.wp-project-page [data-project-page][data-menu-open="true"] [data-main-menu]{width:250px}section.wp-project-page [data-project-page][data-menu-open="true"] [data-main-menu] a span{display:block}}