@codecademy/brand 3.40.1-alpha.db88c958d7.0 → 4.0.0-alpha.0ae245495b.0

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/NavPanels.js

@@ -1,342 +1,294 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import { Anchor, Box, Card, FlexBox, GridBox, Text } from '@codecademy/gamut';
-import { LevelIcon } from '@codecademy/gamut-icons';
-import { useGlobalHeaderDynamicDataContext, useGlobalHeaderItemClick } from '../../../GlobalHeader/context';
-import { liveLearningNavPanelItems } from '../../../lib/catalogList';
-import { AppHeaderDietCard } from '../AppHeaderDietCard';
-import { useAppHeaderDropdownContext } from '../AppHeaderDropdownProvider';
-import { useAppHeaderSectionContext } from '../AppHeaderSection/AppHeaderSectionContext';
-import { PanelLayout } from '../AppHeaderSection/PanelLayout';
-import { SkillTile } from '../AppHeaderSkillTile';
-import { CERTIFICATION_PROVIDERS, popularLanguages, popularSubjects } from './consts';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export const CourseTopicsPanel = () => {
-  const {
-    globalHeaderItemClick
-  } = useGlobalHeaderItemClick();
-  const {
-    tabIndex
-  } = useAppHeaderSectionContext();
-  const description = /*#__PURE__*/_jsxs(_Fragment, {
-    children: ["Explore free or paid courses in a wide variety of topics. With something for every skill level, it's easy to find a course that fits your goals. Not sure where to start? \xA0", /*#__PURE__*/_jsx(Anchor, {
-      tabIndex: tabIndex,
-      href: "/welcome/find-a-course",
-      onClick: event => globalHeaderItemClick(event, {
-        type: 'link',
-        href: '/welcome/find-a-course',
-        text: 'Take the quiz',
-        id: 'take-the-quiz'
-      }),
-      children: "Take the quiz"
-    })]
-  });
-  return /*#__PURE__*/_jsxs(PanelLayout, {
-    heading: "Course topics",
-    description: description,
-    linkItem: {
-      type: 'link',
-      href: '/catalog',
-      text: 'Explore the full catalog',
-      trackingTarget: 'topnav_catalog',
-      id: 'explore-all-courses'
-    },
-    children: [/*#__PURE__*/_jsx(Text, {
-      variant: "p-large",
-      fontWeight: 700,
-      as: "h3",
-      children: "Popular languages"
-    }), /*#__PURE__*/_jsx(GridBox, {
-      gridTemplateColumns: {
-        _: '1fr',
-        xs: '1fr 1fr',
-        md: '1fr 1fr 1fr'
-      },
-      gap: 8,
-      pl: 0,
-      as: "ul",
-      listStyle: "none",
-      mb: 24,
-      children: popularLanguages.map(item => /*#__PURE__*/_jsx("li", {
-        children: /*#__PURE__*/_jsx(SkillTile, {
-          item: item
-        })
-      }, item.id))
-    }), /*#__PURE__*/_jsx(Text, {
-      variant: "p-large",
-      fontWeight: 700,
-      as: "h3",
-      children: "Popular subjects"
-    }), /*#__PURE__*/_jsx(GridBox, {
-      gridTemplateColumns: {
-        _: '1fr',
-        xs: '1fr 1fr',
-        md: '1fr 1fr 1fr'
-      },
-      gap: 8,
-      pl: 0,
-      as: "ul",
-      listStyle: "none",
-      children: popularSubjects.map(item => /*#__PURE__*/_jsx("li", {
-        children: /*#__PURE__*/_jsx(SkillTile, {
-          item: item
-        })
-      }, item.id))
-    })]
-  });
+import { useGlobalHeaderDynamicDataContext, useGlobalHeaderItemClick } from "../../../GlobalHeader/context.js";
+import { useAppHeaderDropdownContext } from "../AppHeaderDropdownProvider/index.js";
+import { useAppHeaderSectionContext } from "../AppHeaderSection/AppHeaderSectionContext.js";
+import { liveLearningNavPanelItems } from "../../../lib/catalogList/index.js";
+import { AppHeaderDietCard } from "../AppHeaderDietCard/index.js";
+import { PanelLayout } from "../AppHeaderSection/PanelLayout.js";
+import { SkillTile } from "../AppHeaderSkillTile/index.js";
+import { CERTIFICATION_PROVIDERS, popularLanguages, popularSubjects } from "./consts.js";
+import { Anchor, Box, Card, FlexBox, GridBox, Text } from "@codecademy/gamut";
+import styled from "@emotion/styled";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { LevelIcon } from "@codecademy/gamut-icons";
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/NavPanels.tsx
+const CourseTopicsPanel = () => {
+	const { globalHeaderItemClick } = useGlobalHeaderItemClick();
+	const { tabIndex } = useAppHeaderSectionContext();
+	return /* @__PURE__ */ jsxs(PanelLayout, {
+		heading: "Course topics",
+		description: /* @__PURE__ */ jsxs(Fragment, { children: ["Explore free or paid courses in a wide variety of topics. With something for every skill level, it's easy to find a course that fits your goals. Not sure where to start? \xA0", /* @__PURE__ */ jsx(Anchor, {
+			tabIndex,
+			href: "/welcome/find-a-course",
+			onClick: (event) => globalHeaderItemClick(event, {
+				type: "link",
+				href: "/welcome/find-a-course",
+				text: "Take the quiz",
+				id: "take-the-quiz"
+			}),
+			children: "Take the quiz"
+		})] }),
+		linkItem: {
+			type: "link",
+			href: "/catalog",
+			text: "Explore the full catalog",
+			trackingTarget: "topnav_catalog",
+			id: "explore-all-courses"
+		},
+		children: [
+			/* @__PURE__ */ jsx(Text, {
+				variant: "p-large",
+				fontWeight: 700,
+				as: "h3",
+				children: "Popular languages"
+			}),
+			/* @__PURE__ */ jsx(GridBox, {
+				gridTemplateColumns: {
+					_: "1fr",
+					xs: "1fr 1fr",
+					md: "1fr 1fr 1fr"
+				},
+				gap: 8,
+				pl: 0,
+				as: "ul",
+				listStyle: "none",
+				mb: 24,
+				children: popularLanguages.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(SkillTile, { item }) }, item.id))
+			}),
+			/* @__PURE__ */ jsx(Text, {
+				variant: "p-large",
+				fontWeight: 700,
+				as: "h3",
+				children: "Popular subjects"
+			}),
+			/* @__PURE__ */ jsx(GridBox, {
+				gridTemplateColumns: {
+					_: "1fr",
+					xs: "1fr 1fr",
+					md: "1fr 1fr 1fr"
+				},
+				gap: 8,
+				pl: 0,
+				as: "ul",
+				listStyle: "none",
+				children: popularSubjects.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(SkillTile, { item }) }, item.id))
+			})
+		]
+	});
 };
