/* Compact navigation and one moving selection, without animation libraries. */
.sidebar-heading{position:relative;flex-shrink:0}
.sidebar-heading .brand{min-width:0}
.sidebar-toggle{position:absolute;top:8px;right:10px;width:28px;height:28px;padding:5px;border:1px solid color-mix(in srgb,var(--side-ink) 18%,transparent);border-radius:8px;background:transparent;color:var(--side-ink);display:grid;place-items:center}
.sidebar-toggle:hover{background:color-mix(in srgb,var(--side-ink) 10%,transparent)}
.sidebar-toggle svg{width:17px;height:17px;transition:transform .3s ease}
#sidebar{transition:width .4s cubic-bezier(.22,.8,.25,1),transform .25s ease}
.workspace{transition:margin-left .4s cubic-bezier(.22,.8,.25,1)}
#navigation{position:relative;isolation:isolate}
#navigation .nav-item{position:relative;z-index:1;transition:color .22s ease,background .22s ease,padding .32s ease,gap .32s ease}
#navigation .nav-item.active,#navigation .nav-item.active:hover{background:transparent}
#navigation .nav-active-indicator{position:absolute;top:0;left:13px;width:calc(100% - 26px);border-radius:9px;background:var(--green);pointer-events:none;z-index:0;transition:transform .23s cubic-bezier(.22,.8,.25,1),height .23s ease,left .32s ease,width .32s ease;box-shadow:0 3px 9px #00000009}
#navigation .nav-item>span:not(.nav-badge),.sidebar .brand>span,.sidebar .profile>span{overflow:hidden;white-space:nowrap;max-width:180px;opacity:1;transition:max-width .32s ease,opacity .18s ease,transform .32s ease}
#navigation .nav-group-label{transition:opacity .18s ease,margin .32s ease}
@media(min-width:731px){
  :root.sidebar-compact{--sidebar:80px}
  .sidebar-compact #sidebar .brand{padding:43px 18px 13px;justify-content:center;gap:0}
  .sidebar-compact #sidebar .brand .nav-logo{width:40px;height:44px;flex-shrink:0;object-fit:contain}
  .sidebar-compact .sidebar-toggle{right:26px}
  .sidebar-compact .sidebar-toggle svg{transform:rotate(180deg)}
  .sidebar-compact #sidebar .brand>span,.sidebar-compact #navigation .nav-item>span:not(.nav-badge),.sidebar-compact #sidebar .profile>span{max-width:0;opacity:0;transform:translateX(-5px)}
  .sidebar-compact #sidebar .place{display:none}
  .sidebar-compact #navigation .nav-group-label{height:1px;overflow:hidden;font-size:0;margin:7px 20px;background:var(--side-ink);opacity:.12}
  .sidebar-compact #navigation .nav-item{width:56px;min-height:37px;margin:2px 12px;justify-content:center;gap:0;padding:9px}
  .sidebar-compact #navigation .nav-active-indicator{left:12px;width:56px}
  .sidebar-compact #navigation .nav-badge{position:absolute;top:1px;right:1px;min-width:15px;height:15px;font-size:8px;margin:0;border-radius:5px}
  .sidebar-compact .sidebar-bottom{padding:9px 8px 12px}
  .sidebar-compact .theme-picker legend,.sidebar-compact .theme-hint{display:none}
  .sidebar-compact .theme-choice{font-size:0;min-height:29px;gap:0;padding:5px 1px}
  .sidebar-compact .theme-options{gap:2px}
  .sidebar-compact .theme-swatch{width:14px;height:14px}
  .sidebar-compact #sidebar .profile{padding:8px;justify-content:center;gap:0}
  .sidebar-compact #sidebar .profile-logo{width:28px;height:28px;flex-shrink:0}
}
@media(max-width:730px){.sidebar-toggle{display:none}}
@media(prefers-reduced-motion:reduce){
  #sidebar,.workspace,#navigation .nav-item,#navigation .nav-active-indicator,#navigation .nav-item>span,.sidebar .brand>span,.sidebar .profile>span,.sidebar-toggle svg{transition:none!important}
}

@media(min-width:731px){.sidebar-compact #sidebar .profile-arrow{display:none}}

#sidebar #navigation{overflow-x:hidden;scrollbar-width:thin}
@media(min-width:731px){
 .sidebar-compact #navigation .nav-item{width:calc(100% - 16px);margin-left:8px;margin-right:8px}
 .sidebar-compact #navigation .nav-active-indicator{left:8px;width:calc(100% - 16px)}
}

#navigation .nav-active-indicator{border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--green) 92%,white),var(--green));box-shadow:inset 0 1px 0 #ffffff18,0 3px 9px #00000009}
#navigation .nav-item{border-radius:999px}
#navigation .nav-item>span:not(.nav-badge),.sidebar .brand>span,.sidebar .profile>span{transition: max-width .4s ease,opacity .2s ease .08s,transform .32s ease}
.sidebar-compact #navigation .nav-item>span:not(.nav-badge),.sidebar-compact .brand>span,.sidebar-compact .profile>span{transition-delay:0s}
.sidebar-nav-tooltip{position:fixed;z-index:80;pointer-events:none;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);box-shadow:0 5px 18px #00000014;font-size:12px;white-space:nowrap;opacity:0;transform:translateX(-5px);transition:opacity .16s ease,transform .2s ease}
.sidebar-nav-tooltip.visible{opacity:1;transform:translateX(0)}
@media(prefers-reduced-motion:reduce){.sidebar-nav-tooltip{transition:none!important}}