@media (min-width: 851px) {
  .sidebar {
    height: 100vh;
    height: 100dvh;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-width: thin;
    scrollbar-color: #527265 var(--dark);
  }

  .sidebar > .brand,
  .sidebar > .nav,
  .sidebar > .sidebar-bottom {
    flex-shrink: 0;
  }
}

@media (max-width: 850px) {
  .nav {
    overscroll-behavior-x: contain;
  }
}