-export const DietCardGrid = ({
-  children
-}) => {
-  return /*#__PURE__*/_jsx(GridBox, {
-    as: "ul",
-    gridTemplateColumns: {
-      _: '1fr',
-      sm: 'repeat(2, minmax(0, 1fr))',
-      md: 'repeat(3, minmax(0, 1fr))'
-    },
-    gap: 16,
-    m: 0,
-    p: 0,
-    listStyleType: "none",
-    children: children
-  });
+const DietCardGrid = ({ children }) => {
+	return /* @__PURE__ */ jsx(GridBox, {
+		as: "ul",
+		gridTemplateColumns: {
+			_: "1fr",
+			sm: "repeat(2, minmax(0, 1fr))",
+			md: "repeat(3, minmax(0, 1fr))"
+		},
+		gap: 16,
+		m: 0,
+		p: 0,
+		listStyleType: "none",
+		children
+	});
 };
-export const CareerPathsPanel = () => {
-  const {
-    globalHeaderDynamicData
-  } = useGlobalHeaderDynamicDataContext();
-  const totalCareerPathCount = globalHeaderDynamicData?.catalogDropdown.careerPaths.totalCareerPathCount;
-  const linkText = `Explore all${totalCareerPathCount ? ` ${totalCareerPathCount}` : ''} career paths`;
-  return /*#__PURE__*/_jsx(PanelLayout, {
-    heading: "Career paths",
-    description: "Choose your career and we'll teach you the skills to get job-ready. Each Career Path contains a curated list of lessons, quizzes, videos, and projects to help you learn and practice real-world skills.",
-    linkItem: {
-      type: 'link',
-      href: '/catalog?type=career-path',
-      text: linkText,
-      trackingTarget: 'topnav_catalog_header_explore_all_career_paths',
-      id: 'explore-all-career-paths'
-    },
-    children: /*#__PURE__*/_jsx(DietCardGrid, {
-      children: globalHeaderDynamicData?.catalogDropdown.careerPaths.promotedCareerPaths.map(path => {
-        return /*#__PURE__*/_jsx(AppHeaderDietCard, {
-          title: path.title,
-          hours: path.durationHours,
-          icon: /*#__PURE__*/_jsx(LevelIcon, {}),
-          difficulty: path.difficulty,
-          href: path.urlPath,
-          trackingTarget: `careerpath_${path.title}`
-        }, `${path.title}-card`);
-      })
-    })
-  });
+const CareerPathsPanel = () => {
+	const { globalHeaderDynamicData } = useGlobalHeaderDynamicDataContext();
+	const totalCareerPathCount = globalHeaderDynamicData?.catalogDropdown.careerPaths.totalCareerPathCount;
+	return /* @__PURE__ */ jsx(PanelLayout, {
+		heading: "Career paths",
+		description: "Choose your career and we'll teach you the skills to get job-ready. Each Career Path contains a curated list of lessons, quizzes, videos, and projects to help you learn and practice real-world skills.",
+		linkItem: {
+			type: "link",
+			href: "/catalog?type=career-path",
+			text: `Explore all${totalCareerPathCount ? ` ${totalCareerPathCount}` : ""} career paths`,
+			trackingTarget: "topnav_catalog_header_explore_all_career_paths",
+			id: "explore-all-career-paths"
+		},
+		children: /* @__PURE__ */ jsx(DietCardGrid, { children: globalHeaderDynamicData?.catalogDropdown.careerPaths.promotedCareerPaths.map((path) => {
+			return /* @__PURE__ */ jsx(AppHeaderDietCard, {
+				title: path.title,
+				hours: path.durationHours,
+				icon: /* @__PURE__ */ jsx(LevelIcon, {}),
+				difficulty: path.difficulty,
+				href: path.urlPath,
+				trackingTarget: `careerpath_${path.title}`
+			}, `${path.title}-card`);
+		}) })
+	});
 };
-export const SkillPathsPanel = () => {
-  const {
-    globalHeaderDynamicData
-  } = useGlobalHeaderDynamicDataContext();
-  const totalSkillPathCount = globalHeaderDynamicData?.catalogDropdown.skillPaths.totalSkillPathCount;
-  const linkText = `Explore all${totalSkillPathCount ? ` ${totalSkillPathCount}` : ''} skill paths`;
-  return /*#__PURE__*/_jsx(PanelLayout, {
-    heading: "Skill paths",
-    description: "Build in demand skills fast with a short, curated path. Each one includes interactive content to help you learn and apply your new skill in just a few months.",
-    linkItem: {
-      type: 'link',
-      href: '/catalog?type=skill-path',
-      text: linkText,
-      trackingTarget: 'topnav_catalog_header_explore_all_skill_paths',
-      id: 'explore-all-skill-paths'
-    },
-    children: /*#__PURE__*/_jsx(DietCardGrid, {
-      children: globalHeaderDynamicData?.catalogDropdown.skillPaths.promotedSkillPaths.map(path => {
-        return /*#__PURE__*/_jsx(AppHeaderDietCard, {
-          title: path.title,
-          hours: path.durationHours,
-          icon: /*#__PURE__*/_jsx(LevelIcon, {}),
-          difficulty: path.difficulty,
-          href: path.urlPath,
-          trackingTarget: `skill_${path.title}`
-        }, `${path.title}-card`);
-      })
-    })
-  });
+const SkillPathsPanel = () => {
+	const { globalHeaderDynamicData } = useGlobalHeaderDynamicDataContext();
+	const totalSkillPathCount = globalHeaderDynamicData?.catalogDropdown.skillPaths.totalSkillPathCount;
+	return /* @__PURE__ */ jsx(PanelLayout, {
+		heading: "Skill paths",
+		description: "Build in demand skills fast with a short, curated path. Each one includes interactive content to help you learn and apply your new skill in just a few months.",
+		linkItem: {
+			type: "link",
+			href: "/catalog?type=skill-path",
+			text: `Explore all${totalSkillPathCount ? ` ${totalSkillPathCount}` : ""} skill paths`,
+			trackingTarget: "topnav_catalog_header_explore_all_skill_paths",
+			id: "explore-all-skill-paths"
+		},
+		children: /* @__PURE__ */ jsx(DietCardGrid, { children: globalHeaderDynamicData?.catalogDropdown.skillPaths.promotedSkillPaths.map((path) => {
+			return /* @__PURE__ */ jsx(AppHeaderDietCard, {
+				title: path.title,
+				hours: path.durationHours,
+				icon: /* @__PURE__ */ jsx(LevelIcon, {}),
+				difficulty: path.difficulty,
+				href: path.urlPath,
+				trackingTarget: `skill_${path.title}`
+			}, `${path.title}-card`);
+		}) })
+	});
 };
-const Image = Box.withComponent('img', {
-  target: "eqfnvo2",
-  label: "Image"
-});
-const GrayscaleToColorHoverLink = /*#__PURE__*/_styled(Anchor, {
-  target: "eqfnvo1",
-  label: "GrayscaleToColorHoverLink"
-})("border:1px solid ", ({
-  theme
-}) => theme.colors['border-tertiary'], ";border-radius:8px;filter:grayscale(1);transition:filter 0.2s ease-out;img{filter:", ({
-  overrideImgFilters
-}) => overrideImgFilters ? 'contrast(5)' : 'brightness(0.25)', ";transition:filter 0.2s ease-out;}&:hover,&:focus{filter:grayscale(0);border-color:", ({
-  theme
-}) => theme.colors.hyper, ";background-color:", ({
-  theme
-}) => theme.colors['navy-100'], ";img{filter:brightness(1);}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL05hdlBhbmVscy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBME1FIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL05hdlBhbmVscy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCwgQ2FyZCwgRmxleEJveCwgR3JpZEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IExldmVsSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQ291cnNlRGlmZmljdWx0eSB9IGZyb20gJy4uLy4uLy4uL0NvbnRlbnRHcm91cEJhc2VDYXJkL3R5cGVzJztcbmltcG9ydCB7XG4gIHVzZUdsb2JhbEhlYWRlckR5bmFtaWNEYXRhQ29udGV4dCxcbiAgdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrLFxufSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXIvY29udGV4dCc7XG5pbXBvcnQgeyBsaXZlTGVhcm5pbmdOYXZQYW5lbEl0ZW1zIH0gZnJvbSAnLi4vLi4vLi4vbGliL2NhdGFsb2dMaXN0JztcbmltcG9ydCB7IEFwcEhlYWRlckRpZXRDYXJkIH0gZnJvbSAnLi4vQXBwSGVhZGVyRGlldENhcmQnO1xuaW1wb3J0IHsgdXNlQXBwSGVhZGVyRHJvcGRvd25Db250ZXh0IH0gZnJvbSAnLi4vQXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlcic7XG5pbXBvcnQgeyB1c2VBcHBIZWFkZXJTZWN0aW9uQ29udGV4dCB9IGZyb20gJy4uL0FwcEhlYWRlclNlY3Rpb24vQXBwSGVhZGVyU2VjdGlvbkNvbnRleHQnO1xuaW1wb3J0IHsgUGFuZWxMYXlvdXQgfSBmcm9tICcuLi9BcHBIZWFkZXJTZWN0aW9uL1BhbmVsTGF5b3V0JztcbmltcG9ydCB7IFNraWxsVGlsZSB9IGZyb20gJy4uL0FwcEhlYWRlclNraWxsVGlsZSc7XG5pbXBvcnQge1xuICBDRVJUSUZJQ0FUSU9OX1BST1ZJREVSUyxcbiAgcG9wdWxhckxhbmd1YWdlcyxcbiAgcG9wdWxhclN1YmplY3RzLFxufSBmcm9tICcuL2NvbnN0cyc7XG5cbmV4cG9ydCBjb25zdCBDb3Vyc2VUb3BpY3NQYW5lbCA9ICgpID0+IHtcbiAgY29uc3QgeyBnbG9iYWxIZWFkZXJJdGVtQ2xpY2sgfSA9IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljaygpO1xuICBjb25zdCB7IHRhYkluZGV4IH0gPSB1c2VBcHBIZWFkZXJTZWN0aW9uQ29udGV4dCgpO1xuXG4gIGNvbnN0IGRlc2NyaXB0aW9uID0gKFxuICAgIDw+XG4gICAgICBFeHBsb3JlIGZyZWUgb3IgcGFpZCBjb3Vyc2VzIGluIGEgd2lkZSB2YXJpZXR5IG9mIHRvcGljcy4gV2l0aCBzb21ldGhpbmdcbiAgICAgIGZvciBldmVyeSBza2lsbCBsZXZlbCwgaXQmYXBvcztzIGVhc3kgdG8gZmluZCBhIGNvdXJzZSB0aGF0IGZpdHMgeW91clxuICAgICAgZ29hbHMuIE5vdCBzdXJlIHdoZXJlIHRvIHN0YXJ0PyAmbmJzcDtcbiAgICAgIDxBbmNob3JcbiAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICBocmVmPVwiL3dlbGNvbWUvZmluZC1hLWNvdXJzZVwiXG4gICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+XG4gICAgICAgICAgZ2xvYmFsSGVhZGVySXRlbUNsaWNrKGV2ZW50LCB7XG4gICAgICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgICAgICBocmVmOiAnL3dlbGNvbWUvZmluZC1hLWNvdXJzZScsXG4gICAgICAgICAgICB0ZXh0OiAnVGFrZSB0aGUgcXVpeicsXG4gICAgICAgICAgICBpZDogJ3Rha2UtdGhlLXF1aXonLFxuICAgICAgICAgIH0pXG4gICAgICAgIH1cbiAgICAgID5cbiAgICAgICAgVGFrZSB0aGUgcXVpelxuICAgICAgPC9BbmNob3I+XG4gICAgPC8+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8UGFuZWxMYXlvdXRcbiAgICAgIGhlYWRpbmc9XCJDb3Vyc2UgdG9waWNzXCJcbiAgICAgIGRlc2NyaXB0aW9uPXtkZXNjcmlwdGlvbn1cbiAgICAgIGxpbmtJdGVtPXt7XG4gICAgICAgIHR5cGU6ICdsaW5rJyxcbiAgICAgICAgaHJlZjogJy9jYXRhbG9nJyxcbiAgICAgICAgdGV4dDogJ0V4cGxvcmUgdGhlIGZ1bGwgY2F0YWxvZycsXG4gICAgICAgIHRyYWNraW5nVGFyZ2V0OiAndG9wbmF2X2NhdGFsb2cnLFxuICAgICAgICBpZDogJ2V4cGxvcmUtYWxsLWNvdXJzZXMnLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8VGV4dCB2YXJpYW50PVwicC1sYXJnZVwiIGZvbnRXZWlnaHQ9ezcwMH0gYXM9XCJoM1wiPlxuICAgICAgICBQb3B1bGFyIGxhbmd1YWdlc1xuICAgICAgPC9UZXh0PlxuICAgICAgPEdyaWRCb3hcbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17eyBfOiAnMWZyJywgeHM6ICcxZnIgMWZyJywgbWQ6ICcxZnIgMWZyIDFmcicgfX1cbiAgICAgICAgZ2FwPXs4fVxuICAgICAgICBwbD17MH1cbiAgICAgICAgYXM9XCJ1bFwiXG4gICAgICAgIGxpc3RTdHlsZT1cIm5vbmVcIlxuICAgICAgICBtYj17MjR9XG4gICAgICA+XG4gICAgICAgIHtwb3B1bGFyTGFuZ3VhZ2VzLm1hcCgoaXRlbSkgPT4gKFxuICAgICAgICAgIDxsaSBrZXk9e2l0ZW0uaWR9PlxuICAgICAgICAgICAgPFNraWxsVGlsZSBpdGVtPXtpdGVtfSAvPlxuICAgICAgICAgIDwvbGk+XG4gICAgICAgICkpfVxuICAgICAgPC9HcmlkQm94PlxuXG4gICAgICA8VGV4dCB2YXJpYW50PVwicC1sYXJnZVwiIGZvbnRXZWlnaHQ9ezcwMH0gYXM9XCJoM1wiPlxuICAgICAgICBQb3B1bGFyIHN1YmplY3RzXG4gICAgICA8L1RleHQ+XG4gICAgICA8R3JpZEJveFxuICAgICAgICBncmlkVGVtcGxhdGVDb2x1bW5zPXt7IF86ICcxZnInLCB4czogJzFmciAxZnInLCBtZDogJzFmciAxZnIgMWZyJyB9fVxuICAgICAgICBnYXA9ezh9XG4gICAgICAgIHBsPXswfVxuICAgICAgICBhcz1cInVsXCJcbiAgICAgICAgbGlzdFN0eWxlPVwibm9uZVwiXG4gICAgICA+XG4gICAgICAgIHtwb3B1bGFyU3ViamVjdHMubWFwKChpdGVtKSA9PiAoXG4gICAgICAgICAgPGxpIGtleT17aXRlbS5pZH0+XG4gICAgICAgICAgICA8U2tpbGxUaWxlIGl0ZW09e2l0ZW19IC8+XG4gICAgICAgICAgPC9saT5cbiAgICAgICAgKSl9XG4gICAgICA8L0dyaWRCb3g+XG4gICAgPC9QYW5lbExheW91dD5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBEaWV0Q2FyZEdyaWQgPSAoeyBjaGlsZHJlbiB9OiB7IGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkQm94XG4gICAgICBhcz1cInVsXCJcbiAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM9e3tcbiAgICAgICAgXzogJzFmcicsXG4gICAgICAgIHNtOiAncmVwZWF0KDIsIG1pbm1heCgwLCAxZnIpKScsXG4gICAgICAgIG1kOiAncmVwZWF0KDMsIG1pbm1heCgwLCAxZnIpKScsXG4gICAgICB9fVxuICAgICAgZ2FwPXsxNn1cbiAgICAgIG09ezB9XG4gICAgICBwPXswfVxuICAgICAgbGlzdFN0eWxlVHlwZT1cIm5vbmVcIlxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0dyaWRCb3g+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgQ2FyZWVyUGF0aHNQYW5lbCA9ICgpID0+IHtcbiAgY29uc3QgeyBnbG9iYWxIZWFkZXJEeW5hbWljRGF0YSB9ID0gdXNlR2xvYmFsSGVhZGVyRHluYW1pY0RhdGFDb250ZXh0KCk7XG4gIGNvbnN0IHRvdGFsQ2FyZWVyUGF0aENvdW50ID1cbiAgICBnbG9iYWxIZWFkZXJEeW5hbWljRGF0YT8uY2F0YWxvZ0Ryb3Bkb3duLmNhcmVlclBhdGhzLnRvdGFsQ2FyZWVyUGF0aENvdW50O1xuICBjb25zdCBsaW5rVGV4dCA9IGBFeHBsb3JlIGFsbCR7XG4gICAgdG90YWxDYXJlZXJQYXRoQ291bnQgPyBgICR7dG90YWxDYXJlZXJQYXRoQ291bnR9YCA6ICcnXG4gIH0gY2FyZWVyIHBhdGhzYDtcblxuICByZXR1cm4gKFxuICAgIDxQYW5lbExheW91dFxuICAgICAgaGVhZGluZz1cIkNhcmVlciBwYXRoc1wiXG4gICAgICBkZXNjcmlwdGlvbj1cIkNob29zZSB5b3VyIGNhcmVlciBhbmQgd2UnbGwgdGVhY2ggeW91IHRoZSBza2lsbHMgdG8gZ2V0IGpvYi1yZWFkeS4gRWFjaCBDYXJlZXIgUGF0aCBjb250YWlucyBhIGN1cmF0ZWQgbGlzdCBvZiBsZXNzb25zLCBxdWl6emVzLCB2aWRlb3MsIGFuZCBwcm9qZWN0cyB0byBoZWxwIHlvdSBsZWFybiBhbmQgcHJhY3RpY2UgcmVhbC13b3JsZCBza2lsbHMuXCJcbiAgICAgIGxpbmtJdGVtPXt7XG4gICAgICAgIHR5cGU6ICdsaW5rJyxcbiAgICAgICAgaHJlZjogJy9jYXRhbG9nP3R5cGU9Y2FyZWVyLXBhdGgnLFxuICAgICAgICB0ZXh0OiBsaW5rVGV4dCxcbiAgICAgICAgdHJhY2tpbmdUYXJnZXQ6ICd0b3BuYXZfY2F0YWxvZ19oZWFkZXJfZXhwbG9yZV9hbGxfY2FyZWVyX3BhdGhzJyxcbiAgICAgICAgaWQ6ICdleHBsb3JlLWFsbC1jYXJlZXItcGF0aHMnLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8RGlldENhcmRHcmlkPlxuICAgICAgICB7Z2xvYmFsSGVhZGVyRHluYW1pY0RhdGE/LmNhdGFsb2dEcm9wZG93bi5jYXJlZXJQYXRocy5wcm9tb3RlZENhcmVlclBhdGhzLm1hcChcbiAgICAgICAgICAocGF0aCkgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgPEFwcEhlYWRlckRpZXRDYXJkXG4gICAgICAgICAgICAgICAga2V5PXtgJHtwYXRoLnRpdGxlfS1jYXJkYH1cbiAgICAgICAgICAgICAgICB0aXRsZT17cGF0aC50aXRsZX1cbiAgICAgICAgICAgICAgICBob3Vycz17cGF0aC5kdXJhdGlvbkhvdXJzfVxuICAgICAgICAgICAgICAgIGljb249ezxMZXZlbEljb24gLz59XG4gICAgICAgICAgICAgICAgZGlmZmljdWx0eT17cGF0aC5kaWZmaWN1bHR5IGFzIENvdXJzZURpZmZpY3VsdHl9XG4gICAgICAgICAgICAgICAgaHJlZj17cGF0aC51cmxQYXRofVxuICAgICAgICAgICAgICAgIHRyYWNraW5nVGFyZ2V0PXtgY2FyZWVycGF0aF8ke3BhdGgudGl0bGV9YH1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfVxuICAgICAgICApfVxuICAgICAgPC9EaWV0Q2FyZEdyaWQ+XG4gICAgPC9QYW5lbExheW91dD5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBTa2lsbFBhdGhzUGFuZWwgPSAoKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVyRHluYW1pY0RhdGEgfSA9IHVzZUdsb2JhbEhlYWRlckR5bmFtaWNEYXRhQ29udGV4dCgpO1xuICBjb25zdCB0b3RhbFNraWxsUGF0aENvdW50ID1cbiAgICBnbG9iYWxIZWFkZXJEeW5hbWljRGF0YT8uY2F0YWxvZ0Ryb3Bkb3duLnNraWxsUGF0aHMudG90YWxTa2lsbFBhdGhDb3VudDtcbiAgY29uc3QgbGlua1RleHQgPSBgRXhwbG9yZSBhbGwke1xuICAgIHRvdGFsU2tpbGxQYXRoQ291bnQgPyBgICR7dG90YWxTa2lsbFBhdGhDb3VudH1gIDogJydcbiAgfSBza2lsbCBwYXRoc2A7XG5cbiAgcmV0dXJuIChcbiAgICA8UGFuZWxMYXlvdXRcbiAgICAgIGhlYWRpbmc9XCJTa2lsbCBwYXRoc1wiXG4gICAgICBkZXNjcmlwdGlvbj1cIkJ1aWxkIGluIGRlbWFuZCBza2lsbHMgZmFzdCB3aXRoIGEgc2hvcnQsIGN1cmF0ZWQgcGF0aC4gRWFjaCBvbmUgaW5jbHVkZXMgaW50ZXJhY3RpdmUgY29udGVudCB0byBoZWxwIHlvdSBsZWFybiBhbmQgYXBwbHkgeW91ciBuZXcgc2tpbGwgaW4ganVzdCBhIGZldyBtb250aHMuXCJcbiAgICAgIGxpbmtJdGVtPXt7XG4gICAgICAgIHR5cGU6ICdsaW5rJyxcbiAgICAgICAgaHJlZjogJy9jYXRhbG9nP3R5cGU9c2tpbGwtcGF0aCcsXG4gICAgICAgIHRleHQ6IGxpbmtUZXh0LFxuICAgICAgICB0cmFja2luZ1RhcmdldDogJ3RvcG5hdl9jYXRhbG9nX2hlYWRlcl9leHBsb3JlX2FsbF9za2lsbF9wYXRocycsXG4gICAgICAgIGlkOiAnZXhwbG9yZS1hbGwtc2tpbGwtcGF0aHMnLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8RGlldENhcmRHcmlkPlxuICAgICAgICB7Z2xvYmFsSGVhZGVyRHluYW1pY0RhdGE/LmNhdGFsb2dEcm9wZG93bi5za2lsbFBhdGhzLnByb21vdGVkU2tpbGxQYXRocy5tYXAoXG4gICAgICAgICAgKHBhdGgpID0+IHtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxBcHBIZWFkZXJEaWV0Q2FyZFxuICAgICAgICAgICAgICAgIGtleT17YCR7cGF0aC50aXRsZX0tY2FyZGB9XG4gICAgICAgICAgICAgICAgdGl0bGU9e3BhdGgudGl0bGV9XG4gICAgICAgICAgICAgICAgaG91cnM9e3BhdGguZHVyYXRpb25Ib3Vyc31cbiAgICAgICAgICAgICAgICBpY29uPXs8TGV2ZWxJY29uIC8+fVxuICAgICAgICAgICAgICAgIGRpZmZpY3VsdHk9e3BhdGguZGlmZmljdWx0eSBhcyBDb3Vyc2VEaWZmaWN1bHR5fVxuICAgICAgICAgICAgICAgIGhyZWY9e3BhdGgudXJsUGF0aH1cbiAgICAgICAgICAgICAgICB0cmFja2luZ1RhcmdldD17YHNraWxsXyR7cGF0aC50aXRsZX1gfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9XG4gICAgICAgICl9XG4gICAgICA8L0RpZXRDYXJkR3JpZD5cbiAgICA8L1BhbmVsTGF5b3V0PlxuICApO1xufTtcblxuY29uc3QgSW1hZ2UgPSBCb3gud2l0aENvbXBvbmVudCgnaW1nJyk7XG5cbmNvbnN0IEdyYXlzY2FsZVRvQ29sb3JIb3ZlckxpbmsgPSBzdHlsZWQoQW5jaG9yKTx7XG4gIG92ZXJyaWRlSW1nRmlsdGVycz86IGJvb2xlYW47XG59PmBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JvcmRlci10ZXJ0aWFyeSddfTtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBmaWx0ZXI6IGdyYXlzY2FsZSgxKTtcbiAgdHJhbnNpdGlvbjogZmlsdGVyIDAuMnMgZWFzZS1vdXQ7XG4gIGltZyB7XG4gICAgZmlsdGVyOiAkeyh7IG92ZXJyaWRlSW1nRmlsdGVycyB9KSA9PlxuICAgICAgb3ZlcnJpZGVJbWdGaWx0ZXJzID8gJ2NvbnRyYXN0KDUpJyA6ICdicmlnaHRuZXNzKDAuMjUpJ307XG4gICAgdHJhbnNpdGlvbjogZmlsdGVyIDAuMnMgZWFzZS1vdXQ7XG4gIH1cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgZmlsdGVyOiBncmF5c2NhbGUoMCk7XG4gICAgaW1nIHtcbiAgICAgIGZpbHRlcjogYnJpZ2h0bmVzcygxKTtcbiAgICB9XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5oeXBlcn07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICB9XG5gO1xuXG5jb25zdCBQcm92aWRlclRpbGUgPSAoe1xuICBuYW1lLFxuICBocmVmLFxuICBpbWdTcmMsXG4gIHRhYkluZGV4LFxufToge1xuICBuYW1lOiBzdHJpbmc7XG4gIGhyZWY6IHN0cmluZztcbiAgaW1nU3JjOiBzdHJpbmc7XG4gIHRhYkluZGV4OiBudW1iZXI7XG59KSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcbiAgY29uc3QgeyBoYW5kbGVDbG9zZSB9ID0gdXNlQXBwSGVhZGVyRHJvcGRvd25Db250ZXh0KCk7XG5cbiAgY29uc3QgbG93ZXJjYXNlZFByb3ZpZGVyTmFtZSA9IG5hbWUudG9Mb3dlckNhc2UoKTtcblxuICByZXR1cm4gKFxuICAgIDxHcmF5c2NhbGVUb0NvbG9ySG92ZXJMaW5rXG4gICAgICBocmVmPXtocmVmfVxuICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICBrZXk9e25hbWV9XG4gICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgaGVpZ2h0PXs0OH1cbiAgICAgIHA9ezh9XG4gICAgICBkaXNwbGF5PVwiYmxvY2tcIlxuICAgICAgb25DbGljaz17KGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxBbmNob3JFbGVtZW50LCBNb3VzZUV2ZW50PikgPT4ge1xuICAgICAgICBnbG9iYWxIZWFkZXJJdGVtQ2xpY2soZXZlbnQsIHtcbiAgICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgICAgaWQ6IGB0b3BuYXZfY2F0YWxvZ19jZXJ0XyR7bG93ZXJjYXNlZFByb3ZpZGVyTmFtZX1gLFxuICAgICAgICAgIGhyZWYsXG4gICAgICAgICAgdGV4dDogbmFtZSxcbiAgICAgICAgICB0cmFja2luZ1RhcmdldDogYHRvcG5hdl9jYXRhbG9nX2NlcnRfJHtsb3dlcmNhc2VkUHJvdmlkZXJOYW1lfWAsXG4gICAgICAgIH0pO1xuICAgICAgICBoYW5kbGVDbG9zZSgpO1xuICAgICAgfX1cbiAgICAgIG92ZXJyaWRlSW1nRmlsdGVycz17bmFtZS50b0xvd2VyQ2FzZSgpID09PSAna3ViZXJuZXRlcyd9XG4gICAgPlxuICAgICAgPEltYWdlIHNyYz17aW1nU3JjfSBhbHQ9e25hbWV9IGRpc3BsYXk9XCJibG9ja1wiIG09XCJhdXRvXCIgLz5cbiAgICA8L0dyYXlzY2FsZVRvQ29sb3JIb3Zlckxpbms+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgQ2VydGlmaWNhdGlvblBhdGhzUGFuZWwgPSAoKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVyRHluYW1pY0RhdGEgfSA9IHVzZUdsb2JhbEhlYWRlckR5bmFtaWNEYXRhQ29udGV4dCgpO1xuICBjb25zdCB7IHRhYkluZGV4IH0gPSB1c2VBcHBIZWFkZXJTZWN0aW9uQ29udGV4dCgpO1xuICBjb25zdCB0b3RhbENlcnRpZmljYXRpb25QYXRoQ291bnQgPVxuICAgIGdsb2JhbEhlYWRlckR5bmFtaWNEYXRhPy5jYXRhbG9nRHJvcGRvd24uY2VydGlmaWNhdGlvblBhdGhzXG4gICAgICAudG90YWxDZXJ0aWZpY2F0aW9uUGF0aENvdW50O1xuICBjb25zdCBsaW5rVGV4dCA9IGBFeHBsb3JlIGFsbCR7XG4gICAgdG90YWxDZXJ0aWZpY2F0aW9uUGF0aENvdW50ID8gYCAke3RvdGFsQ2VydGlmaWNhdGlvblBhdGhDb3VudH1gIDogJydcbiAgfSBjZXJ0aWZpY2F0aW9uIHBhdGhzYDtcblxuICByZXR1cm4gKFxuICAgIDxQYW5lbExheW91dFxuICAgICAgaGVhZGluZz1cIkNlcnRpZmljYXRpb24gcGF0aHNcIlxuICAgICAgZGVzY3JpcHRpb249XCJQcmVwYXJlIGZvciB0b3AgaW5kdXN0cnkgY2VydGlmaWNhdGlvbnMgd2l0aCBhIGd1aWRlZCBwYXRoLiBFYWNoIG9uZSBpbmNsdWRlcyBleHBlcnQtcmV2aWV3ZWQgbGVzc29ucywgaGFuZHMtb24gcHJvamVjdHMsIGFuZCBwcmFjdGljZSB0ZXN0cyB0byBoZWxwIHlvdSBwYXNzIHRoZSBleGFtLlwiXG4gICAgICBsaW5rSXRlbT17e1xuICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgIGhyZWY6ICcvY2F0YWxvZy9jZXJ0aWZpY2F0aW9uLXByZXAnLFxuICAgICAgICB0ZXh0OiBsaW5rVGV4dCxcbiAgICAgICAgdHJhY2tpbmdUYXJnZXQ6ICd0b3BuYXZfY2F0YWxvZ19oZWFkZXJfZXhwbG9yZV9hbGxfY2VydGlmaWNhdGlvbl9wYXRocycsXG4gICAgICAgIGlkOiAnZXhwbG9yZS1hbGwtY2VydGlmaWNhdGlvbi1wYXRocycsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxUZXh0IGFzPVwiaDNcIiBmb250U2l6ZT17MTh9IGZvbnRXZWlnaHQ9XCJib2xkXCI+XG4gICAgICAgIFByb3ZpZGVyc1xuICAgICAgPC9UZXh0PlxuICAgICAgPEdyaWRCb3hcbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17e1xuICAgICAgICAgIF86ICcxZnInLFxuICAgICAgICAgIHhzOiAncmVwZWF0KDIsIDFmciknLFxuICAgICAgICAgIHNtOiAncmVwZWF0KDMsIDFmciknLFxuICAgICAgICAgIG1kOiAncmVwZWF0KDQsIDFmciknLFxuICAgICAgICB9fVxuICAgICAgICBnYXA9ezE2fVxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBhcz1cInVsXCJcbiAgICAgICAgbGlzdFN0eWxlPVwibm9uZVwiXG4gICAgICAgIHA9ezB9XG4gICAgICAgIG09ezB9XG4gICAgICA+XG4gICAgICAgIHtDRVJUSUZJQ0FUSU9OX1BST1ZJREVSUy5tYXAoKHsgbmFtZSwgbG9nb1VybCwgaHViVHlwZSB9KSA9PiAoXG4gICAgICAgICAgPEJveCBhcz1cImxpXCIga2V5PXtuYW1lfSB3aWR0aD1cIjEwMCVcIj5cbiAgICAgICAgICAgIDxQcm92aWRlclRpbGVcbiAgICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgICAgaHJlZj17XG4gICAgICAgICAgICAgICAgaHViVHlwZSA9PT0gJ3N1Ymh1YidcbiAgICAgICAgICAgICAgICAgID8gYC9zZWFyY2g/cXVlcnk9JHtuYW1lfSBjZXJ0aWZpY2F0aW9uc2BcbiAgICAgICAgICAgICAgICAgIDogYC9jYXRhbG9nL2NlcnRpZmljYXRpb24tcHJlcD9wcm92aWRlcj0ke25hbWUudG9Mb3dlckNhc2UoKX1gXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgaW1nU3JjPXtsb2dvVXJsfVxuICAgICAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApKX1cbiAgICAgIDwvR3JpZEJveD5cbiAgICA8L1BhbmVsTGF5b3V0PlxuICApO1xufTtcblxuY29uc3QgTGl2ZUxlYXJuaW5nSW1hZ2UgPSBzdHlsZWQuaW1nYFxuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgd2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgTGl2ZUxlYXJuaW5nUGFuZWwgPSAoKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcbiAgY29uc3QgeyBpc0NvYWNoaW5nRW5hYmxlZCwgdGFiSW5kZXggfSA9IHVzZUFwcEhlYWRlclNlY3Rpb25Db250ZXh0KCk7XG4gIGNvbnN0IGdldEltYWdlVXJsID0gKGlkOiBzdHJpbmcpID0+XG4gICAgYGh0dHBzOi8vc3RhdGljLWFzc2V0cy5jb2RlY2FkZW15LmNvbS9hc3NldHMvY29tcG9uZW50cy9jYXJkcy9nbG9iYWwtaGVhZGVyL2xpdmUtbGVhcm5pbmcvdjEvJHtpZH0ud2VicGA7XG4gIGNvbnN0IHsgaGFuZGxlQ2xvc2UgfSA9IHVzZUFwcEhlYWRlckRyb3Bkb3duQ29udGV4dCgpO1xuXG4gIGNvbnN0IGxpdmVMZWFybmluZ0l0ZW1zID0gbGl2ZUxlYXJuaW5nTmF2UGFuZWxJdGVtcyhpc0NvYWNoaW5nRW5hYmxlZCk7XG5cbiAgcmV0dXJuIChcbiAgICA8UGFuZWxMYXlvdXRcbiAgICAgIGhlYWRpbmc9XCJMaXZlIGxlYXJuaW5nXCJcbiAgICAgIGRlc2NyaXB0aW9uPXtsaXZlTGVhcm5pbmdJdGVtcy5kZXNjcmlwdGlvbn1cbiAgICA+XG4gICAgICA8R3JpZEJveFxuICAgICAgICBncmlkVGVtcGxhdGVDb2x1bW5zPXt7IF86ICcxZnInLCBtZDogJ3JlcGVhdCgyLCAxZnIpJyB9fVxuICAgICAgICBnYXA9ezE2fVxuICAgICAgPlxuICAgICAgICB7bGl2ZUxlYXJuaW5nSXRlbXMuZGF0YS5tYXAoKGl0ZW0pID0+IChcbiAgICAgICAgICA8QW5jaG9yXG4gICAgICAgICAgICBocmVmPXtpdGVtLmhyZWZ9XG4gICAgICAgICAgICBrZXk9e2l0ZW0uaWR9XG4gICAgICAgICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgICAgICAgIG9uQ2xpY2s9eyhcbiAgICAgICAgICAgICAgZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEFuY2hvckVsZW1lbnQsIE1vdXNlRXZlbnQ+XG4gICAgICAgICAgICApID0+IHtcbiAgICAgICAgICAgICAgZ2xvYmFsSGVhZGVySXRlbUNsaWNrKGV2ZW50LCBpdGVtKTtcbiAgICAgICAgICAgICAgaGFuZGxlQ2xvc2UoKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPENhcmRcbiAgICAgICAgICAgICAga2V5PXtpdGVtLmlkfVxuICAgICAgICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgICAgICAgIGJvcmRlcj17MX1cbiAgICAgICAgICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItdGVydGlhcnlcIlxuICAgICAgICAgICAgICBib3JkZXJSYWRpdXM9XCJsZ1wiXG4gICAgICAgICAgICAgIGlzSW50ZXJhY3RpdmVcbiAgICAgICAgICAgICAgcD17MH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPExpdmVMZWFybmluZ0ltYWdlXG4gICAgICAgICAgICAgICAgc3JjPXtnZXRJbWFnZVVybChpdGVtLmlkKX1cbiAgICAgICAgICAgICAgICBhbHQ9XCJcIlxuICAgICAgICAgICAgICAgIGxvYWRpbmc9XCJsYXp5XCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17OH0gcD17MTZ9PlxuICAgICAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJ0aXRsZS14c1wiPntpdGVtLnRleHR9PC9UZXh0PlxuICAgICAgICAgICAgICAgIHsnZGVzY3JpcHRpb24nIGluIGl0ZW0gJiYgPFRleHQ+e2l0ZW0uZGVzY3JpcHRpb259PC9UZXh0Pn1cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgPC9DYXJkPlxuICAgICAgICAgIDwvQW5jaG9yPlxuICAgICAgICApKX1cbiAgICAgIDwvR3JpZEJveD5cbiAgICA8L1BhbmVsTGF5b3V0PlxuICApO1xufTtcbiJdfQ== */"));
-const ProviderTile = ({
-  name,
-  href,
-  imgSrc,
-  tabIndex
-}) => {
-  const {
-    globalHeaderItemClick
-  } = useGlobalHeaderItemClick();
-  const {
-    handleClose
-  } = useAppHeaderDropdownContext();
-  const lowercasedProviderName = name.toLowerCase();
-  return /*#__PURE__*/_jsx(GrayscaleToColorHoverLink, {
-    href: href,
-    variant: "interface",
-    tabIndex: tabIndex,
-    width: "100%",
-    height: 48,
-    p: 8,
-    display: "block",
-    onClick: event => {
-      globalHeaderItemClick(event, {
-        type: 'link',
-        id: `topnav_catalog_cert_${lowercasedProviderName}`,
-        href,
-        text: name,
-        trackingTarget: `topnav_catalog_cert_${lowercasedProviderName}`
-      });
-      handleClose();
-    },
-    overrideImgFilters: name.toLowerCase() === 'kubernetes',
-    children: /*#__PURE__*/_jsx(Image, {
-      src: imgSrc,
-      alt: name,
-      display: "block",
-      m: "auto"
-    })
-  }, name);
+const Image = Box.withComponent("img");
+const GrayscaleToColorHoverLink = styled(Anchor)`
+  border: 1px solid ${({ theme }) => theme.colors["border-tertiary"]};
+  border-radius: 8px;
+  filter: grayscale(1);
+  transition: filter 0.2s ease-out;
+  img {
+    filter: ${({ overrideImgFilters }) => overrideImgFilters ? "contrast(5)" : "brightness(0.25)"};
+    transition: filter 0.2s ease-out;
+  }
+  &:hover,
+  &:focus {
+    filter: grayscale(0);
+    img {
+      filter: brightness(1);
+    }
+    border-color: ${({ theme }) => theme.colors.hyper};
+    background-color: ${({ theme }) => theme.colors["navy-100"]};
+  }
+`;
+const ProviderTile = ({ name, href, imgSrc, tabIndex }) => {
+	const { globalHeaderItemClick } = useGlobalHeaderItemClick();
+	const { handleClose } = useAppHeaderDropdownContext();
+	const lowercasedProviderName = name.toLowerCase();
+	return /* @__PURE__ */ jsx(GrayscaleToColorHoverLink, {
+		href,
+		variant: "interface",
+		tabIndex,
+		width: "100%",
+		height: 48,
+		p: 8,
+		display: "block",
+		onClick: (event) => {
+			globalHeaderItemClick(event, {
+				type: "link",
+				id: `topnav_catalog_cert_${lowercasedProviderName}`,
+				href,
+				text: name,
+				trackingTarget: `topnav_catalog_cert_${lowercasedProviderName}`
+			});
+			handleClose();
+		},
+		overrideImgFilters: name.toLowerCase() === "kubernetes",
+		children: /* @__PURE__ */ jsx(Image, {
+			src: imgSrc,
+			alt: name,
+			display: "block",
+			m: "auto"
+		})
+	}, name);
 };
-export const CertificationPathsPanel = () => {
-  const {
-    globalHeaderDynamicData
-  } = useGlobalHeaderDynamicDataContext();
-  const {
-    tabIndex
-  } = useAppHeaderSectionContext();
-  const totalCertificationPathCount = globalHeaderDynamicData?.catalogDropdown.certificationPaths.totalCertificationPathCount;
-  const linkText = `Explore all${totalCertificationPathCount ? ` ${totalCertificationPathCount}` : ''} certification paths`;
-  return /*#__PURE__*/_jsxs(PanelLayout, {
-    heading: "Certification paths",
-    description: "Prepare for top industry certifications with a guided path. Each one includes expert-reviewed lessons, hands-on projects, and practice tests to help you pass the exam.",
-    linkItem: {
-      type: 'link',
-      href: '/catalog/certification-prep',
-      text: linkText,
-      trackingTarget: 'topnav_catalog_header_explore_all_certification_paths',
-      id: 'explore-all-certification-paths'
-    },
-    children: [/*#__PURE__*/_jsx(Text, {
-      as: "h3",
-      fontSize: 18,
-      fontWeight: "bold",
-      children: "Providers"
-    }), /*#__PURE__*/_jsx(GridBox, {
-      gridTemplateColumns: {
-        _: '1fr',
-        xs: 'repeat(2, 1fr)',
-        sm: 'repeat(3, 1fr)',
-        md: 'repeat(4, 1fr)'
-      },
-      gap: 16,
-      width: "100%",
-      as: "ul",
-      listStyle: "none",
-      p: 0,
-      m: 0,
-      children: CERTIFICATION_PROVIDERS.map(({
-        name,
-        logoUrl,
-        hubType
-      }) => /*#__PURE__*/_jsx(Box, {
-        as: "li",
-        width: "100%",
-        children: /*#__PURE__*/_jsx(ProviderTile, {
-          name: name,
-          href: hubType === 'subhub' ? `/search?query=${name} certifications` : `/catalog/certification-prep?provider=${name.toLowerCase()}`,
-          imgSrc: logoUrl,
-          tabIndex: tabIndex
-        })
-      }, name))
-    })]
-  });
+const CertificationPathsPanel = () => {
+	const { globalHeaderDynamicData } = useGlobalHeaderDynamicDataContext();
+	const { tabIndex } = useAppHeaderSectionContext();
+	const totalCertificationPathCount = globalHeaderDynamicData?.catalogDropdown.certificationPaths.totalCertificationPathCount;
+	return /* @__PURE__ */ jsxs(PanelLayout, {
+		heading: "Certification paths",
+		description: "Prepare for top industry certifications with a guided path. Each one includes expert-reviewed lessons, hands-on projects, and practice tests to help you pass the exam.",
+		linkItem: {
+			type: "link",
+			href: "/catalog/certification-prep",
+			text: `Explore all${totalCertificationPathCount ? ` ${totalCertificationPathCount}` : ""} certification paths`,
+			trackingTarget: "topnav_catalog_header_explore_all_certification_paths",
+			id: "explore-all-certification-paths"
+		},
+		children: [/* @__PURE__ */ jsx(Text, {
+			as: "h3",
+			fontSize: 18,
+			fontWeight: "bold",
+			children: "Providers"
+		}), /* @__PURE__ */ jsx(GridBox, {
+			gridTemplateColumns: {
+				_: "1fr",
+				xs: "repeat(2, 1fr)",
+				sm: "repeat(3, 1fr)",
+				md: "repeat(4, 1fr)"
+			},
+			gap: 16,
+			width: "100%",
+			as: "ul",
+			listStyle: "none",
+			p: 0,
+			m: 0,
+			children: CERTIFICATION_PROVIDERS.map(({ name, logoUrl, hubType }) => /* @__PURE__ */ jsx(Box, {
+				as: "li",
+				width: "100%",
+				children: /* @__PURE__ */ jsx(ProviderTile, {
+					name,
+					href: hubType === "subhub" ? `/search?query=${name} certifications` : `/catalog/certification-prep?provider=${name.toLowerCase()}`,
+					imgSrc: logoUrl,
+					tabIndex
+				})
+			}, name))
+		})]
+	});
 };
-const LiveLearningImage = /*#__PURE__*/_styled("img", {
-  target: "eqfnvo0",
-  label: "LiveLearningImage"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1okoyo9",
-  styles: "object-fit:cover;width:100%"
-} : {
-  name: "1okoyo9",
-  styles: "object-fit:cover;width:100%/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL05hdlBhbmVscy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb1VvQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dEcm9wZG93bi9OYXZQYW5lbHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCb3gsIENhcmQsIEZsZXhCb3gsIEdyaWRCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBMZXZlbEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IENvdXJzZURpZmZpY3VsdHkgfSBmcm9tICcuLi8uLi8uLi9Db250ZW50R3JvdXBCYXNlQ2FyZC90eXBlcyc7XG5pbXBvcnQge1xuICB1c2VHbG9iYWxIZWFkZXJEeW5hbWljRGF0YUNvbnRleHQsXG4gIHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljayxcbn0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuaW1wb3J0IHsgbGl2ZUxlYXJuaW5nTmF2UGFuZWxJdGVtcyB9IGZyb20gJy4uLy4uLy4uL2xpYi9jYXRhbG9nTGlzdCc7XG5pbXBvcnQgeyBBcHBIZWFkZXJEaWV0Q2FyZCB9IGZyb20gJy4uL0FwcEhlYWRlckRpZXRDYXJkJztcbmltcG9ydCB7IHVzZUFwcEhlYWRlckRyb3Bkb3duQ29udGV4dCB9IGZyb20gJy4uL0FwcEhlYWRlckRyb3Bkb3duUHJvdmlkZXInO1xuaW1wb3J0IHsgdXNlQXBwSGVhZGVyU2VjdGlvbkNvbnRleHQgfSBmcm9tICcuLi9BcHBIZWFkZXJTZWN0aW9uL0FwcEhlYWRlclNlY3Rpb25Db250ZXh0JztcbmltcG9ydCB7IFBhbmVsTGF5b3V0IH0gZnJvbSAnLi4vQXBwSGVhZGVyU2VjdGlvbi9QYW5lbExheW91dCc7XG5pbXBvcnQgeyBTa2lsbFRpbGUgfSBmcm9tICcuLi9BcHBIZWFkZXJTa2lsbFRpbGUnO1xuaW1wb3J0IHtcbiAgQ0VSVElGSUNBVElPTl9QUk9WSURFUlMsXG4gIHBvcHVsYXJMYW5ndWFnZXMsXG4gIHBvcHVsYXJTdWJqZWN0cyxcbn0gZnJvbSAnLi9jb25zdHMnO1xuXG5leHBvcnQgY29uc3QgQ291cnNlVG9waWNzUGFuZWwgPSAoKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcbiAgY29uc3QgeyB0YWJJbmRleCB9ID0gdXNlQXBwSGVhZGVyU2VjdGlvbkNvbnRleHQoKTtcblxuICBjb25zdCBkZXNjcmlwdGlvbiA9IChcbiAgICA8PlxuICAgICAgRXhwbG9yZSBmcmVlIG9yIHBhaWQgY291cnNlcyBpbiBhIHdpZGUgdmFyaWV0eSBvZiB0b3BpY3MuIFdpdGggc29tZXRoaW5nXG4gICAgICBmb3IgZXZlcnkgc2tpbGwgbGV2ZWwsIGl0JmFwb3M7cyBlYXN5IHRvIGZpbmQgYSBjb3Vyc2UgdGhhdCBmaXRzIHlvdXJcbiAgICAgIGdvYWxzLiBOb3Qgc3VyZSB3aGVyZSB0byBzdGFydD8gJm5ic3A7XG4gICAgICA8QW5jaG9yXG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgaHJlZj1cIi93ZWxjb21lL2ZpbmQtYS1jb3Vyc2VcIlxuICAgICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEFuY2hvckVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PlxuICAgICAgICAgIGdsb2JhbEhlYWRlckl0ZW1DbGljayhldmVudCwge1xuICAgICAgICAgICAgdHlwZTogJ2xpbmsnLFxuICAgICAgICAgICAgaHJlZjogJy93ZWxjb21lL2ZpbmQtYS1jb3Vyc2UnLFxuICAgICAgICAgICAgdGV4dDogJ1Rha2UgdGhlIHF1aXonLFxuICAgICAgICAgICAgaWQ6ICd0YWtlLXRoZS1xdWl6JyxcbiAgICAgICAgICB9KVxuICAgICAgICB9XG4gICAgICA+XG4gICAgICAgIFRha2UgdGhlIHF1aXpcbiAgICAgIDwvQW5jaG9yPlxuICAgIDwvPlxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFBhbmVsTGF5b3V0XG4gICAgICBoZWFkaW5nPVwiQ291cnNlIHRvcGljc1wiXG4gICAgICBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259XG4gICAgICBsaW5rSXRlbT17e1xuICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgIGhyZWY6ICcvY2F0YWxvZycsXG4gICAgICAgIHRleHQ6ICdFeHBsb3JlIHRoZSBmdWxsIGNhdGFsb2cnLFxuICAgICAgICB0cmFja2luZ1RhcmdldDogJ3RvcG5hdl9jYXRhbG9nJyxcbiAgICAgICAgaWQ6ICdleHBsb3JlLWFsbC1jb3Vyc2VzJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPFRleHQgdmFyaWFudD1cInAtbGFyZ2VcIiBmb250V2VpZ2h0PXs3MDB9IGFzPVwiaDNcIj5cbiAgICAgICAgUG9wdWxhciBsYW5ndWFnZXNcbiAgICAgIDwvVGV4dD5cbiAgICAgIDxHcmlkQm94XG4gICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM9e3sgXzogJzFmcicsIHhzOiAnMWZyIDFmcicsIG1kOiAnMWZyIDFmciAxZnInIH19XG4gICAgICAgIGdhcD17OH1cbiAgICAgICAgcGw9ezB9XG4gICAgICAgIGFzPVwidWxcIlxuICAgICAgICBsaXN0U3R5bGU9XCJub25lXCJcbiAgICAgICAgbWI9ezI0fVxuICAgICAgPlxuICAgICAgICB7cG9wdWxhckxhbmd1YWdlcy5tYXAoKGl0ZW0pID0+IChcbiAgICAgICAgICA8bGkga2V5PXtpdGVtLmlkfT5cbiAgICAgICAgICAgIDxTa2lsbFRpbGUgaXRlbT17aXRlbX0gLz5cbiAgICAgICAgICA8L2xpPlxuICAgICAgICApKX1cbiAgICAgIDwvR3JpZEJveD5cblxuICAgICAgPFRleHQgdmFyaWFudD1cInAtbGFyZ2VcIiBmb250V2VpZ2h0PXs3MDB9IGFzPVwiaDNcIj5cbiAgICAgICAgUG9wdWxhciBzdWJqZWN0c1xuICAgICAgPC9UZXh0PlxuICAgICAgPEdyaWRCb3hcbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17eyBfOiAnMWZyJywgeHM6ICcxZnIgMWZyJywgbWQ6ICcxZnIgMWZyIDFmcicgfX1cbiAgICAgICAgZ2FwPXs4fVxuICAgICAgICBwbD17MH1cbiAgICAgICAgYXM9XCJ1bFwiXG4gICAgICAgIGxpc3RTdHlsZT1cIm5vbmVcIlxuICAgICAgPlxuICAgICAgICB7cG9wdWxhclN1YmplY3RzLm1hcCgoaXRlbSkgPT4gKFxuICAgICAgICAgIDxsaSBrZXk9e2l0ZW0uaWR9PlxuICAgICAgICAgICAgPFNraWxsVGlsZSBpdGVtPXtpdGVtfSAvPlxuICAgICAgICAgIDwvbGk+XG4gICAgICAgICkpfVxuICAgICAgPC9HcmlkQm94PlxuICAgIDwvUGFuZWxMYXlvdXQ+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgRGlldENhcmRHcmlkID0gKHsgY2hpbGRyZW4gfTogeyBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8R3JpZEJveFxuICAgICAgYXM9XCJ1bFwiXG4gICAgICBncmlkVGVtcGxhdGVDb2x1bW5zPXt7XG4gICAgICAgIF86ICcxZnInLFxuICAgICAgICBzbTogJ3JlcGVhdCgyLCBtaW5tYXgoMCwgMWZyKSknLFxuICAgICAgICBtZDogJ3JlcGVhdCgzLCBtaW5tYXgoMCwgMWZyKSknLFxuICAgICAgfX1cbiAgICAgIGdhcD17MTZ9XG4gICAgICBtPXswfVxuICAgICAgcD17MH1cbiAgICAgIGxpc3RTdHlsZVR5cGU9XCJub25lXCJcbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9HcmlkQm94PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENhcmVlclBhdGhzUGFuZWwgPSAoKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVyRHluYW1pY0RhdGEgfSA9IHVzZUdsb2JhbEhlYWRlckR5bmFtaWNEYXRhQ29udGV4dCgpO1xuICBjb25zdCB0b3RhbENhcmVlclBhdGhDb3VudCA9XG4gICAgZ2xvYmFsSGVhZGVyRHluYW1pY0RhdGE/LmNhdGFsb2dEcm9wZG93bi5jYXJlZXJQYXRocy50b3RhbENhcmVlclBhdGhDb3VudDtcbiAgY29uc3QgbGlua1RleHQgPSBgRXhwbG9yZSBhbGwke1xuICAgIHRvdGFsQ2FyZWVyUGF0aENvdW50ID8gYCAke3RvdGFsQ2FyZWVyUGF0aENvdW50fWAgOiAnJ1xuICB9IGNhcmVlciBwYXRoc2A7XG5cbiAgcmV0dXJuIChcbiAgICA8UGFuZWxMYXlvdXRcbiAgICAgIGhlYWRpbmc9XCJDYXJlZXIgcGF0aHNcIlxuICAgICAgZGVzY3JpcHRpb249XCJDaG9vc2UgeW91ciBjYXJlZXIgYW5kIHdlJ2xsIHRlYWNoIHlvdSB0aGUgc2tpbGxzIHRvIGdldCBqb2ItcmVhZHkuIEVhY2ggQ2FyZWVyIFBhdGggY29udGFpbnMgYSBjdXJhdGVkIGxpc3Qgb2YgbGVzc29ucywgcXVpenplcywgdmlkZW9zLCBhbmQgcHJvamVjdHMgdG8gaGVscCB5b3UgbGVhcm4gYW5kIHByYWN0aWNlIHJlYWwtd29ybGQgc2tpbGxzLlwiXG4gICAgICBsaW5rSXRlbT17e1xuICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgIGhyZWY6ICcvY2F0YWxvZz90eXBlPWNhcmVlci1wYXRoJyxcbiAgICAgICAgdGV4dDogbGlua1RleHQsXG4gICAgICAgIHRyYWNraW5nVGFyZ2V0OiAndG9wbmF2X2NhdGFsb2dfaGVhZGVyX2V4cGxvcmVfYWxsX2NhcmVlcl9wYXRocycsXG4gICAgICAgIGlkOiAnZXhwbG9yZS1hbGwtY2FyZWVyLXBhdGhzJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPERpZXRDYXJkR3JpZD5cbiAgICAgICAge2dsb2JhbEhlYWRlckR5bmFtaWNEYXRhPy5jYXRhbG9nRHJvcGRvd24uY2FyZWVyUGF0aHMucHJvbW90ZWRDYXJlZXJQYXRocy5tYXAoXG4gICAgICAgICAgKHBhdGgpID0+IHtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxBcHBIZWFkZXJEaWV0Q2FyZFxuICAgICAgICAgICAgICAgIGtleT17YCR7cGF0aC50aXRsZX0tY2FyZGB9XG4gICAgICAgICAgICAgICAgdGl0bGU9e3BhdGgudGl0bGV9XG4gICAgICAgICAgICAgICAgaG91cnM9e3BhdGguZHVyYXRpb25Ib3Vyc31cbiAgICAgICAgICAgICAgICBpY29uPXs8TGV2ZWxJY29uIC8+fVxuICAgICAgICAgICAgICAgIGRpZmZpY3VsdHk9e3BhdGguZGlmZmljdWx0eSBhcyBDb3Vyc2VEaWZmaWN1bHR5fVxuICAgICAgICAgICAgICAgIGhyZWY9e3BhdGgudXJsUGF0aH1cbiAgICAgICAgICAgICAgICB0cmFja2luZ1RhcmdldD17YGNhcmVlcnBhdGhfJHtwYXRoLnRpdGxlfWB9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH1cbiAgICAgICAgKX1cbiAgICAgIDwvRGlldENhcmRHcmlkPlxuICAgIDwvUGFuZWxMYXlvdXQ+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgU2tpbGxQYXRoc1BhbmVsID0gKCkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckR5bmFtaWNEYXRhIH0gPSB1c2VHbG9iYWxIZWFkZXJEeW5hbWljRGF0YUNvbnRleHQoKTtcbiAgY29uc3QgdG90YWxTa2lsbFBhdGhDb3VudCA9XG4gICAgZ2xvYmFsSGVhZGVyRHluYW1pY0RhdGE/LmNhdGFsb2dEcm9wZG93bi5za2lsbFBhdGhzLnRvdGFsU2tpbGxQYXRoQ291bnQ7XG4gIGNvbnN0IGxpbmtUZXh0ID0gYEV4cGxvcmUgYWxsJHtcbiAgICB0b3RhbFNraWxsUGF0aENvdW50ID8gYCAke3RvdGFsU2tpbGxQYXRoQ291bnR9YCA6ICcnXG4gIH0gc2tpbGwgcGF0aHNgO1xuXG4gIHJldHVybiAoXG4gICAgPFBhbmVsTGF5b3V0XG4gICAgICBoZWFkaW5nPVwiU2tpbGwgcGF0aHNcIlxuICAgICAgZGVzY3JpcHRpb249XCJCdWlsZCBpbiBkZW1hbmQgc2tpbGxzIGZhc3Qgd2l0aCBhIHNob3J0LCBjdXJhdGVkIHBhdGguIEVhY2ggb25lIGluY2x1ZGVzIGludGVyYWN0aXZlIGNvbnRlbnQgdG8gaGVscCB5b3UgbGVhcm4gYW5kIGFwcGx5IHlvdXIgbmV3IHNraWxsIGluIGp1c3QgYSBmZXcgbW9udGhzLlwiXG4gICAgICBsaW5rSXRlbT17e1xuICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgIGhyZWY6ICcvY2F0YWxvZz90eXBlPXNraWxsLXBhdGgnLFxuICAgICAgICB0ZXh0OiBsaW5rVGV4dCxcbiAgICAgICAgdHJhY2tpbmdUYXJnZXQ6ICd0b3BuYXZfY2F0YWxvZ19oZWFkZXJfZXhwbG9yZV9hbGxfc2tpbGxfcGF0aHMnLFxuICAgICAgICBpZDogJ2V4cGxvcmUtYWxsLXNraWxsLXBhdGhzJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPERpZXRDYXJkR3JpZD5cbiAgICAgICAge2dsb2JhbEhlYWRlckR5bmFtaWNEYXRhPy5jYXRhbG9nRHJvcGRvd24uc2tpbGxQYXRocy5wcm9tb3RlZFNraWxsUGF0aHMubWFwKFxuICAgICAgICAgIChwYXRoKSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8QXBwSGVhZGVyRGlldENhcmRcbiAgICAgICAgICAgICAgICBrZXk9e2Ake3BhdGgudGl0bGV9LWNhcmRgfVxuICAgICAgICAgICAgICAgIHRpdGxlPXtwYXRoLnRpdGxlfVxuICAgICAgICAgICAgICAgIGhvdXJzPXtwYXRoLmR1cmF0aW9uSG91cnN9XG4gICAgICAgICAgICAgICAgaWNvbj17PExldmVsSWNvbiAvPn1cbiAgICAgICAgICAgICAgICBkaWZmaWN1bHR5PXtwYXRoLmRpZmZpY3VsdHkgYXMgQ291cnNlRGlmZmljdWx0eX1cbiAgICAgICAgICAgICAgICBocmVmPXtwYXRoLnVybFBhdGh9XG4gICAgICAgICAgICAgICAgdHJhY2tpbmdUYXJnZXQ9e2Bza2lsbF8ke3BhdGgudGl0bGV9YH1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfVxuICAgICAgICApfVxuICAgICAgPC9EaWV0Q2FyZEdyaWQ+XG4gICAgPC9QYW5lbExheW91dD5cbiAgKTtcbn07XG5cbmNvbnN0IEltYWdlID0gQm94LndpdGhDb21wb25lbnQoJ2ltZycpO1xuXG5jb25zdCBHcmF5c2NhbGVUb0NvbG9ySG92ZXJMaW5rID0gc3R5bGVkKEFuY2hvcik8e1xuICBvdmVycmlkZUltZ0ZpbHRlcnM/OiBib29sZWFuO1xufT5gXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydib3JkZXItdGVydGlhcnknXX07XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgZmlsdGVyOiBncmF5c2NhbGUoMSk7XG4gIHRyYW5zaXRpb246IGZpbHRlciAwLjJzIGVhc2Utb3V0O1xuICBpbWcge1xuICAgIGZpbHRlcjogJHsoeyBvdmVycmlkZUltZ0ZpbHRlcnMgfSkgPT5cbiAgICAgIG92ZXJyaWRlSW1nRmlsdGVycyA/ICdjb250cmFzdCg1KScgOiAnYnJpZ2h0bmVzcygwLjI1KSd9O1xuICAgIHRyYW5zaXRpb246IGZpbHRlciAwLjJzIGVhc2Utb3V0O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGZpbHRlcjogZ3JheXNjYWxlKDApO1xuICAgIGltZyB7XG4gICAgICBmaWx0ZXI6IGJyaWdodG5lc3MoMSk7XG4gICAgfVxuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuaHlwZXJ9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgfVxuYDtcblxuY29uc3QgUHJvdmlkZXJUaWxlID0gKHtcbiAgbmFtZSxcbiAgaHJlZixcbiAgaW1nU3JjLFxuICB0YWJJbmRleCxcbn06IHtcbiAgbmFtZTogc3RyaW5nO1xuICBocmVmOiBzdHJpbmc7XG4gIGltZ1NyYzogc3RyaW5nO1xuICB0YWJJbmRleDogbnVtYmVyO1xufSkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckl0ZW1DbGljayB9ID0gdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrKCk7XG4gIGNvbnN0IHsgaGFuZGxlQ2xvc2UgfSA9IHVzZUFwcEhlYWRlckRyb3Bkb3duQ29udGV4dCgpO1xuXG4gIGNvbnN0IGxvd2VyY2FzZWRQcm92aWRlck5hbWUgPSBuYW1lLnRvTG93ZXJDYXNlKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8R3JheXNjYWxlVG9Db2xvckhvdmVyTGlua1xuICAgICAgaHJlZj17aHJlZn1cbiAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAga2V5PXtuYW1lfVxuICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgIGhlaWdodD17NDh9XG4gICAgICBwPXs4fVxuICAgICAgZGlzcGxheT1cImJsb2NrXCJcbiAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+IHtcbiAgICAgICAgZ2xvYmFsSGVhZGVySXRlbUNsaWNrKGV2ZW50LCB7XG4gICAgICAgICAgdHlwZTogJ2xpbmsnLFxuICAgICAgICAgIGlkOiBgdG9wbmF2X2NhdGFsb2dfY2VydF8ke2xvd2VyY2FzZWRQcm92aWRlck5hbWV9YCxcbiAgICAgICAgICBocmVmLFxuICAgICAgICAgIHRleHQ6IG5hbWUsXG4gICAgICAgICAgdHJhY2tpbmdUYXJnZXQ6IGB0b3BuYXZfY2F0YWxvZ19jZXJ0XyR7bG93ZXJjYXNlZFByb3ZpZGVyTmFtZX1gLFxuICAgICAgICB9KTtcbiAgICAgICAgaGFuZGxlQ2xvc2UoKTtcbiAgICAgIH19XG4gICAgICBvdmVycmlkZUltZ0ZpbHRlcnM9e25hbWUudG9Mb3dlckNhc2UoKSA9PT0gJ2t1YmVybmV0ZXMnfVxuICAgID5cbiAgICAgIDxJbWFnZSBzcmM9e2ltZ1NyY30gYWx0PXtuYW1lfSBkaXNwbGF5PVwiYmxvY2tcIiBtPVwiYXV0b1wiIC8+XG4gICAgPC9HcmF5c2NhbGVUb0NvbG9ySG92ZXJMaW5rPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENlcnRpZmljYXRpb25QYXRoc1BhbmVsID0gKCkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckR5bmFtaWNEYXRhIH0gPSB1c2VHbG9iYWxIZWFkZXJEeW5hbWljRGF0YUNvbnRleHQoKTtcbiAgY29uc3QgeyB0YWJJbmRleCB9ID0gdXNlQXBwSGVhZGVyU2VjdGlvbkNvbnRleHQoKTtcbiAgY29uc3QgdG90YWxDZXJ0aWZpY2F0aW9uUGF0aENvdW50ID1cbiAgICBnbG9iYWxIZWFkZXJEeW5hbWljRGF0YT8uY2F0YWxvZ0Ryb3Bkb3duLmNlcnRpZmljYXRpb25QYXRoc1xuICAgICAgLnRvdGFsQ2VydGlmaWNhdGlvblBhdGhDb3VudDtcbiAgY29uc3QgbGlua1RleHQgPSBgRXhwbG9yZSBhbGwke1xuICAgIHRvdGFsQ2VydGlmaWNhdGlvblBhdGhDb3VudCA/IGAgJHt0b3RhbENlcnRpZmljYXRpb25QYXRoQ291bnR9YCA6ICcnXG4gIH0gY2VydGlmaWNhdGlvbiBwYXRoc2A7XG5cbiAgcmV0dXJuIChcbiAgICA8UGFuZWxMYXlvdXRcbiAgICAgIGhlYWRpbmc9XCJDZXJ0aWZpY2F0aW9uIHBhdGhzXCJcbiAgICAgIGRlc2NyaXB0aW9uPVwiUHJlcGFyZSBmb3IgdG9wIGluZHVzdHJ5IGNlcnRpZmljYXRpb25zIHdpdGggYSBndWlkZWQgcGF0aC4gRWFjaCBvbmUgaW5jbHVkZXMgZXhwZXJ0LXJldmlld2VkIGxlc3NvbnMsIGhhbmRzLW9uIHByb2plY3RzLCBhbmQgcHJhY3RpY2UgdGVzdHMgdG8gaGVscCB5b3UgcGFzcyB0aGUgZXhhbS5cIlxuICAgICAgbGlua0l0ZW09e3tcbiAgICAgICAgdHlwZTogJ2xpbmsnLFxuICAgICAgICBocmVmOiAnL2NhdGFsb2cvY2VydGlmaWNhdGlvbi1wcmVwJyxcbiAgICAgICAgdGV4dDogbGlua1RleHQsXG4gICAgICAgIHRyYWNraW5nVGFyZ2V0OiAndG9wbmF2X2NhdGFsb2dfaGVhZGVyX2V4cGxvcmVfYWxsX2NlcnRpZmljYXRpb25fcGF0aHMnLFxuICAgICAgICBpZDogJ2V4cGxvcmUtYWxsLWNlcnRpZmljYXRpb24tcGF0aHMnLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8VGV4dCBhcz1cImgzXCIgZm9udFNpemU9ezE4fSBmb250V2VpZ2h0PVwiYm9sZFwiPlxuICAgICAgICBQcm92aWRlcnNcbiAgICAgIDwvVGV4dD5cbiAgICAgIDxHcmlkQm94XG4gICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM9e3tcbiAgICAgICAgICBfOiAnMWZyJyxcbiAgICAgICAgICB4czogJ3JlcGVhdCgyLCAxZnIpJyxcbiAgICAgICAgICBzbTogJ3JlcGVhdCgzLCAxZnIpJyxcbiAgICAgICAgICBtZDogJ3JlcGVhdCg0LCAxZnIpJyxcbiAgICAgICAgfX1cbiAgICAgICAgZ2FwPXsxNn1cbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgYXM9XCJ1bFwiXG4gICAgICAgIGxpc3RTdHlsZT1cIm5vbmVcIlxuICAgICAgICBwPXswfVxuICAgICAgICBtPXswfVxuICAgICAgPlxuICAgICAgICB7Q0VSVElGSUNBVElPTl9QUk9WSURFUlMubWFwKCh7IG5hbWUsIGxvZ29VcmwsIGh1YlR5cGUgfSkgPT4gKFxuICAgICAgICAgIDxCb3ggYXM9XCJsaVwiIGtleT17bmFtZX0gd2lkdGg9XCIxMDAlXCI+XG4gICAgICAgICAgICA8UHJvdmlkZXJUaWxlXG4gICAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICAgIGhyZWY9e1xuICAgICAgICAgICAgICAgIGh1YlR5cGUgPT09ICdzdWJodWInXG4gICAgICAgICAgICAgICAgICA/IGAvc2VhcmNoP3F1ZXJ5PSR7bmFtZX0gY2VydGlmaWNhdGlvbnNgXG4gICAgICAgICAgICAgICAgICA6IGAvY2F0YWxvZy9jZXJ0aWZpY2F0aW9uLXByZXA/cHJvdmlkZXI9JHtuYW1lLnRvTG93ZXJDYXNlKCl9YFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIGltZ1NyYz17bG9nb1VybH1cbiAgICAgICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKSl9XG4gICAgICA8L0dyaWRCb3g+XG4gICAgPC9QYW5lbExheW91dD5cbiAgKTtcbn07XG5cbmNvbnN0IExpdmVMZWFybmluZ0ltYWdlID0gc3R5bGVkLmltZ2BcbiAgb2JqZWN0LWZpdDogY292ZXI7XG4gIHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IExpdmVMZWFybmluZ1BhbmVsID0gKCkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckl0ZW1DbGljayB9ID0gdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrKCk7XG4gIGNvbnN0IHsgaXNDb2FjaGluZ0VuYWJsZWQsIHRhYkluZGV4IH0gPSB1c2VBcHBIZWFkZXJTZWN0aW9uQ29udGV4dCgpO1xuICBjb25zdCBnZXRJbWFnZVVybCA9IChpZDogc3RyaW5nKSA9PlxuICAgIGBodHRwczovL3N0YXRpYy1hc3NldHMuY29kZWNhZGVteS5jb20vYXNzZXRzL2NvbXBvbmVudHMvY2FyZHMvZ2xvYmFsLWhlYWRlci9saXZlLWxlYXJuaW5nL3YxLyR7aWR9LndlYnBgO1xuICBjb25zdCB7IGhhbmRsZUNsb3NlIH0gPSB1c2VBcHBIZWFkZXJEcm9wZG93bkNvbnRleHQoKTtcblxuICBjb25zdCBsaXZlTGVhcm5pbmdJdGVtcyA9IGxpdmVMZWFybmluZ05hdlBhbmVsSXRlbXMoaXNDb2FjaGluZ0VuYWJsZWQpO1xuXG4gIHJldHVybiAoXG4gICAgPFBhbmVsTGF5b3V0XG4gICAgICBoZWFkaW5nPVwiTGl2ZSBsZWFybmluZ1wiXG4gICAgICBkZXNjcmlwdGlvbj17bGl2ZUxlYXJuaW5nSXRlbXMuZGVzY3JpcHRpb259XG4gICAgPlxuICAgICAgPEdyaWRCb3hcbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17eyBfOiAnMWZyJywgbWQ6ICdyZXBlYXQoMiwgMWZyKScgfX1cbiAgICAgICAgZ2FwPXsxNn1cbiAgICAgID5cbiAgICAgICAge2xpdmVMZWFybmluZ0l0ZW1zLmRhdGEubWFwKChpdGVtKSA9PiAoXG4gICAgICAgICAgPEFuY2hvclxuICAgICAgICAgICAgaHJlZj17aXRlbS5ocmVmfVxuICAgICAgICAgICAga2V5PXtpdGVtLmlkfVxuICAgICAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgICAgICBvbkNsaWNrPXsoXG4gICAgICAgICAgICAgIGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxBbmNob3JFbGVtZW50LCBNb3VzZUV2ZW50PlxuICAgICAgICAgICAgKSA9PiB7XG4gICAgICAgICAgICAgIGdsb2JhbEhlYWRlckl0ZW1DbGljayhldmVudCwgaXRlbSk7XG4gICAgICAgICAgICAgIGhhbmRsZUNsb3NlKCk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxDYXJkXG4gICAgICAgICAgICAgIGtleT17aXRlbS5pZH1cbiAgICAgICAgICAgICAgb3ZlcmZsb3c9XCJoaWRkZW5cIlxuICAgICAgICAgICAgICBib3JkZXI9ezF9XG4gICAgICAgICAgICAgIGJvcmRlckNvbG9yPVwiYm9yZGVyLXRlcnRpYXJ5XCJcbiAgICAgICAgICAgICAgYm9yZGVyUmFkaXVzPVwibGdcIlxuICAgICAgICAgICAgICBpc0ludGVyYWN0aXZlXG4gICAgICAgICAgICAgIHA9ezB9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxMaXZlTGVhcm5pbmdJbWFnZVxuICAgICAgICAgICAgICAgIHNyYz17Z2V0SW1hZ2VVcmwoaXRlbS5pZCl9XG4gICAgICAgICAgICAgICAgYWx0PVwiXCJcbiAgICAgICAgICAgICAgICBsb2FkaW5nPVwibGF6eVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDxGbGV4Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9ezh9IHA9ezE2fT5cbiAgICAgICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwidGl0bGUteHNcIj57aXRlbS50ZXh0fTwvVGV4dD5cbiAgICAgICAgICAgICAgICB7J2Rlc2NyaXB0aW9uJyBpbiBpdGVtICYmIDxUZXh0PntpdGVtLmRlc2NyaXB0aW9ufTwvVGV4dD59XG4gICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgIDwvQ2FyZD5cbiAgICAgICAgICA8L0FuY2hvcj5cbiAgICAgICAgKSl9XG4gICAgICA8L0dyaWRCb3g+XG4gICAgPC9QYW5lbExheW91dD5cbiAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-export const LiveLearningPanel = () => {
-  const {
-    globalHeaderItemClick
-  } = useGlobalHeaderItemClick();
-  const {
-    isCoachingEnabled,
-    tabIndex
-  } = useAppHeaderSectionContext();
-  const getImageUrl = id => `https://static-assets.codecademy.com/assets/components/cards/global-header/live-learning/v1/${id}.webp`;
-  const {
-    handleClose
-  } = useAppHeaderDropdownContext();
-  const liveLearningItems = liveLearningNavPanelItems(isCoachingEnabled);
-  return /*#__PURE__*/_jsx(PanelLayout, {
-    heading: "Live learning",
-    description: liveLearningItems.description,
-    children: /*#__PURE__*/_jsx(GridBox, {
-      gridTemplateColumns: {
-        _: '1fr',
-        md: 'repeat(2, 1fr)'
-      },
-      gap: 16,
-      children: liveLearningItems.data.map(item => /*#__PURE__*/_jsx(Anchor, {
-        href: item.href,
-        variant: "interface",
-        onClick: event => {
-          globalHeaderItemClick(event, item);
-          handleClose();
-        },
-        tabIndex: tabIndex,
-        children: /*#__PURE__*/_jsxs(Card, {
-          overflow: "hidden",
-          border: 1,
-          borderColor: "border-tertiary",
-          borderRadius: "lg",
-          isInteractive: true,
-          p: 0,
-          children: [/*#__PURE__*/_jsx(LiveLearningImage, {
-            src: getImageUrl(item.id),
-            alt: "",
-            loading: "lazy"
-          }), /*#__PURE__*/_jsxs(FlexBox, {
-            flexDirection: "column",
-            gap: 8,
-            p: 16,
-            children: [/*#__PURE__*/_jsx(Text, {
-              variant: "title-xs",
-              children: item.text
-            }), 'description' in item && /*#__PURE__*/_jsx(Text, {
-              children: item.description
-            })]
-          })]
-        }, item.id)
-      }, item.id))
-    })
-  });
-};
+const LiveLearningImage = styled.img`
+  object-fit: cover;
+  width: 100%;
+`;
+const LiveLearningPanel = () => {
+	const { globalHeaderItemClick } = useGlobalHeaderItemClick();
+	const { isCoachingEnabled, tabIndex } = useAppHeaderSectionContext();
+	const getImageUrl = (id) => `https://static-assets.codecademy.com/assets/components/cards/global-header/live-learning/v1/${id}.webp`;
+	const { handleClose } = useAppHeaderDropdownContext();
+	const liveLearningItems = liveLearningNavPanelItems(isCoachingEnabled);
+	return /* @__PURE__ */ jsx(PanelLayout, {
+		heading: "Live learning",
+		description: liveLearningItems.description,
+		children: /* @__PURE__ */ jsx(GridBox, {
+			gridTemplateColumns: {
+				_: "1fr",
+				md: "repeat(2, 1fr)"
+			},
+			gap: 16,
+			children: liveLearningItems.data.map((item) => /* @__PURE__ */ jsx(Anchor, {
+				href: item.href,
+				variant: "interface",
+				onClick: (event) => {
+					globalHeaderItemClick(event, item);
+					handleClose();
+				},
+				tabIndex,
+				children: /* @__PURE__ */ jsxs(Card, {
+					overflow: "hidden",
+					border: 1,
+					borderColor: "border-tertiary",
+					borderRadius: "lg",
+					isInteractive: true,
+					p: 0,
+					children: [/* @__PURE__ */ jsx(LiveLearningImage, {
+						src: getImageUrl(item.id),
+						alt: "",
+						loading: "lazy"
+					}), /* @__PURE__ */ jsxs(FlexBox, {
+						flexDirection: "column",
+						gap: 8,
+						p: 16,
+						children: [/* @__PURE__ */ jsx(Text, {
+							variant: "title-xs",
+							children: item.text
+						}), "description" in item && /* @__PURE__ */ jsx(Text, { children: item.description })]
+					})]
+				}, item.id)
+			}, item.id))
+		})
+	});
+};
+
+//#endregion
+export { CareerPathsPanel, CertificationPathsPanel, CourseTopicsPanel, LiveLearningPanel, SkillPathsPanel };