.sidebar{overflow:hidden;padding-bottom:12px}
.sidebar>.brand{flex-shrink:0}
.sidebar-scroll{width:100%;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff20 transparent;margin-top:10px;padding:0 1px 10px;outline-offset:-2px}
.sidebar-scroll::-webkit-scrollbar{width:3px}
.sidebar-scroll::-webkit-scrollbar-thumb{border-radius:8px;background:#ffffff20}
.sidebar-scroll::-webkit-scrollbar-track{background:transparent}
.sidebar-scroll .nav-label{margin-top:30px}
.sidebar-scroll .sidebar-bottom{padding-top:22px}
.sidebar-scroll.has-more{mask-image:linear-gradient(#000 0%,#000 calc(100% - 44px),transparent 100%)}
.sidebar-scroll-hint{position:absolute;bottom:12px;left:18px;right:18px;height:33px;display:flex;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at 50% 100%,#bca7ca12,transparent 75%),linear-gradient(transparent,#151517 70%);border-radius:0 0 10px 10px;color:#aaa0b2;font-size:8px;letter-spacing:1px;opacity:.65;transition:opacity .2s}
.sidebar-scroll-hint:before{content:'';position:absolute;bottom:0;left:22%;right:22%;height:1px;background:linear-gradient(90deg,transparent,#c4b2d04a,transparent);box-shadow:0 -3px 15px 2px #bda7d00b}
.sidebar-scroll-hint>span:last-child{font-size:12px;color:#c4b2d0;animation:menu-nudge 3.8s ease-in-out infinite}
.sidebar-scroll-hint:hover{opacity:1}
.sidebar-scroll-hint[hidden]{display:none}
.sidebar-scroll .nav-link.active:before{left:0;height:14px;width:2px}
@keyframes menu-nudge{0%,65%,100%{transform:translateY(0);opacity:.55}80%{transform:translateY(2px);opacity:.85}}
@media(min-height:880px){.sidebar-scroll{display:flex;flex-direction:column}.sidebar-scroll .sidebar-bottom{margin-top:auto}}
@media(max-width:950px) and (min-width:761px){.sidebar-scroll .nav-label{display:none}.sidebar-scroll nav{margin-top:25px}.sidebar-scroll .nav-link{margin-inline:auto}.sidebar-scroll .sidebar-bottom{width:100%}.sidebar-scroll-hint{left:10px;right:10px}.sidebar-scroll-hint>span:first-child{display:none}.sidebar-scroll .nav-link.active:before{left:0}}
@media(max-width:760px){.sidebar{padding-bottom:12px}.sidebar-scroll .nav-label{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.sidebar-scroll-hint>span:last-child{animation:none}}
