@media(min-width:761px){
  :root{--sidebar-wide:248px}
  .sidebar{width:var(--sidebar-wide);transition:width .18s ease,box-shadow .18s ease}
  .workspace{margin-left:var(--sidebar-wide);transition:margin-left .18s ease}
  .sidebar nav{flex:1;min-height:0}
  .sidebar .brand{white-space:nowrap}
  .sidebar-toggle{display:flex;flex:0 0 36px;align-self:flex-end;min-height:36px;width:36px;margin-top:12px;padding:0;border:0;background:#f5f7fc;color:#5a6882;justify-content:center;align-items:center}
  .nav-collapsed .sidebar:not(.nav-peek) .sidebar-toggle{align-self:center}
  .sidebar-toggle-icon{display:inline-grid;width:22px;place-items:center;font-size:20px;line-height:1;transition:transform .18s ease}
  .nav-collapsed .sidebar{width:72px;padding-left:12px;padding-right:12px}
  .nav-collapsed .workspace{margin-left:72px}
  .nav-collapsed .sidebar.nav-peek{width:var(--sidebar-wide);box-shadow:8px 0 24px #1d335126}
  .nav-collapsed .sidebar:not(.nav-peek) .brand{padding-left:0;text-align:center}
  .nav-collapsed .sidebar:not(.nav-peek) .brand span,
  .nav-collapsed .sidebar:not(.nav-peek) .brand small{display:none}
  .nav-collapsed .sidebar:not(.nav-peek) nav a,
  .nav-collapsed .sidebar:not(.nav-peek) nav summary{justify-content:center;gap:0;padding-left:0;padding-right:0}
  .nav-collapsed .sidebar:not(.nav-peek) .nav-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .nav-collapsed .sidebar:not(.nav-peek) .marketing-nav>summary::after,
  .nav-collapsed .sidebar:not(.nav-peek) .marketing-nav>div{display:none}
  .nav-collapsed .sidebar-toggle-icon{transform:rotate(180deg)}
  .sidebar .nav-icon{flex:0 0 22px}
}
@media(max-width:1050px) and (min-width:761px){:root{--sidebar-wide:220px}}
@media(max-width:760px){.sidebar-toggle{display:none}}
.sidebar .nav-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px}.sidebar .nav-icon svg{display:block}.sidebar .sidebar-brand-icon{color:#0068ff}.sidebar-toggle-icon svg{display:block;width:18px;height:18px}
.sidebar .marketing-nav>summary{gap:10px}.sidebar .marketing-nav>summary .nav-text{white-space:nowrap}