/* Keep the complete menu and footer together within the window. */
.sidebar{height:100dvh;bottom:auto;padding-top:20px;padding-bottom:14px}
.sidebar>*{flex-shrink:0}
.sidebar .brand{padding-bottom:14px}
.sidebar .sidebar-toggle{margin-bottom:18px}
.sidebar .nav-group{gap:2px;padding-top:4px;padding-bottom:6px;margin-bottom:10px}
.sidebar .nav-item{min-height:38px;padding-top:8px;padding-bottom:8px}
.sidebar .nav-label{padding-top:2px;padding-bottom:7px}
.sidebar .sidebar-bottom{padding-top:10px}
.sidebar .support{margin-top:0}
.sidebar .safer-sidebar{margin-top:8px;padding-top:4px;padding-bottom:4px}
.sidebar .sidebar-meta{padding-top:10px}

@media(max-height:800px){
 .sidebar{padding-top:14px;padding-bottom:12px}
 .sidebar .brand{padding-bottom:10px}
 .sidebar .sidebar-toggle{margin-bottom:12px}
 .sidebar .sidebar-toggle button{padding-top:8px;padding-bottom:8px}
 .sidebar .nav-group{margin-bottom:8px}
 .sidebar .nav-item{min-height:34px;padding-top:6px;padding-bottom:6px}
 .sidebar .nav-label{padding-bottom:4px}
 .sidebar .sidebar-bottom{padding-top:8px}
 .sidebar .safer-sidebar{margin-top:6px}
 .sidebar .sidebar-meta{padding-top:8px}
}

@media(max-height:700px){
 .sidebar{padding-top:12px;padding-bottom:10px}
 .sidebar .brand{padding-bottom:8px}
 .sidebar .brand-logo{max-width:156px}
 .sidebar .sidebar-toggle{margin-bottom:10px}
 .sidebar .sidebar-toggle button{padding-top:6px;padding-bottom:6px}
 .sidebar .nav-group{padding-top:3px;padding-bottom:5px}
 .sidebar .nav-item{min-height:30px;padding-top:5px;padding-bottom:5px}
 .sidebar .nav-label{padding-top:0}
 .sidebar .sidebar-meta{padding-top:6px}
}