.SideBarNavLinks{display:flex;flex-direction:column;gap:1.12rem;padding-left:1.5rem;padding-right:1.5rem;margin-top:1rem;.NavFrameNavLink {display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative; .NavFrameNavIcon {width: 1.25rem; height: 1.25rem; flex-shrink: 0; color: var(--text-secondary);} .NewSticker {display: flex; font-size: .75rem; padding: .2rem .5rem; border-radius: .5rem; position: absolute; right: -.75rem; top: -.5rem; background-color: var(--primary-ui); color: var(--primary-ui-text); height: 1rem; overflow: visible;} .SideBarNavText {display: flex; flex-direction: row; align-items: center; padding-left: .5rem; width: 100%; transition: width .3s,padding-left .3s; .SideBar-closed & {padding-left: 0; width: 0;} .Text {overflow: hidden; text-wrap: nowrap;} .NavFrameLinkPill {position: absolute; transform: translate(.5rem,-.5rem); transition: transform .3s,padding .3s; .SideBar-closed & {transform: translate(-50%,-.8rem); padding: 0 .2rem;} .Text {transition: font-size .3s,line-height .3s; .SideBar-closed & {font-size: .5rem; line-height: .75rem;}}}}}}.NavFrameLinkPill{background-color:var(--primary-ui);border-radius:1rem;display:flex;justify-content:center;align-items:center;padding:0 .25rem;.Text {color: white; font-size: .6875rem; font-style: normal; font-weight: 700; line-height: 1rem; letter-spacing: .00413rem;}}.HeaderNavLinks{.HeaderNavLinkSection {display: flex; flex-direction: column; gap: .75rem; .NavFrameNavLink {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; cursor: pointer; gap: .5rem; .NavFrameNavIcon {width: 1.125rem; height: 1.125rem; color: var(--text-secondary);}} + .HeaderNavLinkSection {border-top: .8px solid var(--border-section); padding-top: .75rem;} &:has(+ .HeaderNavLinkSection) {border-bottom: .8px solid var(--border-section); padding-bottom: .75rem;}}}.NavFrameNavLink.active{.Text,.NavFrameNavIcon {color: var(--text-primary) !important;}}@media only screen and (max-width : 700px){.SideBarNavText{display:flex;gap:.5rem}}
