.SideBarWrapper{position:fixed;top:0;left:0;height:100vh;background:linear-gradient(180deg,#1a1a1a,#0a0a0a);box-shadow:inset -1px 0 0 #2d77cf66,inset -12px 0 32px #2d77cf0a,4px 0 24px #00000080;overflow-y:auto;overflow-x:hidden;z-index:1200;padding:0;transition:width .3s cubic-bezier(.4,0,.2,1)}.SideBarWrapper.expanded{width:240px}.SideBarWrapper.collapsed{width:72px}.SideBarWrapper::-webkit-scrollbar{width:8px}.SideBarWrapper::-webkit-scrollbar-track{background:#ffffff05;border-radius:2px}.SideBarWrapper::-webkit-scrollbar-thumb{background:#2d77cf4d;border-radius:2px;-webkit-transition:background .3s ease;transition:background .3s ease}.SideBarWrapper::-webkit-scrollbar-thumb:hover{background:#2d77cf80}.SideBarWrapper{scrollbar-width:thin;scrollbar-color:#2d77cf4d #ffffff05}.listItem{padding:0 16px!important}@media (max-width:899px){.SideBarWrapper{width:85%!important;max-width:320px!important;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)!important}.SideBarWrapper.mobile-open{transform:translateX(0)}}