.mobile-menu-toggle{display:none}
/* Match Docs: the selected row, including its text, travels as one snapshot. */
.sidebar #mainNavigation .nav-item{border:1px solid transparent}
.sidebar #mainNavigation .nav-item.active{border-color:#332547}
@media(min-width:741px){.sidebar #mainNavigation .nav-item.active{view-transition-name:main-menu-item}}
::view-transition-group(main-menu-item){animation-duration:.48s;animation-timing-function:cubic-bezier(.22,.75,.2,1);z-index:3}
::view-transition-old(main-menu-item),::view-transition-new(main-menu-item){animation-duration:.32s;mix-blend-mode:normal}
@media(max-width:740px){
  .sidebar{position:relative;inset:auto;width:100%;height:auto;min-height:var(--mobile-nav-height,64px);padding:9px var(--mobile-gutter,16px);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;border-right:0;border-bottom:1px solid #30263d;z-index:10}
  .topbar{height:var(--mobile-topbar-height,48px);padding:6px var(--mobile-gutter,16px);gap:8px}
  .topbar .wallet-button{min-height:var(--utility-height,34px);padding-block:6px}
  .sidebar .brand{font-size:28px;padding:0;margin:0;gap:8px;align-self:center}
  .sidebar .brand img{width:32px;height:36px}
  .sidebar .brand>span{display:block}
  .sidebar .nav-caption,.sidebar .sidebar-bottom{display:none}
  .app-shell{margin-left:0}
  .mobile-menu-toggle{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;padding:7px;border:1px solid #44344f;border-radius:10px;background:#18111f;color:#dcc5f5}
  .mobile-menu-toggle:hover,.mobile-menu-toggle[aria-expanded="true"]{background:#2a1c38;border-color:#795595}
  .mobile-menu-icon{display:block;position:relative;width:18px;height:14px;transition:transform .25s ease}
  .mobile-menu-icon>span{position:absolute;left:0;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .25s ease,opacity .18s ease}
  .mobile-menu-icon>span:nth-child(1){top:0}
  .mobile-menu-icon>span:nth-child(2){top:6px}
  .mobile-menu-icon>span:nth-child(3){top:12px}
  .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-icon{transform:rotate(90deg)}
  .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-icon>span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-icon>span:nth-child(2){opacity:0}
  .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-icon>span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .sidebar #mainNavigation{position:absolute;top:100%;left:0;right:0;margin:0;padding:8px var(--mobile-gutter,16px);display:flex;flex-direction:column;flex-wrap:nowrap;gap:2px;background:#100c17;border-bottom:1px solid #44344f;border-radius:0 0 16px 16px;box-shadow:0 18px 30px #0005;max-height:calc(100dvh - var(--mobile-nav-height,64px));overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s}
  .sidebar.mobile-menu-closing #mainNavigation{visibility:visible;pointer-events:none}
  .sidebar #mainNavigation .nav-item.active{view-transition-name:none}
  .sidebar.mobile-menu-open #mainNavigation{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
  .sidebar #mainNavigation .nav-item{display:flex;flex:none;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:auto;min-height:38px;padding:8px 10px;margin:0;gap:8px;font-size:14px}
  .sidebar #mainNavigation .nav-item>span{display:block;font-size:14px;line-height:1.4;white-space:normal}
  .sidebar #mainNavigation .nav-item svg{width:18px;height:18px}
  .sidebar #mainNavigation .nav-item>small{display:block;margin-left:auto}
}
@media(prefers-reduced-motion:reduce){.mobile-menu-icon,.mobile-menu-icon>span,.sidebar #mainNavigation{transition:none}}
.skip-content{position:fixed;left:16px;top:12px;z-index:10000;padding:12px 18px;border:1px solid #b898ec;border-radius:10px;background:#1c1429;color:#fff;transform:translateY(-200%)}
.skip-content:focus{transform:translateY(0);outline:2px solid #e2ceff;outline-offset:3px}
.page-view :is(h1,h2,h3)[tabindex="-1"]{scroll-margin-top:110px}