@codecademy/brand 4.0.0 → 5.0.0-alpha.19accb830.0

package/dist/AppHeader/index.js

@@ -1,98 +1,81 @@
-import * as React from 'react';
-import { useContext, useMemo, useRef } from 'react';
-import { LogErrorContext } from '..';
-import { HeaderHeightArea } from '../HeaderHeightArea';
-import { NotificationsDropdown } from '../Notifications/NotificationsDropdown';
-import { useHeaderNotifications } from '../Notifications/useHeaderNotifications';
-import { AppHeaderListItem } from './AppHeaderElements/AppHeaderListItem';
-import { AppHeaderProvider } from './AppHeaderElements/AppHeaderProvider';
-import { SearchTrackingProvider } from './Search/SearchTrackingProvider';
-import { useHeaderSearch } from './Search/useHeaderSearch';
-import { appHeaderMobileBreakpoint, appHeaderSpacing, StyledAppBar, StyledNavBar } from './shared';
-import { mapAppHeaderItemToElement } from './shared/utils';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export * from './Search/consts';
-export const AppHeader = ({
-  action,
-  hideRightButtonDefaults,
-  items,
-  notifications,
-  redirectParam,
-  search,
-  isStandalone,
-  isTeams,
-  dropdownSpacing,
-  type = 'standard'
-}) => {
-  const menuContainerRef = useRef(null);
-  const [notificationsBell, notificationsView] = useHeaderNotifications({
-    settings: notifications,
-    Renderer: NotificationsDropdown
-  });
-  const [searchButton, searchPane] = useHeaderSearch({
-    ...search
-  });
-  const right = useMemo(() => {
-    const defaultItems = hideRightButtonDefaults ? [] : [searchButton, ...(notificationsBell ? [notificationsBell] : [])];
-    if (isTeams) {
-      const teamsSpecificMenuItems = items.right.slice(0, -1);
-      const profile = items.right[items.right.length - 1];
-      return [...teamsSpecificMenuItems, ...defaultItems, profile];
-    }
-    return [...defaultItems, ...items.right];
-  }, [searchButton, notificationsBell, hideRightButtonDefaults, items, isTeams]);
-  const {
-    logError
-  } = useContext(LogErrorContext);
-  const mapItemsToElement = (items, side) => {
-    // logging error to help with debugging
-    if (items && items.some(item => !item)) {
-      try {
-        const itemTypesString = items.map(item => {
-          if (!item) return '**UNDEFINED ITEM**';
-          return item.type;
-        }).join(', ');
-        logError?.(`Error: Found an undefined app header item on the ${side} side of the header.`, {
-          message: `The current array of items includes the following header item types: ${itemTypesString}`
-        });
-      } catch (e) {
-        logError?.(`Error while logging undefined header items: ${e}`);
-      }
-    }
-    return items
-    // preventative measure to handle a possibly undefined item from being rendered
-    .filter(item => !!item).map((item, index) => {
-      const margin = appHeaderSpacing[type];
-      return /*#__PURE__*/_jsx(AppHeaderListItem, {
-        mr: margin,
-        ml: side === 'right' && index === 0 ? 'auto' : margin,
-        children: mapAppHeaderItemToElement({
-          action,
-          item,
-          isStandalone,
-          isTeams,
-          redirectParam,
-          spacing: dropdownSpacing
-        })
-      }, item.id);
-    });
-  };
-  return /*#__PURE__*/_jsx(HeaderHeightArea, {
-    display: {
-      _: 'none',
-      [appHeaderMobileBreakpoint]: 'block'
-    },
-    children: /*#__PURE__*/_jsx(AppHeaderProvider, {
-      children: /*#__PURE__*/_jsxs(SearchTrackingProvider, {
-        children: [/*#__PURE__*/_jsx(StyledAppBar, {
-          "aria-label": "Main",
-          as: "nav",
-          children: /*#__PURE__*/_jsxs(StyledNavBar, {
-            ref: menuContainerRef,
-            children: [mapItemsToElement(items.left, 'left'), mapItemsToElement(right, 'right')]
-          })
-        }), notificationsView, searchPane]
-      })
-    })
-  });
-};
+import { HeaderHeightArea } from "../HeaderHeightArea/index.js";
+import { StyledAppBar, StyledNavBar, appHeaderMobileBreakpoint, appHeaderSpacing } from "./shared/elements.js";
+import "./shared/index.js";
+import { NotificationsDropdown } from "../Notifications/NotificationsDropdown.js";
+import { AppHeaderProvider } from "./AppHeaderElements/AppHeaderProvider/index.js";
+import { useHeaderNotifications } from "../Notifications/useHeaderNotifications.js";
+import { AppHeaderListItem } from "./AppHeaderElements/AppHeaderListItem/index.js";
+import { SearchTrackingProvider } from "./Search/SearchTrackingProvider/index.js";
+import { ALLOWED_HOSTS, ContentType, popularContent, popularSearchTerms, searchPlaceholder } from "./Search/consts.js";
+import { useHeaderSearch } from "./Search/useHeaderSearch.js";
+import { mapAppHeaderItemToElement } from "./shared/utils.js";
+import { LogErrorContext } from "../GlobalPage/index.js";
+import * as React$1 from "react";
+import { useContext, useMemo, useRef } from "react";
+
+//#region src/AppHeader/index.tsx
+const AppHeader = ({ action, hideRightButtonDefaults, items, notifications, redirectParam, search, isStandalone, isTeams, dropdownSpacing, type = "standard" }) => {
+	const menuContainerRef = useRef(null);
+	const [notificationsBell, notificationsView] = useHeaderNotifications({
+		settings: notifications,
+		Renderer: NotificationsDropdown
+	});
+	const [searchButton, searchPane] = useHeaderSearch({ ...search });
+	const right = useMemo(() => {
+		const defaultItems = hideRightButtonDefaults ? [] : [searchButton, ...notificationsBell ? [notificationsBell] : []];
+		if (isTeams) {
+			const teamsSpecificMenuItems = items.right.slice(0, -1);
+			const profile = items.right[items.right.length - 1];
+			return [
+				...teamsSpecificMenuItems,
+				...defaultItems,
+				profile
+			];
+		}
+		return [...defaultItems, ...items.right];
+	}, [
+		searchButton,
+		notificationsBell,
+		hideRightButtonDefaults,
+		items,
+		isTeams
+	]);
+	const { logError } = useContext(LogErrorContext);
+	const mapItemsToElement = (items, side) => {
+		if (items && items.some((item) => !item)) try {
+			const itemTypesString = items.map((item) => {
+				if (!item) return "**UNDEFINED ITEM**";
+				return item.type;
+			}).join(", ");
+			logError?.(`Error: Found an undefined app header item on the ${side} side of the header.`, { message: `The current array of items includes the following header item types: ${itemTypesString}` });
+		} catch (e) {
+			logError?.(`Error while logging undefined header items: ${e}`);
+		}
+		return items.filter((item) => !!item).map((item, index) => {
+			const margin = appHeaderSpacing[type];
+			return /* @__PURE__ */ React$1.createElement(AppHeaderListItem, {
+				key: item.id,
+				mr: margin,
+				ml: side === "right" && index === 0 ? "auto" : margin
+			}, mapAppHeaderItemToElement({
+				action,
+				item,
+				isStandalone,
+				isTeams,
+				redirectParam,
+				spacing: dropdownSpacing
+			}));
+		});
+	};
+	return /* @__PURE__ */ React$1.createElement(HeaderHeightArea, { display: {
+		_: "none",
+		[appHeaderMobileBreakpoint]: "block"
+	} }, /* @__PURE__ */ React$1.createElement(AppHeaderProvider, null, /* @__PURE__ */ React$1.createElement(SearchTrackingProvider, null, /* @__PURE__ */ React$1.createElement(StyledAppBar, {
+		"aria-label": "Main",
+		as: "nav"
+	}, /* @__PURE__ */ React$1.createElement(StyledNavBar, { ref: menuContainerRef }, mapItemsToElement(items.left, "left"), mapItemsToElement(right, "right"))), notificationsView, searchPane)));
+};
+
+//#endregion
+export { AppHeader };
+//# sourceMappingURL=index.js.map

