@codecademy/brand 5.10.0 → 6.0.0-alpha.0839dde39.0

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/MarketingBanner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarketingBanner.cjs","names":["Anchor","Badge","Box","FlexBox","Text","ArrowRightIcon","styled","useGlobalHeaderItemClick","MarketingBannerAnchor","MarketingBannerBox","theme","colors","MarketingArrowIcon","MarketingBanner","source","tabIndex","text","href","py","globalHeaderItemClick","variant","onClick","event","type","id","trackingTarget","data-testid","width","justifyContent","alignItems","_","lg","height","color","mx","mt","px","borderRadius","flexDirection","gap","zIndex","bg","size","mr"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/MarketingBanner.tsx"],"sourcesContent":["import { Anchor, Badge, Box, FlexBox, Text } from '@codecademy/gamut';\nimport { ArrowRightIcon } from '@codecademy/gamut-icons';\nimport { Scale } from '@codecademy/variance/dist/types/config';\nimport styled from '@emotion/styled';\n\nimport { useGlobalHeaderItemClick } from '../../../GlobalHeader/context';\n\nconst MarketingBannerAnchor = styled(Anchor)`\n  display: flex;\n\n  &:hover,\n  &:focus-visible {\n    outline: none;\n    text-decoration: none;\n  }\n`;\n\nconst MarketingBannerBox = styled(FlexBox)`\n  border: 1px solid ${({ theme }) => theme.colors['border-tertiary']},\n    'rgba(255, 255, 255, 0.20)';\n  border-radius: 12px;\n  position: relative;\n  background: linear-gradient(\n    145deg,\n    ${({ theme }) => theme.colors['navy-800']} 50%,\n    ${({ theme }) => theme.colors['blue-400']} 100%\n  );\n\n  &::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(\n      145deg,\n      ${({ theme }) => theme.colors['navy-800']} 85%,\n      ${({ theme }) => theme.colors['blue-400']} 100%\n    );\n    opacity: 0;\n    transition: opacity 0.4s ease-in-out;\n    border-radius: 12px;\n  }\n\n  ${MarketingBannerAnchor}:hover &, ${MarketingBannerAnchor}:focus-visible & {\n    &::after {\n      opacity: 1;\n    }\n  }\n`;\n\nconst MarketingArrowIcon = styled(ArrowRightIcon)`\n  transition: transform 0.2s ease-in-out;\n\n  ${MarketingBannerAnchor}:hover &, ${MarketingBannerAnchor}:focus-visible & {\n    transform: translateX(10px);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    transition: none;\n  }\n`;\n\nexport type MarketingBannerProps = {\n  source: 'catalog' | 'resources' | 'search';\n  tabIndex: number;\n  text: string;\n  href: string;\n  py?: Scale<{\n    readonly property: 'padding';\n    readonly properties: readonly ['paddingTop', 'paddingBottom'];\n    readonly scale: 'spacing';\n  }>;\n};\n\nexport const MarketingBanner: React.FC<MarketingBannerProps> = ({\n  source,\n  tabIndex,\n  text,\n  href,\n  py,\n}) => {\n  const { globalHeaderItemClick } = useGlobalHeaderItemClick();\n\n  return (\n    <MarketingBannerAnchor\n      variant=\"interface\"\n      href={href}\n      onClick={(event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) =>\n        globalHeaderItemClick(event, {\n          type: 'link',\n          href,\n          text,\n          id: `topnav_${source}_banner`,\n          trackingTarget: `topnav_${source}_banner`,\n        })\n      }\n      tabIndex={tabIndex}\n      data-testid=\"marketing-banner\"\n    >\n      <MarketingBannerBox\n        width=\"100%\"\n        justifyContent=\"space-between\"\n        alignItems={{ _: 'flex-end', lg: 'center' }}\n        height={{ _: 'auto', lg: '40px' }}\n        color=\"white\"\n        mx={8}\n        mt={8}\n        px={24}\n        py={py ?? { _: 16, lg: 8 }}\n        borderRadius=\"lg\"\n      >\n        <FlexBox\n          alignItems={{ _: 'flex-start', lg: 'center' }}\n          flexDirection={{ _: 'column', lg: 'row' }}\n          gap={{ _: 8, lg: 0 }}\n          zIndex={1}\n        >\n          <Badge\n            bg=\"yellow-500\"\n            color=\"navy-800\"\n            variant=\"custom\"\n            size=\"sm\"\n            mr={8}\n          >\n            New\n          </Badge>\n          <Text variant=\"p-base\">{text}</Text>\n        </FlexBox>\n        <Box height={16} width={16} zIndex={1}>\n          <MarketingArrowIcon />\n        </Box>\n      </MarketingBannerBox>\n    </MarketingBannerAnchor>\n  );\n};\n"],"mappings":";;;;;;;;AAOA,MAAMQ,wBAAwBF,2CAAON,0BAAAA;;;;AAUrC,MAAMS,qBAAqBH,2CAAOH,2BAAAA;;;yBACX,EAAEO,YAAYA,MAAMC,OAAO,oBAAkB,4GAM7D,EAAED,YAAYA,MAAMC,OAAO,aAAW,UACtC,EAAED,YAAYA,MAAMC,OAAO,aAAW,8HAYpC,EAAED,YAAYA,MAAMC,OAAO,aAAW,UACtC,EAAED,YAAYA,MAAMC,OAAO,aAAW,mFAO3CH,uBAAAA,aAAkCA,uBAAAA,0CAAAA,6oKAAAA;AAOtC,MAAMI,qBAAqBN,2CAAOD,wCAAAA;;;6CAG9BG,uBAAAA,aAAkCA,uBAAAA,yGAAAA,6oKAAAA;AAqBtC,MAAaK,mBAAmD,EAC9DC,QACAC,UACAC,MACAC,MACAC,SACD;CACC,MAAM,EAAEC,0BAA0BZ,yCAAAA;CAElC,OACE,oBAAA,cAACC,uBAAAA;EACCY,SAAQ;EACFH;EACNI,UAAUC,UACRH,sBAAsBG,OAAO;GAC3BC,MAAM;GACNN;GACAD;GACAQ,IAAI,UAAUV,OAAO;GACrBW,gBAAgB,UAAUX,OAAO;EACnC,CAAA;EAEQC;EACVW,eAAY;IAEZ,oBAAA,cAACjB,oBAAAA;EACCkB,OAAM;EACNC,gBAAe;EACfC,YAAY;GAAEC,GAAG;GAAYC,IAAI;EAAS;EAC1CC,QAAQ;GAAEF,GAAG;GAAQC,IAAI;EAAO;EAChCE,OAAM;EACNC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJlB,IAAIA,MAAM;GAAEY,GAAG;GAAIC,IAAI;EAAE;EACzBM,cAAa;IAEb,oBAAA,cAAClC,2BAAAA;EACC0B,YAAY;GAAEC,GAAG;GAAcC,IAAI;EAAS;EAC5CO,eAAe;GAAER,GAAG;GAAUC,IAAI;EAAM;EACxCQ,KAAK;GAAET,GAAG;GAAGC,IAAI;EAAE;EACnBS,QAAQ;IAER,oBAAA,cAACvC,yBAAAA;EACCwC,IAAG;EACHR,OAAM;EACNb,SAAQ;EACRsB,MAAK;EACLC,IAAI;IACL,KAAA,GAGD,oBAAA,cAACvC,wBAAAA,EAAKgB,SAAQ,YAAUJ,IAAAA,CAAAA,GAE1B,oBAAA,cAACd,uBAAAA;EAAI8B,QAAQ;EAAIL,OAAO;EAAIa,QAAQ;IAClC,oBAAA,cAAC5B,oBAAAA,IAAAA,CAAAA,CAAAA,CAAAA;AAKX"}

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

