.sidebar{
  position:sticky;
  top:0;
  align-self:flex-start;
  flex:0 0 250px;
  height:100vh;
  overflow-y:auto;
}
.sidebar nav{align-content:start;gap:12px}
.nav-section{display:grid;gap:4px;padding-top:9px;border-top:1px solid #3e5872}
.nav-section-title{padding:0 13px 3px;color:#aebfd0;font-size:10px;font-weight:700;letter-spacing:.09em}
.nav-section .nav-item{padding-top:9px;padding-bottom:9px}
@media(max-width:900px){
  .sidebar{flex-basis:205px}
}
@media(max-width:620px){
  .sidebar{
    position:sticky;
    top:0;
    z-index:50;
    width:100%;
    height:auto;
    max-height:100vh;
    overflow-y:auto;
  }
  .sidebar nav{display:flex;gap:6px}
  .nav-section{display:contents}
  .nav-section-title{display:none}
}