.sidebar{overflow:hidden}
.session-loading .sidebar nav{visibility:hidden}
.sidebar .brand{flex:0 0 auto}
.sidebar nav{
  flex:1 1 auto;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding-right:4px;
  scrollbar-width:thin;
  scrollbar-color:#527766 transparent;
}
.sidebar nav::-webkit-scrollbar{width:6px}
.sidebar nav::-webkit-scrollbar-track{background:transparent}
.sidebar nav::-webkit-scrollbar-thumb{background:#527766;border-radius:999px}
.sidebar .sync-card{flex:0 0 auto;margin-top:10px}

@media (max-height:850px) and (min-width:681px){
  .sidebar{padding-top:20px;padding-bottom:16px}
  .sidebar .brand{padding-bottom:18px}
  .sidebar .nav{padding-top:9px;padding-bottom:9px;margin-top:1px;margin-bottom:1px}
}
@media (max-height:700px) and (min-width:681px){
  .sidebar{padding-top:14px;padding-bottom:12px}
  .sidebar .brand{padding-bottom:12px}
  .sidebar .nav{padding-top:7px;padding-bottom:7px}
  .sidebar .sync-card{padding:10px;margin-top:6px}
}
@media (max-width:680px){
  .sidebar{overflow:hidden}
  .sidebar nav{
    display:flex;
    flex-direction:row;
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    padding:0 2px 2px;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
  }
  .sidebar nav::-webkit-scrollbar{display:none}
  .sidebar .nav{
    flex:0 0 46px;
    width:46px;
    min-width:46px;
    height:46px;
    margin:0 2px;
    padding:0;
    scroll-snap-align:center;
  }
}