@@ -1,111 +1,82 @@
-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, Badge, Box, FlexBox, Text } from '@codecademy/gamut';
-import { ArrowRightIcon } from '@codecademy/gamut-icons';
-import { useGlobalHeaderItemClick } from '../../../GlobalHeader/context';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const MarketingBannerAnchor = /*#__PURE__*/_styled(Anchor, {
-  target: "e11di3442",
-  label: "MarketingBannerAnchor"
-})(process.env.NODE_ENV === "production" ? {
-  name: "pdaf9u",
-  styles: "display:flex;&:hover,&:focus-visible{outline:none;text-decoration:none;}"
-} : {
-  name: "pdaf9u",
-  styles: "display:flex;&:hover,&:focus-visible{outline:none;text-decoration:none;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL01hcmtldGluZ0Jhbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzRDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL01hcmtldGluZ0Jhbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJhZGdlLCBCb3gsIEZsZXhCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd1JpZ2h0SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IFNjYWxlIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UvZGlzdC90eXBlcy9jb25maWcnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2sgfSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXIvY29udGV4dCc7XG5cbmNvbnN0IE1hcmtldGluZ0Jhbm5lckFuY2hvciA9IHN0eWxlZChBbmNob3IpYFxuICBkaXNwbGF5OiBmbGV4O1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IE1hcmtldGluZ0Jhbm5lckJveCA9IHN0eWxlZChGbGV4Qm94KWBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JvcmRlci10ZXJ0aWFyeSddfSxcbiAgICAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIwKSc7XG4gIGJvcmRlci1yYWRpdXM6IDEycHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIDE0NWRlZyxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbmF2eS04MDAnXX0gNTAlLFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTQwMCddfSAxMDAlXG4gICk7XG5cbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICBib3R0b206IDA7XG4gICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgICAgMTQ1ZGVnLFxuICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktODAwJ119IDg1JSxcbiAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTQwMCddfSAxMDAlXG4gICAgKTtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRyYW5zaXRpb246IG9wYWNpdHkgMC40cyBlYXNlLWluLW91dDtcbiAgICBib3JkZXItcmFkaXVzOiAxMnB4O1xuICB9XG5cbiAgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmhvdmVyICYsICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpmb2N1cy12aXNpYmxlICYge1xuICAgICY6OmFmdGVyIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBNYXJrZXRpbmdBcnJvd0ljb24gPSBzdHlsZWQoQXJyb3dSaWdodEljb24pYFxuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlLWluLW91dDtcblxuICAke01hcmtldGluZ0Jhbm5lckFuY2hvcn06aG92ZXIgJiwgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmZvY3VzLXZpc2libGUgJiB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwcHgpO1xuICB9XG5cbiAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgICB0cmFuc2l0aW9uOiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBNYXJrZXRpbmdCYW5uZXJQcm9wcyA9IHtcbiAgc291cmNlOiAnY2F0YWxvZycgfCAncmVzb3VyY2VzJyB8ICdzZWFyY2gnO1xuICB0YWJJbmRleDogbnVtYmVyO1xuICB0ZXh0OiBzdHJpbmc7XG4gIGhyZWY6IHN0cmluZztcbiAgcHk/OiBTY2FsZTx7XG4gICAgcmVhZG9ubHkgcHJvcGVydHk6ICdwYWRkaW5nJztcbiAgICByZWFkb25seSBwcm9wZXJ0aWVzOiByZWFkb25seSBbJ3BhZGRpbmdUb3AnLCAncGFkZGluZ0JvdHRvbSddO1xuICAgIHJlYWRvbmx5IHNjYWxlOiAnc3BhY2luZyc7XG4gIH0+O1xufTtcblxuZXhwb3J0IGNvbnN0IE1hcmtldGluZ0Jhbm5lcjogUmVhY3QuRkM8TWFya2V0aW5nQmFubmVyUHJvcHM+ID0gKHtcbiAgc291cmNlLFxuICB0YWJJbmRleCxcbiAgdGV4dCxcbiAgaHJlZixcbiAgcHksXG59KSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcblxuICByZXR1cm4gKFxuICAgIDxNYXJrZXRpbmdCYW5uZXJBbmNob3JcbiAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgaHJlZj17aHJlZn1cbiAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+XG4gICAgICAgIGdsb2JhbEhlYWRlckl0ZW1DbGljayhldmVudCwge1xuICAgICAgICAgIHR5cGU6ICdsaW5rJyxcbiAgICAgICAgICBocmVmLFxuICAgICAgICAgIHRleHQsXG4gICAgICAgICAgaWQ6IGB0b3BuYXZfJHtzb3VyY2V9X2Jhbm5lcmAsXG4gICAgICAgICAgdHJhY2tpbmdUYXJnZXQ6IGB0b3BuYXZfJHtzb3VyY2V9X2Jhbm5lcmAsXG4gICAgICAgIH0pXG4gICAgICB9XG4gICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICBkYXRhLXRlc3RpZD1cIm1hcmtldGluZy1iYW5uZXJcIlxuICAgID5cbiAgICAgIDxNYXJrZXRpbmdCYW5uZXJCb3hcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnZmxleC1lbmQnLCBsZzogJ2NlbnRlcicgfX1cbiAgICAgICAgaGVpZ2h0PXt7IF86ICdhdXRvJywgbGc6ICc0MHB4JyB9fVxuICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgbXg9ezh9XG4gICAgICAgIG10PXs4fVxuICAgICAgICBweD17MjR9XG4gICAgICAgIHB5PXtweSA/PyB7IF86IDE2LCBsZzogOCB9fVxuICAgICAgICBib3JkZXJSYWRpdXM9XCJsZ1wiXG4gICAgICA+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnZmxleC1zdGFydCcsIGxnOiAnY2VudGVyJyB9fVxuICAgICAgICAgIGZsZXhEaXJlY3Rpb249e3sgXzogJ2NvbHVtbicsIGxnOiAncm93JyB9fVxuICAgICAgICAgIGdhcD17eyBfOiA4LCBsZzogMCB9fVxuICAgICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgPlxuICAgICAgICAgIDxCYWRnZVxuICAgICAgICAgICAgYmc9XCJ5ZWxsb3ctNTAwXCJcbiAgICAgICAgICAgIGNvbG9yPVwibmF2eS04MDBcIlxuICAgICAgICAgICAgdmFyaWFudD1cImN1c3RvbVwiXG4gICAgICAgICAgICBzaXplPVwic21cIlxuICAgICAgICAgICAgbXI9ezh9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgTmV3XG4gICAgICAgICAgPC9CYWRnZT5cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1iYXNlXCI+e3RleHR9PC9UZXh0PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDxCb3ggaGVpZ2h0PXsxNn0gd2lkdGg9ezE2fSB6SW5kZXg9ezF9PlxuICAgICAgICAgIDxNYXJrZXRpbmdBcnJvd0ljb24gLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L01hcmtldGluZ0Jhbm5lckJveD5cbiAgICA8L01hcmtldGluZ0Jhbm5lckFuY2hvcj5cbiAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const MarketingBannerBox = /*#__PURE__*/_styled(FlexBox, {
-  target: "e11di3441",
-  label: "MarketingBannerBox"
-})("border:1px solid ", ({
-  theme
-}) => theme.colors['border-tertiary'], ",'rgba(255, 255, 255, 0.20)';border-radius:12px;position:relative;background:linear-gradient(\n    145deg,\n    ", ({
-  theme
-}) => theme.colors['navy-800'], " 50%,\n    ", ({
-  theme
-}) => theme.colors['blue-400'], " 100%\n  );&::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(\n      145deg,\n      ", ({
-  theme
-}) => theme.colors['navy-800'], " 85%,\n      ", ({
-  theme
-}) => theme.colors['blue-400'], " 100%\n    );opacity:0;transition:opacity 0.4s ease-in-out;border-radius:12px;}", MarketingBannerAnchor, ":hover &,", MarketingBannerAnchor, ":focus-visible &{&::after{opacity:1;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL01hcmtldGluZ0Jhbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUIwQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dEcm9wZG93bi9NYXJrZXRpbmdCYW5uZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCYWRnZSwgQm94LCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQXJyb3dSaWdodEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBTY2FsZSB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlL2Rpc3QvdHlwZXMvY29uZmlnJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuXG5jb25zdCBNYXJrZXRpbmdCYW5uZXJBbmNob3IgPSBzdHlsZWQoQW5jaG9yKWBcbiAgZGlzcGxheTogZmxleDtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBNYXJrZXRpbmdCYW5uZXJCb3ggPSBzdHlsZWQoRmxleEJveClgXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydib3JkZXItdGVydGlhcnknXX0sXG4gICAgJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4yMCknO1xuICBib3JkZXItcmFkaXVzOiAxMnB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAxNDVkZWcsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktODAwJ119IDUwJSxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmx1ZS00MDAnXX0gMTAwJVxuICApO1xuXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAgIDE0NWRlZyxcbiAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTgwMCddfSA4NSUsXG4gICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmx1ZS00MDAnXX0gMTAwJVxuICAgICk7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuNHMgZWFzZS1pbi1vdXQ7XG4gICAgYm9yZGVyLXJhZGl1czogMTJweDtcbiAgfVxuXG4gICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpob3ZlciAmLCAke01hcmtldGluZ0Jhbm5lckFuY2hvcn06Zm9jdXMtdmlzaWJsZSAmIHtcbiAgICAmOjphZnRlciB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgTWFya2V0aW5nQXJyb3dJY29uID0gc3R5bGVkKEFycm93UmlnaHRJY29uKWBcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XG5cbiAgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmhvdmVyICYsICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpmb2N1cy12aXNpYmxlICYge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMHB4KTtcbiAgfVxuXG4gIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gICAgdHJhbnNpdGlvbjogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IHR5cGUgTWFya2V0aW5nQmFubmVyUHJvcHMgPSB7XG4gIHNvdXJjZTogJ2NhdGFsb2cnIHwgJ3Jlc291cmNlcycgfCAnc2VhcmNoJztcbiAgdGFiSW5kZXg6IG51bWJlcjtcbiAgdGV4dDogc3RyaW5nO1xuICBocmVmOiBzdHJpbmc7XG4gIHB5PzogU2NhbGU8e1xuICAgIHJlYWRvbmx5IHByb3BlcnR5OiAncGFkZGluZyc7XG4gICAgcmVhZG9ubHkgcHJvcGVydGllczogcmVhZG9ubHkgWydwYWRkaW5nVG9wJywgJ3BhZGRpbmdCb3R0b20nXTtcbiAgICByZWFkb25seSBzY2FsZTogJ3NwYWNpbmcnO1xuICB9Pjtcbn07XG5cbmV4cG9ydCBjb25zdCBNYXJrZXRpbmdCYW5uZXI6IFJlYWN0LkZDPE1hcmtldGluZ0Jhbm5lclByb3BzPiA9ICh7XG4gIHNvdXJjZSxcbiAgdGFiSW5kZXgsXG4gIHRleHQsXG4gIGhyZWYsXG4gIHB5LFxufSkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckl0ZW1DbGljayB9ID0gdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8TWFya2V0aW5nQmFubmVyQW5jaG9yXG4gICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEFuY2hvckVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PlxuICAgICAgICBnbG9iYWxIZWFkZXJJdGVtQ2xpY2soZXZlbnQsIHtcbiAgICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgICAgaHJlZixcbiAgICAgICAgICB0ZXh0LFxuICAgICAgICAgIGlkOiBgdG9wbmF2XyR7c291cmNlfV9iYW5uZXJgLFxuICAgICAgICAgIHRyYWNraW5nVGFyZ2V0OiBgdG9wbmF2XyR7c291cmNlfV9iYW5uZXJgLFxuICAgICAgICB9KVxuICAgICAgfVxuICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgZGF0YS10ZXN0aWQ9XCJtYXJrZXRpbmctYmFubmVyXCJcbiAgICA+XG4gICAgICA8TWFya2V0aW5nQmFubmVyQm94XG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgIGFsaWduSXRlbXM9e3sgXzogJ2ZsZXgtZW5kJywgbGc6ICdjZW50ZXInIH19XG4gICAgICAgIGhlaWdodD17eyBfOiAnYXV0bycsIGxnOiAnNDBweCcgfX1cbiAgICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgIG14PXs4fVxuICAgICAgICBtdD17OH1cbiAgICAgICAgcHg9ezI0fVxuICAgICAgICBweT17cHkgPz8geyBfOiAxNiwgbGc6IDggfX1cbiAgICAgICAgYm9yZGVyUmFkaXVzPVwibGdcIlxuICAgICAgPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGFsaWduSXRlbXM9e3sgXzogJ2ZsZXgtc3RhcnQnLCBsZzogJ2NlbnRlcicgfX1cbiAgICAgICAgICBmbGV4RGlyZWN0aW9uPXt7IF86ICdjb2x1bW4nLCBsZzogJ3JvdycgfX1cbiAgICAgICAgICBnYXA9e3sgXzogOCwgbGc6IDAgfX1cbiAgICAgICAgICB6SW5kZXg9ezF9XG4gICAgICAgID5cbiAgICAgICAgICA8QmFkZ2VcbiAgICAgICAgICAgIGJnPVwieWVsbG93LTUwMFwiXG4gICAgICAgICAgICBjb2xvcj1cIm5hdnktODAwXCJcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJjdXN0b21cIlxuICAgICAgICAgICAgc2l6ZT1cInNtXCJcbiAgICAgICAgICAgIG1yPXs4fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIE5ld1xuICAgICAgICAgIDwvQmFkZ2U+XG4gICAgICAgICAgPFRleHQgdmFyaWFudD1cInAtYmFzZVwiPnt0ZXh0fTwvVGV4dD5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8Qm94IGhlaWdodD17MTZ9IHdpZHRoPXsxNn0gekluZGV4PXsxfT5cbiAgICAgICAgICA8TWFya2V0aW5nQXJyb3dJY29uIC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9NYXJrZXRpbmdCYW5uZXJCb3g+XG4gICAgPC9NYXJrZXRpbmdCYW5uZXJBbmNob3I+XG4gICk7XG59O1xuIl19 */"));
-const MarketingArrowIcon = /*#__PURE__*/_styled(ArrowRightIcon, {
-  target: "e11di3440",
-  label: "MarketingArrowIcon"
-})("transition:transform 0.2s ease-in-out;", MarketingBannerAnchor, ":hover &,", MarketingBannerAnchor, ":focus-visible &{transform:translateX(10px);}@media (prefers-reduced-motion: reduce){transition:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL01hcmtldGluZ0Jhbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0RpRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dEcm9wZG93bi9NYXJrZXRpbmdCYW5uZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCYWRnZSwgQm94LCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQXJyb3dSaWdodEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBTY2FsZSB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlL2Rpc3QvdHlwZXMvY29uZmlnJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuXG5jb25zdCBNYXJrZXRpbmdCYW5uZXJBbmNob3IgPSBzdHlsZWQoQW5jaG9yKWBcbiAgZGlzcGxheTogZmxleDtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBNYXJrZXRpbmdCYW5uZXJCb3ggPSBzdHlsZWQoRmxleEJveClgXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydib3JkZXItdGVydGlhcnknXX0sXG4gICAgJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4yMCknO1xuICBib3JkZXItcmFkaXVzOiAxMnB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAxNDVkZWcsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktODAwJ119IDUwJSxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmx1ZS00MDAnXX0gMTAwJVxuICApO1xuXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAgIDE0NWRlZyxcbiAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTgwMCddfSA4NSUsXG4gICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmx1ZS00MDAnXX0gMTAwJVxuICAgICk7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuNHMgZWFzZS1pbi1vdXQ7XG4gICAgYm9yZGVyLXJhZGl1czogMTJweDtcbiAgfVxuXG4gICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpob3ZlciAmLCAke01hcmtldGluZ0Jhbm5lckFuY2hvcn06Zm9jdXMtdmlzaWJsZSAmIHtcbiAgICAmOjphZnRlciB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgTWFya2V0aW5nQXJyb3dJY29uID0gc3R5bGVkKEFycm93UmlnaHRJY29uKWBcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XG5cbiAgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmhvdmVyICYsICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpmb2N1cy12aXNpYmxlICYge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMHB4KTtcbiAgfVxuXG4gIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gICAgdHJhbnNpdGlvbjogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IHR5cGUgTWFya2V0aW5nQmFubmVyUHJvcHMgPSB7XG4gIHNvdXJjZTogJ2NhdGFsb2cnIHwgJ3Jlc291cmNlcycgfCAnc2VhcmNoJztcbiAgdGFiSW5kZXg6IG51bWJlcjtcbiAgdGV4dDogc3RyaW5nO1xuICBocmVmOiBzdHJpbmc7XG4gIHB5PzogU2NhbGU8e1xuICAgIHJlYWRvbmx5IHByb3BlcnR5OiAncGFkZGluZyc7XG4gICAgcmVhZG9ubHkgcHJvcGVydGllczogcmVhZG9ubHkgWydwYWRkaW5nVG9wJywgJ3BhZGRpbmdCb3R0b20nXTtcbiAgICByZWFkb25seSBzY2FsZTogJ3NwYWNpbmcnO1xuICB9Pjtcbn07XG5cbmV4cG9ydCBjb25zdCBNYXJrZXRpbmdCYW5uZXI6IFJlYWN0LkZDPE1hcmtldGluZ0Jhbm5lclByb3BzPiA9ICh7XG4gIHNvdXJjZSxcbiAgdGFiSW5kZXgsXG4gIHRleHQsXG4gIGhyZWYsXG4gIHB5LFxufSkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckl0ZW1DbGljayB9ID0gdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8TWFya2V0aW5nQmFubmVyQW5jaG9yXG4gICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEFuY2hvckVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PlxuICAgICAgICBnbG9iYWxIZWFkZXJJdGVtQ2xpY2soZXZlbnQsIHtcbiAgICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgICAgaHJlZixcbiAgICAgICAgICB0ZXh0LFxuICAgICAgICAgIGlkOiBgdG9wbmF2XyR7c291cmNlfV9iYW5uZXJgLFxuICAgICAgICAgIHRyYWNraW5nVGFyZ2V0OiBgdG9wbmF2XyR7c291cmNlfV9iYW5uZXJgLFxuICAgICAgICB9KVxuICAgICAgfVxuICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgZGF0YS10ZXN0aWQ9XCJtYXJrZXRpbmctYmFubmVyXCJcbiAgICA+XG4gICAgICA8TWFya2V0aW5nQmFubmVyQm94XG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgIGFsaWduSXRlbXM9e3sgXzogJ2ZsZXgtZW5kJywgbGc6ICdjZW50ZXInIH19XG4gICAgICAgIGhlaWdodD17eyBfOiAnYXV0bycsIGxnOiAnNDBweCcgfX1cbiAgICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgIG14PXs4fVxuICAgICAgICBtdD17OH1cbiAgICAgICAgcHg9ezI0fVxuICAgICAgICBweT17cHkgPz8geyBfOiAxNiwgbGc6IDggfX1cbiAgICAgICAgYm9yZGVyUmFkaXVzPVwibGdcIlxuICAgICAgPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGFsaWduSXRlbXM9e3sgXzogJ2ZsZXgtc3RhcnQnLCBsZzogJ2NlbnRlcicgfX1cbiAgICAgICAgICBmbGV4RGlyZWN0aW9uPXt7IF86ICdjb2x1bW4nLCBsZzogJ3JvdycgfX1cbiAgICAgICAgICBnYXA9e3sgXzogOCwgbGc6IDAgfX1cbiAgICAgICAgICB6SW5kZXg9ezF9XG4gICAgICAgID5cbiAgICAgICAgICA8QmFkZ2VcbiAgICAgICAgICAgIGJnPVwieWVsbG93LTUwMFwiXG4gICAgICAgICAgICBjb2xvcj1cIm5hdnktODAwXCJcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJjdXN0b21cIlxuICAgICAgICAgICAgc2l6ZT1cInNtXCJcbiAgICAgICAgICAgIG1yPXs4fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIE5ld1xuICAgICAgICAgIDwvQmFkZ2U+XG4gICAgICAgICAgPFRleHQgdmFyaWFudD1cInAtYmFzZVwiPnt0ZXh0fTwvVGV4dD5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8Qm94IGhlaWdodD17MTZ9IHdpZHRoPXsxNn0gekluZGV4PXsxfT5cbiAgICAgICAgICA8TWFya2V0aW5nQXJyb3dJY29uIC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9NYXJrZXRpbmdCYW5uZXJCb3g+XG4gICAgPC9NYXJrZXRpbmdCYW5uZXJBbmNob3I+XG4gICk7XG59O1xuIl19 */"));
-export const MarketingBanner = ({
-  source,
-  tabIndex,
-  text,
-  href,
-  py
-}) => {
-  const {
-    globalHeaderItemClick
-  } = useGlobalHeaderItemClick();
-  return /*#__PURE__*/_jsx(MarketingBannerAnchor, {
-    variant: "interface",
-    href: href,
-    onClick: event => globalHeaderItemClick(event, {
-      type: 'link',
-      href,
-      text,
-      id: `topnav_${source}_banner`,
-      trackingTarget: `topnav_${source}_banner`
-    }),
-    tabIndex: tabIndex,
-    "data-testid": "marketing-banner",
-    children: /*#__PURE__*/_jsxs(MarketingBannerBox, {
-      width: "100%",
-      justifyContent: "space-between",
-      alignItems: {
-        _: 'flex-end',
-        lg: 'center'
-      },
-      height: {
-        _: 'auto',
-        lg: '40px'
-      },
-      color: "white",
-      mx: 8,
-      mt: 8,
-      px: 24,
-      py: py ?? {
-        _: 16,
-        lg: 8
-      },
-      borderRadius: "lg",
-      children: [/*#__PURE__*/_jsxs(FlexBox, {
-        alignItems: {
-          _: 'flex-start',
-          lg: 'center'
-        },
-        flexDirection: {
-          _: 'column',
-          lg: 'row'
-        },
-        gap: {
-          _: 8,
-          lg: 0
-        },
-        zIndex: 1,
-        children: [/*#__PURE__*/_jsx(Badge, {
-          bg: "yellow-500",
-          color: "navy-800",
-          variant: "custom",
-          size: "sm",
-          mr: 8,
-          children: "New"
-        }), /*#__PURE__*/_jsx(Text, {
-          variant: "p-base",
-          children: text
-        })]
-      }), /*#__PURE__*/_jsx(Box, {
-        height: 16,
-        width: 16,
-        zIndex: 1,
-        children: /*#__PURE__*/_jsx(MarketingArrowIcon, {})
-      })]
-    })
-  });
-};
+import { useGlobalHeaderItemClick } from "../../../GlobalHeader/context.js";
+import { Anchor, Badge, Box, FlexBox, Text } from "@codecademy/gamut";
+import styled from "@emotion/styled";
+import { ArrowRightIcon } from "@codecademy/gamut-icons";
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/MarketingBanner.tsx
+const MarketingBannerAnchor = /*#__PURE__*/ styled(Anchor, {
+	target: "ejiu5no0",
+	label: "brand-MarketingBannerAnchor"
+})("display:flex;&:hover,&:focus-visible{outline:none;text-decoration:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTWFya2V0aW5nQmFubmVyLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTWFya2V0aW5nQmFubmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJhZGdlLCBCb3gsIEZsZXhCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd1JpZ2h0SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IFNjYWxlIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UvZGlzdC90eXBlcy9jb25maWcnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2sgfSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXIvY29udGV4dCc7XG5cbmNvbnN0IE1hcmtldGluZ0Jhbm5lckFuY2hvciA9IHN0eWxlZChBbmNob3IpYFxuICBkaXNwbGF5OiBmbGV4O1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IE1hcmtldGluZ0Jhbm5lckJveCA9IHN0eWxlZChGbGV4Qm94KWBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JvcmRlci10ZXJ0aWFyeSddfSxcbiAgICAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIwKSc7XG4gIGJvcmRlci1yYWRpdXM6IDEycHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIDE0NWRlZyxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbmF2eS04MDAnXX0gNTAlLFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTQwMCddfSAxMDAlXG4gICk7XG5cbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICBib3R0b206IDA7XG4gICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgICAgMTQ1ZGVnLFxuICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktODAwJ119IDg1JSxcbiAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTQwMCddfSAxMDAlXG4gICAgKTtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRyYW5zaXRpb246IG9wYWNpdHkgMC40cyBlYXNlLWluLW91dDtcbiAgICBib3JkZXItcmFkaXVzOiAxMnB4O1xuICB9XG5cbiAgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmhvdmVyICYsICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpmb2N1cy12aXNpYmxlICYge1xuICAgICY6OmFmdGVyIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBNYXJrZXRpbmdBcnJvd0ljb24gPSBzdHlsZWQoQXJyb3dSaWdodEljb24pYFxuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlLWluLW91dDtcblxuICAke01hcmtldGluZ0Jhbm5lckFuY2hvcn06aG92ZXIgJiwgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmZvY3VzLXZpc2libGUgJiB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwcHgpO1xuICB9XG5cbiAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgICB0cmFuc2l0aW9uOiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBNYXJrZXRpbmdCYW5uZXJQcm9wcyA9IHtcbiAgc291cmNlOiAnY2F0YWxvZycgfCAncmVzb3VyY2VzJyB8ICdzZWFyY2gnO1xuICB0YWJJbmRleDogbnVtYmVyO1xuICB0ZXh0OiBzdHJpbmc7XG4gIGhyZWY6IHN0cmluZztcbiAgcHk/OiBTY2FsZTx7XG4gICAgcmVhZG9ubHkgcHJvcGVydHk6ICdwYWRkaW5nJztcbiAgICByZWFkb25seSBwcm9wZXJ0aWVzOiByZWFkb25seSBbJ3BhZGRpbmdUb3AnLCAncGFkZGluZ0JvdHRvbSddO1xuICAgIHJlYWRvbmx5IHNjYWxlOiAnc3BhY2luZyc7XG4gIH0+O1xufTtcblxuZXhwb3J0IGNvbnN0IE1hcmtldGluZ0Jhbm5lcjogUmVhY3QuRkM8TWFya2V0aW5nQmFubmVyUHJvcHM+ID0gKHtcbiAgc291cmNlLFxuICB0YWJJbmRleCxcbiAgdGV4dCxcbiAgaHJlZixcbiAgcHksXG59KSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcblxuICByZXR1cm4gKFxuICAgIDxNYXJrZXRpbmdCYW5uZXJBbmNob3JcbiAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgaHJlZj17aHJlZn1cbiAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+XG4gICAgICAgIGdsb2JhbEhlYWRlckl0ZW1DbGljayhldmVudCwge1xuICAgICAgICAgIHR5cGU6ICdsaW5rJyxcbiAgICAgICAgICBocmVmLFxuICAgICAgICAgIHRleHQsXG4gICAgICAgICAgaWQ6IGB0b3BuYXZfJHtzb3VyY2V9X2Jhbm5lcmAsXG4gICAgICAgICAgdHJhY2tpbmdUYXJnZXQ6IGB0b3BuYXZfJHtzb3VyY2V9X2Jhbm5lcmAsXG4gICAgICAgIH0pXG4gICAgICB9XG4gICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICBkYXRhLXRlc3RpZD1cIm1hcmtldGluZy1iYW5uZXJcIlxuICAgID5cbiAgICAgIDxNYXJrZXRpbmdCYW5uZXJCb3hcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnZmxleC1lbmQnLCBsZzogJ2NlbnRlcicgfX1cbiAgICAgICAgaGVpZ2h0PXt7IF86ICdhdXRvJywgbGc6ICc0MHB4JyB9fVxuICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgbXg9ezh9XG4gICAgICAgIG10PXs4fVxuICAgICAgICBweD17MjR9XG4gICAgICAgIHB5PXtweSA/PyB7IF86IDE2LCBsZzogOCB9fVxuICAgICAgICBib3JkZXJSYWRpdXM9XCJsZ1wiXG4gICAgICA+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnZmxleC1zdGFydCcsIGxnOiAnY2VudGVyJyB9fVxuICAgICAgICAgIGZsZXhEaXJlY3Rpb249e3sgXzogJ2NvbHVtbicsIGxnOiAncm93JyB9fVxuICAgICAgICAgIGdhcD17eyBfOiA4LCBsZzogMCB9fVxuICAgICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgPlxuICAgICAgICAgIDxCYWRnZVxuICAgICAgICAgICAgYmc9XCJ5ZWxsb3ctNTAwXCJcbiAgICAgICAgICAgIGNvbG9yPVwibmF2eS04MDBcIlxuICAgICAgICAgICAgdmFyaWFudD1cImN1c3RvbVwiXG4gICAgICAgICAgICBzaXplPVwic21cIlxuICAgICAgICAgICAgbXI9ezh9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgTmV3XG4gICAgICAgICAgPC9CYWRnZT5cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1iYXNlXCI+e3RleHR9PC9UZXh0PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDxCb3ggaGVpZ2h0PXsxNn0gd2lkdGg9ezE2fSB6SW5kZXg9ezF9PlxuICAgICAgICAgIDxNYXJrZXRpbmdBcnJvd0ljb24gLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L01hcmtldGluZ0Jhbm5lckJveD5cbiAgICA8L01hcmtldGluZ0Jhbm5lckFuY2hvcj5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzhCIn0= */");
+const MarketingBannerBox = /*#__PURE__*/ styled(FlexBox, {
+	target: "ejiu5no1",
+	label: "brand-MarketingBannerBox"
+})("border:1px solid ", ({ theme }) => theme.colors["border-tertiary"], ",'rgba(255,255,255,0.20)';border-radius:12px;position:relative;background:linear-gradient(\n    145deg,", ({ theme }) => theme.colors["navy-800"], " 50%,", ({ theme }) => theme.colors["blue-400"], " 100%\n  );&::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(\n      145deg,", ({ theme }) => theme.colors["navy-800"], " 85%,", ({ theme }) => theme.colors["blue-400"], " 100%\n    );opacity:0;transition:opacity 0.4s ease-in-out;border-radius:12px;}", MarketingBannerAnchor, ":hover &,", MarketingBannerAnchor, ":focus-visible &{&::after{opacity:1;}}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTWFya2V0aW5nQmFubmVyLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTWFya2V0aW5nQmFubmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJhZGdlLCBCb3gsIEZsZXhCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd1JpZ2h0SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IFNjYWxlIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UvZGlzdC90eXBlcy9jb25maWcnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2sgfSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXIvY29udGV4dCc7XG5cbmNvbnN0IE1hcmtldGluZ0Jhbm5lckFuY2hvciA9IHN0eWxlZChBbmNob3IpYFxuICBkaXNwbGF5OiBmbGV4O1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IE1hcmtldGluZ0Jhbm5lckJveCA9IHN0eWxlZChGbGV4Qm94KWBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JvcmRlci10ZXJ0aWFyeSddfSxcbiAgICAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIwKSc7XG4gIGJvcmRlci1yYWRpdXM6IDEycHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIDE0NWRlZyxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbmF2eS04MDAnXX0gNTAlLFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTQwMCddfSAxMDAlXG4gICk7XG5cbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICBib3R0b206IDA7XG4gICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgICAgMTQ1ZGVnLFxuICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktODAwJ119IDg1JSxcbiAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTQwMCddfSAxMDAlXG4gICAgKTtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRyYW5zaXRpb246IG9wYWNpdHkgMC40cyBlYXNlLWluLW91dDtcbiAgICBib3JkZXItcmFkaXVzOiAxMnB4O1xuICB9XG5cbiAgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmhvdmVyICYsICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpmb2N1cy12aXNpYmxlICYge1xuICAgICY6OmFmdGVyIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBNYXJrZXRpbmdBcnJvd0ljb24gPSBzdHlsZWQoQXJyb3dSaWdodEljb24pYFxuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlLWluLW91dDtcblxuICAke01hcmtldGluZ0Jhbm5lckFuY2hvcn06aG92ZXIgJiwgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmZvY3VzLXZpc2libGUgJiB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwcHgpO1xuICB9XG5cbiAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgICB0cmFuc2l0aW9uOiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBNYXJrZXRpbmdCYW5uZXJQcm9wcyA9IHtcbiAgc291cmNlOiAnY2F0YWxvZycgfCAncmVzb3VyY2VzJyB8ICdzZWFyY2gnO1xuICB0YWJJbmRleDogbnVtYmVyO1xuICB0ZXh0OiBzdHJpbmc7XG4gIGhyZWY6IHN0cmluZztcbiAgcHk/OiBTY2FsZTx7XG4gICAgcmVhZG9ubHkgcHJvcGVydHk6ICdwYWRkaW5nJztcbiAgICByZWFkb25seSBwcm9wZXJ0aWVzOiByZWFkb25seSBbJ3BhZGRpbmdUb3AnLCAncGFkZGluZ0JvdHRvbSddO1xuICAgIHJlYWRvbmx5IHNjYWxlOiAnc3BhY2luZyc7XG4gIH0+O1xufTtcblxuZXhwb3J0IGNvbnN0IE1hcmtldGluZ0Jhbm5lcjogUmVhY3QuRkM8TWFya2V0aW5nQmFubmVyUHJvcHM+ID0gKHtcbiAgc291cmNlLFxuICB0YWJJbmRleCxcbiAgdGV4dCxcbiAgaHJlZixcbiAgcHksXG59KSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcblxuICByZXR1cm4gKFxuICAgIDxNYXJrZXRpbmdCYW5uZXJBbmNob3JcbiAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgaHJlZj17aHJlZn1cbiAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+XG4gICAgICAgIGdsb2JhbEhlYWRlckl0ZW1DbGljayhldmVudCwge1xuICAgICAgICAgIHR5cGU6ICdsaW5rJyxcbiAgICAgICAgICBocmVmLFxuICAgICAgICAgIHRleHQsXG4gICAgICAgICAgaWQ6IGB0b3BuYXZfJHtzb3VyY2V9X2Jhbm5lcmAsXG4gICAgICAgICAgdHJhY2tpbmdUYXJnZXQ6IGB0b3BuYXZfJHtzb3VyY2V9X2Jhbm5lcmAsXG4gICAgICAgIH0pXG4gICAgICB9XG4gICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICBkYXRhLXRlc3RpZD1cIm1hcmtldGluZy1iYW5uZXJcIlxuICAgID5cbiAgICAgIDxNYXJrZXRpbmdCYW5uZXJCb3hcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnZmxleC1lbmQnLCBsZzogJ2NlbnRlcicgfX1cbiAgICAgICAgaGVpZ2h0PXt7IF86ICdhdXRvJywgbGc6ICc0MHB4JyB9fVxuICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgbXg9ezh9XG4gICAgICAgIG10PXs4fVxuICAgICAgICBweD17MjR9XG4gICAgICAgIHB5PXtweSA/PyB7IF86IDE2LCBsZzogOCB9fVxuICAgICAgICBib3JkZXJSYWRpdXM9XCJsZ1wiXG4gICAgICA+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnZmxleC1zdGFydCcsIGxnOiAnY2VudGVyJyB9fVxuICAgICAgICAgIGZsZXhEaXJlY3Rpb249e3sgXzogJ2NvbHVtbicsIGxnOiAncm93JyB9fVxuICAgICAgICAgIGdhcD17eyBfOiA4LCBsZzogMCB9fVxuICAgICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgPlxuICAgICAgICAgIDxCYWRnZVxuICAgICAgICAgICAgYmc9XCJ5ZWxsb3ctNTAwXCJcbiAgICAgICAgICAgIGNvbG9yPVwibmF2eS04MDBcIlxuICAgICAgICAgICAgdmFyaWFudD1cImN1c3RvbVwiXG4gICAgICAgICAgICBzaXplPVwic21cIlxuICAgICAgICAgICAgbXI9ezh9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgTmV3XG4gICAgICAgICAgPC9CYWRnZT5cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1iYXNlXCI+e3RleHR9PC9UZXh0PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDxCb3ggaGVpZ2h0PXsxNn0gd2lkdGg9ezE2fSB6SW5kZXg9ezF9PlxuICAgICAgICAgIDxNYXJrZXRpbmdBcnJvd0ljb24gLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L01hcmtldGluZ0Jhbm5lckJveD5cbiAgICA8L01hcmtldGluZ0Jhbm5lckFuY2hvcj5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUIyQiJ9 */");
+const MarketingArrowIcon = /*#__PURE__*/ styled(ArrowRightIcon, {
+	target: "ejiu5no2",
+	label: "brand-MarketingArrowIcon"
+})("transition:transform 0.2s ease-in-out;", MarketingBannerAnchor, ":hover &,", MarketingBannerAnchor, ":focus-visible &{transform:translateX(10px);}@media (prefers-reduced-motion:reduce){transition:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTWFya2V0aW5nQmFubmVyLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTWFya2V0aW5nQmFubmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJhZGdlLCBCb3gsIEZsZXhCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd1JpZ2h0SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IFNjYWxlIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UvZGlzdC90eXBlcy9jb25maWcnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2sgfSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXIvY29udGV4dCc7XG5cbmNvbnN0IE1hcmtldGluZ0Jhbm5lckFuY2hvciA9IHN0eWxlZChBbmNob3IpYFxuICBkaXNwbGF5OiBmbGV4O1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IE1hcmtldGluZ0Jhbm5lckJveCA9IHN0eWxlZChGbGV4Qm94KWBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JvcmRlci10ZXJ0aWFyeSddfSxcbiAgICAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIwKSc7XG4gIGJvcmRlci1yYWRpdXM6IDEycHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIDE0NWRlZyxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbmF2eS04MDAnXX0gNTAlLFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTQwMCddfSAxMDAlXG4gICk7XG5cbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICBib3R0b206IDA7XG4gICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgICAgMTQ1ZGVnLFxuICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktODAwJ119IDg1JSxcbiAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTQwMCddfSAxMDAlXG4gICAgKTtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRyYW5zaXRpb246IG9wYWNpdHkgMC40cyBlYXNlLWluLW91dDtcbiAgICBib3JkZXItcmFkaXVzOiAxMnB4O1xuICB9XG5cbiAgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmhvdmVyICYsICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpmb2N1cy12aXNpYmxlICYge1xuICAgICY6OmFmdGVyIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBNYXJrZXRpbmdBcnJvd0ljb24gPSBzdHlsZWQoQXJyb3dSaWdodEljb24pYFxuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlLWluLW91dDtcblxuICAke01hcmtldGluZ0Jhbm5lckFuY2hvcn06aG92ZXIgJiwgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmZvY3VzLXZpc2libGUgJiB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwcHgpO1xuICB9XG5cbiAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgICB0cmFuc2l0aW9uOiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBNYXJrZXRpbmdCYW5uZXJQcm9wcyA9IHtcbiAgc291cmNlOiAnY2F0YWxvZycgfCAncmVzb3VyY2VzJyB8ICdzZWFyY2gnO1xuICB0YWJJbmRleDogbnVtYmVyO1xuICB0ZXh0OiBzdHJpbmc7XG4gIGhyZWY6IHN0cmluZztcbiAgcHk/OiBTY2FsZTx7XG4gICAgcmVhZG9ubHkgcHJvcGVydHk6ICdwYWRkaW5nJztcbiAgICByZWFkb25seSBwcm9wZXJ0aWVzOiByZWFkb25seSBbJ3BhZGRpbmdUb3AnLCAncGFkZGluZ0JvdHRvbSddO1xuICAgIHJlYWRvbmx5IHNjYWxlOiAnc3BhY2luZyc7XG4gIH0+O1xufTtcblxuZXhwb3J0IGNvbnN0IE1hcmtldGluZ0Jhbm5lcjogUmVhY3QuRkM8TWFya2V0aW5nQmFubmVyUHJvcHM+ID0gKHtcbiAgc291cmNlLFxuICB0YWJJbmRleCxcbiAgdGV4dCxcbiAgaHJlZixcbiAgcHksXG59KSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcblxuICByZXR1cm4gKFxuICAgIDxNYXJrZXRpbmdCYW5uZXJBbmNob3JcbiAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgaHJlZj17aHJlZn1cbiAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+XG4gICAgICAgIGdsb2JhbEhlYWRlckl0ZW1DbGljayhldmVudCwge1xuICAgICAgICAgIHR5cGU6ICdsaW5rJyxcbiAgICAgICAgICBocmVmLFxuICAgICAgICAgIHRleHQsXG4gICAgICAgICAgaWQ6IGB0b3BuYXZfJHtzb3VyY2V9X2Jhbm5lcmAsXG4gICAgICAgICAgdHJhY2tpbmdUYXJnZXQ6IGB0b3BuYXZfJHtzb3VyY2V9X2Jhbm5lcmAsXG4gICAgICAgIH0pXG4gICAgICB9XG4gICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICBkYXRhLXRlc3RpZD1cIm1hcmtldGluZy1iYW5uZXJcIlxuICAgID5cbiAgICAgIDxNYXJrZXRpbmdCYW5uZXJCb3hcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnZmxleC1lbmQnLCBsZzogJ2NlbnRlcicgfX1cbiAgICAgICAgaGVpZ2h0PXt7IF86ICdhdXRvJywgbGc6ICc0MHB4JyB9fVxuICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgbXg9ezh9XG4gICAgICAgIG10PXs4fVxuICAgICAgICBweD17MjR9XG4gICAgICAgIHB5PXtweSA/PyB7IF86IDE2LCBsZzogOCB9fVxuICAgICAgICBib3JkZXJSYWRpdXM9XCJsZ1wiXG4gICAgICA+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnZmxleC1zdGFydCcsIGxnOiAnY2VudGVyJyB9fVxuICAgICAgICAgIGZsZXhEaXJlY3Rpb249e3sgXzogJ2NvbHVtbicsIGxnOiAncm93JyB9fVxuICAgICAgICAgIGdhcD17eyBfOiA4LCBsZzogMCB9fVxuICAgICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgPlxuICAgICAgICAgIDxCYWRnZVxuICAgICAgICAgICAgYmc9XCJ5ZWxsb3ctNTAwXCJcbiAgICAgICAgICAgIGNvbG9yPVwibmF2eS04MDBcIlxuICAgICAgICAgICAgdmFyaWFudD1cImN1c3RvbVwiXG4gICAgICAgICAgICBzaXplPVwic21cIlxuICAgICAgICAgICAgbXI9ezh9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgTmV3XG4gICAgICAgICAgPC9CYWRnZT5cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1iYXNlXCI+e3RleHR9PC9UZXh0PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDxCb3ggaGVpZ2h0PXsxNn0gd2lkdGg9ezE2fSB6SW5kZXg9ezF9PlxuICAgICAgICAgIDxNYXJrZXRpbmdBcnJvd0ljb24gLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L01hcmtldGluZ0Jhbm5lckJveD5cbiAgICA8L01hcmtldGluZ0Jhbm5lckFuY2hvcj5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0QyQiJ9 */");
+const MarketingBanner = ({ source, tabIndex, text, href, py }) => {
+	const { globalHeaderItemClick } = useGlobalHeaderItemClick();
+	return /*#__PURE__*/ React.createElement(MarketingBannerAnchor, {
+		variant: "interface",
+		href,
+		onClick: (event) => globalHeaderItemClick(event, {
+			type: "link",
+			href,
+			text,
+			id: `topnav_${source}_banner`,
+			trackingTarget: `topnav_${source}_banner`
+		}),
+		tabIndex,
+		"data-testid": "marketing-banner"
+	}, /*#__PURE__*/ React.createElement(MarketingBannerBox, {
+		width: "100%",
+		justifyContent: "space-between",
+		alignItems: {
+			_: "flex-end",
+			lg: "center"
+		},
+		height: {
+			_: "auto",
+			lg: "40px"
+		},
+		color: "white",
+		mx: 8,
+		mt: 8,
+		px: 24,
+		py: py ?? {
+			_: 16,
+			lg: 8
+		},
+		borderRadius: "lg"
+	}, /*#__PURE__*/ React.createElement(FlexBox, {
+		alignItems: {
+			_: "flex-start",
+			lg: "center"
+		},
+		flexDirection: {
+			_: "column",
+			lg: "row"
+		},
+		gap: {
+			_: 8,
+			lg: 0
+		},
+		zIndex: 1
+	}, /*#__PURE__*/ React.createElement(Badge, {
+		bg: "yellow-500",
+		color: "navy-800",
+		variant: "custom",
+		size: "sm",
+		mr: 8
+	}, "New"), /*#__PURE__*/ React.createElement(Text, { variant: "p-base" }, text)), /*#__PURE__*/ React.createElement(Box, {
+		height: 16,
+		width: 16,
+		zIndex: 1
+	}, /*#__PURE__*/ React.createElement(MarketingArrowIcon, null))));
+};
+
+//#endregion
+export { MarketingBanner };
+//# sourceMappingURL=MarketingBanner.js.map

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/MarketingBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarketingBanner.js","names":["Anchor","Badge","Box","FlexBox","Text","ArrowRightIcon","styled","useGlobalHeaderItemClick","MarketingBannerAnchor","MarketingBannerBox","theme","colors","MarketingArrowIcon","MarketingBanner","source","tabIndex","text","href","py","globalHeaderItemClick","variant","onClick","event","type","id","trackingTarget","data-testid","width","justifyContent","alignItems","_","lg","height","color","mx","mt","px","borderRadius","flexDirection","gap","zIndex","bg","size","mr"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/MarketingBanner.tsx"],"sourcesContent":["import { Anchor, Badge, Box, FlexBox, Text } from '@codecademy/gamut';\nimport { ArrowRightIcon } from '@codecademy/gamut-icons';\nimport { Scale } from '@codecademy/variance/dist/types/config';\nimport styled from '@emotion/styled';\n\nimport { useGlobalHeaderItemClick } from '../../../GlobalHeader/context';\n\nconst MarketingBannerAnchor = styled(Anchor)`\n  display: flex;\n\n  &:hover,\n  &:focus-visible {\n    outline: none;\n    text-decoration: none;\n  }\n`;\n\nconst MarketingBannerBox = styled(FlexBox)`\n  border: 1px solid ${({ theme }) => theme.colors['border-tertiary']},\n    'rgba(255, 255, 255, 0.20)';\n  border-radius: 12px;\n  position: relative;\n  background: linear-gradient(\n    145deg,\n    ${({ theme }) => theme.colors['navy-800']} 50%,\n    ${({ theme }) => theme.colors['blue-400']} 100%\n  );\n\n  &::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(\n      145deg,\n      ${({ theme }) => theme.colors['navy-800']} 85%,\n      ${({ theme }) => theme.colors['blue-400']} 100%\n    );\n    opacity: 0;\n    transition: opacity 0.4s ease-in-out;\n    border-radius: 12px;\n  }\n\n  ${MarketingBannerAnchor}:hover &, ${MarketingBannerAnchor}:focus-visible & {\n    &::after {\n      opacity: 1;\n    }\n  }\n`;\n\nconst MarketingArrowIcon = styled(ArrowRightIcon)`\n  transition: transform 0.2s ease-in-out;\n\n  ${MarketingBannerAnchor}:hover &, ${MarketingBannerAnchor}:focus-visible & {\n    transform: translateX(10px);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    transition: none;\n  }\n`;\n\nexport type MarketingBannerProps = {\n  source: 'catalog' | 'resources' | 'search';\n  tabIndex: number;\n  text: string;\n  href: string;\n  py?: Scale<{\n    readonly property: 'padding';\n    readonly properties: readonly ['paddingTop', 'paddingBottom'];\n    readonly scale: 'spacing';\n  }>;\n};\n\nexport const MarketingBanner: React.FC<MarketingBannerProps> = ({\n  source,\n  tabIndex,\n  text,\n  href,\n  py,\n}) => {\n  const { globalHeaderItemClick } = useGlobalHeaderItemClick();\n\n  return (\n    <MarketingBannerAnchor\n      variant=\"interface\"\n      href={href}\n      onClick={(event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) =>\n        globalHeaderItemClick(event, {\n          type: 'link',\n          href,\n          text,\n          id: `topnav_${source}_banner`,\n          trackingTarget: `topnav_${source}_banner`,\n        })\n      }\n      tabIndex={tabIndex}\n      data-testid=\"marketing-banner\"\n    >\n      <MarketingBannerBox\n        width=\"100%\"\n        justifyContent=\"space-between\"\n        alignItems={{ _: 'flex-end', lg: 'center' }}\n        height={{ _: 'auto', lg: '40px' }}\n        color=\"white\"\n        mx={8}\n        mt={8}\n        px={24}\n        py={py ?? { _: 16, lg: 8 }}\n        borderRadius=\"lg\"\n      >\n        <FlexBox\n          alignItems={{ _: 'flex-start', lg: 'center' }}\n          flexDirection={{ _: 'column', lg: 'row' }}\n          gap={{ _: 8, lg: 0 }}\n          zIndex={1}\n        >\n          <Badge\n            bg=\"yellow-500\"\n            color=\"navy-800\"\n            variant=\"custom\"\n            size=\"sm\"\n            mr={8}\n          >\n            New\n          </Badge>\n          <Text variant=\"p-base\">{text}</Text>\n        </FlexBox>\n        <Box height={16} width={16} zIndex={1}>\n          <MarketingArrowIcon />\n        </Box>\n      </MarketingBannerBox>\n    </MarketingBannerAnchor>\n  );\n};\n"],"mappings":";;;;;;AAOA,MAAMQ,wBAAwBF,qBAAON,QAAAA;;;;AAUrC,MAAMS,qBAAqBH,qBAAOH,SAAAA;;;yBACX,EAAEO,YAAYA,MAAMC,OAAO,oBAAkB,4GAM7D,EAAED,YAAYA,MAAMC,OAAO,aAAW,UACtC,EAAED,YAAYA,MAAMC,OAAO,aAAW,8HAYpC,EAAED,YAAYA,MAAMC,OAAO,aAAW,UACtC,EAAED,YAAYA,MAAMC,OAAO,aAAW,mFAO3CH,uBAAAA,aAAkCA,uBAAAA,0CAAAA,6oKAAAA;AAOtC,MAAMI,qBAAqBN,qBAAOD,gBAAAA;;;6CAG9BG,uBAAAA,aAAkCA,uBAAAA,yGAAAA,6oKAAAA;AAqBtC,MAAaK,mBAAmD,EAC9DC,QACAC,UACAC,MACAC,MACAC,SACD;CACC,MAAM,EAAEC,0BAA0BZ,yBAAAA;CAElC,OACE,oBAAA,cAACC,uBAAAA;EACCY,SAAQ;EACFH;EACNI,UAAUC,UACRH,sBAAsBG,OAAO;GAC3BC,MAAM;GACNN;GACAD;GACAQ,IAAI,UAAUV,OAAO;GACrBW,gBAAgB,UAAUX,OAAO;EACnC,CAAA;EAEQC;EACVW,eAAY;IAEZ,oBAAA,cAACjB,oBAAAA;EACCkB,OAAM;EACNC,gBAAe;EACfC,YAAY;GAAEC,GAAG;GAAYC,IAAI;EAAS;EAC1CC,QAAQ;GAAEF,GAAG;GAAQC,IAAI;EAAO;EAChCE,OAAM;EACNC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJlB,IAAIA,MAAM;GAAEY,GAAG;GAAIC,IAAI;EAAE;EACzBM,cAAa;IAEb,oBAAA,cAAClC,SAAAA;EACC0B,YAAY;GAAEC,GAAG;GAAcC,IAAI;EAAS;EAC5CO,eAAe;GAAER,GAAG;GAAUC,IAAI;EAAM;EACxCQ,KAAK;GAAET,GAAG;GAAGC,IAAI;EAAE;EACnBS,QAAQ;IAER,oBAAA,cAACvC,OAAAA;EACCwC,IAAG;EACHR,OAAM;EACNb,SAAQ;EACRsB,MAAK;EACLC,IAAI;IACL,KAAA,GAGD,oBAAA,cAACvC,MAAAA,EAAKgB,SAAQ,YAAUJ,IAAAA,CAAAA,GAE1B,oBAAA,cAACd,KAAAA;EAAI8B,QAAQ;EAAIL,OAAO;EAAIa,QAAQ;IAClC,oBAAA,cAAC5B,oBAAAA,IAAAA,CAAAA,CAAAA,CAAAA;AAKX"}

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

