/* Keep the drawer's width stable while the page gives back its space. */
:root{--navigation-duration:240ms;--navigation-ease:cubic-bezier(.22,.61,.36,1)}
.site-sidebar{transform:translateX(0);visibility:visible}
.nav-collapsed .site-sidebar{transform:translateX(-100%);visibility:hidden;pointer-events:none}
.nav-collapsed #main{margin-left:0}
.nav-collapsed>.footer{--sidebar:0px}
body.navigation-ready #main,body.navigation-ready>.footer{transition:margin-left var(--navigation-duration) var(--navigation-ease)}
body.navigation-ready .site-sidebar{transition:transform var(--navigation-duration) var(--navigation-ease),visibility 0s}
body.navigation-ready.nav-collapsed .site-sidebar{transition:transform var(--navigation-duration) var(--navigation-ease),visibility 0s var(--navigation-duration)}
.sidebar-toggle .ui-icon{width:21px;height:21px;stroke-width:1.7}
.sidebar-toggle-pane{fill:currentColor;stroke:none;opacity:.1;transition:opacity var(--navigation-duration) ease}
.sidebar-toggle-arrow{transform-box:fill-box;transform-origin:center;transition:transform var(--navigation-duration) var(--navigation-ease)}
.sidebar-toggle[aria-expanded="false"] .sidebar-toggle-arrow{transform:rotate(180deg)}
.sidebar-toggle[aria-expanded="false"] .sidebar-toggle-pane{opacity:0}
.sidebar-toggle:active{background:#e6e6e6}
.sidebar-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
@media(max-width:760px){
  .site-sidebar .nav{display:flex;flex-direction:column;visibility:hidden;opacity:0;transform:translateY(-10px);pointer-events:none}
  .site-sidebar .nav.open{display:flex;visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}
  body.navigation-ready .site-sidebar .nav{transition:transform var(--navigation-duration) var(--navigation-ease),opacity 180ms ease,visibility 0s var(--navigation-duration)}
  body.navigation-ready .site-sidebar .nav.open{transition:transform var(--navigation-duration) var(--navigation-ease),opacity 180ms ease,visibility 0s}
}
@media(prefers-reduced-motion:reduce){
  body.navigation-ready #main,body.navigation-ready>.footer,body.navigation-ready .site-sidebar,body.navigation-ready.nav-collapsed .site-sidebar,body.navigation-ready .site-sidebar .nav,body.navigation-ready .site-sidebar .nav.open,.sidebar-toggle-arrow,.sidebar-toggle-pane{transition:none}
}

.nav .sidebar-badge{margin-left:auto;flex:none;padding:3px 6px;border-radius:4px;background:var(--brand);color:#161616;font-size:10px;font-weight:600;line-height:1.2;letter-spacing:0}