.layout-container{width:100%;display:flex;position:relative;flex-direction:column;min-height:calc(100dvh - 3.5rem)}.layout-container .page-navigation{width:100%;display:flex;z-index:9999;height:3.5rem;position:fixed;top:0;align-items:center;padding:0 1rem;background-color:#fff;box-shadow:0 5px 10px rgba(0,0,0,.1)}.layout-container .page-navigation .nav-title{gap:1rem;width:100%;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.layout-container .page-menu{top:0;color:#fff;z-index:1;left:-250px;display:flex;position:fixed;transition:.5s;padding-top:4.5rem;flex-direction:column;height:100dvh;width:250px;background-color:#1f2937}.layout-container .page-menu .switch-btn{right:0;width:200px;bottom:.5rem;position:absolute;background-color:#fff}.layout-container .page-menu.active{left:0;z-index:50}.layout-container .page-menu .menu-container{width:100%;display:flex;flex-direction:column}.layout-container .page-menu .menu-container .sub-menu{width:100%;height:0;display:flex;transition:.3s;overflow:hidden;flex-direction:column}.layout-container .page-menu .menu-container .sub-menu .menu{color:#fff;font-size:14px}.layout-container .page-menu .menu-container .sub-menu .menu .menu-title{padding-left:1rem}.layout-container .page-menu .menu-container .sub-menu .menu .menu-title:before{content:" •"}.layout-container .page-menu .menu-container .sub-menu.active{height:var(--max-height)}.layout-container .page-content{width:100dvw;padding-left:0;transition:.5s;padding-top:3.5rem;min-height:calc(100dvh - 3.5rem)}.layout-container .page-content.active{padding-left:250px}.layout-container .page-content .content-box{gap:2rem;display:flex;flex-direction:column;width:100%;padding:1rem 1rem 3.5rem}