.page-sidebar{position:fixed;top:0;width:var(--page-sidebar-width);height:100vh;display:flex;flex-direction:column;background-color:var(--page-sidebar-bg);border-right:1px solid var(--page-sidebar-border);z-index:4800;overflow:scroll;header{padding:16px;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;p{font-weight:900}}.links-group{display:flex;flex-direction:column;gap:2px;padding:var(--nano);&::-webkit-scrollbar{width:0;background:transparent}.group-title{margin:4px 8px;font-weight:600;font-size:72%;color:var(--paragraph-subtext-colour);text-transform:uppercase}p{font-weight:400;font-size:.92rem}}.link-item{position:relative;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:4px;width:100%;padding:var(--nano);svg{width:16px;height:16px;stroke:var(--paragraph-subtext-colour)}&:hover{background-color:hsla(var(--indivara),.08);border-radius:var(--nano)}&.active{background-color:hsla(var(--indivara),.12);border-radius:var(--nano);&:before{position:absolute;content:"";top:0;left:-8px;width:4px;height:100%;background-color:hsl(var(--indivara));border-radius:0 4px 4px 0}svg{stroke:hsl(var(--indivara))}p{font-weight:600}}}hr{min-height:1px;background-color:var(--page-sidebar-divider)}@media (max-width:1024px){display:none}}