aside#sidebar {
  position: fixed;
  top: calc(var(--spacing-16) + var(--spacing-2));
  left: 0;
  width: var(--sidebar-width-expanded);
  max-height: calc(100vh - var(--spacing-16) - var(--spacing-2));
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--gray-50);
  border-right: 1px solid var(--gray-200);
  z-index: 1000;
}

aside#sidebar nav {
  min-height: 100%;
}

aside#sidebar::-webkit-scrollbar {
  width: var(--spacing-3);
}

aside#sidebar::-webkit-scrollbar-track {
  background: var(--gray-100);
}

aside#sidebar::-webkit-scrollbar-thumb {
  background: var(--gray-400);
  border-radius: var(--spacing-2);
}

aside#sidebar::-webkit-scrollbar-thumb:hover {
  background: var(--gray-500);
}