@@ -0,0 +1,220 @@
+const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
+const require_context = require('../../../GlobalHeader/context.cjs');
+const require_index = require('../AppHeaderDropdownProvider/index.cjs');
+const require_AppHeaderSectionContext = require('../AppHeaderSection/AppHeaderSectionContext.cjs');
+const require_index$1 = require('../AppHeaderDietCard/index.cjs');
+const require_PanelLayout = require('../AppHeaderSection/PanelLayout.cjs');
+const require_index$2 = require('../AppHeaderSkillTile/index.cjs');
+const require_consts = require('./consts.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_runtime.__toESM(_emotion_styled);
+let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/NavPanels.tsx
+const CourseTopicsPanel = () => {
+	const { globalHeaderItemClick } = require_context.useGlobalHeaderItemClick();
+	const { tabIndex } = require_AppHeaderSectionContext.useAppHeaderSectionContext();
+	const description = /*#__PURE__*/ React.createElement(React.Fragment, null, "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__*/ React.createElement(_codecademy_gamut.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"
+		})
+	}, "Take the quiz"));
+	return /*#__PURE__*/ React.createElement(require_PanelLayout.PanelLayout, {
+		heading: "Course topics",
+		description,
+		linkItem: {
+			type: "link",
+			href: "/catalog",
+			text: "Explore the full catalog",
+			trackingTarget: "topnav_catalog",
+			id: "explore-all-courses"
+		}
+	}, /*#__PURE__*/ React.createElement(_codecademy_gamut.Text, {
+		variant: "p-large",
+		fontWeight: 700,
+		as: "h3"
+	}, "Popular languages"), /*#__PURE__*/ React.createElement(_codecademy_gamut.GridBox, {
+		gridTemplateColumns: {
+			_: "1fr",
+			xs: "1fr 1fr",
+			md: "1fr 1fr 1fr"
+		},
+		gap: 8,
+		pl: 0,
+		as: "ul",
+		listStyle: "none",
+		mb: 24
+	}, require_consts.popularLanguages.map((item) => /*#__PURE__*/ React.createElement("li", { key: item.id }, /*#__PURE__*/ React.createElement(require_index$2.SkillTile, { item })))), /*#__PURE__*/ React.createElement(_codecademy_gamut.Text, {
+		variant: "p-large",
+		fontWeight: 700,
+		as: "h3"
+	}, "Popular subjects"), /*#__PURE__*/ React.createElement(_codecademy_gamut.GridBox, {
+		gridTemplateColumns: {
+			_: "1fr",
+			xs: "1fr 1fr",
+			md: "1fr 1fr 1fr"
+		},
+		gap: 8,
+		pl: 0,
+		as: "ul",
+		listStyle: "none"
+	}, require_consts.popularSubjects.map((item) => /*#__PURE__*/ React.createElement("li", { key: item.id }, /*#__PURE__*/ React.createElement(require_index$2.SkillTile, { item })))));
+};
+const DietCardGrid = ({ children }) => {
+	return /*#__PURE__*/ React.createElement(_codecademy_gamut.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);
+};
+const CareerPathsPanel = () => {
+	const { globalHeaderDynamicData } = require_context.useGlobalHeaderDynamicDataContext();
+	const totalCareerPathCount = globalHeaderDynamicData?.catalogDropdown.careerPaths.totalCareerPathCount;
+	const linkText = `Explore all${totalCareerPathCount ? ` ${totalCareerPathCount}` : ""} career paths`;
+	return /*#__PURE__*/ React.createElement(require_PanelLayout.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"
+		}
+	}, /*#__PURE__*/ React.createElement(DietCardGrid, null, globalHeaderDynamicData?.catalogDropdown.careerPaths.promotedCareerPaths.map((path) => {
+		return /*#__PURE__*/ React.createElement(require_index$1.AppHeaderDietCard, {
+			key: `${path.title}-card`,
+			title: path.title,
+			hours: path.durationHours,
+			icon: /*#__PURE__*/ React.createElement(_codecademy_gamut_icons.LevelIcon, null),
+			difficulty: path.difficulty,
+			href: path.urlPath,
+			trackingTarget: `careerpath_${path.title}`
+		});
+	})));
+};
+const SkillPathsPanel = () => {
+	const { globalHeaderDynamicData } = require_context.useGlobalHeaderDynamicDataContext();
+	const totalSkillPathCount = globalHeaderDynamicData?.catalogDropdown.skillPaths.totalSkillPathCount;
+	const linkText = `Explore all${totalSkillPathCount ? ` ${totalSkillPathCount}` : ""} skill paths`;
+	return /*#__PURE__*/ React.createElement(require_PanelLayout.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"
+		}
+	}, /*#__PURE__*/ React.createElement(DietCardGrid, null, globalHeaderDynamicData?.catalogDropdown.skillPaths.promotedSkillPaths.map((path) => {
+		return /*#__PURE__*/ React.createElement(require_index$1.AppHeaderDietCard, {
+			key: `${path.title}-card`,
+			title: path.title,
+			hours: path.durationHours,
+			icon: /*#__PURE__*/ React.createElement(_codecademy_gamut_icons.LevelIcon, null),
+			difficulty: path.difficulty,
+			href: path.urlPath,
+			trackingTarget: `skill_${path.title}`
+		});
+	})));
+};
+const Image = _codecademy_gamut.Box.withComponent("img");
+const GrayscaleToColorHoverLink = /*#__PURE__*/ (0, _emotion_styled.default)(_codecademy_gamut.Anchor, {
+	target: "e1z0zyt50",
+	label: "brand-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);img{filter:brightness(1);}border-color:", ({ theme }) => theme.colors.hyper, ";background-color:", ({ theme }) => theme.colors["navy-100"], ";}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTmF2UGFuZWxzLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTmF2UGFuZWxzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCwgR3JpZEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IExldmVsSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQ291cnNlRGlmZmljdWx0eSB9IGZyb20gJy4uLy4uLy4uL0NvbnRlbnRHcm91cEJhc2VDYXJkL3R5cGVzJztcbmltcG9ydCB7XG4gIHVzZUdsb2JhbEhlYWRlckR5bmFtaWNEYXRhQ29udGV4dCxcbiAgdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrLFxufSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXIvY29udGV4dCc7XG5pbXBvcnQgeyBBcHBIZWFkZXJEaWV0Q2FyZCB9IGZyb20gJy4uL0FwcEhlYWRlckRpZXRDYXJkJztcbmltcG9ydCB7IHVzZUFwcEhlYWRlckRyb3Bkb3duQ29udGV4dCB9IGZyb20gJy4uL0FwcEhlYWRlckRyb3Bkb3duUHJvdmlkZXInO1xuaW1wb3J0IHsgdXNlQXBwSGVhZGVyU2VjdGlvbkNvbnRleHQgfSBmcm9tICcuLi9BcHBIZWFkZXJTZWN0aW9uL0FwcEhlYWRlclNlY3Rpb25Db250ZXh0JztcbmltcG9ydCB7IFBhbmVsTGF5b3V0IH0gZnJvbSAnLi4vQXBwSGVhZGVyU2VjdGlvbi9QYW5lbExheW91dCc7XG5pbXBvcnQgeyBTa2lsbFRpbGUgfSBmcm9tICcuLi9BcHBIZWFkZXJTa2lsbFRpbGUnO1xuaW1wb3J0IHtcbiAgQ0VSVElGSUNBVElPTl9QUk9WSURFUlMsXG4gIHBvcHVsYXJMYW5ndWFnZXMsXG4gIHBvcHVsYXJTdWJqZWN0cyxcbn0gZnJvbSAnLi9jb25zdHMnO1xuXG5leHBvcnQgY29uc3QgQ291cnNlVG9waWNzUGFuZWwgPSAoKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcbiAgY29uc3QgeyB0YWJJbmRleCB9ID0gdXNlQXBwSGVhZGVyU2VjdGlvbkNvbnRleHQoKTtcblxuICBjb25zdCBkZXNjcmlwdGlvbiA9IChcbiAgICA8PlxuICAgICAgRXhwbG9yZSBmcmVlIG9yIHBhaWQgY291cnNlcyBpbiBhIHdpZGUgdmFyaWV0eSBvZiB0b3BpY3MuIFdpdGggc29tZXRoaW5nXG4gICAgICBmb3IgZXZlcnkgc2tpbGwgbGV2ZWwsIGl0JmFwb3M7cyBlYXN5IHRvIGZpbmQgYSBjb3Vyc2UgdGhhdCBmaXRzIHlvdXJcbiAgICAgIGdvYWxzLiBOb3Qgc3VyZSB3aGVyZSB0byBzdGFydD8gJm5ic3A7XG4gICAgICA8QW5jaG9yXG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgaHJlZj1cIi93ZWxjb21lL2ZpbmQtYS1jb3Vyc2VcIlxuICAgICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEFuY2hvckVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PlxuICAgICAgICAgIGdsb2JhbEhlYWRlckl0ZW1DbGljayhldmVudCwge1xuICAgICAgICAgICAgdHlwZTogJ2xpbmsnLFxuICAgICAgICAgICAgaHJlZjogJy93ZWxjb21lL2ZpbmQtYS1jb3Vyc2UnLFxuICAgICAgICAgICAgdGV4dDogJ1Rha2UgdGhlIHF1aXonLFxuICAgICAgICAgICAgaWQ6ICd0YWtlLXRoZS1xdWl6JyxcbiAgICAgICAgICB9KVxuICAgICAgICB9XG4gICAgICA+XG4gICAgICAgIFRha2UgdGhlIHF1aXpcbiAgICAgIDwvQW5jaG9yPlxuICAgIDwvPlxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFBhbmVsTGF5b3V0XG4gICAgICBoZWFkaW5nPVwiQ291cnNlIHRvcGljc1wiXG4gICAgICBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259XG4gICAgICBsaW5rSXRlbT17e1xuICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgIGhyZWY6ICcvY2F0YWxvZycsXG4gICAgICAgIHRleHQ6ICdFeHBsb3JlIHRoZSBmdWxsIGNhdGFsb2cnLFxuICAgICAgICB0cmFja2luZ1RhcmdldDogJ3RvcG5hdl9jYXRhbG9nJyxcbiAgICAgICAgaWQ6ICdleHBsb3JlLWFsbC1jb3Vyc2VzJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPFRleHQgdmFyaWFudD1cInAtbGFyZ2VcIiBmb250V2VpZ2h0PXs3MDB9IGFzPVwiaDNcIj5cbiAgICAgICAgUG9wdWxhciBsYW5ndWFnZXNcbiAgICAgIDwvVGV4dD5cbiAgICAgIDxHcmlkQm94XG4gICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM9e3sgXzogJzFmcicsIHhzOiAnMWZyIDFmcicsIG1kOiAnMWZyIDFmciAxZnInIH19XG4gICAgICAgIGdhcD17OH1cbiAgICAgICAgcGw9ezB9XG4gICAgICAgIGFzPVwidWxcIlxuICAgICAgICBsaXN0U3R5bGU9XCJub25lXCJcbiAgICAgICAgbWI9ezI0fVxuICAgICAgPlxuICAgICAgICB7cG9wdWxhckxhbmd1YWdlcy5tYXAoKGl0ZW0pID0+IChcbiAgICAgICAgICA8bGkga2V5PXtpdGVtLmlkfT5cbiAgICAgICAgICAgIDxTa2lsbFRpbGUgaXRlbT17aXRlbX0gLz5cbiAgICAgICAgICA8L2xpPlxuICAgICAgICApKX1cbiAgICAgIDwvR3JpZEJveD5cblxuICAgICAgPFRleHQgdmFyaWFudD1cInAtbGFyZ2VcIiBmb250V2VpZ2h0PXs3MDB9IGFzPVwiaDNcIj5cbiAgICAgICAgUG9wdWxhciBzdWJqZWN0c1xuICAgICAgPC9UZXh0PlxuICAgICAgPEdyaWRCb3hcbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17eyBfOiAnMWZyJywgeHM6ICcxZnIgMWZyJywgbWQ6ICcxZnIgMWZyIDFmcicgfX1cbiAgICAgICAgZ2FwPXs4fVxuICAgICAgICBwbD17MH1cbiAgICAgICAgYXM9XCJ1bFwiXG4gICAgICAgIGxpc3RTdHlsZT1cIm5vbmVcIlxuICAgICAgPlxuICAgICAgICB7cG9wdWxhclN1YmplY3RzLm1hcCgoaXRlbSkgPT4gKFxuICAgICAgICAgIDxsaSBrZXk9e2l0ZW0uaWR9PlxuICAgICAgICAgICAgPFNraWxsVGlsZSBpdGVtPXtpdGVtfSAvPlxuICAgICAgICAgIDwvbGk+XG4gICAgICAgICkpfVxuICAgICAgPC9HcmlkQm94PlxuICAgIDwvUGFuZWxMYXlvdXQ+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgRGlldENhcmRHcmlkID0gKHsgY2hpbGRyZW4gfTogeyBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8R3JpZEJveFxuICAgICAgYXM9XCJ1bFwiXG4gICAgICBncmlkVGVtcGxhdGVDb2x1bW5zPXt7XG4gICAgICAgIF86ICcxZnInLFxuICAgICAgICBzbTogJ3JlcGVhdCgyLCBtaW5tYXgoMCwgMWZyKSknLFxuICAgICAgICBtZDogJ3JlcGVhdCgzLCBtaW5tYXgoMCwgMWZyKSknLFxuICAgICAgfX1cbiAgICAgIGdhcD17MTZ9XG4gICAgICBtPXswfVxuICAgICAgcD17MH1cbiAgICAgIGxpc3RTdHlsZVR5cGU9XCJub25lXCJcbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9HcmlkQm94PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENhcmVlclBhdGhzUGFuZWwgPSAoKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVyRHluYW1pY0RhdGEgfSA9IHVzZUdsb2JhbEhlYWRlckR5bmFtaWNEYXRhQ29udGV4dCgpO1xuICBjb25zdCB0b3RhbENhcmVlclBhdGhDb3VudCA9XG4gICAgZ2xvYmFsSGVhZGVyRHluYW1pY0RhdGE/LmNhdGFsb2dEcm9wZG93bi5jYXJlZXJQYXRocy50b3RhbENhcmVlclBhdGhDb3VudDtcbiAgY29uc3QgbGlua1RleHQgPSBgRXhwbG9yZSBhbGwke1xuICAgIHRvdGFsQ2FyZWVyUGF0aENvdW50ID8gYCAke3RvdGFsQ2FyZWVyUGF0aENvdW50fWAgOiAnJ1xuICB9IGNhcmVlciBwYXRoc2A7XG5cbiAgcmV0dXJuIChcbiAgICA8UGFuZWxMYXlvdXRcbiAgICAgIGhlYWRpbmc9XCJDYXJlZXIgcGF0aHNcIlxuICAgICAgZGVzY3JpcHRpb249XCJDaG9vc2UgeW91ciBjYXJlZXIgYW5kIHdlJ2xsIHRlYWNoIHlvdSB0aGUgc2tpbGxzIHRvIGdldCBqb2ItcmVhZHkuIEVhY2ggQ2FyZWVyIFBhdGggY29udGFpbnMgYSBjdXJhdGVkIGxpc3Qgb2YgbGVzc29ucywgcXVpenplcywgdmlkZW9zLCBhbmQgcHJvamVjdHMgdG8gaGVscCB5b3UgbGVhcm4gYW5kIHByYWN0aWNlIHJlYWwtd29ybGQgc2tpbGxzLlwiXG4gICAgICBsaW5rSXRlbT17e1xuICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgIGhyZWY6ICcvY2F0YWxvZz90eXBlPWNhcmVlci1wYXRoJyxcbiAgICAgICAgdGV4dDogbGlua1RleHQsXG4gICAgICAgIHRyYWNraW5nVGFyZ2V0OiAndG9wbmF2X2NhdGFsb2dfaGVhZGVyX2V4cGxvcmVfYWxsX2NhcmVlcl9wYXRocycsXG4gICAgICAgIGlkOiAnZXhwbG9yZS1hbGwtY2FyZWVyLXBhdGhzJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPERpZXRDYXJkR3JpZD5cbiAgICAgICAge2dsb2JhbEhlYWRlckR5bmFtaWNEYXRhPy5jYXRhbG9nRHJvcGRvd24uY2FyZWVyUGF0aHMucHJvbW90ZWRDYXJlZXJQYXRocy5tYXAoXG4gICAgICAgICAgKHBhdGgpID0+IHtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxBcHBIZWFkZXJEaWV0Q2FyZFxuICAgICAgICAgICAgICAgIGtleT17YCR7cGF0aC50aXRsZX0tY2FyZGB9XG4gICAgICAgICAgICAgICAgdGl0bGU9e3BhdGgudGl0bGV9XG4gICAgICAgICAgICAgICAgaG91cnM9e3BhdGguZHVyYXRpb25Ib3Vyc31cbiAgICAgICAgICAgICAgICBpY29uPXs8TGV2ZWxJY29uIC8+fVxuICAgICAgICAgICAgICAgIGRpZmZpY3VsdHk9e3BhdGguZGlmZmljdWx0eSBhcyBDb3Vyc2VEaWZmaWN1bHR5fVxuICAgICAgICAgICAgICAgIGhyZWY9e3BhdGgudXJsUGF0aH1cbiAgICAgICAgICAgICAgICB0cmFja2luZ1RhcmdldD17YGNhcmVlcnBhdGhfJHtwYXRoLnRpdGxlfWB9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH1cbiAgICAgICAgKX1cbiAgICAgIDwvRGlldENhcmRHcmlkPlxuICAgIDwvUGFuZWxMYXlvdXQ+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgU2tpbGxQYXRoc1BhbmVsID0gKCkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckR5bmFtaWNEYXRhIH0gPSB1c2VHbG9iYWxIZWFkZXJEeW5hbWljRGF0YUNvbnRleHQoKTtcbiAgY29uc3QgdG90YWxTa2lsbFBhdGhDb3VudCA9XG4gICAgZ2xvYmFsSGVhZGVyRHluYW1pY0RhdGE/LmNhdGFsb2dEcm9wZG93bi5za2lsbFBhdGhzLnRvdGFsU2tpbGxQYXRoQ291bnQ7XG4gIGNvbnN0IGxpbmtUZXh0ID0gYEV4cGxvcmUgYWxsJHtcbiAgICB0b3RhbFNraWxsUGF0aENvdW50ID8gYCAke3RvdGFsU2tpbGxQYXRoQ291bnR9YCA6ICcnXG4gIH0gc2tpbGwgcGF0aHNgO1xuXG4gIHJldHVybiAoXG4gICAgPFBhbmVsTGF5b3V0XG4gICAgICBoZWFkaW5nPVwiU2tpbGwgcGF0aHNcIlxuICAgICAgZGVzY3JpcHRpb249XCJCdWlsZCBpbiBkZW1hbmQgc2tpbGxzIGZhc3Qgd2l0aCBhIHNob3J0LCBjdXJhdGVkIHBhdGguIEVhY2ggb25lIGluY2x1ZGVzIGludGVyYWN0aXZlIGNvbnRlbnQgdG8gaGVscCB5b3UgbGVhcm4gYW5kIGFwcGx5IHlvdXIgbmV3IHNraWxsIGluIGp1c3QgYSBmZXcgbW9udGhzLlwiXG4gICAgICBsaW5rSXRlbT17e1xuICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgIGhyZWY6ICcvY2F0YWxvZz90eXBlPXNraWxsLXBhdGgnLFxuICAgICAgICB0ZXh0OiBsaW5rVGV4dCxcbiAgICAgICAgdHJhY2tpbmdUYXJnZXQ6ICd0b3BuYXZfY2F0YWxvZ19oZWFkZXJfZXhwbG9yZV9hbGxfc2tpbGxfcGF0aHMnLFxuICAgICAgICBpZDogJ2V4cGxvcmUtYWxsLXNraWxsLXBhdGhzJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPERpZXRDYXJkR3JpZD5cbiAgICAgICAge2dsb2JhbEhlYWRlckR5bmFtaWNEYXRhPy5jYXRhbG9nRHJvcGRvd24uc2tpbGxQYXRocy5wcm9tb3RlZFNraWxsUGF0aHMubWFwKFxuICAgICAgICAgIChwYXRoKSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8QXBwSGVhZGVyRGlldENhcmRcbiAgICAgICAgICAgICAgICBrZXk9e2Ake3BhdGgudGl0bGV9LWNhcmRgfVxuICAgICAgICAgICAgICAgIHRpdGxlPXtwYXRoLnRpdGxlfVxuICAgICAgICAgICAgICAgIGhvdXJzPXtwYXRoLmR1cmF0aW9uSG91cnN9XG4gICAgICAgICAgICAgICAgaWNvbj17PExldmVsSWNvbiAvPn1cbiAgICAgICAgICAgICAgICBkaWZmaWN1bHR5PXtwYXRoLmRpZmZpY3VsdHkgYXMgQ291cnNlRGlmZmljdWx0eX1cbiAgICAgICAgICAgICAgICBocmVmPXtwYXRoLnVybFBhdGh9XG4gICAgICAgICAgICAgICAgdHJhY2tpbmdUYXJnZXQ9e2Bza2lsbF8ke3BhdGgudGl0bGV9YH1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfVxuICAgICAgICApfVxuICAgICAgPC9EaWV0Q2FyZEdyaWQ+XG4gICAgPC9QYW5lbExheW91dD5cbiAgKTtcbn07XG5cbmNvbnN0IEltYWdlID0gQm94LndpdGhDb21wb25lbnQoJ2ltZycpO1xuXG5jb25zdCBHcmF5c2NhbGVUb0NvbG9ySG92ZXJMaW5rID0gc3R5bGVkKEFuY2hvcik8e1xuICBvdmVycmlkZUltZ0ZpbHRlcnM/OiBib29sZWFuO1xufT5gXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydib3JkZXItdGVydGlhcnknXX07XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgZmlsdGVyOiBncmF5c2NhbGUoMSk7XG4gIHRyYW5zaXRpb246IGZpbHRlciAwLjJzIGVhc2Utb3V0O1xuICBpbWcge1xuICAgIGZpbHRlcjogJHsoeyBvdmVycmlkZUltZ0ZpbHRlcnMgfSkgPT5cbiAgICAgIG92ZXJyaWRlSW1nRmlsdGVycyA/ICdjb250cmFzdCg1KScgOiAnYnJpZ2h0bmVzcygwLjI1KSd9O1xuICAgIHRyYW5zaXRpb246IGZpbHRlciAwLjJzIGVhc2Utb3V0O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGZpbHRlcjogZ3JheXNjYWxlKDApO1xuICAgIGltZyB7XG4gICAgICBmaWx0ZXI6IGJyaWdodG5lc3MoMSk7XG4gICAgfVxuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuaHlwZXJ9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgfVxuYDtcblxuY29uc3QgUHJvdmlkZXJUaWxlID0gKHtcbiAgbmFtZSxcbiAgaHJlZixcbiAgaW1nU3JjLFxuICB0YWJJbmRleCxcbn06IHtcbiAgbmFtZTogc3RyaW5nO1xuICBocmVmOiBzdHJpbmc7XG4gIGltZ1NyYzogc3RyaW5nO1xuICB0YWJJbmRleDogbnVtYmVyO1xufSkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckl0ZW1DbGljayB9ID0gdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrKCk7XG4gIGNvbnN0IHsgaGFuZGxlQ2xvc2UgfSA9IHVzZUFwcEhlYWRlckRyb3Bkb3duQ29udGV4dCgpO1xuXG4gIGNvbnN0IGxvd2VyY2FzZWRQcm92aWRlck5hbWUgPSBuYW1lLnRvTG93ZXJDYXNlKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8R3JheXNjYWxlVG9Db2xvckhvdmVyTGlua1xuICAgICAgaHJlZj17aHJlZn1cbiAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAga2V5PXtuYW1lfVxuICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgIGhlaWdodD17NDh9XG4gICAgICBwPXs4fVxuICAgICAgZGlzcGxheT1cImJsb2NrXCJcbiAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+IHtcbiAgICAgICAgZ2xvYmFsSGVhZGVySXRlbUNsaWNrKGV2ZW50LCB7XG4gICAgICAgICAgdHlwZTogJ2xpbmsnLFxuICAgICAgICAgIGlkOiBgdG9wbmF2X2NhdGFsb2dfY2VydF8ke2xvd2VyY2FzZWRQcm92aWRlck5hbWV9YCxcbiAgICAgICAgICBocmVmLFxuICAgICAgICAgIHRleHQ6IG5hbWUsXG4gICAgICAgICAgdHJhY2tpbmdUYXJnZXQ6IGB0b3BuYXZfY2F0YWxvZ19jZXJ0XyR7bG93ZXJjYXNlZFByb3ZpZGVyTmFtZX1gLFxuICAgICAgICB9KTtcbiAgICAgICAgaGFuZGxlQ2xvc2UoKTtcbiAgICAgIH19XG4gICAgICBvdmVycmlkZUltZ0ZpbHRlcnM9e25hbWUudG9Mb3dlckNhc2UoKSA9PT0gJ2t1YmVybmV0ZXMnfVxuICAgID5cbiAgICAgIDxJbWFnZSBzcmM9e2ltZ1NyY30gYWx0PXtuYW1lfSBkaXNwbGF5PVwiYmxvY2tcIiBtPVwiYXV0b1wiIC8+XG4gICAgPC9HcmF5c2NhbGVUb0NvbG9ySG92ZXJMaW5rPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENlcnRpZmljYXRpb25QYXRoc1BhbmVsID0gKCkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckR5bmFtaWNEYXRhIH0gPSB1c2VHbG9iYWxIZWFkZXJEeW5hbWljRGF0YUNvbnRleHQoKTtcbiAgY29uc3QgeyB0YWJJbmRleCB9ID0gdXNlQXBwSGVhZGVyU2VjdGlvbkNvbnRleHQoKTtcbiAgY29uc3QgdG90YWxDZXJ0aWZpY2F0aW9uUGF0aENvdW50ID1cbiAgICBnbG9iYWxIZWFkZXJEeW5hbWljRGF0YT8uY2F0YWxvZ0Ryb3Bkb3duLmNlcnRpZmljYXRpb25QYXRoc1xuICAgICAgLnRvdGFsQ2VydGlmaWNhdGlvblBhdGhDb3VudDtcbiAgY29uc3QgbGlua1RleHQgPSBgRXhwbG9yZSBhbGwke1xuICAgIHRvdGFsQ2VydGlmaWNhdGlvblBhdGhDb3VudCA/IGAgJHt0b3RhbENlcnRpZmljYXRpb25QYXRoQ291bnR9YCA6ICcnXG4gIH0gY2VydGlmaWNhdGlvbiBwYXRoc2A7XG5cbiAgcmV0dXJuIChcbiAgICA8UGFuZWxMYXlvdXRcbiAgICAgIGhlYWRpbmc9XCJDZXJ0aWZpY2F0aW9uIHBhdGhzXCJcbiAgICAgIGRlc2NyaXB0aW9uPVwiUHJlcGFyZSBmb3IgdG9wIGluZHVzdHJ5IGNlcnRpZmljYXRpb25zIHdpdGggYSBndWlkZWQgcGF0aC4gRWFjaCBvbmUgaW5jbHVkZXMgZXhwZXJ0LXJldmlld2VkIGxlc3NvbnMsIGhhbmRzLW9uIHByb2plY3RzLCBhbmQgcHJhY3RpY2UgdGVzdHMgdG8gaGVscCB5b3UgcGFzcyB0aGUgZXhhbS5cIlxuICAgICAgbGlua0l0ZW09e3tcbiAgICAgICAgdHlwZTogJ2xpbmsnLFxuICAgICAgICBocmVmOiAnL2NhdGFsb2cvY2VydGlmaWNhdGlvbi1wcmVwJyxcbiAgICAgICAgdGV4dDogbGlua1RleHQsXG4gICAgICAgIHRyYWNraW5nVGFyZ2V0OiAndG9wbmF2X2NhdGFsb2dfaGVhZGVyX2V4cGxvcmVfYWxsX2NlcnRpZmljYXRpb25fcGF0aHMnLFxuICAgICAgICBpZDogJ2V4cGxvcmUtYWxsLWNlcnRpZmljYXRpb24tcGF0aHMnLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8VGV4dCBhcz1cImgzXCIgZm9udFNpemU9ezE4fSBmb250V2VpZ2h0PVwiYm9sZFwiPlxuICAgICAgICBQcm92aWRlcnNcbiAgICAgIDwvVGV4dD5cbiAgICAgIDxHcmlkQm94XG4gICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM9e3tcbiAgICAgICAgICBfOiAnMWZyJyxcbiAgICAgICAgICB4czogJ3JlcGVhdCgyLCAxZnIpJyxcbiAgICAgICAgICBzbTogJ3JlcGVhdCgzLCAxZnIpJyxcbiAgICAgICAgICBtZDogJ3JlcGVhdCg0LCAxZnIpJyxcbiAgICAgICAgfX1cbiAgICAgICAgZ2FwPXsxNn1cbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgYXM9XCJ1bFwiXG4gICAgICAgIGxpc3RTdHlsZT1cIm5vbmVcIlxuICAgICAgICBwPXswfVxuICAgICAgICBtPXswfVxuICAgICAgPlxuICAgICAgICB7Q0VSVElGSUNBVElPTl9QUk9WSURFUlMubWFwKCh7IG5hbWUsIGxvZ29VcmwsIGh1YlR5cGUgfSkgPT4gKFxuICAgICAgICAgIDxCb3ggYXM9XCJsaVwiIGtleT17bmFtZX0gd2lkdGg9XCIxMDAlXCI+XG4gICAgICAgICAgICA8UHJvdmlkZXJUaWxlXG4gICAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICAgIGhyZWY9e1xuICAgICAgICAgICAgICAgIGh1YlR5cGUgPT09ICdzdWJodWInXG4gICAgICAgICAgICAgICAgICA/IGAvc2VhcmNoP3F1ZXJ5PSR7bmFtZX0gY2VydGlmaWNhdGlvbnNgXG4gICAgICAgICAgICAgICAgICA6IGAvY2F0YWxvZy9jZXJ0aWZpY2F0aW9uLXByZXA/cHJvdmlkZXI9JHtuYW1lLnRvTG93ZXJDYXNlKCl9YFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIGltZ1NyYz17bG9nb1VybH1cbiAgICAgICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKSl9XG4gICAgICA8L0dyaWRCb3g+XG4gICAgPC9QYW5lbExheW91dD5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdU1rQyJ9 */");
+const ProviderTile = ({ name, href, imgSrc, tabIndex }) => {
+	const { globalHeaderItemClick } = require_context.useGlobalHeaderItemClick();
+	const { handleClose } = require_index.useAppHeaderDropdownContext();
+	const lowercasedProviderName = name.toLowerCase();
+	return /*#__PURE__*/ React.createElement(GrayscaleToColorHoverLink, {
+		href,
+		variant: "interface",
+		key: name,
+		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"
+	}, /*#__PURE__*/ React.createElement(Image, {
+		src: imgSrc,
+		alt: name,
+		display: "block",
+		m: "auto"
+	}));
+};
+const CertificationPathsPanel = () => {
+	const { globalHeaderDynamicData } = require_context.useGlobalHeaderDynamicDataContext();
+	const { tabIndex } = require_AppHeaderSectionContext.useAppHeaderSectionContext();
+	const totalCertificationPathCount = globalHeaderDynamicData?.catalogDropdown.certificationPaths.totalCertificationPathCount;
+	const linkText = `Explore all${totalCertificationPathCount ? ` ${totalCertificationPathCount}` : ""} certification paths`;
+	return /*#__PURE__*/ React.createElement(require_PanelLayout.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"
+		}
+	}, /*#__PURE__*/ React.createElement(_codecademy_gamut.Text, {
+		as: "h3",
+		fontSize: 18,
+		fontWeight: "bold"
+	}, "Providers"), /*#__PURE__*/ React.createElement(_codecademy_gamut.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
+	}, require_consts.CERTIFICATION_PROVIDERS.map(({ name, logoUrl, hubType }) => /*#__PURE__*/ React.createElement(_codecademy_gamut.Box, {
+		as: "li",
+		key: name,
+		width: "100%"
+	}, /*#__PURE__*/ React.createElement(ProviderTile, {
+		name,
+		href: hubType === "subhub" ? `/search?query=${name} certifications` : `/catalog/certification-prep?provider=${name.toLowerCase()}`,
+		imgSrc: logoUrl,
+		tabIndex
+	})))));
+};
+
+//#endregion
+exports.CareerPathsPanel = CareerPathsPanel;
+exports.CertificationPathsPanel = CertificationPathsPanel;
+exports.CourseTopicsPanel = CourseTopicsPanel;
+exports.SkillPathsPanel = SkillPathsPanel;
+//# sourceMappingURL=NavPanels.cjs.map

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/NavPanels.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavPanels.cjs","names":["Anchor","Box","GridBox","Text","LevelIcon","styled","useGlobalHeaderDynamicDataContext","useGlobalHeaderItemClick","AppHeaderDietCard","useAppHeaderDropdownContext","useAppHeaderSectionContext","PanelLayout","SkillTile","CERTIFICATION_PROVIDERS","popularLanguages","popularSubjects","CourseTopicsPanel","globalHeaderItemClick","tabIndex","description","href","onClick","event","type","text","id","heading","linkItem","trackingTarget","variant","fontWeight","as","gridTemplateColumns","_","xs","md","gap","pl","listStyle","mb","map","item","li","key","DietCardGrid","children","sm","m","p","listStyleType","CareerPathsPanel","globalHeaderDynamicData","totalCareerPathCount","catalogDropdown","careerPaths","linkText","promotedCareerPaths","path","title","hours","durationHours","icon","difficulty","urlPath","SkillPathsPanel","totalSkillPathCount","skillPaths","promotedSkillPaths","Image","withComponent","GrayscaleToColorHoverLink","theme","colors","overrideImgFilters","hyper","ProviderTile","name","imgSrc","handleClose","lowercasedProviderName","toLowerCase","width","height","display","src","alt","CertificationPathsPanel","totalCertificationPathCount","certificationPaths","fontSize","logoUrl","hubType"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/NavPanels.tsx"],"sourcesContent":["import { Anchor, Box, GridBox, Text } from '@codecademy/gamut';\nimport { LevelIcon } from '@codecademy/gamut-icons';\nimport styled from '@emotion/styled';\n\nimport { CourseDifficulty } from '../../../ContentGroupBaseCard/types';\nimport {\n  useGlobalHeaderDynamicDataContext,\n  useGlobalHeaderItemClick,\n} from '../../../GlobalHeader/context';\nimport { AppHeaderDietCard } from '../AppHeaderDietCard';\nimport { useAppHeaderDropdownContext } from '../AppHeaderDropdownProvider';\nimport { useAppHeaderSectionContext } from '../AppHeaderSection/AppHeaderSectionContext';\nimport { PanelLayout } from '../AppHeaderSection/PanelLayout';\nimport { SkillTile } from '../AppHeaderSkillTile';\nimport {\n  CERTIFICATION_PROVIDERS,\n  popularLanguages,\n  popularSubjects,\n} from './consts';\n\nexport const CourseTopicsPanel = () => {\n  const { globalHeaderItemClick } = useGlobalHeaderItemClick();\n  const { tabIndex } = useAppHeaderSectionContext();\n\n  const description = (\n    <>\n      Explore free or paid courses in a wide variety of topics. With something\n      for every skill level, it&apos;s easy to find a course that fits your\n      goals. Not sure where to start? &nbsp;\n      <Anchor\n        tabIndex={tabIndex}\n        href=\"/welcome/find-a-course\"\n        onClick={(event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) =>\n          globalHeaderItemClick(event, {\n            type: 'link',\n            href: '/welcome/find-a-course',\n            text: 'Take the quiz',\n            id: 'take-the-quiz',\n          })\n        }\n      >\n        Take the quiz\n      </Anchor>\n    </>\n  );\n\n  return (\n    <PanelLayout\n      heading=\"Course topics\"\n      description={description}\n      linkItem={{\n        type: 'link',\n        href: '/catalog',\n        text: 'Explore the full catalog',\n        trackingTarget: 'topnav_catalog',\n        id: 'explore-all-courses',\n      }}\n    >\n      <Text variant=\"p-large\" fontWeight={700} as=\"h3\">\n        Popular languages\n      </Text>\n      <GridBox\n        gridTemplateColumns={{ _: '1fr', xs: '1fr 1fr', md: '1fr 1fr 1fr' }}\n        gap={8}\n        pl={0}\n        as=\"ul\"\n        listStyle=\"none\"\n        mb={24}\n      >\n        {popularLanguages.map((item) => (\n          <li key={item.id}>\n            <SkillTile item={item} />\n          </li>\n        ))}\n      </GridBox>\n\n      <Text variant=\"p-large\" fontWeight={700} as=\"h3\">\n        Popular subjects\n      </Text>\n      <GridBox\n        gridTemplateColumns={{ _: '1fr', xs: '1fr 1fr', md: '1fr 1fr 1fr' }}\n        gap={8}\n        pl={0}\n        as=\"ul\"\n        listStyle=\"none\"\n      >\n        {popularSubjects.map((item) => (\n          <li key={item.id}>\n            <SkillTile item={item} />\n          </li>\n        ))}\n      </GridBox>\n    </PanelLayout>\n  );\n};\n\nexport const DietCardGrid = ({ children }: { children: React.ReactNode }) => {\n  return (\n    <GridBox\n      as=\"ul\"\n      gridTemplateColumns={{\n        _: '1fr',\n        sm: 'repeat(2, minmax(0, 1fr))',\n        md: 'repeat(3, minmax(0, 1fr))',\n      }}\n      gap={16}\n      m={0}\n      p={0}\n      listStyleType=\"none\"\n    >\n      {children}\n    </GridBox>\n  );\n};\n\nexport const CareerPathsPanel = () => {\n  const { globalHeaderDynamicData } = useGlobalHeaderDynamicDataContext();\n  const totalCareerPathCount =\n    globalHeaderDynamicData?.catalogDropdown.careerPaths.totalCareerPathCount;\n  const linkText = `Explore all${\n    totalCareerPathCount ? ` ${totalCareerPathCount}` : ''\n  } career paths`;\n\n  return (\n    <PanelLayout\n      heading=\"Career paths\"\n      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.\"\n      linkItem={{\n        type: 'link',\n        href: '/catalog?type=career-path',\n        text: linkText,\n        trackingTarget: 'topnav_catalog_header_explore_all_career_paths',\n        id: 'explore-all-career-paths',\n      }}\n    >\n      <DietCardGrid>\n        {globalHeaderDynamicData?.catalogDropdown.careerPaths.promotedCareerPaths.map(\n          (path) => {\n            return (\n              <AppHeaderDietCard\n                key={`${path.title}-card`}\n                title={path.title}\n                hours={path.durationHours}\n                icon={<LevelIcon />}\n                difficulty={path.difficulty as CourseDifficulty}\n                href={path.urlPath}\n                trackingTarget={`careerpath_${path.title}`}\n              />\n            );\n          }\n        )}\n      </DietCardGrid>\n    </PanelLayout>\n  );\n};\n\nexport const SkillPathsPanel = () => {\n  const { globalHeaderDynamicData } = useGlobalHeaderDynamicDataContext();\n  const totalSkillPathCount =\n    globalHeaderDynamicData?.catalogDropdown.skillPaths.totalSkillPathCount;\n  const linkText = `Explore all${\n    totalSkillPathCount ? ` ${totalSkillPathCount}` : ''\n  } skill paths`;\n\n  return (\n    <PanelLayout\n      heading=\"Skill paths\"\n      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.\"\n      linkItem={{\n        type: 'link',\n        href: '/catalog?type=skill-path',\n        text: linkText,\n        trackingTarget: 'topnav_catalog_header_explore_all_skill_paths',\n        id: 'explore-all-skill-paths',\n      }}\n    >\n      <DietCardGrid>\n        {globalHeaderDynamicData?.catalogDropdown.skillPaths.promotedSkillPaths.map(\n          (path) => {\n            return (\n              <AppHeaderDietCard\n                key={`${path.title}-card`}\n                title={path.title}\n                hours={path.durationHours}\n                icon={<LevelIcon />}\n                difficulty={path.difficulty as CourseDifficulty}\n                href={path.urlPath}\n                trackingTarget={`skill_${path.title}`}\n              />\n            );\n          }\n        )}\n      </DietCardGrid>\n    </PanelLayout>\n  );\n};\n\nconst Image = Box.withComponent('img');\n\nconst GrayscaleToColorHoverLink = styled(Anchor)<{\n  overrideImgFilters?: boolean;\n}>`\n  border: 1px solid ${({ theme }) => theme.colors['border-tertiary']};\n  border-radius: 8px;\n  filter: grayscale(1);\n  transition: filter 0.2s ease-out;\n  img {\n    filter: ${({ overrideImgFilters }) =>\n      overrideImgFilters ? 'contrast(5)' : 'brightness(0.25)'};\n    transition: filter 0.2s ease-out;\n  }\n  &:hover,\n  &:focus {\n    filter: grayscale(0);\n    img {\n      filter: brightness(1);\n    }\n    border-color: ${({ theme }) => theme.colors.hyper};\n    background-color: ${({ theme }) => theme.colors['navy-100']};\n  }\n`;\n\nconst ProviderTile = ({\n  name,\n  href,\n  imgSrc,\n  tabIndex,\n}: {\n  name: string;\n  href: string;\n  imgSrc: string;\n  tabIndex: number;\n}) => {\n  const { globalHeaderItemClick } = useGlobalHeaderItemClick();\n  const { handleClose } = useAppHeaderDropdownContext();\n\n  const lowercasedProviderName = name.toLowerCase();\n\n  return (\n    <GrayscaleToColorHoverLink\n      href={href}\n      variant=\"interface\"\n      key={name}\n      tabIndex={tabIndex}\n      width=\"100%\"\n      height={48}\n      p={8}\n      display=\"block\"\n      onClick={(event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n        globalHeaderItemClick(event, {\n          type: 'link',\n          id: `topnav_catalog_cert_${lowercasedProviderName}`,\n          href,\n          text: name,\n          trackingTarget: `topnav_catalog_cert_${lowercasedProviderName}`,\n        });\n        handleClose();\n      }}\n      overrideImgFilters={name.toLowerCase() === 'kubernetes'}\n    >\n      <Image src={imgSrc} alt={name} display=\"block\" m=\"auto\" />\n    </GrayscaleToColorHoverLink>\n  );\n};\n\nexport const CertificationPathsPanel = () => {\n  const { globalHeaderDynamicData } = useGlobalHeaderDynamicDataContext();\n  const { tabIndex } = useAppHeaderSectionContext();\n  const totalCertificationPathCount =\n    globalHeaderDynamicData?.catalogDropdown.certificationPaths\n      .totalCertificationPathCount;\n  const linkText = `Explore all${\n    totalCertificationPathCount ? ` ${totalCertificationPathCount}` : ''\n  } certification paths`;\n\n  return (\n    <PanelLayout\n      heading=\"Certification paths\"\n      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.\"\n      linkItem={{\n        type: 'link',\n        href: '/catalog/certification-prep',\n        text: linkText,\n        trackingTarget: 'topnav_catalog_header_explore_all_certification_paths',\n        id: 'explore-all-certification-paths',\n      }}\n    >\n      <Text as=\"h3\" fontSize={18} fontWeight=\"bold\">\n        Providers\n      </Text>\n      <GridBox\n        gridTemplateColumns={{\n          _: '1fr',\n          xs: 'repeat(2, 1fr)',\n          sm: 'repeat(3, 1fr)',\n          md: 'repeat(4, 1fr)',\n        }}\n        gap={16}\n        width=\"100%\"\n        as=\"ul\"\n        listStyle=\"none\"\n        p={0}\n        m={0}\n      >\n        {CERTIFICATION_PROVIDERS.map(({ name, logoUrl, hubType }) => (\n          <Box as=\"li\" key={name} width=\"100%\">\n            <ProviderTile\n              name={name}\n              href={\n                hubType === 'subhub'\n                  ? `/search?query=${name} certifications`\n                  : `/catalog/certification-prep?provider=${name.toLowerCase()}`\n              }\n              imgSrc={logoUrl}\n              tabIndex={tabIndex}\n            />\n          </Box>\n        ))}\n      </GridBox>\n    </PanelLayout>\n  );\n};\n"],"mappings":"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"}