/* Klexcord: navigation scrolls independently; theme backgrounds stay intact. */
.shell > .sidebar{max-height:100vh;max-height:100dvh;overflow:hidden;min-height:0}
.shell > .sidebar > .brand,.shell > .sidebar > .nav-label,.shell > .sidebar > .sidebar-bottom{flex-shrink:0}
.shell > .sidebar > nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#487bad transparent;scrollbar-gutter:stable;padding-right:5px;-webkit-overflow-scrolling:touch}
.shell > .sidebar > nav > a{flex-shrink:0}
.shell > .sidebar > nav::-webkit-scrollbar{width:7px}
.shell > .sidebar > nav::-webkit-scrollbar-track{background:transparent}
.shell > .sidebar > nav::-webkit-scrollbar-thumb{background:#487bad;border:2px solid transparent;border-radius:12px;background-clip:padding-box}
.shell > .sidebar > nav::-webkit-scrollbar-thumb:hover{background:#629bd6;background-clip:padding-box}
.shell > .sidebar > .sidebar-bottom{margin-top:12px}
@media(max-width:750px){
 .shell > .sidebar{max-height:none;overflow:visible}
 .shell > .sidebar > nav{max-height:44vh;max-height:44dvh;flex:none;padding-bottom:4px}
}