.resource-menu-button{display:none}.resource-nav a[aria-current=page]{color:var(--text,#fff)}@media(max-width:850px){header .brand .pill{display:none}header .nav-links{gap:14px;font-size:13px}}@media(max-width:767px){header .nav{justify-content:space-between}.resource-menu-button{display:block;background:transparent;color:var(--text,#fff);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:7px 12px;font:inherit;font-size:13px;cursor:pointer}.resource-nav{display:none!important;position:absolute;top:100%;left:0;right:0;background:#111318;border-bottom:1px solid rgba(255,255,255,.12);padding:18px 24px;align-items:stretch!important;gap:8px!important;flex-direction:column;max-height:calc(100dvh - 70px);overflow:auto}.resource-nav[data-open=true]{display:flex!important}.resource-nav a.nav-preset,.resource-nav a.nav-github,.resource-nav a.nav-enterprise{display:block!important;padding:10px 0!important}.resource-nav .nav-enterprise::before{display:none!important}.resource-nav .lang-btn{align-self:flex-start;margin-top:8px}.resource-menu-button:focus-visible{outline:2px solid #aebfef;outline-offset:4px}}
/* Keep the bilingual menu name available to assistive technology. */
@media (max-width: 767px) {
  .resource-menu-button {
    position: relative;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 10px;
    -webkit-tap-highlight-color: transparent;
  }
  .resource-menu-button > span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .resource-menu-button::before,
  .resource-menu-button::after {
    content: '';
    position: absolute;
    left: 11px;
    top: 20px;
    width: 20px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
    transition: transform 160ms ease, box-shadow 160ms ease;
  }
  .resource-menu-button::before {
    box-shadow: 0 -6px 0 currentColor, 0 6px 0 currentColor;
  }
  .resource-menu-button[aria-expanded='true']::before {
    box-shadow: none;
    transform: rotate(45deg);
  }
  .resource-menu-button[aria-expanded='true']::after {
    transform: rotate(-45deg);
  }
  .resource-menu-button:hover { background: rgba(255,255,255,.06); }
  .resource-menu-button:active { background: rgba(255,255,255,.1); }
}
@media (prefers-reduced-motion: reduce) {
  .resource-menu-button::before,
  .resource-menu-button::after { transition: none; }
}
