@codecademy/brand 5.10.0 → 6.0.0-alpha.0839dde39.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, 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",
+		["lg"]: "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,IAAA;CAElD,MAAM,CAAC0B,mBAAmBC,qBAAqBvB,uBAAuB;EACpEwB,UAAUV;EACVW,UAAU1B;CACZ,CAAA;CACA,MAAM,CAAC2B,cAAcC,cAAcvB,gBAAgB,EACjD,GAAGY,OACL,CAAA;CAEA,MAAMY,QAAQjC,cAAQ;EACpB,MAAMkC,eAAejB,0BACjB,CAAA,IACA,CAACc,iBAAkBJ,oBAAoB,CAACA,qBAAqB,CAAA;EAEjE,IAAIJ,SAAS;GACX,MAAMY,yBAAyBjB,MAAMe,MAAMG,MAAM,GAAG,EAAC;GACrD,MAAMC,UAAUnB,MAAMe,MAAMf,MAAMe,MAAMK,SAAS;GAEjD,OAAO;OAAIH;OAA2BD;IAAcG;;EACtD;EAEA,OAAO,IAAIH,iBAAiBhB,MAAMe;CACpC,GAAG;EACDF;EACAJ;EACAV;EACAC;EACAK;EACD;CAED,MAAM,EAAEgB,aAAaxC,WAAWG,eAAAA;CAEhC,MAAMsC,qBACJtB,OACAuB,SAAAA;EAGA,IAAIvB,SAASA,MAAMwB,MAAMC,SAAS,CAACA,IAAAA,GACjC,IAAI;GACF,MAAMC,kBAAkB1B,MACrB2B,KAAKF,SAAAA;IACJ,IAAI,CAACA,MAAM,OAAO;IAClB,OAAOA,KAAKlB;GACd,CAAA,CAAA,CACCqB,KAAK,IAAA;GAERP,WACE,oDAAoDE,KAAK,uBACzD,EACEM,SAAS,wEAAwEH,kBACnF,CAAA;EAEJ,SAASI,GAAG;GACVT,WAAW,+CAA+CS,GAAG;EAC/D;EAGF,OACE9B,MAEG+B,QAAQN,SAAS,CAAC,CAACA,IAAAA,CAAAA,CACnBE,KAAKF,MAAMO,UAAAA;GACV,MAAMC,SAASxC,iBAAiBc;GAChC,OACE,sBAAA,cAACnB,mBAAAA;IACC8C,KAAKT,KAAKU;IACVC,IAAIH;IACJI,IAAId,SAAS,WAAWS,UAAU,IAAI,SAASC;MAE9CrC,0BAA0B;IACzBE;IACA2B;IACArB;IACAC;IACAH;IACAoC,SAAShC;GACX,CAAA,CAAA;EAGN,CAAA;CAEN;CAEA,OACE,sBAAA,cAACrB,kBAAAA,EACCsD,SAAS;EAAEC,GAAG;UAAqC;CAAQ,KAE3D,sBAAA,cAACnD,mBAAAA,MACC,sBAAA,cAACC,wBAAAA,MACC,sBAAA,cAACI,cAAAA;EAAa+C,cAAW;EAAOC,IAAG;IACjC,sBAAA,cAAC/C,cAAAA,EAAagD,KAAKnC,oBAChBc,kBAAkBtB,MAAM4C,MAAM,MAAA,GAC9BtB,kBAAkBP,OAAO,OAAA,CAAA,CAAA,GAG7BL,mBACAI,UAAAA,CAAAA,CAAAA;AAKX"}

package/dist/AppHeader/shared/elements.cjs

