.nav-sidebar-icon { align-items: center; border: var(--sidebar-card-border-size) solid var(--color-sidebar-card-mini-border); cursor: pointer; display: flex; height: 48px; justify-content: center; width: 48px; }
.nav-sidebar-icon.active, .nav-sidebar-icon:hover { background: var(--color-sidebar-card-mini-background-hover); border: var(--sidebar-card-border-size) solid var(--color-sidebar-card-mini-border-hover); border-radius: 8px; }
.nav-sidebar-icon.active svg, .nav-sidebar-icon:hover svg { color: var(--color-sidebar-card-mini-icon-hover); }
.nav-sidebar-icon svg { color: var(--color-sidebar-card-mini-icon); height: 24px; pointer-events: none; width: 24px; }
.nav-sidebar-support { width: 100%; }
.nav-sidebar-support svg { color: rgb(211, 253, 215); }
.nav-sidebar-support-wrapped svg { color: var(--color-su400); }
.nav-sidebar-wrapped { background: var(--color-sidebar-background); }
.nav-sidebar-wrapped-content { animation: 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.3s 1 normal forwards running slide-up-opacity; height: calc(var(--app-height, 100vh) - var(--nav-height, 64px)); opacity: 0; overflow-y: scroll; padding: var(--spacing-xs); width: 64px; z-index: 103; }
.nav-sidebar-wrapped-content--screen-controls { padding-bottom: 72px; }
.nav-sidebar-wrapped-item:not(:last-child) { margin-bottom: 4px; }
.nav-sidebar-wrapped .divider-top { margin-top: 16px; position: relative; }
.nav-sidebar-wrapped .divider-top::before { background: var(--color-sidebar-divider-background); content: ""; height: var(--line-size-s,1px); position: absolute; top: calc(var(--sidebar-body-spacing, 8px)*-1); width: 100%; }
.nav-sidebar-wrapped .divider-bottom { margin-bottom: 16px; position: relative; }
.nav-sidebar-wrapped .divider-bottom::after { background: var(--color-sidebar-divider-background); bottom: calc(var(--sidebar-body-spacing, 8px)*-1); content: ""; height: var(--line-size-s,1px); position: absolute; width: 100%; }
.nav-sidebar { background: var(--color-dark-grey-1); position: relative; z-index: 105; }
@media (max-width: 1280px) {
  .nav-sidebar { left: 0px; position: fixed; top: 0px; }
}
.nav-sidebar-content { transition: 0.5s; width: var(--nav-sidebar-width); }
.opened .nav-sidebar-content { width: 320px; }
@media (max-width: 1280px) {
  .nav-sidebar-content { left: 0px; position: fixed; top: 0px; z-index: 103; }
  .opened .nav-sidebar-content { max-width: 430px; width: 100%; }
}
.nav-sidebar-overlay { background-color: var(--color-b070); inset: 0px; content: ""; display: none; position: fixed; z-index: 102; }
@media (max-width: 1280px) {
  .nav-sidebar-overlay { display: block; }
}