package/dist/AppHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useContext","useMemo","useRef","LogErrorContext","HeaderHeightArea","NotificationsDropdown","useHeaderNotifications","AppHeaderListItem","AppHeaderProvider","SearchTrackingProvider","useHeaderSearch","appHeaderMobileBreakpoint","appHeaderSpacing","StyledAppBar","StyledNavBar","mapAppHeaderItemToElement","AppHeader","action","hideRightButtonDefaults","items","notifications","redirectParam","search","isStandalone","isTeams","dropdownSpacing","type","menuContainerRef","notificationsBell","notificationsView","settings","Renderer","searchButton","searchPane","right","defaultItems","teamsSpecificMenuItems","slice","profile","length","logError","mapItemsToElement","side","some","item","itemTypesString","map","join","message","e","filter","index","margin","key","id","mr","ml","spacing","display","_","aria-label","as","ref","left"],"sources":["../../src/AppHeader/index.tsx"],"sourcesContent":["import { Menu } from '@codecademy/gamut';\nimport * as React from 'react';\nimport { useContext, useMemo, useRef } from 'react';\n\nimport {\n  AppHeaderAction,\n  AppHeaderItem,\n  AppHeaderSearch,\n  FormattedAppHeaderItems,\n  LogErrorContext,\n} from '..';\nimport { HeaderHeightArea } from '../HeaderHeightArea';\nimport { NotificationsDropdown } from '../Notifications/NotificationsDropdown';\nimport { AppHeaderNotificationSettings } from '../Notifications/types';\nimport { useHeaderNotifications } from '../Notifications/useHeaderNotifications';\nimport { AppHeaderListItem } from './AppHeaderElements/AppHeaderListItem';\nimport { AppHeaderProvider } from './AppHeaderElements/AppHeaderProvider';\nimport { SearchTrackingProvider } from './Search/SearchTrackingProvider';\nimport { useHeaderSearch } from './Search/useHeaderSearch';\nimport {\n  appHeaderMobileBreakpoint,\n  appHeaderSpacing,\n  StyledAppBar,\n  StyledNavBar,\n} from './shared';\nimport { mapAppHeaderItemToElement } from './shared/utils';\n\nexport * from './Search/consts';\n\nexport type AppHeaderProps = AppHeaderAction & {\n  items: FormattedAppHeaderItems;\n  notifications?: AppHeaderNotificationSettings;\n  redirectParam?: string;\n  search: AppHeaderSearch;\n  /**\n   * used to conditonally hide the default search icon and notification bell\n   */\n  hideRightButtonDefaults?: boolean;\n  /**\n   * temporary solution to allow this to be used in LXStudio. Future Header epic here: GM-1024\n   */\n  isStandalone?: boolean;\n  isTeams?: boolean;\n  dropdownSpacing?: React.ComponentProps<typeof Menu>['spacing'];\n  type?: 'standard' | 'enterprise';\n};\n\nexport const AppHeader: React.FC<AppHeaderProps> = ({\n  action,\n  hideRightButtonDefaults,\n  items,\n  notifications,\n  redirectParam,\n  search,\n  isStandalone,\n  isTeams,\n  dropdownSpacing,\n  type = 'standard',\n}) => {\n  const menuContainerRef = useRef<HTMLUListElement>(null);\n\n  const [notificationsBell, notificationsView] = useHeaderNotifications({\n    settings: notifications,\n    Renderer: NotificationsDropdown,\n  });\n  const [searchButton, searchPane] = useHeaderSearch({\n    ...search,\n  });\n\n  const right = useMemo(() => {\n    const defaultItems = hideRightButtonDefaults\n      ? []\n      : [searchButton, ...(notificationsBell ? [notificationsBell] : [])];\n\n    if (isTeams) {\n      const teamsSpecificMenuItems = items.right.slice(0, -1);\n      const profile = items.right[items.right.length - 1];\n\n      return [...teamsSpecificMenuItems, ...defaultItems, profile];\n    }\n\n    return [...defaultItems, ...items.right];\n  }, [\n    searchButton,\n    notificationsBell,\n    hideRightButtonDefaults,\n    items,\n    isTeams,\n  ]);\n\n  const { logError } = useContext(LogErrorContext);\n\n  const mapItemsToElement = <T extends AppHeaderItem[]>(\n    items: T,\n    side: 'left' | 'right'\n  ) => {\n    // logging error to help with debugging\n    if (items && items.some((item) => !item)) {\n      try {\n        const itemTypesString = items\n          .map((item) => {\n            if (!item) return '**UNDEFINED ITEM**';\n            return item.type;\n          })\n          .join(', ');\n\n        logError?.(\n          `Error: Found an undefined app header item on the ${side} side of the header.`,\n          {\n            message: `The current array of items includes the following header item types: ${itemTypesString}`,\n          }\n        );\n      } catch (e) {\n        logError?.(`Error while logging undefined header items: ${e}`);\n      }\n    }\n\n    return (\n      items\n        // preventative measure to handle a possibly undefined item from being rendered\n        .filter((item) => !!item)\n        .map((item, index) => {\n          const margin = appHeaderSpacing[type];\n          return (\n            <AppHeaderListItem\n              key={item.id}\n              mr={margin}\n              ml={side === 'right' && index === 0 ? 'auto' : margin}\n            >\n              {mapAppHeaderItemToElement({\n                action,\n                item,\n                isStandalone,\n                isTeams,\n                redirectParam,\n                spacing: dropdownSpacing,\n              })}\n            </AppHeaderListItem>\n          );\n        })\n    );\n  };\n\n  return (\n    <HeaderHeightArea\n      display={{ _: 'none', [appHeaderMobileBreakpoint]: 'block' }}\n    >\n      <AppHeaderProvider>\n        <SearchTrackingProvider>\n          <StyledAppBar aria-label=\"Main\" as=\"nav\">\n            <StyledNavBar ref={menuContainerRef}>\n              {mapItemsToElement(items.left, 'left')}\n              {mapItemsToElement(right, 'right')}\n            </StyledNavBar>\n          </StyledAppBar>\n          {notificationsView}\n          {searchPane}\n        </SearchTrackingProvider>\n      </AppHeaderProvider>\n    </HeaderHeightArea>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AA+CA,MAAaiB,aAAuC,EAClDC,QACAC,yBACAC,OACAC,eACAC,eACAC,QACAC,cACAC,SACAC,iBACAC,OAAO,iBACR;CACC,MAAMC,mBAAmBzB,OAAyB,KAAA;CAElD,MAAM,CAAC0B,mBAAmBC,qBAAqBvB,uBAAuB;EACpEwB,UAAUV;EACVW,UAAU1B;EACZ,CAAA;CACA,MAAM,CAAC2B,cAAcC,cAAcvB,gBAAgB,EACjD,GAAGY,QACL,CAAA;CAEA,MAAMY,QAAQjC,cAAQ;EACpB,MAAMkC,eAAejB,0BACjB,EAAE,GACF,CAACc,iBAAkBJ,oBAAoB,CAACA,kBAAkB,GAAG,EAAE,CAAE;AAErE,MAAIJ,SAAS;GACX,MAAMY,yBAAyBjB,MAAMe,MAAMG,MAAM,GAAG,GAAC;GACrD,MAAMC,UAAUnB,MAAMe,MAAMf,MAAMe,MAAMK,SAAS;AAEjD,UAAO;OAAIH;OAA2BD;IAAcG;IAAQ;;AAG9D,SAAO,IAAIH,iBAAiBhB,MAAMe,MAAM;IACvC;EACDF;EACAJ;EACAV;EACAC;EACAK;EACD,CAAA;CAED,MAAM,EAAEgB,aAAaxC,WAAWG,gBAAAA;CAEhC,MAAMsC,qBACJtB,OACAuB,SAAAA;AAGA,MAAIvB,SAASA,MAAMwB,MAAMC,SAAS,CAACA,KAAAA,CACjC,KAAI;GACF,MAAMC,kBAAkB1B,MACrB2B,KAAKF,SAAAA;AACJ,QAAI,CAACA,KAAM,QAAO;AAClB,WAAOA,KAAKlB;KACd,CACCqB,KAAK,KAAA;AAERP,cACE,oDAAoDE,KAAK,uBACzD,EACEM,SAAS,wEAAwEH,mBACnF,CAAA;WAEKI,GAAG;AACVT,cAAW,+CAA+CS,IAAG;;AAIjE,SACE9B,MAEG+B,QAAQN,SAAS,CAAC,CAACA,KAAAA,CACnBE,KAAKF,MAAMO,UAAAA;GACV,MAAMC,SAASxC,iBAAiBc;AAChC,UACE,wBAAA,cAACnB,mBAAAA;IACC8C,KAAKT,KAAKU;IACVC,IAAIH;IACJI,IAAId,SAAS,WAAWS,UAAU,IAAI,SAASC;MAE9CrC,0BAA0B;IACzBE;IACA2B;IACArB;IACAC;IACAH;IACAoC,SAAShC;IACX,CAAA,CAAA;IAGN;;AAIN,QACE,wBAAA,cAACrB,kBAAAA,EACCsD,SAAS;EAAEC,GAAG;GAAShD,4BAA4B;EAAQ,IAE3D,wBAAA,cAACH,mBAAAA,MACC,wBAAA,cAACC,wBAAAA,MACC,wBAAA,cAACI,cAAAA;EAAa+C,cAAW;EAAOC,IAAG;IACjC,wBAAA,cAAC/C,cAAAA,EAAagD,KAAKnC,oBAChBc,kBAAkBtB,MAAM4C,MAAM,OAAA,EAC9BtB,kBAAkBP,OAAO,QAAA,CAAA,CAAA,EAG7BL,mBACAI,WAAAA,CAAAA,CAAAA"}

package/dist/AppHeader/shared/elements.cjs

@@ -0,0 +1,187 @@
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+const require_index = require('../../AppBar/index.cjs');
+const require_elements = require('../AppHeaderElements/AppHeaderSection/elements.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_runtime.__toESM(_emotion_styled);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
+let framer_motion = require("framer-motion");
+
+//#region src/AppHeader/shared/elements.tsx
+const appHeaderMobileBreakpoint = "lg";
+const animatedPopoverVariants = {
+	enter: {
+		opacity: 1,
+		transition: { duration: .2 }
+	},
+	exit: {
+		opacity: 0,
+		transition: { duration: .2 }
+	}
+};
+const AnimatedHeaderZone = ({ children, visible }) => {
+	return visible ? /* @__PURE__ */ react.createElement(framer_motion.AnimatePresence, null, /* @__PURE__ */ react.createElement(framer_motion.motion.div, {
+		animate: "enter",
+		exit: "exit",
+		initial: "exit",
+		variants: animatedPopoverVariants
+	}, children)) : null;
+};
+const DropdownAnchor = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Anchor, {
+	target: "e1xvfq2y0",
+	label: "brand-DropdownAnchor"
+})((0, _codecademy_gamut_styles.css)({
+	alignItems: `center`,
+	display: `flex`,
+	padding: `0.5rem 0`,
+	textAlign: `center`,
+	whiteSpace: `nowrap`,
+	"&:focus::before": { opacity: 1 }
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9zaGFyZWQvZWxlbWVudHMudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvQXBwSGVhZGVyL3NoYXJlZC9lbGVtZW50cy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQW5jaG9yLFxuICBCb3gsXG4gIEZsZXhCb3gsXG4gIExheW91dEdyaWQsXG4gIFRleHQsXG4gIFdpdGhDaGlsZHJlblByb3AsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEFycm93Q2hldnJvbkRvd25GaWxsZWRJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHtcbiAgQ29sb3JzLFxuICBjc3MsXG4gIHB4UmVtLFxuICBzdGF0ZXMsXG4gIHVzZUN1cnJlbnRNb2RlLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7XG4gIEFuaW1hdGVQcmVzZW5jZSxcbiAgbW90aW9uLFxuICB1c2VSZWR1Y2VkTW90aW9uLFxuICBWYXJpYW50cyxcbn0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFwcEJhciB9IGZyb20gJy4uLy4uL0FwcEJhcic7XG5pbXBvcnQgeyBHcmFkaWVudEJhY2tncm91bmQgfSBmcm9tICcuLi9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJTZWN0aW9uL2VsZW1lbnRzJztcblxuZXhwb3J0IGNvbnN0IGFwcEhlYWRlck1vYmlsZUJyZWFrcG9pbnQgPSAnbGcnIGFzIGNvbnN0O1xuXG5leHBvcnQgaW50ZXJmYWNlIEFuaW1hdGVkSGVhZGVyWm9uZVByb3BzIGV4dGVuZHMgV2l0aENoaWxkcmVuUHJvcCB7XG4gIHZpc2libGU/OiBib29sZWFuO1xufVxuXG5jb25zdCBhbmltYXRlZFBvcG92ZXJWYXJpYW50czogVmFyaWFudHMgPSB7XG4gIGVudGVyOiB7IG9wYWNpdHk6IDEsIHRyYW5zaXRpb246IHsgZHVyYXRpb246IDAuMiB9IH0sXG4gIGV4aXQ6IHsgb3BhY2l0eTogMCwgdHJhbnNpdGlvbjogeyBkdXJhdGlvbjogMC4yIH0gfSxcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VNZWdhTWVudUhlYWRlclJlc3BvbnNpdmVTdHlsZXMgPSAoKToge1xuICBiZzogQ29sb3JzO1xuICBib3JkZXJDb2xvcjogQ29sb3JzO1xuICBjb2xvcjogQ29sb3JzO1xufSA9PiB7XG4gIGNvbnN0IG1vZGUgPSB1c2VDdXJyZW50TW9kZSgpO1xuXG4gIGNvbnN0IGJnID0gbW9kZSA9PT0gJ2RhcmsnID8gJ3doaXRlJyA6ICduYXZ5LTgwMCc7XG4gIGNvbnN0IGNvbG9yID0gbW9kZSA9PT0gJ2RhcmsnID8gJ25hdnktOTAwJyA6ICdibHVlLTAnO1xuXG4gIHJldHVybiB7IGJnLCBib3JkZXJDb2xvcjogY29sb3IsIGNvbG9yIH07XG59O1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRIZWFkZXJab25lOiBSZWFjdC5GQzxBbmltYXRlZEhlYWRlclpvbmVQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgdmlzaWJsZSxcbn0pID0+IHtcbiAgcmV0dXJuIHZpc2libGUgPyAoXG4gICAgPEFuaW1hdGVQcmVzZW5jZT5cbiAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgIGFuaW1hdGU9XCJlbnRlclwiXG4gICAgICAgIGV4aXQ9XCJleGl0XCJcbiAgICAgICAgaW5pdGlhbD1cImV4aXRcIlxuICAgICAgICB2YXJpYW50cz17YW5pbWF0ZWRQb3BvdmVyVmFyaWFudHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvbW90aW9uLmRpdj5cbiAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgKSA6IG51bGw7XG59O1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25BbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiBgY2VudGVyYCxcbiAgICBkaXNwbGF5OiBgZmxleGAsXG4gICAgcGFkZGluZzogYDAuNXJlbSAwYCxcbiAgICB0ZXh0QWxpZ246IGBjZW50ZXJgLFxuICAgIHdoaXRlU3BhY2U6IGBub3dyYXBgLFxuXG4gICAgJyY6Zm9jdXM6OmJlZm9yZSc6IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGRyb3Bkb3duU3RhdGVzID0gc3RhdGVzKHtcbiAgb3Blbjoge1xuICAgIHRyYW5zZm9ybTogYHJvdGF0ZSgtMTgwZGVnKWAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duSWNvbiA9IHN0eWxlZChBcnJvd0NoZXZyb25Eb3duRmlsbGVkSWNvbik8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGRyb3Bkb3duU3RhdGVzPlxuPihcbiAgY3NzKHtcbiAgICBtYXJnaW5MZWZ0OiBweFJlbSg1KSxcbiAgICB0cmFuc2l0aW9uOiBgdHJhbnNmb3JtIDAuMzVzIGVhc2Utb3V0YCxcbiAgICB0cmFuc2Zvcm1PcmlnaW46IGBjZW50ZXIgJHtweFJlbSg1KX1gLFxuICB9KSxcbiAgZHJvcGRvd25TdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpKFxuICBjc3Moe1xuICAgICcmOjphZnRlcic6IHtcbiAgICAgIGRpc3BsYXk6IGBibG9ja2AsXG4gICAgICBjb250ZW50OiBgYXR0cih0aXRsZSlgLFxuICAgICAgZm9udFdlaWdodDogYGJvbGRgLFxuICAgICAgaGVpZ2h0OiBgMXB4YCxcbiAgICAgIGNvbG9yOiBgdHJhbnNwYXJlbnRgLFxuICAgICAgb3ZlcmZsb3c6IGBoaWRkZW5gLFxuICAgICAgdmlzaWJpbGl0eTogYGhpZGRlbmAsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGdldERyb3Bkb3duQW5pbWF0aW9ucyA9ICh7XG4gIGlzT3BlbixcbiAgcHJlZmVyc1JlZHVjZWRNb3Rpb24sXG59OiB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgcHJlZmVyc1JlZHVjZWRNb3Rpb246IGJvb2xlYW4gfCBudWxsO1xufSkgPT4ge1xuICBjb25zdCBvcGVuU3RhdGUgPSB7XG4gICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlWSgwKScsXG4gICAgb3BhY2l0eTogMSxcbiAgfTtcbiAgY29uc3QgY2xvc2VkU3RhdGUgPSB7XG4gICAgdHJhbnNmb3JtOiBwcmVmZXJzUmVkdWNlZE1vdGlvbiA/ICdub25lJyA6ICd0cmFuc2xhdGVZKC04cHgpJyxcbiAgICBvcGFjaXR5OiAwLFxuICB9O1xuXG4gIHJldHVybiB7XG4gICAgYW5pbWF0ZTogaXNPcGVuID8gb3BlblN0YXRlIDogY2xvc2VkU3RhdGUsXG4gICAgaW5pdGlhbDogY2xvc2VkU3RhdGUsXG4gICAgdHJhbnNpdGlvbjoge1xuICAgICAgZHVyYXRpb246IDAuMTUsXG4gICAgICBlYXNlOiAnZWFzZU91dCcsXG4gICAgfSxcbiAgfTtcbn07XG5cbmNvbnN0IEJhc2VEcm9wZG93biA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKCdkaXYnKSkoKCkgPT5cbiAgY3NzKHsgcG9zaXRpb246IGBhYnNvbHV0ZWAgfSlcbik7XG5cbmNvbnN0IE1lZ2FNZW51QmFja2Ryb3AgPSBzdHlsZWQobW90aW9uLmNyZWF0ZSgnZGl2JykpKFxuICBjc3Moe1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHpJbmRleDogLTEsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGlzT3BlbixcbiAgICAgIC4uLnByb3BzXG4gICAgfTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJhc2VEcm9wZG93bj4gJiB7XG4gICAgICBpc09wZW46IGJvb2xlYW47XG4gICAgfSxcbiAgICByZWY6IFJlYWN0LkZvcndhcmRlZFJlZjxIVE1MRGl2RWxlbWVudD5cbiAgKSA9PiB7XG4gICAgY29uc3QgW2lzQW5pbWF0aW5nLCBzZXRJc0FuaW1hdGluZ10gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgcHJlZmVyc1JlZHVjZWRNb3Rpb24gPSB1c2VSZWR1Y2VkTW90aW9uKCk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPD5cbiAgICAgICAgPEFuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgICB7aXNPcGVuICYmIChcbiAgICAgICAgICAgIDxNZWdhTWVudUJhY2tkcm9wXG4gICAgICAgICAgICAgIGluaXRpYWw9e3sgb3BhY2l0eTogMCB9fVxuICAgICAgICAgICAgICBhbmltYXRlPXt7IG9wYWNpdHk6IDEgfX1cbiAgICAgICAgICAgICAgZXhpdD17eyBvcGFjaXR5OiAwIH19XG4gICAgICAgICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuMTUsIGVhc2U6ICdlYXNlT3V0JyB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8R3JhZGllbnRCYWNrZ3JvdW5kXG4gICAgICAgICAgICAgICAga2V5PVwiZHJvcGRvd24tYmFja2Ryb3BcIlxuICAgICAgICAgICAgICAgIHBvc2l0aW9uPVwiZml4ZWRcIlxuICAgICAgICAgICAgICAgIHRvcD1cIjBcIlxuICAgICAgICAgICAgICAgIGxlZnQ9XCIwXCJcbiAgICAgICAgICAgICAgICByaWdodD1cIjBcIlxuICAgICAgICAgICAgICAgIGJvdHRvbT1cIjBcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9NZWdhTWVudUJhY2tkcm9wPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQW5pbWF0ZVByZXNlbmNlPlxuICAgICAgICB7LyogdGhlIHByZWZlcnJlZCB3YXkgdG8gYW5pbWF0ZSB0aGlzIHdvdWxkIGJlIHZpYSBBbmltYXRlUHJlc2VuY2UsIGJ1dCBpdCBpcyB1bmNsZWFyIGlmXG4gICAgICAgICAgICBrZWVwaW5nIGNsb3NlZCBkcm9wZG93biBjb250ZW50IGluIHRoZSBET00gaGFzIGEgcG9zaXRpdmUgZWZmZWN0IG9uIFNFTyAqL31cbiAgICAgICAgPEJveCBkaXNwbGF5PXtpc09wZW4gfHwgaXNBbmltYXRpbmcgPyAnYmxvY2snIDogJ25vbmUnfT5cbiAgICAgICAgICA8QmFzZURyb3Bkb3duXG4gICAgICAgICAgICBrZXk9XCJkcm9wZG93bi1jb250ZW50XCJcbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgey4uLmdldERyb3Bkb3duQW5pbWF0aW9ucyh7IGlzT3BlbiwgcHJlZmVyc1JlZHVjZWRNb3Rpb24gfSl9XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICBvbkFuaW1hdGlvbkNvbXBsZXRlPXsoYW5pbSkgPT4ge1xuICAgICAgICAgICAgICBpZiAoIWlzT3Blbikge1xuICAgICAgICAgICAgICAgIC8vIG9ubHkgY29uc2lkZXIgYW5pbWF0aW9uIGNvbXBsZXRlIHdoZW4gZHJvcGRvd24gaXMgY2xvc2VkIHRvIHByZXZlbnQgZmxpY2tlcmluZyBmcm9tIHJhcGlkIHN0YXRlIGNoYW5nZXNcbiAgICAgICAgICAgICAgICBzZXRJc0FuaW1hdGluZyhmYWxzZSk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgcHJvcHMub25BbmltYXRpb25Db21wbGV0ZT8uKGFuaW0pO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIG9uQW5pbWF0aW9uU3RhcnQ9eyhhbmltKSA9PiB7XG4gICAgICAgICAgICAgIHNldElzQW5pbWF0aW5nKHRydWUpO1xuICAgICAgICAgICAgICBwcm9wcy5vbkFuaW1hdGlvblN0YXJ0Py4oYW5pbSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC8+XG4gICAgKTtcbiAgfVxuKTtcblxuZXhwb3J0IGNvbnN0IEFuaW1hdGVkU2ltcGxlRHJvcGRvd24gPSAoe1xuICBpc09wZW4sXG4gIC4uLnByb3BzXG59OiBSZWFjdC5Db21wb25lbnRQcm9wczx0eXBlb2YgQmFzZURyb3Bkb3duPiAmIHtcbiAgaXNPcGVuOiBib29sZWFuO1xufSkgPT4ge1xuICBjb25zdCBbaXNBbmltYXRpbmcsIHNldElzQW5pbWF0aW5nXSA9IFJlYWN0LnVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgcHJlZmVyc1JlZHVjZWRNb3Rpb24gPSB1c2VSZWR1Y2VkTW90aW9uKCk7XG5cbiAgLy8gdGhlIHByZWZlcnJlZCB3YXkgdG8gYW5pbWF0ZSB0aGlzIHdvdWxkIGJlIHZpYSBBbmltYXRlUHJlc2VuY2UsIGJ1dCBpdCBpcyB1bmNsZWFyIGlmXG4gIC8vIGtlZXBpbmcgY2xvc2VkIGRyb3Bkb3duIGNvbnRlbnQgaW4gdGhlIERPTSBoYXMgYSBwb3NpdGl2ZSBlZmZlY3Qgb24gU0VPXG4gIHJldHVybiAoXG4gICAgPEJveCBkaXNwbGF5PXtpc09wZW4gfHwgaXNBbmltYXRpbmcgPyAnYmxvY2snIDogJ25vbmUnfT5cbiAgICAgIDxCYXNlRHJvcGRvd25cbiAgICAgICAgey4uLmdldERyb3Bkb3duQW5pbWF0aW9ucyh7IGlzT3BlbiwgcHJlZmVyc1JlZHVjZWRNb3Rpb24gfSl9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgb25BbmltYXRpb25Db21wbGV0ZT17KGFuaW0pID0+IHtcbiAgICAgICAgICBpZiAoIWlzT3Blbikge1xuICAgICAgICAgICAgLy8gb25seSBjb25zaWRlciBhbmltYXRpb24gY29tcGxldGUgd2hlbiBkcm9wZG93biBpcyBjbG9zZWQgdG8gcHJldmVudCBmbGlja2VyaW5nIGZyb20gcmFwaWQgc3RhdGUgY2hhbmdlc1xuICAgICAgICAgICAgc2V0SXNBbmltYXRpbmcoZmFsc2UpO1xuICAgICAgICAgIH1cbiAgICAgICAgICBwcm9wcy5vbkFuaW1hdGlvbkNvbXBsZXRlPy4oYW5pbSk7XG4gICAgICAgIH19XG4gICAgICAgIG9uQW5pbWF0aW9uU3RhcnQ9eyhhbmltKSA9PiB7XG4gICAgICAgICAgc2V0SXNBbmltYXRpbmcodHJ1ZSk7XG4gICAgICAgICAgcHJvcHMub25BbmltYXRpb25TdGFydD8uKGFuaW0pO1xuICAgICAgICB9fVxuICAgICAgLz5cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRHcmlkQW50aUFsaWFzZWQgPSBzdHlsZWQoTGF5b3V0R3JpZClgXG4gIC13ZWJraXQtZm9udC1zbW9vdGhpbmc6IGFudGlhbGlhc2VkO1xuYDtcblxuLyogZm9yIFJlc291cmNlcyAmIENhdGFsb2cgbWVudXMgKi9cbmV4cG9ydCBjb25zdCBEZXNjcmlwdGlvblNlY3Rpb25Db250YWluZXIgPSBzdHlsZWQoRmxleEJveCkoXG4gIGNzcyh7XG4gICAgJyY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgIGNvbG9yOiAndGV4dCcsXG4gICAgICBvdXRsaW5lOiAnMXB4IHNvbGlkIGN1cnJlbnRDb2xvciAhaW1wb3J0YW50JyxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFwcEJhciA9IHN0eWxlZChBcHBCYXIpKFxuICBjc3Moe1xuICAgIGJveFNoYWRvdzogYG5vbmVgLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5hdkJhciA9IHN0eWxlZC51bChcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnc3RyZXRjaCcsXG4gICAgZGlzcGxheTogYGZsZXhgLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgbGlzdFN0eWxlOiBgbm9uZWAsXG4gICAgbWFyZ2luOiAwLFxuICAgIHdpZHRoOiBgMTAwJWAsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgYXBwSGVhZGVyU3BhY2luZyA9IHtcbiAgc3RhbmRhcmQ6IDgsXG5cbiAgZW50ZXJwcmlzZTogMTIsXG59IGFzIGNvbnN0O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVFOEIifQ== */");
+const dropdownStates = (0, _codecademy_gamut_styles.states)({ open: { transform: `rotate(-180deg)` } });
+const DropdownIcon = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut_icons.ArrowChevronDownFilledIcon, {
+	target: "e1xvfq2y1",
+	label: "brand-DropdownIcon"
+})((0, _codecademy_gamut_styles.css)({
+	marginLeft: (0, _codecademy_gamut_styles.pxRem)(5),
+	transition: `transform 0.35s ease-out`,
+	transformOrigin: `center ${(0, _codecademy_gamut_styles.pxRem)(5)}`
+}), dropdownStates, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9zaGFyZWQvZWxlbWVudHMudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvQXBwSGVhZGVyL3NoYXJlZC9lbGVtZW50cy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQW5jaG9yLFxuICBCb3gsXG4gIEZsZXhCb3gsXG4gIExheW91dEdyaWQsXG4gIFRleHQsXG4gIFdpdGhDaGlsZHJlblByb3AsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEFycm93Q2hldnJvbkRvd25GaWxsZWRJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHtcbiAgQ29sb3JzLFxuICBjc3MsXG4gIHB4UmVtLFxuICBzdGF0ZXMsXG4gIHVzZUN1cnJlbnRNb2RlLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7XG4gIEFuaW1hdGVQcmVzZW5jZSxcbiAgbW90aW9uLFxuICB1c2VSZWR1Y2VkTW90aW9uLFxuICBWYXJpYW50cyxcbn0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFwcEJhciB9IGZyb20gJy4uLy4uL0FwcEJhcic7XG5pbXBvcnQgeyBHcmFkaWVudEJhY2tncm91bmQgfSBmcm9tICcuLi9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJTZWN0aW9uL2VsZW1lbnRzJztcblxuZXhwb3J0IGNvbnN0IGFwcEhlYWRlck1vYmlsZUJyZWFrcG9pbnQgPSAnbGcnIGFzIGNvbnN0O1xuXG5leHBvcnQgaW50ZXJmYWNlIEFuaW1hdGVkSGVhZGVyWm9uZVByb3BzIGV4dGVuZHMgV2l0aENoaWxkcmVuUHJvcCB7XG4gIHZpc2libGU/OiBib29sZWFuO1xufVxuXG5jb25zdCBhbmltYXRlZFBvcG92ZXJWYXJpYW50czogVmFyaWFudHMgPSB7XG4gIGVudGVyOiB7IG9wYWNpdHk6IDEsIHRyYW5zaXRpb246IHsgZHVyYXRpb246IDAuMiB9IH0sXG4gIGV4aXQ6IHsgb3BhY2l0eTogMCwgdHJhbnNpdGlvbjogeyBkdXJhdGlvbjogMC4yIH0gfSxcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VNZWdhTWVudUhlYWRlclJlc3BvbnNpdmVTdHlsZXMgPSAoKToge1xuICBiZzogQ29sb3JzO1xuICBib3JkZXJDb2xvcjogQ29sb3JzO1xuICBjb2xvcjogQ29sb3JzO1xufSA9PiB7XG4gIGNvbnN0IG1vZGUgPSB1c2VDdXJyZW50TW9kZSgpO1xuXG4gIGNvbnN0IGJnID0gbW9kZSA9PT0gJ2RhcmsnID8gJ3doaXRlJyA6ICduYXZ5LTgwMCc7XG4gIGNvbnN0IGNvbG9yID0gbW9kZSA9PT0gJ2RhcmsnID8gJ25hdnktOTAwJyA6ICdibHVlLTAnO1xuXG4gIHJldHVybiB7IGJnLCBib3JkZXJDb2xvcjogY29sb3IsIGNvbG9yIH07XG59O1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRIZWFkZXJab25lOiBSZWFjdC5GQzxBbmltYXRlZEhlYWRlclpvbmVQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgdmlzaWJsZSxcbn0pID0+IHtcbiAgcmV0dXJuIHZpc2libGUgPyAoXG4gICAgPEFuaW1hdGVQcmVzZW5jZT5cbiAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgIGFuaW1hdGU9XCJlbnRlclwiXG4gICAgICAgIGV4aXQ9XCJleGl0XCJcbiAgICAgICAgaW5pdGlhbD1cImV4aXRcIlxuICAgICAgICB2YXJpYW50cz17YW5pbWF0ZWRQb3BvdmVyVmFyaWFudHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvbW90aW9uLmRpdj5cbiAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgKSA6IG51bGw7XG59O1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25BbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiBgY2VudGVyYCxcbiAgICBkaXNwbGF5OiBgZmxleGAsXG4gICAgcGFkZGluZzogYDAuNXJlbSAwYCxcbiAgICB0ZXh0QWxpZ246IGBjZW50ZXJgLFxuICAgIHdoaXRlU3BhY2U6IGBub3dyYXBgLFxuXG4gICAgJyY6Zm9jdXM6OmJlZm9yZSc6IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGRyb3Bkb3duU3RhdGVzID0gc3RhdGVzKHtcbiAgb3Blbjoge1xuICAgIHRyYW5zZm9ybTogYHJvdGF0ZSgtMTgwZGVnKWAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duSWNvbiA9IHN0eWxlZChBcnJvd0NoZXZyb25Eb3duRmlsbGVkSWNvbik8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGRyb3Bkb3duU3RhdGVzPlxuPihcbiAgY3NzKHtcbiAgICBtYXJnaW5MZWZ0OiBweFJlbSg1KSxcbiAgICB0cmFuc2l0aW9uOiBgdHJhbnNmb3JtIDAuMzVzIGVhc2Utb3V0YCxcbiAgICB0cmFuc2Zvcm1PcmlnaW46IGBjZW50ZXIgJHtweFJlbSg1KX1gLFxuICB9KSxcbiAgZHJvcGRvd25TdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpKFxuICBjc3Moe1xuICAgICcmOjphZnRlcic6IHtcbiAgICAgIGRpc3BsYXk6IGBibG9ja2AsXG4gICAgICBjb250ZW50OiBgYXR0cih0aXRsZSlgLFxuICAgICAgZm9udFdlaWdodDogYGJvbGRgLFxuICAgICAgaGVpZ2h0OiBgMXB4YCxcbiAgICAgIGNvbG9yOiBgdHJhbnNwYXJlbnRgLFxuICAgICAgb3ZlcmZsb3c6IGBoaWRkZW5gLFxuICAgICAgdmlzaWJpbGl0eTogYGhpZGRlbmAsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGdldERyb3Bkb3duQW5pbWF0aW9ucyA9ICh7XG4gIGlzT3BlbixcbiAgcHJlZmVyc1JlZHVjZWRNb3Rpb24sXG59OiB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgcHJlZmVyc1JlZHVjZWRNb3Rpb246IGJvb2xlYW4gfCBudWxsO1xufSkgPT4ge1xuICBjb25zdCBvcGVuU3RhdGUgPSB7XG4gICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlWSgwKScsXG4gICAgb3BhY2l0eTogMSxcbiAgfTtcbiAgY29uc3QgY2xvc2VkU3RhdGUgPSB7XG4gICAgdHJhbnNmb3JtOiBwcmVmZXJzUmVkdWNlZE1vdGlvbiA/ICdub25lJyA6ICd0cmFuc2xhdGVZKC04cHgpJyxcbiAgICBvcGFjaXR5OiAwLFxuICB9O1xuXG4gIHJldHVybiB7XG4gICAgYW5pbWF0ZTogaXNPcGVuID8gb3BlblN0YXRlIDogY2xvc2VkU3RhdGUsXG4gICAgaW5pdGlhbDogY2xvc2VkU3RhdGUsXG4gICAgdHJhbnNpdGlvbjoge1xuICAgICAgZHVyYXRpb246IDAuMTUsXG4gICAgICBlYXNlOiAnZWFzZU91dCcsXG4gICAgfSxcbiAgfTtcbn07XG5cbmNvbnN0IEJhc2VEcm9wZG93biA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKCdkaXYnKSkoKCkgPT5cbiAgY3NzKHsgcG9zaXRpb246IGBhYnNvbHV0ZWAgfSlcbik7XG5cbmNvbnN0IE1lZ2FNZW51QmFja2Ryb3AgPSBzdHlsZWQobW90aW9uLmNyZWF0ZSgnZGl2JykpKFxuICBjc3Moe1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHpJbmRleDogLTEsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGlzT3BlbixcbiAgICAgIC4uLnByb3BzXG4gICAgfTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJhc2VEcm9wZG93bj4gJiB7XG4gICAgICBpc09wZW46IGJvb2xlYW47XG4gICAgfSxcbiAgICByZWY6IFJlYWN0LkZvcndhcmRlZFJlZjxIVE1MRGl2RWxlbWVudD5cbiAgKSA9PiB7XG4gICAgY29uc3QgW2lzQW5pbWF0aW5nLCBzZXRJc0FuaW1hdGluZ10gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgcHJlZmVyc1JlZHVjZWRNb3Rpb24gPSB1c2VSZWR1Y2VkTW90aW9uKCk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPD5cbiAgICAgICAgPEFuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgICB7aXNPcGVuICYmIChcbiAgICAgICAgICAgIDxNZWdhTWVudUJhY2tkcm9wXG4gICAgICAgICAgICAgIGluaXRpYWw9e3sgb3BhY2l0eTogMCB9fVxuICAgICAgICAgICAgICBhbmltYXRlPXt7IG9wYWNpdHk6IDEgfX1cbiAgICAgICAgICAgICAgZXhpdD17eyBvcGFjaXR5OiAwIH19XG4gICAgICAgICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuMTUsIGVhc2U6ICdlYXNlT3V0JyB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8R3JhZGllbnRCYWNrZ3JvdW5kXG4gICAgICAgICAgICAgICAga2V5PVwiZHJvcGRvd24tYmFja2Ryb3BcIlxuICAgICAgICAgICAgICAgIHBvc2l0aW9uPVwiZml4ZWRcIlxuICAgICAgICAgICAgICAgIHRvcD1cIjBcIlxuICAgICAgICAgICAgICAgIGxlZnQ9XCIwXCJcbiAgICAgICAgICAgICAgICByaWdodD1cIjBcIlxuICAgICAgICAgICAgICAgIGJvdHRvbT1cIjBcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9NZWdhTWVudUJhY2tkcm9wPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQW5pbWF0ZVByZXNlbmNlPlxuICAgICAgICB7LyogdGhlIHByZWZlcnJlZCB3YXkgdG8gYW5pbWF0ZSB0aGlzIHdvdWxkIGJlIHZpYSBBbmltYXRlUHJlc2VuY2UsIGJ1dCBpdCBpcyB1bmNsZWFyIGlmXG4gICAgICAgICAgICBrZWVwaW5nIGNsb3NlZCBkcm9wZG93biBjb250ZW50IGluIHRoZSBET00gaGFzIGEgcG9zaXRpdmUgZWZmZWN0IG9uIFNFTyAqL31cbiAgICAgICAgPEJveCBkaXNwbGF5PXtpc09wZW4gfHwgaXNBbmltYXRpbmcgPyAnYmxvY2snIDogJ25vbmUnfT5cbiAgICAgICAgICA8QmFzZURyb3Bkb3duXG4gICAgICAgICAgICBrZXk9XCJkcm9wZG93bi1jb250ZW50XCJcbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgey4uLmdldERyb3Bkb3duQW5pbWF0aW9ucyh7IGlzT3BlbiwgcHJlZmVyc1JlZHVjZWRNb3Rpb24gfSl9XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICBvbkFuaW1hdGlvbkNvbXBsZXRlPXsoYW5pbSkgPT4ge1xuICAgICAgICAgICAgICBpZiAoIWlzT3Blbikge1xuICAgICAgICAgICAgICAgIC8vIG9ubHkgY29uc2lkZXIgYW5pbWF0aW9uIGNvbXBsZXRlIHdoZW4gZHJvcGRvd24gaXMgY2xvc2VkIHRvIHByZXZlbnQgZmxpY2tlcmluZyBmcm9tIHJhcGlkIHN0YXRlIGNoYW5nZXNcbiAgICAgICAgICAgICAgICBzZXRJc0FuaW1hdGluZyhmYWxzZSk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgcHJvcHMub25BbmltYXRpb25Db21wbGV0ZT8uKGFuaW0pO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIG9uQW5pbWF0aW9uU3RhcnQ9eyhhbmltKSA9PiB7XG4gICAgICAgICAgICAgIHNldElzQW5pbWF0aW5nKHRydWUpO1xuICAgICAgICAgICAgICBwcm9wcy5vbkFuaW1hdGlvblN0YXJ0Py4oYW5pbSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC8+XG4gICAgKTtcbiAgfVxuKTtcblxuZXhwb3J0IGNvbnN0IEFuaW1hdGVkU2ltcGxlRHJvcGRvd24gPSAoe1xuICBpc09wZW4sXG4gIC4uLnByb3BzXG59OiBSZWFjdC5Db21wb25lbnRQcm9wczx0eXBlb2YgQmFzZURyb3Bkb3duPiAmIHtcbiAgaXNPcGVuOiBib29sZWFuO1xufSkgPT4ge1xuICBjb25zdCBbaXNBbmltYXRpbmcsIHNldElzQW5pbWF0aW5nXSA9IFJlYWN0LnVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgcHJlZmVyc1JlZHVjZWRNb3Rpb24gPSB1c2VSZWR1Y2VkTW90aW9uKCk7XG5cbiAgLy8gdGhlIHByZWZlcnJlZCB3YXkgdG8gYW5pbWF0ZSB0aGlzIHdvdWxkIGJlIHZpYSBBbmltYXRlUHJlc2VuY2UsIGJ1dCBpdCBpcyB1bmNsZWFyIGlmXG4gIC8vIGtlZXBpbmcgY2xvc2VkIGRyb3Bkb3duIGNvbnRlbnQgaW4gdGhlIERPTSBoYXMgYSBwb3NpdGl2ZSBlZmZlY3Qgb24gU0VPXG4gIHJldHVybiAoXG4gICAgPEJveCBkaXNwbGF5PXtpc09wZW4gfHwgaXNBbmltYXRpbmcgPyAnYmxvY2snIDogJ25vbmUnfT5cbiAgICAgIDxCYXNlRHJvcGRvd25cbiAgICAgICAgey4uLmdldERyb3Bkb3duQW5pbWF0aW9ucyh7IGlzT3BlbiwgcHJlZmVyc1JlZHVjZWRNb3Rpb24gfSl9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgb25BbmltYXRpb25Db21wbGV0ZT17KGFuaW0pID0+IHtcbiAgICAgICAgICBpZiAoIWlzT3Blbikge1xuICAgICAgICAgICAgLy8gb25seSBjb25zaWRlciBhbmltYXRpb24gY29tcGxldGUgd2hlbiBkcm9wZG93biBpcyBjbG9zZWQgdG8gcHJldmVudCBmbGlja2VyaW5nIGZyb20gcmFwaWQgc3RhdGUgY2hhbmdlc1xuICAgICAgICAgICAgc2V0SXNBbmltYXRpbmcoZmFsc2UpO1xuICAgICAgICAgIH1cbiAgICAgICAgICBwcm9wcy5vbkFuaW1hdGlvbkNvbXBsZXRlPy4oYW5pbSk7XG4gICAgICAgIH19XG4gICAgICAgIG9uQW5pbWF0aW9uU3RhcnQ9eyhhbmltKSA9PiB7XG4gICAgICAgICAgc2V0SXNBbmltYXRpbmcodHJ1ZSk7XG4gICAgICAgICAgcHJvcHMub25BbmltYXRpb25TdGFydD8uKGFuaW0pO1xuICAgICAgICB9fVxuICAgICAgLz5cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRHcmlkQW50aUFsaWFzZWQgPSBzdHlsZWQoTGF5b3V0R3JpZClgXG4gIC13ZWJraXQtZm9udC1zbW9vdGhpbmc6IGFudGlhbGlhc2VkO1xuYDtcblxuLyogZm9yIFJlc291cmNlcyAmIENhdGFsb2cgbWVudXMgKi9cbmV4cG9ydCBjb25zdCBEZXNjcmlwdGlvblNlY3Rpb25Db250YWluZXIgPSBzdHlsZWQoRmxleEJveCkoXG4gIGNzcyh7XG4gICAgJyY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgIGNvbG9yOiAndGV4dCcsXG4gICAgICBvdXRsaW5lOiAnMXB4IHNvbGlkIGN1cnJlbnRDb2xvciAhaW1wb3J0YW50JyxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFwcEJhciA9IHN0eWxlZChBcHBCYXIpKFxuICBjc3Moe1xuICAgIGJveFNoYWRvdzogYG5vbmVgLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5hdkJhciA9IHN0eWxlZC51bChcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnc3RyZXRjaCcsXG4gICAgZGlzcGxheTogYGZsZXhgLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgbGlzdFN0eWxlOiBgbm9uZWAsXG4gICAgbWFyZ2luOiAwLFxuICAgIHdpZHRoOiBgMTAwJWAsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgYXBwSGVhZGVyU3BhY2luZyA9IHtcbiAgc3RhbmRhcmQ6IDgsXG5cbiAgZW50ZXJwcmlzZTogMTIsXG59IGFzIGNvbnN0O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJGNEIifQ== */");
+const StyledText = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Text, {
+	target: "e1xvfq2y2",
+	label: "brand-StyledText"
+})((0, _codecademy_gamut_styles.css)({ "&::after": {
+	display: `block`,
+	content: `attr(title)`,
+	fontWeight: `bold`,
+	height: `1px`,
+	color: `transparent`,
+	overflow: `hidden`,
+	visibility: `hidden`
+} }), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9zaGFyZWQvZWxlbWVudHMudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvQXBwSGVhZGVyL3NoYXJlZC9lbGVtZW50cy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQW5jaG9yLFxuICBCb3gsXG4gIEZsZXhCb3gsXG4gIExheW91dEdyaWQsXG4gIFRleHQsXG4gIFdpdGhDaGlsZHJlblByb3AsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEFycm93Q2hldnJvbkRvd25GaWxsZWRJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHtcbiAgQ29sb3JzLFxuICBjc3MsXG4gIHB4UmVtLFxuICBzdGF0ZXMsXG4gIHVzZUN1cnJlbnRNb2RlLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7XG4gIEFuaW1hdGVQcmVzZW5jZSxcbiAgbW90aW9uLFxuICB1c2VSZWR1Y2VkTW90aW9uLFxuICBWYXJpYW50cyxcbn0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFwcEJhciB9IGZyb20gJy4uLy4uL0FwcEJhcic7XG5pbXBvcnQgeyBHcmFkaWVudEJhY2tncm91bmQgfSBmcm9tICcuLi9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJTZWN0aW9uL2VsZW1lbnRzJztcblxuZXhwb3J0IGNvbnN0IGFwcEhlYWRlck1vYmlsZUJyZWFrcG9pbnQgPSAnbGcnIGFzIGNvbnN0O1xuXG5leHBvcnQgaW50ZXJmYWNlIEFuaW1hdGVkSGVhZGVyWm9uZVByb3BzIGV4dGVuZHMgV2l0aENoaWxkcmVuUHJvcCB7XG4gIHZpc2libGU/OiBib29sZWFuO1xufVxuXG5jb25zdCBhbmltYXRlZFBvcG92ZXJWYXJpYW50czogVmFyaWFudHMgPSB7XG4gIGVudGVyOiB7IG9wYWNpdHk6IDEsIHRyYW5zaXRpb246IHsgZHVyYXRpb246IDAuMiB9IH0sXG4gIGV4aXQ6IHsgb3BhY2l0eTogMCwgdHJhbnNpdGlvbjogeyBkdXJhdGlvbjogMC4yIH0gfSxcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VNZWdhTWVudUhlYWRlclJlc3BvbnNpdmVTdHlsZXMgPSAoKToge1xuICBiZzogQ29sb3JzO1xuICBib3JkZXJDb2xvcjogQ29sb3JzO1xuICBjb2xvcjogQ29sb3JzO1xufSA9PiB7XG4gIGNvbnN0IG1vZGUgPSB1c2VDdXJyZW50TW9kZSgpO1xuXG4gIGNvbnN0IGJnID0gbW9kZSA9PT0gJ2RhcmsnID8gJ3doaXRlJyA6ICduYXZ5LTgwMCc7XG4gIGNvbnN0IGNvbG9yID0gbW9kZSA9PT0gJ2RhcmsnID8gJ25hdnktOTAwJyA6ICdibHVlLTAnO1xuXG4gIHJldHVybiB7IGJnLCBib3JkZXJDb2xvcjogY29sb3IsIGNvbG9yIH07XG59O1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRIZWFkZXJab25lOiBSZWFjdC5GQzxBbmltYXRlZEhlYWRlclpvbmVQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgdmlzaWJsZSxcbn0pID0+IHtcbiAgcmV0dXJuIHZpc2libGUgPyAoXG4gICAgPEFuaW1hdGVQcmVzZW5jZT5cbiAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgIGFuaW1hdGU9XCJlbnRlclwiXG4gICAgICAgIGV4aXQ9XCJleGl0XCJcbiAgICAgICAgaW5pdGlhbD1cImV4aXRcIlxuICAgICAgICB2YXJpYW50cz17YW5pbWF0ZWRQb3BvdmVyVmFyaWFudHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvbW90aW9uLmRpdj5cbiAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgKSA6IG51bGw7XG59O1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25BbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiBgY2VudGVyYCxcbiAgICBkaXNwbGF5OiBgZmxleGAsXG4gICAgcGFkZGluZzogYDAuNXJlbSAwYCxcbiAgICB0ZXh0QWxpZ246IGBjZW50ZXJgLFxuICAgIHdoaXRlU3BhY2U6IGBub3dyYXBgLFxuXG4gICAgJyY6Zm9jdXM6OmJlZm9yZSc6IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGRyb3Bkb3duU3RhdGVzID0gc3RhdGVzKHtcbiAgb3Blbjoge1xuICAgIHRyYW5zZm9ybTogYHJvdGF0ZSgtMTgwZGVnKWAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duSWNvbiA9IHN0eWxlZChBcnJvd0NoZXZyb25Eb3duRmlsbGVkSWNvbik8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGRyb3Bkb3duU3RhdGVzPlxuPihcbiAgY3NzKHtcbiAgICBtYXJnaW5MZWZ0OiBweFJlbSg1KSxcbiAgICB0cmFuc2l0aW9uOiBgdHJhbnNmb3JtIDAuMzVzIGVhc2Utb3V0YCxcbiAgICB0cmFuc2Zvcm1PcmlnaW46IGBjZW50ZXIgJHtweFJlbSg1KX1gLFxuICB9KSxcbiAgZHJvcGRvd25TdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpKFxuICBjc3Moe1xuICAgICcmOjphZnRlcic6IHtcbiAgICAgIGRpc3BsYXk6IGBibG9ja2AsXG4gICAgICBjb250ZW50OiBgYXR0cih0aXRsZSlgLFxuICAgICAgZm9udFdlaWdodDogYGJvbGRgLFxuICAgICAgaGVpZ2h0OiBgMXB4YCxcbiAgICAgIGNvbG9yOiBgdHJhbnNwYXJlbnRgLFxuICAgICAgb3ZlcmZsb3c6IGBoaWRkZW5gLFxuICAgICAgdmlzaWJpbGl0eTogYGhpZGRlbmAsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGdldERyb3Bkb3duQW5pbWF0aW9ucyA9ICh7XG4gIGlzT3BlbixcbiAgcHJlZmVyc1JlZHVjZWRNb3Rpb24sXG59OiB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgcHJlZmVyc1JlZHVjZWRNb3Rpb246IGJvb2xlYW4gfCBudWxsO1xufSkgPT4ge1xuICBjb25zdCBvcGVuU3RhdGUgPSB7XG4gICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlWSgwKScsXG4gICAgb3BhY2l0eTogMSxcbiAgfTtcbiAgY29uc3QgY2xvc2VkU3RhdGUgPSB7XG4gICAgdHJhbnNmb3JtOiBwcmVmZXJzUmVkdWNlZE1vdGlvbiA/ICdub25lJyA6ICd0cmFuc2xhdGVZKC04cHgpJyxcbiAgICBvcGFjaXR5OiAwLFxuICB9O1xuXG4gIHJldHVybiB7XG4gICAgYW5pbWF0ZTogaXNPcGVuID8gb3BlblN0YXRlIDogY2xvc2VkU3RhdGUsXG4gICAgaW5pdGlhbDogY2xvc2VkU3RhdGUsXG4gICAgdHJhbnNpdGlvbjoge1xuICAgICAgZHVyYXRpb246IDAuMTUsXG4gICAgICBlYXNlOiAnZWFzZU91dCcsXG4gICAgfSxcbiAgfTtcbn07XG5cbmNvbnN0IEJhc2VEcm9wZG93biA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKCdkaXYnKSkoKCkgPT5cbiAgY3NzKHsgcG9zaXRpb246IGBhYnNvbHV0ZWAgfSlcbik7XG5cbmNvbnN0IE1lZ2FNZW51QmFja2Ryb3AgPSBzdHlsZWQobW90aW9uLmNyZWF0ZSgnZGl2JykpKFxuICBjc3Moe1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHpJbmRleDogLTEsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGlzT3BlbixcbiAgICAgIC4uLnByb3BzXG4gICAgfTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJhc2VEcm9wZG93bj4gJiB7XG4gICAgICBpc09wZW46IGJvb2xlYW47XG4gICAgfSxcbiAgICByZWY6IFJlYWN0LkZvcndhcmRlZFJlZjxIVE1MRGl2RWxlbWVudD5cbiAgKSA9PiB7XG4gICAgY29uc3QgW2lzQW5pbWF0aW5nLCBzZXRJc0FuaW1hdGluZ10gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgcHJlZmVyc1JlZHVjZWRNb3Rpb24gPSB1c2VSZWR1Y2VkTW90aW9uKCk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPD5cbiAgICAgICAgPEFuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgICB7aXNPcGVuICYmIChcbiAgICAgICAgICAgIDxNZWdhTWVudUJhY2tkcm9wXG4gICAgICAgICAgICAgIGluaXRpYWw9e3sgb3BhY2l0eTogMCB9fVxuICAgICAgICAgICAgICBhbmltYXRlPXt7IG9wYWNpdHk6IDEgfX1cbiAgICAgICAgICAgICAgZXhpdD17eyBvcGFjaXR5OiAwIH19XG4gICAgICAgICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuMTUsIGVhc2U6ICdlYXNlT3V0JyB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8R3JhZGllbnRCYWNrZ3JvdW5kXG4gICAgICAgICAgICAgICAga2V5PVwiZHJvcGRvd24tYmFja2Ryb3BcIlxuICAgICAgICAgICAgICAgIHBvc2l0aW9uPVwiZml4ZWRcIlxuICAgICAgICAgICAgICAgIHRvcD1cIjBcIlxuICAgICAgICAgICAgICAgIGxlZnQ9XCIwXCJcbiAgICAgICAgICAgICAgICByaWdodD1cIjBcIlxuICAgICAgICAgICAgICAgIGJvdHRvbT1cIjBcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9NZWdhTWVudUJhY2tkcm9wPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQW5pbWF0ZVByZXNlbmNlPlxuICAgICAgICB7LyogdGhlIHByZWZlcnJlZCB3YXkgdG8gYW5pbWF0ZSB0aGlzIHdvdWxkIGJlIHZpYSBBbmltYXRlUHJlc2VuY2UsIGJ1dCBpdCBpcyB1bmNsZWFyIGlmXG4gICAgICAgICAgICBrZWVwaW5nIGNsb3NlZCBkcm9wZG93biBjb250ZW50IGluIHRoZSBET00gaGFzIGEgcG9zaXRpdmUgZWZmZWN0IG9uIFNFTyAqL31cbiAgICAgICAgPEJveCBkaXNwbGF5PXtpc09wZW4gfHwgaXNBbmltYXRpbmcgPyAnYmxvY2snIDogJ25vbmUnfT5cbiAgICAgICAgICA8QmFzZURyb3Bkb3duXG4gICAgICAgICAgICBrZXk9XCJkcm9wZG93bi1jb250ZW50XCJcbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgey4uLmdldERyb3Bkb3duQW5pbWF0aW9ucyh7IGlzT3BlbiwgcHJlZmVyc1JlZHVjZWRNb3Rpb24gfSl9XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICBvbkFuaW1hdGlvbkNvbXBsZXRlPXsoYW5pbSkgPT4ge1xuICAgICAgICAgICAgICBpZiAoIWlzT3Blbikge1xuICAgICAgICAgICAgICAgIC8vIG9ubHkgY29uc2lkZXIgYW5pbWF0aW9uIGNvbXBsZXRlIHdoZW4gZHJvcGRvd24gaXMgY2xvc2VkIHRvIHByZXZlbnQgZmxpY2tlcmluZyBmcm9tIHJhcGlkIHN0YXRlIGNoYW5nZXNcbiAgICAgICAgICAgICAgICBzZXRJc0FuaW1hdGluZyhmYWxzZSk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgcHJvcHMub25BbmltYXRpb25Db21wbGV0ZT8uKGFuaW0pO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIG9uQW5pbWF0aW9uU3RhcnQ9eyhhbmltKSA9PiB7XG4gICAgICAgICAgICAgIHNldElzQW5pbWF0aW5nKHRydWUpO1xuICAgICAgICAgICAgICBwcm9wcy5vbkFuaW1hdGlvblN0YXJ0Py4oYW5pbSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC8+XG4gICAgKTtcbiAgfVxuKTtcblxuZXhwb3J0IGNvbnN0IEFuaW1hdGVkU2ltcGxlRHJvcGRvd24gPSAoe1xuICBpc09wZW4sXG4gIC4uLnByb3BzXG59OiBSZWFjdC5Db21wb25lbnRQcm9wczx0eXBlb2YgQmFzZURyb3Bkb3duPiAmIHtcbiAgaXNPcGVuOiBib29sZWFuO1xufSkgPT4ge1xuICBjb25zdCBbaXNBbmltYXRpbmcsIHNldElzQW5pbWF0aW5nXSA9IFJlYWN0LnVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgcHJlZmVyc1JlZHVjZWRNb3Rpb24gPSB1c2VSZWR1Y2VkTW90aW9uKCk7XG5cbiAgLy8gdGhlIHByZWZlcnJlZCB3YXkgdG8gYW5pbWF0ZSB0aGlzIHdvdWxkIGJlIHZpYSBBbmltYXRlUHJlc2VuY2UsIGJ1dCBpdCBpcyB1bmNsZWFyIGlmXG4gIC8vIGtlZXBpbmcgY2xvc2VkIGRyb3Bkb3duIGNvbnRlbnQgaW4gdGhlIERPTSBoYXMgYSBwb3NpdGl2ZSBlZmZlY3Qgb24gU0VPXG4gIHJldHVybiAoXG4gICAgPEJveCBkaXNwbGF5PXtpc09wZW4gfHwgaXNBbmltYXRpbmcgPyAnYmxvY2snIDogJ25vbmUnfT5cbiAgICAgIDxCYXNlRHJvcGRvd25cbiAgICAgICAgey4uLmdldERyb3Bkb3duQW5pbWF0aW9ucyh7IGlzT3BlbiwgcHJlZmVyc1JlZHVjZWRNb3Rpb24gfSl9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgb25BbmltYXRpb25Db21wbGV0ZT17KGFuaW0pID0+IHtcbiAgICAgICAgICBpZiAoIWlzT3Blbikge1xuICAgICAgICAgICAgLy8gb25seSBjb25zaWRlciBhbmltYXRpb24gY29tcGxldGUgd2hlbiBkcm9wZG93biBpcyBjbG9zZWQgdG8gcHJldmVudCBmbGlja2VyaW5nIGZyb20gcmFwaWQgc3RhdGUgY2hhbmdlc1xuICAgICAgICAgICAgc2V0SXNBbmltYXRpbmcoZmFsc2UpO1xuICAgICAgICAgIH1cbiAgICAgICAgICBwcm9wcy5vbkFuaW1hdGlvbkNvbXBsZXRlPy4oYW5pbSk7XG4gICAgICAgIH19XG4gICAgICAgIG9uQW5pbWF0aW9uU3RhcnQ9eyhhbmltKSA9PiB7XG4gICAgICAgICAgc2V0SXNBbmltYXRpbmcodHJ1ZSk7XG4gICAgICAgICAgcHJvcHMub25BbmltYXRpb25TdGFydD8uKGFuaW0pO1xuICAgICAgICB9fVxuICAgICAgLz5cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRHcmlkQW50aUFsaWFzZWQgPSBzdHlsZWQoTGF5b3V0R3JpZClgXG4gIC13ZWJraXQtZm9udC1zbW9vdGhpbmc6IGFudGlhbGlhc2VkO1xuYDtcblxuLyogZm9yIFJlc291cmNlcyAmIENhdGFsb2cgbWVudXMgKi9cbmV4cG9ydCBjb25zdCBEZXNjcmlwdGlvblNlY3Rpb25Db250YWluZXIgPSBzdHlsZWQoRmxleEJveCkoXG4gIGNzcyh7XG4gICAgJyY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgIGNvbG9yOiAndGV4dCcsXG4gICAgICBvdXRsaW5lOiAnMXB4IHNvbGlkIGN1cnJlbnRDb2xvciAhaW1wb3J0YW50JyxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFwcEJhciA9IHN0eWxlZChBcHBCYXIpKFxuICBjc3Moe1xuICAgIGJveFNoYWRvdzogYG5vbmVgLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5hdkJhciA9IHN0eWxlZC51bChcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnc3RyZXRjaCcsXG4gICAgZGlzcGxheTogYGZsZXhgLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgbGlzdFN0eWxlOiBgbm9uZWAsXG4gICAgbWFyZ2luOiAwLFxuICAgIHdpZHRoOiBgMTAwJWAsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgYXBwSGVhZGVyU3BhY2luZyA9IHtcbiAgc3RhbmRhcmQ6IDgsXG5cbiAgZW50ZXJwcmlzZTogMTIsXG59IGFzIGNvbnN0O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNHMEIifQ== */");
+const getDropdownAnimations = ({ isOpen, prefersReducedMotion }) => {
+	const openState = {
+		transform: "translateY(0)",
+		opacity: 1
+	};
+	const closedState = {
+		transform: prefersReducedMotion ? "none" : "translateY(-8px)",
+		opacity: 0
+	};
+	return {
+		animate: isOpen ? openState : closedState,
+		initial: closedState,
+		transition: {
+			duration: .15,
+			ease: "easeOut"
+		}
+	};
+};
+const BaseDropdown = /* @__PURE__ */ (0, _emotion_styled.default)(framer_motion.motion.create("div"), {
+	target: "e1xvfq2y3",
+	label: "brand-BaseDropdown"
+})(() => (0, _codecademy_gamut_styles.css)({ position: `absolute` }), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9zaGFyZWQvZWxlbWVudHMudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvQXBwSGVhZGVyL3NoYXJlZC9lbGVtZW50cy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQW5jaG9yLFxuICBCb3gsXG4gIEZsZXhCb3gsXG4gIExheW91dEdyaWQsXG4gIFRleHQsXG4gIFdpdGhDaGlsZHJlblByb3AsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEFycm93Q2hldnJvbkRvd25GaWxsZWRJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHtcbiAgQ29sb3JzLFxuICBjc3MsXG4gIHB4UmVtLFxuICBzdGF0ZXMsXG4gIHVzZUN1cnJlbnRNb2RlLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7XG4gIEFuaW1hdGVQcmVzZW5jZSxcbiAgbW90aW9uLFxuICB1c2VSZWR1Y2VkTW90aW9uLFxuICBWYXJpYW50cyxcbn0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFwcEJhciB9IGZyb20gJy4uLy4uL0FwcEJhcic7XG5pbXBvcnQgeyBHcmFkaWVudEJhY2tncm91bmQgfSBmcm9tICcuLi9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJTZWN0aW9uL2VsZW1lbnRzJztcblxuZXhwb3J0IGNvbnN0IGFwcEhlYWRlck1vYmlsZUJyZWFrcG9pbnQgPSAnbGcnIGFzIGNvbnN0O1xuXG5leHBvcnQgaW50ZXJmYWNlIEFuaW1hdGVkSGVhZGVyWm9uZVByb3BzIGV4dGVuZHMgV2l0aENoaWxkcmVuUHJvcCB7XG4gIHZpc2libGU/OiBib29sZWFuO1xufVxuXG5jb25zdCBhbmltYXRlZFBvcG92ZXJWYXJpYW50czogVmFyaWFudHMgPSB7XG4gIGVudGVyOiB7IG9wYWNpdHk6IDEsIHRyYW5zaXRpb246IHsgZHVyYXRpb246IDAuMiB9IH0sXG4gIGV4aXQ6IHsgb3BhY2l0eTogMCwgdHJhbnNpdGlvbjogeyBkdXJhdGlvbjogMC4yIH0gfSxcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VNZWdhTWVudUhlYWRlclJlc3BvbnNpdmVTdHlsZXMgPSAoKToge1xuICBiZzogQ29sb3JzO1xuICBib3JkZXJDb2xvcjogQ29sb3JzO1xuICBjb2xvcjogQ29sb3JzO1xufSA9PiB7XG4gIGNvbnN0IG1vZGUgPSB1c2VDdXJyZW50TW9kZSgpO1xuXG4gIGNvbnN0IGJnID0gbW9kZSA9PT0gJ2RhcmsnID8gJ3doaXRlJyA6ICduYXZ5LTgwMCc7XG4gIGNvbnN0IGNvbG9yID0gbW9kZSA9PT0gJ2RhcmsnID8gJ25hdnktOTAwJyA6ICdibHVlLTAnO1xuXG4gIHJldHVybiB7IGJnLCBib3JkZXJDb2xvcjogY29sb3IsIGNvbG9yIH07XG59O1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRIZWFkZXJab25lOiBSZWFjdC5GQzxBbmltYXRlZEhlYWRlclpvbmVQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgdmlzaWJsZSxcbn0pID0+IHtcbiAgcmV0dXJuIHZpc2libGUgPyAoXG4gICAgPEFuaW1hdGVQcmVzZW5jZT5cbiAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgIGFuaW1hdGU9XCJlbnRlclwiXG4gICAgICAgIGV4aXQ9XCJleGl0XCJcbiAgICAgICAgaW5pdGlhbD1cImV4aXRcIlxuICAgICAgICB2YXJpYW50cz17YW5pbWF0ZWRQb3BvdmVyVmFyaWFudHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvbW90aW9uLmRpdj5cbiAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgKSA6IG51bGw7XG59O1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25BbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiBgY2VudGVyYCxcbiAgICBkaXNwbGF5OiBgZmxleGAsXG4gICAgcGFkZGluZzogYDAuNXJlbSAwYCxcbiAgICB0ZXh0QWxpZ246IGBjZW50ZXJgLFxuICAgIHdoaXRlU3BhY2U6IGBub3dyYXBgLFxuXG4gICAgJyY6Zm9jdXM6OmJlZm9yZSc6IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGRyb3Bkb3duU3RhdGVzID0gc3RhdGVzKHtcbiAgb3Blbjoge1xuICAgIHRyYW5zZm9ybTogYHJvdGF0ZSgtMTgwZGVnKWAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duSWNvbiA9IHN0eWxlZChBcnJvd0NoZXZyb25Eb3duRmlsbGVkSWNvbik8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGRyb3Bkb3duU3RhdGVzPlxuPihcbiAgY3NzKHtcbiAgICBtYXJnaW5MZWZ0OiBweFJlbSg1KSxcbiAgICB0cmFuc2l0aW9uOiBgdHJhbnNmb3JtIDAuMzVzIGVhc2Utb3V0YCxcbiAgICB0cmFuc2Zvcm1PcmlnaW46IGBjZW50ZXIgJHtweFJlbSg1KX1gLFxuICB9KSxcbiAgZHJvcGRvd25TdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpKFxuICBjc3Moe1xuICAgICcmOjphZnRlcic6IHtcbiAgICAgIGRpc3BsYXk6IGBibG9ja2AsXG4gICAgICBjb250ZW50OiBgYXR0cih0aXRsZSlgLFxuICAgICAgZm9udFdlaWdodDogYGJvbGRgLFxuICAgICAgaGVpZ2h0OiBgMXB4YCxcbiAgICAgIGNvbG9yOiBgdHJhbnNwYXJlbnRgLFxuICAgICAgb3ZlcmZsb3c6IGBoaWRkZW5gLFxuICAgICAgdmlzaWJpbGl0eTogYGhpZGRlbmAsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGdldERyb3Bkb3duQW5pbWF0aW9ucyA9ICh7XG4gIGlzT3BlbixcbiAgcHJlZmVyc1JlZHVjZWRNb3Rpb24sXG59OiB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgcHJlZmVyc1JlZHVjZWRNb3Rpb246IGJvb2xlYW4gfCBudWxsO1xufSkgPT4ge1xuICBjb25zdCBvcGVuU3RhdGUgPSB7XG4gICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlWSgwKScsXG4gICAgb3BhY2l0eTogMSxcbiAgfTtcbiAgY29uc3QgY2xvc2VkU3RhdGUgPSB7XG4gICAgdHJhbnNmb3JtOiBwcmVmZXJzUmVkdWNlZE1vdGlvbiA/ICdub25lJyA6ICd0cmFuc2xhdGVZKC04cHgpJyxcbiAgICBvcGFjaXR5OiAwLFxuICB9O1xuXG4gIHJldHVybiB7XG4gICAgYW5pbWF0ZTogaXNPcGVuID8gb3BlblN0YXRlIDogY2xvc2VkU3RhdGUsXG4gICAgaW5pdGlhbDogY2xvc2VkU3RhdGUsXG4gICAgdHJhbnNpdGlvbjoge1xuICAgICAgZHVyYXRpb246IDAuMTUsXG4gICAgICBlYXNlOiAnZWFzZU91dCcsXG4gICAgfSxcbiAgfTtcbn07XG5cbmNvbnN0IEJhc2VEcm9wZG93biA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKCdkaXYnKSkoKCkgPT5cbiAgY3NzKHsgcG9zaXRpb246IGBhYnNvbHV0ZWAgfSlcbik7XG5cbmNvbnN0IE1lZ2FNZW51QmFja2Ryb3AgPSBzdHlsZWQobW90aW9uLmNyZWF0ZSgnZGl2JykpKFxuICBjc3Moe1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHpJbmRleDogLTEsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGlzT3BlbixcbiAgICAgIC4uLnByb3BzXG4gICAgfTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJhc2VEcm9wZG93bj4gJiB7XG4gICAgICBpc09wZW46IGJvb2xlYW47XG4gICAgfSxcbiAgICByZWY6IFJlYWN0LkZvcndhcmRlZFJlZjxIVE1MRGl2RWxlbWVudD5cbiAgKSA9PiB7XG4gICAgY29uc3QgW2lzQW5pbWF0aW5nLCBzZXRJc0FuaW1hdGluZ10gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgcHJlZmVyc1JlZHVjZWRNb3Rpb24gPSB1c2VSZWR1Y2VkTW90aW9uKCk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPD5cbiAgICAgICAgPEFuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgICB7aXNPcGVuICYmIChcbiAgICAgICAgICAgIDxNZWdhTWVudUJhY2tkcm9wXG4gICAgICAgICAgICAgIGluaXRpYWw9e3sgb3BhY2l0eTogMCB9fVxuICAgICAgICAgICAgICBhbmltYXRlPXt7IG9wYWNpdHk6IDEgfX1cbiAgICAgICAgICAgICAgZXhpdD17eyBvcGFjaXR5OiAwIH19XG4gICAgICAgICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuMTUsIGVhc2U6ICdlYXNlT3V0JyB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8R3JhZGllbnRCYWNrZ3JvdW5kXG4gICAgICAgICAgICAgICAga2V5PVwiZHJvcGRvd24tYmFja2Ryb3BcIlxuICAgICAgICAgICAgICAgIHBvc2l0aW9uPVwiZml4ZWRcIlxuICAgICAgICAgICAgICAgIHRvcD1cIjBcIlxuICAgICAgICAgICAgICAgIGxlZnQ9XCIwXCJcbiAgICAgICAgICAgICAgICByaWdodD1cIjBcIlxuICAgICAgICAgICAgICAgIGJvdHRvbT1cIjBcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9NZWdhTWVudUJhY2tkcm9wPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQW5pbWF0ZVByZXNlbmNlPlxuICAgICAgICB7LyogdGhlIHByZWZlcnJlZCB3YXkgdG8gYW5pbWF0ZSB0aGlzIHdvdWxkIGJlIHZpYSBBbmltYXRlUHJlc2VuY2UsIGJ1dCBpdCBpcyB1bmNsZWFyIGlmXG4gICAgICAgICAgICBrZWVwaW5nIGNsb3NlZCBkcm9wZG93biBjb250ZW50IGluIHRoZSBET00gaGFzIGEgcG9zaXRpdmUgZWZmZWN0IG9uIFNFTyAqL31cbiAgICAgICAgPEJveCBkaXNwbGF5PXtpc09wZW4gfHwgaXNBbmltYXRpbmcgPyAnYmxvY2snIDogJ25vbmUnfT5cbiAgICAgICAgICA8QmFzZURyb3Bkb3duXG4gICAgICAgICAgICBrZXk9XCJkcm9wZG93bi1jb250ZW50XCJcbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgey4uLmdldERyb3Bkb3duQW5pbWF0aW9ucyh7IGlzT3BlbiwgcHJlZmVyc1JlZHVjZWRNb3Rpb24gfSl9XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICBvbkFuaW1hdGlvbkNvbXBsZXRlPXsoYW5pbSkgPT4ge1xuICAgICAgICAgICAgICBpZiAoIWlzT3Blbikge1xuICAgICAgICAgICAgICAgIC8vIG9ubHkgY29uc2lkZXIgYW5pbWF0aW9uIGNvbXBsZXRlIHdoZW4gZHJvcGRvd24gaXMgY2xvc2VkIHRvIHByZXZlbnQgZmxpY2tlcmluZyBmcm9tIHJhcGlkIHN0YXRlIGNoYW5nZXNcbiAgICAgICAgICAgICAgICBzZXRJc0FuaW1hdGluZyhmYWxzZSk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgcHJvcHMub25BbmltYXRpb25Db21wbGV0ZT8uKGFuaW0pO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIG9uQW5pbWF0aW9uU3RhcnQ9eyhhbmltKSA9PiB7XG4gICAgICAgICAgICAgIHNldElzQW5pbWF0aW5nKHRydWUpO1xuICAgICAgICAgICAgICBwcm9wcy5vbkFuaW1hdGlvblN0YXJ0Py4oYW5pbSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC8+XG4gICAgKTtcbiAgfVxuKTtcblxuZXhwb3J0IGNvbnN0IEFuaW1hdGVkU2ltcGxlRHJvcGRvd24gPSAoe1xuICBpc09wZW4sXG4gIC4uLnByb3BzXG59OiBSZWFjdC5Db21wb25lbnRQcm9wczx0eXBlb2YgQmFzZURyb3Bkb3duPiAmIHtcbiAgaXNPcGVuOiBib29sZWFuO1xufSkgPT4ge1xuICBjb25zdCBbaXNBbmltYXRpbmcsIHNldElzQW5pbWF0aW5nXSA9IFJlYWN0LnVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgcHJlZmVyc1JlZHVjZWRNb3Rpb24gPSB1c2VSZWR1Y2VkTW90aW9uKCk7XG5cbiAgLy8gdGhlIHByZWZlcnJlZCB3YXkgdG8gYW5pbWF0ZSB0aGlzIHdvdWxkIGJlIHZpYSBBbmltYXRlUHJlc2VuY2UsIGJ1dCBpdCBpcyB1bmNsZWFyIGlmXG4gIC8vIGtlZXBpbmcgY2xvc2VkIGRyb3Bkb3duIGNvbnRlbnQgaW4gdGhlIERPTSBoYXMgYSBwb3NpdGl2ZSBlZmZlY3Qgb24gU0VPXG4gIHJldHVybiAoXG4gICAgPEJveCBkaXNwbGF5PXtpc09wZW4gfHwgaXNBbmltYXRpbmcgPyAnYmxvY2snIDogJ25vbmUnfT5cbiAgICAgIDxCYXNlRHJvcGRvd25cbiAgICAgICAgey4uLmdldERyb3Bkb3duQW5pbWF0aW9ucyh7IGlzT3BlbiwgcHJlZmVyc1JlZHVjZWRNb3Rpb24gfSl9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgb25BbmltYXRpb25Db21wbGV0ZT17KGFuaW0pID0+IHtcbiAgICAgICAgICBpZiAoIWlzT3Blbikge1xuICAgICAgICAgICAgLy8gb25seSBjb25zaWRlciBhbmltYXRpb24gY29tcGxldGUgd2hlbiBkcm9wZG93biBpcyBjbG9zZWQgdG8gcHJldmVudCBmbGlja2VyaW5nIGZyb20gcmFwaWQgc3RhdGUgY2hhbmdlc1xuICAgICAgICAgICAgc2V0SXNBbmltYXRpbmcoZmFsc2UpO1xuICAgICAgICAgIH1cbiAgICAgICAgICBwcm9wcy5vbkFuaW1hdGlvbkNvbXBsZXRlPy4oYW5pbSk7XG4gICAgICAgIH19XG4gICAgICAgIG9uQW5pbWF0aW9uU3RhcnQ9eyhhbmltKSA9PiB7XG4gICAgICAgICAgc2V0SXNBbmltYXRpbmcodHJ1ZSk7XG4gICAgICAgICAgcHJvcHMub25BbmltYXRpb25TdGFydD8uKGFuaW0pO1xuICAgICAgICB9fVxuICAgICAgLz5cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRHcmlkQW50aUFsaWFzZWQgPSBzdHlsZWQoTGF5b3V0R3JpZClgXG4gIC13ZWJraXQtZm9udC1zbW9vdGhpbmc6IGFudGlhbGlhc2VkO1xuYDtcblxuLyogZm9yIFJlc291cmNlcyAmIENhdGFsb2cgbWVudXMgKi9cbmV4cG9ydCBjb25zdCBEZXNjcmlwdGlvblNlY3Rpb25Db250YWluZXIgPSBzdHlsZWQoRmxleEJveCkoXG4gIGNzcyh7XG4gICAgJyY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgIGNvbG9yOiAndGV4dCcsXG4gICAgICBvdXRsaW5lOiAnMXB4IHNvbGlkIGN1cnJlbnRDb2xvciAhaW1wb3J0YW50JyxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFwcEJhciA9IHN0eWxlZChBcHBCYXIpKFxuICBjc3Moe1xuICAgIGJveFNoYWRvdzogYG5vbmVgLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5hdkJhciA9IHN0eWxlZC51bChcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnc3RyZXRjaCcsXG4gICAgZGlzcGxheTogYGZsZXhgLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgbGlzdFN0eWxlOiBgbm9uZWAsXG4gICAgbWFyZ2luOiAwLFxuICAgIHdpZHRoOiBgMTAwJWAsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgYXBwSGVhZGVyU3BhY2luZyA9IHtcbiAgc3RhbmRhcmQ6IDgsXG5cbiAgZW50ZXJwcmlzZTogMTIsXG59IGFzIGNvbnN0O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThJcUIifQ== */");
+const MegaMenuBackdrop = /* @__PURE__ */ (0, _emotion_styled.default)(framer_motion.motion.create("div"), {
+	target: "e1xvfq2y4",
+	label: "brand-MegaMenuBackdrop"
+})((0, _codecademy_gamut_styles.css)({
+	position: "relative",
+	zIndex: -1
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9zaGFyZWQvZWxlbWVudHMudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvQXBwSGVhZGVyL3NoYXJlZC9lbGVtZW50cy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQW5jaG9yLFxuICBCb3gsXG4gIEZsZXhCb3gsXG4gIExheW91dEdyaWQsXG4gIFRleHQsXG4gIFdpdGhDaGlsZHJlblByb3AsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEFycm93Q2hldnJvbkRvd25GaWxsZWRJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHtcbiAgQ29sb3JzLFxuICBjc3MsXG4gIHB4UmVtLFxuICBzdGF0ZXMsXG4gIHVzZUN1cnJlbnRNb2RlLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7XG4gIEFuaW1hdGVQcmVzZW5jZSxcbiAgbW90aW9uLFxuICB1c2VSZWR1Y2VkTW90aW9uLFxuICBWYXJpYW50cyxcbn0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFwcEJhciB9IGZyb20gJy4uLy4uL0FwcEJhcic7XG5pbXBvcnQgeyBHcmFkaWVudEJhY2tncm91bmQgfSBmcm9tICcuLi9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJTZWN0aW9uL2VsZW1lbnRzJztcblxuZXhwb3J0IGNvbnN0IGFwcEhlYWRlck1vYmlsZUJyZWFrcG9pbnQgPSAnbGcnIGFzIGNvbnN0O1xuXG5leHBvcnQgaW50ZXJmYWNlIEFuaW1hdGVkSGVhZGVyWm9uZVByb3BzIGV4dGVuZHMgV2l0aENoaWxkcmVuUHJvcCB7XG4gIHZpc2libGU/OiBib29sZWFuO1xufVxuXG5jb25zdCBhbmltYXRlZFBvcG92ZXJWYXJpYW50czogVmFyaWFudHMgPSB7XG4gIGVudGVyOiB7IG9wYWNpdHk6IDEsIHRyYW5zaXRpb246IHsgZHVyYXRpb246IDAuMiB9IH0sXG4gIGV4aXQ6IHsgb3BhY2l0eTogMCwgdHJhbnNpdGlvbjogeyBkdXJhdGlvbjogMC4yIH0gfSxcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VNZWdhTWVudUhlYWRlclJlc3BvbnNpdmVTdHlsZXMgPSAoKToge1xuICBiZzogQ29sb3JzO1xuICBib3JkZXJDb2xvcjogQ29sb3JzO1xuICBjb2xvcjogQ29sb3JzO1xufSA9PiB7XG4gIGNvbnN0IG1vZGUgPSB1c2VDdXJyZW50TW9kZSgpO1xuXG4gIGNvbnN0IGJnID0gbW9kZSA9PT0gJ2RhcmsnID8gJ3doaXRlJyA6ICduYXZ5LTgwMCc7XG4gIGNvbnN0IGNvbG9yID0gbW9kZSA9PT0gJ2RhcmsnID8gJ25hdnktOTAwJyA6ICdibHVlLTAnO1xuXG4gIHJldHVybiB7IGJnLCBib3JkZXJDb2xvcjogY29sb3IsIGNvbG9yIH07XG59O1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRIZWFkZXJab25lOiBSZWFjdC5GQzxBbmltYXRlZEhlYWRlclpvbmVQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgdmlzaWJsZSxcbn0pID0+IHtcbiAgcmV0dXJuIHZpc2libGUgPyAoXG4gICAgPEFuaW1hdGVQcmVzZW5jZT5cbiAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgIGFuaW1hdGU9XCJlbnRlclwiXG4gICAgICAgIGV4aXQ9XCJleGl0XCJcbiAgICAgICAgaW5pdGlhbD1cImV4aXRcIlxuICAgICAgICB2YXJpYW50cz17YW5pbWF0ZWRQb3BvdmVyVmFyaWFudHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvbW90aW9uLmRpdj5cbiAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgKSA6IG51bGw7XG59O1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25BbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiBgY2VudGVyYCxcbiAgICBkaXNwbGF5OiBgZmxleGAsXG4gICAgcGFkZGluZzogYDAuNXJlbSAwYCxcbiAgICB0ZXh0QWxpZ246IGBjZW50ZXJgLFxuICAgIHdoaXRlU3BhY2U6IGBub3dyYXBgLFxuXG4gICAgJyY6Zm9jdXM6OmJlZm9yZSc6IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGRyb3Bkb3duU3RhdGVzID0gc3RhdGVzKHtcbiAgb3Blbjoge1xuICAgIHRyYW5zZm9ybTogYHJvdGF0ZSgtMTgwZGVnKWAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duSWNvbiA9IHN0eWxlZChBcnJvd0NoZXZyb25Eb3duRmlsbGVkSWNvbik8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGRyb3Bkb3duU3RhdGVzPlxuPihcbiAgY3NzKHtcbiAgICBtYXJnaW5MZWZ0OiBweFJlbSg1KSxcbiAgICB0cmFuc2l0aW9uOiBgdHJhbnNmb3JtIDAuMzVzIGVhc2Utb3V0YCxcbiAgICB0cmFuc2Zvcm1PcmlnaW46IGBjZW50ZXIgJHtweFJlbSg1KX1gLFxuICB9KSxcbiAgZHJvcGRvd25TdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpKFxuICBjc3Moe1xuICAgICcmOjphZnRlcic6IHtcbiAgICAgIGRpc3BsYXk6IGBibG9ja2AsXG4gICAgICBjb250ZW50OiBgYXR0cih0aXRsZSlgLFxuICAgICAgZm9udFdlaWdodDogYGJvbGRgLFxuICAgICAgaGVpZ2h0OiBgMXB4YCxcbiAgICAgIGNvbG9yOiBgdHJhbnNwYXJlbnRgLFxuICAgICAgb3ZlcmZsb3c6IGBoaWRkZW5gLFxuICAgICAgdmlzaWJpbGl0eTogYGhpZGRlbmAsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGdldERyb3Bkb3duQW5pbWF0aW9ucyA9ICh7XG4gIGlzT3BlbixcbiAgcHJlZmVyc1JlZHVjZWRNb3Rpb24sXG59OiB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgcHJlZmVyc1JlZHVjZWRNb3Rpb246IGJvb2xlYW4gfCBudWxsO1xufSkgPT4ge1xuICBjb25zdCBvcGVuU3RhdGUgPSB7XG4gICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlWSgwKScsXG4gICAgb3BhY2l0eTogMSxcbiAgfTtcbiAgY29uc3QgY2xvc2VkU3RhdGUgPSB7XG4gICAgdHJhbnNmb3JtOiBwcmVmZXJzUmVkdWNlZE1vdGlvbiA/ICdub25lJyA6ICd0cmFuc2xhdGVZKC04cHgpJyxcbiAgICBvcGFjaXR5OiAwLFxuICB9O1xuXG4gIHJldHVybiB7XG4gICAgYW5pbWF0ZTogaXNPcGVuID8gb3BlblN0YXRlIDogY2xvc2VkU3RhdGUsXG4gICAgaW5pdGlhbDogY2xvc2VkU3RhdGUsXG4gICAgdHJhbnNpdGlvbjoge1xuICAgICAgZHVyYXRpb246IDAuMTUsXG4gICAgICBlYXNlOiAnZWFzZU91dCcsXG4gICAgfSxcbiAgfTtcbn07XG5cbmNvbnN0IEJhc2VEcm9wZG93biA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKCdkaXYnKSkoKCkgPT5cbiAgY3NzKHsgcG9zaXRpb246IGBhYnNvbHV0ZWAgfSlcbik7XG5cbmNvbnN0IE1lZ2FNZW51QmFja2Ryb3AgPSBzdHlsZWQobW90aW9uLmNyZWF0ZSgnZGl2JykpKFxuICBjc3Moe1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHpJbmRleDogLTEsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGlzT3BlbixcbiAgICAgIC4uLnByb3BzXG4gICAgfTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJhc2VEcm9wZG93bj4gJiB7XG4gICAgICBpc09wZW46IGJvb2xlYW47XG4gICAgfSxcbiAgICByZWY6IFJlYWN0LkZvcndhcmRlZFJlZjxIVE1MRGl2RWxlbWVudD5cbiAgKSA9PiB7XG4gICAgY29uc3QgW2lzQW5pbWF0aW5nLCBzZXRJc0FuaW1hdGluZ10gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgcHJlZmVyc1JlZHVjZWRNb3Rpb24gPSB1c2VSZWR1Y2VkTW90aW9uKCk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPD5cbiAgICAgICAgPEFuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgICB7aXNPcGVuICYmIChcbiAgICAgICAgICAgIDxNZWdhTWVudUJhY2tkcm9wXG4gICAgICAgICAgICAgIGluaXRpYWw9e3sgb3BhY2l0eTogMCB9fVxuICAgICAgICAgICAgICBhbmltYXRlPXt7IG9wYWNpdHk6IDEgfX1cbiAgICAgICAgICAgICAgZXhpdD17eyBvcGFjaXR5OiAwIH19XG4gICAgICAgICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuMTUsIGVhc2U6ICdlYXNlT3V0JyB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8R3JhZGllbnRCYWNrZ3JvdW5kXG4gICAgICAgICAgICAgICAga2V5PVwiZHJvcGRvd24tYmFja2Ryb3BcIlxuICAgICAgICAgICAgICAgIHBvc2l0aW9uPVwiZml4ZWRcIlxuICAgICAgICAgICAgICAgIHRvcD1cIjBcIlxuICAgICAgICAgICAgICAgIGxlZnQ9XCIwXCJcbiAgICAgICAgICAgICAgICByaWdodD1cIjBcIlxuICAgICAgICAgICAgICAgIGJvdHRvbT1cIjBcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9NZWdhTWVudUJhY2tkcm9wPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQW5pbWF0ZVByZXNlbmNlPlxuICAgICAgICB7LyogdGhlIHByZWZlcnJlZCB3YXkgdG8gYW5pbWF0ZSB0aGlzIHdvdWxkIGJlIHZpYSBBbmltYXRlUHJlc2VuY2UsIGJ1dCBpdCBpcyB1bmNsZWFyIGlmXG4gICAgICAgICAgICBrZWVwaW5nIGNsb3NlZCBkcm9wZG93biBjb250ZW50IGluIHRoZSBET00gaGFzIGEgcG9zaXRpdmUgZWZmZWN0IG9uIFNFTyAqL31cbiAgICAgICAgPEJveCBkaXNwbGF5PXtpc09wZW4gfHwgaXNBbmltYXRpbmcgPyAnYmxvY2snIDogJ25vbmUnfT5cbiAgICAgICAgICA8QmFzZURyb3Bkb3duXG4gICAgICAgICAgICBrZXk9XCJkcm9wZG93bi1jb250ZW50XCJcbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgey4uLmdldERyb3Bkb3duQW5pbWF0aW9ucyh7IGlzT3BlbiwgcHJlZmVyc1JlZHVjZWRNb3Rpb24gfSl9XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICBvbkFuaW1hdGlvbkNvbXBsZXRlPXsoYW5pbSkgPT4ge1xuICAgICAgICAgICAgICBpZiAoIWlzT3Blbikge1xuICAgICAgICAgICAgICAgIC8vIG9ubHkgY29uc2lkZXIgYW5pbWF0aW9uIGNvbXBsZXRlIHdoZW4gZHJvcGRvd24gaXMgY2xvc2VkIHRvIHByZXZlbnQgZmxpY2tlcmluZyBmcm9tIHJhcGlkIHN0YXRlIGNoYW5nZXNcbiAgICAgICAgICAgICAgICBzZXRJc0FuaW1hdGluZyhmYWxzZSk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgcHJvcHMub25BbmltYXRpb25Db21wbGV0ZT8uKGFuaW0pO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIG9uQW5pbWF0aW9uU3RhcnQ9eyhhbmltKSA9PiB7XG4gICAgICAgICAgICAgIHNldElzQW5pbWF0aW5nKHRydWUpO1xuICAgICAgICAgICAgICBwcm9wcy5vbkFuaW1hdGlvblN0YXJ0Py4oYW5pbSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC8+XG4gICAgKTtcbiAgfVxuKTtcblxuZXhwb3J0IGNvbnN0IEFuaW1hdGVkU2ltcGxlRHJvcGRvd24gPSAoe1xuICBpc09wZW4sXG4gIC4uLnByb3BzXG59OiBSZWFjdC5Db21wb25lbnRQcm9wczx0eXBlb2YgQmFzZURyb3Bkb3duPiAmIHtcbiAgaXNPcGVuOiBib29sZWFuO1xufSkgPT4ge1xuICBjb25zdCBbaXNBbmltYXRpbmcsIHNldElzQW5pbWF0aW5nXSA9IFJlYWN0LnVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgcHJlZmVyc1JlZHVjZWRNb3Rpb24gPSB1c2VSZWR1Y2VkTW90aW9uKCk7XG5cbiAgLy8gdGhlIHByZWZlcnJlZCB3YXkgdG8gYW5pbWF0ZSB0aGlzIHdvdWxkIGJlIHZpYSBBbmltYXRlUHJlc2VuY2UsIGJ1dCBpdCBpcyB1bmNsZWFyIGlmXG4gIC8vIGtlZXBpbmcgY2xvc2VkIGRyb3Bkb3duIGNvbnRlbnQgaW4gdGhlIERPTSBoYXMgYSBwb3NpdGl2ZSBlZmZlY3Qgb24gU0VPXG4gIHJldHVybiAoXG4gICAgPEJveCBkaXNwbGF5PXtpc09wZW4gfHwgaXNBbmltYXRpbmcgPyAnYmxvY2snIDogJ25vbmUnfT5cbiAgICAgIDxCYXNlRHJvcGRvd25cbiAgICAgICAgey4uLmdldERyb3Bkb3duQW5pbWF0aW9ucyh7IGlzT3BlbiwgcHJlZmVyc1JlZHVjZWRNb3Rpb24gfSl9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgb25BbmltYXRpb25Db21wbGV0ZT17KGFuaW0pID0+IHtcbiAgICAgICAgICBpZiAoIWlzT3Blbikge1xuICAgICAgICAgICAgLy8gb25seSBjb25zaWRlciBhbmltYXRpb24gY29tcGxldGUgd2hlbiBkcm9wZG93biBpcyBjbG9zZWQgdG8gcHJldmVudCBmbGlja2VyaW5nIGZyb20gcmFwaWQgc3RhdGUgY2hhbmdlc1xuICAgICAgICAgICAgc2V0SXNBbmltYXRpbmcoZmFsc2UpO1xuICAgICAgICAgIH1cbiAgICAgICAgICBwcm9wcy5vbkFuaW1hdGlvbkNvbXBsZXRlPy4oYW5pbSk7XG4gICAgICAgIH19XG4gICAgICAgIG9uQW5pbWF0aW9uU3RhcnQ9eyhhbmltKSA9PiB7XG4gICAgICAgICAgc2V0SXNBbmltYXRpbmcodHJ1ZSk7XG4gICAgICAgICAgcHJvcHMub25BbmltYXRpb25TdGFydD8uKGFuaW0pO1xuICAgICAgICB9fVxuICAgICAgLz5cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRHcmlkQW50aUFsaWFzZWQgPSBzdHlsZWQoTGF5b3V0R3JpZClgXG4gIC13ZWJraXQtZm9udC1zbW9vdGhpbmc6IGFudGlhbGlhc2VkO1xuYDtcblxuLyogZm9yIFJlc291cmNlcyAmIENhdGFsb2cgbWVudXMgKi9cbmV4cG9ydCBjb25zdCBEZXNjcmlwdGlvblNlY3Rpb25Db250YWluZXIgPSBzdHlsZWQoRmxleEJveCkoXG4gIGNzcyh7XG4gICAgJyY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgIGNvbG9yOiAndGV4dCcsXG4gICAgICBvdXRsaW5lOiAnMXB4IHNvbGlkIGN1cnJlbnRDb2xvciAhaW1wb3J0YW50JyxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFwcEJhciA9IHN0eWxlZChBcHBCYXIpKFxuICBjc3Moe1xuICAgIGJveFNoYWRvdzogYG5vbmVgLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5hdkJhciA9IHN0eWxlZC51bChcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnc3RyZXRjaCcsXG4gICAgZGlzcGxheTogYGZsZXhgLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgbGlzdFN0eWxlOiBgbm9uZWAsXG4gICAgbWFyZ2luOiAwLFxuICAgIHdpZHRoOiBgMTAwJWAsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgYXBwSGVhZGVyU3BhY2luZyA9IHtcbiAgc3RhbmRhcmQ6IDgsXG5cbiAgZW50ZXJwcmlzZTogMTIsXG59IGFzIGNvbnN0O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtKeUIifQ== */");
+const AnimatedMegaMenuDropdown = /* @__PURE__ */ react.forwardRef(({ isOpen, ...props }, ref) => {
+	const [isAnimating, setIsAnimating] = react.useState(false);
+	const prefersReducedMotion = (0, framer_motion.useReducedMotion)();
+	return /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement(framer_motion.AnimatePresence, null, isOpen && /* @__PURE__ */ react.createElement(MegaMenuBackdrop, {
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: {
+			duration: .15,
+			ease: "easeOut"
+		}
+	}, /* @__PURE__ */ react.createElement(require_elements.GradientBackground, {
+		key: "dropdown-backdrop",
+		position: "fixed",
+		top: "0",
+		left: "0",
+		right: "0",
+		bottom: "0"
+	}))), /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, { display: isOpen || isAnimating ? "block" : "none" }, /* @__PURE__ */ react.createElement(BaseDropdown, {
+		key: "dropdown-content",
+		ref,
+		...getDropdownAnimations({
+			isOpen,
+			prefersReducedMotion
+		}),
+		...props,
+		onAnimationComplete: (anim) => {
+			if (!isOpen) setIsAnimating(false);
+			props.onAnimationComplete?.(anim);
+		},
+		onAnimationStart: (anim) => {
+			setIsAnimating(true);
+			props.onAnimationStart?.(anim);
+		}
+	})));
+});
+const AnimatedSimpleDropdown = ({ isOpen, ...props }) => {
+	const [isAnimating, setIsAnimating] = react.useState(false);
+	const prefersReducedMotion = (0, framer_motion.useReducedMotion)();
+	return /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, { display: isOpen || isAnimating ? "block" : "none" }, /* @__PURE__ */ react.createElement(BaseDropdown, {
+		...getDropdownAnimations({
+			isOpen,
+			prefersReducedMotion
+		}),
+		...props,
+		onAnimationComplete: (anim) => {
+			if (!isOpen) setIsAnimating(false);
+			props.onAnimationComplete?.(anim);
+		},
+		onAnimationStart: (anim) => {
+			setIsAnimating(true);
+			props.onAnimationStart?.(anim);
+		}
+	}));
+};
+const DescriptionSectionContainer = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.FlexBox, {
+	target: "e1xvfq2y6",
+	label: "brand-DescriptionSectionContainer"
+})((0, _codecademy_gamut_styles.css)({ "&:focus-visible": {
+	color: "text",
+	outline: "1px solid currentColor !important"
+} }), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9zaGFyZWQvZWxlbWVudHMudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvQXBwSGVhZGVyL3NoYXJlZC9lbGVtZW50cy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQW5jaG9yLFxuICBCb3gsXG4gIEZsZXhCb3gsXG4gIExheW91dEdyaWQsXG4gIFRleHQsXG4gIFdpdGhDaGlsZHJlblByb3AsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEFycm93Q2hldnJvbkRvd25GaWxsZWRJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHtcbiAgQ29sb3JzLFxuICBjc3MsXG4gIHB4UmVtLFxuICBzdGF0ZXMsXG4gIHVzZUN1cnJlbnRNb2RlLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7XG4gIEFuaW1hdGVQcmVzZW5jZSxcbiAgbW90aW9uLFxuICB1c2VSZWR1Y2VkTW90aW9uLFxuICBWYXJpYW50cyxcbn0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFwcEJhciB9IGZyb20gJy4uLy4uL0FwcEJhcic7XG5pbXBvcnQgeyBHcmFkaWVudEJhY2tncm91bmQgfSBmcm9tICcuLi9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJTZWN0aW9uL2VsZW1lbnRzJztcblxuZXhwb3J0IGNvbnN0IGFwcEhlYWRlck1vYmlsZUJyZWFrcG9pbnQgPSAnbGcnIGFzIGNvbnN0O1xuXG5leHBvcnQgaW50ZXJmYWNlIEFuaW1hdGVkSGVhZGVyWm9uZVByb3BzIGV4dGVuZHMgV2l0aENoaWxkcmVuUHJvcCB7XG4gIHZpc2libGU/OiBib29sZWFuO1xufVxuXG5jb25zdCBhbmltYXRlZFBvcG92ZXJWYXJpYW50czogVmFyaWFudHMgPSB7XG4gIGVudGVyOiB7IG9wYWNpdHk6IDEsIHRyYW5zaXRpb246IHsgZHVyYXRpb246IDAuMiB9IH0sXG4gIGV4aXQ6IHsgb3BhY2l0eTogMCwgdHJhbnNpdGlvbjogeyBkdXJhdGlvbjogMC4yIH0gfSxcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VNZWdhTWVudUhlYWRlclJlc3BvbnNpdmVTdHlsZXMgPSAoKToge1xuICBiZzogQ29sb3JzO1xuICBib3JkZXJDb2xvcjogQ29sb3JzO1xuICBjb2xvcjogQ29sb3JzO1xufSA9PiB7XG4gIGNvbnN0IG1vZGUgPSB1c2VDdXJyZW50TW9kZSgpO1xuXG4gIGNvbnN0IGJnID0gbW9kZSA9PT0gJ2RhcmsnID8gJ3doaXRlJyA6ICduYXZ5LTgwMCc7XG4gIGNvbnN0IGNvbG9yID0gbW9kZSA9PT0gJ2RhcmsnID8gJ25hdnktOTAwJyA6ICdibHVlLTAnO1xuXG4gIHJldHVybiB7IGJnLCBib3JkZXJDb2xvcjogY29sb3IsIGNvbG9yIH07XG59O1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRIZWFkZXJab25lOiBSZWFjdC5GQzxBbmltYXRlZEhlYWRlclpvbmVQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgdmlzaWJsZSxcbn0pID0+IHtcbiAgcmV0dXJuIHZpc2libGUgPyAoXG4gICAgPEFuaW1hdGVQcmVzZW5jZT5cbiAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgIGFuaW1hdGU9XCJlbnRlclwiXG4gICAgICAgIGV4aXQ9XCJleGl0XCJcbiAgICAgICAgaW5pdGlhbD1cImV4aXRcIlxuICAgICAgICB2YXJpYW50cz17YW5pbWF0ZWRQb3BvdmVyVmFyaWFudHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvbW90aW9uLmRpdj5cbiAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgKSA6IG51bGw7XG59O1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25BbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiBgY2VudGVyYCxcbiAgICBkaXNwbGF5OiBgZmxleGAsXG4gICAgcGFkZGluZzogYDAuNXJlbSAwYCxcbiAgICB0ZXh0QWxpZ246IGBjZW50ZXJgLFxuICAgIHdoaXRlU3BhY2U6IGBub3dyYXBgLFxuXG4gICAgJyY6Zm9jdXM6OmJlZm9yZSc6IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGRyb3Bkb3duU3RhdGVzID0gc3RhdGVzKHtcbiAgb3Blbjoge1xuICAgIHRyYW5zZm9ybTogYHJvdGF0ZSgtMTgwZGVnKWAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duSWNvbiA9IHN0eWxlZChBcnJvd0NoZXZyb25Eb3duRmlsbGVkSWNvbik8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGRyb3Bkb3duU3RhdGVzPlxuPihcbiAgY3NzKHtcbiAgICBtYXJnaW5MZWZ0OiBweFJlbSg1KSxcbiAgICB0cmFuc2l0aW9uOiBgdHJhbnNmb3JtIDAuMzVzIGVhc2Utb3V0YCxcbiAgICB0cmFuc2Zvcm1PcmlnaW46IGBjZW50ZXIgJHtweFJlbSg1KX1gLFxuICB9KSxcbiAgZHJvcGRvd25TdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpKFxuICBjc3Moe1xuICAgICcmOjphZnRlcic6IHtcbiAgICAgIGRpc3BsYXk6IGBibG9ja2AsXG4gICAgICBjb250ZW50OiBgYXR0cih0aXRsZSlgLFxuICAgICAgZm9udFdlaWdodDogYGJvbGRgLFxuICAgICAgaGVpZ2h0OiBgMXB4YCxcbiAgICAgIGNvbG9yOiBgdHJhbnNwYXJlbnRgLFxuICAgICAgb3ZlcmZsb3c6IGBoaWRkZW5gLFxuICAgICAgdmlzaWJpbGl0eTogYGhpZGRlbmAsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGdldERyb3Bkb3duQW5pbWF0aW9ucyA9ICh7XG4gIGlzT3BlbixcbiAgcHJlZmVyc1JlZHVjZWRNb3Rpb24sXG59OiB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgcHJlZmVyc1JlZHVjZWRNb3Rpb246IGJvb2xlYW4gfCBudWxsO1xufSkgPT4ge1xuICBjb25zdCBvcGVuU3RhdGUgPSB7XG4gICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlWSgwKScsXG4gICAgb3BhY2l0eTogMSxcbiAgfTtcbiAgY29uc3QgY2xvc2VkU3RhdGUgPSB7XG4gICAgdHJhbnNmb3JtOiBwcmVmZXJzUmVkdWNlZE1vdGlvbiA/ICdub25lJyA6ICd0cmFuc2xhdGVZKC04cHgpJyxcbiAgICBvcGFjaXR5OiAwLFxuICB9O1xuXG4gIHJldHVybiB7XG4gICAgYW5pbWF0ZTogaXNPcGVuID8gb3BlblN0YXRlIDogY2xvc2VkU3RhdGUsXG4gICAgaW5pdGlhbDogY2xvc2VkU3RhdGUsXG4gICAgdHJhbnNpdGlvbjoge1xuICAgICAgZHVyYXRpb246IDAuMTUsXG4gICAgICBlYXNlOiAnZWFzZU91dCcsXG4gICAgfSxcbiAgfTtcbn07XG5cbmNvbnN0IEJhc2VEcm9wZG93biA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKCdkaXYnKSkoKCkgPT5cbiAgY3NzKHsgcG9zaXRpb246IGBhYnNvbHV0ZWAgfSlcbik7XG5cbmNvbnN0IE1lZ2FNZW51QmFja2Ryb3AgPSBzdHlsZWQobW90aW9uLmNyZWF0ZSgnZGl2JykpKFxuICBjc3Moe1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHpJbmRleDogLTEsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGlzT3BlbixcbiAgICAgIC4uLnByb3BzXG4gICAgfTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJhc2VEcm9wZG93bj4gJiB7XG4gICAgICBpc09wZW46IGJvb2xlYW47XG4gICAgfSxcbiAgICByZWY6IFJlYWN0LkZvcndhcmRlZFJlZjxIVE1MRGl2RWxlbWVudD5cbiAgKSA9PiB7XG4gICAgY29uc3QgW2lzQW5pbWF0aW5nLCBzZXRJc0FuaW1hdGluZ10gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgcHJlZmVyc1JlZHVjZWRNb3Rpb24gPSB1c2VSZWR1Y2VkTW90aW9uKCk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPD5cbiAgICAgICAgPEFuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgICB7aXNPcGVuICYmIChcbiAgICAgICAgICAgIDxNZWdhTWVudUJhY2tkcm9wXG4gICAgICAgICAgICAgIGluaXRpYWw9e3sgb3BhY2l0eTogMCB9fVxuICAgICAgICAgICAgICBhbmltYXRlPXt7IG9wYWNpdHk6IDEgfX1cbiAgICAgICAgICAgICAgZXhpdD17eyBvcGFjaXR5OiAwIH19XG4gICAgICAgICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuMTUsIGVhc2U6ICdlYXNlT3V0JyB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8R3JhZGllbnRCYWNrZ3JvdW5kXG4gICAgICAgICAgICAgICAga2V5PVwiZHJvcGRvd24tYmFja2Ryb3BcIlxuICAgICAgICAgICAgICAgIHBvc2l0aW9uPVwiZml4ZWRcIlxuICAgICAgICAgICAgICAgIHRvcD1cIjBcIlxuICAgICAgICAgICAgICAgIGxlZnQ9XCIwXCJcbiAgICAgICAgICAgICAgICByaWdodD1cIjBcIlxuICAgICAgICAgICAgICAgIGJvdHRvbT1cIjBcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9NZWdhTWVudUJhY2tkcm9wPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQW5pbWF0ZVByZXNlbmNlPlxuICAgICAgICB7LyogdGhlIHByZWZlcnJlZCB3YXkgdG8gYW5pbWF0ZSB0aGlzIHdvdWxkIGJlIHZpYSBBbmltYXRlUHJlc2VuY2UsIGJ1dCBpdCBpcyB1bmNsZWFyIGlmXG4gICAgICAgICAgICBrZWVwaW5nIGNsb3NlZCBkcm9wZG93biBjb250ZW50IGluIHRoZSBET00gaGFzIGEgcG9zaXRpdmUgZWZmZWN0IG9uIFNFTyAqL31cbiAgICAgICAgPEJveCBkaXNwbGF5PXtpc09wZW4gfHwgaXNBbmltYXRpbmcgPyAnYmxvY2snIDogJ25vbmUnfT5cbiAgICAgICAgICA8QmFzZURyb3Bkb3duXG4gICAgICAgICAgICBrZXk9XCJkcm9wZG93bi1jb250ZW50XCJcbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgey4uLmdldERyb3Bkb3duQW5pbWF0aW9ucyh7IGlzT3BlbiwgcHJlZmVyc1JlZHVjZWRNb3Rpb24gfSl9XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICBvbkFuaW1hdGlvbkNvbXBsZXRlPXsoYW5pbSkgPT4ge1xuICAgICAgICAgICAgICBpZiAoIWlzT3Blbikge1xuICAgICAgICAgICAgICAgIC8vIG9ubHkgY29uc2lkZXIgYW5pbWF0aW9uIGNvbXBsZXRlIHdoZW4gZHJvcGRvd24gaXMgY2xvc2VkIHRvIHByZXZlbnQgZmxpY2tlcmluZyBmcm9tIHJhcGlkIHN0YXRlIGNoYW5nZXNcbiAgICAgICAgICAgICAgICBzZXRJc0FuaW1hdGluZyhmYWxzZSk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgcHJvcHMub25BbmltYXRpb25Db21wbGV0ZT8uKGFuaW0pO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIG9uQW5pbWF0aW9uU3RhcnQ9eyhhbmltKSA9PiB7XG4gICAgICAgICAgICAgIHNldElzQW5pbWF0aW5nKHRydWUpO1xuICAgICAgICAgICAgICBwcm9wcy5vbkFuaW1hdGlvblN0YXJ0Py4oYW5pbSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC8+XG4gICAgKTtcbiAgfVxuKTtcblxuZXhwb3J0IGNvbnN0IEFuaW1hdGVkU2ltcGxlRHJvcGRvd24gPSAoe1xuICBpc09wZW4sXG4gIC4uLnByb3BzXG59OiBSZWFjdC5Db21wb25lbnRQcm9wczx0eXBlb2YgQmFzZURyb3Bkb3duPiAmIHtcbiAgaXNPcGVuOiBib29sZWFuO1xufSkgPT4ge1xuICBjb25zdCBbaXNBbmltYXRpbmcsIHNldElzQW5pbWF0aW5nXSA9IFJlYWN0LnVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgcHJlZmVyc1JlZHVjZWRNb3Rpb24gPSB1c2VSZWR1Y2VkTW90aW9uKCk7XG5cbiAgLy8gdGhlIHByZWZlcnJlZCB3YXkgdG8gYW5pbWF0ZSB0aGlzIHdvdWxkIGJlIHZpYSBBbmltYXRlUHJlc2VuY2UsIGJ1dCBpdCBpcyB1bmNsZWFyIGlmXG4gIC8vIGtlZXBpbmcgY2xvc2VkIGRyb3Bkb3duIGNvbnRlbnQgaW4gdGhlIERPTSBoYXMgYSBwb3NpdGl2ZSBlZmZlY3Qgb24gU0VPXG4gIHJldHVybiAoXG4gICAgPEJveCBkaXNwbGF5PXtpc09wZW4gfHwgaXNBbmltYXRpbmcgPyAnYmxvY2snIDogJ25vbmUnfT5cbiAgICAgIDxCYXNlRHJvcGRvd25cbiAgICAgICAgey4uLmdldERyb3Bkb3duQW5pbWF0aW9ucyh7IGlzT3BlbiwgcHJlZmVyc1JlZHVjZWRNb3Rpb24gfSl9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgb25BbmltYXRpb25Db21wbGV0ZT17KGFuaW0pID0+IHtcbiAgICAgICAgICBpZiAoIWlzT3Blbikge1xuICAgICAgICAgICAgLy8gb25seSBjb25zaWRlciBhbmltYXRpb24gY29tcGxldGUgd2hlbiBkcm9wZG93biBpcyBjbG9zZWQgdG8gcHJldmVudCBmbGlja2VyaW5nIGZyb20gcmFwaWQgc3RhdGUgY2hhbmdlc1xuICAgICAgICAgICAgc2V0SXNBbmltYXRpbmcoZmFsc2UpO1xuICAgICAgICAgIH1cbiAgICAgICAgICBwcm9wcy5vbkFuaW1hdGlvbkNvbXBsZXRlPy4oYW5pbSk7XG4gICAgICAgIH19XG4gICAgICAgIG9uQW5pbWF0aW9uU3RhcnQ9eyhhbmltKSA9PiB7XG4gICAgICAgICAgc2V0SXNBbmltYXRpbmcodHJ1ZSk7XG4gICAgICAgICAgcHJvcHMub25BbmltYXRpb25TdGFydD8uKGFuaW0pO1xuICAgICAgICB9fVxuICAgICAgLz5cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRHcmlkQW50aUFsaWFzZWQgPSBzdHlsZWQoTGF5b3V0R3JpZClgXG4gIC13ZWJraXQtZm9udC1zbW9vdGhpbmc6IGFudGlhbGlhc2VkO1xuYDtcblxuLyogZm9yIFJlc291cmNlcyAmIENhdGFsb2cgbWVudXMgKi9cbmV4cG9ydCBjb25zdCBEZXNjcmlwdGlvblNlY3Rpb25Db250YWluZXIgPSBzdHlsZWQoRmxleEJveCkoXG4gIGNzcyh7XG4gICAgJyY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgIGNvbG9yOiAndGV4dCcsXG4gICAgICBvdXRsaW5lOiAnMXB4IHNvbGlkIGN1cnJlbnRDb2xvciAhaW1wb3J0YW50JyxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFwcEJhciA9IHN0eWxlZChBcHBCYXIpKFxuICBjc3Moe1xuICAgIGJveFNoYWRvdzogYG5vbmVgLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5hdkJhciA9IHN0eWxlZC51bChcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnc3RyZXRjaCcsXG4gICAgZGlzcGxheTogYGZsZXhgLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgbGlzdFN0eWxlOiBgbm9uZWAsXG4gICAgbWFyZ2luOiAwLFxuICAgIHdpZHRoOiBgMTAwJWAsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgYXBwSGVhZGVyU3BhY2luZyA9IHtcbiAgc3RhbmRhcmQ6IDgsXG5cbiAgZW50ZXJwcmlzZTogMTIsXG59IGFzIGNvbnN0O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBQMkMifQ== */");
+const StyledAppBar = /* @__PURE__ */ (0, _emotion_styled.default)(require_index.AppBar, {
+	target: "e1xvfq2y7",
+	label: "brand-StyledAppBar"
+})((0, _codecademy_gamut_styles.css)({ boxShadow: `none` }), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9zaGFyZWQvZWxlbWVudHMudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvQXBwSGVhZGVyL3NoYXJlZC9lbGVtZW50cy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQW5jaG9yLFxuICBCb3gsXG4gIEZsZXhCb3gsXG4gIExheW91dEdyaWQsXG4gIFRleHQsXG4gIFdpdGhDaGlsZHJlblByb3AsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEFycm93Q2hldnJvbkRvd25GaWxsZWRJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHtcbiAgQ29sb3JzLFxuICBjc3MsXG4gIHB4UmVtLFxuICBzdGF0ZXMsXG4gIHVzZUN1cnJlbnRNb2RlLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7XG4gIEFuaW1hdGVQcmVzZW5jZSxcbiAgbW90aW9uLFxuICB1c2VSZWR1Y2VkTW90aW9uLFxuICBWYXJpYW50cyxcbn0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFwcEJhciB9IGZyb20gJy4uLy4uL0FwcEJhcic7XG5pbXBvcnQgeyBHcmFkaWVudEJhY2tncm91bmQgfSBmcm9tICcuLi9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJTZWN0aW9uL2VsZW1lbnRzJztcblxuZXhwb3J0IGNvbnN0IGFwcEhlYWRlck1vYmlsZUJyZWFrcG9pbnQgPSAnbGcnIGFzIGNvbnN0O1xuXG5leHBvcnQgaW50ZXJmYWNlIEFuaW1hdGVkSGVhZGVyWm9uZVByb3BzIGV4dGVuZHMgV2l0aENoaWxkcmVuUHJvcCB7XG4gIHZpc2libGU/OiBib29sZWFuO1xufVxuXG5jb25zdCBhbmltYXRlZFBvcG92ZXJWYXJpYW50czogVmFyaWFudHMgPSB7XG4gIGVudGVyOiB7IG9wYWNpdHk6IDEsIHRyYW5zaXRpb246IHsgZHVyYXRpb246IDAuMiB9IH0sXG4gIGV4aXQ6IHsgb3BhY2l0eTogMCwgdHJhbnNpdGlvbjogeyBkdXJhdGlvbjogMC4yIH0gfSxcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VNZWdhTWVudUhlYWRlclJlc3BvbnNpdmVTdHlsZXMgPSAoKToge1xuICBiZzogQ29sb3JzO1xuICBib3JkZXJDb2xvcjogQ29sb3JzO1xuICBjb2xvcjogQ29sb3JzO1xufSA9PiB7XG4gIGNvbnN0IG1vZGUgPSB1c2VDdXJyZW50TW9kZSgpO1xuXG4gIGNvbnN0IGJnID0gbW9kZSA9PT0gJ2RhcmsnID8gJ3doaXRlJyA6ICduYXZ5LTgwMCc7XG4gIGNvbnN0IGNvbG9yID0gbW9kZSA9PT0gJ2RhcmsnID8gJ25hdnktOTAwJyA6ICdibHVlLTAnO1xuXG4gIHJldHVybiB7IGJnLCBib3JkZXJDb2xvcjogY29sb3IsIGNvbG9yIH07XG59O1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRIZWFkZXJab25lOiBSZWFjdC5GQzxBbmltYXRlZEhlYWRlclpvbmVQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgdmlzaWJsZSxcbn0pID0+IHtcbiAgcmV0dXJuIHZpc2libGUgPyAoXG4gICAgPEFuaW1hdGVQcmVzZW5jZT5cbiAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgIGFuaW1hdGU9XCJlbnRlclwiXG4gICAgICAgIGV4aXQ9XCJleGl0XCJcbiAgICAgICAgaW5pdGlhbD1cImV4aXRcIlxuICAgICAgICB2YXJpYW50cz17YW5pbWF0ZWRQb3BvdmVyVmFyaWFudHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvbW90aW9uLmRpdj5cbiAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgKSA6IG51bGw7XG59O1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25BbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiBgY2VudGVyYCxcbiAgICBkaXNwbGF5OiBgZmxleGAsXG4gICAgcGFkZGluZzogYDAuNXJlbSAwYCxcbiAgICB0ZXh0QWxpZ246IGBjZW50ZXJgLFxuICAgIHdoaXRlU3BhY2U6IGBub3dyYXBgLFxuXG4gICAgJyY6Zm9jdXM6OmJlZm9yZSc6IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGRyb3Bkb3duU3RhdGVzID0gc3RhdGVzKHtcbiAgb3Blbjoge1xuICAgIHRyYW5zZm9ybTogYHJvdGF0ZSgtMTgwZGVnKWAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duSWNvbiA9IHN0eWxlZChBcnJvd0NoZXZyb25Eb3duRmlsbGVkSWNvbik8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGRyb3Bkb3duU3RhdGVzPlxuPihcbiAgY3NzKHtcbiAgICBtYXJnaW5MZWZ0OiBweFJlbSg1KSxcbiAgICB0cmFuc2l0aW9uOiBgdHJhbnNmb3JtIDAuMzVzIGVhc2Utb3V0YCxcbiAgICB0cmFuc2Zvcm1PcmlnaW46IGBjZW50ZXIgJHtweFJlbSg1KX1gLFxuICB9KSxcbiAgZHJvcGRvd25TdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpKFxuICBjc3Moe1xuICAgICcmOjphZnRlcic6IHtcbiAgICAgIGRpc3BsYXk6IGBibG9ja2AsXG4gICAgICBjb250ZW50OiBgYXR0cih0aXRsZSlgLFxuICAgICAgZm9udFdlaWdodDogYGJvbGRgLFxuICAgICAgaGVpZ2h0OiBgMXB4YCxcbiAgICAgIGNvbG9yOiBgdHJhbnNwYXJlbnRgLFxuICAgICAgb3ZlcmZsb3c6IGBoaWRkZW5gLFxuICAgICAgdmlzaWJpbGl0eTogYGhpZGRlbmAsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGdldERyb3Bkb3duQW5pbWF0aW9ucyA9ICh7XG4gIGlzT3BlbixcbiAgcHJlZmVyc1JlZHVjZWRNb3Rpb24sXG59OiB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgcHJlZmVyc1JlZHVjZWRNb3Rpb246IGJvb2xlYW4gfCBudWxsO1xufSkgPT4ge1xuICBjb25zdCBvcGVuU3RhdGUgPSB7XG4gICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlWSgwKScsXG4gICAgb3BhY2l0eTogMSxcbiAgfTtcbiAgY29uc3QgY2xvc2VkU3RhdGUgPSB7XG4gICAgdHJhbnNmb3JtOiBwcmVmZXJzUmVkdWNlZE1vdGlvbiA/ICdub25lJyA6ICd0cmFuc2xhdGVZKC04cHgpJyxcbiAgICBvcGFjaXR5OiAwLFxuICB9O1xuXG4gIHJldHVybiB7XG4gICAgYW5pbWF0ZTogaXNPcGVuID8gb3BlblN0YXRlIDogY2xvc2VkU3RhdGUsXG4gICAgaW5pdGlhbDogY2xvc2VkU3RhdGUsXG4gICAgdHJhbnNpdGlvbjoge1xuICAgICAgZHVyYXRpb246IDAuMTUsXG4gICAgICBlYXNlOiAnZWFzZU91dCcsXG4gICAgfSxcbiAgfTtcbn07XG5cbmNvbnN0IEJhc2VEcm9wZG93biA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKCdkaXYnKSkoKCkgPT5cbiAgY3NzKHsgcG9zaXRpb246IGBhYnNvbHV0ZWAgfSlcbik7XG5cbmNvbnN0IE1lZ2FNZW51QmFja2Ryb3AgPSBzdHlsZWQobW90aW9uLmNyZWF0ZSgnZGl2JykpKFxuICBjc3Moe1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHpJbmRleDogLTEsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGlzT3BlbixcbiAgICAgIC4uLnByb3BzXG4gICAgfTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJhc2VEcm9wZG93bj4gJiB7XG4gICAgICBpc09wZW46IGJvb2xlYW47XG4gICAgfSxcbiAgICByZWY6IFJlYWN0LkZvcndhcmRlZFJlZjxIVE1MRGl2RWxlbWVudD5cbiAgKSA9PiB7XG4gICAgY29uc3QgW2lzQW5pbWF0aW5nLCBzZXRJc0FuaW1hdGluZ10gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgcHJlZmVyc1JlZHVjZWRNb3Rpb24gPSB1c2VSZWR1Y2VkTW90aW9uKCk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPD5cbiAgICAgICAgPEFuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgICB7aXNPcGVuICYmIChcbiAgICAgICAgICAgIDxNZWdhTWVudUJhY2tkcm9wXG4gICAgICAgICAgICAgIGluaXRpYWw9e3sgb3BhY2l0eTogMCB9fVxuICAgICAgICAgICAgICBhbmltYXRlPXt7IG9wYWNpdHk6IDEgfX1cbiAgICAgICAgICAgICAgZXhpdD17eyBvcGFjaXR5OiAwIH19XG4gICAgICAgICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuMTUsIGVhc2U6ICdlYXNlT3V0JyB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8R3JhZGllbnRCYWNrZ3JvdW5kXG4gICAgICAgICAgICAgICAga2V5PVwiZHJvcGRvd24tYmFja2Ryb3BcIlxuICAgICAgICAgICAgICAgIHBvc2l0aW9uPVwiZml4ZWRcIlxuICAgICAgICAgICAgICAgIHRvcD1cIjBcIlxuICAgICAgICAgICAgICAgIGxlZnQ9XCIwXCJcbiAgICAgICAgICAgICAgICByaWdodD1cIjBcIlxuICAgICAgICAgICAgICAgIGJvdHRvbT1cIjBcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9NZWdhTWVudUJhY2tkcm9wPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQW5pbWF0ZVByZXNlbmNlPlxuICAgICAgICB7LyogdGhlIHByZWZlcnJlZCB3YXkgdG8gYW5pbWF0ZSB0aGlzIHdvdWxkIGJlIHZpYSBBbmltYXRlUHJlc2VuY2UsIGJ1dCBpdCBpcyB1bmNsZWFyIGlmXG4gICAgICAgICAgICBrZWVwaW5nIGNsb3NlZCBkcm9wZG93biBjb250ZW50IGluIHRoZSBET00gaGFzIGEgcG9zaXRpdmUgZWZmZWN0IG9uIFNFTyAqL31cbiAgICAgICAgPEJveCBkaXNwbGF5PXtpc09wZW4gfHwgaXNBbmltYXRpbmcgPyAnYmxvY2snIDogJ25vbmUnfT5cbiAgICAgICAgICA8QmFzZURyb3Bkb3duXG4gICAgICAgICAgICBrZXk9XCJkcm9wZG93bi1jb250ZW50XCJcbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgey4uLmdldERyb3Bkb3duQW5pbWF0aW9ucyh7IGlzT3BlbiwgcHJlZmVyc1JlZHVjZWRNb3Rpb24gfSl9XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICBvbkFuaW1hdGlvbkNvbXBsZXRlPXsoYW5pbSkgPT4ge1xuICAgICAgICAgICAgICBpZiAoIWlzT3Blbikge1xuICAgICAgICAgICAgICAgIC8vIG9ubHkgY29uc2lkZXIgYW5pbWF0aW9uIGNvbXBsZXRlIHdoZW4gZHJvcGRvd24gaXMgY2xvc2VkIHRvIHByZXZlbnQgZmxpY2tlcmluZyBmcm9tIHJhcGlkIHN0YXRlIGNoYW5nZXNcbiAgICAgICAgICAgICAgICBzZXRJc0FuaW1hdGluZyhmYWxzZSk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgcHJvcHMub25BbmltYXRpb25Db21wbGV0ZT8uKGFuaW0pO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIG9uQW5pbWF0aW9uU3RhcnQ9eyhhbmltKSA9PiB7XG4gICAgICAgICAgICAgIHNldElzQW5pbWF0aW5nKHRydWUpO1xuICAgICAgICAgICAgICBwcm9wcy5vbkFuaW1hdGlvblN0YXJ0Py4oYW5pbSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC8+XG4gICAgKTtcbiAgfVxuKTtcblxuZXhwb3J0IGNvbnN0IEFuaW1hdGVkU2ltcGxlRHJvcGRvd24gPSAoe1xuICBpc09wZW4sXG4gIC4uLnByb3BzXG59OiBSZWFjdC5Db21wb25lbnRQcm9wczx0eXBlb2YgQmFzZURyb3Bkb3duPiAmIHtcbiAgaXNPcGVuOiBib29sZWFuO1xufSkgPT4ge1xuICBjb25zdCBbaXNBbmltYXRpbmcsIHNldElzQW5pbWF0aW5nXSA9IFJlYWN0LnVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgcHJlZmVyc1JlZHVjZWRNb3Rpb24gPSB1c2VSZWR1Y2VkTW90aW9uKCk7XG5cbiAgLy8gdGhlIHByZWZlcnJlZCB3YXkgdG8gYW5pbWF0ZSB0aGlzIHdvdWxkIGJlIHZpYSBBbmltYXRlUHJlc2VuY2UsIGJ1dCBpdCBpcyB1bmNsZWFyIGlmXG4gIC8vIGtlZXBpbmcgY2xvc2VkIGRyb3Bkb3duIGNvbnRlbnQgaW4gdGhlIERPTSBoYXMgYSBwb3NpdGl2ZSBlZmZlY3Qgb24gU0VPXG4gIHJldHVybiAoXG4gICAgPEJveCBkaXNwbGF5PXtpc09wZW4gfHwgaXNBbmltYXRpbmcgPyAnYmxvY2snIDogJ25vbmUnfT5cbiAgICAgIDxCYXNlRHJvcGRvd25cbiAgICAgICAgey4uLmdldERyb3Bkb3duQW5pbWF0aW9ucyh7IGlzT3BlbiwgcHJlZmVyc1JlZHVjZWRNb3Rpb24gfSl9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgb25BbmltYXRpb25Db21wbGV0ZT17KGFuaW0pID0+IHtcbiAgICAgICAgICBpZiAoIWlzT3Blbikge1xuICAgICAgICAgICAgLy8gb25seSBjb25zaWRlciBhbmltYXRpb24gY29tcGxldGUgd2hlbiBkcm9wZG93biBpcyBjbG9zZWQgdG8gcHJldmVudCBmbGlja2VyaW5nIGZyb20gcmFwaWQgc3RhdGUgY2hhbmdlc1xuICAgICAgICAgICAgc2V0SXNBbmltYXRpbmcoZmFsc2UpO1xuICAgICAgICAgIH1cbiAgICAgICAgICBwcm9wcy5vbkFuaW1hdGlvbkNvbXBsZXRlPy4oYW5pbSk7XG4gICAgICAgIH19XG4gICAgICAgIG9uQW5pbWF0aW9uU3RhcnQ9eyhhbmltKSA9PiB7XG4gICAgICAgICAgc2V0SXNBbmltYXRpbmcodHJ1ZSk7XG4gICAgICAgICAgcHJvcHMub25BbmltYXRpb25TdGFydD8uKGFuaW0pO1xuICAgICAgICB9fVxuICAgICAgLz5cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRHcmlkQW50aUFsaWFzZWQgPSBzdHlsZWQoTGF5b3V0R3JpZClgXG4gIC13ZWJraXQtZm9udC1zbW9vdGhpbmc6IGFudGlhbGlhc2VkO1xuYDtcblxuLyogZm9yIFJlc291cmNlcyAmIENhdGFsb2cgbWVudXMgKi9cbmV4cG9ydCBjb25zdCBEZXNjcmlwdGlvblNlY3Rpb25Db250YWluZXIgPSBzdHlsZWQoRmxleEJveCkoXG4gIGNzcyh7XG4gICAgJyY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgIGNvbG9yOiAndGV4dCcsXG4gICAgICBvdXRsaW5lOiAnMXB4IHNvbGlkIGN1cnJlbnRDb2xvciAhaW1wb3J0YW50JyxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFwcEJhciA9IHN0eWxlZChBcHBCYXIpKFxuICBjc3Moe1xuICAgIGJveFNoYWRvdzogYG5vbmVgLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5hdkJhciA9IHN0eWxlZC51bChcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnc3RyZXRjaCcsXG4gICAgZGlzcGxheTogYGZsZXhgLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgbGlzdFN0eWxlOiBgbm9uZWAsXG4gICAgbWFyZ2luOiAwLFxuICAgIHdpZHRoOiBgMTAwJWAsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgYXBwSGVhZGVyU3BhY2luZyA9IHtcbiAgc3RhbmRhcmQ6IDgsXG5cbiAgZW50ZXJwcmlzZTogMTIsXG59IGFzIGNvbnN0O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1RNEIifQ== */");
+const StyledNavBar = /* @__PURE__ */ (0, _emotion_styled.default)("ul", {
+	target: "e1xvfq2y8",
+	label: "brand-StyledNavBar"
+})((0, _codecademy_gamut_styles.css)({
+	alignItems: "stretch",
+	display: `flex`,
+	padding: 0,
+	listStyle: `none`,
+	margin: 0,
+	width: `100%`
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9zaGFyZWQvZWxlbWVudHMudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvQXBwSGVhZGVyL3NoYXJlZC9lbGVtZW50cy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQW5jaG9yLFxuICBCb3gsXG4gIEZsZXhCb3gsXG4gIExheW91dEdyaWQsXG4gIFRleHQsXG4gIFdpdGhDaGlsZHJlblByb3AsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEFycm93Q2hldnJvbkRvd25GaWxsZWRJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHtcbiAgQ29sb3JzLFxuICBjc3MsXG4gIHB4UmVtLFxuICBzdGF0ZXMsXG4gIHVzZUN1cnJlbnRNb2RlLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7XG4gIEFuaW1hdGVQcmVzZW5jZSxcbiAgbW90aW9uLFxuICB1c2VSZWR1Y2VkTW90aW9uLFxuICBWYXJpYW50cyxcbn0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFwcEJhciB9IGZyb20gJy4uLy4uL0FwcEJhcic7XG5pbXBvcnQgeyBHcmFkaWVudEJhY2tncm91bmQgfSBmcm9tICcuLi9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJTZWN0aW9uL2VsZW1lbnRzJztcblxuZXhwb3J0IGNvbnN0IGFwcEhlYWRlck1vYmlsZUJyZWFrcG9pbnQgPSAnbGcnIGFzIGNvbnN0O1xuXG5leHBvcnQgaW50ZXJmYWNlIEFuaW1hdGVkSGVhZGVyWm9uZVByb3BzIGV4dGVuZHMgV2l0aENoaWxkcmVuUHJvcCB7XG4gIHZpc2libGU/OiBib29sZWFuO1xufVxuXG5jb25zdCBhbmltYXRlZFBvcG92ZXJWYXJpYW50czogVmFyaWFudHMgPSB7XG4gIGVudGVyOiB7IG9wYWNpdHk6IDEsIHRyYW5zaXRpb246IHsgZHVyYXRpb246IDAuMiB9IH0sXG4gIGV4aXQ6IHsgb3BhY2l0eTogMCwgdHJhbnNpdGlvbjogeyBkdXJhdGlvbjogMC4yIH0gfSxcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VNZWdhTWVudUhlYWRlclJlc3BvbnNpdmVTdHlsZXMgPSAoKToge1xuICBiZzogQ29sb3JzO1xuICBib3JkZXJDb2xvcjogQ29sb3JzO1xuICBjb2xvcjogQ29sb3JzO1xufSA9PiB7XG4gIGNvbnN0IG1vZGUgPSB1c2VDdXJyZW50TW9kZSgpO1xuXG4gIGNvbnN0IGJnID0gbW9kZSA9PT0gJ2RhcmsnID8gJ3doaXRlJyA6ICduYXZ5LTgwMCc7XG4gIGNvbnN0IGNvbG9yID0gbW9kZSA9PT0gJ2RhcmsnID8gJ25hdnktOTAwJyA6ICdibHVlLTAnO1xuXG4gIHJldHVybiB7IGJnLCBib3JkZXJDb2xvcjogY29sb3IsIGNvbG9yIH07XG59O1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRIZWFkZXJab25lOiBSZWFjdC5GQzxBbmltYXRlZEhlYWRlclpvbmVQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgdmlzaWJsZSxcbn0pID0+IHtcbiAgcmV0dXJuIHZpc2libGUgPyAoXG4gICAgPEFuaW1hdGVQcmVzZW5jZT5cbiAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgIGFuaW1hdGU9XCJlbnRlclwiXG4gICAgICAgIGV4aXQ9XCJleGl0XCJcbiAgICAgICAgaW5pdGlhbD1cImV4aXRcIlxuICAgICAgICB2YXJpYW50cz17YW5pbWF0ZWRQb3BvdmVyVmFyaWFudHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvbW90aW9uLmRpdj5cbiAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgKSA6IG51bGw7XG59O1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25BbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiBgY2VudGVyYCxcbiAgICBkaXNwbGF5OiBgZmxleGAsXG4gICAgcGFkZGluZzogYDAuNXJlbSAwYCxcbiAgICB0ZXh0QWxpZ246IGBjZW50ZXJgLFxuICAgIHdoaXRlU3BhY2U6IGBub3dyYXBgLFxuXG4gICAgJyY6Zm9jdXM6OmJlZm9yZSc6IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGRyb3Bkb3duU3RhdGVzID0gc3RhdGVzKHtcbiAgb3Blbjoge1xuICAgIHRyYW5zZm9ybTogYHJvdGF0ZSgtMTgwZGVnKWAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duSWNvbiA9IHN0eWxlZChBcnJvd0NoZXZyb25Eb3duRmlsbGVkSWNvbik8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGRyb3Bkb3duU3RhdGVzPlxuPihcbiAgY3NzKHtcbiAgICBtYXJnaW5MZWZ0OiBweFJlbSg1KSxcbiAgICB0cmFuc2l0aW9uOiBgdHJhbnNmb3JtIDAuMzVzIGVhc2Utb3V0YCxcbiAgICB0cmFuc2Zvcm1PcmlnaW46IGBjZW50ZXIgJHtweFJlbSg1KX1gLFxuICB9KSxcbiAgZHJvcGRvd25TdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpKFxuICBjc3Moe1xuICAgICcmOjphZnRlcic6IHtcbiAgICAgIGRpc3BsYXk6IGBibG9ja2AsXG4gICAgICBjb250ZW50OiBgYXR0cih0aXRsZSlgLFxuICAgICAgZm9udFdlaWdodDogYGJvbGRgLFxuICAgICAgaGVpZ2h0OiBgMXB4YCxcbiAgICAgIGNvbG9yOiBgdHJhbnNwYXJlbnRgLFxuICAgICAgb3ZlcmZsb3c6IGBoaWRkZW5gLFxuICAgICAgdmlzaWJpbGl0eTogYGhpZGRlbmAsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGdldERyb3Bkb3duQW5pbWF0aW9ucyA9ICh7XG4gIGlzT3BlbixcbiAgcHJlZmVyc1JlZHVjZWRNb3Rpb24sXG59OiB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgcHJlZmVyc1JlZHVjZWRNb3Rpb246IGJvb2xlYW4gfCBudWxsO1xufSkgPT4ge1xuICBjb25zdCBvcGVuU3RhdGUgPSB7XG4gICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlWSgwKScsXG4gICAgb3BhY2l0eTogMSxcbiAgfTtcbiAgY29uc3QgY2xvc2VkU3RhdGUgPSB7XG4gICAgdHJhbnNmb3JtOiBwcmVmZXJzUmVkdWNlZE1vdGlvbiA/ICdub25lJyA6ICd0cmFuc2xhdGVZKC04cHgpJyxcbiAgICBvcGFjaXR5OiAwLFxuICB9O1xuXG4gIHJldHVybiB7XG4gICAgYW5pbWF0ZTogaXNPcGVuID8gb3BlblN0YXRlIDogY2xvc2VkU3RhdGUsXG4gICAgaW5pdGlhbDogY2xvc2VkU3RhdGUsXG4gICAgdHJhbnNpdGlvbjoge1xuICAgICAgZHVyYXRpb246IDAuMTUsXG4gICAgICBlYXNlOiAnZWFzZU91dCcsXG4gICAgfSxcbiAgfTtcbn07XG5cbmNvbnN0IEJhc2VEcm9wZG93biA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKCdkaXYnKSkoKCkgPT5cbiAgY3NzKHsgcG9zaXRpb246IGBhYnNvbHV0ZWAgfSlcbik7XG5cbmNvbnN0IE1lZ2FNZW51QmFja2Ryb3AgPSBzdHlsZWQobW90aW9uLmNyZWF0ZSgnZGl2JykpKFxuICBjc3Moe1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHpJbmRleDogLTEsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGlzT3BlbixcbiAgICAgIC4uLnByb3BzXG4gICAgfTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJhc2VEcm9wZG93bj4gJiB7XG4gICAgICBpc09wZW46IGJvb2xlYW47XG4gICAgfSxcbiAgICByZWY6IFJlYWN0LkZvcndhcmRlZFJlZjxIVE1MRGl2RWxlbWVudD5cbiAgKSA9PiB7XG4gICAgY29uc3QgW2lzQW5pbWF0aW5nLCBzZXRJc0FuaW1hdGluZ10gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgcHJlZmVyc1JlZHVjZWRNb3Rpb24gPSB1c2VSZWR1Y2VkTW90aW9uKCk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPD5cbiAgICAgICAgPEFuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgICB7aXNPcGVuICYmIChcbiAgICAgICAgICAgIDxNZWdhTWVudUJhY2tkcm9wXG4gICAgICAgICAgICAgIGluaXRpYWw9e3sgb3BhY2l0eTogMCB9fVxuICAgICAgICAgICAgICBhbmltYXRlPXt7IG9wYWNpdHk6IDEgfX1cbiAgICAgICAgICAgICAgZXhpdD17eyBvcGFjaXR5OiAwIH19XG4gICAgICAgICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuMTUsIGVhc2U6ICdlYXNlT3V0JyB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8R3JhZGllbnRCYWNrZ3JvdW5kXG4gICAgICAgICAgICAgICAga2V5PVwiZHJvcGRvd24tYmFja2Ryb3BcIlxuICAgICAgICAgICAgICAgIHBvc2l0aW9uPVwiZml4ZWRcIlxuICAgICAgICAgICAgICAgIHRvcD1cIjBcIlxuICAgICAgICAgICAgICAgIGxlZnQ9XCIwXCJcbiAgICAgICAgICAgICAgICByaWdodD1cIjBcIlxuICAgICAgICAgICAgICAgIGJvdHRvbT1cIjBcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9NZWdhTWVudUJhY2tkcm9wPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQW5pbWF0ZVByZXNlbmNlPlxuICAgICAgICB7LyogdGhlIHByZWZlcnJlZCB3YXkgdG8gYW5pbWF0ZSB0aGlzIHdvdWxkIGJlIHZpYSBBbmltYXRlUHJlc2VuY2UsIGJ1dCBpdCBpcyB1bmNsZWFyIGlmXG4gICAgICAgICAgICBrZWVwaW5nIGNsb3NlZCBkcm9wZG93biBjb250ZW50IGluIHRoZSBET00gaGFzIGEgcG9zaXRpdmUgZWZmZWN0IG9uIFNFTyAqL31cbiAgICAgICAgPEJveCBkaXNwbGF5PXtpc09wZW4gfHwgaXNBbmltYXRpbmcgPyAnYmxvY2snIDogJ25vbmUnfT5cbiAgICAgICAgICA8QmFzZURyb3Bkb3duXG4gICAgICAgICAgICBrZXk9XCJkcm9wZG93bi1jb250ZW50XCJcbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgey4uLmdldERyb3Bkb3duQW5pbWF0aW9ucyh7IGlzT3BlbiwgcHJlZmVyc1JlZHVjZWRNb3Rpb24gfSl9XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICBvbkFuaW1hdGlvbkNvbXBsZXRlPXsoYW5pbSkgPT4ge1xuICAgICAgICAgICAgICBpZiAoIWlzT3Blbikge1xuICAgICAgICAgICAgICAgIC8vIG9ubHkgY29uc2lkZXIgYW5pbWF0aW9uIGNvbXBsZXRlIHdoZW4gZHJvcGRvd24gaXMgY2xvc2VkIHRvIHByZXZlbnQgZmxpY2tlcmluZyBmcm9tIHJhcGlkIHN0YXRlIGNoYW5nZXNcbiAgICAgICAgICAgICAgICBzZXRJc0FuaW1hdGluZyhmYWxzZSk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgcHJvcHMub25BbmltYXRpb25Db21wbGV0ZT8uKGFuaW0pO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIG9uQW5pbWF0aW9uU3RhcnQ9eyhhbmltKSA9PiB7XG4gICAgICAgICAgICAgIHNldElzQW5pbWF0aW5nKHRydWUpO1xuICAgICAgICAgICAgICBwcm9wcy5vbkFuaW1hdGlvblN0YXJ0Py4oYW5pbSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC8+XG4gICAgKTtcbiAgfVxuKTtcblxuZXhwb3J0IGNvbnN0IEFuaW1hdGVkU2ltcGxlRHJvcGRvd24gPSAoe1xuICBpc09wZW4sXG4gIC4uLnByb3BzXG59OiBSZWFjdC5Db21wb25lbnRQcm9wczx0eXBlb2YgQmFzZURyb3Bkb3duPiAmIHtcbiAgaXNPcGVuOiBib29sZWFuO1xufSkgPT4ge1xuICBjb25zdCBbaXNBbmltYXRpbmcsIHNldElzQW5pbWF0aW5nXSA9IFJlYWN0LnVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgcHJlZmVyc1JlZHVjZWRNb3Rpb24gPSB1c2VSZWR1Y2VkTW90aW9uKCk7XG5cbiAgLy8gdGhlIHByZWZlcnJlZCB3YXkgdG8gYW5pbWF0ZSB0aGlzIHdvdWxkIGJlIHZpYSBBbmltYXRlUHJlc2VuY2UsIGJ1dCBpdCBpcyB1bmNsZWFyIGlmXG4gIC8vIGtlZXBpbmcgY2xvc2VkIGRyb3Bkb3duIGNvbnRlbnQgaW4gdGhlIERPTSBoYXMgYSBwb3NpdGl2ZSBlZmZlY3Qgb24gU0VPXG4gIHJldHVybiAoXG4gICAgPEJveCBkaXNwbGF5PXtpc09wZW4gfHwgaXNBbmltYXRpbmcgPyAnYmxvY2snIDogJ25vbmUnfT5cbiAgICAgIDxCYXNlRHJvcGRvd25cbiAgICAgICAgey4uLmdldERyb3Bkb3duQW5pbWF0aW9ucyh7IGlzT3BlbiwgcHJlZmVyc1JlZHVjZWRNb3Rpb24gfSl9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgb25BbmltYXRpb25Db21wbGV0ZT17KGFuaW0pID0+IHtcbiAgICAgICAgICBpZiAoIWlzT3Blbikge1xuICAgICAgICAgICAgLy8gb25seSBjb25zaWRlciBhbmltYXRpb24gY29tcGxldGUgd2hlbiBkcm9wZG93biBpcyBjbG9zZWQgdG8gcHJldmVudCBmbGlja2VyaW5nIGZyb20gcmFwaWQgc3RhdGUgY2hhbmdlc1xuICAgICAgICAgICAgc2V0SXNBbmltYXRpbmcoZmFsc2UpO1xuICAgICAgICAgIH1cbiAgICAgICAgICBwcm9wcy5vbkFuaW1hdGlvbkNvbXBsZXRlPy4oYW5pbSk7XG4gICAgICAgIH19XG4gICAgICAgIG9uQW5pbWF0aW9uU3RhcnQ9eyhhbmltKSA9PiB7XG4gICAgICAgICAgc2V0SXNBbmltYXRpbmcodHJ1ZSk7XG4gICAgICAgICAgcHJvcHMub25BbmltYXRpb25TdGFydD8uKGFuaW0pO1xuICAgICAgICB9fVxuICAgICAgLz5cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRHcmlkQW50aUFsaWFzZWQgPSBzdHlsZWQoTGF5b3V0R3JpZClgXG4gIC13ZWJraXQtZm9udC1zbW9vdGhpbmc6IGFudGlhbGlhc2VkO1xuYDtcblxuLyogZm9yIFJlc291cmNlcyAmIENhdGFsb2cgbWVudXMgKi9cbmV4cG9ydCBjb25zdCBEZXNjcmlwdGlvblNlY3Rpb25Db250YWluZXIgPSBzdHlsZWQoRmxleEJveCkoXG4gIGNzcyh7XG4gICAgJyY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgIGNvbG9yOiAndGV4dCcsXG4gICAgICBvdXRsaW5lOiAnMXB4IHNvbGlkIGN1cnJlbnRDb2xvciAhaW1wb3J0YW50JyxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFwcEJhciA9IHN0eWxlZChBcHBCYXIpKFxuICBjc3Moe1xuICAgIGJveFNoYWRvdzogYG5vbmVgLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5hdkJhciA9IHN0eWxlZC51bChcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnc3RyZXRjaCcsXG4gICAgZGlzcGxheTogYGZsZXhgLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgbGlzdFN0eWxlOiBgbm9uZWAsXG4gICAgbWFyZ2luOiAwLFxuICAgIHdpZHRoOiBgMTAwJWAsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgYXBwSGVhZGVyU3BhY2luZyA9IHtcbiAgc3RhbmRhcmQ6IDgsXG5cbiAgZW50ZXJwcmlzZTogMTIsXG59IGFzIGNvbnN0O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlRNEIifQ== */");
+const appHeaderSpacing = {
+	standard: 8,
+	enterprise: 12
+};
+
+//#endregion
+exports.AnimatedHeaderZone = AnimatedHeaderZone;
+exports.AnimatedMegaMenuDropdown = AnimatedMegaMenuDropdown;
+exports.AnimatedSimpleDropdown = AnimatedSimpleDropdown;
+exports.DropdownAnchor = DropdownAnchor;
+exports.DropdownIcon = DropdownIcon;
+exports.StyledAppBar = StyledAppBar;
+exports.StyledNavBar = StyledNavBar;
+exports.StyledText = StyledText;
+exports.appHeaderMobileBreakpoint = appHeaderMobileBreakpoint;
+exports.appHeaderSpacing = appHeaderSpacing;
+//# sourceMappingURL=elements.cjs.map

package/dist/AppHeader/shared/elements.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.cjs","names":["Anchor","Box","FlexBox","LayoutGrid","Text","ArrowChevronDownFilledIcon","css","pxRem","states","useCurrentMode","styled","AnimatePresence","motion","useReducedMotion","React","AppBar","GradientBackground","appHeaderMobileBreakpoint","animatedPopoverVariants","enter","opacity","transition","duration","exit","useMegaMenuHeaderResponsiveStyles","mode","bg","color","borderColor","AnimatedHeaderZone","children","visible","div","animate","initial","variants","DropdownAnchor","alignItems","display","padding","textAlign","whiteSpace","dropdownStates","open","transform","DropdownIcon","marginLeft","transformOrigin","StyledText","content","fontWeight","height","overflow","visibility","getDropdownAnimations","isOpen","prefersReducedMotion","openState","closedState","ease","BaseDropdown","create","position","MegaMenuBackdrop","zIndex","AnimatedMegaMenuDropdown","forwardRef","props","ref","isAnimating","setIsAnimating","useState","key","top","left","right","bottom","onAnimationComplete","anim","onAnimationStart","AnimatedSimpleDropdown","LayoutGridAntiAliased","DescriptionSectionContainer","outline","StyledAppBar","boxShadow","StyledNavBar","listStyle","margin","width","appHeaderSpacing","standard","enterprise"],"sources":["../../../src/AppHeader/shared/elements.tsx"],"sourcesContent":["import {\n  Anchor,\n  Box,\n  FlexBox,\n  LayoutGrid,\n  Text,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { ArrowChevronDownFilledIcon } from '@codecademy/gamut-icons';\nimport {\n  Colors,\n  css,\n  pxRem,\n  states,\n  useCurrentMode,\n} from '@codecademy/gamut-styles';\nimport { StyleProps } from '@codecademy/variance';\nimport styled from '@emotion/styled';\nimport {\n  AnimatePresence,\n  motion,\n  useReducedMotion,\n  Variants,\n} from 'framer-motion';\nimport * as React from 'react';\n\nimport { AppBar } from '../../AppBar';\nimport { GradientBackground } from '../AppHeaderElements/AppHeaderSection/elements';\n\nexport const appHeaderMobileBreakpoint = 'lg' as const;\n\nexport interface AnimatedHeaderZoneProps extends WithChildrenProp {\n  visible?: boolean;\n}\n\nconst animatedPopoverVariants: Variants = {\n  enter: { opacity: 1, transition: { duration: 0.2 } },\n  exit: { opacity: 0, transition: { duration: 0.2 } },\n};\n\nexport const useMegaMenuHeaderResponsiveStyles = (): {\n  bg: Colors;\n  borderColor: Colors;\n  color: Colors;\n} => {\n  const mode = useCurrentMode();\n\n  const bg = mode === 'dark' ? 'white' : 'navy-800';\n  const color = mode === 'dark' ? 'navy-900' : 'blue-0';\n\n  return { bg, borderColor: color, color };\n};\n\nexport const AnimatedHeaderZone: React.FC<AnimatedHeaderZoneProps> = ({\n  children,\n  visible,\n}) => {\n  return visible ? (\n    <AnimatePresence>\n      <motion.div\n        animate=\"enter\"\n        exit=\"exit\"\n        initial=\"exit\"\n        variants={animatedPopoverVariants}\n      >\n        {children}\n      </motion.div>\n    </AnimatePresence>\n  ) : null;\n};\n\nexport const DropdownAnchor = styled(Anchor)(\n  css({\n    alignItems: `center`,\n    display: `flex`,\n    padding: `0.5rem 0`,\n    textAlign: `center`,\n    whiteSpace: `nowrap`,\n\n    '&:focus::before': {\n      opacity: 1,\n    },\n  })\n);\n\nconst dropdownStates = states({\n  open: {\n    transform: `rotate(-180deg)`,\n  },\n});\n\nexport const DropdownIcon = styled(ArrowChevronDownFilledIcon)<\n  StyleProps<typeof dropdownStates>\n>(\n  css({\n    marginLeft: pxRem(5),\n    transition: `transform 0.35s ease-out`,\n    transformOrigin: `center ${pxRem(5)}`,\n  }),\n  dropdownStates\n);\n\nexport const StyledText = styled(Text)(\n  css({\n    '&::after': {\n      display: `block`,\n      content: `attr(title)`,\n      fontWeight: `bold`,\n      height: `1px`,\n      color: `transparent`,\n      overflow: `hidden`,\n      visibility: `hidden`,\n    },\n  })\n);\n\nconst getDropdownAnimations = ({\n  isOpen,\n  prefersReducedMotion,\n}: {\n  isOpen: boolean;\n  prefersReducedMotion: boolean | null;\n}) => {\n  const openState = {\n    transform: 'translateY(0)',\n    opacity: 1,\n  };\n  const closedState = {\n    transform: prefersReducedMotion ? 'none' : 'translateY(-8px)',\n    opacity: 0,\n  };\n\n  return {\n    animate: isOpen ? openState : closedState,\n    initial: closedState,\n    transition: {\n      duration: 0.15,\n      ease: 'easeOut',\n    },\n  };\n};\n\nconst BaseDropdown = styled(motion.create('div'))(() =>\n  css({ position: `absolute` })\n);\n\nconst MegaMenuBackdrop = styled(motion.create('div'))(\n  css({\n    position: 'relative',\n    zIndex: -1,\n  })\n);\n\nexport const AnimatedMegaMenuDropdown = React.forwardRef(\n  (\n    {\n      isOpen,\n      ...props\n    }: React.ComponentProps<typeof BaseDropdown> & {\n      isOpen: boolean;\n    },\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const [isAnimating, setIsAnimating] = React.useState(false);\n    const prefersReducedMotion = useReducedMotion();\n\n    return (\n      <>\n        <AnimatePresence>\n          {isOpen && (\n            <MegaMenuBackdrop\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              exit={{ opacity: 0 }}\n              transition={{ duration: 0.15, ease: 'easeOut' }}\n            >\n              <GradientBackground\n                key=\"dropdown-backdrop\"\n                position=\"fixed\"\n                top=\"0\"\n                left=\"0\"\n                right=\"0\"\n                bottom=\"0\"\n              />\n            </MegaMenuBackdrop>\n          )}\n        </AnimatePresence>\n        {/* the preferred way to animate this would be via AnimatePresence, but it is unclear if\n            keeping closed dropdown content in the DOM has a positive effect on SEO */}\n        <Box display={isOpen || isAnimating ? 'block' : 'none'}>\n          <BaseDropdown\n            key=\"dropdown-content\"\n            ref={ref}\n            {...getDropdownAnimations({ isOpen, prefersReducedMotion })}\n            {...props}\n            onAnimationComplete={(anim) => {\n              if (!isOpen) {\n                // only consider animation complete when dropdown is closed to prevent flickering from rapid state changes\n                setIsAnimating(false);\n              }\n              props.onAnimationComplete?.(anim);\n            }}\n            onAnimationStart={(anim) => {\n              setIsAnimating(true);\n              props.onAnimationStart?.(anim);\n            }}\n          />\n        </Box>\n      </>\n    );\n  }\n);\n\nexport const AnimatedSimpleDropdown = ({\n  isOpen,\n  ...props\n}: React.ComponentProps<typeof BaseDropdown> & {\n  isOpen: boolean;\n}) => {\n  const [isAnimating, setIsAnimating] = React.useState(false);\n  const prefersReducedMotion = useReducedMotion();\n\n  // the preferred way to animate this would be via AnimatePresence, but it is unclear if\n  // keeping closed dropdown content in the DOM has a positive effect on SEO\n  return (\n    <Box display={isOpen || isAnimating ? 'block' : 'none'}>\n      <BaseDropdown\n        {...getDropdownAnimations({ isOpen, prefersReducedMotion })}\n        {...props}\n        onAnimationComplete={(anim) => {\n          if (!isOpen) {\n            // only consider animation complete when dropdown is closed to prevent flickering from rapid state changes\n            setIsAnimating(false);\n          }\n          props.onAnimationComplete?.(anim);\n        }}\n        onAnimationStart={(anim) => {\n          setIsAnimating(true);\n          props.onAnimationStart?.(anim);\n        }}\n      />\n    </Box>\n  );\n};\n\nexport const LayoutGridAntiAliased = styled(LayoutGrid)`\n  -webkit-font-smoothing: antialiased;\n`;\n\n/* for Resources & Catalog menus */\nexport const DescriptionSectionContainer = styled(FlexBox)(\n  css({\n    '&:focus-visible': {\n      color: 'text',\n      outline: '1px solid currentColor !important',\n    },\n  })\n);\n\nexport const StyledAppBar = styled(AppBar)(\n  css({\n    boxShadow: `none`,\n  })\n);\n\nexport const StyledNavBar = styled.ul(\n  css({\n    alignItems: 'stretch',\n    display: `flex`,\n    padding: 0,\n    listStyle: `none`,\n    margin: 0,\n    width: `100%`,\n  })\n);\n\nexport const appHeaderSpacing = {\n  standard: 8,\n\n  enterprise: 12,\n} as const;\n"],"mappings":";;;;;;;;;;;;;AA6BA,MAAaiB,4BAA4B;AAMzC,MAAMC,0BAAoC;CACxCC,OAAO;EAAEC,SAAS;EAAGC,YAAY,EAAEC,UAAU,IAAI;EAAE;CACnDC,MAAM;EAAEH,SAAS;EAAGC,YAAY,EAAEC,UAAU,IAAI;EAAE;CACpD;AAeA,MAAaO,sBAAyD,EACpEC,UACAC,cACD;AACC,QAAOA,UACL,sBAAA,cAACpB,+BAAAA,MACC,sBAAA,cAACC,qBAAOoB,KAAG;EACTC,SAAQ;EACRV,MAAK;EACLW,SAAQ;EACRC,UAAUjB;IAETY,SAAAA,CAAAA,GAGH;;AAGN,MAAaM,iBAAiB1B,6CAAOV,0BAAAA;;;qCAC/B;CACFqC,YAAY;CACZC,SAAS;CACTC,SAAS;CACTC,WAAW;CACXC,YAAY;CAEZ,mBAAmB,EACjBrB,SAAS,GACX;CACF,CAAA,EAAA,sgTAAA;AAGF,MAAMsB,sDAAwB,EAC5BC,MAAM,EACJC,WAAW,mBACb,EACF,CAAA;AAEA,MAAaC,eAAenC,6CAAOL,oDAAAA;;;qCAG7B;CACFyC,gDAAkB,EAAA;CAClBzB,YAAY;CACZ0B,iBAAiB,8CAAgB,EAAA;CACnC,CAAA,EACAL,gBAAAA,sgTAAAA;AAGF,MAAaM,aAAatC,6CAAON,wBAAAA;;;qCAC3B,EACF,YAAY;CACVkC,SAAS;CACTW,SAAS;CACTC,YAAY;CACZC,QAAQ;CACRxB,OAAO;CACPyB,UAAU;CACVC,YAAY;CACd,EACF,CAAA,EAAA,sgTAAA;AAGF,MAAMC,yBAAyB,EAC7BC,QACAC,2BAID;CACC,MAAMC,YAAY;EAChBb,WAAW;EACXxB,SAAS;EACX;CACA,MAAMsC,cAAc;EAClBd,WAAWY,uBAAuB,SAAS;EAC3CpC,SAAS;EACX;AAEA,QAAO;EACLa,SAASsB,SAASE,YAAYC;EAC9BxB,SAASwB;EACTrC,YAAY;GACVC,UAAU;GACVqC,MAAM;GACR;EACF;;AAGF,MAAMC,eAAelD,6CAAOE,qBAAOiD,OAAO,MAAA,EAAA;;;2CACpC,EAAEC,UAAU,YAAW,CAAA,EAAA,sgTAAA;AAG7B,MAAMC,mBAAmBrD,6CAAOE,qBAAOiD,OAAO,MAAA,EAAA;;;qCACxC;CACFC,UAAU;CACVE,QAAQ;CACV,CAAA,EAAA,sgTAAA;AAGF,MAAaC,2BAA2BnD,sBAAMoD,YAE1C,EACEX,QACA,GAAGY,SAILC,QAAAA;CAEA,MAAM,CAACC,aAAaC,kBAAkBxD,MAAMyD,SAAS,MAAA;CACrD,MAAMf,4DAAuB3C;AAE7B,QACE,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACF,+BAAAA,MACE4C,UACC,sBAAA,cAACQ,kBAAAA;EACC7B,SAAS,EAAEd,SAAS,GAAE;EACtBa,SAAS,EAAEb,SAAS,GAAE;EACtBG,MAAM,EAAEH,SAAS,GAAE;EACnBC,YAAY;GAAEC,UAAU;GAAMqC,MAAM;GAAU;IAE9C,sBAAA,cAAC3C,qCAAAA;EACCwD,KAAI;EACJV,UAAS;EACTW,KAAI;EACJC,MAAK;EACLC,OAAM;EACNC,QAAO;OAOf,sBAAA,cAAC3E,uBAAAA,EAAIqC,SAASiB,UAAUc,cAAc,UAAU,UAC9C,sBAAA,cAACT,cAAAA;EACCY,KAAI;EACCJ;EACJ,GAAGd,sBAAsB;GAAEC;GAAQC;GAAqB,CAAE;EAC1D,GAAGW;EACJU,sBAAsBC,SAAAA;AACpB,OAAI,CAACvB,OAEHe,gBAAe,MAAA;AAEjBH,SAAMU,sBAAsBC,KAAAA;;EAE9BC,mBAAmBD,SAAAA;AACjBR,kBAAe,KAAA;AACfH,SAAMY,mBAAmBD,KAAAA;;;EAMrC;AAGF,MAAaE,0BAA0B,EACrCzB,QACA,GAAGY,YAGJ;CACC,MAAM,CAACE,aAAaC,kBAAkBxD,MAAMyD,SAAS,MAAA;CACrD,MAAMf,4DAAuB3C;AAI7B,QACE,sBAAA,cAACZ,uBAAAA,EAAIqC,SAASiB,UAAUc,cAAc,UAAU,UAC9C,sBAAA,cAACT,cAAAA;EACE,GAAGN,sBAAsB;GAAEC;GAAQC;GAAqB,CAAE;EAC1D,GAAGW;EACJU,sBAAsBC,SAAAA;AACpB,OAAI,CAACvB,OAEHe,gBAAe,MAAA;AAEjBH,SAAMU,sBAAsBC,KAAAA;;EAE9BC,mBAAmBD,SAAAA;AACjBR,kBAAe,KAAA;AACfH,SAAMY,mBAAmBD,KAAAA;;;;AAYnC,MAAaI,8BAA8BxE,6CAAOR,2BAAAA;;;qCAC5C,EACF,mBAAmB;CACjByB,OAAO;CACPwD,SAAS;CACX,EACF,CAAA,EAAA,sgTAAA;AAGF,MAAaC,eAAe1E,6CAAOK,sBAAAA;;;qCAC7B,EACFsE,WAAW,QACb,CAAA,EAAA,sgTAAA;AAGF,MAAaC,eAAe5E,6CAAAA,MAAAA;;;qCACtB;CACF2B,YAAY;CACZC,SAAS;CACTC,SAAS;CACTgD,WAAW;CACXC,QAAQ;CACRC,OAAO;CACT,CAAA,EAAA,sgTAAA;AAGF,MAAaC,mBAAmB;CAC9BC,UAAU;CAEVC,YAAY;CACd"}