@@ -0,0 +1,185 @@
+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 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: "e1rkngdm0",
+	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/ICdub25lJyA6ICd0cmFuc2xhdGVZKC04cHgpJyxcbiAgICBvcGFjaXR5OiAwLFxuICB9O1xuXG4gIHJldHVybiB7XG4gICAgYW5pbWF0ZTogaXNPcGVuID8gb3BlblN0YXRlIDogY2xvc2VkU3RhdGUsXG4gICAgaW5pdGlhbDogY2xvc2VkU3RhdGUsXG4gICAgdHJhbnNpdGlvbjoge1xuICAgICAgZHVyYXRpb246IDAuMTUsXG4gICAgICBlYXNlOiAnZWFzZU91dCcsXG4gICAgfSxcbiAgfTtcbn07XG5cbmNvbnN0IEJhc2VEcm9wZG93biA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKCdkaXYnKSkoKCkgPT5cbiAgY3NzKHsgcG9zaXRpb246IGBhYnNvbHV0ZWAgfSlcbik7XG5cbmNvbnN0IE1lZ2FNZW51QmFja2Ryb3AgPSBzdHlsZWQobW90aW9uLmNyZWF0ZSgnZGl2JykpKFxuICBjc3Moe1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHpJbmRleDogLTEsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGlzT3BlbixcbiAgICAgIC4uLnByb3BzXG4gICAgfTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJhc2VEcm9wZG93bj4gJiB7XG4gICAgICBpc09wZW46IGJvb2xlYW47XG4gICAgfSxcbiAgICByZWY6IFJlYWN0LkZvcndhcmRlZFJlZjxIVE1MRGl2RWxlbWVudCB8IG51bGw+XG4gICkgPT4ge1xuICAgIGNvbnN0IFtpc0FuaW1hdGluZywgc2V0SXNBbmltYXRpbmddID0gUmVhY3QudXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IHByZWZlcnNSZWR1Y2VkTW90aW9uID0gdXNlUmVkdWNlZE1vdGlvbigpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIDxBbmltYXRlUHJlc2VuY2U+XG4gICAgICAgICAge2lzT3BlbiAmJiAoXG4gICAgICAgICAgICA8TWVnYU1lbnVCYWNrZHJvcFxuICAgICAgICAgICAgICBpbml0aWFsPXt7IG9wYWNpdHk6IDAgfX1cbiAgICAgICAgICAgICAgYW5pbWF0ZT17eyBvcGFjaXR5OiAxIH19XG4gICAgICAgICAgICAgIGV4aXQ9e3sgb3BhY2l0eTogMCB9fVxuICAgICAgICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjE1LCBlYXNlOiAnZWFzZU91dCcgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPEdyYWRpZW50QmFja2dyb3VuZFxuICAgICAgICAgICAgICAgIGtleT1cImRyb3Bkb3duLWJhY2tkcm9wXCJcbiAgICAgICAgICAgICAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICAgICAgICAgICAgICB0b3A9XCIwXCJcbiAgICAgICAgICAgICAgICBsZWZ0PVwiMFwiXG4gICAgICAgICAgICAgICAgcmlnaHQ9XCIwXCJcbiAgICAgICAgICAgICAgICBib3R0b209XCIwXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvTWVnYU1lbnVCYWNrZHJvcD5cbiAgICAgICAgICApfVxuICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgey8qIHRoZSBwcmVmZXJyZWQgd2F5IHRvIGFuaW1hdGUgdGhpcyB3b3VsZCBiZSB2aWEgQW5pbWF0ZVByZXNlbmNlLCBidXQgaXQgaXMgdW5jbGVhciBpZlxuICAgICAgICAgICAga2VlcGluZyBjbG9zZWQgZHJvcGRvd24gY29udGVudCBpbiB0aGUgRE9NIGhhcyBhIHBvc2l0aXZlIGVmZmVjdCBvbiBTRU8gKi99XG4gICAgICAgIDxCb3ggZGlzcGxheT17aXNPcGVuIHx8IGlzQW5pbWF0aW5nID8gJ2Jsb2NrJyA6ICdub25lJ30+XG4gICAgICAgICAgPEJhc2VEcm9wZG93blxuICAgICAgICAgICAga2V5PVwiZHJvcGRvd24tY29udGVudFwiXG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIHsuLi5nZXREcm9wZG93bkFuaW1hdGlvbnMoeyBpc09wZW4sIHByZWZlcnNSZWR1Y2VkTW90aW9uIH0pfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgb25BbmltYXRpb25Db21wbGV0ZT17KGFuaW0pID0+IHtcbiAgICAgICAgICAgICAgaWYgKCFpc09wZW4pIHtcbiAgICAgICAgICAgICAgICAvLyBvbmx5IGNvbnNpZGVyIGFuaW1hdGlvbiBjb21wbGV0ZSB3aGVuIGRyb3Bkb3duIGlzIGNsb3NlZCB0byBwcmV2ZW50IGZsaWNrZXJpbmcgZnJvbSByYXBpZCBzdGF0ZSBjaGFuZ2VzXG4gICAgICAgICAgICAgICAgc2V0SXNBbmltYXRpbmcoZmFsc2UpO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIHByb3BzLm9uQW5pbWF0aW9uQ29tcGxldGU/LihhbmltKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBvbkFuaW1hdGlvblN0YXJ0PXsoYW5pbSkgPT4ge1xuICAgICAgICAgICAgICBzZXRJc0FuaW1hdGluZyh0cnVlKTtcbiAgICAgICAgICAgICAgcHJvcHMub25BbmltYXRpb25TdGFydD8uKGFuaW0pO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvPlxuICAgICk7XG4gIH1cbik7XG5cbmV4cG9ydCBjb25zdCBBbmltYXRlZFNpbXBsZURyb3Bkb3duID0gKHtcbiAgaXNPcGVuLFxuICAuLi5wcm9wc1xufTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJhc2VEcm9wZG93bj4gJiB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbn0pID0+IHtcbiAgY29uc3QgW2lzQW5pbWF0aW5nLCBzZXRJc0FuaW1hdGluZ10gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHByZWZlcnNSZWR1Y2VkTW90aW9uID0gdXNlUmVkdWNlZE1vdGlvbigpO1xuXG4gIC8vIHRoZSBwcmVmZXJyZWQgd2F5IHRvIGFuaW1hdGUgdGhpcyB3b3VsZCBiZSB2aWEgQW5pbWF0ZVByZXNlbmNlLCBidXQgaXQgaXMgdW5jbGVhciBpZlxuICAvLyBrZWVwaW5nIGNsb3NlZCBkcm9wZG93biBjb250ZW50IGluIHRoZSBET00gaGFzIGEgcG9zaXRpdmUgZWZmZWN0IG9uIFNFT1xuICByZXR1cm4gKFxuICAgIDxCb3ggZGlzcGxheT17aXNPcGVuIHx8IGlzQW5pbWF0aW5nID8gJ2Jsb2NrJyA6ICdub25lJ30+XG4gICAgICA8QmFzZURyb3Bkb3duXG4gICAgICAgIHsuLi5nZXREcm9wZG93bkFuaW1hdGlvbnMoeyBpc09wZW4sIHByZWZlcnNSZWR1Y2VkTW90aW9uIH0pfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIG9uQW5pbWF0aW9uQ29tcGxldGU9eyhhbmltKSA9PiB7XG4gICAgICAgICAgaWYgKCFpc09wZW4pIHtcbiAgICAgICAgICAgIC8vIG9ubHkgY29uc2lkZXIgYW5pbWF0aW9uIGNvbXBsZXRlIHdoZW4gZHJvcGRvd24gaXMgY2xvc2VkIHRvIHByZXZlbnQgZmxpY2tlcmluZyBmcm9tIHJhcGlkIHN0YXRlIGNoYW5nZXNcbiAgICAgICAgICAgIHNldElzQW5pbWF0aW5nKGZhbHNlKTtcbiAgICAgICAgICB9XG4gICAgICAgICAgcHJvcHMub25BbmltYXRpb25Db21wbGV0ZT8uKGFuaW0pO1xuICAgICAgICB9fVxuICAgICAgICBvbkFuaW1hdGlvblN0YXJ0PXsoYW5pbSkgPT4ge1xuICAgICAgICAgIHNldElzQW5pbWF0aW5nKHRydWUpO1xuICAgICAgICAgIHByb3BzLm9uQW5pbWF0aW9uU3RhcnQ/LihhbmltKTtcbiAgICAgICAgfX1cbiAgICAgIC8+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgTGF5b3V0R3JpZEFudGlBbGlhc2VkID0gc3R5bGVkKExheW91dEdyaWQpYFxuICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbmA7XG5cbi8qIGZvciBSZXNvdXJjZXMgJiBDYXRhbG9nIG1lbnVzICovXG5leHBvcnQgY29uc3QgRGVzY3JpcHRpb25TZWN0aW9uQ29udGFpbmVyID0gc3R5bGVkKEZsZXhCb3gpKFxuICBjc3Moe1xuICAgICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgICBjb2xvcjogJ3RleHQnLFxuICAgICAgb3V0bGluZTogJzFweCBzb2xpZCBjdXJyZW50Q29sb3IgIWltcG9ydGFudCcsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcHBCYXIgPSBzdHlsZWQoQXBwQmFyKShcbiAgY3NzKHtcbiAgICBib3hTaGFkb3c6IGBub25lYCxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXZCYXIgPSBzdHlsZWQudWwoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogJ3N0cmV0Y2gnLFxuICAgIGRpc3BsYXk6IGBmbGV4YCxcbiAgICBwYWRkaW5nOiAwLFxuICAgIGxpc3RTdHlsZTogYG5vbmVgLFxuICAgIG1hcmdpbjogMCxcbiAgICB3aWR0aDogYDEwMCVgLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IGFwcEhlYWRlclNwYWNpbmcgPSB7XG4gIHN0YW5kYXJkOiA4LFxuXG4gIGVudGVycHJpc2U6IDEyLFxufSBhcyBjb25zdDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RThCIn0= */");
+const dropdownStates = (0, _codecademy_gamut_styles.states)({ open: { transform: `rotate(-180deg)` } });
+const DropdownIcon = /*#__PURE__*/ (0, _emotion_styled.default)(_codecademy_gamut_icons.ArrowChevronDownFilledIcon, {
+	target: "e1rkngdm1",
+	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/ICdub25lJyA6ICd0cmFuc2xhdGVZKC04cHgpJyxcbiAgICBvcGFjaXR5OiAwLFxuICB9O1xuXG4gIHJldHVybiB7XG4gICAgYW5pbWF0ZTogaXNPcGVuID8gb3BlblN0YXRlIDogY2xvc2VkU3RhdGUsXG4gICAgaW5pdGlhbDogY2xvc2VkU3RhdGUsXG4gICAgdHJhbnNpdGlvbjoge1xuICAgICAgZHVyYXRpb246IDAuMTUsXG4gICAgICBlYXNlOiAnZWFzZU91dCcsXG4gICAgfSxcbiAgfTtcbn07XG5cbmNvbnN0IEJhc2VEcm9wZG93biA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKCdkaXYnKSkoKCkgPT5cbiAgY3NzKHsgcG9zaXRpb246IGBhYnNvbHV0ZWAgfSlcbik7XG5cbmNvbnN0IE1lZ2FNZW51QmFja2Ryb3AgPSBzdHlsZWQobW90aW9uLmNyZWF0ZSgnZGl2JykpKFxuICBjc3Moe1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHpJbmRleDogLTEsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGlzT3BlbixcbiAgICAgIC4uLnByb3BzXG4gICAgfTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJhc2VEcm9wZG93bj4gJiB7XG4gICAgICBpc09wZW46IGJvb2xlYW47XG4gICAgfSxcbiAgICByZWY6IFJlYWN0LkZvcndhcmRlZFJlZjxIVE1MRGl2RWxlbWVudCB8IG51bGw+XG4gICkgPT4ge1xuICAgIGNvbnN0IFtpc0FuaW1hdGluZywgc2V0SXNBbmltYXRpbmddID0gUmVhY3QudXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IHByZWZlcnNSZWR1Y2VkTW90aW9uID0gdXNlUmVkdWNlZE1vdGlvbigpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIDxBbmltYXRlUHJlc2VuY2U+XG4gICAgICAgICAge2lzT3BlbiAmJiAoXG4gICAgICAgICAgICA8TWVnYU1lbnVCYWNrZHJvcFxuICAgICAgICAgICAgICBpbml0aWFsPXt7IG9wYWNpdHk6IDAgfX1cbiAgICAgICAgICAgICAgYW5pbWF0ZT17eyBvcGFjaXR5OiAxIH19XG4gICAgICAgICAgICAgIGV4aXQ9e3sgb3BhY2l0eTogMCB9fVxuICAgICAgICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjE1LCBlYXNlOiAnZWFzZU91dCcgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPEdyYWRpZW50QmFja2dyb3VuZFxuICAgICAgICAgICAgICAgIGtleT1cImRyb3Bkb3duLWJhY2tkcm9wXCJcbiAgICAgICAgICAgICAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICAgICAgICAgICAgICB0b3A9XCIwXCJcbiAgICAgICAgICAgICAgICBsZWZ0PVwiMFwiXG4gICAgICAgICAgICAgICAgcmlnaHQ9XCIwXCJcbiAgICAgICAgICAgICAgICBib3R0b209XCIwXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvTWVnYU1lbnVCYWNrZHJvcD5cbiAgICAgICAgICApfVxuICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgey8qIHRoZSBwcmVmZXJyZWQgd2F5IHRvIGFuaW1hdGUgdGhpcyB3b3VsZCBiZSB2aWEgQW5pbWF0ZVByZXNlbmNlLCBidXQgaXQgaXMgdW5jbGVhciBpZlxuICAgICAgICAgICAga2VlcGluZyBjbG9zZWQgZHJvcGRvd24gY29udGVudCBpbiB0aGUgRE9NIGhhcyBhIHBvc2l0aXZlIGVmZmVjdCBvbiBTRU8gKi99XG4gICAgICAgIDxCb3ggZGlzcGxheT17aXNPcGVuIHx8IGlzQW5pbWF0aW5nID8gJ2Jsb2NrJyA6ICdub25lJ30+XG4gICAgICAgICAgPEJhc2VEcm9wZG93blxuICAgICAgICAgICAga2V5PVwiZHJvcGRvd24tY29udGVudFwiXG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIHsuLi5nZXREcm9wZG93bkFuaW1hdGlvbnMoeyBpc09wZW4sIHByZWZlcnNSZWR1Y2VkTW90aW9uIH0pfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgb25BbmltYXRpb25Db21wbGV0ZT17KGFuaW0pID0+IHtcbiAgICAgICAgICAgICAgaWYgKCFpc09wZW4pIHtcbiAgICAgICAgICAgICAgICAvLyBvbmx5IGNvbnNpZGVyIGFuaW1hdGlvbiBjb21wbGV0ZSB3aGVuIGRyb3Bkb3duIGlzIGNsb3NlZCB0byBwcmV2ZW50IGZsaWNrZXJpbmcgZnJvbSByYXBpZCBzdGF0ZSBjaGFuZ2VzXG4gICAgICAgICAgICAgICAgc2V0SXNBbmltYXRpbmcoZmFsc2UpO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIHByb3BzLm9uQW5pbWF0aW9uQ29tcGxldGU/LihhbmltKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBvbkFuaW1hdGlvblN0YXJ0PXsoYW5pbSkgPT4ge1xuICAgICAgICAgICAgICBzZXRJc0FuaW1hdGluZyh0cnVlKTtcbiAgICAgICAgICAgICAgcHJvcHMub25BbmltYXRpb25TdGFydD8uKGFuaW0pO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvPlxuICAgICk7XG4gIH1cbik7XG5cbmV4cG9ydCBjb25zdCBBbmltYXRlZFNpbXBsZURyb3Bkb3duID0gKHtcbiAgaXNPcGVuLFxuICAuLi5wcm9wc1xufTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJhc2VEcm9wZG93bj4gJiB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbn0pID0+IHtcbiAgY29uc3QgW2lzQW5pbWF0aW5nLCBzZXRJc0FuaW1hdGluZ10gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHByZWZlcnNSZWR1Y2VkTW90aW9uID0gdXNlUmVkdWNlZE1vdGlvbigpO1xuXG4gIC8vIHRoZSBwcmVmZXJyZWQgd2F5IHRvIGFuaW1hdGUgdGhpcyB3b3VsZCBiZSB2aWEgQW5pbWF0ZVByZXNlbmNlLCBidXQgaXQgaXMgdW5jbGVhciBpZlxuICAvLyBrZWVwaW5nIGNsb3NlZCBkcm9wZG93biBjb250ZW50IGluIHRoZSBET00gaGFzIGEgcG9zaXRpdmUgZWZmZWN0IG9uIFNFT1xuICByZXR1cm4gKFxuICAgIDxCb3ggZGlzcGxheT17aXNPcGVuIHx8IGlzQW5pbWF0aW5nID8gJ2Jsb2NrJyA6ICdub25lJ30+XG4gICAgICA8QmFzZURyb3Bkb3duXG4gICAgICAgIHsuLi5nZXREcm9wZG93bkFuaW1hdGlvbnMoeyBpc09wZW4sIHByZWZlcnNSZWR1Y2VkTW90aW9uIH0pfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIG9uQW5pbWF0aW9uQ29tcGxldGU9eyhhbmltKSA9PiB7XG4gICAgICAgICAgaWYgKCFpc09wZW4pIHtcbiAgICAgICAgICAgIC8vIG9ubHkgY29uc2lkZXIgYW5pbWF0aW9uIGNvbXBsZXRlIHdoZW4gZHJvcGRvd24gaXMgY2xvc2VkIHRvIHByZXZlbnQgZmxpY2tlcmluZyBmcm9tIHJhcGlkIHN0YXRlIGNoYW5nZXNcbiAgICAgICAgICAgIHNldElzQW5pbWF0aW5nKGZhbHNlKTtcbiAgICAgICAgICB9XG4gICAgICAgICAgcHJvcHMub25BbmltYXRpb25Db21wbGV0ZT8uKGFuaW0pO1xuICAgICAgICB9fVxuICAgICAgICBvbkFuaW1hdGlvblN0YXJ0PXsoYW5pbSkgPT4ge1xuICAgICAgICAgIHNldElzQW5pbWF0aW5nKHRydWUpO1xuICAgICAgICAgIHByb3BzLm9uQW5pbWF0aW9uU3RhcnQ/LihhbmltKTtcbiAgICAgICAgfX1cbiAgICAgIC8+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgTGF5b3V0R3JpZEFudGlBbGlhc2VkID0gc3R5bGVkKExheW91dEdyaWQpYFxuICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbmA7XG5cbi8qIGZvciBSZXNvdXJjZXMgJiBDYXRhbG9nIG1lbnVzICovXG5leHBvcnQgY29uc3QgRGVzY3JpcHRpb25TZWN0aW9uQ29udGFpbmVyID0gc3R5bGVkKEZsZXhCb3gpKFxuICBjc3Moe1xuICAgICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgICBjb2xvcjogJ3RleHQnLFxuICAgICAgb3V0bGluZTogJzFweCBzb2xpZCBjdXJyZW50Q29sb3IgIWltcG9ydGFudCcsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcHBCYXIgPSBzdHlsZWQoQXBwQmFyKShcbiAgY3NzKHtcbiAgICBib3hTaGFkb3c6IGBub25lYCxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXZCYXIgPSBzdHlsZWQudWwoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogJ3N0cmV0Y2gnLFxuICAgIGRpc3BsYXk6IGBmbGV4YCxcbiAgICBwYWRkaW5nOiAwLFxuICAgIGxpc3RTdHlsZTogYG5vbmVgLFxuICAgIG1hcmdpbjogMCxcbiAgICB3aWR0aDogYDEwMCVgLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IGFwcEhlYWRlclNwYWNpbmcgPSB7XG4gIHN0YW5kYXJkOiA4LFxuXG4gIGVudGVycHJpc2U6IDEyLFxufSBhcyBjb25zdDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRjRCIn0= */");
+const StyledText = /*#__PURE__*/ (0, _emotion_styled.default)(_codecademy_gamut.Text, {
+	target: "e1rkngdm2",
+	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/ICdub25lJyA6ICd0cmFuc2xhdGVZKC04cHgpJyxcbiAgICBvcGFjaXR5OiAwLFxuICB9O1xuXG4gIHJldHVybiB7XG4gICAgYW5pbWF0ZTogaXNPcGVuID8gb3BlblN0YXRlIDogY2xvc2VkU3RhdGUsXG4gICAgaW5pdGlhbDogY2xvc2VkU3RhdGUsXG4gICAgdHJhbnNpdGlvbjoge1xuICAgICAgZHVyYXRpb246IDAuMTUsXG4gICAgICBlYXNlOiAnZWFzZU91dCcsXG4gICAgfSxcbiAgfTtcbn07XG5cbmNvbnN0IEJhc2VEcm9wZG93biA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKCdkaXYnKSkoKCkgPT5cbiAgY3NzKHsgcG9zaXRpb246IGBhYnNvbHV0ZWAgfSlcbik7XG5cbmNvbnN0IE1lZ2FNZW51QmFja2Ryb3AgPSBzdHlsZWQobW90aW9uLmNyZWF0ZSgnZGl2JykpKFxuICBjc3Moe1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHpJbmRleDogLTEsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGlzT3BlbixcbiAgICAgIC4uLnByb3BzXG4gICAgfTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJhc2VEcm9wZG93bj4gJiB7XG4gICAgICBpc09wZW46IGJvb2xlYW47XG4gICAgfSxcbiAgICByZWY6IFJlYWN0LkZvcndhcmRlZFJlZjxIVE1MRGl2RWxlbWVudCB8IG51bGw+XG4gICkgPT4ge1xuICAgIGNvbnN0IFtpc0FuaW1hdGluZywgc2V0SXNBbmltYXRpbmddID0gUmVhY3QudXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IHByZWZlcnNSZWR1Y2VkTW90aW9uID0gdXNlUmVkdWNlZE1vdGlvbigpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIDxBbmltYXRlUHJlc2VuY2U+XG4gICAgICAgICAge2lzT3BlbiAmJiAoXG4gICAgICAgICAgICA8TWVnYU1lbnVCYWNrZHJvcFxuICAgICAgICAgICAgICBpbml0aWFsPXt7IG9wYWNpdHk6IDAgfX1cbiAgICAgICAgICAgICAgYW5pbWF0ZT17eyBvcGFjaXR5OiAxIH19XG4gICAgICAgICAgICAgIGV4aXQ9e3sgb3BhY2l0eTogMCB9fVxuICAgICAgICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjE1LCBlYXNlOiAnZWFzZU91dCcgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPEdyYWRpZW50QmFja2dyb3VuZFxuICAgICAgICAgICAgICAgIGtleT1cImRyb3Bkb3duLWJhY2tkcm9wXCJcbiAgICAgICAgICAgICAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICAgICAgICAgICAgICB0b3A9XCIwXCJcbiAgICAgICAgICAgICAgICBsZWZ0PVwiMFwiXG4gICAgICAgICAgICAgICAgcmlnaHQ9XCIwXCJcbiAgICAgICAgICAgICAgICBib3R0b209XCIwXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvTWVnYU1lbnVCYWNrZHJvcD5cbiAgICAgICAgICApfVxuICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgey8qIHRoZSBwcmVmZXJyZWQgd2F5IHRvIGFuaW1hdGUgdGhpcyB3b3VsZCBiZSB2aWEgQW5pbWF0ZVByZXNlbmNlLCBidXQgaXQgaXMgdW5jbGVhciBpZlxuICAgICAgICAgICAga2VlcGluZyBjbG9zZWQgZHJvcGRvd24gY29udGVudCBpbiB0aGUgRE9NIGhhcyBhIHBvc2l0aXZlIGVmZmVjdCBvbiBTRU8gKi99XG4gICAgICAgIDxCb3ggZGlzcGxheT17aXNPcGVuIHx8IGlzQW5pbWF0aW5nID8gJ2Jsb2NrJyA6ICdub25lJ30+XG4gICAgICAgICAgPEJhc2VEcm9wZG93blxuICAgICAgICAgICAga2V5PVwiZHJvcGRvd24tY29udGVudFwiXG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIHsuLi5nZXREcm9wZG93bkFuaW1hdGlvbnMoeyBpc09wZW4sIHByZWZlcnNSZWR1Y2VkTW90aW9uIH0pfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgb25BbmltYXRpb25Db21wbGV0ZT17KGFuaW0pID0+IHtcbiAgICAgICAgICAgICAgaWYgKCFpc09wZW4pIHtcbiAgICAgICAgICAgICAgICAvLyBvbmx5IGNvbnNpZGVyIGFuaW1hdGlvbiBjb21wbGV0ZSB3aGVuIGRyb3Bkb3duIGlzIGNsb3NlZCB0byBwcmV2ZW50IGZsaWNrZXJpbmcgZnJvbSByYXBpZCBzdGF0ZSBjaGFuZ2VzXG4gICAgICAgICAgICAgICAgc2V0SXNBbmltYXRpbmcoZmFsc2UpO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIHByb3BzLm9uQW5pbWF0aW9uQ29tcGxldGU/LihhbmltKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBvbkFuaW1hdGlvblN0YXJ0PXsoYW5pbSkgPT4ge1xuICAgICAgICAgICAgICBzZXRJc0FuaW1hdGluZyh0cnVlKTtcbiAgICAgICAgICAgICAgcHJvcHMub25BbmltYXRpb25TdGFydD8uKGFuaW0pO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvPlxuICAgICk7XG4gIH1cbik7XG5cbmV4cG9ydCBjb25zdCBBbmltYXRlZFNpbXBsZURyb3Bkb3duID0gKHtcbiAgaXNPcGVuLFxuICAuLi5wcm9wc1xufTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJhc2VEcm9wZG93bj4gJiB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbn0pID0+IHtcbiAgY29uc3QgW2lzQW5pbWF0aW5nLCBzZXRJc0FuaW1hdGluZ10gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHByZWZlcnNSZWR1Y2VkTW90aW9uID0gdXNlUmVkdWNlZE1vdGlvbigpO1xuXG4gIC8vIHRoZSBwcmVmZXJyZWQgd2F5IHRvIGFuaW1hdGUgdGhpcyB3b3VsZCBiZSB2aWEgQW5pbWF0ZVByZXNlbmNlLCBidXQgaXQgaXMgdW5jbGVhciBpZlxuICAvLyBrZWVwaW5nIGNsb3NlZCBkcm9wZG93biBjb250ZW50IGluIHRoZSBET00gaGFzIGEgcG9zaXRpdmUgZWZmZWN0IG9uIFNFT1xuICByZXR1cm4gKFxuICAgIDxCb3ggZGlzcGxheT17aXNPcGVuIHx8IGlzQW5pbWF0aW5nID8gJ2Jsb2NrJyA6ICdub25lJ30+XG4gICAgICA8QmFzZURyb3Bkb3duXG4gICAgICAgIHsuLi5nZXREcm9wZG93bkFuaW1hdGlvbnMoeyBpc09wZW4sIHByZWZlcnNSZWR1Y2VkTW90aW9uIH0pfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIG9uQW5pbWF0aW9uQ29tcGxldGU9eyhhbmltKSA9PiB7XG4gICAgICAgICAgaWYgKCFpc09wZW4pIHtcbiAgICAgICAgICAgIC8vIG9ubHkgY29uc2lkZXIgYW5pbWF0aW9uIGNvbXBsZXRlIHdoZW4gZHJvcGRvd24gaXMgY2xvc2VkIHRvIHByZXZlbnQgZmxpY2tlcmluZyBmcm9tIHJhcGlkIHN0YXRlIGNoYW5nZXNcbiAgICAgICAgICAgIHNldElzQW5pbWF0aW5nKGZhbHNlKTtcbiAgICAgICAgICB9XG4gICAgICAgICAgcHJvcHMub25BbmltYXRpb25Db21wbGV0ZT8uKGFuaW0pO1xuICAgICAgICB9fVxuICAgICAgICBvbkFuaW1hdGlvblN0YXJ0PXsoYW5pbSkgPT4ge1xuICAgICAgICAgIHNldElzQW5pbWF0aW5nKHRydWUpO1xuICAgICAgICAgIHByb3BzLm9uQW5pbWF0aW9uU3RhcnQ/LihhbmltKTtcbiAgICAgICAgfX1cbiAgICAgIC8+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgTGF5b3V0R3JpZEFudGlBbGlhc2VkID0gc3R5bGVkKExheW91dEdyaWQpYFxuICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbmA7XG5cbi8qIGZvciBSZXNvdXJjZXMgJiBDYXRhbG9nIG1lbnVzICovXG5leHBvcnQgY29uc3QgRGVzY3JpcHRpb25TZWN0aW9uQ29udGFpbmVyID0gc3R5bGVkKEZsZXhCb3gpKFxuICBjc3Moe1xuICAgICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgICBjb2xvcjogJ3RleHQnLFxuICAgICAgb3V0bGluZTogJzFweCBzb2xpZCBjdXJyZW50Q29sb3IgIWltcG9ydGFudCcsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcHBCYXIgPSBzdHlsZWQoQXBwQmFyKShcbiAgY3NzKHtcbiAgICBib3hTaGFkb3c6IGBub25lYCxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXZCYXIgPSBzdHlsZWQudWwoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogJ3N0cmV0Y2gnLFxuICAgIGRpc3BsYXk6IGBmbGV4YCxcbiAgICBwYWRkaW5nOiAwLFxuICAgIGxpc3RTdHlsZTogYG5vbmVgLFxuICAgIG1hcmdpbjogMCxcbiAgICB3aWR0aDogYDEwMCVgLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IGFwcEhlYWRlclNwYWNpbmcgPSB7XG4gIHN0YW5kYXJkOiA4LFxuXG4gIGVudGVycHJpc2U6IDEyLFxufSBhcyBjb25zdDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRzBCIn0= */");
+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: "e1rkngdm3",
+	label: "brand-BaseDropdown"
+})(() => (0, _codecademy_gamut_styles.css)({ position: `absolute` }), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9zaGFyZWQvZWxlbWVudHMudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvQXBwSGVhZGVyL3NoYXJlZC9lbGVtZW50cy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQW5jaG9yLFxuICBCb3gsXG4gIEZsZXhCb3gsXG4gIExheW91dEdyaWQsXG4gIFRleHQsXG4gIFdpdGhDaGlsZHJlblByb3AsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEFycm93Q2hldnJvbkRvd25GaWxsZWRJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHtcbiAgQ29sb3JzLFxuICBjc3MsXG4gIHB4UmVtLFxuICBzdGF0ZXMsXG4gIHVzZUN1cnJlbnRNb2RlLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7XG4gIEFuaW1hdGVQcmVzZW5jZSxcbiAgbW90aW9uLFxuICB1c2VSZWR1Y2VkTW90aW9uLFxuICBWYXJpYW50cyxcbn0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFwcEJhciB9IGZyb20gJy4uLy4uL0FwcEJhcic7XG5pbXBvcnQgeyBHcmFkaWVudEJhY2tncm91bmQgfSBmcm9tICcuLi9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJTZWN0aW9uL2VsZW1lbnRzJztcblxuZXhwb3J0IGNvbnN0IGFwcEhlYWRlck1vYmlsZUJyZWFrcG9pbnQgPSAnbGcnIGFzIGNvbnN0O1xuXG5leHBvcnQgaW50ZXJmYWNlIEFuaW1hdGVkSGVhZGVyWm9uZVByb3BzIGV4dGVuZHMgV2l0aENoaWxkcmVuUHJvcCB7XG4gIHZpc2libGU/OiBib29sZWFuO1xufVxuXG5jb25zdCBhbmltYXRlZFBvcG92ZXJWYXJpYW50czogVmFyaWFudHMgPSB7XG4gIGVudGVyOiB7IG9wYWNpdHk6IDEsIHRyYW5zaXRpb246IHsgZHVyYXRpb246IDAuMiB9IH0sXG4gIGV4aXQ6IHsgb3BhY2l0eTogMCwgdHJhbnNpdGlvbjogeyBkdXJhdGlvbjogMC4yIH0gfSxcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VNZWdhTWVudUhlYWRlclJlc3BvbnNpdmVTdHlsZXMgPSAoKToge1xuICBiZzogQ29sb3JzO1xuICBib3JkZXJDb2xvcjogQ29sb3JzO1xuICBjb2xvcjogQ29sb3JzO1xufSA9PiB7XG4gIGNvbnN0IG1vZGUgPSB1c2VDdXJyZW50TW9kZSgpO1xuXG4gIGNvbnN0IGJnID0gbW9kZSA9PT0gJ2RhcmsnID8gJ3doaXRlJyA6ICduYXZ5LTgwMCc7XG4gIGNvbnN0IGNvbG9yID0gbW9kZSA9PT0gJ2RhcmsnID8gJ25hdnktOTAwJyA6ICdibHVlLTAnO1xuXG4gIHJldHVybiB7IGJnLCBib3JkZXJDb2xvcjogY29sb3IsIGNvbG9yIH07XG59O1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRIZWFkZXJab25lOiBSZWFjdC5GQzxBbmltYXRlZEhlYWRlclpvbmVQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgdmlzaWJsZSxcbn0pID0+IHtcbiAgcmV0dXJuIHZpc2libGUgPyAoXG4gICAgPEFuaW1hdGVQcmVzZW5jZT5cbiAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgIGFuaW1hdGU9XCJlbnRlclwiXG4gICAgICAgIGV4aXQ9XCJleGl0XCJcbiAgICAgICAgaW5pdGlhbD1cImV4aXRcIlxuICAgICAgICB2YXJpYW50cz17YW5pbWF0ZWRQb3BvdmVyVmFyaWFudHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvbW90aW9uLmRpdj5cbiAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgKSA6IG51bGw7XG59O1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25BbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiBgY2VudGVyYCxcbiAgICBkaXNwbGF5OiBgZmxleGAsXG4gICAgcGFkZGluZzogYDAuNXJlbSAwYCxcbiAgICB0ZXh0QWxpZ246IGBjZW50ZXJgLFxuICAgIHdoaXRlU3BhY2U6IGBub3dyYXBgLFxuXG4gICAgJyY6Zm9jdXM6OmJlZm9yZSc6IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGRyb3Bkb3duU3RhdGVzID0gc3RhdGVzKHtcbiAgb3Blbjoge1xuICAgIHRyYW5zZm9ybTogYHJvdGF0ZSgtMTgwZGVnKWAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duSWNvbiA9IHN0eWxlZChBcnJvd0NoZXZyb25Eb3duRmlsbGVkSWNvbik8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGRyb3Bkb3duU3RhdGVzPlxuPihcbiAgY3NzKHtcbiAgICBtYXJnaW5MZWZ0OiBweFJlbSg1KSxcbiAgICB0cmFuc2l0aW9uOiBgdHJhbnNmb3JtIDAuMzVzIGVhc2Utb3V0YCxcbiAgICB0cmFuc2Zvcm1PcmlnaW46IGBjZW50ZXIgJHtweFJlbSg1KX1gLFxuICB9KSxcbiAgZHJvcGRvd25TdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpKFxuICBjc3Moe1xuICAgICcmOjphZnRlcic6IHtcbiAgICAgIGRpc3BsYXk6IGBibG9ja2AsXG4gICAgICBjb250ZW50OiBgYXR0cih0aXRsZSlgLFxuICAgICAgZm9udFdlaWdodDogYGJvbGRgLFxuICAgICAgaGVpZ2h0OiBgMXB4YCxcbiAgICAgIGNvbG9yOiBgdHJhbnNwYXJlbnRgLFxuICAgICAgb3ZlcmZsb3c6IGBoaWRkZW5gLFxuICAgICAgdmlzaWJpbGl0eTogYGhpZGRlbmAsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGdldERyb3Bkb3duQW5pbWF0aW9ucyA9ICh7XG4gIGlzT3BlbixcbiAgcHJlZmVyc1JlZHVjZWRNb3Rpb24sXG59OiB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgcHJlZmVyc1JlZHVjZWRNb3Rpb246IGJvb2xlYW4gfCBudWxsO1xufSkgPT4ge1xuICBjb25zdCBvcGVuU3RhdGUgPSB7XG4gICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlWSgwKScsXG4gICAgb3BhY2l0eTogMSxcbiAgfTtcbiAgY29uc3QgY2xvc2VkU3RhdGUgPSB7XG4gICAgdHJhbnNmb3JtOiBwcmVmZXJzUmVkdWNlZE1vdGlvbiA/ICdub25lJyA6ICd0cmFuc2xhdGVZKC04cHgpJyxcbiAgICBvcGFjaXR5OiAwLFxuICB9O1xuXG4gIHJldHVybiB7XG4gICAgYW5pbWF0ZTogaXNPcGVuID8gb3BlblN0YXRlIDogY2xvc2VkU3RhdGUsXG4gICAgaW5pdGlhbDogY2xvc2VkU3RhdGUsXG4gICAgdHJhbnNpdGlvbjoge1xuICAgICAgZHVyYXRpb246IDAuMTUsXG4gICAgICBlYXNlOiAnZWFzZU91dCcsXG4gICAgfSxcbiAgfTtcbn07XG5cbmNvbnN0IEJhc2VEcm9wZG93biA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKCdkaXYnKSkoKCkgPT5cbiAgY3NzKHsgcG9zaXRpb246IGBhYnNvbHV0ZWAgfSlcbik7XG5cbmNvbnN0IE1lZ2FNZW51QmFja2Ryb3AgPSBzdHlsZWQobW90aW9uLmNyZWF0ZSgnZGl2JykpKFxuICBjc3Moe1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHpJbmRleDogLTEsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGlzT3BlbixcbiAgICAgIC4uLnByb3BzXG4gICAgfTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJhc2VEcm9wZG93bj4gJiB7XG4gICAgICBpc09wZW46IGJvb2xlYW47XG4gICAgfSxcbiAgICByZWY6IFJlYWN0LkZvcndhcmRlZFJlZjxIVE1MRGl2RWxlbWVudCB8IG51bGw+XG4gICkgPT4ge1xuICAgIGNvbnN0IFtpc0FuaW1hdGluZywgc2V0SXNBbmltYXRpbmddID0gUmVhY3QudXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IHByZWZlcnNSZWR1Y2VkTW90aW9uID0gdXNlUmVkdWNlZE1vdGlvbigpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIDxBbmltYXRlUHJlc2VuY2U+XG4gICAgICAgICAge2lzT3BlbiAmJiAoXG4gICAgICAgICAgICA8TWVnYU1lbnVCYWNrZHJvcFxuICAgICAgICAgICAgICBpbml0aWFsPXt7IG9wYWNpdHk6IDAgfX1cbiAgICAgICAgICAgICAgYW5pbWF0ZT17eyBvcGFjaXR5OiAxIH19XG4gICAgICAgICAgICAgIGV4aXQ9e3sgb3BhY2l0eTogMCB9fVxuICAgICAgICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjE1LCBlYXNlOiAnZWFzZU91dCcgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPEdyYWRpZW50QmFja2dyb3VuZFxuICAgICAgICAgICAgICAgIGtleT1cImRyb3Bkb3duLWJhY2tkcm9wXCJcbiAgICAgICAgICAgICAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICAgICAgICAgICAgICB0b3A9XCIwXCJcbiAgICAgICAgICAgICAgICBsZWZ0PVwiMFwiXG4gICAgICAgICAgICAgICAgcmlnaHQ9XCIwXCJcbiAgICAgICAgICAgICAgICBib3R0b209XCIwXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvTWVnYU1lbnVCYWNrZHJvcD5cbiAgICAgICAgICApfVxuICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgey8qIHRoZSBwcmVmZXJyZWQgd2F5IHRvIGFuaW1hdGUgdGhpcyB3b3VsZCBiZSB2aWEgQW5pbWF0ZVByZXNlbmNlLCBidXQgaXQgaXMgdW5jbGVhciBpZlxuICAgICAgICAgICAga2VlcGluZyBjbG9zZWQgZHJvcGRvd24gY29udGVudCBpbiB0aGUgRE9NIGhhcyBhIHBvc2l0aXZlIGVmZmVjdCBvbiBTRU8gKi99XG4gICAgICAgIDxCb3ggZGlzcGxheT17aXNPcGVuIHx8IGlzQW5pbWF0aW5nID8gJ2Jsb2NrJyA6ICdub25lJ30+XG4gICAgICAgICAgPEJhc2VEcm9wZG93blxuICAgICAgICAgICAga2V5PVwiZHJvcGRvd24tY29udGVudFwiXG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIHsuLi5nZXREcm9wZG93bkFuaW1hdGlvbnMoeyBpc09wZW4sIHByZWZlcnNSZWR1Y2VkTW90aW9uIH0pfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgb25BbmltYXRpb25Db21wbGV0ZT17KGFuaW0pID0+IHtcbiAgICAgICAgICAgICAgaWYgKCFpc09wZW4pIHtcbiAgICAgICAgICAgICAgICAvLyBvbmx5IGNvbnNpZGVyIGFuaW1hdGlvbiBjb21wbGV0ZSB3aGVuIGRyb3Bkb3duIGlzIGNsb3NlZCB0byBwcmV2ZW50IGZsaWNrZXJpbmcgZnJvbSByYXBpZCBzdGF0ZSBjaGFuZ2VzXG4gICAgICAgICAgICAgICAgc2V0SXNBbmltYXRpbmcoZmFsc2UpO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIHByb3BzLm9uQW5pbWF0aW9uQ29tcGxldGU/LihhbmltKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBvbkFuaW1hdGlvblN0YXJ0PXsoYW5pbSkgPT4ge1xuICAgICAgICAgICAgICBzZXRJc0FuaW1hdGluZyh0cnVlKTtcbiAgICAgICAgICAgICAgcHJvcHMub25BbmltYXRpb25TdGFydD8uKGFuaW0pO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvPlxuICAgICk7XG4gIH1cbik7XG5cbmV4cG9ydCBjb25zdCBBbmltYXRlZFNpbXBsZURyb3Bkb3duID0gKHtcbiAgaXNPcGVuLFxuICAuLi5wcm9wc1xufTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJhc2VEcm9wZG93bj4gJiB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbn0pID0+IHtcbiAgY29uc3QgW2lzQW5pbWF0aW5nLCBzZXRJc0FuaW1hdGluZ10gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHByZWZlcnNSZWR1Y2VkTW90aW9uID0gdXNlUmVkdWNlZE1vdGlvbigpO1xuXG4gIC8vIHRoZSBwcmVmZXJyZWQgd2F5IHRvIGFuaW1hdGUgdGhpcyB3b3VsZCBiZSB2aWEgQW5pbWF0ZVByZXNlbmNlLCBidXQgaXQgaXMgdW5jbGVhciBpZlxuICAvLyBrZWVwaW5nIGNsb3NlZCBkcm9wZG93biBjb250ZW50IGluIHRoZSBET00gaGFzIGEgcG9zaXRpdmUgZWZmZWN0IG9uIFNFT1xuICByZXR1cm4gKFxuICAgIDxCb3ggZGlzcGxheT17aXNPcGVuIHx8IGlzQW5pbWF0aW5nID8gJ2Jsb2NrJyA6ICdub25lJ30+XG4gICAgICA8QmFzZURyb3Bkb3duXG4gICAgICAgIHsuLi5nZXREcm9wZG93bkFuaW1hdGlvbnMoeyBpc09wZW4sIHByZWZlcnNSZWR1Y2VkTW90aW9uIH0pfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIG9uQW5pbWF0aW9uQ29tcGxldGU9eyhhbmltKSA9PiB7XG4gICAgICAgICAgaWYgKCFpc09wZW4pIHtcbiAgICAgICAgICAgIC8vIG9ubHkgY29uc2lkZXIgYW5pbWF0aW9uIGNvbXBsZXRlIHdoZW4gZHJvcGRvd24gaXMgY2xvc2VkIHRvIHByZXZlbnQgZmxpY2tlcmluZyBmcm9tIHJhcGlkIHN0YXRlIGNoYW5nZXNcbiAgICAgICAgICAgIHNldElzQW5pbWF0aW5nKGZhbHNlKTtcbiAgICAgICAgICB9XG4gICAgICAgICAgcHJvcHMub25BbmltYXRpb25Db21wbGV0ZT8uKGFuaW0pO1xuICAgICAgICB9fVxuICAgICAgICBvbkFuaW1hdGlvblN0YXJ0PXsoYW5pbSkgPT4ge1xuICAgICAgICAgIHNldElzQW5pbWF0aW5nKHRydWUpO1xuICAgICAgICAgIHByb3BzLm9uQW5pbWF0aW9uU3RhcnQ/LihhbmltKTtcbiAgICAgICAgfX1cbiAgICAgIC8+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgTGF5b3V0R3JpZEFudGlBbGlhc2VkID0gc3R5bGVkKExheW91dEdyaWQpYFxuICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbmA7XG5cbi8qIGZvciBSZXNvdXJjZXMgJiBDYXRhbG9nIG1lbnVzICovXG5leHBvcnQgY29uc3QgRGVzY3JpcHRpb25TZWN0aW9uQ29udGFpbmVyID0gc3R5bGVkKEZsZXhCb3gpKFxuICBjc3Moe1xuICAgICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgICBjb2xvcjogJ3RleHQnLFxuICAgICAgb3V0bGluZTogJzFweCBzb2xpZCBjdXJyZW50Q29sb3IgIWltcG9ydGFudCcsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcHBCYXIgPSBzdHlsZWQoQXBwQmFyKShcbiAgY3NzKHtcbiAgICBib3hTaGFkb3c6IGBub25lYCxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXZCYXIgPSBzdHlsZWQudWwoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogJ3N0cmV0Y2gnLFxuICAgIGRpc3BsYXk6IGBmbGV4YCxcbiAgICBwYWRkaW5nOiAwLFxuICAgIGxpc3RTdHlsZTogYG5vbmVgLFxuICAgIG1hcmdpbjogMCxcbiAgICB3aWR0aDogYDEwMCVgLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IGFwcEhlYWRlclNwYWNpbmcgPSB7XG4gIHN0YW5kYXJkOiA4LFxuXG4gIGVudGVycHJpc2U6IDEyLFxufSBhcyBjb25zdDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4SXFCIn0= */");
+const MegaMenuBackdrop = /*#__PURE__*/ (0, _emotion_styled.default)(framer_motion.motion.create("div"), {
+	target: "e1rkngdm4",
+	label: "brand-MegaMenuBackdrop"
+})((0, _codecademy_gamut_styles.css)({
+	position: "relative",
+	zIndex: -1
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9zaGFyZWQvZWxlbWVudHMudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvQXBwSGVhZGVyL3NoYXJlZC9lbGVtZW50cy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQW5jaG9yLFxuICBCb3gsXG4gIEZsZXhCb3gsXG4gIExheW91dEdyaWQsXG4gIFRleHQsXG4gIFdpdGhDaGlsZHJlblByb3AsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEFycm93Q2hldnJvbkRvd25GaWxsZWRJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHtcbiAgQ29sb3JzLFxuICBjc3MsXG4gIHB4UmVtLFxuICBzdGF0ZXMsXG4gIHVzZUN1cnJlbnRNb2RlLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7XG4gIEFuaW1hdGVQcmVzZW5jZSxcbiAgbW90aW9uLFxuICB1c2VSZWR1Y2VkTW90aW9uLFxuICBWYXJpYW50cyxcbn0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFwcEJhciB9IGZyb20gJy4uLy4uL0FwcEJhcic7XG5pbXBvcnQgeyBHcmFkaWVudEJhY2tncm91bmQgfSBmcm9tICcuLi9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJTZWN0aW9uL2VsZW1lbnRzJztcblxuZXhwb3J0IGNvbnN0IGFwcEhlYWRlck1vYmlsZUJyZWFrcG9pbnQgPSAnbGcnIGFzIGNvbnN0O1xuXG5leHBvcnQgaW50ZXJmYWNlIEFuaW1hdGVkSGVhZGVyWm9uZVByb3BzIGV4dGVuZHMgV2l0aENoaWxkcmVuUHJvcCB7XG4gIHZpc2libGU/OiBib29sZWFuO1xufVxuXG5jb25zdCBhbmltYXRlZFBvcG92ZXJWYXJpYW50czogVmFyaWFudHMgPSB7XG4gIGVudGVyOiB7IG9wYWNpdHk6IDEsIHRyYW5zaXRpb246IHsgZHVyYXRpb246IDAuMiB9IH0sXG4gIGV4aXQ6IHsgb3BhY2l0eTogMCwgdHJhbnNpdGlvbjogeyBkdXJhdGlvbjogMC4yIH0gfSxcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VNZWdhTWVudUhlYWRlclJlc3BvbnNpdmVTdHlsZXMgPSAoKToge1xuICBiZzogQ29sb3JzO1xuICBib3JkZXJDb2xvcjogQ29sb3JzO1xuICBjb2xvcjogQ29sb3JzO1xufSA9PiB7XG4gIGNvbnN0IG1vZGUgPSB1c2VDdXJyZW50TW9kZSgpO1xuXG4gIGNvbnN0IGJnID0gbW9kZSA9PT0gJ2RhcmsnID8gJ3doaXRlJyA6ICduYXZ5LTgwMCc7XG4gIGNvbnN0IGNvbG9yID0gbW9kZSA9PT0gJ2RhcmsnID8gJ25hdnktOTAwJyA6ICdibHVlLTAnO1xuXG4gIHJldHVybiB7IGJnLCBib3JkZXJDb2xvcjogY29sb3IsIGNvbG9yIH07XG59O1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRIZWFkZXJab25lOiBSZWFjdC5GQzxBbmltYXRlZEhlYWRlclpvbmVQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgdmlzaWJsZSxcbn0pID0+IHtcbiAgcmV0dXJuIHZpc2libGUgPyAoXG4gICAgPEFuaW1hdGVQcmVzZW5jZT5cbiAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgIGFuaW1hdGU9XCJlbnRlclwiXG4gICAgICAgIGV4aXQ9XCJleGl0XCJcbiAgICAgICAgaW5pdGlhbD1cImV4aXRcIlxuICAgICAgICB2YXJpYW50cz17YW5pbWF0ZWRQb3BvdmVyVmFyaWFudHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvbW90aW9uLmRpdj5cbiAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgKSA6IG51bGw7XG59O1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25BbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiBgY2VudGVyYCxcbiAgICBkaXNwbGF5OiBgZmxleGAsXG4gICAgcGFkZGluZzogYDAuNXJlbSAwYCxcbiAgICB0ZXh0QWxpZ246IGBjZW50ZXJgLFxuICAgIHdoaXRlU3BhY2U6IGBub3dyYXBgLFxuXG4gICAgJyY6Zm9jdXM6OmJlZm9yZSc6IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGRyb3Bkb3duU3RhdGVzID0gc3RhdGVzKHtcbiAgb3Blbjoge1xuICAgIHRyYW5zZm9ybTogYHJvdGF0ZSgtMTgwZGVnKWAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duSWNvbiA9IHN0eWxlZChBcnJvd0NoZXZyb25Eb3duRmlsbGVkSWNvbik8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGRyb3Bkb3duU3RhdGVzPlxuPihcbiAgY3NzKHtcbiAgICBtYXJnaW5MZWZ0OiBweFJlbSg1KSxcbiAgICB0cmFuc2l0aW9uOiBgdHJhbnNmb3JtIDAuMzVzIGVhc2Utb3V0YCxcbiAgICB0cmFuc2Zvcm1PcmlnaW46IGBjZW50ZXIgJHtweFJlbSg1KX1gLFxuICB9KSxcbiAgZHJvcGRvd25TdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpKFxuICBjc3Moe1xuICAgICcmOjphZnRlcic6IHtcbiAgICAgIGRpc3BsYXk6IGBibG9ja2AsXG4gICAgICBjb250ZW50OiBgYXR0cih0aXRsZSlgLFxuICAgICAgZm9udFdlaWdodDogYGJvbGRgLFxuICAgICAgaGVpZ2h0OiBgMXB4YCxcbiAgICAgIGNvbG9yOiBgdHJhbnNwYXJlbnRgLFxuICAgICAgb3ZlcmZsb3c6IGBoaWRkZW5gLFxuICAgICAgdmlzaWJpbGl0eTogYGhpZGRlbmAsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGdldERyb3Bkb3duQW5pbWF0aW9ucyA9ICh7XG4gIGlzT3BlbixcbiAgcHJlZmVyc1JlZHVjZWRNb3Rpb24sXG59OiB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgcHJlZmVyc1JlZHVjZWRNb3Rpb246IGJvb2xlYW4gfCBudWxsO1xufSkgPT4ge1xuICBjb25zdCBvcGVuU3RhdGUgPSB7XG4gICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlWSgwKScsXG4gICAgb3BhY2l0eTogMSxcbiAgfTtcbiAgY29uc3QgY2xvc2VkU3RhdGUgPSB7XG4gICAgdHJhbnNmb3JtOiBwcmVmZXJzUmVkdWNlZE1vdGlvbiA/ICdub25lJyA6ICd0cmFuc2xhdGVZKC04cHgpJyxcbiAgICBvcGFjaXR5OiAwLFxuICB9O1xuXG4gIHJldHVybiB7XG4gICAgYW5pbWF0ZTogaXNPcGVuID8gb3BlblN0YXRlIDogY2xvc2VkU3RhdGUsXG4gICAgaW5pdGlhbDogY2xvc2VkU3RhdGUsXG4gICAgdHJhbnNpdGlvbjoge1xuICAgICAgZHVyYXRpb246IDAuMTUsXG4gICAgICBlYXNlOiAnZWFzZU91dCcsXG4gICAgfSxcbiAgfTtcbn07XG5cbmNvbnN0IEJhc2VEcm9wZG93biA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKCdkaXYnKSkoKCkgPT5cbiAgY3NzKHsgcG9zaXRpb246IGBhYnNvbHV0ZWAgfSlcbik7XG5cbmNvbnN0IE1lZ2FNZW51QmFja2Ryb3AgPSBzdHlsZWQobW90aW9uLmNyZWF0ZSgnZGl2JykpKFxuICBjc3Moe1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHpJbmRleDogLTEsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGlzT3BlbixcbiAgICAgIC4uLnByb3BzXG4gICAgfTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJhc2VEcm9wZG93bj4gJiB7XG4gICAgICBpc09wZW46IGJvb2xlYW47XG4gICAgfSxcbiAgICByZWY6IFJlYWN0LkZvcndhcmRlZFJlZjxIVE1MRGl2RWxlbWVudCB8IG51bGw+XG4gICkgPT4ge1xuICAgIGNvbnN0IFtpc0FuaW1hdGluZywgc2V0SXNBbmltYXRpbmddID0gUmVhY3QudXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IHByZWZlcnNSZWR1Y2VkTW90aW9uID0gdXNlUmVkdWNlZE1vdGlvbigpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIDxBbmltYXRlUHJlc2VuY2U+XG4gICAgICAgICAge2lzT3BlbiAmJiAoXG4gICAgICAgICAgICA8TWVnYU1lbnVCYWNrZHJvcFxuICAgICAgICAgICAgICBpbml0aWFsPXt7IG9wYWNpdHk6IDAgfX1cbiAgICAgICAgICAgICAgYW5pbWF0ZT17eyBvcGFjaXR5OiAxIH19XG4gICAgICAgICAgICAgIGV4aXQ9e3sgb3BhY2l0eTogMCB9fVxuICAgICAgICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjE1LCBlYXNlOiAnZWFzZU91dCcgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPEdyYWRpZW50QmFja2dyb3VuZFxuICAgICAgICAgICAgICAgIGtleT1cImRyb3Bkb3duLWJhY2tkcm9wXCJcbiAgICAgICAgICAgICAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICAgICAgICAgICAgICB0b3A9XCIwXCJcbiAgICAgICAgICAgICAgICBsZWZ0PVwiMFwiXG4gICAgICAgICAgICAgICAgcmlnaHQ9XCIwXCJcbiAgICAgICAgICAgICAgICBib3R0b209XCIwXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvTWVnYU1lbnVCYWNrZHJvcD5cbiAgICAgICAgICApfVxuICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgey8qIHRoZSBwcmVmZXJyZWQgd2F5IHRvIGFuaW1hdGUgdGhpcyB3b3VsZCBiZSB2aWEgQW5pbWF0ZVByZXNlbmNlLCBidXQgaXQgaXMgdW5jbGVhciBpZlxuICAgICAgICAgICAga2VlcGluZyBjbG9zZWQgZHJvcGRvd24gY29udGVudCBpbiB0aGUgRE9NIGhhcyBhIHBvc2l0aXZlIGVmZmVjdCBvbiBTRU8gKi99XG4gICAgICAgIDxCb3ggZGlzcGxheT17aXNPcGVuIHx8IGlzQW5pbWF0aW5nID8gJ2Jsb2NrJyA6ICdub25lJ30+XG4gICAgICAgICAgPEJhc2VEcm9wZG93blxuICAgICAgICAgICAga2V5PVwiZHJvcGRvd24tY29udGVudFwiXG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIHsuLi5nZXREcm9wZG93bkFuaW1hdGlvbnMoeyBpc09wZW4sIHByZWZlcnNSZWR1Y2VkTW90aW9uIH0pfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgb25BbmltYXRpb25Db21wbGV0ZT17KGFuaW0pID0+IHtcbiAgICAgICAgICAgICAgaWYgKCFpc09wZW4pIHtcbiAgICAgICAgICAgICAgICAvLyBvbmx5IGNvbnNpZGVyIGFuaW1hdGlvbiBjb21wbGV0ZSB3aGVuIGRyb3Bkb3duIGlzIGNsb3NlZCB0byBwcmV2ZW50IGZsaWNrZXJpbmcgZnJvbSByYXBpZCBzdGF0ZSBjaGFuZ2VzXG4gICAgICAgICAgICAgICAgc2V0SXNBbmltYXRpbmcoZmFsc2UpO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIHByb3BzLm9uQW5pbWF0aW9uQ29tcGxldGU/LihhbmltKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBvbkFuaW1hdGlvblN0YXJ0PXsoYW5pbSkgPT4ge1xuICAgICAgICAgICAgICBzZXRJc0FuaW1hdGluZyh0cnVlKTtcbiAgICAgICAgICAgICAgcHJvcHMub25BbmltYXRpb25TdGFydD8uKGFuaW0pO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvPlxuICAgICk7XG4gIH1cbik7XG5cbmV4cG9ydCBjb25zdCBBbmltYXRlZFNpbXBsZURyb3Bkb3duID0gKHtcbiAgaXNPcGVuLFxuICAuLi5wcm9wc1xufTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJhc2VEcm9wZG93bj4gJiB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbn0pID0+IHtcbiAgY29uc3QgW2lzQW5pbWF0aW5nLCBzZXRJc0FuaW1hdGluZ10gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHByZWZlcnNSZWR1Y2VkTW90aW9uID0gdXNlUmVkdWNlZE1vdGlvbigpO1xuXG4gIC8vIHRoZSBwcmVmZXJyZWQgd2F5IHRvIGFuaW1hdGUgdGhpcyB3b3VsZCBiZSB2aWEgQW5pbWF0ZVByZXNlbmNlLCBidXQgaXQgaXMgdW5jbGVhciBpZlxuICAvLyBrZWVwaW5nIGNsb3NlZCBkcm9wZG93biBjb250ZW50IGluIHRoZSBET00gaGFzIGEgcG9zaXRpdmUgZWZmZWN0IG9uIFNFT1xuICByZXR1cm4gKFxuICAgIDxCb3ggZGlzcGxheT17aXNPcGVuIHx8IGlzQW5pbWF0aW5nID8gJ2Jsb2NrJyA6ICdub25lJ30+XG4gICAgICA8QmFzZURyb3Bkb3duXG4gICAgICAgIHsuLi5nZXREcm9wZG93bkFuaW1hdGlvbnMoeyBpc09wZW4sIHByZWZlcnNSZWR1Y2VkTW90aW9uIH0pfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIG9uQW5pbWF0aW9uQ29tcGxldGU9eyhhbmltKSA9PiB7XG4gICAgICAgICAgaWYgKCFpc09wZW4pIHtcbiAgICAgICAgICAgIC8vIG9ubHkgY29uc2lkZXIgYW5pbWF0aW9uIGNvbXBsZXRlIHdoZW4gZHJvcGRvd24gaXMgY2xvc2VkIHRvIHByZXZlbnQgZmxpY2tlcmluZyBmcm9tIHJhcGlkIHN0YXRlIGNoYW5nZXNcbiAgICAgICAgICAgIHNldElzQW5pbWF0aW5nKGZhbHNlKTtcbiAgICAgICAgICB9XG4gICAgICAgICAgcHJvcHMub25BbmltYXRpb25Db21wbGV0ZT8uKGFuaW0pO1xuICAgICAgICB9fVxuICAgICAgICBvbkFuaW1hdGlvblN0YXJ0PXsoYW5pbSkgPT4ge1xuICAgICAgICAgIHNldElzQW5pbWF0aW5nKHRydWUpO1xuICAgICAgICAgIHByb3BzLm9uQW5pbWF0aW9uU3RhcnQ/LihhbmltKTtcbiAgICAgICAgfX1cbiAgICAgIC8+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgTGF5b3V0R3JpZEFudGlBbGlhc2VkID0gc3R5bGVkKExheW91dEdyaWQpYFxuICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbmA7XG5cbi8qIGZvciBSZXNvdXJjZXMgJiBDYXRhbG9nIG1lbnVzICovXG5leHBvcnQgY29uc3QgRGVzY3JpcHRpb25TZWN0aW9uQ29udGFpbmVyID0gc3R5bGVkKEZsZXhCb3gpKFxuICBjc3Moe1xuICAgICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgICBjb2xvcjogJ3RleHQnLFxuICAgICAgb3V0bGluZTogJzFweCBzb2xpZCBjdXJyZW50Q29sb3IgIWltcG9ydGFudCcsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcHBCYXIgPSBzdHlsZWQoQXBwQmFyKShcbiAgY3NzKHtcbiAgICBib3hTaGFkb3c6IGBub25lYCxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXZCYXIgPSBzdHlsZWQudWwoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogJ3N0cmV0Y2gnLFxuICAgIGRpc3BsYXk6IGBmbGV4YCxcbiAgICBwYWRkaW5nOiAwLFxuICAgIGxpc3RTdHlsZTogYG5vbmVgLFxuICAgIG1hcmdpbjogMCxcbiAgICB3aWR0aDogYDEwMCVgLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IGFwcEhlYWRlclNwYWNpbmcgPSB7XG4gIHN0YW5kYXJkOiA4LFxuXG4gIGVudGVycHJpc2U6IDEyLFxufSBhcyBjb25zdDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrSnlCIn0= */");
+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: "e1rkngdm6",
+	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/ICdub25lJyA6ICd0cmFuc2xhdGVZKC04cHgpJyxcbiAgICBvcGFjaXR5OiAwLFxuICB9O1xuXG4gIHJldHVybiB7XG4gICAgYW5pbWF0ZTogaXNPcGVuID8gb3BlblN0YXRlIDogY2xvc2VkU3RhdGUsXG4gICAgaW5pdGlhbDogY2xvc2VkU3RhdGUsXG4gICAgdHJhbnNpdGlvbjoge1xuICAgICAgZHVyYXRpb246IDAuMTUsXG4gICAgICBlYXNlOiAnZWFzZU91dCcsXG4gICAgfSxcbiAgfTtcbn07XG5cbmNvbnN0IEJhc2VEcm9wZG93biA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKCdkaXYnKSkoKCkgPT5cbiAgY3NzKHsgcG9zaXRpb246IGBhYnNvbHV0ZWAgfSlcbik7XG5cbmNvbnN0IE1lZ2FNZW51QmFja2Ryb3AgPSBzdHlsZWQobW90aW9uLmNyZWF0ZSgnZGl2JykpKFxuICBjc3Moe1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHpJbmRleDogLTEsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGlzT3BlbixcbiAgICAgIC4uLnByb3BzXG4gICAgfTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJhc2VEcm9wZG93bj4gJiB7XG4gICAgICBpc09wZW46IGJvb2xlYW47XG4gICAgfSxcbiAgICByZWY6IFJlYWN0LkZvcndhcmRlZFJlZjxIVE1MRGl2RWxlbWVudCB8IG51bGw+XG4gICkgPT4ge1xuICAgIGNvbnN0IFtpc0FuaW1hdGluZywgc2V0SXNBbmltYXRpbmddID0gUmVhY3QudXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IHByZWZlcnNSZWR1Y2VkTW90aW9uID0gdXNlUmVkdWNlZE1vdGlvbigpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIDxBbmltYXRlUHJlc2VuY2U+XG4gICAgICAgICAge2lzT3BlbiAmJiAoXG4gICAgICAgICAgICA8TWVnYU1lbnVCYWNrZHJvcFxuICAgICAgICAgICAgICBpbml0aWFsPXt7IG9wYWNpdHk6IDAgfX1cbiAgICAgICAgICAgICAgYW5pbWF0ZT17eyBvcGFjaXR5OiAxIH19XG4gICAgICAgICAgICAgIGV4aXQ9e3sgb3BhY2l0eTogMCB9fVxuICAgICAgICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjE1LCBlYXNlOiAnZWFzZU91dCcgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPEdyYWRpZW50QmFja2dyb3VuZFxuICAgICAgICAgICAgICAgIGtleT1cImRyb3Bkb3duLWJhY2tkcm9wXCJcbiAgICAgICAgICAgICAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICAgICAgICAgICAgICB0b3A9XCIwXCJcbiAgICAgICAgICAgICAgICBsZWZ0PVwiMFwiXG4gICAgICAgICAgICAgICAgcmlnaHQ9XCIwXCJcbiAgICAgICAgICAgICAgICBib3R0b209XCIwXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvTWVnYU1lbnVCYWNrZHJvcD5cbiAgICAgICAgICApfVxuICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgey8qIHRoZSBwcmVmZXJyZWQgd2F5IHRvIGFuaW1hdGUgdGhpcyB3b3VsZCBiZSB2aWEgQW5pbWF0ZVByZXNlbmNlLCBidXQgaXQgaXMgdW5jbGVhciBpZlxuICAgICAgICAgICAga2VlcGluZyBjbG9zZWQgZHJvcGRvd24gY29udGVudCBpbiB0aGUgRE9NIGhhcyBhIHBvc2l0aXZlIGVmZmVjdCBvbiBTRU8gKi99XG4gICAgICAgIDxCb3ggZGlzcGxheT17aXNPcGVuIHx8IGlzQW5pbWF0aW5nID8gJ2Jsb2NrJyA6ICdub25lJ30+XG4gICAgICAgICAgPEJhc2VEcm9wZG93blxuICAgICAgICAgICAga2V5PVwiZHJvcGRvd24tY29udGVudFwiXG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIHsuLi5nZXREcm9wZG93bkFuaW1hdGlvbnMoeyBpc09wZW4sIHByZWZlcnNSZWR1Y2VkTW90aW9uIH0pfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgb25BbmltYXRpb25Db21wbGV0ZT17KGFuaW0pID0+IHtcbiAgICAgICAgICAgICAgaWYgKCFpc09wZW4pIHtcbiAgICAgICAgICAgICAgICAvLyBvbmx5IGNvbnNpZGVyIGFuaW1hdGlvbiBjb21wbGV0ZSB3aGVuIGRyb3Bkb3duIGlzIGNsb3NlZCB0byBwcmV2ZW50IGZsaWNrZXJpbmcgZnJvbSByYXBpZCBzdGF0ZSBjaGFuZ2VzXG4gICAgICAgICAgICAgICAgc2V0SXNBbmltYXRpbmcoZmFsc2UpO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIHByb3BzLm9uQW5pbWF0aW9uQ29tcGxldGU/LihhbmltKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBvbkFuaW1hdGlvblN0YXJ0PXsoYW5pbSkgPT4ge1xuICAgICAgICAgICAgICBzZXRJc0FuaW1hdGluZyh0cnVlKTtcbiAgICAgICAgICAgICAgcHJvcHMub25BbmltYXRpb25TdGFydD8uKGFuaW0pO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvPlxuICAgICk7XG4gIH1cbik7XG5cbmV4cG9ydCBjb25zdCBBbmltYXRlZFNpbXBsZURyb3Bkb3duID0gKHtcbiAgaXNPcGVuLFxuICAuLi5wcm9wc1xufTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJhc2VEcm9wZG93bj4gJiB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbn0pID0+IHtcbiAgY29uc3QgW2lzQW5pbWF0aW5nLCBzZXRJc0FuaW1hdGluZ10gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHByZWZlcnNSZWR1Y2VkTW90aW9uID0gdXNlUmVkdWNlZE1vdGlvbigpO1xuXG4gIC8vIHRoZSBwcmVmZXJyZWQgd2F5IHRvIGFuaW1hdGUgdGhpcyB3b3VsZCBiZSB2aWEgQW5pbWF0ZVByZXNlbmNlLCBidXQgaXQgaXMgdW5jbGVhciBpZlxuICAvLyBrZWVwaW5nIGNsb3NlZCBkcm9wZG93biBjb250ZW50IGluIHRoZSBET00gaGFzIGEgcG9zaXRpdmUgZWZmZWN0IG9uIFNFT1xuICByZXR1cm4gKFxuICAgIDxCb3ggZGlzcGxheT17aXNPcGVuIHx8IGlzQW5pbWF0aW5nID8gJ2Jsb2NrJyA6ICdub25lJ30+XG4gICAgICA8QmFzZURyb3Bkb3duXG4gICAgICAgIHsuLi5nZXREcm9wZG93bkFuaW1hdGlvbnMoeyBpc09wZW4sIHByZWZlcnNSZWR1Y2VkTW90aW9uIH0pfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIG9uQW5pbWF0aW9uQ29tcGxldGU9eyhhbmltKSA9PiB7XG4gICAgICAgICAgaWYgKCFpc09wZW4pIHtcbiAgICAgICAgICAgIC8vIG9ubHkgY29uc2lkZXIgYW5pbWF0aW9uIGNvbXBsZXRlIHdoZW4gZHJvcGRvd24gaXMgY2xvc2VkIHRvIHByZXZlbnQgZmxpY2tlcmluZyBmcm9tIHJhcGlkIHN0YXRlIGNoYW5nZXNcbiAgICAgICAgICAgIHNldElzQW5pbWF0aW5nKGZhbHNlKTtcbiAgICAgICAgICB9XG4gICAgICAgICAgcHJvcHMub25BbmltYXRpb25Db21wbGV0ZT8uKGFuaW0pO1xuICAgICAgICB9fVxuICAgICAgICBvbkFuaW1hdGlvblN0YXJ0PXsoYW5pbSkgPT4ge1xuICAgICAgICAgIHNldElzQW5pbWF0aW5nKHRydWUpO1xuICAgICAgICAgIHByb3BzLm9uQW5pbWF0aW9uU3RhcnQ/LihhbmltKTtcbiAgICAgICAgfX1cbiAgICAgIC8+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgTGF5b3V0R3JpZEFudGlBbGlhc2VkID0gc3R5bGVkKExheW91dEdyaWQpYFxuICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbmA7XG5cbi8qIGZvciBSZXNvdXJjZXMgJiBDYXRhbG9nIG1lbnVzICovXG5leHBvcnQgY29uc3QgRGVzY3JpcHRpb25TZWN0aW9uQ29udGFpbmVyID0gc3R5bGVkKEZsZXhCb3gpKFxuICBjc3Moe1xuICAgICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgICBjb2xvcjogJ3RleHQnLFxuICAgICAgb3V0bGluZTogJzFweCBzb2xpZCBjdXJyZW50Q29sb3IgIWltcG9ydGFudCcsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcHBCYXIgPSBzdHlsZWQoQXBwQmFyKShcbiAgY3NzKHtcbiAgICBib3hTaGFkb3c6IGBub25lYCxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXZCYXIgPSBzdHlsZWQudWwoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogJ3N0cmV0Y2gnLFxuICAgIGRpc3BsYXk6IGBmbGV4YCxcbiAgICBwYWRkaW5nOiAwLFxuICAgIGxpc3RTdHlsZTogYG5vbmVgLFxuICAgIG1hcmdpbjogMCxcbiAgICB3aWR0aDogYDEwMCVgLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IGFwcEhlYWRlclNwYWNpbmcgPSB7XG4gIHN0YW5kYXJkOiA4LFxuXG4gIGVudGVycHJpc2U6IDEyLFxufSBhcyBjb25zdDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwUDJDIn0= */");
+const StyledAppBar = /*#__PURE__*/ (0, _emotion_styled.default)(require_index.AppBar, {
+	target: "e1rkngdm7",
+	label: "brand-StyledAppBar"
+})((0, _codecademy_gamut_styles.css)({ boxShadow: `none` }), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9zaGFyZWQvZWxlbWVudHMudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvQXBwSGVhZGVyL3NoYXJlZC9lbGVtZW50cy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQW5jaG9yLFxuICBCb3gsXG4gIEZsZXhCb3gsXG4gIExheW91dEdyaWQsXG4gIFRleHQsXG4gIFdpdGhDaGlsZHJlblByb3AsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEFycm93Q2hldnJvbkRvd25GaWxsZWRJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHtcbiAgQ29sb3JzLFxuICBjc3MsXG4gIHB4UmVtLFxuICBzdGF0ZXMsXG4gIHVzZUN1cnJlbnRNb2RlLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7XG4gIEFuaW1hdGVQcmVzZW5jZSxcbiAgbW90aW9uLFxuICB1c2VSZWR1Y2VkTW90aW9uLFxuICBWYXJpYW50cyxcbn0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFwcEJhciB9IGZyb20gJy4uLy4uL0FwcEJhcic7XG5pbXBvcnQgeyBHcmFkaWVudEJhY2tncm91bmQgfSBmcm9tICcuLi9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJTZWN0aW9uL2VsZW1lbnRzJztcblxuZXhwb3J0IGNvbnN0IGFwcEhlYWRlck1vYmlsZUJyZWFrcG9pbnQgPSAnbGcnIGFzIGNvbnN0O1xuXG5leHBvcnQgaW50ZXJmYWNlIEFuaW1hdGVkSGVhZGVyWm9uZVByb3BzIGV4dGVuZHMgV2l0aENoaWxkcmVuUHJvcCB7XG4gIHZpc2libGU/OiBib29sZWFuO1xufVxuXG5jb25zdCBhbmltYXRlZFBvcG92ZXJWYXJpYW50czogVmFyaWFudHMgPSB7XG4gIGVudGVyOiB7IG9wYWNpdHk6IDEsIHRyYW5zaXRpb246IHsgZHVyYXRpb246IDAuMiB9IH0sXG4gIGV4aXQ6IHsgb3BhY2l0eTogMCwgdHJhbnNpdGlvbjogeyBkdXJhdGlvbjogMC4yIH0gfSxcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VNZWdhTWVudUhlYWRlclJlc3BvbnNpdmVTdHlsZXMgPSAoKToge1xuICBiZzogQ29sb3JzO1xuICBib3JkZXJDb2xvcjogQ29sb3JzO1xuICBjb2xvcjogQ29sb3JzO1xufSA9PiB7XG4gIGNvbnN0IG1vZGUgPSB1c2VDdXJyZW50TW9kZSgpO1xuXG4gIGNvbnN0IGJnID0gbW9kZSA9PT0gJ2RhcmsnID8gJ3doaXRlJyA6ICduYXZ5LTgwMCc7XG4gIGNvbnN0IGNvbG9yID0gbW9kZSA9PT0gJ2RhcmsnID8gJ25hdnktOTAwJyA6ICdibHVlLTAnO1xuXG4gIHJldHVybiB7IGJnLCBib3JkZXJDb2xvcjogY29sb3IsIGNvbG9yIH07XG59O1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRIZWFkZXJab25lOiBSZWFjdC5GQzxBbmltYXRlZEhlYWRlclpvbmVQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgdmlzaWJsZSxcbn0pID0+IHtcbiAgcmV0dXJuIHZpc2libGUgPyAoXG4gICAgPEFuaW1hdGVQcmVzZW5jZT5cbiAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgIGFuaW1hdGU9XCJlbnRlclwiXG4gICAgICAgIGV4aXQ9XCJleGl0XCJcbiAgICAgICAgaW5pdGlhbD1cImV4aXRcIlxuICAgICAgICB2YXJpYW50cz17YW5pbWF0ZWRQb3BvdmVyVmFyaWFudHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvbW90aW9uLmRpdj5cbiAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgKSA6IG51bGw7XG59O1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25BbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiBgY2VudGVyYCxcbiAgICBkaXNwbGF5OiBgZmxleGAsXG4gICAgcGFkZGluZzogYDAuNXJlbSAwYCxcbiAgICB0ZXh0QWxpZ246IGBjZW50ZXJgLFxuICAgIHdoaXRlU3BhY2U6IGBub3dyYXBgLFxuXG4gICAgJyY6Zm9jdXM6OmJlZm9yZSc6IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGRyb3Bkb3duU3RhdGVzID0gc3RhdGVzKHtcbiAgb3Blbjoge1xuICAgIHRyYW5zZm9ybTogYHJvdGF0ZSgtMTgwZGVnKWAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duSWNvbiA9IHN0eWxlZChBcnJvd0NoZXZyb25Eb3duRmlsbGVkSWNvbik8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGRyb3Bkb3duU3RhdGVzPlxuPihcbiAgY3NzKHtcbiAgICBtYXJnaW5MZWZ0OiBweFJlbSg1KSxcbiAgICB0cmFuc2l0aW9uOiBgdHJhbnNmb3JtIDAuMzVzIGVhc2Utb3V0YCxcbiAgICB0cmFuc2Zvcm1PcmlnaW46IGBjZW50ZXIgJHtweFJlbSg1KX1gLFxuICB9KSxcbiAgZHJvcGRvd25TdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpKFxuICBjc3Moe1xuICAgICcmOjphZnRlcic6IHtcbiAgICAgIGRpc3BsYXk6IGBibG9ja2AsXG4gICAgICBjb250ZW50OiBgYXR0cih0aXRsZSlgLFxuICAgICAgZm9udFdlaWdodDogYGJvbGRgLFxuICAgICAgaGVpZ2h0OiBgMXB4YCxcbiAgICAgIGNvbG9yOiBgdHJhbnNwYXJlbnRgLFxuICAgICAgb3ZlcmZsb3c6IGBoaWRkZW5gLFxuICAgICAgdmlzaWJpbGl0eTogYGhpZGRlbmAsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGdldERyb3Bkb3duQW5pbWF0aW9ucyA9ICh7XG4gIGlzT3BlbixcbiAgcHJlZmVyc1JlZHVjZWRNb3Rpb24sXG59OiB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgcHJlZmVyc1JlZHVjZWRNb3Rpb246IGJvb2xlYW4gfCBudWxsO1xufSkgPT4ge1xuICBjb25zdCBvcGVuU3RhdGUgPSB7XG4gICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlWSgwKScsXG4gICAgb3BhY2l0eTogMSxcbiAgfTtcbiAgY29uc3QgY2xvc2VkU3RhdGUgPSB7XG4gICAgdHJhbnNmb3JtOiBwcmVmZXJzUmVkdWNlZE1vdGlvbiA/ICdub25lJyA6ICd0cmFuc2xhdGVZKC04cHgpJyxcbiAgICBvcGFjaXR5OiAwLFxuICB9O1xuXG4gIHJldHVybiB7XG4gICAgYW5pbWF0ZTogaXNPcGVuID8gb3BlblN0YXRlIDogY2xvc2VkU3RhdGUsXG4gICAgaW5pdGlhbDogY2xvc2VkU3RhdGUsXG4gICAgdHJhbnNpdGlvbjoge1xuICAgICAgZHVyYXRpb246IDAuMTUsXG4gICAgICBlYXNlOiAnZWFzZU91dCcsXG4gICAgfSxcbiAgfTtcbn07XG5cbmNvbnN0IEJhc2VEcm9wZG93biA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKCdkaXYnKSkoKCkgPT5cbiAgY3NzKHsgcG9zaXRpb246IGBhYnNvbHV0ZWAgfSlcbik7XG5cbmNvbnN0IE1lZ2FNZW51QmFja2Ryb3AgPSBzdHlsZWQobW90aW9uLmNyZWF0ZSgnZGl2JykpKFxuICBjc3Moe1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHpJbmRleDogLTEsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGlzT3BlbixcbiAgICAgIC4uLnByb3BzXG4gICAgfTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJhc2VEcm9wZG93bj4gJiB7XG4gICAgICBpc09wZW46IGJvb2xlYW47XG4gICAgfSxcbiAgICByZWY6IFJlYWN0LkZvcndhcmRlZFJlZjxIVE1MRGl2RWxlbWVudCB8IG51bGw+XG4gICkgPT4ge1xuICAgIGNvbnN0IFtpc0FuaW1hdGluZywgc2V0SXNBbmltYXRpbmddID0gUmVhY3QudXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IHByZWZlcnNSZWR1Y2VkTW90aW9uID0gdXNlUmVkdWNlZE1vdGlvbigpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIDxBbmltYXRlUHJlc2VuY2U+XG4gICAgICAgICAge2lzT3BlbiAmJiAoXG4gICAgICAgICAgICA8TWVnYU1lbnVCYWNrZHJvcFxuICAgICAgICAgICAgICBpbml0aWFsPXt7IG9wYWNpdHk6IDAgfX1cbiAgICAgICAgICAgICAgYW5pbWF0ZT17eyBvcGFjaXR5OiAxIH19XG4gICAgICAgICAgICAgIGV4aXQ9e3sgb3BhY2l0eTogMCB9fVxuICAgICAgICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjE1LCBlYXNlOiAnZWFzZU91dCcgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPEdyYWRpZW50QmFja2dyb3VuZFxuICAgICAgICAgICAgICAgIGtleT1cImRyb3Bkb3duLWJhY2tkcm9wXCJcbiAgICAgICAgICAgICAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICAgICAgICAgICAgICB0b3A9XCIwXCJcbiAgICAgICAgICAgICAgICBsZWZ0PVwiMFwiXG4gICAgICAgICAgICAgICAgcmlnaHQ9XCIwXCJcbiAgICAgICAgICAgICAgICBib3R0b209XCIwXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvTWVnYU1lbnVCYWNrZHJvcD5cbiAgICAgICAgICApfVxuICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgey8qIHRoZSBwcmVmZXJyZWQgd2F5IHRvIGFuaW1hdGUgdGhpcyB3b3VsZCBiZSB2aWEgQW5pbWF0ZVByZXNlbmNlLCBidXQgaXQgaXMgdW5jbGVhciBpZlxuICAgICAgICAgICAga2VlcGluZyBjbG9zZWQgZHJvcGRvd24gY29udGVudCBpbiB0aGUgRE9NIGhhcyBhIHBvc2l0aXZlIGVmZmVjdCBvbiBTRU8gKi99XG4gICAgICAgIDxCb3ggZGlzcGxheT17aXNPcGVuIHx8IGlzQW5pbWF0aW5nID8gJ2Jsb2NrJyA6ICdub25lJ30+XG4gICAgICAgICAgPEJhc2VEcm9wZG93blxuICAgICAgICAgICAga2V5PVwiZHJvcGRvd24tY29udGVudFwiXG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIHsuLi5nZXREcm9wZG93bkFuaW1hdGlvbnMoeyBpc09wZW4sIHByZWZlcnNSZWR1Y2VkTW90aW9uIH0pfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgb25BbmltYXRpb25Db21wbGV0ZT17KGFuaW0pID0+IHtcbiAgICAgICAgICAgICAgaWYgKCFpc09wZW4pIHtcbiAgICAgICAgICAgICAgICAvLyBvbmx5IGNvbnNpZGVyIGFuaW1hdGlvbiBjb21wbGV0ZSB3aGVuIGRyb3Bkb3duIGlzIGNsb3NlZCB0byBwcmV2ZW50IGZsaWNrZXJpbmcgZnJvbSByYXBpZCBzdGF0ZSBjaGFuZ2VzXG4gICAgICAgICAgICAgICAgc2V0SXNBbmltYXRpbmcoZmFsc2UpO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIHByb3BzLm9uQW5pbWF0aW9uQ29tcGxldGU/LihhbmltKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBvbkFuaW1hdGlvblN0YXJ0PXsoYW5pbSkgPT4ge1xuICAgICAgICAgICAgICBzZXRJc0FuaW1hdGluZyh0cnVlKTtcbiAgICAgICAgICAgICAgcHJvcHMub25BbmltYXRpb25TdGFydD8uKGFuaW0pO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvPlxuICAgICk7XG4gIH1cbik7XG5cbmV4cG9ydCBjb25zdCBBbmltYXRlZFNpbXBsZURyb3Bkb3duID0gKHtcbiAgaXNPcGVuLFxuICAuLi5wcm9wc1xufTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJhc2VEcm9wZG93bj4gJiB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbn0pID0+IHtcbiAgY29uc3QgW2lzQW5pbWF0aW5nLCBzZXRJc0FuaW1hdGluZ10gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHByZWZlcnNSZWR1Y2VkTW90aW9uID0gdXNlUmVkdWNlZE1vdGlvbigpO1xuXG4gIC8vIHRoZSBwcmVmZXJyZWQgd2F5IHRvIGFuaW1hdGUgdGhpcyB3b3VsZCBiZSB2aWEgQW5pbWF0ZVByZXNlbmNlLCBidXQgaXQgaXMgdW5jbGVhciBpZlxuICAvLyBrZWVwaW5nIGNsb3NlZCBkcm9wZG93biBjb250ZW50IGluIHRoZSBET00gaGFzIGEgcG9zaXRpdmUgZWZmZWN0IG9uIFNFT1xuICByZXR1cm4gKFxuICAgIDxCb3ggZGlzcGxheT17aXNPcGVuIHx8IGlzQW5pbWF0aW5nID8gJ2Jsb2NrJyA6ICdub25lJ30+XG4gICAgICA8QmFzZURyb3Bkb3duXG4gICAgICAgIHsuLi5nZXREcm9wZG93bkFuaW1hdGlvbnMoeyBpc09wZW4sIHByZWZlcnNSZWR1Y2VkTW90aW9uIH0pfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIG9uQW5pbWF0aW9uQ29tcGxldGU9eyhhbmltKSA9PiB7XG4gICAgICAgICAgaWYgKCFpc09wZW4pIHtcbiAgICAgICAgICAgIC8vIG9ubHkgY29uc2lkZXIgYW5pbWF0aW9uIGNvbXBsZXRlIHdoZW4gZHJvcGRvd24gaXMgY2xvc2VkIHRvIHByZXZlbnQgZmxpY2tlcmluZyBmcm9tIHJhcGlkIHN0YXRlIGNoYW5nZXNcbiAgICAgICAgICAgIHNldElzQW5pbWF0aW5nKGZhbHNlKTtcbiAgICAgICAgICB9XG4gICAgICAgICAgcHJvcHMub25BbmltYXRpb25Db21wbGV0ZT8uKGFuaW0pO1xuICAgICAgICB9fVxuICAgICAgICBvbkFuaW1hdGlvblN0YXJ0PXsoYW5pbSkgPT4ge1xuICAgICAgICAgIHNldElzQW5pbWF0aW5nKHRydWUpO1xuICAgICAgICAgIHByb3BzLm9uQW5pbWF0aW9uU3RhcnQ/LihhbmltKTtcbiAgICAgICAgfX1cbiAgICAgIC8+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgTGF5b3V0R3JpZEFudGlBbGlhc2VkID0gc3R5bGVkKExheW91dEdyaWQpYFxuICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbmA7XG5cbi8qIGZvciBSZXNvdXJjZXMgJiBDYXRhbG9nIG1lbnVzICovXG5leHBvcnQgY29uc3QgRGVzY3JpcHRpb25TZWN0aW9uQ29udGFpbmVyID0gc3R5bGVkKEZsZXhCb3gpKFxuICBjc3Moe1xuICAgICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgICBjb2xvcjogJ3RleHQnLFxuICAgICAgb3V0bGluZTogJzFweCBzb2xpZCBjdXJyZW50Q29sb3IgIWltcG9ydGFudCcsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcHBCYXIgPSBzdHlsZWQoQXBwQmFyKShcbiAgY3NzKHtcbiAgICBib3hTaGFkb3c6IGBub25lYCxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXZCYXIgPSBzdHlsZWQudWwoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogJ3N0cmV0Y2gnLFxuICAgIGRpc3BsYXk6IGBmbGV4YCxcbiAgICBwYWRkaW5nOiAwLFxuICAgIGxpc3RTdHlsZTogYG5vbmVgLFxuICAgIG1hcmdpbjogMCxcbiAgICB3aWR0aDogYDEwMCVgLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IGFwcEhlYWRlclNwYWNpbmcgPSB7XG4gIHN0YW5kYXJkOiA4LFxuXG4gIGVudGVycHJpc2U6IDEyLFxufSBhcyBjb25zdDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtUTRCIn0= */");
+const StyledNavBar = /*#__PURE__*/ (0, _emotion_styled.default)("ul", {
+	target: "e1rkngdm8",
+	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/ICdub25lJyA6ICd0cmFuc2xhdGVZKC04cHgpJyxcbiAgICBvcGFjaXR5OiAwLFxuICB9O1xuXG4gIHJldHVybiB7XG4gICAgYW5pbWF0ZTogaXNPcGVuID8gb3BlblN0YXRlIDogY2xvc2VkU3RhdGUsXG4gICAgaW5pdGlhbDogY2xvc2VkU3RhdGUsXG4gICAgdHJhbnNpdGlvbjoge1xuICAgICAgZHVyYXRpb246IDAuMTUsXG4gICAgICBlYXNlOiAnZWFzZU91dCcsXG4gICAgfSxcbiAgfTtcbn07XG5cbmNvbnN0IEJhc2VEcm9wZG93biA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKCdkaXYnKSkoKCkgPT5cbiAgY3NzKHsgcG9zaXRpb246IGBhYnNvbHV0ZWAgfSlcbik7XG5cbmNvbnN0IE1lZ2FNZW51QmFja2Ryb3AgPSBzdHlsZWQobW90aW9uLmNyZWF0ZSgnZGl2JykpKFxuICBjc3Moe1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHpJbmRleDogLTEsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGlzT3BlbixcbiAgICAgIC4uLnByb3BzXG4gICAgfTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJhc2VEcm9wZG93bj4gJiB7XG4gICAgICBpc09wZW46IGJvb2xlYW47XG4gICAgfSxcbiAgICByZWY6IFJlYWN0LkZvcndhcmRlZFJlZjxIVE1MRGl2RWxlbWVudCB8IG51bGw+XG4gICkgPT4ge1xuICAgIGNvbnN0IFtpc0FuaW1hdGluZywgc2V0SXNBbmltYXRpbmddID0gUmVhY3QudXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IHByZWZlcnNSZWR1Y2VkTW90aW9uID0gdXNlUmVkdWNlZE1vdGlvbigpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIDxBbmltYXRlUHJlc2VuY2U+XG4gICAgICAgICAge2lzT3BlbiAmJiAoXG4gICAgICAgICAgICA8TWVnYU1lbnVCYWNrZHJvcFxuICAgICAgICAgICAgICBpbml0aWFsPXt7IG9wYWNpdHk6IDAgfX1cbiAgICAgICAgICAgICAgYW5pbWF0ZT17eyBvcGFjaXR5OiAxIH19XG4gICAgICAgICAgICAgIGV4aXQ9e3sgb3BhY2l0eTogMCB9fVxuICAgICAgICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjE1LCBlYXNlOiAnZWFzZU91dCcgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPEdyYWRpZW50QmFja2dyb3VuZFxuICAgICAgICAgICAgICAgIGtleT1cImRyb3Bkb3duLWJhY2tkcm9wXCJcbiAgICAgICAgICAgICAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICAgICAgICAgICAgICB0b3A9XCIwXCJcbiAgICAgICAgICAgICAgICBsZWZ0PVwiMFwiXG4gICAgICAgICAgICAgICAgcmlnaHQ9XCIwXCJcbiAgICAgICAgICAgICAgICBib3R0b209XCIwXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvTWVnYU1lbnVCYWNrZHJvcD5cbiAgICAgICAgICApfVxuICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgey8qIHRoZSBwcmVmZXJyZWQgd2F5IHRvIGFuaW1hdGUgdGhpcyB3b3VsZCBiZSB2aWEgQW5pbWF0ZVByZXNlbmNlLCBidXQgaXQgaXMgdW5jbGVhciBpZlxuICAgICAgICAgICAga2VlcGluZyBjbG9zZWQgZHJvcGRvd24gY29udGVudCBpbiB0aGUgRE9NIGhhcyBhIHBvc2l0aXZlIGVmZmVjdCBvbiBTRU8gKi99XG4gICAgICAgIDxCb3ggZGlzcGxheT17aXNPcGVuIHx8IGlzQW5pbWF0aW5nID8gJ2Jsb2NrJyA6ICdub25lJ30+XG4gICAgICAgICAgPEJhc2VEcm9wZG93blxuICAgICAgICAgICAga2V5PVwiZHJvcGRvd24tY29udGVudFwiXG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIHsuLi5nZXREcm9wZG93bkFuaW1hdGlvbnMoeyBpc09wZW4sIHByZWZlcnNSZWR1Y2VkTW90aW9uIH0pfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgb25BbmltYXRpb25Db21wbGV0ZT17KGFuaW0pID0+IHtcbiAgICAgICAgICAgICAgaWYgKCFpc09wZW4pIHtcbiAgICAgICAgICAgICAgICAvLyBvbmx5IGNvbnNpZGVyIGFuaW1hdGlvbiBjb21wbGV0ZSB3aGVuIGRyb3Bkb3duIGlzIGNsb3NlZCB0byBwcmV2ZW50IGZsaWNrZXJpbmcgZnJvbSByYXBpZCBzdGF0ZSBjaGFuZ2VzXG4gICAgICAgICAgICAgICAgc2V0SXNBbmltYXRpbmcoZmFsc2UpO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIHByb3BzLm9uQW5pbWF0aW9uQ29tcGxldGU/LihhbmltKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBvbkFuaW1hdGlvblN0YXJ0PXsoYW5pbSkgPT4ge1xuICAgICAgICAgICAgICBzZXRJc0FuaW1hdGluZyh0cnVlKTtcbiAgICAgICAgICAgICAgcHJvcHMub25BbmltYXRpb25TdGFydD8uKGFuaW0pO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvPlxuICAgICk7XG4gIH1cbik7XG5cbmV4cG9ydCBjb25zdCBBbmltYXRlZFNpbXBsZURyb3Bkb3duID0gKHtcbiAgaXNPcGVuLFxuICAuLi5wcm9wc1xufTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJhc2VEcm9wZG93bj4gJiB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbn0pID0+IHtcbiAgY29uc3QgW2lzQW5pbWF0aW5nLCBzZXRJc0FuaW1hdGluZ10gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHByZWZlcnNSZWR1Y2VkTW90aW9uID0gdXNlUmVkdWNlZE1vdGlvbigpO1xuXG4gIC8vIHRoZSBwcmVmZXJyZWQgd2F5IHRvIGFuaW1hdGUgdGhpcyB3b3VsZCBiZSB2aWEgQW5pbWF0ZVByZXNlbmNlLCBidXQgaXQgaXMgdW5jbGVhciBpZlxuICAvLyBrZWVwaW5nIGNsb3NlZCBkcm9wZG93biBjb250ZW50IGluIHRoZSBET00gaGFzIGEgcG9zaXRpdmUgZWZmZWN0IG9uIFNFT1xuICByZXR1cm4gKFxuICAgIDxCb3ggZGlzcGxheT17aXNPcGVuIHx8IGlzQW5pbWF0aW5nID8gJ2Jsb2NrJyA6ICdub25lJ30+XG4gICAgICA8QmFzZURyb3Bkb3duXG4gICAgICAgIHsuLi5nZXREcm9wZG93bkFuaW1hdGlvbnMoeyBpc09wZW4sIHByZWZlcnNSZWR1Y2VkTW90aW9uIH0pfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIG9uQW5pbWF0aW9uQ29tcGxldGU9eyhhbmltKSA9PiB7XG4gICAgICAgICAgaWYgKCFpc09wZW4pIHtcbiAgICAgICAgICAgIC8vIG9ubHkgY29uc2lkZXIgYW5pbWF0aW9uIGNvbXBsZXRlIHdoZW4gZHJvcGRvd24gaXMgY2xvc2VkIHRvIHByZXZlbnQgZmxpY2tlcmluZyBmcm9tIHJhcGlkIHN0YXRlIGNoYW5nZXNcbiAgICAgICAgICAgIHNldElzQW5pbWF0aW5nKGZhbHNlKTtcbiAgICAgICAgICB9XG4gICAgICAgICAgcHJvcHMub25BbmltYXRpb25Db21wbGV0ZT8uKGFuaW0pO1xuICAgICAgICB9fVxuICAgICAgICBvbkFuaW1hdGlvblN0YXJ0PXsoYW5pbSkgPT4ge1xuICAgICAgICAgIHNldElzQW5pbWF0aW5nKHRydWUpO1xuICAgICAgICAgIHByb3BzLm9uQW5pbWF0aW9uU3RhcnQ/LihhbmltKTtcbiAgICAgICAgfX1cbiAgICAgIC8+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgTGF5b3V0R3JpZEFudGlBbGlhc2VkID0gc3R5bGVkKExheW91dEdyaWQpYFxuICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbmA7XG5cbi8qIGZvciBSZXNvdXJjZXMgJiBDYXRhbG9nIG1lbnVzICovXG5leHBvcnQgY29uc3QgRGVzY3JpcHRpb25TZWN0aW9uQ29udGFpbmVyID0gc3R5bGVkKEZsZXhCb3gpKFxuICBjc3Moe1xuICAgICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgICBjb2xvcjogJ3RleHQnLFxuICAgICAgb3V0bGluZTogJzFweCBzb2xpZCBjdXJyZW50Q29sb3IgIWltcG9ydGFudCcsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcHBCYXIgPSBzdHlsZWQoQXBwQmFyKShcbiAgY3NzKHtcbiAgICBib3hTaGFkb3c6IGBub25lYCxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXZCYXIgPSBzdHlsZWQudWwoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogJ3N0cmV0Y2gnLFxuICAgIGRpc3BsYXk6IGBmbGV4YCxcbiAgICBwYWRkaW5nOiAwLFxuICAgIGxpc3RTdHlsZTogYG5vbmVgLFxuICAgIG1hcmdpbjogMCxcbiAgICB3aWR0aDogYDEwMCVgLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IGFwcEhlYWRlclNwYWNpbmcgPSB7XG4gIHN0YW5kYXJkOiA4LFxuXG4gIGVudGVycHJpc2U6IDEyLFxufSBhcyBjb25zdDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5UTRCIn0= */");
+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.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 | null>\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":";;;;;;;;;;;;;AAmCA,MAAMkB,0BAAoC;CACxCC,OAAO;EAAEC,SAAS;EAAGC,YAAY,EAAEC,UAAU,GAAI;CAAE;CACnDC,MAAM;EAAEH,SAAS;EAAGC,YAAY,EAAEC,UAAU,GAAI;CAAE;AACpD;AAeA,MAAaO,sBAAyD,EACpEC,UACAC,cACD;CACC,OAAOA,UACL,oBAAA,cAACpB,+BAAAA,MACC,oBAAA,cAACC,qBAAOoB,KAAG;EACTC,SAAQ;EACRV,MAAK;EACLW,SAAQ;EACRC,UAAUjB;IAETY,QAAAA,CAAAA,IAGH;AACN;AAEA,MAAaM,iBAAiB1B,2CAAOV,0BAAAA;;;qCAC/B;CACFqC,YAAY;CACZC,SAAS;CACTC,SAAS;CACTC,WAAW;CACXC,YAAY;CAEZ,mBAAmB,EACjBrB,SAAS,EACX;AACF,CAAA,GAAA,6gTAAA;AAGF,MAAMsB,sDAAwB,EAC5BC,MAAM,EACJC,WAAW,kBACb,EACF,CAAA;AAEA,MAAaC,eAAenC,2CAAOL,oDAAAA;;;qCAG7B;CACFyC,gDAAkB,CAAA;CAClBzB,YAAY;CACZ0B,iBAAiB,8CAAgB,CAAA;AACnC,CAAA,GACAL,gBAAAA,6gTAAAA;AAGF,MAAaM,aAAatC,2CAAON,wBAAAA;;;qCAC3B,EACF,YAAY;CACVkC,SAAS;CACTW,SAAS;CACTC,YAAY;CACZC,QAAQ;CACRxB,OAAO;CACPyB,UAAU;CACVC,YAAY;AACd,EACF,CAAA,GAAA,6gTAAA;AAGF,MAAMC,yBAAyB,EAC7BC,QACAC,2BAID;CACC,MAAMC,YAAY;EAChBb,WAAW;EACXxB,SAAS;CACX;CACA,MAAMsC,cAAc;EAClBd,WAAWY,uBAAuB,SAAS;EAC3CpC,SAAS;CACX;CAEA,OAAO;EACLa,SAASsB,SAASE,YAAYC;EAC9BxB,SAASwB;EACTrC,YAAY;GACVC,UAAU;GACVqC,MAAM;EACR;CACF;AACF;AAEA,MAAMC,eAAelD,2CAAOE,qBAAOiD,OAAO,KAAA,GAAA;;;2CACpC,EAAEC,UAAU,WAAW,CAAA,GAAA,6gTAAA;AAG7B,MAAMC,mBAAmBrD,2CAAOE,qBAAOiD,OAAO,KAAA,GAAA;;;qCACxC;CACFC,UAAU;CACVE,QAAQ;AACV,CAAA,GAAA,6gTAAA;AAGF,MAAaC,2BAA2BnD,oBAAMoD,YAE1C,EACEX,QACA,GAAGY,SAILC,QAAAA;CAEA,MAAM,CAACC,aAAaC,kBAAkBxD,MAAMyD,SAAS,KAAA;CACrD,MAAMf,2DAAuB3C;CAE7B,OACE,oBAAA,cAAA,MAAA,UAAA,MACE,oBAAA,cAACF,+BAAAA,MACE4C,UACC,oBAAA,cAACQ,kBAAAA;EACC7B,SAAS,EAAEd,SAAS,EAAE;EACtBa,SAAS,EAAEb,SAAS,EAAE;EACtBG,MAAM,EAAEH,SAAS,EAAE;EACnBC,YAAY;GAAEC,UAAU;GAAMqC,MAAM;EAAU;IAE9C,oBAAA,cAAC3C,qCAAAA;EACCwD,KAAI;EACJV,UAAS;EACTW,KAAI;EACJC,MAAK;EACLC,OAAM;EACNC,QAAO;OAOf,oBAAA,cAAC3E,uBAAAA,EAAIqC,SAASiB,UAAUc,cAAc,UAAU,UAC9C,oBAAA,cAACT,cAAAA;EACCY,KAAI;EACCJ;EACJ,GAAGd,sBAAsB;GAAEC;GAAQC;EAAqB,CAAA;EACxD,GAAGW;EACJU,sBAAsBC,SAAAA;GACpB,IAAI,CAACvB,QAEHe,eAAe,KAAA;GAEjBH,MAAMU,sBAAsBC,IAAAA;EAC9B;EACAC,mBAAmBD,SAAAA;GACjBR,eAAe,IAAA;GACfH,MAAMY,mBAAmBD,IAAAA;EAC3B;;AAKV,CAAA;AAGF,MAAaE,0BAA0B,EACrCzB,QACA,GAAGY,YAGJ;CACC,MAAM,CAACE,aAAaC,kBAAkBxD,MAAMyD,SAAS,KAAA;CACrD,MAAMf,2DAAuB3C;CAI7B,OACE,oBAAA,cAACZ,uBAAAA,EAAIqC,SAASiB,UAAUc,cAAc,UAAU,UAC9C,oBAAA,cAACT,cAAAA;EACE,GAAGN,sBAAsB;GAAEC;GAAQC;EAAqB,CAAA;EACxD,GAAGW;EACJU,sBAAsBC,SAAAA;GACpB,IAAI,CAACvB,QAEHe,eAAe,KAAA;GAEjBH,MAAMU,sBAAsBC,IAAAA;EAC9B;EACAC,mBAAmBD,SAAAA;GACjBR,eAAe,IAAA;GACfH,MAAMY,mBAAmBD,IAAAA;EAC3B;;AAIR;AAOA,MAAaI,8BAA8BxE,2CAAOR,2BAAAA;;;qCAC5C,EACF,mBAAmB;CACjByB,OAAO;CACPwD,SAAS;AACX,EACF,CAAA,GAAA,6gTAAA;AAGF,MAAaC,eAAe1E,2CAAOK,sBAAAA;;;qCAC7B,EACFsE,WAAW,OACb,CAAA,GAAA,6gTAAA;AAGF,MAAaC,eAAe5E,2CAAAA,MAAAA;;;qCACtB;CACF2B,YAAY;CACZC,SAAS;CACTC,SAAS;CACTgD,WAAW;CACXC,QAAQ;CACRC,OAAO;AACT,CAAA,GAAA,6gTAAA;AAGF,MAAaC,mBAAmB;CAC9BC,UAAU;CAEVC,YAAY;AACd"}

package/dist/AppHeader/shared/elements.d.cts

@@ -0,0 +1,2 @@
+import { WithChildrenProp } from "@codecademy/gamut";
+import { Colors } from "@codecademy/gamut-styles";