.sidebar{
  position:fixed!important;
  left:0;top:0;bottom:0;
  display:flex!important;
  flex-direction:column;
  width:230px;height:100vh!important;
  z-index:40;
  overflow:hidden;
  overscroll-behavior:contain;
}
.shell{display:block!important}
.shell.hidden{display:none!important}
.shell>main{min-width:0;margin-left:230px}
.sidebar>.brand,.sidebar>.identity{flex:0 0 auto}
.sidebar #nav{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:4px;
  scrollbar-width:thin;
  scrollbar-color:#1d526a transparent;
}
.sidebar #nav::-webkit-scrollbar{width:4px}
.sidebar #nav::-webkit-scrollbar-thumb{border-radius:8px;background:#1d526a}
.sidebar .service{
  position:static!important;
  flex:0 0 auto;
  left:auto;right:auto;bottom:auto;
  margin-top:10px;
}
@media(max-width:760px){
  .sidebar{display:none!important}
  .shell>main{margin-left:0}
}