.app-layout main{display:flex}.sidebar{width:var(--sidenav-width);padding-right:24px;min-height:calc(100vh - var(--topnav-height))}.sidebar .nav-link{border-radius:0 10px 10px 0;margin-bottom:4px;color:var(--md-sys-color-on-surface)}.sidebar .nav-link.active{background-color:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface-container-highest)}.sidebar .nav-link:hover:not(.active){background-color:#691fd614}.offcanvas{width:85%;max-width:300px;background-color:var(--md-sys-color-background)}.offcanvas-header{padding:1rem}.offcanvas-body .nav-link{padding:.75rem 1.5rem;border-radius:0;color:var(--md-sys-color-on-surface)}.offcanvas-body .nav-link.active{background-color:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface-container-highest)}.offcanvas-body .nav-link:hover:not(.active){background-color:#691fd614}.navbar{min-height:var(--topnav-height);font-size:var(--md-sys-typescale-headline-medium-size)}.navbar .dropdown-menu{border-radius:14px;box-shadow:0 .5rem 1rem #00000026;border:none}.navbar .dropdown-item{padding:.75rem 1.5rem}.navbar .dropdown-item:hover{background-color:#691fd614}.navbar .btn-link{color:var(--md-sys-color-on-surface);text-decoration:none}@media (max-width: 991.98px){.app-layout main{display:block}.content{width:100%!important}.navbar-brand img{max-width:150px}}