.sidebar{display:flex!important;flex-direction:column;overflow:hidden!important;padding-bottom:14px!important}.sidebar>.brand{flex:0 0 auto;margin-bottom:18px!important;min-height:44px}.sidebar>.nav{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;gap:4px;overflow-x:hidden;overflow-y:auto;padding:4px 4px 18px;margin:0 -4px;scrollbar-width:thin;scrollbar-color:#ffffff2b transparent;overscroll-behavior:contain}.sidebar>.nav::-webkit-scrollbar{width:5px}.sidebar>.nav::-webkit-scrollbar-thumb{background:#ffffff2b;border-radius:10px}.sidebar>.nav button{flex:0 0 auto;width:100%;min-height:42px;padding:9px 11px!important}.sidebar>.nav button.active{position:relative}.sidebar>.nav button.active:after{content:"";position:absolute;right:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--accent)}.sidebar>.side-bottom{position:static!important;flex:0 0 auto;right:auto!important;left:auto!important;bottom:auto!important;padding:12px 5px 0!important;margin-top:0;background:var(--sidebar);z-index:2}.sidebar>.side-bottom .member{min-width:0}.sidebar>.side-bottom .member>div{min-width:0}.sidebar>.side-bottom b,.sidebar>.side-bottom small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app.collapsed .sidebar>.brand{justify-content:center;margin-inline:0!important}.app.collapsed .sidebar>.nav{align-items:stretch}.app.collapsed .sidebar>.nav button{justify-content:center;padding-inline:8px!important}.app.collapsed .sidebar>.nav button.active:after{right:-8px}.app.collapsed .sidebar>.side-bottom{display:flex;justify-content:center}.app.collapsed .chat-nav-badge{position:absolute;left:3px;top:3px}.app.collapsed .nav button{position:relative}@media(max-height:760px) and (min-width:851px){.sidebar{padding-top:14px!important}.sidebar>.brand{margin-bottom:9px!important}.sidebar>.nav{gap:2px}.sidebar>.nav button{min-height:38px;padding-block:7px!important}.sidebar>.side-bottom{padding-top:8px!important}.sidebar .avatar{width:34px;height:34px}}@media(max-width:850px){.sidebar{height:100dvh!important;padding:18px 14px!important;box-shadow:-18px 0 45px #0006}.sidebar>.brand{margin-bottom:14px!important}.sidebar>.nav button{min-height:46px}.sidebar>.side-bottom{padding-bottom:max(4px,env(safe-area-inset-bottom))!important}body:has(.sidebar.open){overflow:hidden}body:has(.sidebar.open):before{content:"";position:fixed;inset:0;background:#07081288;z-index:29;backdrop-filter:blur(2px)}}
