/* Shared static header. Loaded in , before the first paint. */ html body header.nexus-site-header { position: sticky; top: 0; z-index: 50; padding: 16px 32px !important; background: #000 !important; background-image: none !important; border-bottom: 1px solid rgba(255,255,255,.1); backdrop-filter: none; -webkit-backdrop-filter: none; color: #f1f5f9; } header.nexus-site-header > .container { width: 100%; max-width: 1280px; min-height: 40px; margin-inline: auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; } header.nexus-site-header > .container > div:first-child { display: flex; align-items: center; gap: 24px; min-width: 0; } header.nexus-site-header > .container > div:first-child > a:first-child { font-size: 24px; line-height: 32px; font-weight: 700; letter-spacing: -.05em; white-space: nowrap; color: #f1f5f9; } header.nexus-site-header nav.hidden.md\:flex { display: flex !important; align-items: center; gap: 24px; white-space: nowrap; font-size: 14px; line-height: 20px; } header.nexus-site-header #indicators-dropdown-container, header.nexus-site-header #utilities-dropdown-container { display: block !important; } header.nexus-site-header #catalog-nav-link { display: flex !important; } header.nexus-site-header div.md\:hidden { display: none !important; } header.nexus-site-header .nexus-mobile-language { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; color: #bae6fd; border: 1px solid rgba(148,163,184,.28); border-radius: .5rem; background: rgba(56,189,248,.08); font-size: 12px; font-weight: 800; } header.nexus-site-header #mobile-menu-button { width: 40px; height: 40px; padding: 8px; } header.nexus-site-header a:focus-visible, header.nexus-site-header button:focus-visible { outline: 2px solid #7dd3fc; outline-offset: 4px; } @media (max-width: 1359.98px) { header.nexus-site-header nav.hidden.md\:flex, header.nexus-site-header #indicators-dropdown-container, header.nexus-site-header #utilities-dropdown-container, header.nexus-site-header #catalog-nav-link { display: none !important; } header.nexus-site-header div.md\:hidden { display: flex !important; align-items: center; gap: 8px; } } @media (max-width: 639.98px) { html body header.nexus-site-header { padding: 12px 16px !important; } header.nexus-site-header > .container { gap: 12px; } header.nexus-site-header > .container > div:first-child > a:first-child { font-size: 21px; } }