@primer/react-brand 0.78.0-rc.bcc08c15 → 0.78.0-rc.c01d8371

package/esm/SubNav/useWideMenu.js

@@ -0,0 +1,109 @@
+import e from "../hooks/useIsomorphicLayoutEffect.js";
+import t from "./SubNav.module.js";
+import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
+import { getAnchoredPosition as o } from "@primer/behaviors";
+import { apply as s, isPolyfilled as c, isSupported as l } from "@oddbird/popover-polyfill/fn";
+//#region src/SubNav/useWideMenu.ts
+function u(u, d, f) {
+	let p = i(null), m = i(null), h = i(null), g = i(null), [_, v] = a(f), [y, b] = a(!1), x = !!d && _ < f, S = n(() => {
+		let e = g.current;
+		e?.matches(":popover-open") && e.hidePopover();
+	}, []), C = n(() => {
+		let e = g.current, t = m.current;
+		if (!e || !t || !e.matches(":popover-open")) return;
+		let n = !c(), { top: r, left: i } = o(e, t, {
+			align: "end",
+			side: "outside-bottom",
+			displayInViewport: n
+		});
+		if (n) {
+			let e = document.body.getBoundingClientRect(), t = getComputedStyle(document.body);
+			r += e.top + window.scrollY + (Number.parseInt(t.borderTopWidth, 10) || 0), i += e.left + window.scrollX + (Number.parseInt(t.borderLeftWidth, 10) || 0);
+		}
+		e.style.top = `${r}px`, e.style.left = `${i}px`;
+	}, []);
+	return e(() => {
+		l() || s();
+		let e = g.current;
+		if (!e) return;
+		h.current?.setAttribute("popovertarget", e.id);
+		let t = (e) => {
+			let t = e.newState === "open";
+			t && C(), b(t);
+		};
+		return e.addEventListener("toggle", t), () => {
+			e.removeEventListener("toggle", t), e.matches(":popover-open") && e.hidePopover();
+		};
+	}, [f, C]), r(() => {
+		x || (S(), b(!1));
+	}, [
+		S,
+		x,
+		_
+	]), r(() => {
+		if (y) return document.addEventListener("scroll", C, !0), window.addEventListener("resize", C), () => {
+			document.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C);
+		};
+	}, [y, C]), e(C, [
+		u,
+		_,
+		C
+	]), e(() => {
+		let e = p.current;
+		if (!d || !e) {
+			v(f);
+			return;
+		}
+		let n = Array.from(e.children).filter((e) => e instanceof HTMLElement), r = n.find((e) => e.classList.contains(t["SubNav__action-container"])), i = n.filter((e) => e !== r && e !== m.current), a = () => {
+			if (e.clientWidth === 0) {
+				v(f);
+				return;
+			}
+			let t = getComputedStyle(e), n = (Number.parseFloat(t.paddingInlineStart) || 0) + (Number.parseFloat(t.paddingInlineEnd) || 0), a = Number.parseFloat(t.columnGap) || 0, o = e.clientWidth - n, s = i.map((e) => e.getBoundingClientRect().width), c = r ? r.getBoundingClientRect().width + a : 0;
+			if (s.reduce((e, t) => e + t, 0) + a * Math.max(0, i.length - 1) + c <= o) {
+				v(i.length);
+				return;
+			}
+			let l = m.current?.getBoundingClientRect().width ?? 0, u = Math.max(0, o - c - l), d = 0, p = 0;
+			for (let e of s) {
+				if (d + e + a > u) break;
+				d += e + a, p++;
+			}
+			v(p), C();
+		};
+		a();
+		let o, s = !1, c = () => {
+			o !== void 0 && cancelAnimationFrame(o), o = requestAnimationFrame(a);
+		}, l = typeof ResizeObserver < "u" ? new ResizeObserver(c) : void 0;
+		l?.observe(e);
+		for (let e of n) l?.observe(e);
+		l || window.addEventListener("resize", c);
+		let u = document.fonts;
+		return u && (async () => {
+			await u.ready, s || c();
+		})(), () => {
+			s = !0, o !== void 0 && cancelAnimationFrame(o), l?.disconnect(), window.removeEventListener("resize", c);
+		};
+	}, [
+		u,
+		d,
+		f,
+		C
+	]), {
+		overlayRef: p,
+		overflowRef: m,
+		overflowButtonRef: h,
+		overflowMenuRef: g,
+		visibleLinkCount: _,
+		hasOverflow: x,
+		isOverflowMenuOpen: y,
+		closeOverflowMenu: S,
+		handleOverflowMenuBlur: (e) => {
+			e.currentTarget.contains(e.relatedTarget) || S();
+		}
+	};
+}
+//#endregion
+export { u as useWideMenu };
+
+//# sourceMappingURL=useWideMenu.js.map

package/esm/SubNav/useWideMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWideMenu.js","names":[],"sources":["../../src/SubNav/useWideMenu.ts"],"sourcesContent":["import {useCallback, useEffect, useRef, useState, type FocusEvent, type ReactNode} from 'react'\nimport {getAnchoredPosition} from '@primer/behaviors'\nimport {isSupported, isPolyfilled, apply} from '@oddbird/popover-polyfill/fn'\nimport useIsomorphicLayoutEffect from '../hooks/useIsomorphicLayoutEffect'\nimport styles from './SubNav.module.css'\n\n// At wide viewports we move links that don't fit into the wide menu's overflow dropdown.\nexport function useWideMenu(children: ReactNode, isLarge: boolean | undefined, linkCount: number) {\n  const overlayRef = useRef<HTMLUListElement>(null)\n  const overflowRef = useRef<HTMLLIElement>(null)\n  const overflowButtonRef = useRef<HTMLButtonElement>(null)\n  const overflowMenuRef = useRef<HTMLDivElement>(null)\n  const [visibleLinkCount, setVisibleLinkCount] = useState(linkCount)\n  const [isOverflowMenuOpen, setIsOverflowMenuOpen] = useState(false)\n  const hasOverflow = Boolean(isLarge) && visibleLinkCount < linkCount\n\n  const closeOverflowMenu = useCallback(() => {\n    const menu = overflowMenuRef.current\n    if (menu?.matches(':popover-open')) menu.hidePopover()\n  }, [])\n\n  // Keeps the popover lined up with the row, including after a resize.\n  const positionOverflowMenu = useCallback(() => {\n    const menu = overflowMenuRef.current\n    const anchor = overflowRef.current\n    if (!menu || !anchor || !menu.matches(':popover-open')) return\n\n    const nativePopover = !isPolyfilled()\n    let {top, left} = getAnchoredPosition(menu, anchor, {\n      align: 'end',\n      side: 'outside-bottom',\n      displayInViewport: nativePopover,\n    })\n    if (nativePopover) {\n      // Native popovers use page coordinates, not the body's margins.\n      const bodyRect = document.body.getBoundingClientRect()\n      const bodyStyles = getComputedStyle(document.body)\n      top += bodyRect.top + window.scrollY + (Number.parseInt(bodyStyles.borderTopWidth, 10) || 0)\n      left += bodyRect.left + window.scrollX + (Number.parseInt(bodyStyles.borderLeftWidth, 10) || 0)\n    }\n    menu.style.top = `${top}px`\n    menu.style.left = `${left}px`\n  }, [])\n\n  // Lets the browser close the popover and keeps the arrow in sync.\n  useIsomorphicLayoutEffect(() => {\n    if (!isSupported()) apply()\n    const menu = overflowMenuRef.current\n    if (!menu) return\n    // Hooks up the trigger without React-version-specific popover props.\n    overflowButtonRef.current?.setAttribute('popovertarget', menu.id)\n\n    const handleToggle = (event: Event) => {\n      const isOpen = (event as ToggleEvent).newState === 'open'\n      if (isOpen) positionOverflowMenu()\n      setIsOverflowMenuOpen(isOpen)\n    }\n\n    menu.addEventListener('toggle', handleToggle)\n    return () => {\n      menu.removeEventListener('toggle', handleToggle)\n      if (menu.matches(':popover-open')) menu.hidePopover()\n    }\n  }, [linkCount, positionOverflowMenu])\n\n  // Closes the dropdown when keyboard focus leaves the trigger and links.\n  const handleOverflowMenuBlur = (event: FocusEvent<HTMLLIElement>) => {\n    if (!event.currentTarget.contains(event.relatedTarget as Node | null)) closeOverflowMenu()\n  }\n\n  // Closes the dropdown when the row no longer needs it.\n  useEffect(() => {\n    if (!hasOverflow) {\n      closeOverflowMenu()\n      setIsOverflowMenuOpen(false)\n    }\n  }, [closeOverflowMenu, hasOverflow, visibleLinkCount])\n\n  // Keeps the top-layer popup attached when its parent scrolls or the viewport changes.\n  useEffect(() => {\n    if (!isOverflowMenuOpen) return\n    // eslint-disable-next-line github/prefer-observers\n    document.addEventListener('scroll', positionOverflowMenu, true)\n    // eslint-disable-next-line github/prefer-observers -- Viewport resizing can move the anchor without resizing the row.\n    window.addEventListener('resize', positionOverflowMenu)\n    return () => {\n      document.removeEventListener('scroll', positionOverflowMenu, true)\n      window.removeEventListener('resize', positionOverflowMenu)\n    }\n  }, [isOverflowMenuOpen, positionOverflowMenu])\n\n  // Updates the position when the visible links or their labels change.\n  useIsomorphicLayoutEffect(positionOverflowMenu, [children, visibleLinkCount, positionOverflowMenu])\n\n  // Works out how many links fit before the browser paints.\n  useIsomorphicLayoutEffect(() => {\n    const navigation = overlayRef.current\n\n    if (!isLarge || !navigation) {\n      setVisibleLinkCount(linkCount)\n      return\n    }\n\n    const items = Array.from(navigation.children).filter((item): item is HTMLElement => item instanceof HTMLElement)\n\n    const action = items.find(item => item.classList.contains(styles['SubNav__action-container']))\n\n    const links = items.filter(item => item !== action && item !== overflowRef.current)\n\n    // Reserves room for the action and overflow trigger when links don't fit.\n    const updateOverflow = () => {\n      if (navigation.clientWidth === 0) {\n        setVisibleLinkCount(linkCount)\n        return\n      }\n      const navigationStyles = getComputedStyle(navigation)\n      const inlinePadding =\n        (Number.parseFloat(navigationStyles.paddingInlineStart) || 0) +\n        (Number.parseFloat(navigationStyles.paddingInlineEnd) || 0)\n      const gap = Number.parseFloat(navigationStyles.columnGap) || 0\n      const availableWidth = navigation.clientWidth - inlinePadding\n      const linkWidths = links.map(link => link.getBoundingClientRect().width)\n      const actionWidth = action ? action.getBoundingClientRect().width + gap : 0\n      const requiredWidth = linkWidths.reduce((total, width) => total + width, 0) + gap * Math.max(0, links.length - 1)\n\n      if (requiredWidth + actionWidth <= availableWidth) {\n        setVisibleLinkCount(links.length)\n        return\n      }\n\n      const overflowWidth = overflowRef.current?.getBoundingClientRect().width ?? 0\n      const availableLinkWidth = Math.max(0, availableWidth - actionWidth - overflowWidth)\n      let usedWidth = 0\n      let nextVisibleLinkCount = 0\n      for (const width of linkWidths) {\n        if (usedWidth + width + gap > availableLinkWidth) break\n        usedWidth += width + gap\n        nextVisibleLinkCount++\n      }\n      setVisibleLinkCount(nextVisibleLinkCount)\n      positionOverflowMenu()\n    }\n\n    updateOverflow()\n\n    let animationFrameId: number | undefined\n    let cancelled = false\n    // Batches size changes into one update per frame.\n    const scheduleUpdate = () => {\n      if (animationFrameId !== undefined) cancelAnimationFrame(animationFrameId)\n      animationFrameId = requestAnimationFrame(updateOverflow)\n    }\n\n    const resizeObserver = typeof ResizeObserver !== 'undefined' ? new ResizeObserver(scheduleUpdate) : undefined\n    resizeObserver?.observe(navigation)\n    for (const item of items) resizeObserver?.observe(item)\n\n    if (!resizeObserver) {\n      // eslint-disable-next-line github/prefer-observers -- Fallback for browsers without ResizeObserver.\n      window.addEventListener('resize', scheduleUpdate)\n    }\n\n    const fonts = (document as unknown as {fonts?: FontFaceSet}).fonts\n    if (fonts) {\n      // Checks the widths again once the fonts are ready.\n      void (async () => {\n        await fonts.ready\n        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- Cleanup can run before fonts finish loading.\n        if (!cancelled) scheduleUpdate()\n      })()\n    }\n\n    // Stops watching sizes and cancels any queued update.\n    return () => {\n      cancelled = true\n      if (animationFrameId !== undefined) cancelAnimationFrame(animationFrameId)\n      resizeObserver?.disconnect()\n      window.removeEventListener('resize', scheduleUpdate)\n    }\n  }, [children, isLarge, linkCount, positionOverflowMenu])\n\n  return {\n    overlayRef,\n    overflowRef,\n    overflowButtonRef,\n    overflowMenuRef,\n    visibleLinkCount,\n    hasOverflow,\n    isOverflowMenuOpen,\n    closeOverflowMenu,\n    handleOverflowMenuBlur,\n  }\n}\n"],"mappings":";;;;;;AAOA,SAAgB,EAAY,GAAqB,GAA8B,GAAmB;CAChG,IAAM,IAAa,EAAyB,IAAI,GAC1C,IAAc,EAAsB,IAAI,GACxC,IAAoB,EAA0B,IAAI,GAClD,IAAkB,EAAuB,IAAI,GAC7C,CAAC,GAAkB,KAAuB,EAAS,CAAS,GAC5D,CAAC,GAAoB,KAAyB,EAAS,EAAK,GAC5D,IAAc,EAAQ,KAAY,IAAmB,GAErD,IAAoB,QAAkB;EAC1C,IAAM,IAAO,EAAgB;EAC7B,AAAI,GAAM,QAAQ,eAAe,KAAG,EAAK,YAAY;CACvD,GAAG,CAAC,CAAC,GAGC,IAAuB,QAAkB;EAC7C,IAAM,IAAO,EAAgB,SACvB,IAAS,EAAY;EAC3B,IAAI,CAAC,KAAQ,CAAC,KAAU,CAAC,EAAK,QAAQ,eAAe,GAAG;EAExD,IAAM,IAAgB,CAAC,EAAa,GAChC,EAAC,QAAK,YAAQ,EAAoB,GAAM,GAAQ;GAClD,OAAO;GACP,MAAM;GACN,mBAAmB;EACrB,CAAC;EACD,IAAI,GAAe;GAEjB,IAAM,IAAW,SAAS,KAAK,sBAAsB,GAC/C,IAAa,iBAAiB,SAAS,IAAI;GAEjD,AADA,KAAO,EAAS,MAAM,OAAO,WAAW,OAAO,SAAS,EAAW,gBAAgB,EAAE,KAAK,IAC1F,KAAQ,EAAS,OAAO,OAAO,WAAW,OAAO,SAAS,EAAW,iBAAiB,EAAE,KAAK;EAC/F;EAEA,AADA,EAAK,MAAM,MAAM,GAAG,EAAI,KACxB,EAAK,MAAM,OAAO,GAAG,EAAK;CAC5B,GAAG,CAAC,CAAC;CA2IL,OAxIA,QAAgC;EAC9B,AAAK,EAAY,KAAG,EAAM;EAC1B,IAAM,IAAO,EAAgB;EAC7B,IAAI,CAAC,GAAM;EAEX,EAAkB,SAAS,aAAa,iBAAiB,EAAK,EAAE;EAEhE,IAAM,KAAgB,MAAiB;GACrC,IAAM,IAAU,EAAsB,aAAa;GAEnD,AADI,KAAQ,EAAqB,GACjC,EAAsB,CAAM;EAC9B;EAGA,OADA,EAAK,iBAAiB,UAAU,CAAY,SAC/B;GAEX,AADA,EAAK,oBAAoB,UAAU,CAAY,GAC3C,EAAK,QAAQ,eAAe,KAAG,EAAK,YAAY;EACtD;CACF,GAAG,CAAC,GAAW,CAAoB,CAAC,GAQpC,QAAgB;EACd,AAAK,MACH,EAAkB,GAClB,EAAsB,EAAK;CAE/B,GAAG;EAAC;EAAmB;EAAa;CAAgB,CAAC,GAGrD,QAAgB;EACT,OAKL,OAHA,SAAS,iBAAiB,UAAU,GAAsB,EAAI,GAE9D,OAAO,iBAAiB,UAAU,CAAoB,SACzC;GAEX,AADA,SAAS,oBAAoB,UAAU,GAAsB,EAAI,GACjE,OAAO,oBAAoB,UAAU,CAAoB;EAC3D;CACF,GAAG,CAAC,GAAoB,CAAoB,CAAC,GAG7C,EAA0B,GAAsB;EAAC;EAAU;EAAkB;CAAoB,CAAC,GAGlG,QAAgC;EAC9B,IAAM,IAAa,EAAW;EAE9B,IAAI,CAAC,KAAW,CAAC,GAAY;GAC3B,EAAoB,CAAS;GAC7B;EACF;EAEA,IAAM,IAAQ,MAAM,KAAK,EAAW,QAAQ,CAAC,CAAC,QAAQ,MAA8B,aAAgB,WAAW,GAEzG,IAAS,EAAM,MAAK,MAAQ,EAAK,UAAU,SAAS,EAAO,2BAA2B,CAAC,GAEvF,IAAQ,EAAM,QAAO,MAAQ,MAAS,KAAU,MAAS,EAAY,OAAO,GAG5E,UAAuB;GAC3B,IAAI,EAAW,gBAAgB,GAAG;IAChC,EAAoB,CAAS;IAC7B;GACF;GACA,IAAM,IAAmB,iBAAiB,CAAU,GAC9C,KACH,OAAO,WAAW,EAAiB,kBAAkB,KAAK,MAC1D,OAAO,WAAW,EAAiB,gBAAgB,KAAK,IACrD,IAAM,OAAO,WAAW,EAAiB,SAAS,KAAK,GACvD,IAAiB,EAAW,cAAc,GAC1C,IAAa,EAAM,KAAI,MAAQ,EAAK,sBAAsB,CAAC,CAAC,KAAK,GACjE,IAAc,IAAS,EAAO,sBAAsB,CAAC,CAAC,QAAQ,IAAM;GAG1E,IAFsB,EAAW,QAAQ,GAAO,MAAU,IAAQ,GAAO,CAAC,IAAI,IAAM,KAAK,IAAI,GAAG,EAAM,SAAS,CAAC,IAE5F,KAAe,GAAgB;IACjD,EAAoB,EAAM,MAAM;IAChC;GACF;GAEA,IAAM,IAAgB,EAAY,SAAS,sBAAsB,CAAC,CAAC,SAAS,GACtE,IAAqB,KAAK,IAAI,GAAG,IAAiB,IAAc,CAAa,GAC/E,IAAY,GACZ,IAAuB;GAC3B,KAAK,IAAM,KAAS,GAAY;IAC9B,IAAI,IAAY,IAAQ,IAAM,GAAoB;IAElD,AADA,KAAa,IAAQ,GACrB;GACF;GAEA,AADA,EAAoB,CAAoB,GACxC,EAAqB;EACvB;EAEA,EAAe;EAEf,IAAI,GACA,IAAY,IAEV,UAAuB;GAE3B,AADI,MAAqB,KAAA,KAAW,qBAAqB,CAAgB,GACzE,IAAmB,sBAAsB,CAAc;EACzD,GAEM,IAAiB,OAAO,iBAAmB,MAAc,IAAI,eAAe,CAAc,IAAI,KAAA;EACpG,GAAgB,QAAQ,CAAU;EAClC,KAAK,IAAM,KAAQ,GAAO,GAAgB,QAAQ,CAAI;EAEtD,AAAK,KAEH,OAAO,iBAAiB,UAAU,CAAc;EAGlD,IAAM,IAAS,SAA8C;EAW7D,OAVI,MAEI,YAAY;GAGhB,AAFA,MAAM,EAAM,OAEP,KAAW,EAAe;EACjC,EAAA,CAAG,SAIQ;GAIX,AAHA,IAAY,IACR,MAAqB,KAAA,KAAW,qBAAqB,CAAgB,GACzE,GAAgB,WAAW,GAC3B,OAAO,oBAAoB,UAAU,CAAc;EACrD;CACF,GAAG;EAAC;EAAU;EAAS;EAAW;CAAoB,CAAC,GAEhD;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,yBA5H8B,MAAqC;GACnE,AAAK,EAAM,cAAc,SAAS,EAAM,aAA4B,KAAG,EAAkB;EAC3F;CA2HA;AACF"}

