.NavigationMobile_root__Z86PL[class]{--color-theme-light-dark-blue-a40:rgb(var(--palette-blue-40)/40%)}@media (min-width:1280px){.NavigationMobile_root__Z86PL[class]{display:none}}.NavigationMobile_paper__9VMC4[class]{transition:background-color .3s ease-in-out}.NavigationMobile_container__Z_tYC[class]{display:flex;justify-content:space-between;align-items:center;height:var(--height-mobile-header);border-bottom:var(--border-1) solid var(--color-theme-light-dark-blue-a50);transition:border-color var(--motion-duration-medium) ease-in-out}.NavigationMobile_menuContainer__fWJbh[class]{position:absolute;top:var(--height-mobile-header);left:0;right:0;z-index:1}.NavigationMobile_menuBox__U9eJj[class]{box-sizing:border-box;padding:0 0 var(--spacing-8);height:calc(100vh - var(--height-mobile-header));overflow-y:auto}

/* !!!IMPORTANT!!!
  Styles applied to [data-theme="light"] are duplicated for @container style(--is-light-theme-navigation: true)
  to ensure correct rendering of the navigation styles on the server before the client updates.
  This duplication is necessary because @container style(--is-light-theme-navigation: true)
  is an experimental feature, not supported by all browsers. */[data-theme=light] .NavigationMobile_container__Z_tYC[class]{border-color:var(--color-border-primary)}@container style(--is-light-theme-navigation: true){.NavigationMobile_paper__9VMC4:not(.NavigationMobile_open__H5Vnt) .NavigationMobile_container__Z_tYC[class]{border-color:var(--color-theme-light-grey)}}.NavigationBlock_root__jGien{position:sticky;top:0;z-index:1000}