@media (min-width: 901px) {
  .site-shell,
  .site-layout,
  .page-shell,
  .layout-shell,
  .content-shell {
    align-items: start;
  }

  .sidebar,
  .site-sidebar,
  .left-sidebar,
  .nav-sidebar,
  aside.sidebar,
  aside.site-sidebar,
  .site-shell > aside,
  .site-layout > aside,
  .page-shell > aside {
    position: sticky;
    top: 12px;
    max-height: calc(100vh - 24px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 6px;
    scrollbar-width: thin;
  }

  .sidebar::-webkit-scrollbar,
  .site-sidebar::-webkit-scrollbar,
  .left-sidebar::-webkit-scrollbar,
  .nav-sidebar::-webkit-scrollbar,
  aside.sidebar::-webkit-scrollbar,
  aside.site-sidebar::-webkit-scrollbar,
  .site-shell > aside::-webkit-scrollbar,
  .site-layout > aside::-webkit-scrollbar,
  .page-shell > aside::-webkit-scrollbar {
    width: 8px;
  }

  .sidebar::-webkit-scrollbar-thumb,
  .site-sidebar::-webkit-scrollbar-thumb,
  .left-sidebar::-webkit-scrollbar-thumb,
  .nav-sidebar::-webkit-scrollbar-thumb,
  aside.sidebar::-webkit-scrollbar-thumb,
  aside.site-sidebar::-webkit-scrollbar-thumb,
  .site-shell > aside::-webkit-scrollbar-thumb,
  .site-layout > aside::-webkit-scrollbar-thumb,
  .page-shell > aside::-webkit-scrollbar-thumb {
    background: rgba(38, 69, 120, 0.35);
    border-radius: 999px;
  }

  .sidebar::-webkit-scrollbar-track,
  .site-sidebar::-webkit-scrollbar-track,
  .left-sidebar::-webkit-scrollbar-track,
  .nav-sidebar::-webkit-scrollbar-track,
  aside.sidebar::-webkit-scrollbar-track,
  aside.site-sidebar::-webkit-scrollbar-track,
  .site-shell > aside::-webkit-scrollbar-track,
  .site-layout > aside::-webkit-scrollbar-track,
  .page-shell > aside::-webkit-scrollbar-track {
    background: transparent;
  }
}