package/esm/SubdomainNavBar/SubdomainNavBar.module-BLR1YjX-.css

@@ -0,0 +1 @@
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ{z-index:90;background:var(--brand-color-canvas-default);height:var(--SubdomainNavBar-height);font-weight:550;position:relative}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ:after{content:"";z-index:3;height:var(--brand-borderWidth-thin);background-color:var(--brand-SubdomainNavBar-border-nav-default);pointer-events:none;position:absolute;inset-block-start:100%;inset-inline:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-outer-container___IgUR_{--SubdomainNavBar-height:var(--base-size-64);z-index:90}@media screen and (width<=47.99rem){.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-outer-container___IgUR_{--SubdomainNavBar-height:calc(var(--base-size-64) - var(--base-size-8))}}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-outer-container___IgUR_:not(.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-outer-container--fixed___MRCMj){position:relative}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-outer-container--fixed___MRCMj{position:fixed;top:0;left:0;right:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container___AG_fq{padding:4px 28px;display:flex}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container--centered___XNZiG{max-width:1280px;margin:0 auto}@media screen and (width>=48rem){.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container___AG_fq{padding:4px 32px}}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container--search-open___FzHaX{animation:.15s Primer_Brand__SubdomainNavBar-module__fade-out___N4ZdP}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-area___nL2Uc{align-items:center;gap:var(--base-size-8);max-width:340px;color:var(--brand-color-text-default);padding:0;padding:var(--base-size-16) 0;margin:0;list-style-type:none;display:inline-flex}@media screen and (width>=63.25rem){.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-area___nL2Uc{gap:var(--base-size-16)}}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-logo-mark____d4o_,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title___t_fVh{color:var(--brand-color-text-default);align-items:center;display:inline-flex}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-logo-mark____d4o_{position:relative}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-back-arrow___XrY4k{color:var(--brand-color-text-muted);opacity:0;transform:translate(var(--base-size-4), -50%);transition:opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast) ease;display:flex;position:absolute;inset-block-start:50%;inset-inline-start:calc(-1 * var(--base-size-24) + var(--base-size-4))}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-logo-mark____d4o_:hover .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-back-arrow___XrY4k{opacity:1;transform:translateY(-50%)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-logo-mark____d4o_ svg{width:32px;height:32px}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title___t_fVh{line-height:var(--base-size-32);white-space:nowrap;padding-inline-end:var(--base-size-16);-webkit-text-decoration:none;text-decoration:none}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title___t_fVh:hover{-webkit-text-decoration:none;text-decoration:none}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--variant-featured___i0qlV .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-prefix___z49Rr{color:var(--brand-color-text-default)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-label___K4J56{color:inherit}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--variant-default___e_KOH.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--has-title___VfMea .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-area___nL2Uc>li:first-child{align-self:stretch;align-items:center;display:flex}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--variant-default___e_KOH.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--has-title___VfMea .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-area___nL2Uc>li:first-child:after{content:"";box-sizing:border-box;width:var(--brand-borderWidth-thin);height:var(--SubdomainNavBar-height);margin-inline:var(--base-size-16);background-color:var(--brand-color-border-muted);flex:none;align-self:center}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-leading-component___fdV5N,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-trailing-component____TQVj{align-items:center;min-width:0;display:inline-flex}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-leading-component___fdV5N{margin-inline-end:var(--base-size-16)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-trailing-component____TQVj{margin-inline-start:var(--base-size-16)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav___jGodL{flex:1 1 0;align-items:center;min-width:0;margin:0;padding:0;list-style-type:none;display:inline-flex}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___G_T3a{list-style-type:none}@media screen and (width<=767px){.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___G_T3a,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list--invisible___x6OZ_{display:none}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list--visible___WzNtG{margin:0;padding:0;display:block}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-leading-component___fdV5N,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-trailing-component____TQVj{box-sizing:border-box;width:100%;padding-block:var(--base-size-16);padding-inline:var(--base-size-16);flex:none}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-leading-component___fdV5N{margin-inline-end:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-trailing-component____TQVj{margin-inline-start:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC{top:var(--SubdomainNavBar-height);z-index:2;background-color:var(--brand-color-canvas-default);width:100%;max-height:calc(100vh - var(--SubdomainNavBar-height) - 0px);max-height:calc(100vh - var(--SubdomainNavBar-height) - var(--SubdomainNavBar-menu-offset-block-start,0px));border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);animation:.5s Primer_Brand__SubdomainNavBar-module__fade-in-down___OOzma;animation-timing-function:var(--brand-animation-easing-default);flex-direction:column;justify-content:flex-start;display:flex;position:absolute;left:0;right:0;overflow-y:auto}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper--close___1RqhN{display:none}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper-footer___hkgdu{flex-direction:column;flex:none;width:100%;display:flex}}@media screen and (width>=48rem){.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-overflow___a5MgQ{min-width:0;margin:0 var(--base-size-24) 0 0;flex:1 1 0;align-items:center;display:flex}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___G_T3a{min-width:0;block-size:var(--base-size-48);max-block-size:var(--base-size-48);flex-wrap:nowrap;flex:auto;align-items:center;margin:0;padding:0;display:flex;overflow:hidden}}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___v4aye{white-space:nowrap;flex:none}@media screen and (width<=767px){.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___v4aye{animation-name:Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___thp2V;animation-duration:.5s;animation-delay:calc(var(--animation-order) * 80ms);animation-fill-mode:both;animation-timing-function:var(--brand-animation-easing-default)}}@media screen and (width>=48rem){.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item--overflowed___bnjKR{visibility:hidden;pointer-events:none}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item--overflow___mbCpF{visibility:hidden;pointer-events:none;flex:none;align-items:center;display:flex;position:absolute;inset-inline-end:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-overflow--has-overflow___jlL5Q .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item--overflow___mbCpF{visibility:visible;pointer-events:auto;position:relative}}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF{align-items:center;gap:var(--base-size-8);color:var(--brand-color-text-default);font-family:var(--brand-heading-fontFamily);font-weight:var(--base-text-weight-normal);flex-direction:row;-webkit-text-decoration:none;text-decoration:none;display:flex;position:relative}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF:hover{-webkit-text-decoration:none;text-decoration:none}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link-text___FIOYx{position:relative}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link-content___7j9YO{align-items:center;gap:var(--base-size-8);display:inline-flex}@media screen and (width<=767px){.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link--title___o6Xts{font-weight:var(--base-text-weight-medium)}}@media screen and (width>=48rem){.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF{width:100%;min-height:var(--base-size-40);padding:var(--base-size-8) var(--base-size-12);color:var(--brand-color-text-muted);background-color:var(--brand-color-canvas-default);border-radius:var(--brand-borderRadius-medium);font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-200);transition:background-color var(--brand-animation-easing-default) .25s}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF:hover,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF:focus,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF:focus-visible{color:var(--brand-color-text-default);background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF:focus,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF:focus-visible{box-shadow:inset 0 0 0 var(--brand-borderWidth-thick) var(--brand-color-focus);outline:none}}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___2UoCu{display:none}@media screen and (width>=48rem){.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___2UoCu{cursor:pointer;appearance:none;align-items:center;gap:var(--base-size-4);background-color:#0000;border:none;display:inline-flex}}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu___1Fpy3{z-index:100;background-color:var(--brand-color-canvas-default);border:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);animation:Primer_Brand__SubdomainNavBar-module__fade-in-down-overflow___lLD6Z var(--brand-animation-duration-faster);animation-timing-function:var(--brand-animation-easing-default);min-width:calc(var(--base-size-128) + var(--base-size-32));transform:translateY(calc(0px - var(--base-size-4)));border-start-start-radius:0;border-start-end-radius:0;border-end-end-radius:var(--brand-borderRadius-medium);border-end-start-radius:var(--brand-borderRadius-medium);position:absolute;right:auto;overflow:hidden}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-list____yMUW{grid-gap:var(--brand-borderWidth-thin);gap:var(--brand-borderWidth-thin);padding:var(--base-size-8);width:100%;margin:0;list-style-type:none;display:grid}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-secondary-nav___cg18b{flex:0 auto;align-items:center;min-width:0;margin-left:auto;display:flex}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger___luJC1{box-sizing:border-box;align-items:center;min-width:0;display:flex}@media screen and (width>=63.25rem){.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger___luJC1{--SubdomainNavBar-search-input-width:calc(var(--base-size-128) * 2 + var(--base-size-24));flex:0 9999 var(--SubdomainNavBar-search-input-width);width:var(--SubdomainNavBar-search-input-width);max-width:100%;min-width:calc(var(--base-size-128) + var(--base-size-32))}}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___rah9_{cursor:pointer;appearance:none;border:var(--brand-borderWidth-thick) solid transparent;color:var(--brand-color-text-default);width:calc(48px - var(--brand-borderWidth-thick));height:calc(48px - var(--brand-borderWidth-thick));transition:border .25s var(--brand-animation-easing-default), box-shadow .25s ease;border-radius:var(--brand-borderRadius-medium);background-color:#0000;justify-content:center;align-items:center;gap:0;display:flex;position:relative;box-shadow:0 0 0 2px #0000}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___rah9_ svg{width:24px;height:24px}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-input-button___fLNL1{cursor:pointer;appearance:none;justify-content:space-between;align-items:center;gap:var(--base-size-16);width:100%;block-size:var(--base-size-32);min-block-size:var(--base-size-32);padding:var(--base-size-4) var(--base-size-4) var(--base-size-4) calc(var(--base-size-8) + var(--base-size-2));color:var(--brand-color-text-muted);background-color:var(--brand-color-canvas-subtle);border-radius:var(--brand-borderRadius-medium);font-family:var(--brand-body-fontFamily);transition:background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default), box-shadow var(--brand-animation-duration-fast) var(--brand-animation-easing-default);border:0;display:flex;overflow:hidden}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-input-button___fLNL1:hover{box-shadow:inset 0 0 0 var(--brand-borderWidth-thin) var(--brand-color-border-muted)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-input-button___fLNL1:focus-visible{outline:var(--base-size-4) solid var(--brand-color-focus);outline-offset:var(--base-size-2)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-input-button___fLNL1:active{box-shadow:inset 0 0 0 var(--brand-borderWidth-thin) var(--brand-color-border-default)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-input-button-placeholder___1ap5p{align-items:center;gap:var(--base-size-8);min-width:0;color:var(--brand-color-text-muted);font-size:var(--brand-text-size-100);font-weight:var(--base-text-weight-normal);white-space:nowrap;text-overflow:ellipsis;line-height:1.2;display:inline-flex;overflow:hidden}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-input-button-placeholder___1ap5p svg{flex:none}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-input-button-placeholder___1ap5p span{text-overflow:ellipsis;overflow:hidden}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-input-button-shortcut___eFzhj{min-width:var(--base-size-24);padding-inline:var(--base-size-8);color:var(--brand-color-text-default);background-color:var(--brand-color-canvas-default);border:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);border-radius:calc(var(--brand-borderRadius-medium) / 2);font-family:var(--brand-fontStack-monospace);font-size:var(--brand-text-size-100);font-weight:var(--base-text-weight-normal);flex:none;justify-content:center;align-self:stretch;align-items:center;line-height:1.6;display:inline-flex}@media screen and (width<=47.99rem){.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger___luJC1{flex:0 0 var(--base-size-48);width:var(--base-size-48);justify-content:center}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-input-button___fLNL1{width:var(--base-size-32);padding:var(--base-size-8);background-color:#0000;justify-content:center;gap:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-input-button-placeholder___1ap5p{gap:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-input-button-placeholder___1ap5p span,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-input-button-shortcut___eFzhj{display:none}}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___rah9_{align-self:center;align-items:center;display:inline-flex}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-icon___D74um{gap:calc(var(--base-size-4) - var(--brand-borderWidth-thin));flex-direction:column;display:inline-flex}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-label___egE8k{display:none}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___XSuBz{background-color:var(--brand-color-text-default);width:22px;height:2px;margin:var(--base-size-4) auto;border-radius:var(--brand-borderRadius-large);display:block}@media (prefers-reduced-motion:no-preference){.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___XSuBz{transition-timing-function:var(--brand-animation-easing-default);transition-property:opacity,transform;transition-duration:.5s}}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___XSuBz:first-of-type{transform-origin:100% 100%}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___XSuBz:nth-of-type(3){transform-origin:100% 0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___ofAoR .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___XSuBz:first-of-type{transform:rotate(-45deg)translateY(-3px)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___ofAoR .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___XSuBz:nth-of-type(2){opacity:0;transform:scale(0)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___ofAoR .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___XSuBz:nth-of-type(3){transform:rotate(45deg)translateY(3px)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-mobile-menu-button___von6y.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___ofAoR{z-index:3;background-color:var(--brand-color-canvas-muted);position:relative}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-mobile-menu-button___von6y.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___ofAoR:focus-visible{box-shadow:none;outline:none;transition:none}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-mobile-menu-button___von6y.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___ofAoR:focus-visible:before{content:"";z-index:2;pointer-events:none;border:var(--brand-borderWidth-thick) solid var(--brand-color-focus);position:absolute;inset:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-mobile-menu-button___von6y.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___ofAoR:after{content:"";z-index:1;height:calc(var(--brand-borderWidth-thin) * 2);background-color:var(--brand-color-canvas-muted);position:absolute;inset-block-end:calc(var(--brand-borderWidth-thin) * -2);inset-inline:0}@media screen and (width>=63.25rem){.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___rah9_:hover{border:var(--brand-borderWidth-thick) solid var(--brand-SubdomainNavBar-border-button-hover);background-color:#0000}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___rah9_:active{box-shadow:0 0 0 1px var(--brand-SubdomainNavBar-border-button-hover);background-color:#0000}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-mobile-menu-button___von6y{display:none}}@media screen and (width>=48rem) and (width<=63.24rem){.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav___jGodL{display:none}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-secondary-nav___cg18b{flex:none;align-self:stretch;position:relative}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger___luJC1{--SubdomainNavBar-tablet-search-width:calc(var(--base-size-128) * 2 + var(--base-size-2));flex:0 0 var(--SubdomainNavBar-tablet-search-width);width:var(--SubdomainNavBar-tablet-search-width);padding-inline:var(--base-size-8);border-inline-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-input-button___fLNL1{width:100%}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-mobile-menu-button___von6y{justify-content:center;align-self:stretch;align-items:center;gap:var(--base-size-8);width:max-content;min-width:calc(var(--base-size-64) + var(--base-size-32));height:100%;padding-inline:var(--base-size-16);color:var(--brand-color-text-default);border:0;border-inline-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);border-inline-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);font-family:var(--brand-body-fontFamily);font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100);border-radius:0;flex-direction:row;flex:none;overflow:visible}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-label___egE8k{white-space:nowrap;align-items:center;display:inline-flex}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-icon___D74um{width:var(--base-size-16);height:var(--base-size-16);flex:none;justify-content:center;align-items:stretch;overflow:visible}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-icon___D74um .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___XSuBz{width:var(--base-size-16);height:var(--base-size-2);transform-origin:50%;margin:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___ofAoR .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___XSuBz:first-of-type{transform:translateY(calc(var(--base-size-6) - var(--brand-borderWidth-thin))) rotate(45deg)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___ofAoR .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___XSuBz:nth-of-type(3){transform:translateY(calc(var(--brand-borderWidth-thin) - var(--base-size-6))) rotate(-45deg)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC{inset-inline:0;top:var(--SubdomainNavBar-height);z-index:2;box-sizing:border-box;width:100%;max-height:calc(100vh - var(--SubdomainNavBar-height) - 0px);max-height:calc(100vh - var(--SubdomainNavBar-height) - var(--SubdomainNavBar-menu-offset-block-start,0px));background-color:var(--brand-color-canvas-default);border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);animation:Primer_Brand__SubdomainNavBar-module__fade-in-down___OOzma var(--brand-animation-duration-default);animation-timing-function:var(--brand-animation-easing-default);flex-direction:column;justify-content:flex-start;display:flex;position:absolute;overflow-y:auto}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--variant-default___e_KOH .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC{width:max(100%, calc(var(--base-size-128) * 3));min-width:0;inset-inline:auto 0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper--close___1RqhN{display:none}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list--visible___WzNtG{grid-gap:var(--brand-borderWidth-thin);gap:var(--brand-borderWidth-thin);padding:var(--base-size-8) var(--base-size-16);margin:0;display:grid}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper-footer___hkgdu{flex-direction:column;flex:none;width:100%;display:flex}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF{box-sizing:border-box;width:100%;min-height:var(--base-size-40);padding:var(--base-size-8) var(--base-size-12);color:var(--brand-color-text-muted);background-color:var(--brand-color-canvas-default);border-radius:var(--brand-borderRadius-medium);font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-200)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___v4aye:not(.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh){width:100%;height:auto}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___v4aye:not(.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh)>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF{padding:var(--base-size-8) var(--base-size-12)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___v4aye:not(.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh)>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link-content___7j9YO{background-color:#0000;border-radius:0;width:100%;padding:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___v4aye:not(.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh)>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF:hover>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link-content___7j9YO,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___v4aye:not(.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh)>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF:focus>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link-content___7j9YO,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___v4aye:not(.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh)>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF:focus-visible>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link-content___7j9YO,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___v4aye:not(.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh)>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF:active>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link-content___7j9YO,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___v4aye:not(.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh)>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF[aria-current]:not([aria-current=false])>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link-content___7j9YO{background-color:#0000;outline:none}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___v4aye:not(.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh)>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF:hover,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___v4aye:not(.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh)>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF:focus,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___v4aye:not(.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh)>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF:focus-visible,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___v4aye:not(.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh)>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF:active,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___v4aye:not(.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh)>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF[aria-current]:not([aria-current=false]){color:var(--brand-color-text-default);background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___v4aye:not(.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh)>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF:focus,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___v4aye:not(.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh)>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF:focus-visible{box-shadow:inset 0 0 0 var(--brand-borderWidth-thick) var(--brand-color-focus);outline:none}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link--title___o6Xts{font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-200)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-leading-component___fdV5N,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-trailing-component____TQVj{box-sizing:border-box;width:100%;height:auto;padding:var(--base-size-16);flex:none;margin-inline:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area___8f5K5{width:100%;height:auto;padding:0;display:flex}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area-inner___UBvrS{box-sizing:border-box;width:100%;margin-block:var(--base-size-24);padding-inline:var(--base-size-16);flex-direction:column}}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper-footer--has-leading-item___WZBV5,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-leading-component___fdV5N+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list--visible___WzNtG,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper-footer___hkgdu .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-trailing-component____TQVj+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area___8f5K5{border-block-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area___8f5K5{gap:var(--base-size-16);align-items:center;min-width:0;display:inline-flex}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area-inner___UBvrS{gap:var(--base-size-8);min-width:0;display:flex}@media screen and (width<=48rem){.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area___8f5K5{display:none}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area--visible___ryXWp{z-index:99;width:100%;height:auto;animation-name:Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___thp2V;animation-duration:.5s;animation-delay:.8s;animation-fill-mode:both;animation-timing-function:var(--brand-animation-easing-default);display:flex;left:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container--search-open___FzHaX .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area--visible___ryXWp{display:none}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area-inner___UBvrS{box-sizing:border-box;width:100%;margin-block:var(--base-size-24);padding-inline:var(--base-size-24);flex-direction:column;min-width:0}}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-cta-button___12YEw{white-space:nowrap}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC{top:var(--SubdomainNavBar-height);height:auto;max-height:calc(100vh - var(--SubdomainNavBar-height) - 0px);max-height:calc(100vh - var(--SubdomainNavBar-height) - var(--SubdomainNavBar-menu-offset-block-start,0px))}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-backdrop___ebVCx{inset-block-start:calc(var(--SubdomainNavBar-height) + 0px);z-index:1;background-color:var(--brand-SubdomainNavBar-searchDialog-backdropColor);animation:Primer_Brand__SubdomainNavBar-module__fade-in____apVG var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);position:fixed;inset-block-start:calc(var(--SubdomainNavBar-height) + var(--SubdomainNavBar-menu-offset-block-start,0px));inset-block-end:0;inset-inline:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container--search-open___FzHaX{animation:none}@media screen and (width<=47.99rem){.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ{--SubdomainNavBar-mobile-control-size:var(--base-size-48)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container___AG_fq{height:100%;padding:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-area___nL2Uc{gap:0;max-width:none;height:100%;padding:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-area___nL2Uc>li{height:100%;padding-inline:0 var(--base-size-16);align-items:center;display:flex}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-area___nL2Uc>li:first-child{width:auto;padding-inline:var(--base-size-16) var(--base-size-8);justify-content:center}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-logo-mark____d4o_{justify-content:center}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-logo-mark____d4o_ svg{width:var(--base-size-24);height:var(--base-size-24)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title___t_fVh{padding-inline-end:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title___t_fVh>*{font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-secondary-nav___cg18b{height:100%}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger___luJC1{flex:0 0 var(--SubdomainNavBar-mobile-control-size);width:var(--SubdomainNavBar-mobile-control-size);border-inline-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);justify-content:center;height:100%;padding-inline:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-input-button___fLNL1,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-mobile-menu-button___von6y{box-sizing:border-box;flex:0 0 var(--SubdomainNavBar-mobile-control-size);width:var(--SubdomainNavBar-mobile-control-size);height:100%;padding-inline:var(--base-size-16);border-radius:0;flex-direction:column;display:inline-flex}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-mobile-menu-button___von6y{gap:calc(var(--base-size-4) - var(--brand-borderWidth-thin));border-inline-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___XSuBz{width:var(--base-size-16);height:var(--base-size-2);transform-origin:50%;margin:0 auto}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___ofAoR .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___XSuBz:first-of-type{transform:translateY(calc(var(--base-size-6) - var(--brand-borderWidth-thin))) rotate(45deg)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___ofAoR .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___XSuBz:nth-of-type(3){transform:translateY(calc(var(--brand-borderWidth-thin) - var(--base-size-6))) rotate(-45deg)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF{padding:var(--base-size-16);font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link--title___o6Xts{font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___XgFWC .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area-inner___UBvrS{padding-inline:var(--base-size-16)}}@media screen and (width>=48rem){.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container___AG_fq{max-width:none;height:100%;padding:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-area___nL2Uc{gap:0;max-width:none;height:100%;padding:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-area___nL2Uc>li{height:100%;padding-inline:0 var(--base-size-16);border-inline-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);align-items:center;display:flex}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-area___nL2Uc>li:first-child{width:auto;padding-inline:var(--base-size-16) var(--base-size-8);border-inline-end:0;justify-content:center}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--variant-default___e_KOH.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--has-title___VfMea .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-area___nL2Uc>li:first-child{padding-inline-end:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--variant-default___e_KOH.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--has-title___VfMea .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-area___nL2Uc>li:first-child:after{margin-inline-end:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--variant-default___e_KOH.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--has-title___VfMea .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-item___cccn1{padding-inline:var(--base-size-24)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-logo-mark____d4o_{justify-content:center}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-logo-mark____d4o_ svg{width:var(--base-size-24);height:var(--base-size-24)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title___t_fVh{padding-inline-end:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title___t_fVh>*{font-size:var(--base-size-16);line-height:var(--base-size-16)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav___jGodL,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-overflow___a5MgQ,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___G_T3a,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-secondary-nav___cg18b,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area___8f5K5,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-leading-component___fdV5N,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-trailing-component____TQVj{height:100%}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-leading-component___fdV5N,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-trailing-component____TQVj{padding-inline:var(--base-size-16);margin-inline:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-leading-component___fdV5N{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___G_T3a{block-size:100%;max-block-size:100%;align-items:stretch;margin:0;padding-inline-start:var(--base-size-16)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-overflow___a5MgQ{margin:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___v4aye{align-items:center;height:100%;display:flex}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF{height:100%;padding:0 var(--base-size-16);color:var(--brand-color-text-muted);font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-200);align-items:center}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___v4aye:not(.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh)>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___2UoCu{padding-inline:var(--base-size-4)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___v4aye:not(.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh)>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link-content___7j9YO,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___2UoCu>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link-content___7j9YO{gap:var(--base-size-4);padding:var(--base-size-4) var(--base-size-12);border-radius:var(--brand-borderRadius-full);background-color:#0000}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___v4aye:not(.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh)>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF:hover>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link-content___7j9YO,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___v4aye:not(.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh)>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF:active>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link-content___7j9YO,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___v4aye:not(.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh)>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF[aria-current]:not([aria-current=false])>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link-content___7j9YO,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___2UoCu:hover>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link-content___7j9YO,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___2UoCu:active>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link-content___7j9YO,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___2UoCu[aria-expanded=true]>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link-content___7j9YO{background-color:var(--brand-SubdomainNavBar-color-link-bgColor)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___v4aye:not(.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh)>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF:focus-visible,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___2UoCu:focus-visible{outline:none}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___v4aye:not(.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh)>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF:focus-visible>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link-content___7j9YO,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___2UoCu:focus-visible>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link-content___7j9YO{outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus);outline-offset:var(--base-size-2)}@media (prefers-reduced-motion:no-preference){.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___v4aye:not(.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh)>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___ekhaF>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link-content___7j9YO,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___2UoCu>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link-content___7j9YO{transition:background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default)}}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger___luJC1{height:100%;padding-inline:var(--base-size-16)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger--has-trailing-item___529Ok{border-inline-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area___8f5K5{padding-inline:var(--base-size-16);align-items:center}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area--has-leading-item___C21xN{border-inline-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}@media screen and (width>=63.25rem){.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger___luJC1{--SubdomainNavBar-search-input-width:max(calc(var(--base-size-128) + var(--base-size-32)), min(28.5vw, calc(var(--base-size-128) * 3 + var(--base-size-36))));align-self:stretch}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--variant-default___e_KOH.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--has-primary-nav___XLBAH{border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);height:calc(var(--SubdomainNavBar-height) + var(--base-size-48))}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--variant-default___e_KOH:after{inset-block-start:var(--SubdomainNavBar-height)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--variant-default___e_KOH .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container___AG_fq{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:var(--SubdomainNavBar-height);display:grid}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--variant-default___e_KOH.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--has-primary-nav___XLBAH .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container___AG_fq{grid-template-rows:var(--SubdomainNavBar-height) var(--base-size-48)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--variant-default___e_KOH .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-navigation___6ijYl{grid-area:1/1;min-width:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--variant-default___e_KOH .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav___jGodL{border-block-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);grid-area:2/1/auto/-1;min-width:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--variant-default___e_KOH .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___G_T3a{padding-inline-start:calc(var(--base-size-64) + var(--brand-borderWidth-thin))}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--variant-default___e_KOH .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container___AG_fq>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-leading-component___fdV5N{border-inline-start:0;grid-area:1/2;justify-self:start}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--variant-default___e_KOH .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container___AG_fq>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-secondary-nav___cg18b{grid-area:1/3}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--variant-default___e_KOH .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger___luJC1{border-inline-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--variant-default___e_KOH .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-input-button___fLNL1{width:var(--base-size-32);padding:var(--base-size-8);background-color:#0000;justify-content:center;gap:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--variant-default___e_KOH .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-input-button-placeholder___1ap5p{gap:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--variant-default___e_KOH .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-input-button-placeholder-text____BRIb,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--variant-default___e_KOH .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-input-button-shortcut___eFzhj{display:none}@media screen and (width>=48rem){.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--variant-default___e_KOH .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger___luJC1{flex:0 0 var(--base-size-48);width:var(--base-size-48);min-width:var(--base-size-48);padding-inline:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--variant-default___e_KOH .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-input-button___fLNL1{width:100%;block-size:100%;padding-inline:var(--base-size-16);border-radius:0}}@media screen and (width>=1024px){.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-cta-button--secondary___yseqR{display:inline-flex}}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-form___gg9BC{width:100%;display:flex}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-input-area___RrS2g{align-items:center;gap:var(--base-size-8);width:100%;display:flex}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-close-button___gt5Jr{cursor:pointer;appearance:none;min-block-size:var(--base-size-32);padding:var(--base-size-8) var(--base-size-12);color:var(--brand-color-text-default);background-color:var(--brand-color-canvas-subtle);border-radius:var(--brand-borderRadius-medium);font-family:var(--brand-body-fontFamily);font-size:var(--brand-text-size-100);font-weight:var(--base-text-weight-medium);line-height:var(--base-size-14);letter-spacing:var(--brand-text-letterSpacing-100);border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-close-button___gt5Jr:hover{background-color:var(--brand-color-canvas-inset)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-close-button___gt5Jr:focus-visible{outline:var(--base-size-4) solid var(--brand-color-focus);outline-offset:var(--base-size-2)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog-control-area___pG07_{height:var(--base-size-40);background:0 0;align-items:center;max-width:none;margin:0;padding:0;display:flex}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-text-input___3vzlg{border-color:#0000}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results-area___DFTo5{width:100%}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results-container___JOfOM{padding:var(--base-size-24);background-color:var(--base-color-scale-white-0);border-radius:var(--brand-borderRadius-large);width:80%;max-width:570px;height:70vh;max-height:514px;margin:0 auto;animation:.5s Primer_Brand__SubdomainNavBar-module__fade-in-down___OOzma;box-shadow:0 8px 24px #01040926}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results___h8tWb{padding:0 var(--base-size-24) 0 0;height:90%;margin:0;list-style:none;overflow-y:scroll}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results-heading___QXRP1{font-weight:var(--brand-heading-weight-600);font-size:var(--base-size-20);line-height:var(--base-size-24);margin-bottom:var(--base-size-20);padding:0 var(--base-size-8);color:var(--base-color-scale-black-0);display:block}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-group___lpqQJ,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-group-list___DpFLC{margin:0;padding:0;list-style:none}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-group___lpqQJ+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-group___lpqQJ{margin-block-start:var(--base-size-24)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-group-heading___9XvbA{margin:0 0 var(--base-size-20);padding:0 var(--base-size-8);color:var(--brand-color-text-muted);font-weight:var(--brand-heading-weight-600);font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100);display:block}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item___YGhFd{padding:var(--base-size-16) var(--base-size-8);border-bottom:1px solid #b7bfc7;border-bottom:solid var(--brand-borderWidth-thin,1px) var(--brand-SubdomainNavBar-search-results-border-default,#b7bfc7)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-container___reflK a[aria-selected=true]{outline:var(--brand-color-focus) auto var(--brand-borderWidth-thick)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-container___reflK{letter-spacing:var(--brand-heading-letterSpacing-400);font-size:var(--brand-text-size-400)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-container___reflK a{color:var(--base-color-scale-black-0);margin:0 0 var(--base-size-12);font-size:var(--base-size-16);font-weight:var(--brand-heading-weight-400);font-family:var(--brand-heading-fontFamily);line-height:var(--brand-text-lineHeight-400);-webkit-text-decoration:none;text-decoration:none;display:block}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-container___reflK a svg{flex:none}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-container___reflK a:hover{-webkit-text-decoration:none;text-decoration:none}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-desc____KBS3{color:var(--base-color-scale-black-0)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___b9d4h{inset-block-start:calc(var(--base-size-64) + var(--base-size-8));inset-block-end:auto;inset-inline:calc(var(--base-size-64) + var(--base-size-8));z-index:99;width:min(calc(100vw - ((var(--base-size-64) + var(--base-size-8)) * 2)), calc((var(--base-size-128) * 6) + var(--base-size-36)));max-height:calc(100vh - ((var(--base-size-64) + var(--base-size-8)) * 2));height:auto;padding:var(--base-size-16);color:var(--brand-color-text-default);background-color:var(--brand-color-canvas-default);border:var(--brand-borderWidth-thin) solid var(--brand-color-border-default);border-radius:var(--brand-borderRadius-large);box-shadow:0 0 calc(var(--base-size-32) + var(--base-size-2)) var(--brand-SubdomainNavBar-searchDialog-shadowColor);margin-inline:auto;position:fixed;overflow:hidden}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog--has-results___DwTTb{padding-block-end:var(--base-size-32)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___b9d4h::backdrop{background-color:var(--brand-SubdomainNavBar-searchDialog-backdropColor);-webkit-backdrop-filter:blur(var(--base-size-24));backdrop-filter:blur(var(--base-size-24))}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___b9d4h .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-input-area___RrS2g{gap:var(--base-size-16)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___b9d4h .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-form___gg9BC{min-width:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___b9d4h .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-form___gg9BC section>span:focus-within{box-shadow:none;border-color:#0000}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___b9d4h .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-text-input___3vzlg{color:var(--brand-color-text-default);font-size:calc(var(--base-size-16) + var(--base-size-2));font-weight:var(--base-text-weight-medium);line-height:var(--brand-text-lineHeight-300);letter-spacing:var(--brand-text-letterSpacing-100)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___b9d4h .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-close-button___gt5Jr{background-color:var(--brand-color-border-muted)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___b9d4h .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results-area--visible___IViA3{border-block-start:var(--brand-borderWidth-thin) dashed var(--brand-color-border-muted);margin-block-start:var(--base-size-24);padding-block-start:var(--base-size-24)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___b9d4h .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results-container___JOfOM{width:100%;max-width:none;height:auto;max-height:calc(100vh - (((var(--base-size-64) + var(--base-size-8)) * 2) + var(--base-size-128)));box-shadow:none;background-color:#0000;border-radius:0;margin:0;padding:0;animation:none;overflow-y:auto}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___b9d4h .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results___h8tWb{height:auto;margin:0;padding:0;overflow:visible}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___b9d4h .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results-heading___QXRP1,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___b9d4h .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-group-heading___9XvbA{color:var(--brand-color-text-muted);font-size:var(--brand-text-size-100);font-weight:var(--brand-heading-weight-600);line-height:var(--brand-text-lineHeight-100);margin-block-end:var(--base-size-20);padding:0}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___b9d4h .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-group___lpqQJ+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-group___lpqQJ{margin-block-start:var(--base-size-24)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___b9d4h .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item___YGhFd{padding:var(--base-size-16) var(--base-size-4);border-block-end:0;border-block-start:var(--brand-borderWidth-thin) dashed var(--brand-color-border-muted)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___b9d4h .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-group-list___DpFLC>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item___YGhFd:first-child,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___b9d4h .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results___h8tWb>.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item___YGhFd:first-child{border-block-start:0;padding-block-start:var(--base-size-12)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___b9d4h .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-container___reflK{font-size:var(--brand-text-size-300);letter-spacing:var(--brand-text-letterSpacing-100)}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___b9d4h .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-container___reflK a{align-items:center;gap:calc(var(--base-size-8) + var(--base-size-2));width:100%;color:var(--brand-color-text-default);font-size:var(--brand-text-size-300);font-weight:var(--brand-heading-weight-600);line-height:var(--brand-text-lineHeight-300);letter-spacing:var(--brand-text-letterSpacing-100);margin:0;display:flex}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___b9d4h .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-container___reflK a span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___b9d4h .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-desc____KBS3,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___b9d4h .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-meta___22jiW{display:none}@media screen and (width<=47.99rem){.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___b9d4h{inset-block-start:var(--base-size-16);inset-block-end:auto;inset-inline:var(--base-size-16);width:calc(100vw - (var(--base-size-16) * 2));max-height:calc(100vh - (var(--base-size-16) * 2));height:auto}}.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-skip-to-content___bG_Zk{z-index:100;position:absolute;inset-block-start:calc(var(--SubdomainNavBar-height) / 2);inset-inline-start:var(--base-size-16);transform:translateY(-50%)}@keyframes Primer_Brand__SubdomainNavBar-module__fade-in-down___OOzma{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes Primer_Brand__SubdomainNavBar-module__fade-in____apVG{0%{opacity:0}to{opacity:1}}@keyframes Primer_Brand__SubdomainNavBar-module__fade-in-down-overflow___lLD6Z{0%{opacity:0;transform:translateY(calc(0px - var(--base-size-24)))}to{opacity:1;transform:translateY(calc(0px - var(--base-size-4)))}}@keyframes Primer_Brand__SubdomainNavBar-module__fade-out___N4ZdP{0%{opacity:1}to{opacity:0}}@keyframes Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___thp2V{0%{opacity:0;transform:scale(.6)translateY(-8px)}to{opacity:1}}@media (prefers-reduced-motion:reduce){.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ:before,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ:after,.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

package/esm/SubdomainNavBar/SubdomainNavBar.module.js

@@ -1,4 +1,4 @@
-import './SubdomainNavBar.module-BE9mtBPE.css';//#region src/SubdomainNavBar/SubdomainNavBar.module.css
+import './SubdomainNavBar.module-BLR1YjX-.css';//#region src/SubdomainNavBar/SubdomainNavBar.module.css
 var e = "Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ", t = {
 	SubdomainNavBar: e,
 	"SubdomainNavBar-outer-container": "Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-outer-container___IgUR_",
@@ -39,7 +39,7 @@ var e = "Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ", t = {
 	"SubdomainNavBar-overflow-menu-item": "Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___gsrhh",
 	"SubdomainNavBar-more-link": "Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___2UoCu",
 	"SubdomainNavBar-overflow-menu": "Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu___1Fpy3",
-	"enlarge-shadow": "Primer_Brand__SubdomainNavBar-module__enlarge-shadow___iGPSy",
+	"fade-in-down-overflow": "Primer_Brand__SubdomainNavBar-module__fade-in-down-overflow___lLD6Z",
 	"SubdomainNavBar-overflow-menu-list": "Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-list____yMUW",
 	"SubdomainNavBar-secondary-nav": "Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-secondary-nav___cg18b",
 	"SubdomainNavBar-search-trigger": "Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger___luJC1",
@@ -60,7 +60,6 @@ var e = "Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___fdyTJ", t = {
 	"SubdomainNavBar-menu-backdrop": "Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-backdrop___ebVCx",
 	"fade-in": "Primer_Brand__SubdomainNavBar-module__fade-in____apVG",
 	"SubdomainNavBar-title-item": "Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-item___cccn1",
-	"fade-in-down-overflow": "Primer_Brand__SubdomainNavBar-module__fade-in-down-overflow___lLD6Z",
 	"SubdomainNavBar-search-trigger--has-trailing-item": "Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger--has-trailing-item___529Ok",
 	"SubdomainNavBar-button-area--has-leading-item": "Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area--has-leading-item___C21xN",
 	"SubdomainNavBar--has-primary-nav": "Primer_Brand__SubdomainNavBar-module__SubdomainNavBar--has-primary-nav___XLBAH",

package/esm/SubdomainNavBar/SubdomainNavBar.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubdomainNavBar.module.js","names":[],"sources":["../../src/SubdomainNavBar/SubdomainNavBar.module.css"],"sourcesContent":["/*\n * Main styles for the subdomain navigation bar.\n */\n.SubdomainNavBar {\n  position: relative;\n  z-index: 90;\n  font-weight: 550;\n  background: var(--brand-color-canvas-default);\n  height: var(--SubdomainNavBar-height);\n}\n\n.SubdomainNavBar::after {\n  content: '';\n  position: absolute;\n  z-index: 3;\n  inset-inline: 0;\n  inset-block-start: 100%;\n  height: var(--brand-borderWidth-thin);\n  background-color: var(--brand-SubdomainNavBar-border-nav-default);\n  pointer-events: none;\n}\n\n/*\n * Outer container\n */\n.SubdomainNavBar-outer-container {\n  --SubdomainNavBar-height: var(--base-size-64);\n\n  z-index: 90;\n}\n\n@media screen and (max-width: 47.99rem) {\n  .SubdomainNavBar-outer-container {\n    --SubdomainNavBar-height: calc(var(--base-size-64) - var(--base-size-8));\n  }\n}\n\n.SubdomainNavBar-outer-container:not(.SubdomainNavBar-outer-container--fixed) {\n  position: relative;\n}\n\n.SubdomainNavBar-outer-container--fixed {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n}\n\n/*\n * Inner container\n */\n.SubdomainNavBar-inner-container {\n  display: flex;\n  padding: 4px 28px;\n}\n\n.SubdomainNavBar-inner-container--centered {\n  max-width: 1280px;\n  margin: 0 auto;\n}\n\n@media screen and (min-width: 48rem) {\n  .SubdomainNavBar-inner-container {\n    padding: 4px 32px;\n  }\n}\n\n.SubdomainNavBar-inner-container--search-open {\n  animation: fade-out 150ms;\n}\n\n/*\n * Logo and title area\n */\n.SubdomainNavBar-title-area {\n  display: inline-flex;\n  list-style-type: none;\n  align-items: center;\n  gap: var(--base-size-8);\n  padding: 0;\n  margin: 0;\n  max-width: 340px;\n  color: var(--brand-color-text-default);\n  padding: var(--base-size-16) 0;\n}\n\n@media screen and (min-width: 63.25rem) {\n  .SubdomainNavBar-title-area {\n    gap: var(--base-size-16);\n  }\n}\n\n.SubdomainNavBar-logo-mark,\n.SubdomainNavBar-title {\n  display: inline-flex;\n  align-items: center;\n  color: var(--brand-color-text-default);\n}\n\n.SubdomainNavBar-logo-mark {\n  position: relative;\n}\n\n.SubdomainNavBar-back-arrow {\n  position: absolute;\n  display: flex;\n  inset-inline-start: calc(-1 * var(--base-size-24) + var(--base-size-4));\n  inset-block-start: 50%;\n  color: var(--brand-color-text-muted);\n  opacity: 0;\n  transform: translate(var(--base-size-4), -50%);\n  transition: opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast) ease;\n}\n\n.SubdomainNavBar-logo-mark:hover .SubdomainNavBar-back-arrow {\n  opacity: 1;\n  transform: translate(0, -50%);\n}\n\n.SubdomainNavBar-logo-mark svg {\n  width: 32px;\n  height: 32px;\n}\n\n.SubdomainNavBar-title {\n  line-height: var(--base-size-32);\n  text-decoration: none;\n  padding-inline-end: var(--base-size-16);\n  white-space: nowrap;\n}\n\n.SubdomainNavBar-title:hover {\n  text-decoration: none;\n}\n\n.SubdomainNavBar--variant-featured .SubdomainNavBar-title-prefix {\n  color: var(--brand-color-text-default);\n}\n\n.SubdomainNavBar-title-label {\n  color: inherit;\n}\n\n.SubdomainNavBar--variant-default.SubdomainNavBar--has-title .SubdomainNavBar-title-area > li:first-child {\n  display: flex;\n  align-items: center;\n  align-self: stretch;\n}\n\n.SubdomainNavBar--variant-default.SubdomainNavBar--has-title .SubdomainNavBar-title-area > li:first-child::after {\n  content: '';\n  box-sizing: border-box;\n  align-self: center;\n  flex: none;\n  width: var(--brand-borderWidth-thin);\n  height: var(--SubdomainNavBar-height);\n  margin-inline: var(--base-size-16);\n  background-color: var(--brand-color-border-muted);\n}\n\n.SubdomainNavBar-leading-component,\n.SubdomainNavBar-trailing-component {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n}\n\n.SubdomainNavBar-leading-component {\n  margin-inline-end: var(--base-size-16);\n}\n\n.SubdomainNavBar-trailing-component {\n  margin-inline-start: var(--base-size-16);\n}\n\n/*\n * Primary navigation link area\n */\n.SubdomainNavBar-primary-nav {\n  display: inline-flex;\n  list-style-type: none;\n  align-items: center;\n  flex: 1 1 0;\n  min-width: 0;\n  padding: 0;\n  margin: 0;\n}\n\n.SubdomainNavBar-primary-nav-list {\n  list-style-type: none;\n}\n\n@media screen and (max-width: 767px) {\n  .SubdomainNavBar-primary-nav-list {\n    display: none;\n  }\n\n  .SubdomainNavBar-primary-nav-list--invisible {\n    display: none;\n  }\n\n  .SubdomainNavBar-primary-nav-list--visible {\n    display: block;\n    margin: 0;\n    padding: 0;\n  }\n\n  .SubdomainNavBar-leading-component,\n  .SubdomainNavBar-trailing-component {\n    flex: none;\n    width: 100%;\n    box-sizing: border-box;\n    padding-block: var(--base-size-16);\n    padding-inline: var(--base-size-16);\n  }\n\n  .SubdomainNavBar-leading-component {\n    margin-inline-end: 0;\n  }\n\n  .SubdomainNavBar-trailing-component {\n    margin-inline-start: 0;\n  }\n\n  .SubdomainNavBar-menu-wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    overflow-y: auto;\n    position: absolute;\n    top: var(--SubdomainNavBar-height);\n    left: 0;\n    right: 0;\n    z-index: 2;\n    background-color: var(--brand-color-canvas-default);\n    width: 100%;\n    max-height: calc(100vh - var(--SubdomainNavBar-height) - var(--SubdomainNavBar-menu-offset-block-start, 0px));\n    border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n    animation: fade-in-down 500ms;\n    animation-timing-function: var(--brand-animation-easing-default);\n  }\n\n  .SubdomainNavBar-menu-wrapper--close {\n    display: none;\n  }\n\n  .SubdomainNavBar-menu-wrapper-footer {\n    flex: none;\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n  }\n}\n\n@media screen and (min-width: 48rem) {\n  .SubdomainNavBar-primary-nav-overflow {\n    display: flex;\n    align-items: center;\n    flex: 1 1 0;\n    min-width: 0;\n    margin: 0 var(--base-size-24) 0 0;\n  }\n\n  .SubdomainNavBar-primary-nav-list {\n    display: flex;\n    align-items: center;\n    flex: 1 1 auto;\n    flex-wrap: nowrap;\n    min-width: 0;\n    block-size: var(--base-size-48);\n    max-block-size: var(--base-size-48);\n    overflow: hidden;\n    padding: 0;\n    margin: 0;\n  }\n}\n\n.SubdomainNavBar-primary-nav-list-item {\n  flex: 0 0 auto;\n  white-space: nowrap;\n}\n\n@media screen and (max-width: 767px) {\n  .SubdomainNavBar-primary-nav-list-item {\n    animation-name: fade-in-down-staggered;\n    animation-duration: 500ms;\n    animation-delay: calc(var(--animation-order) * 80ms);\n    animation-fill-mode: both;\n    animation-timing-function: var(--brand-animation-easing-default);\n  }\n}\n\n@media screen and (min-width: 48rem) {\n  .SubdomainNavBar-primary-nav-list-item--overflowed {\n    visibility: hidden;\n    pointer-events: none;\n  }\n\n  .SubdomainNavBar-primary-nav-list-item--overflow {\n    display: flex;\n    align-items: center;\n    flex: 0 0 auto;\n    position: absolute;\n    inset-inline-end: 0;\n    visibility: hidden;\n    pointer-events: none;\n  }\n\n  .SubdomainNavBar-primary-nav-overflow--has-overflow .SubdomainNavBar-primary-nav-list-item--overflow {\n    position: relative;\n    visibility: visible;\n    pointer-events: auto;\n  }\n}\n\n.SubdomainNavBar-link {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--base-size-8);\n  color: var(--brand-color-text-default);\n  font-family: var(--brand-heading-fontFamily);\n  font-weight: var(--base-text-weight-normal);\n  font-size: var(--base-size-20);\n  line-height: var(--base-size-20);\n  padding: var(--base-size-8) var(--base-size-16) var(--base-size-16) var(--base-size-28);\n  text-decoration: none;\n}\n\n.SubdomainNavBar-link:hover {\n  text-decoration: none;\n}\n\n.SubdomainNavBar-link-text {\n  position: relative;\n}\n\n.SubdomainNavBar-link-content {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--base-size-8);\n}\n\n@media screen and (max-width: 767px) {\n  .SubdomainNavBar-link:first-of-type {\n    padding-top: var(--base-size-24);\n  }\n\n  .SubdomainNavBar-link--title {\n    font-weight: var(--base-text-weight-medium);\n  }\n}\n\n@media screen and (min-width: 48rem) {\n  .SubdomainNavBar-link {\n    font-family: var(--brand-heading-fontFamily);\n    font-weight: var(--base-text-weight-normal);\n    font-size: var(--base-size-16);\n    line-height: var(--base-size-16);\n    padding: var(--base-size-16) var(--base-size-16);\n  }\n\n  .SubdomainNavBar-link-text::after {\n    content: '';\n    position: absolute;\n    bottom: -6px;\n    left: 0;\n    width: 100%;\n    height: 2px;\n    background-color: var(--brand-SubdomainNavBar-border-nav-default);\n    opacity: 0;\n    transition: opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast);\n    transform: scale(0);\n    transform-origin: center;\n  }\n\n  .SubdomainNavBar-link:hover .SubdomainNavBar-link-text::after,\n  .SubdomainNavBar-link:focus .SubdomainNavBar-link-text::after {\n    opacity: 1;\n    transform: scale(0.75);\n  }\n\n  .SubdomainNavBar-link:active .SubdomainNavBar-link-text::after {\n    background-color: var(--brand-SubdomainNavBar-border-nav-pressed);\n    transform: scale(0.75);\n  }\n\n  .SubdomainNavBar-overflow-menu-item .SubdomainNavBar-link {\n    transition: background-color var(--brand-animation-easing-default) 250ms;\n    background-color: var(--brand-SubdomainNavBar-canvas-overflow-default);\n    color: var(--brand-SubdomainNavBar-fg-overflow-default);\n  }\n\n  .SubdomainNavBar-overflow-menu-item .SubdomainNavBar-link .SubdomainNavBar-link-text::after {\n    display: none;\n  }\n\n  .SubdomainNavBar-overflow-menu-item .SubdomainNavBar-link:hover {\n    background-color: var(--brand-SubdomainNavBar-canvas-overflow-hover);\n  }\n\n  .SubdomainNavBar-overflow-menu-item .SubdomainNavBar-link:focus,\n  .SubdomainNavBar-overflow-menu-item .SubdomainNavBar-link:focus-visible {\n    box-shadow: inset 0px 0px 0px 2px var(--brand-color-focus);\n    outline: none;\n  }\n}\n\n@media screen and (min-width: 63.25rem) {\n  .SubdomainNavBar-link {\n    padding: var(--base-size-16) var(--base-size-24);\n  }\n}\n\n.SubdomainNavBar-more-link {\n  display: none;\n}\n\n.SubdomainNavBar-more-link[aria-expanded='true']:hover::after,\n.SubdomainNavBar-more-link[aria-expanded='true']:focus::after {\n  display: none;\n}\n\n@media screen and (min-width: 48rem) {\n  .SubdomainNavBar-more-link {\n    cursor: pointer;\n    appearance: none;\n    border: none;\n    background-color: transparent;\n    display: inline-flex;\n    align-items: center;\n    gap: var(--base-size-4);\n  }\n}\n\n.SubdomainNavBar-overflow-menu {\n  position: absolute;\n  z-index: 100;\n  right: auto;\n  background-color: var(--brand-color-canvas-default);\n  border-radius: var(--brand-borderRadius-large);\n  animation: fade-in-down 0.25s, enlarge-shadow 250ms forwards;\n  animation-timing-function: var(--brand-animation-easing-default);\n  box-shadow: 0px 8px 24px rgba(1, 4, 9, 0.15);\n  overflow: hidden;\n}\n\n.SubdomainNavBar-overflow-menu-list {\n  display: grid;\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n  width: max-content;\n}\n\n/*\n * Toolbar actions area for search and mobile menu\n */\n\n.SubdomainNavBar-secondary-nav {\n  display: flex;\n  align-items: center;\n  flex: 0 1 auto;\n  min-width: 0;\n  margin-left: auto;\n}\n.SubdomainNavBar-search-trigger {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  min-width: 0;\n}\n\n@media screen and (min-width: 63.25rem) {\n  .SubdomainNavBar-search-trigger {\n    --SubdomainNavBar-search-input-width: calc(var(--base-size-128) * 2 + var(--base-size-24));\n\n    flex: 0 9999 var(--SubdomainNavBar-search-input-width);\n    width: var(--SubdomainNavBar-search-input-width);\n    max-width: 100%;\n    min-width: calc(var(--base-size-128) + var(--base-size-32));\n  }\n}\n\n.SubdomainNavBar-menu-button {\n  position: relative;\n  cursor: pointer;\n  appearance: none;\n  background-color: transparent;\n  border: var(--brand-borderWidth-thick) solid transparent;\n  color: var(--brand-color-text-default);\n  width: calc(48px - var(--brand-borderWidth-thick));\n  height: calc(48px - var(--brand-borderWidth-thick));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: border 250ms var(--brand-animation-easing-default), box-shadow 250ms ease;\n  border-radius: var(--brand-borderRadius-medium);\n  box-shadow: 0 0 0 2px transparent;\n  gap: 0;\n}\n\n.SubdomainNavBar-menu-button svg {\n  width: 24px;\n  height: 24px;\n}\n\n.SubdomainNavBar-search-input-button {\n  cursor: pointer;\n  appearance: none;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--base-size-16);\n  width: 100%;\n  block-size: var(--base-size-32);\n  min-block-size: var(--base-size-32);\n  padding: var(--base-size-4) var(--base-size-4) var(--base-size-4) calc(var(--base-size-8) + var(--base-size-2));\n  overflow: hidden;\n  color: var(--brand-color-text-muted);\n  background-color: var(--brand-color-canvas-subtle);\n  border: 0;\n  border-radius: var(--brand-borderRadius-medium);\n  font-family: var(--brand-body-fontFamily);\n  transition: background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default),\n    box-shadow var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n}\n\n.SubdomainNavBar-search-input-button:hover {\n  box-shadow: inset 0 0 0 var(--brand-borderWidth-thin) var(--brand-color-border-muted);\n}\n\n.SubdomainNavBar-search-input-button:focus-visible {\n  outline: var(--base-size-4) solid var(--brand-color-focus);\n  outline-offset: var(--base-size-2);\n}\n\n.SubdomainNavBar-search-input-button:active {\n  box-shadow: inset 0 0 0 var(--brand-borderWidth-thin) var(--brand-color-border-default);\n}\n\n.SubdomainNavBar-search-input-button-placeholder {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--base-size-8);\n  min-width: 0;\n  overflow: hidden;\n  color: var(--brand-color-text-muted);\n  font-size: var(--brand-text-size-100);\n  font-weight: var(--base-text-weight-normal);\n  line-height: 1.2;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.SubdomainNavBar-search-input-button-placeholder svg {\n  flex: none;\n}\n\n.SubdomainNavBar-search-input-button-placeholder span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.SubdomainNavBar-search-input-button-shortcut {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  align-self: stretch;\n  min-width: var(--base-size-24);\n  padding-inline: var(--base-size-8);\n  color: var(--brand-color-text-default);\n  background-color: var(--brand-color-canvas-default);\n  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  border-radius: calc(var(--brand-borderRadius-medium) / 2);\n  font-family: var(--brand-fontStack-monospace);\n  font-size: var(--brand-text-size-100);\n  font-weight: var(--base-text-weight-normal);\n  line-height: 1.6;\n}\n\n@media screen and (max-width: 47.99rem) {\n  .SubdomainNavBar-search-trigger {\n    flex: 0 0 var(--base-size-48);\n    justify-content: center;\n    width: var(--base-size-48);\n  }\n\n  .SubdomainNavBar-search-input-button {\n    justify-content: center;\n    gap: 0;\n    width: var(--base-size-32);\n    padding: var(--base-size-8);\n    background-color: transparent;\n  }\n\n  .SubdomainNavBar-search-input-button-placeholder {\n    gap: 0;\n  }\n\n  .SubdomainNavBar-search-input-button-placeholder span,\n  .SubdomainNavBar-search-input-button-shortcut {\n    display: none;\n  }\n}\n\n.SubdomainNavBar-menu-button {\n  display: inline-flex;\n  align-items: center;\n  align-self: center;\n}\n\n.SubdomainNavBar-menu-button-icon {\n  display: inline-flex;\n  flex-direction: column;\n  gap: calc(var(--base-size-4) - var(--brand-borderWidth-thin));\n}\n\n.SubdomainNavBar-menu-button-label {\n  display: none;\n}\n\n.SubdomainNavBar-menu-button-bar {\n  width: 22px;\n  height: 2px;\n  background-color: var(--brand-color-text-default);\n  margin: var(--base-size-4) auto;\n  border-radius: var(--brand-borderRadius-large);\n  display: block;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .SubdomainNavBar-menu-button-bar {\n    transition-timing-function: var(--brand-animation-easing-default);\n    transition-duration: 500ms;\n    transition-property: opacity, transform;\n  }\n}\n\n.SubdomainNavBar-menu-button-bar:nth-of-type(1) {\n  transform-origin: bottom right;\n}\n\n.SubdomainNavBar-menu-button-bar:nth-of-type(3) {\n  transform-origin: top right;\n}\n\n.SubdomainNavBar-menu-button--close .SubdomainNavBar-menu-button-bar:nth-of-type(1) {\n  transform: rotate(-45deg) translateY(-3px);\n}\n\n.SubdomainNavBar-menu-button--close .SubdomainNavBar-menu-button-bar:nth-of-type(2) {\n  opacity: 0;\n  transform: scale(0);\n}\n\n.SubdomainNavBar-menu-button--close .SubdomainNavBar-menu-button-bar:nth-of-type(3) {\n  transform: rotate(45deg) translateY(3px);\n}\n\n.SubdomainNavBar-mobile-menu-button.SubdomainNavBar-menu-button--close {\n  position: relative;\n  z-index: 3;\n  background-color: var(--brand-color-canvas-muted);\n}\n\n.SubdomainNavBar-mobile-menu-button.SubdomainNavBar-menu-button--close:focus-visible {\n  outline: none;\n  box-shadow: none;\n  transition: none;\n}\n\n.SubdomainNavBar-mobile-menu-button.SubdomainNavBar-menu-button--close:focus-visible::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  pointer-events: none;\n  border: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n}\n\n.SubdomainNavBar-mobile-menu-button.SubdomainNavBar-menu-button--close::after {\n  content: '';\n  position: absolute;\n  z-index: 1;\n  inset-inline: 0;\n  inset-block-end: calc(var(--brand-borderWidth-thin) * -2);\n  height: calc(var(--brand-borderWidth-thin) * 2);\n  background-color: var(--brand-color-canvas-muted);\n}\n\n@media screen and (min-width: 63.25rem) {\n  .SubdomainNavBar-menu-button:hover {\n    background-color: transparent;\n    border: var(--brand-borderWidth-thick) solid var(--brand-SubdomainNavBar-border-button-hover);\n  }\n\n  .SubdomainNavBar-menu-button:active {\n    background-color: transparent;\n    box-shadow: 0 0 0 1px var(--brand-SubdomainNavBar-border-button-hover);\n  }\n\n  .SubdomainNavBar-mobile-menu-button {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 48rem) and (max-width: 63.24rem) {\n  .SubdomainNavBar-primary-nav {\n    display: none;\n  }\n\n  .SubdomainNavBar-secondary-nav {\n    position: relative;\n    flex: 0 0 auto;\n    align-self: stretch;\n  }\n\n  .SubdomainNavBar-search-trigger {\n    --SubdomainNavBar-tablet-search-width: calc(var(--base-size-128) * 2 + var(--base-size-2));\n\n    flex: 0 0 var(--SubdomainNavBar-tablet-search-width);\n    width: var(--SubdomainNavBar-tablet-search-width);\n    padding-inline: var(--base-size-8);\n    border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .SubdomainNavBar-search-input-button {\n    width: 100%;\n  }\n\n  .SubdomainNavBar-mobile-menu-button {\n    align-self: stretch;\n    flex: none;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    gap: var(--base-size-8);\n    width: max-content;\n    min-width: calc(var(--base-size-64) + var(--base-size-32));\n    height: 100%;\n    padding-inline: var(--base-size-16);\n    color: var(--brand-color-text-default);\n    border: 0;\n    border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n    border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n    border-radius: 0;\n    overflow: visible;\n    font-family: var(--brand-body-fontFamily);\n    font-size: var(--brand-text-size-100);\n    line-height: var(--brand-text-lineHeight-100);\n  }\n\n  .SubdomainNavBar-menu-button-label {\n    display: inline-flex;\n    align-items: center;\n    white-space: nowrap;\n  }\n\n  .SubdomainNavBar-menu-button-icon {\n    flex: none;\n    align-items: stretch;\n    justify-content: center;\n    width: var(--base-size-16);\n    height: var(--base-size-16);\n    overflow: visible;\n  }\n\n  .SubdomainNavBar-menu-button-icon .SubdomainNavBar-menu-button-bar {\n    width: var(--base-size-16);\n    height: var(--base-size-2);\n    margin: 0;\n    transform-origin: center;\n  }\n\n  .SubdomainNavBar-menu-button--close .SubdomainNavBar-menu-button-bar:nth-of-type(1) {\n    transform: translateY(calc(var(--base-size-6) - var(--brand-borderWidth-thin))) rotate(45deg);\n  }\n\n  .SubdomainNavBar-menu-button--close .SubdomainNavBar-menu-button-bar:nth-of-type(3) {\n    transform: translateY(calc(var(--brand-borderWidth-thin) - var(--base-size-6))) rotate(-45deg);\n  }\n\n  .SubdomainNavBar-menu-wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    overflow-y: auto;\n    position: absolute;\n    inset-inline: 0;\n    top: var(--SubdomainNavBar-height);\n    z-index: 2;\n    box-sizing: border-box;\n    width: 100%;\n    max-height: calc(100vh - var(--SubdomainNavBar-height) - var(--SubdomainNavBar-menu-offset-block-start, 0px));\n    background-color: var(--brand-color-canvas-default);\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n    border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n    animation: fade-in-down var(--brand-animation-duration-default);\n    animation-timing-function: var(--brand-animation-easing-default);\n  }\n\n  .SubdomainNavBar--variant-default .SubdomainNavBar-menu-wrapper {\n    inset-inline-start: auto;\n    inset-inline-end: 0;\n    width: max(100%, calc(var(--base-size-128) * 3));\n    min-width: 0;\n  }\n\n  .SubdomainNavBar-menu-wrapper--close {\n    display: none;\n  }\n\n  .SubdomainNavBar-primary-nav-list--visible {\n    display: grid;\n    gap: var(--brand-borderWidth-thin);\n    margin: 0;\n    padding: var(--base-size-8) var(--base-size-16);\n  }\n\n  .SubdomainNavBar-menu-wrapper-footer {\n    flex: none;\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-menu-wrapper .SubdomainNavBar-link {\n    box-sizing: border-box;\n    width: 100%;\n    min-height: var(--base-size-40);\n    padding: var(--base-size-8) var(--base-size-12);\n    color: var(--brand-color-text-muted);\n    background-color: var(--brand-color-canvas-default);\n    border-radius: var(--brand-borderRadius-medium);\n    font-size: var(--brand-text-size-100);\n    line-height: var(--brand-text-lineHeight-200);\n  }\n\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item) {\n    width: 100%;\n    height: auto;\n  }\n\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link {\n    padding: var(--base-size-8) var(--base-size-12);\n  }\n\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link\n    > .SubdomainNavBar-link-content {\n    width: 100%;\n    padding: 0;\n    background-color: transparent;\n    border-radius: 0;\n  }\n\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:hover\n    > .SubdomainNavBar-link-content,\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:focus\n    > .SubdomainNavBar-link-content,\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:focus-visible\n    > .SubdomainNavBar-link-content,\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:active\n    > .SubdomainNavBar-link-content,\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link[aria-current]:not([aria-current='false'])\n    > .SubdomainNavBar-link-content {\n    background-color: transparent;\n    outline: none;\n  }\n\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:hover,\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:focus,\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:focus-visible,\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:active,\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link[aria-current]:not([aria-current='false']) {\n    color: var(--brand-color-text-default);\n    background-color: var(--brand-color-canvas-subtle);\n  }\n\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:focus,\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:focus-visible {\n    box-shadow: inset 0 0 0 var(--brand-borderWidth-thick) var(--brand-color-focus);\n    outline: none;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-menu-wrapper .SubdomainNavBar-link--title {\n    font-size: var(--brand-text-size-100);\n    line-height: var(--brand-text-lineHeight-200);\n  }\n\n  .SubdomainNavBar-menu-wrapper .SubdomainNavBar-leading-component,\n  .SubdomainNavBar-menu-wrapper .SubdomainNavBar-trailing-component {\n    box-sizing: border-box;\n    flex: none;\n    width: 100%;\n    height: auto;\n    margin-inline: 0;\n    padding: var(--base-size-16);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-menu-wrapper .SubdomainNavBar-button-area {\n    display: flex;\n    width: 100%;\n    height: auto;\n    padding: 0;\n  }\n\n  .SubdomainNavBar-menu-wrapper .SubdomainNavBar-button-area-inner {\n    box-sizing: border-box;\n    flex-direction: column;\n    width: 100%;\n    margin-block: var(--base-size-24);\n    padding-inline: var(--base-size-16);\n  }\n}\n\n.SubdomainNavBar .SubdomainNavBar-menu-wrapper-footer--has-leading-item,\n.SubdomainNavBar\n  .SubdomainNavBar-menu-wrapper\n  .SubdomainNavBar-leading-component\n  + .SubdomainNavBar-primary-nav-list--visible,\n.SubdomainNavBar\n  .SubdomainNavBar-menu-wrapper-footer\n  .SubdomainNavBar-trailing-component\n  + .SubdomainNavBar-button-area {\n  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.SubdomainNavBar-button-area {\n  display: inline-flex;\n  gap: var(--base-size-16);\n  align-items: center;\n  min-width: 0;\n}\n\n.SubdomainNavBar-button-area-inner {\n  display: flex;\n  gap: var(--base-size-8);\n  min-width: 0;\n}\n\n@media screen and (max-width: 48rem) {\n  .SubdomainNavBar-button-area {\n    display: none;\n  }\n\n  .SubdomainNavBar-button-area--visible {\n    display: flex;\n    left: 0;\n    z-index: 99;\n    width: 100%;\n    height: auto;\n    animation-name: fade-in-down-staggered;\n    animation-duration: 500ms;\n    animation-delay: calc(10 * 80ms);\n    animation-fill-mode: both;\n    animation-timing-function: var(--brand-animation-easing-default);\n  }\n\n  .SubdomainNavBar-inner-container--search-open .SubdomainNavBar-button-area--visible {\n    display: none;\n  }\n\n  .SubdomainNavBar-button-area-inner {\n    width: 100%;\n    box-sizing: border-box;\n    flex-direction: column;\n    margin-block: var(--base-size-24);\n    padding-inline: var(--base-size-24);\n    min-width: 0;\n  }\n}\n\n.SubdomainNavBar-cta-button {\n  white-space: nowrap;\n}\n\n.SubdomainNavBar .SubdomainNavBar-menu-wrapper {\n  top: var(--SubdomainNavBar-height);\n  height: auto;\n  max-height: calc(100vh - var(--SubdomainNavBar-height) - var(--SubdomainNavBar-menu-offset-block-start, 0px));\n}\n\n.SubdomainNavBar-menu-backdrop {\n  position: fixed;\n  inset-block-start: calc(var(--SubdomainNavBar-height) + var(--SubdomainNavBar-menu-offset-block-start, 0px));\n  inset-block-end: 0;\n  inset-inline: 0;\n  z-index: 1;\n  background-color: var(--brand-SubdomainNavBar-searchDialog-backdropColor);\n  animation: fade-in var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);\n}\n\n.SubdomainNavBar .SubdomainNavBar-inner-container--search-open {\n  animation: none;\n}\n\n@media screen and (max-width: 47.99rem) {\n  .SubdomainNavBar {\n    --SubdomainNavBar-mobile-control-size: var(--base-size-48);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-inner-container {\n    height: 100%;\n    padding: 0;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-title-area {\n    height: 100%;\n    max-width: none;\n    gap: 0;\n    padding: 0;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-title-area > li {\n    display: flex;\n    align-items: center;\n    height: 100%;\n    padding-inline: 0 var(--base-size-16);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-title-area > li:first-child {\n    justify-content: center;\n    width: auto;\n    padding-inline: var(--base-size-16) var(--base-size-8);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-logo-mark {\n    justify-content: center;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-logo-mark svg {\n    width: var(--base-size-24);\n    height: var(--base-size-24);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-title {\n    padding-inline-end: 0;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-title > * {\n    font-size: var(--brand-text-size-100);\n    line-height: var(--brand-text-lineHeight-100);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-secondary-nav {\n    height: 100%;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-search-trigger {\n    flex: 0 0 var(--SubdomainNavBar-mobile-control-size);\n    justify-content: center;\n    width: var(--SubdomainNavBar-mobile-control-size);\n    height: 100%;\n    padding-inline: 0;\n    border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-search-input-button,\n  .SubdomainNavBar .SubdomainNavBar-mobile-menu-button {\n    box-sizing: border-box;\n    display: inline-flex;\n    flex: 0 0 var(--SubdomainNavBar-mobile-control-size);\n    width: var(--SubdomainNavBar-mobile-control-size);\n    flex-direction: column;\n    height: 100%;\n    padding-inline: var(--base-size-16);\n    border-radius: 0;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-mobile-menu-button {\n    gap: calc(var(--base-size-4) - var(--brand-borderWidth-thin));\n    border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-menu-button-bar {\n    width: var(--base-size-16);\n    height: var(--base-size-2);\n    margin: 0 auto;\n    transform-origin: center;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-menu-button--close .SubdomainNavBar-menu-button-bar:nth-of-type(1) {\n    transform: translateY(calc(var(--base-size-6) - var(--brand-borderWidth-thin))) rotate(45deg);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-menu-button--close .SubdomainNavBar-menu-button-bar:nth-of-type(3) {\n    transform: translateY(calc(var(--brand-borderWidth-thin) - var(--base-size-6))) rotate(-45deg);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-menu-wrapper .SubdomainNavBar-link {\n    padding: var(--base-size-16);\n    font-size: var(--brand-text-size-100);\n    line-height: var(--brand-text-lineHeight-100);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-menu-wrapper .SubdomainNavBar-link--title {\n    font-size: var(--brand-text-size-100);\n    line-height: var(--brand-text-lineHeight-100);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-menu-wrapper .SubdomainNavBar-button-area-inner {\n    padding-inline: var(--base-size-16);\n  }\n}\n\n@media screen and (min-width: 48rem) {\n  .SubdomainNavBar .SubdomainNavBar-inner-container {\n    height: 100%;\n    max-width: none;\n    padding: 0;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-title-area {\n    height: 100%;\n    max-width: none;\n    gap: 0;\n    padding: 0;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-title-area > li {\n    display: flex;\n    align-items: center;\n    height: 100%;\n    padding-inline: 0 var(--base-size-16);\n    border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-title-area > li:first-child {\n    justify-content: center;\n    width: auto;\n    padding-inline: var(--base-size-16) var(--base-size-8);\n    border-inline-end: 0;\n  }\n\n  .SubdomainNavBar--variant-default.SubdomainNavBar--has-title .SubdomainNavBar-title-area > li:first-child {\n    padding-inline-end: 0;\n  }\n\n  .SubdomainNavBar--variant-default.SubdomainNavBar--has-title .SubdomainNavBar-title-area > li:first-child::after {\n    margin-inline-end: 0;\n  }\n\n  .SubdomainNavBar--variant-default.SubdomainNavBar--has-title .SubdomainNavBar-title-item {\n    padding-inline: var(--base-size-24);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-logo-mark {\n    justify-content: center;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-logo-mark svg {\n    width: var(--base-size-24);\n    height: var(--base-size-24);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-title {\n    padding-inline-end: 0;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-title > * {\n    font-size: var(--base-size-16);\n    line-height: var(--base-size-16);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-primary-nav,\n  .SubdomainNavBar .SubdomainNavBar-primary-nav-overflow,\n  .SubdomainNavBar .SubdomainNavBar-primary-nav-list,\n  .SubdomainNavBar .SubdomainNavBar-secondary-nav,\n  .SubdomainNavBar .SubdomainNavBar-button-area,\n  .SubdomainNavBar .SubdomainNavBar-leading-component,\n  .SubdomainNavBar .SubdomainNavBar-trailing-component {\n    height: 100%;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-leading-component,\n  .SubdomainNavBar .SubdomainNavBar-trailing-component {\n    padding-inline: var(--base-size-16);\n    margin-inline: 0;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-leading-component {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-primary-nav-list {\n    align-items: stretch;\n    margin: 0;\n    block-size: 100%;\n    max-block-size: 100%;\n    padding-inline-start: var(--base-size-16);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-primary-nav-overflow {\n    margin: 0;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-primary-nav-list-item {\n    display: flex;\n    align-items: center;\n    height: 100%;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-link {\n    align-items: center;\n    height: 100%;\n    padding: 0 var(--base-size-16);\n    color: var(--brand-color-text-muted);\n    font-size: var(--brand-text-size-100);\n    line-height: var(--brand-text-lineHeight-200);\n  }\n\n  .SubdomainNavBar\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link,\n  .SubdomainNavBar .SubdomainNavBar-more-link {\n    padding-inline: var(--base-size-4);\n  }\n\n  .SubdomainNavBar\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link\n    > .SubdomainNavBar-link-content,\n  .SubdomainNavBar .SubdomainNavBar-more-link > .SubdomainNavBar-link-content {\n    gap: var(--base-size-4);\n    padding: var(--base-size-4) var(--base-size-12);\n    background-color: transparent;\n    border-radius: var(--brand-borderRadius-full);\n  }\n\n  .SubdomainNavBar\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:hover\n    > .SubdomainNavBar-link-content,\n  .SubdomainNavBar\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:active\n    > .SubdomainNavBar-link-content,\n  .SubdomainNavBar\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link[aria-current]:not([aria-current='false'])\n    > .SubdomainNavBar-link-content,\n  .SubdomainNavBar .SubdomainNavBar-more-link:hover > .SubdomainNavBar-link-content,\n  .SubdomainNavBar .SubdomainNavBar-more-link:active > .SubdomainNavBar-link-content,\n  .SubdomainNavBar .SubdomainNavBar-more-link[aria-expanded='true'] > .SubdomainNavBar-link-content {\n    background-color: var(--brand-SubdomainNavBar-color-link-bgColor);\n  }\n\n  .SubdomainNavBar\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:focus-visible,\n  .SubdomainNavBar .SubdomainNavBar-more-link:focus-visible {\n    outline: none;\n  }\n\n  .SubdomainNavBar\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:focus-visible\n    > .SubdomainNavBar-link-content,\n  .SubdomainNavBar .SubdomainNavBar-more-link:focus-visible > .SubdomainNavBar-link-content {\n    outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n    outline-offset: var(--base-size-2);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-link-text::after {\n    display: none;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-overflow-menu {\n    animation: fade-in-down-overflow var(--brand-animation-duration-faster);\n    animation-timing-function: var(--brand-animation-easing-default);\n    border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n    border-start-start-radius: 0;\n    border-start-end-radius: 0;\n    border-end-start-radius: var(--brand-borderRadius-medium);\n    border-end-end-radius: var(--brand-borderRadius-medium);\n    box-shadow: none;\n    min-width: calc(var(--base-size-128) + var(--base-size-32));\n    transform: translateY(calc(0px - var(--base-size-4)));\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-overflow-menu-list {\n    gap: var(--brand-borderWidth-thin);\n    padding: var(--base-size-8);\n    width: 100%;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-overflow-menu-item .SubdomainNavBar-link {\n    width: 100%;\n    min-height: var(--base-size-40);\n    padding: var(--base-size-8) var(--base-size-12);\n    color: var(--brand-color-text-muted);\n    background-color: var(--brand-color-canvas-default);\n    border-radius: var(--brand-borderRadius-medium);\n    font-size: var(--brand-text-size-100);\n    line-height: var(--brand-text-lineHeight-200);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-overflow-menu-item .SubdomainNavBar-link:hover,\n  .SubdomainNavBar .SubdomainNavBar-overflow-menu-item .SubdomainNavBar-link:focus,\n  .SubdomainNavBar .SubdomainNavBar-overflow-menu-item .SubdomainNavBar-link:focus-visible {\n    color: var(--brand-color-text-default);\n    background-color: var(--brand-color-canvas-subtle);\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .SubdomainNavBar\n      .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n      > .SubdomainNavBar-link\n      > .SubdomainNavBar-link-content,\n    .SubdomainNavBar .SubdomainNavBar-more-link > .SubdomainNavBar-link-content {\n      transition: background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n    }\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-search-trigger {\n    height: 100%;\n    padding-inline: var(--base-size-16);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-search-trigger--has-trailing-item {\n    border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-button-area {\n    align-items: center;\n    padding-inline: var(--base-size-16);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-button-area--has-leading-item {\n    border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n}\n\n@media screen and (min-width: 63.25rem) {\n  .SubdomainNavBar .SubdomainNavBar-search-trigger {\n    --SubdomainNavBar-search-input-width: clamp(\n      calc(var(--base-size-128) + var(--base-size-32)),\n      28.5vw,\n      calc(var(--base-size-128) * 3 + var(--base-size-36))\n    );\n\n    align-self: stretch;\n  }\n\n  .SubdomainNavBar--variant-default.SubdomainNavBar--has-primary-nav {\n    border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n    height: calc(var(--SubdomainNavBar-height) + var(--base-size-48));\n  }\n\n  .SubdomainNavBar--variant-default::after {\n    inset-block-start: var(--SubdomainNavBar-height);\n  }\n\n  .SubdomainNavBar--variant-default .SubdomainNavBar-inner-container {\n    display: grid;\n    grid-template-columns: auto minmax(0, 1fr) auto;\n    grid-template-rows: var(--SubdomainNavBar-height);\n  }\n\n  .SubdomainNavBar--variant-default.SubdomainNavBar--has-primary-nav .SubdomainNavBar-inner-container {\n    grid-template-rows: var(--SubdomainNavBar-height) var(--base-size-48);\n  }\n\n  .SubdomainNavBar--variant-default .SubdomainNavBar-title-navigation {\n    grid-column: 1;\n    grid-row: 1;\n    min-width: 0;\n  }\n\n  .SubdomainNavBar--variant-default .SubdomainNavBar-primary-nav {\n    grid-column: 1 / -1;\n    grid-row: 2;\n    min-width: 0;\n    border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .SubdomainNavBar--variant-default .SubdomainNavBar-primary-nav-list {\n    padding-inline-start: calc(var(--base-size-64) + var(--brand-borderWidth-thin));\n  }\n\n  .SubdomainNavBar--variant-default .SubdomainNavBar-inner-container > .SubdomainNavBar-leading-component {\n    grid-column: 2;\n    grid-row: 1;\n    justify-self: start;\n    border-inline-start: 0;\n  }\n\n  .SubdomainNavBar--variant-default .SubdomainNavBar-inner-container > .SubdomainNavBar-secondary-nav {\n    grid-column: 3;\n    grid-row: 1;\n  }\n\n  .SubdomainNavBar--variant-default .SubdomainNavBar-search-trigger {\n    border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n}\n\n.SubdomainNavBar--variant-default .SubdomainNavBar-search-input-button {\n  justify-content: center;\n  gap: 0;\n  width: var(--base-size-32);\n  padding: var(--base-size-8);\n  background-color: transparent;\n}\n\n.SubdomainNavBar--variant-default .SubdomainNavBar-search-input-button-placeholder {\n  gap: 0;\n}\n\n.SubdomainNavBar--variant-default .SubdomainNavBar-search-input-button-placeholder-text,\n.SubdomainNavBar--variant-default .SubdomainNavBar-search-input-button-shortcut {\n  display: none;\n}\n\n@media screen and (min-width: 48rem) {\n  .SubdomainNavBar--variant-default .SubdomainNavBar-search-trigger {\n    flex: 0 0 var(--base-size-48);\n    width: var(--base-size-48);\n    min-width: var(--base-size-48);\n  }\n\n  .SubdomainNavBar--variant-default .SubdomainNavBar-search-trigger {\n    padding-inline: 0;\n  }\n\n  .SubdomainNavBar--variant-default .SubdomainNavBar-search-input-button {\n    width: 100%;\n    block-size: 100%;\n    padding-inline: var(--base-size-16);\n    border-radius: 0;\n  }\n}\n\n@media screen and (min-width: 1024px) {\n  .SubdomainNavBar-cta-button--secondary {\n    display: inline-flex;\n  }\n}\n\n/*\n * Search dialog control area\n */\n.SubdomainNavBar-search-form {\n  display: flex;\n  width: 100%;\n}\n\n.SubdomainNavBar-search-input-area {\n  display: flex;\n  align-items: center;\n  gap: var(--base-size-8);\n  width: 100%;\n}\n\n.SubdomainNavBar-search-close-button {\n  cursor: pointer;\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: none;\n  min-block-size: var(--base-size-32);\n  padding: var(--base-size-8) var(--base-size-12);\n  color: var(--brand-color-text-default);\n  background-color: var(--brand-color-canvas-subtle);\n  border: 0;\n  border-radius: var(--brand-borderRadius-medium);\n  font-family: var(--brand-body-fontFamily);\n  font-size: var(--brand-text-size-100);\n  font-weight: var(--base-text-weight-medium);\n  line-height: var(--base-size-14);\n  letter-spacing: var(--brand-text-letterSpacing-100);\n}\n\n.SubdomainNavBar-search-close-button:hover {\n  background-color: var(--brand-color-canvas-inset);\n}\n\n.SubdomainNavBar-search-close-button:focus-visible {\n  outline: var(--base-size-4) solid var(--brand-color-focus);\n  outline-offset: var(--base-size-2);\n}\n\n.SubdomainNavBar-search-dialog-control-area {\n  height: var(--base-size-40);\n  max-width: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  background: transparent;\n}\n\n.SubdomainNavBar-search-text-input {\n  border-color: transparent;\n}\n\n.SubdomainNavBar-search-results-area {\n  width: 100%;\n}\n\n.SubdomainNavBar-search-results-container {\n  animation: fade-in-down 500ms;\n  padding: var(--base-size-24);\n  background-color: var(--base-color-scale-white-0);\n  border-radius: var(--brand-borderRadius-large);\n  box-shadow: 0px 8px 24px rgba(1, 4, 9, 0.15);\n  max-height: 514px;\n  height: 70vh;\n  max-width: 570px;\n  margin: 0 auto;\n  width: 80%;\n}\n\n.SubdomainNavBar-search-results {\n  overflow-y: scroll;\n  list-style: none;\n  padding: 0 var(--base-size-24) 0 0;\n  margin: 0;\n  height: 90%;\n}\n\n.SubdomainNavBar-search-results-heading {\n  display: block;\n  font-weight: var(--brand-heading-weight-600);\n  font-size: var(--base-size-20);\n  line-height: var(--base-size-24);\n  margin-bottom: var(--base-size-20);\n  padding: 0 var(--base-size-8);\n  color: var(--base-color-scale-black-0);\n}\n\n.SubdomainNavBar-search-result-group,\n.SubdomainNavBar-search-result-group-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.SubdomainNavBar-search-result-group + .SubdomainNavBar-search-result-group {\n  margin-block-start: var(--base-size-24);\n}\n\n.SubdomainNavBar-search-result-group-heading {\n  display: block;\n  margin: 0 0 var(--base-size-20);\n  padding: 0 var(--base-size-8);\n  color: var(--brand-color-text-muted);\n  font-weight: var(--brand-heading-weight-600);\n  font-size: var(--brand-text-size-100);\n  line-height: var(--brand-text-lineHeight-100);\n}\n\n.SubdomainNavBar-search-result-item {\n  padding: var(--base-size-16) var(--base-size-8);\n  border-bottom: solid var(--brand-borderWidth-thin, 1px)\n    var(--brand-SubdomainNavBar-search-results-border-default, #b7bfc7);\n}\n\n.SubdomainNavBar-search-result-item-container a[aria-selected='true'] {\n  outline: var(--brand-color-focus) auto var(--brand-borderWidth-thick);\n}\n\n.SubdomainNavBar-search-result-item-container {\n  letter-spacing: var(--brand-heading-letterSpacing-400);\n  font-size: var(--brand-text-size-400);\n}\n\n.SubdomainNavBar-search-result-item-container a {\n  display: block;\n  color: var(--base-color-scale-black-0);\n  text-decoration: none;\n  margin: 0 0 var(--base-size-12);\n  font-size: var(--base-size-16);\n  font-weight: var(--brand-heading-weight-400);\n  font-family: var(--brand-heading-fontFamily);\n  line-height: var(--brand-text-lineHeight-400);\n}\n\n.SubdomainNavBar-search-result-item-container a svg {\n  flex: none;\n}\n\n.SubdomainNavBar-search-result-item-container a:hover {\n  text-decoration: none;\n}\n\n.SubdomainNavBar-search-result-item-desc {\n  color: var(--base-color-scale-black-0);\n}\n\n.SubdomainNavBar-search-dialog {\n  position: fixed;\n  inset-block-start: calc(var(--base-size-64) + var(--base-size-8));\n  inset-block-end: auto;\n  inset-inline: calc(var(--base-size-64) + var(--base-size-8));\n  z-index: 99;\n  width: min(\n    calc(100vw - ((var(--base-size-64) + var(--base-size-8)) * 2)),\n    calc((var(--base-size-128) * 6) + var(--base-size-36))\n  );\n  max-height: calc(100vh - ((var(--base-size-64) + var(--base-size-8)) * 2));\n  height: auto;\n  margin-inline: auto;\n  padding: var(--base-size-16);\n  overflow: hidden;\n  color: var(--brand-color-text-default);\n  background-color: var(--brand-color-canvas-default);\n  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n  border-radius: var(--brand-borderRadius-large);\n  box-shadow: 0 0 calc(var(--base-size-32) + var(--base-size-2)) var(--brand-SubdomainNavBar-searchDialog-shadowColor);\n}\n\n.SubdomainNavBar-search-dialog--has-results {\n  padding-block-end: var(--base-size-32);\n}\n\n.SubdomainNavBar-search-dialog::backdrop {\n  background-color: var(--brand-SubdomainNavBar-searchDialog-backdropColor);\n  -webkit-backdrop-filter: blur(var(--base-size-24));\n  backdrop-filter: blur(var(--base-size-24));\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-input-area {\n  gap: var(--base-size-16);\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-form {\n  min-width: 0;\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-form section > span:focus-within {\n  border-color: transparent;\n  box-shadow: none;\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-text-input {\n  color: var(--brand-color-text-default);\n  font-size: calc(var(--base-size-16) + var(--base-size-2));\n  font-weight: var(--base-text-weight-medium);\n  line-height: var(--brand-text-lineHeight-300);\n  letter-spacing: var(--brand-text-letterSpacing-100);\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-close-button {\n  background-color: var(--brand-color-border-muted);\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-results-area--visible {\n  margin-block-start: var(--base-size-24);\n  padding-block-start: var(--base-size-24);\n  border-block-start: var(--brand-borderWidth-thin) dashed var(--brand-color-border-muted);\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-results-container {\n  width: 100%;\n  height: auto;\n  max-width: none;\n  max-height: calc(100vh - (((var(--base-size-64) + var(--base-size-8)) * 2) + var(--base-size-128)));\n  padding: 0;\n  margin: 0;\n  overflow-y: auto;\n  background-color: transparent;\n  border-radius: 0;\n  box-shadow: none;\n  animation: none;\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-results {\n  height: auto;\n  padding: 0;\n  margin: 0;\n  overflow: visible;\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-results-heading,\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-result-group-heading {\n  margin-block-end: var(--base-size-20);\n  padding: 0;\n  color: var(--brand-color-text-muted);\n  font-size: var(--brand-text-size-100);\n  font-weight: var(--brand-heading-weight-600);\n  line-height: var(--brand-text-lineHeight-100);\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-result-group + .SubdomainNavBar-search-result-group {\n  margin-block-start: var(--base-size-24);\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-result-item {\n  padding: var(--base-size-16) var(--base-size-4);\n  border-block-end: 0;\n  border-block-start: var(--brand-borderWidth-thin) dashed var(--brand-color-border-muted);\n}\n\n.SubdomainNavBar-search-dialog\n  .SubdomainNavBar-search-result-group-list\n  > .SubdomainNavBar-search-result-item:first-child,\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-results > .SubdomainNavBar-search-result-item:first-child {\n  padding-block-start: var(--base-size-12);\n  border-block-start: 0;\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-result-item-container {\n  font-size: var(--brand-text-size-300);\n  letter-spacing: var(--brand-text-letterSpacing-100);\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-result-item-container a {\n  display: flex;\n  align-items: center;\n  gap: calc(var(--base-size-8) + var(--base-size-2));\n  width: 100%;\n  margin: 0;\n  color: var(--brand-color-text-default);\n  font-size: var(--brand-text-size-300);\n  font-weight: var(--brand-heading-weight-600);\n  line-height: var(--brand-text-lineHeight-300);\n  letter-spacing: var(--brand-text-letterSpacing-100);\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-result-item-container a span {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-result-item-desc,\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-result-item-meta {\n  display: none;\n}\n\n@media screen and (max-width: 47.99rem) {\n  .SubdomainNavBar-search-dialog {\n    inset-block-start: var(--base-size-16);\n    inset-block-end: auto;\n    inset-inline: var(--base-size-16);\n    width: calc(100vw - (var(--base-size-16) * 2));\n    max-height: calc(100vh - (var(--base-size-16) * 2));\n    height: auto;\n  }\n}\n\n.SubdomainNavBar-skip-to-content {\n  position: absolute;\n  inset-block-start: calc(var(--SubdomainNavBar-height) / 2);\n  inset-inline-start: var(--base-size-16);\n  z-index: 100;\n  transform: translateY(-50%);\n}\n\n/*\n * Reusable animations\n */\n@keyframes fade-in-down {\n  0% {\n    opacity: 0;\n    transform: translateY(-20px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fade-in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes fade-in-down-overflow {\n  0% {\n    opacity: 0;\n    transform: translateY(calc(0px - var(--base-size-24)));\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(calc(0px - var(--base-size-4)));\n  }\n}\n\n@keyframes fade-out {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n\n@keyframes enlarge-shadow {\n  0% {\n    scale: 0.98;\n    box-shadow: 0px 8px 0 rgba(1, 4, 9, 0.15);\n  }\n  100% {\n    scale: 1;\n    box-shadow: 0px 8px 24px rgba(1, 4, 9, 0.15);\n  }\n}\n\n@keyframes fade-in-down-staggered {\n  0% {\n    opacity: 0;\n    transform: scale(0.6) translateY(-8px);\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  .SubdomainNavBar,\n  .SubdomainNavBar::before,\n  .SubdomainNavBar::after,\n  .SubdomainNavBar * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"SubdomainNavBar.module.js","names":[],"sources":["../../src/SubdomainNavBar/SubdomainNavBar.module.css"],"sourcesContent":["/*\n * Main styles for the subdomain navigation bar.\n */\n.SubdomainNavBar {\n  position: relative;\n  z-index: 90;\n  font-weight: 550;\n  background: var(--brand-color-canvas-default);\n  height: var(--SubdomainNavBar-height);\n}\n\n.SubdomainNavBar::after {\n  content: '';\n  position: absolute;\n  z-index: 3;\n  inset-inline: 0;\n  inset-block-start: 100%;\n  height: var(--brand-borderWidth-thin);\n  background-color: var(--brand-SubdomainNavBar-border-nav-default);\n  pointer-events: none;\n}\n\n/*\n * Outer container\n */\n.SubdomainNavBar-outer-container {\n  --SubdomainNavBar-height: var(--base-size-64);\n\n  z-index: 90;\n}\n\n@media screen and (max-width: 47.99rem) {\n  .SubdomainNavBar-outer-container {\n    --SubdomainNavBar-height: calc(var(--base-size-64) - var(--base-size-8));\n  }\n}\n\n.SubdomainNavBar-outer-container:not(.SubdomainNavBar-outer-container--fixed) {\n  position: relative;\n}\n\n.SubdomainNavBar-outer-container--fixed {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n}\n\n/*\n * Inner container\n */\n.SubdomainNavBar-inner-container {\n  display: flex;\n  padding: 4px 28px;\n}\n\n.SubdomainNavBar-inner-container--centered {\n  max-width: 1280px;\n  margin: 0 auto;\n}\n\n@media screen and (min-width: 48rem) {\n  .SubdomainNavBar-inner-container {\n    padding: 4px 32px;\n  }\n}\n\n.SubdomainNavBar-inner-container--search-open {\n  animation: fade-out 150ms;\n}\n\n/*\n * Logo and title area\n */\n.SubdomainNavBar-title-area {\n  display: inline-flex;\n  list-style-type: none;\n  align-items: center;\n  gap: var(--base-size-8);\n  padding: 0;\n  margin: 0;\n  max-width: 340px;\n  color: var(--brand-color-text-default);\n  padding: var(--base-size-16) 0;\n}\n\n@media screen and (min-width: 63.25rem) {\n  .SubdomainNavBar-title-area {\n    gap: var(--base-size-16);\n  }\n}\n\n.SubdomainNavBar-logo-mark,\n.SubdomainNavBar-title {\n  display: inline-flex;\n  align-items: center;\n  color: var(--brand-color-text-default);\n}\n\n.SubdomainNavBar-logo-mark {\n  position: relative;\n}\n\n.SubdomainNavBar-back-arrow {\n  position: absolute;\n  display: flex;\n  inset-inline-start: calc(-1 * var(--base-size-24) + var(--base-size-4));\n  inset-block-start: 50%;\n  color: var(--brand-color-text-muted);\n  opacity: 0;\n  transform: translate(var(--base-size-4), -50%);\n  transition: opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast) ease;\n}\n\n.SubdomainNavBar-logo-mark:hover .SubdomainNavBar-back-arrow {\n  opacity: 1;\n  transform: translate(0, -50%);\n}\n\n.SubdomainNavBar-logo-mark svg {\n  width: 32px;\n  height: 32px;\n}\n\n.SubdomainNavBar-title {\n  line-height: var(--base-size-32);\n  text-decoration: none;\n  padding-inline-end: var(--base-size-16);\n  white-space: nowrap;\n}\n\n.SubdomainNavBar-title:hover {\n  text-decoration: none;\n}\n\n.SubdomainNavBar--variant-featured .SubdomainNavBar-title-prefix {\n  color: var(--brand-color-text-default);\n}\n\n.SubdomainNavBar-title-label {\n  color: inherit;\n}\n\n.SubdomainNavBar--variant-default.SubdomainNavBar--has-title .SubdomainNavBar-title-area > li:first-child {\n  display: flex;\n  align-items: center;\n  align-self: stretch;\n}\n\n.SubdomainNavBar--variant-default.SubdomainNavBar--has-title .SubdomainNavBar-title-area > li:first-child::after {\n  content: '';\n  box-sizing: border-box;\n  align-self: center;\n  flex: none;\n  width: var(--brand-borderWidth-thin);\n  height: var(--SubdomainNavBar-height);\n  margin-inline: var(--base-size-16);\n  background-color: var(--brand-color-border-muted);\n}\n\n.SubdomainNavBar-leading-component,\n.SubdomainNavBar-trailing-component {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n}\n\n.SubdomainNavBar-leading-component {\n  margin-inline-end: var(--base-size-16);\n}\n\n.SubdomainNavBar-trailing-component {\n  margin-inline-start: var(--base-size-16);\n}\n\n/*\n * Primary navigation link area\n */\n.SubdomainNavBar-primary-nav {\n  display: inline-flex;\n  list-style-type: none;\n  align-items: center;\n  flex: 1 1 0;\n  min-width: 0;\n  padding: 0;\n  margin: 0;\n}\n\n.SubdomainNavBar-primary-nav-list {\n  list-style-type: none;\n}\n\n@media screen and (max-width: 767px) {\n  .SubdomainNavBar-primary-nav-list {\n    display: none;\n  }\n\n  .SubdomainNavBar-primary-nav-list--invisible {\n    display: none;\n  }\n\n  .SubdomainNavBar-primary-nav-list--visible {\n    display: block;\n    margin: 0;\n    padding: 0;\n  }\n\n  .SubdomainNavBar-leading-component,\n  .SubdomainNavBar-trailing-component {\n    flex: none;\n    width: 100%;\n    box-sizing: border-box;\n    padding-block: var(--base-size-16);\n    padding-inline: var(--base-size-16);\n  }\n\n  .SubdomainNavBar-leading-component {\n    margin-inline-end: 0;\n  }\n\n  .SubdomainNavBar-trailing-component {\n    margin-inline-start: 0;\n  }\n\n  .SubdomainNavBar-menu-wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    overflow-y: auto;\n    position: absolute;\n    top: var(--SubdomainNavBar-height);\n    left: 0;\n    right: 0;\n    z-index: 2;\n    background-color: var(--brand-color-canvas-default);\n    width: 100%;\n    max-height: calc(100vh - var(--SubdomainNavBar-height) - var(--SubdomainNavBar-menu-offset-block-start, 0px));\n    border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n    animation: fade-in-down 500ms;\n    animation-timing-function: var(--brand-animation-easing-default);\n  }\n\n  .SubdomainNavBar-menu-wrapper--close {\n    display: none;\n  }\n\n  .SubdomainNavBar-menu-wrapper-footer {\n    flex: none;\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n  }\n}\n\n@media screen and (min-width: 48rem) {\n  .SubdomainNavBar-primary-nav-overflow {\n    display: flex;\n    align-items: center;\n    flex: 1 1 0;\n    min-width: 0;\n    margin: 0 var(--base-size-24) 0 0;\n  }\n\n  .SubdomainNavBar-primary-nav-list {\n    display: flex;\n    align-items: center;\n    flex: 1 1 auto;\n    flex-wrap: nowrap;\n    min-width: 0;\n    block-size: var(--base-size-48);\n    max-block-size: var(--base-size-48);\n    overflow: hidden;\n    padding: 0;\n    margin: 0;\n  }\n}\n\n.SubdomainNavBar-primary-nav-list-item {\n  flex: 0 0 auto;\n  white-space: nowrap;\n}\n\n@media screen and (max-width: 767px) {\n  .SubdomainNavBar-primary-nav-list-item {\n    animation-name: fade-in-down-staggered;\n    animation-duration: 500ms;\n    animation-delay: calc(var(--animation-order) * 80ms);\n    animation-fill-mode: both;\n    animation-timing-function: var(--brand-animation-easing-default);\n  }\n}\n\n@media screen and (min-width: 48rem) {\n  .SubdomainNavBar-primary-nav-list-item--overflowed {\n    visibility: hidden;\n    pointer-events: none;\n  }\n\n  .SubdomainNavBar-primary-nav-list-item--overflow {\n    display: flex;\n    align-items: center;\n    flex: 0 0 auto;\n    position: absolute;\n    inset-inline-end: 0;\n    visibility: hidden;\n    pointer-events: none;\n  }\n\n  .SubdomainNavBar-primary-nav-overflow--has-overflow .SubdomainNavBar-primary-nav-list-item--overflow {\n    position: relative;\n    visibility: visible;\n    pointer-events: auto;\n  }\n}\n\n.SubdomainNavBar-link {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--base-size-8);\n  color: var(--brand-color-text-default);\n  font-family: var(--brand-heading-fontFamily);\n  font-weight: var(--base-text-weight-normal);\n  text-decoration: none;\n}\n\n.SubdomainNavBar-link:hover {\n  text-decoration: none;\n}\n\n.SubdomainNavBar-link-text {\n  position: relative;\n}\n\n.SubdomainNavBar-link-content {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--base-size-8);\n}\n\n@media screen and (max-width: 767px) {\n  .SubdomainNavBar-link--title {\n    font-weight: var(--base-text-weight-medium);\n  }\n}\n\n@media screen and (min-width: 48rem) {\n  .SubdomainNavBar .SubdomainNavBar-overflow-menu-item .SubdomainNavBar-link {\n    width: 100%;\n    min-height: var(--base-size-40);\n    padding: var(--base-size-8) var(--base-size-12);\n    color: var(--brand-color-text-muted);\n    background-color: var(--brand-color-canvas-default);\n    border-radius: var(--brand-borderRadius-medium);\n    font-size: var(--brand-text-size-100);\n    line-height: var(--brand-text-lineHeight-200);\n    transition: background-color var(--brand-animation-easing-default) 250ms;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-overflow-menu-item .SubdomainNavBar-link:hover,\n  .SubdomainNavBar .SubdomainNavBar-overflow-menu-item .SubdomainNavBar-link:focus,\n  .SubdomainNavBar .SubdomainNavBar-overflow-menu-item .SubdomainNavBar-link:focus-visible {\n    color: var(--brand-color-text-default);\n    background-color: var(--brand-color-canvas-subtle);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-overflow-menu-item .SubdomainNavBar-link:focus,\n  .SubdomainNavBar .SubdomainNavBar-overflow-menu-item .SubdomainNavBar-link:focus-visible {\n    box-shadow: inset 0 0 0 var(--brand-borderWidth-thick) var(--brand-color-focus);\n    outline: none;\n  }\n}\n\n.SubdomainNavBar-more-link {\n  display: none;\n}\n\n@media screen and (min-width: 48rem) {\n  .SubdomainNavBar-more-link {\n    cursor: pointer;\n    appearance: none;\n    border: none;\n    background-color: transparent;\n    display: inline-flex;\n    align-items: center;\n    gap: var(--base-size-4);\n  }\n}\n\n.SubdomainNavBar .SubdomainNavBar-overflow-menu {\n  position: absolute;\n  z-index: 100;\n  right: auto;\n  background-color: var(--brand-color-canvas-default);\n  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  border-start-start-radius: 0;\n  border-start-end-radius: 0;\n  border-end-start-radius: var(--brand-borderRadius-medium);\n  border-end-end-radius: var(--brand-borderRadius-medium);\n  animation: fade-in-down-overflow var(--brand-animation-duration-faster);\n  animation-timing-function: var(--brand-animation-easing-default);\n  min-width: calc(var(--base-size-128) + var(--base-size-32));\n  transform: translateY(calc(0px - var(--base-size-4)));\n  overflow: hidden;\n}\n\n.SubdomainNavBar .SubdomainNavBar-overflow-menu-list {\n  display: grid;\n  gap: var(--brand-borderWidth-thin);\n  list-style-type: none;\n  padding: var(--base-size-8);\n  margin: 0;\n  width: 100%;\n}\n\n/*\n * Toolbar actions area for search and mobile menu\n */\n\n.SubdomainNavBar-secondary-nav {\n  display: flex;\n  align-items: center;\n  flex: 0 1 auto;\n  min-width: 0;\n  margin-left: auto;\n}\n.SubdomainNavBar-search-trigger {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  min-width: 0;\n}\n\n@media screen and (min-width: 63.25rem) {\n  .SubdomainNavBar-search-trigger {\n    --SubdomainNavBar-search-input-width: calc(var(--base-size-128) * 2 + var(--base-size-24));\n\n    flex: 0 9999 var(--SubdomainNavBar-search-input-width);\n    width: var(--SubdomainNavBar-search-input-width);\n    max-width: 100%;\n    min-width: calc(var(--base-size-128) + var(--base-size-32));\n  }\n}\n\n.SubdomainNavBar-menu-button {\n  position: relative;\n  cursor: pointer;\n  appearance: none;\n  background-color: transparent;\n  border: var(--brand-borderWidth-thick) solid transparent;\n  color: var(--brand-color-text-default);\n  width: calc(48px - var(--brand-borderWidth-thick));\n  height: calc(48px - var(--brand-borderWidth-thick));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: border 250ms var(--brand-animation-easing-default), box-shadow 250ms ease;\n  border-radius: var(--brand-borderRadius-medium);\n  box-shadow: 0 0 0 2px transparent;\n  gap: 0;\n}\n\n.SubdomainNavBar-menu-button svg {\n  width: 24px;\n  height: 24px;\n}\n\n.SubdomainNavBar-search-input-button {\n  cursor: pointer;\n  appearance: none;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--base-size-16);\n  width: 100%;\n  block-size: var(--base-size-32);\n  min-block-size: var(--base-size-32);\n  padding: var(--base-size-4) var(--base-size-4) var(--base-size-4) calc(var(--base-size-8) + var(--base-size-2));\n  overflow: hidden;\n  color: var(--brand-color-text-muted);\n  background-color: var(--brand-color-canvas-subtle);\n  border: 0;\n  border-radius: var(--brand-borderRadius-medium);\n  font-family: var(--brand-body-fontFamily);\n  transition: background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default),\n    box-shadow var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n}\n\n.SubdomainNavBar-search-input-button:hover {\n  box-shadow: inset 0 0 0 var(--brand-borderWidth-thin) var(--brand-color-border-muted);\n}\n\n.SubdomainNavBar-search-input-button:focus-visible {\n  outline: var(--base-size-4) solid var(--brand-color-focus);\n  outline-offset: var(--base-size-2);\n}\n\n.SubdomainNavBar-search-input-button:active {\n  box-shadow: inset 0 0 0 var(--brand-borderWidth-thin) var(--brand-color-border-default);\n}\n\n.SubdomainNavBar-search-input-button-placeholder {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--base-size-8);\n  min-width: 0;\n  overflow: hidden;\n  color: var(--brand-color-text-muted);\n  font-size: var(--brand-text-size-100);\n  font-weight: var(--base-text-weight-normal);\n  line-height: 1.2;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.SubdomainNavBar-search-input-button-placeholder svg {\n  flex: none;\n}\n\n.SubdomainNavBar-search-input-button-placeholder span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.SubdomainNavBar-search-input-button-shortcut {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  align-self: stretch;\n  min-width: var(--base-size-24);\n  padding-inline: var(--base-size-8);\n  color: var(--brand-color-text-default);\n  background-color: var(--brand-color-canvas-default);\n  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  border-radius: calc(var(--brand-borderRadius-medium) / 2);\n  font-family: var(--brand-fontStack-monospace);\n  font-size: var(--brand-text-size-100);\n  font-weight: var(--base-text-weight-normal);\n  line-height: 1.6;\n}\n\n@media screen and (max-width: 47.99rem) {\n  .SubdomainNavBar-search-trigger {\n    flex: 0 0 var(--base-size-48);\n    justify-content: center;\n    width: var(--base-size-48);\n  }\n\n  .SubdomainNavBar-search-input-button {\n    justify-content: center;\n    gap: 0;\n    width: var(--base-size-32);\n    padding: var(--base-size-8);\n    background-color: transparent;\n  }\n\n  .SubdomainNavBar-search-input-button-placeholder {\n    gap: 0;\n  }\n\n  .SubdomainNavBar-search-input-button-placeholder span,\n  .SubdomainNavBar-search-input-button-shortcut {\n    display: none;\n  }\n}\n\n.SubdomainNavBar-menu-button {\n  display: inline-flex;\n  align-items: center;\n  align-self: center;\n}\n\n.SubdomainNavBar-menu-button-icon {\n  display: inline-flex;\n  flex-direction: column;\n  gap: calc(var(--base-size-4) - var(--brand-borderWidth-thin));\n}\n\n.SubdomainNavBar-menu-button-label {\n  display: none;\n}\n\n.SubdomainNavBar-menu-button-bar {\n  width: 22px;\n  height: 2px;\n  background-color: var(--brand-color-text-default);\n  margin: var(--base-size-4) auto;\n  border-radius: var(--brand-borderRadius-large);\n  display: block;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .SubdomainNavBar-menu-button-bar {\n    transition-timing-function: var(--brand-animation-easing-default);\n    transition-duration: 500ms;\n    transition-property: opacity, transform;\n  }\n}\n\n.SubdomainNavBar-menu-button-bar:nth-of-type(1) {\n  transform-origin: bottom right;\n}\n\n.SubdomainNavBar-menu-button-bar:nth-of-type(3) {\n  transform-origin: top right;\n}\n\n.SubdomainNavBar-menu-button--close .SubdomainNavBar-menu-button-bar:nth-of-type(1) {\n  transform: rotate(-45deg) translateY(-3px);\n}\n\n.SubdomainNavBar-menu-button--close .SubdomainNavBar-menu-button-bar:nth-of-type(2) {\n  opacity: 0;\n  transform: scale(0);\n}\n\n.SubdomainNavBar-menu-button--close .SubdomainNavBar-menu-button-bar:nth-of-type(3) {\n  transform: rotate(45deg) translateY(3px);\n}\n\n.SubdomainNavBar-mobile-menu-button.SubdomainNavBar-menu-button--close {\n  position: relative;\n  z-index: 3;\n  background-color: var(--brand-color-canvas-muted);\n}\n\n.SubdomainNavBar-mobile-menu-button.SubdomainNavBar-menu-button--close:focus-visible {\n  outline: none;\n  box-shadow: none;\n  transition: none;\n}\n\n.SubdomainNavBar-mobile-menu-button.SubdomainNavBar-menu-button--close:focus-visible::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  pointer-events: none;\n  border: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n}\n\n.SubdomainNavBar-mobile-menu-button.SubdomainNavBar-menu-button--close::after {\n  content: '';\n  position: absolute;\n  z-index: 1;\n  inset-inline: 0;\n  inset-block-end: calc(var(--brand-borderWidth-thin) * -2);\n  height: calc(var(--brand-borderWidth-thin) * 2);\n  background-color: var(--brand-color-canvas-muted);\n}\n\n@media screen and (min-width: 63.25rem) {\n  .SubdomainNavBar-menu-button:hover {\n    background-color: transparent;\n    border: var(--brand-borderWidth-thick) solid var(--brand-SubdomainNavBar-border-button-hover);\n  }\n\n  .SubdomainNavBar-menu-button:active {\n    background-color: transparent;\n    box-shadow: 0 0 0 1px var(--brand-SubdomainNavBar-border-button-hover);\n  }\n\n  .SubdomainNavBar-mobile-menu-button {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 48rem) and (max-width: 63.24rem) {\n  .SubdomainNavBar-primary-nav {\n    display: none;\n  }\n\n  .SubdomainNavBar-secondary-nav {\n    position: relative;\n    flex: 0 0 auto;\n    align-self: stretch;\n  }\n\n  .SubdomainNavBar-search-trigger {\n    --SubdomainNavBar-tablet-search-width: calc(var(--base-size-128) * 2 + var(--base-size-2));\n\n    flex: 0 0 var(--SubdomainNavBar-tablet-search-width);\n    width: var(--SubdomainNavBar-tablet-search-width);\n    padding-inline: var(--base-size-8);\n    border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .SubdomainNavBar-search-input-button {\n    width: 100%;\n  }\n\n  .SubdomainNavBar-mobile-menu-button {\n    align-self: stretch;\n    flex: none;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    gap: var(--base-size-8);\n    width: max-content;\n    min-width: calc(var(--base-size-64) + var(--base-size-32));\n    height: 100%;\n    padding-inline: var(--base-size-16);\n    color: var(--brand-color-text-default);\n    border: 0;\n    border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n    border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n    border-radius: 0;\n    overflow: visible;\n    font-family: var(--brand-body-fontFamily);\n    font-size: var(--brand-text-size-100);\n    line-height: var(--brand-text-lineHeight-100);\n  }\n\n  .SubdomainNavBar-menu-button-label {\n    display: inline-flex;\n    align-items: center;\n    white-space: nowrap;\n  }\n\n  .SubdomainNavBar-menu-button-icon {\n    flex: none;\n    align-items: stretch;\n    justify-content: center;\n    width: var(--base-size-16);\n    height: var(--base-size-16);\n    overflow: visible;\n  }\n\n  .SubdomainNavBar-menu-button-icon .SubdomainNavBar-menu-button-bar {\n    width: var(--base-size-16);\n    height: var(--base-size-2);\n    margin: 0;\n    transform-origin: center;\n  }\n\n  .SubdomainNavBar-menu-button--close .SubdomainNavBar-menu-button-bar:nth-of-type(1) {\n    transform: translateY(calc(var(--base-size-6) - var(--brand-borderWidth-thin))) rotate(45deg);\n  }\n\n  .SubdomainNavBar-menu-button--close .SubdomainNavBar-menu-button-bar:nth-of-type(3) {\n    transform: translateY(calc(var(--brand-borderWidth-thin) - var(--base-size-6))) rotate(-45deg);\n  }\n\n  .SubdomainNavBar-menu-wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    overflow-y: auto;\n    position: absolute;\n    inset-inline: 0;\n    top: var(--SubdomainNavBar-height);\n    z-index: 2;\n    box-sizing: border-box;\n    width: 100%;\n    max-height: calc(100vh - var(--SubdomainNavBar-height) - var(--SubdomainNavBar-menu-offset-block-start, 0px));\n    background-color: var(--brand-color-canvas-default);\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n    border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n    animation: fade-in-down var(--brand-animation-duration-default);\n    animation-timing-function: var(--brand-animation-easing-default);\n  }\n\n  .SubdomainNavBar--variant-default .SubdomainNavBar-menu-wrapper {\n    inset-inline-start: auto;\n    inset-inline-end: 0;\n    width: max(100%, calc(var(--base-size-128) * 3));\n    min-width: 0;\n  }\n\n  .SubdomainNavBar-menu-wrapper--close {\n    display: none;\n  }\n\n  .SubdomainNavBar-primary-nav-list--visible {\n    display: grid;\n    gap: var(--brand-borderWidth-thin);\n    margin: 0;\n    padding: var(--base-size-8) var(--base-size-16);\n  }\n\n  .SubdomainNavBar-menu-wrapper-footer {\n    flex: none;\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-menu-wrapper .SubdomainNavBar-link {\n    box-sizing: border-box;\n    width: 100%;\n    min-height: var(--base-size-40);\n    padding: var(--base-size-8) var(--base-size-12);\n    color: var(--brand-color-text-muted);\n    background-color: var(--brand-color-canvas-default);\n    border-radius: var(--brand-borderRadius-medium);\n    font-size: var(--brand-text-size-100);\n    line-height: var(--brand-text-lineHeight-200);\n  }\n\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item) {\n    width: 100%;\n    height: auto;\n  }\n\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link {\n    padding: var(--base-size-8) var(--base-size-12);\n  }\n\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link\n    > .SubdomainNavBar-link-content {\n    width: 100%;\n    padding: 0;\n    background-color: transparent;\n    border-radius: 0;\n  }\n\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:hover\n    > .SubdomainNavBar-link-content,\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:focus\n    > .SubdomainNavBar-link-content,\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:focus-visible\n    > .SubdomainNavBar-link-content,\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:active\n    > .SubdomainNavBar-link-content,\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link[aria-current]:not([aria-current='false'])\n    > .SubdomainNavBar-link-content {\n    background-color: transparent;\n    outline: none;\n  }\n\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:hover,\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:focus,\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:focus-visible,\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:active,\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link[aria-current]:not([aria-current='false']) {\n    color: var(--brand-color-text-default);\n    background-color: var(--brand-color-canvas-subtle);\n  }\n\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:focus,\n  .SubdomainNavBar\n    .SubdomainNavBar-menu-wrapper\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:focus-visible {\n    box-shadow: inset 0 0 0 var(--brand-borderWidth-thick) var(--brand-color-focus);\n    outline: none;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-menu-wrapper .SubdomainNavBar-link--title {\n    font-size: var(--brand-text-size-100);\n    line-height: var(--brand-text-lineHeight-200);\n  }\n\n  .SubdomainNavBar-menu-wrapper .SubdomainNavBar-leading-component,\n  .SubdomainNavBar-menu-wrapper .SubdomainNavBar-trailing-component {\n    box-sizing: border-box;\n    flex: none;\n    width: 100%;\n    height: auto;\n    margin-inline: 0;\n    padding: var(--base-size-16);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-menu-wrapper .SubdomainNavBar-button-area {\n    display: flex;\n    width: 100%;\n    height: auto;\n    padding: 0;\n  }\n\n  .SubdomainNavBar-menu-wrapper .SubdomainNavBar-button-area-inner {\n    box-sizing: border-box;\n    flex-direction: column;\n    width: 100%;\n    margin-block: var(--base-size-24);\n    padding-inline: var(--base-size-16);\n  }\n}\n\n.SubdomainNavBar .SubdomainNavBar-menu-wrapper-footer--has-leading-item,\n.SubdomainNavBar\n  .SubdomainNavBar-menu-wrapper\n  .SubdomainNavBar-leading-component\n  + .SubdomainNavBar-primary-nav-list--visible,\n.SubdomainNavBar\n  .SubdomainNavBar-menu-wrapper-footer\n  .SubdomainNavBar-trailing-component\n  + .SubdomainNavBar-button-area {\n  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.SubdomainNavBar-button-area {\n  display: inline-flex;\n  gap: var(--base-size-16);\n  align-items: center;\n  min-width: 0;\n}\n\n.SubdomainNavBar-button-area-inner {\n  display: flex;\n  gap: var(--base-size-8);\n  min-width: 0;\n}\n\n@media screen and (max-width: 48rem) {\n  .SubdomainNavBar-button-area {\n    display: none;\n  }\n\n  .SubdomainNavBar-button-area--visible {\n    display: flex;\n    left: 0;\n    z-index: 99;\n    width: 100%;\n    height: auto;\n    animation-name: fade-in-down-staggered;\n    animation-duration: 500ms;\n    animation-delay: calc(10 * 80ms);\n    animation-fill-mode: both;\n    animation-timing-function: var(--brand-animation-easing-default);\n  }\n\n  .SubdomainNavBar-inner-container--search-open .SubdomainNavBar-button-area--visible {\n    display: none;\n  }\n\n  .SubdomainNavBar-button-area-inner {\n    width: 100%;\n    box-sizing: border-box;\n    flex-direction: column;\n    margin-block: var(--base-size-24);\n    padding-inline: var(--base-size-24);\n    min-width: 0;\n  }\n}\n\n.SubdomainNavBar-cta-button {\n  white-space: nowrap;\n}\n\n.SubdomainNavBar .SubdomainNavBar-menu-wrapper {\n  top: var(--SubdomainNavBar-height);\n  height: auto;\n  max-height: calc(100vh - var(--SubdomainNavBar-height) - var(--SubdomainNavBar-menu-offset-block-start, 0px));\n}\n\n.SubdomainNavBar-menu-backdrop {\n  position: fixed;\n  inset-block-start: calc(var(--SubdomainNavBar-height) + var(--SubdomainNavBar-menu-offset-block-start, 0px));\n  inset-block-end: 0;\n  inset-inline: 0;\n  z-index: 1;\n  background-color: var(--brand-SubdomainNavBar-searchDialog-backdropColor);\n  animation: fade-in var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);\n}\n\n.SubdomainNavBar .SubdomainNavBar-inner-container--search-open {\n  animation: none;\n}\n\n@media screen and (max-width: 47.99rem) {\n  .SubdomainNavBar {\n    --SubdomainNavBar-mobile-control-size: var(--base-size-48);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-inner-container {\n    height: 100%;\n    padding: 0;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-title-area {\n    height: 100%;\n    max-width: none;\n    gap: 0;\n    padding: 0;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-title-area > li {\n    display: flex;\n    align-items: center;\n    height: 100%;\n    padding-inline: 0 var(--base-size-16);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-title-area > li:first-child {\n    justify-content: center;\n    width: auto;\n    padding-inline: var(--base-size-16) var(--base-size-8);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-logo-mark {\n    justify-content: center;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-logo-mark svg {\n    width: var(--base-size-24);\n    height: var(--base-size-24);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-title {\n    padding-inline-end: 0;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-title > * {\n    font-size: var(--brand-text-size-100);\n    line-height: var(--brand-text-lineHeight-100);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-secondary-nav {\n    height: 100%;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-search-trigger {\n    flex: 0 0 var(--SubdomainNavBar-mobile-control-size);\n    justify-content: center;\n    width: var(--SubdomainNavBar-mobile-control-size);\n    height: 100%;\n    padding-inline: 0;\n    border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-search-input-button,\n  .SubdomainNavBar .SubdomainNavBar-mobile-menu-button {\n    box-sizing: border-box;\n    display: inline-flex;\n    flex: 0 0 var(--SubdomainNavBar-mobile-control-size);\n    width: var(--SubdomainNavBar-mobile-control-size);\n    flex-direction: column;\n    height: 100%;\n    padding-inline: var(--base-size-16);\n    border-radius: 0;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-mobile-menu-button {\n    gap: calc(var(--base-size-4) - var(--brand-borderWidth-thin));\n    border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-menu-button-bar {\n    width: var(--base-size-16);\n    height: var(--base-size-2);\n    margin: 0 auto;\n    transform-origin: center;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-menu-button--close .SubdomainNavBar-menu-button-bar:nth-of-type(1) {\n    transform: translateY(calc(var(--base-size-6) - var(--brand-borderWidth-thin))) rotate(45deg);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-menu-button--close .SubdomainNavBar-menu-button-bar:nth-of-type(3) {\n    transform: translateY(calc(var(--brand-borderWidth-thin) - var(--base-size-6))) rotate(-45deg);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-menu-wrapper .SubdomainNavBar-link {\n    padding: var(--base-size-16);\n    font-size: var(--brand-text-size-100);\n    line-height: var(--brand-text-lineHeight-100);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-menu-wrapper .SubdomainNavBar-link--title {\n    font-size: var(--brand-text-size-100);\n    line-height: var(--brand-text-lineHeight-100);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-menu-wrapper .SubdomainNavBar-button-area-inner {\n    padding-inline: var(--base-size-16);\n  }\n}\n\n@media screen and (min-width: 48rem) {\n  .SubdomainNavBar .SubdomainNavBar-inner-container {\n    height: 100%;\n    max-width: none;\n    padding: 0;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-title-area {\n    height: 100%;\n    max-width: none;\n    gap: 0;\n    padding: 0;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-title-area > li {\n    display: flex;\n    align-items: center;\n    height: 100%;\n    padding-inline: 0 var(--base-size-16);\n    border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-title-area > li:first-child {\n    justify-content: center;\n    width: auto;\n    padding-inline: var(--base-size-16) var(--base-size-8);\n    border-inline-end: 0;\n  }\n\n  .SubdomainNavBar--variant-default.SubdomainNavBar--has-title .SubdomainNavBar-title-area > li:first-child {\n    padding-inline-end: 0;\n  }\n\n  .SubdomainNavBar--variant-default.SubdomainNavBar--has-title .SubdomainNavBar-title-area > li:first-child::after {\n    margin-inline-end: 0;\n  }\n\n  .SubdomainNavBar--variant-default.SubdomainNavBar--has-title .SubdomainNavBar-title-item {\n    padding-inline: var(--base-size-24);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-logo-mark {\n    justify-content: center;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-logo-mark svg {\n    width: var(--base-size-24);\n    height: var(--base-size-24);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-title {\n    padding-inline-end: 0;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-title > * {\n    font-size: var(--base-size-16);\n    line-height: var(--base-size-16);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-primary-nav,\n  .SubdomainNavBar .SubdomainNavBar-primary-nav-overflow,\n  .SubdomainNavBar .SubdomainNavBar-primary-nav-list,\n  .SubdomainNavBar .SubdomainNavBar-secondary-nav,\n  .SubdomainNavBar .SubdomainNavBar-button-area,\n  .SubdomainNavBar .SubdomainNavBar-leading-component,\n  .SubdomainNavBar .SubdomainNavBar-trailing-component {\n    height: 100%;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-leading-component,\n  .SubdomainNavBar .SubdomainNavBar-trailing-component {\n    padding-inline: var(--base-size-16);\n    margin-inline: 0;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-leading-component {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-primary-nav-list {\n    align-items: stretch;\n    margin: 0;\n    block-size: 100%;\n    max-block-size: 100%;\n    padding-inline-start: var(--base-size-16);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-primary-nav-overflow {\n    margin: 0;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-primary-nav-list-item {\n    display: flex;\n    align-items: center;\n    height: 100%;\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-link {\n    align-items: center;\n    height: 100%;\n    padding: 0 var(--base-size-16);\n    color: var(--brand-color-text-muted);\n    font-size: var(--brand-text-size-100);\n    line-height: var(--brand-text-lineHeight-200);\n  }\n\n  .SubdomainNavBar\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link,\n  .SubdomainNavBar .SubdomainNavBar-more-link {\n    padding-inline: var(--base-size-4);\n  }\n\n  .SubdomainNavBar\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link\n    > .SubdomainNavBar-link-content,\n  .SubdomainNavBar .SubdomainNavBar-more-link > .SubdomainNavBar-link-content {\n    gap: var(--base-size-4);\n    padding: var(--base-size-4) var(--base-size-12);\n    background-color: transparent;\n    border-radius: var(--brand-borderRadius-full);\n  }\n\n  .SubdomainNavBar\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:hover\n    > .SubdomainNavBar-link-content,\n  .SubdomainNavBar\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:active\n    > .SubdomainNavBar-link-content,\n  .SubdomainNavBar\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link[aria-current]:not([aria-current='false'])\n    > .SubdomainNavBar-link-content,\n  .SubdomainNavBar .SubdomainNavBar-more-link:hover > .SubdomainNavBar-link-content,\n  .SubdomainNavBar .SubdomainNavBar-more-link:active > .SubdomainNavBar-link-content,\n  .SubdomainNavBar .SubdomainNavBar-more-link[aria-expanded='true'] > .SubdomainNavBar-link-content {\n    background-color: var(--brand-SubdomainNavBar-color-link-bgColor);\n  }\n\n  .SubdomainNavBar\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:focus-visible,\n  .SubdomainNavBar .SubdomainNavBar-more-link:focus-visible {\n    outline: none;\n  }\n\n  .SubdomainNavBar\n    .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n    > .SubdomainNavBar-link:focus-visible\n    > .SubdomainNavBar-link-content,\n  .SubdomainNavBar .SubdomainNavBar-more-link:focus-visible > .SubdomainNavBar-link-content {\n    outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n    outline-offset: var(--base-size-2);\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .SubdomainNavBar\n      .SubdomainNavBar-primary-nav-list-item:not(.SubdomainNavBar-overflow-menu-item)\n      > .SubdomainNavBar-link\n      > .SubdomainNavBar-link-content,\n    .SubdomainNavBar .SubdomainNavBar-more-link > .SubdomainNavBar-link-content {\n      transition: background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n    }\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-search-trigger {\n    height: 100%;\n    padding-inline: var(--base-size-16);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-search-trigger--has-trailing-item {\n    border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-button-area {\n    align-items: center;\n    padding-inline: var(--base-size-16);\n  }\n\n  .SubdomainNavBar .SubdomainNavBar-button-area--has-leading-item {\n    border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n}\n\n@media screen and (min-width: 63.25rem) {\n  .SubdomainNavBar .SubdomainNavBar-search-trigger {\n    --SubdomainNavBar-search-input-width: clamp(\n      calc(var(--base-size-128) + var(--base-size-32)),\n      28.5vw,\n      calc(var(--base-size-128) * 3 + var(--base-size-36))\n    );\n\n    align-self: stretch;\n  }\n\n  .SubdomainNavBar--variant-default.SubdomainNavBar--has-primary-nav {\n    border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n    height: calc(var(--SubdomainNavBar-height) + var(--base-size-48));\n  }\n\n  .SubdomainNavBar--variant-default::after {\n    inset-block-start: var(--SubdomainNavBar-height);\n  }\n\n  .SubdomainNavBar--variant-default .SubdomainNavBar-inner-container {\n    display: grid;\n    grid-template-columns: auto minmax(0, 1fr) auto;\n    grid-template-rows: var(--SubdomainNavBar-height);\n  }\n\n  .SubdomainNavBar--variant-default.SubdomainNavBar--has-primary-nav .SubdomainNavBar-inner-container {\n    grid-template-rows: var(--SubdomainNavBar-height) var(--base-size-48);\n  }\n\n  .SubdomainNavBar--variant-default .SubdomainNavBar-title-navigation {\n    grid-column: 1;\n    grid-row: 1;\n    min-width: 0;\n  }\n\n  .SubdomainNavBar--variant-default .SubdomainNavBar-primary-nav {\n    grid-column: 1 / -1;\n    grid-row: 2;\n    min-width: 0;\n    border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .SubdomainNavBar--variant-default .SubdomainNavBar-primary-nav-list {\n    padding-inline-start: calc(var(--base-size-64) + var(--brand-borderWidth-thin));\n  }\n\n  .SubdomainNavBar--variant-default .SubdomainNavBar-inner-container > .SubdomainNavBar-leading-component {\n    grid-column: 2;\n    grid-row: 1;\n    justify-self: start;\n    border-inline-start: 0;\n  }\n\n  .SubdomainNavBar--variant-default .SubdomainNavBar-inner-container > .SubdomainNavBar-secondary-nav {\n    grid-column: 3;\n    grid-row: 1;\n  }\n\n  .SubdomainNavBar--variant-default .SubdomainNavBar-search-trigger {\n    border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n}\n\n.SubdomainNavBar--variant-default .SubdomainNavBar-search-input-button {\n  justify-content: center;\n  gap: 0;\n  width: var(--base-size-32);\n  padding: var(--base-size-8);\n  background-color: transparent;\n}\n\n.SubdomainNavBar--variant-default .SubdomainNavBar-search-input-button-placeholder {\n  gap: 0;\n}\n\n.SubdomainNavBar--variant-default .SubdomainNavBar-search-input-button-placeholder-text,\n.SubdomainNavBar--variant-default .SubdomainNavBar-search-input-button-shortcut {\n  display: none;\n}\n\n@media screen and (min-width: 48rem) {\n  .SubdomainNavBar--variant-default .SubdomainNavBar-search-trigger {\n    flex: 0 0 var(--base-size-48);\n    width: var(--base-size-48);\n    min-width: var(--base-size-48);\n  }\n\n  .SubdomainNavBar--variant-default .SubdomainNavBar-search-trigger {\n    padding-inline: 0;\n  }\n\n  .SubdomainNavBar--variant-default .SubdomainNavBar-search-input-button {\n    width: 100%;\n    block-size: 100%;\n    padding-inline: var(--base-size-16);\n    border-radius: 0;\n  }\n}\n\n@media screen and (min-width: 1024px) {\n  .SubdomainNavBar-cta-button--secondary {\n    display: inline-flex;\n  }\n}\n\n/*\n * Search dialog control area\n */\n.SubdomainNavBar-search-form {\n  display: flex;\n  width: 100%;\n}\n\n.SubdomainNavBar-search-input-area {\n  display: flex;\n  align-items: center;\n  gap: var(--base-size-8);\n  width: 100%;\n}\n\n.SubdomainNavBar-search-close-button {\n  cursor: pointer;\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: none;\n  min-block-size: var(--base-size-32);\n  padding: var(--base-size-8) var(--base-size-12);\n  color: var(--brand-color-text-default);\n  background-color: var(--brand-color-canvas-subtle);\n  border: 0;\n  border-radius: var(--brand-borderRadius-medium);\n  font-family: var(--brand-body-fontFamily);\n  font-size: var(--brand-text-size-100);\n  font-weight: var(--base-text-weight-medium);\n  line-height: var(--base-size-14);\n  letter-spacing: var(--brand-text-letterSpacing-100);\n}\n\n.SubdomainNavBar-search-close-button:hover {\n  background-color: var(--brand-color-canvas-inset);\n}\n\n.SubdomainNavBar-search-close-button:focus-visible {\n  outline: var(--base-size-4) solid var(--brand-color-focus);\n  outline-offset: var(--base-size-2);\n}\n\n.SubdomainNavBar-search-dialog-control-area {\n  height: var(--base-size-40);\n  max-width: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  background: transparent;\n}\n\n.SubdomainNavBar-search-text-input {\n  border-color: transparent;\n}\n\n.SubdomainNavBar-search-results-area {\n  width: 100%;\n}\n\n.SubdomainNavBar-search-results-container {\n  animation: fade-in-down 500ms;\n  padding: var(--base-size-24);\n  background-color: var(--base-color-scale-white-0);\n  border-radius: var(--brand-borderRadius-large);\n  box-shadow: 0px 8px 24px rgba(1, 4, 9, 0.15);\n  max-height: 514px;\n  height: 70vh;\n  max-width: 570px;\n  margin: 0 auto;\n  width: 80%;\n}\n\n.SubdomainNavBar-search-results {\n  overflow-y: scroll;\n  list-style: none;\n  padding: 0 var(--base-size-24) 0 0;\n  margin: 0;\n  height: 90%;\n}\n\n.SubdomainNavBar-search-results-heading {\n  display: block;\n  font-weight: var(--brand-heading-weight-600);\n  font-size: var(--base-size-20);\n  line-height: var(--base-size-24);\n  margin-bottom: var(--base-size-20);\n  padding: 0 var(--base-size-8);\n  color: var(--base-color-scale-black-0);\n}\n\n.SubdomainNavBar-search-result-group,\n.SubdomainNavBar-search-result-group-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.SubdomainNavBar-search-result-group + .SubdomainNavBar-search-result-group {\n  margin-block-start: var(--base-size-24);\n}\n\n.SubdomainNavBar-search-result-group-heading {\n  display: block;\n  margin: 0 0 var(--base-size-20);\n  padding: 0 var(--base-size-8);\n  color: var(--brand-color-text-muted);\n  font-weight: var(--brand-heading-weight-600);\n  font-size: var(--brand-text-size-100);\n  line-height: var(--brand-text-lineHeight-100);\n}\n\n.SubdomainNavBar-search-result-item {\n  padding: var(--base-size-16) var(--base-size-8);\n  border-bottom: solid var(--brand-borderWidth-thin, 1px)\n    var(--brand-SubdomainNavBar-search-results-border-default, #b7bfc7);\n}\n\n.SubdomainNavBar-search-result-item-container a[aria-selected='true'] {\n  outline: var(--brand-color-focus) auto var(--brand-borderWidth-thick);\n}\n\n.SubdomainNavBar-search-result-item-container {\n  letter-spacing: var(--brand-heading-letterSpacing-400);\n  font-size: var(--brand-text-size-400);\n}\n\n.SubdomainNavBar-search-result-item-container a {\n  display: block;\n  color: var(--base-color-scale-black-0);\n  text-decoration: none;\n  margin: 0 0 var(--base-size-12);\n  font-size: var(--base-size-16);\n  font-weight: var(--brand-heading-weight-400);\n  font-family: var(--brand-heading-fontFamily);\n  line-height: var(--brand-text-lineHeight-400);\n}\n\n.SubdomainNavBar-search-result-item-container a svg {\n  flex: none;\n}\n\n.SubdomainNavBar-search-result-item-container a:hover {\n  text-decoration: none;\n}\n\n.SubdomainNavBar-search-result-item-desc {\n  color: var(--base-color-scale-black-0);\n}\n\n.SubdomainNavBar-search-dialog {\n  position: fixed;\n  inset-block-start: calc(var(--base-size-64) + var(--base-size-8));\n  inset-block-end: auto;\n  inset-inline: calc(var(--base-size-64) + var(--base-size-8));\n  z-index: 99;\n  width: min(\n    calc(100vw - ((var(--base-size-64) + var(--base-size-8)) * 2)),\n    calc((var(--base-size-128) * 6) + var(--base-size-36))\n  );\n  max-height: calc(100vh - ((var(--base-size-64) + var(--base-size-8)) * 2));\n  height: auto;\n  margin-inline: auto;\n  padding: var(--base-size-16);\n  overflow: hidden;\n  color: var(--brand-color-text-default);\n  background-color: var(--brand-color-canvas-default);\n  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n  border-radius: var(--brand-borderRadius-large);\n  box-shadow: 0 0 calc(var(--base-size-32) + var(--base-size-2)) var(--brand-SubdomainNavBar-searchDialog-shadowColor);\n}\n\n.SubdomainNavBar-search-dialog--has-results {\n  padding-block-end: var(--base-size-32);\n}\n\n.SubdomainNavBar-search-dialog::backdrop {\n  background-color: var(--brand-SubdomainNavBar-searchDialog-backdropColor);\n  -webkit-backdrop-filter: blur(var(--base-size-24));\n  backdrop-filter: blur(var(--base-size-24));\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-input-area {\n  gap: var(--base-size-16);\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-form {\n  min-width: 0;\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-form section > span:focus-within {\n  border-color: transparent;\n  box-shadow: none;\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-text-input {\n  color: var(--brand-color-text-default);\n  font-size: calc(var(--base-size-16) + var(--base-size-2));\n  font-weight: var(--base-text-weight-medium);\n  line-height: var(--brand-text-lineHeight-300);\n  letter-spacing: var(--brand-text-letterSpacing-100);\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-close-button {\n  background-color: var(--brand-color-border-muted);\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-results-area--visible {\n  margin-block-start: var(--base-size-24);\n  padding-block-start: var(--base-size-24);\n  border-block-start: var(--brand-borderWidth-thin) dashed var(--brand-color-border-muted);\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-results-container {\n  width: 100%;\n  height: auto;\n  max-width: none;\n  max-height: calc(100vh - (((var(--base-size-64) + var(--base-size-8)) * 2) + var(--base-size-128)));\n  padding: 0;\n  margin: 0;\n  overflow-y: auto;\n  background-color: transparent;\n  border-radius: 0;\n  box-shadow: none;\n  animation: none;\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-results {\n  height: auto;\n  padding: 0;\n  margin: 0;\n  overflow: visible;\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-results-heading,\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-result-group-heading {\n  margin-block-end: var(--base-size-20);\n  padding: 0;\n  color: var(--brand-color-text-muted);\n  font-size: var(--brand-text-size-100);\n  font-weight: var(--brand-heading-weight-600);\n  line-height: var(--brand-text-lineHeight-100);\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-result-group + .SubdomainNavBar-search-result-group {\n  margin-block-start: var(--base-size-24);\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-result-item {\n  padding: var(--base-size-16) var(--base-size-4);\n  border-block-end: 0;\n  border-block-start: var(--brand-borderWidth-thin) dashed var(--brand-color-border-muted);\n}\n\n.SubdomainNavBar-search-dialog\n  .SubdomainNavBar-search-result-group-list\n  > .SubdomainNavBar-search-result-item:first-child,\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-results > .SubdomainNavBar-search-result-item:first-child {\n  padding-block-start: var(--base-size-12);\n  border-block-start: 0;\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-result-item-container {\n  font-size: var(--brand-text-size-300);\n  letter-spacing: var(--brand-text-letterSpacing-100);\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-result-item-container a {\n  display: flex;\n  align-items: center;\n  gap: calc(var(--base-size-8) + var(--base-size-2));\n  width: 100%;\n  margin: 0;\n  color: var(--brand-color-text-default);\n  font-size: var(--brand-text-size-300);\n  font-weight: var(--brand-heading-weight-600);\n  line-height: var(--brand-text-lineHeight-300);\n  letter-spacing: var(--brand-text-letterSpacing-100);\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-result-item-container a span {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-result-item-desc,\n.SubdomainNavBar-search-dialog .SubdomainNavBar-search-result-item-meta {\n  display: none;\n}\n\n@media screen and (max-width: 47.99rem) {\n  .SubdomainNavBar-search-dialog {\n    inset-block-start: var(--base-size-16);\n    inset-block-end: auto;\n    inset-inline: var(--base-size-16);\n    width: calc(100vw - (var(--base-size-16) * 2));\n    max-height: calc(100vh - (var(--base-size-16) * 2));\n    height: auto;\n  }\n}\n\n.SubdomainNavBar-skip-to-content {\n  position: absolute;\n  inset-block-start: calc(var(--SubdomainNavBar-height) / 2);\n  inset-inline-start: var(--base-size-16);\n  z-index: 100;\n  transform: translateY(-50%);\n}\n\n/*\n * Reusable animations\n */\n@keyframes fade-in-down {\n  0% {\n    opacity: 0;\n    transform: translateY(-20px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fade-in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes fade-in-down-overflow {\n  0% {\n    opacity: 0;\n    transform: translateY(calc(0px - var(--base-size-24)));\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(calc(0px - var(--base-size-4)));\n  }\n}\n\n@keyframes fade-out {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n\n@keyframes fade-in-down-staggered {\n  0% {\n    opacity: 0;\n    transform: scale(0.6) translateY(-8px);\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  .SubdomainNavBar,\n  .SubdomainNavBar::before,\n  .SubdomainNavBar::after,\n  .SubdomainNavBar * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}

package/esm/Tiles/Tiles.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { BaseProps } from '../component-helpers';
 /** * Design Tokens */
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/tiles/base.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/tiles/colors-with-modes.css';
 type TilesVariant = 'default' | 'gridlines';
 type TilesLayout = 'default' | 'compact';

package/esm/Tiles/Tiles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tiles.d.ts","sourceRoot":"","sources":["../../src/Tiles/Tiles.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgF,MAAM,OAAO,CAAA;AAEpG,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAInD,sBAAsB;AACtB,OAAO,yGAAyG,CAAA;AAehH,KAAK,YAAY,GAAG,SAAS,GAAG,WAAW,CAAA;AAE3C,KAAK,WAAW,GAAG,SAAS,GAAG,SAAS,CAAA;AAIxC,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,SAAS,CAAC,cAAc,CAAC,GAC3B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAqCtC,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,SAAS,CAAC,aAAa,CAAC,GAC1B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC,GAAG;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAoCH;;;GAGG;AACH,eAAO,MAAM,KAAK;;;;;;;CAGhB,CAAA"}
+{"version":3,"file":"Tiles.d.ts","sourceRoot":"","sources":["../../src/Tiles/Tiles.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgF,MAAM,OAAO,CAAA;AAEpG,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAKnD,sBAAsB;AACtB,OAAO,4FAA4F,CAAA;AACnG,OAAO,yGAAyG,CAAA;AAehH,KAAK,YAAY,GAAG,SAAS,GAAG,WAAW,CAAA;AAE3C,KAAK,WAAW,GAAG,SAAS,GAAG,SAAS,CAAA;AASxC,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,SAAS,CAAC,cAAc,CAAC,GAC3B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAiEtC,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,SAAS,CAAC,aAAa,CAAC,GAC1B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC,GAAG;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAoCH;;;GAGG;AACH,eAAO,MAAM,KAAK;;;;;;;CAGhB,CAAA"}