@codecademy/brand 3.28.0-alpha.0a9279111d.0 → 3.28.0-alpha.0f5fb538f5.0

package/dist/AppHeader/AppHeaderElements/AppHeaderSection/NavSection.js

@@ -0,0 +1,206 @@
+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 { Box, FlexBox, Text } from '@codecademy/gamut';
+import { ArrowChevronRightIcon } from '@codecademy/gamut-icons';
+import { motion } from 'framer-motion';
+import React, { useCallback, useContext, useEffect, useRef } from 'react';
+import { useGlobalHeaderItemClick, useHighlightLiveLearningContext } from '../../../GlobalHeader/context';
+import { AppHeaderDropdownContext } from '../AppHeaderDropdownProvider';
+import { PopularBadge } from './elements';
+import { NavIconButton } from './MobileBackButton';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const NavPanelContainer = /*#__PURE__*/_styled(Box, {
+  target: "ed97qwe5",
+  label: "NavPanelContainer"
+})("border-radius:", ({
+  isFirst
+}) => isFirst ? '0 8px 8px 8px' : '8px', ";@media (max-width: 1200px){border-radius:8px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9OYXZTZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQzJEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9OYXZTZWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEFycm93Q2hldnJvblJpZ2h0SWNvbiwgR2FtdXRJY29uUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBtb3Rpb24gfSBmcm9tICdmcmFtZXItbW90aW9uJztcbmltcG9ydCBSZWFjdCwge1xuICBQcm9wc1dpdGhDaGlsZHJlbixcbiAgdXNlQ2FsbGJhY2ssXG4gIHVzZUNvbnRleHQsXG4gIHVzZUVmZmVjdCxcbiAgdXNlUmVmLFxufSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7XG4gIHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljayxcbiAgdXNlSGlnaGxpZ2h0TGl2ZUxlYXJuaW5nQ29udGV4dCxcbn0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuaW1wb3J0IHtcbiAgQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duSXRlbSxcbiAgQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd25JdGVtLFxufSBmcm9tICcuLi8uLi9zaGFyZWQnO1xuaW1wb3J0IHsgQXBwSGVhZGVyRHJvcGRvd25Db250ZXh0IH0gZnJvbSAnLi4vQXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlcic7XG5pbXBvcnQgeyBQb3B1bGFyQmFkZ2UgfSBmcm9tICcuL2VsZW1lbnRzJztcbmltcG9ydCB7IE5hdkljb25CdXR0b24gfSBmcm9tICcuL01vYmlsZUJhY2tCdXR0b24nO1xuXG50eXBlIE5hdlNlY3Rpb25Qcm9wcyA9IFByb3BzV2l0aENoaWxkcmVuICYge1xuICBpdGVtOiBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtIHwgQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd25JdGVtO1xuICBpc0FjdGl2ZVRhYjogYm9vbGVhbjtcbiAgc2V0QWN0aXZlVGFiOiAodGFiOiBudW1iZXIpID0+IHZvaWQ7XG4gIGljb24/OiBSZWFjdC5Db21wb25lbnRUeXBlPEdhbXV0SWNvblByb3BzPjtcbiAgdGV4dDogc3RyaW5nO1xuICBpbmRleDogbnVtYmVyO1xuICB0YWJJbmRleD86IG51bWJlcjtcbn07XG5cbmNvbnN0IE5hdlBhbmVsQ29udGFpbmVyID0gc3R5bGVkKEJveCk8eyBpc0ZpcnN0OiBib29sZWFuIH0+YFxuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzRmlyc3QgfSkgPT4gKGlzRmlyc3QgPyAnMCA4cHggOHB4IDhweCcgOiAnOHB4Jyl9O1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiAxMjAwcHgpIHtcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0aW9uQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjx7XG4gIGlzQWN0aXZlOiBib29sZWFuO1xuICBpbmRleDogbnVtYmVyO1xufT5gXG4gIGdyaWQtY29sdW1uOiAxO1xuICBncmlkLXJvdzogJHsoeyBpbmRleCB9KSA9PiBpbmRleCArIDF9O1xuICBwYWRkaW5nOiAxNnB4O1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzhweCAwIDAgOHB4JyA6ICc4cHgnKX07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6ICR7KHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMucHJpbWFyeSA6IHRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgd2lkdGg6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzEwMCUnIDogJ2NhbGMoMTAwJSAtIDhweCknKX07XG4gIGhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGlzQWN0aXZlLCB0aGVtZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+XG4gICAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gIH1cbmA7XG5cbmNvbnN0IE92ZXJmbG93VGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5gO1xuXG5jb25zdCBTdHlsZWRBcnJvd0NoZXZyb25SaWdodEljb24gPSBzdHlsZWQoQXJyb3dDaGV2cm9uUmlnaHRJY29uKTx7XG4gIGlzQWN0aXZlOiBib29sZWFuO1xufT5gXG4gIGRpc3BsYXk6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJ2Jsb2NrJyA6ICdub25lJyl9O1xuYDtcblxuY29uc3QgTmF2SWNvbkJ1dHRvbkNvbnRhaW5lciA9IHN0eWxlZChCb3gpPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGluZGV4OiBudW1iZXI7XG59PmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcblxuICBncmlkLWNvbHVtbjogMTtcbiAgZ3JpZC1yb3c6ICR7KHsgaW5kZXggfSkgPT4gaW5kZXh9O1xuICBwYWRkaW5nOiA4cHg7XG5gO1xuXG5jb25zdCBQb3B1bGFyQmFkZ2VEb3QgPSBzdHlsZWQoQm94KWBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2h5cGVyLTQwMCddfTtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBoZWlnaHQ6IDE2cHg7XG4gIHdpZHRoOiAxNnB4O1xuICBib3JkZXI6IDJweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG5gO1xuXG5jb25zdCBOYXZTZWN0aW9uID0gKHtcbiAgaXNBY3RpdmVUYWIsXG4gIHNldEFjdGl2ZVRhYixcbiAgaWNvbjogSWNvbixcbiAgdGV4dCxcbiAgaW5kZXgsXG4gIGNoaWxkcmVuLFxuICBpdGVtLFxuICB0YWJJbmRleCxcbn06IE5hdlNlY3Rpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckl0ZW1DbGljayB9ID0gdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrKCk7XG4gIGNvbnN0IGRpc3BsYXlIaWdobGlnaHRMaXZlTGVhcm5pbmcgPSB1c2VIaWdobGlnaHRMaXZlTGVhcm5pbmdDb250ZXh0KCk7XG4gIGNvbnN0IHsgc2V0Rmlyc3RJdGVtUmVmIH0gPSB1c2VDb250ZXh0KEFwcEhlYWRlckRyb3Bkb3duQ29udGV4dCk7XG4gIGNvbnN0IGdyaWRSb3cgPSBpbmRleCArIDI7IC8vICsxIGJlY2F1c2Ugb2YgdGhlIGJhY2sgYnV0dG9uXG4gIGNvbnN0IGJ1dHRvblJlZiA9IHVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaW5kZXggPT09IDAgJiYgYnV0dG9uUmVmLmN1cnJlbnQpIHtcbiAgICAgIHNldEZpcnN0SXRlbVJlZj8uKGJ1dHRvblJlZi5jdXJyZW50KTtcbiAgICB9XG4gIH0sIFtpbmRleCwgc2V0Rmlyc3RJdGVtUmVmXSk7XG5cbiAgY29uc3Qgb25TZWxlY3QgPSB1c2VDYWxsYmFjayhcbiAgICAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgZ2xvYmFsSGVhZGVySXRlbUNsaWNrKGUsIGl0ZW0pO1xuICAgICAgc2V0QWN0aXZlVGFiKGluZGV4KTtcbiAgICB9LFxuICAgIFtnbG9iYWxIZWFkZXJJdGVtQ2xpY2ssIGl0ZW0sIGluZGV4LCBzZXRBY3RpdmVUYWJdXG4gICk7XG5cbiAgY29uc3QgaGlnaGxpZ2h0TGl2ZUxlYXJuaW5nID1cbiAgICBpdGVtLmlkID09PSAnbGl2ZS1sZWFybmluZycgJiYgZGlzcGxheUhpZ2hsaWdodExpdmVMZWFybmluZztcbiAgY29uc3Qgc2hvd1BvcHVsYXJCYWRnZSA9IGhpZ2hsaWdodExpdmVMZWFybmluZyAmJiAhaXNBY3RpdmVUYWI7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEJveCBkaXNwbGF5PXt7IF86ICdub25lJywgc206ICdncmlkJyB9fT5cbiAgICAgICAgey8qIG5hdiBidXR0b24gd2l0aCB0ZXh0LCBzbSBhbmQgYWJvdmUgKi99XG4gICAgICAgIDxOYXZpZ2F0aW9uQnV0dG9uXG4gICAgICAgICAgcmVmPXtidXR0b25SZWZ9XG4gICAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlVGFifVxuICAgICAgICAgIGluZGV4PXtncmlkUm93fVxuICAgICAgICAgIG9uQ2xpY2s9e29uU2VsZWN0fVxuICAgICAgICAgIGRhdGEtdGVzdGlkPXtgbmF2LXNlY3Rpb24tJHtpdGVtLmlkfWB9XG4gICAgICAgICAgYXJpYS1leHBhbmRlZD17aXNBY3RpdmVUYWJ9XG4gICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICAgIGFyaWEtbGFiZWw9e3RleHR9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveCBnYXA9ezh9IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgIHtJY29uICYmIChcbiAgICAgICAgICAgICAgPEJveCBoZWlnaHQ9ezI0fSB3aWR0aD17MjR9PlxuICAgICAgICAgICAgICAgIDxJY29uIHNpemU9ezI0fSAvPlxuICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8T3ZlcmZsb3dUZXh0XG4gICAgICAgICAgICAgIGRpc3BsYXk9e3sgXzogJ25vbmUnLCBzbTogJ2lubGluZS1ibG9jaycgfX1cbiAgICAgICAgICAgICAgbWF4V2lkdGg9e3sgXzogJzExMHB4JywgbWQ6ICdub25lJyB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7dGV4dH1cbiAgICAgICAgICAgIDwvT3ZlcmZsb3dUZXh0PlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8Qm94IGRpc3BsYXk9e3sgXzogJ25vbmUnLCBzbTogJ2Jsb2NrJyB9fT5cbiAgICAgICAgICAgIDxTdHlsZWRBcnJvd0NoZXZyb25SaWdodEljb24gaXNBY3RpdmU9e2lzQWN0aXZlVGFifSAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIHtzaG93UG9wdWxhckJhZGdlICYmIChcbiAgICAgICAgICAgIDxCb3ggZGlzcGxheT17eyBfOiAnbm9uZScsIHNtOiAnYmxvY2snIH19PlxuICAgICAgICAgICAgICA8UG9wdWxhckJhZGdlIHZhcmlhbnQ9XCJjdXN0b21cIiBzaXplPVwic21cIiBiZz1cImh5cGVyLTQwMFwiPlxuICAgICAgICAgICAgICAgIFBvcHVsYXJcbiAgICAgICAgICAgICAgPC9Qb3B1bGFyQmFkZ2U+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICApfVxuICAgICAgICA8L05hdmlnYXRpb25CdXR0b24+XG4gICAgICA8L0JveD5cbiAgICAgIHsvKiBuYXYgYnV0dG9uIHdpdGggaWNvbiwgeHMgb25seSAqL31cbiAgICAgIHtJY29uICYmIChcbiAgICAgICAgPE5hdkljb25CdXR0b25Db250YWluZXJcbiAgICAgICAgICBpc0FjdGl2ZT17aXNBY3RpdmVUYWJ9XG4gICAgICAgICAgZGlzcGxheT17eyBfOiAnbm9uZScsIHhzOiAnZ3JpZCcsIHNtOiAnbm9uZScgfX1cbiAgICAgICAgICBpbmRleD17Z3JpZFJvd31cbiAgICAgICAgPlxuICAgICAgICAgIDxOYXZJY29uQnV0dG9uXG4gICAgICAgICAgICBvbkNsaWNrPXtvblNlbGVjdH1cbiAgICAgICAgICAgIGljb249e0ljb259XG4gICAgICAgICAgICB0aXA9e2hpZ2hsaWdodExpdmVMZWFybmluZyA/ICdMaXZlIGxlYXJuaW5nIChwb3B1bGFyKScgOiB0ZXh0fVxuICAgICAgICAgICAgdGlwUHJvcHM9e3tcbiAgICAgICAgICAgICAgYWxpZ25tZW50OiAncmlnaHQtY2VudGVyJyxcbiAgICAgICAgICAgICAgbmFycm93OiBmYWxzZSxcbiAgICAgICAgICAgICAgcGxhY2VtZW50OiAnZmxvYXRpbmcnLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e1xuICAgICAgICAgICAgICBoaWdobGlnaHRMaXZlTGVhcm5pbmcgPyAnTGl2ZSBsZWFybmluZyAocG9wdWxhciknIDogdGV4dFxuICAgICAgICAgICAgfVxuICAgICAgICAgIC8+XG4gICAgICAgICAge3Nob3dQb3B1bGFyQmFkZ2UgJiYgKFxuICAgICAgICAgICAgPFBvcHVsYXJCYWRnZURvdCBwb3NpdGlvbj1cImFic29sdXRlXCIgbGVmdD1cIjQycHhcIiBhcmlhLWhpZGRlbiAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvTmF2SWNvbkJ1dHRvbkNvbnRhaW5lcj5cbiAgICAgICl9XG5cbiAgICAgIDxOYXZQYW5lbENvbnRhaW5lclxuICAgICAgICBpc0ZpcnN0PXtpbmRleCA9PT0gMH1cbiAgICAgICAgZGlzcGxheT17aXNBY3RpdmVUYWIgPyAnYmxvY2snIDogJ25vbmUnfVxuICAgICAgICBncmlkQ29sdW1uPVwiMiAvIHNwYW4gMTJcIlxuICAgICAgICBncmlkUm93PVwiMSAvIHNwYW4gOFwiXG4gICAgICAgIGJnPVwiYmFja2dyb3VuZFwiXG4gICAgICAgIHB4PXszMn1cbiAgICAgICAgcHQ9ezE2fVxuICAgICAgICBwYj17MjR9XG4gICAgICA+XG4gICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgYW5pbWF0ZT17eyBvcGFjaXR5OiBpc0FjdGl2ZVRhYiA/IDEgOiAwIH19XG4gICAgICAgICAgdHJhbnNpdGlvbj17eyBkdXJhdGlvbjogMC40LCBlYXNlOiAnZWFzZUluT3V0JyB9fVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L21vdGlvbi5kaXY+XG4gICAgICA8L05hdlBhbmVsQ29udGFpbmVyPlxuICAgIDwvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTmF2U2VjdGlvbjtcbiJdfQ== */"));
+export const NavigationButton = /*#__PURE__*/_styled("button", {
+  target: "ed97qwe4",
+  label: "NavigationButton"
+})("grid-column:1;grid-row:", ({
+  index
+}) => index + 1, ";padding:16px;border:none;border-radius:", ({
+  isActive
+}) => isActive ? '8px 0 0 8px' : '8px', ";background:none;cursor:pointer;color:", ({
+  theme,
+  isActive
+}) => isActive ? theme.colors.primary : theme.colors.text, ";text-align:left;width:", ({
+  isActive
+}) => isActive ? '100%' : 'calc(100% - 8px)', ";height:60px;display:flex;justify-content:space-between;align-items:center;background-color:", ({
+  isActive,
+  theme
+}) => isActive ? theme.colors.background : theme.colors['gray-100'], ";&:hover,&:focus{background-color:", ({
+  theme,
+  isActive
+}) => isActive ? theme.colors.background : theme.colors['navy-100'], ";color:", ({
+  theme
+}) => theme.colors.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9OYXZTZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q0UiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJTZWN0aW9uL05hdlNlY3Rpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQXJyb3dDaGV2cm9uUmlnaHRJY29uLCBHYW11dEljb25Qcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IG1vdGlvbiB9IGZyb20gJ2ZyYW1lci1tb3Rpb24nO1xuaW1wb3J0IFJlYWN0LCB7XG4gIFByb3BzV2l0aENoaWxkcmVuLFxuICB1c2VDYWxsYmFjayxcbiAgdXNlQ29udGV4dCxcbiAgdXNlRWZmZWN0LFxuICB1c2VSZWYsXG59IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtcbiAgdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrLFxuICB1c2VIaWdobGlnaHRMaXZlTGVhcm5pbmdDb250ZXh0LFxufSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXIvY29udGV4dCc7XG5pbXBvcnQge1xuICBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtLFxuICBBcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bkl0ZW0sXG59IGZyb20gJy4uLy4uL3NoYXJlZCc7XG5pbXBvcnQgeyBBcHBIZWFkZXJEcm9wZG93bkNvbnRleHQgfSBmcm9tICcuLi9BcHBIZWFkZXJEcm9wZG93blByb3ZpZGVyJztcbmltcG9ydCB7IFBvcHVsYXJCYWRnZSB9IGZyb20gJy4vZWxlbWVudHMnO1xuaW1wb3J0IHsgTmF2SWNvbkJ1dHRvbiB9IGZyb20gJy4vTW9iaWxlQmFja0J1dHRvbic7XG5cbnR5cGUgTmF2U2VjdGlvblByb3BzID0gUHJvcHNXaXRoQ2hpbGRyZW4gJiB7XG4gIGl0ZW06IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW0gfCBBcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bkl0ZW07XG4gIGlzQWN0aXZlVGFiOiBib29sZWFuO1xuICBzZXRBY3RpdmVUYWI6ICh0YWI6IG51bWJlcikgPT4gdm9pZDtcbiAgaWNvbj86IFJlYWN0LkNvbXBvbmVudFR5cGU8R2FtdXRJY29uUHJvcHM+O1xuICB0ZXh0OiBzdHJpbmc7XG4gIGluZGV4OiBudW1iZXI7XG4gIHRhYkluZGV4PzogbnVtYmVyO1xufTtcblxuY29uc3QgTmF2UGFuZWxDb250YWluZXIgPSBzdHlsZWQoQm94KTx7IGlzRmlyc3Q6IGJvb2xlYW4gfT5gXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNGaXJzdCB9KSA9PiAoaXNGaXJzdCA/ICcwIDhweCA4cHggOHB4JyA6ICc4cHgnKX07XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEyMDBweCkge1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRpb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGluZGV4OiBudW1iZXI7XG59PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIGdyaWQtcm93OiAkeyh7IGluZGV4IH0pID0+IGluZGV4ICsgMX07XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5wcmltYXJ5IDogdGhlbWUuY29sb3JzLnRleHR9O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB3aWR0aDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnMTAwJScgOiAnY2FsYygxMDAlIC0gOHB4KScpfTtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgaXNBY3RpdmUsIHRoZW1lIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgT3ZlcmZsb3dUZXh0ID0gc3R5bGVkKFRleHQpYFxuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbmA7XG5cbmNvbnN0IFN0eWxlZEFycm93Q2hldnJvblJpZ2h0SWNvbiA9IHN0eWxlZChBcnJvd0NoZXZyb25SaWdodEljb24pPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG59PmBcbiAgZGlzcGxheTogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnYmxvY2snIDogJ25vbmUnKX07XG5gO1xuXG5jb25zdCBOYXZJY29uQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkKEJveCk8e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbiAgaW5kZXg6IG51bWJlcjtcbn0+YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICc4cHggMCAwIDhweCcgOiAnOHB4Jyl9O1xuXG4gIGdyaWQtY29sdW1uOiAxO1xuICBncmlkLXJvdzogJHsoeyBpbmRleCB9KSA9PiBpbmRleH07XG4gIHBhZGRpbmc6IDhweDtcbmA7XG5cbmNvbnN0IFBvcHVsYXJCYWRnZURvdCA9IHN0eWxlZChCb3gpYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snaHlwZXItNDAwJ119O1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGhlaWdodDogMTZweDtcbiAgd2lkdGg6IDE2cHg7XG4gIGJvcmRlcjogMnB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcbmA7XG5cbmNvbnN0IE5hdlNlY3Rpb24gPSAoe1xuICBpc0FjdGl2ZVRhYixcbiAgc2V0QWN0aXZlVGFiLFxuICBpY29uOiBJY29uLFxuICB0ZXh0LFxuICBpbmRleCxcbiAgY2hpbGRyZW4sXG4gIGl0ZW0sXG4gIHRhYkluZGV4LFxufTogTmF2U2VjdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcbiAgY29uc3QgZGlzcGxheUhpZ2hsaWdodExpdmVMZWFybmluZyA9IHVzZUhpZ2hsaWdodExpdmVMZWFybmluZ0NvbnRleHQoKTtcbiAgY29uc3QgeyBzZXRGaXJzdEl0ZW1SZWYgfSA9IHVzZUNvbnRleHQoQXBwSGVhZGVyRHJvcGRvd25Db250ZXh0KTtcbiAgY29uc3QgZ3JpZFJvdyA9IGluZGV4ICsgMjsgLy8gKzEgYmVjYXVzZSBvZiB0aGUgYmFjayBidXR0b25cbiAgY29uc3QgYnV0dG9uUmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpbmRleCA9PT0gMCAmJiBidXR0b25SZWYuY3VycmVudCkge1xuICAgICAgc2V0Rmlyc3RJdGVtUmVmPy4oYnV0dG9uUmVmLmN1cnJlbnQpO1xuICAgIH1cbiAgfSwgW2luZGV4LCBzZXRGaXJzdEl0ZW1SZWZdKTtcblxuICBjb25zdCBvblNlbGVjdCA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICBnbG9iYWxIZWFkZXJJdGVtQ2xpY2soZSwgaXRlbSk7XG4gICAgICBzZXRBY3RpdmVUYWIoaW5kZXgpO1xuICAgIH0sXG4gICAgW2dsb2JhbEhlYWRlckl0ZW1DbGljaywgaXRlbSwgaW5kZXgsIHNldEFjdGl2ZVRhYl1cbiAgKTtcblxuICBjb25zdCBoaWdobGlnaHRMaXZlTGVhcm5pbmcgPVxuICAgIGl0ZW0uaWQgPT09ICdsaXZlLWxlYXJuaW5nJyAmJiBkaXNwbGF5SGlnaGxpZ2h0TGl2ZUxlYXJuaW5nO1xuICBjb25zdCBzaG93UG9wdWxhckJhZGdlID0gaGlnaGxpZ2h0TGl2ZUxlYXJuaW5nICYmICFpc0FjdGl2ZVRhYjtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8Qm94IGRpc3BsYXk9e3sgXzogJ25vbmUnLCBzbTogJ2dyaWQnIH19PlxuICAgICAgICB7LyogbmF2IGJ1dHRvbiB3aXRoIHRleHQsIHNtIGFuZCBhYm92ZSAqL31cbiAgICAgICAgPE5hdmlnYXRpb25CdXR0b25cbiAgICAgICAgICByZWY9e2J1dHRvblJlZn1cbiAgICAgICAgICBpc0FjdGl2ZT17aXNBY3RpdmVUYWJ9XG4gICAgICAgICAgaW5kZXg9e2dyaWRSb3d9XG4gICAgICAgICAgb25DbGljaz17b25TZWxlY3R9XG4gICAgICAgICAgZGF0YS10ZXN0aWQ9e2BuYXYtc2VjdGlvbi0ke2l0ZW0uaWR9YH1cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtpc0FjdGl2ZVRhYn1cbiAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgYXJpYS1sYWJlbD17dGV4dH1cbiAgICAgICAgPlxuICAgICAgICAgIDxGbGV4Qm94IGdhcD17OH0gYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAge0ljb24gJiYgKFxuICAgICAgICAgICAgICA8Qm94IGhlaWdodD17MjR9IHdpZHRoPXsyNH0+XG4gICAgICAgICAgICAgICAgPEljb24gc2l6ZT17MjR9IC8+XG4gICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDxPdmVyZmxvd1RleHRcbiAgICAgICAgICAgICAgZGlzcGxheT17eyBfOiAnbm9uZScsIHNtOiAnaW5saW5lLWJsb2NrJyB9fVxuICAgICAgICAgICAgICBtYXhXaWR0aD17eyBfOiAnMTEwcHgnLCBtZDogJ25vbmUnIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHt0ZXh0fVxuICAgICAgICAgICAgPC9PdmVyZmxvd1RleHQ+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIDxCb3ggZGlzcGxheT17eyBfOiAnbm9uZScsIHNtOiAnYmxvY2snIH19PlxuICAgICAgICAgICAgPFN0eWxlZEFycm93Q2hldnJvblJpZ2h0SWNvbiBpc0FjdGl2ZT17aXNBY3RpdmVUYWJ9IC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAge3Nob3dQb3B1bGFyQmFkZ2UgJiYgKFxuICAgICAgICAgICAgPEJveCBkaXNwbGF5PXt7IF86ICdub25lJywgc206ICdibG9jaycgfX0+XG4gICAgICAgICAgICAgIDxQb3B1bGFyQmFkZ2UgdmFyaWFudD1cImN1c3RvbVwiIHNpemU9XCJzbVwiIGJnPVwiaHlwZXItNDAwXCI+XG4gICAgICAgICAgICAgICAgUG9wdWxhclxuICAgICAgICAgICAgICA8L1BvcHVsYXJCYWRnZT5cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvTmF2aWdhdGlvbkJ1dHRvbj5cbiAgICAgIDwvQm94PlxuICAgICAgey8qIG5hdiBidXR0b24gd2l0aCBpY29uLCB4cyBvbmx5ICovfVxuICAgICAge0ljb24gJiYgKFxuICAgICAgICA8TmF2SWNvbkJ1dHRvbkNvbnRhaW5lclxuICAgICAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZVRhYn1cbiAgICAgICAgICBkaXNwbGF5PXt7IF86ICdub25lJywgeHM6ICdncmlkJywgc206ICdub25lJyB9fVxuICAgICAgICAgIGluZGV4PXtncmlkUm93fVxuICAgICAgICA+XG4gICAgICAgICAgPE5hdkljb25CdXR0b25cbiAgICAgICAgICAgIG9uQ2xpY2s9e29uU2VsZWN0fVxuICAgICAgICAgICAgaWNvbj17SWNvbn1cbiAgICAgICAgICAgIHRpcD17aGlnaGxpZ2h0TGl2ZUxlYXJuaW5nID8gJ0xpdmUgbGVhcm5pbmcgKHBvcHVsYXIpJyA6IHRleHR9XG4gICAgICAgICAgICB0aXBQcm9wcz17e1xuICAgICAgICAgICAgICBhbGlnbm1lbnQ6ICdyaWdodC1jZW50ZXInLFxuICAgICAgICAgICAgICBuYXJyb3c6IGZhbHNlLFxuICAgICAgICAgICAgICBwbGFjZW1lbnQ6ICdmbG9hdGluZycsXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgYXJpYS1sYWJlbD17XG4gICAgICAgICAgICAgIGhpZ2hsaWdodExpdmVMZWFybmluZyA/ICdMaXZlIGxlYXJuaW5nIChwb3B1bGFyKScgOiB0ZXh0XG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7c2hvd1BvcHVsYXJCYWRnZSAmJiAoXG4gICAgICAgICAgICA8UG9wdWxhckJhZGdlRG90IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiBsZWZ0PVwiNDJweFwiIGFyaWEtaGlkZGVuIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9OYXZJY29uQnV0dG9uQ29udGFpbmVyPlxuICAgICAgKX1cblxuICAgICAgPE5hdlBhbmVsQ29udGFpbmVyXG4gICAgICAgIGlzRmlyc3Q9e2luZGV4ID09PSAwfVxuICAgICAgICBkaXNwbGF5PXtpc0FjdGl2ZVRhYiA/ICdibG9jaycgOiAnbm9uZSd9XG4gICAgICAgIGdyaWRDb2x1bW49XCIyIC8gc3BhbiAxMlwiXG4gICAgICAgIGdyaWRSb3c9XCIxIC8gc3BhbiA4XCJcbiAgICAgICAgYmc9XCJiYWNrZ3JvdW5kXCJcbiAgICAgICAgcHg9ezMyfVxuICAgICAgICBwdD17MTZ9XG4gICAgICAgIHBiPXsyNH1cbiAgICAgID5cbiAgICAgICAgPG1vdGlvbi5kaXZcbiAgICAgICAgICBhbmltYXRlPXt7IG9wYWNpdHk6IGlzQWN0aXZlVGFiID8gMSA6IDAgfX1cbiAgICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjQsIGVhc2U6ICdlYXNlSW5PdXQnIH19XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgIDwvTmF2UGFuZWxDb250YWluZXI+XG4gICAgPC8+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOYXZTZWN0aW9uO1xuIl19 */"));
+const OverflowText = /*#__PURE__*/_styled(Text, {
+  target: "ed97qwe3",
+  label: "OverflowText"
+})(process.env.NODE_ENV === "production" ? {
+  name: "12wal98",
+  styles: "text-overflow:ellipsis;overflow:hidden;white-space:nowrap"
+} : {
+  name: "12wal98",
+  styles: "text-overflow:ellipsis;overflow:hidden;white-space:nowrap/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9OYXZTZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RWlDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9OYXZTZWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEFycm93Q2hldnJvblJpZ2h0SWNvbiwgR2FtdXRJY29uUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBtb3Rpb24gfSBmcm9tICdmcmFtZXItbW90aW9uJztcbmltcG9ydCBSZWFjdCwge1xuICBQcm9wc1dpdGhDaGlsZHJlbixcbiAgdXNlQ2FsbGJhY2ssXG4gIHVzZUNvbnRleHQsXG4gIHVzZUVmZmVjdCxcbiAgdXNlUmVmLFxufSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7XG4gIHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljayxcbiAgdXNlSGlnaGxpZ2h0TGl2ZUxlYXJuaW5nQ29udGV4dCxcbn0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuaW1wb3J0IHtcbiAgQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duSXRlbSxcbiAgQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd25JdGVtLFxufSBmcm9tICcuLi8uLi9zaGFyZWQnO1xuaW1wb3J0IHsgQXBwSGVhZGVyRHJvcGRvd25Db250ZXh0IH0gZnJvbSAnLi4vQXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlcic7XG5pbXBvcnQgeyBQb3B1bGFyQmFkZ2UgfSBmcm9tICcuL2VsZW1lbnRzJztcbmltcG9ydCB7IE5hdkljb25CdXR0b24gfSBmcm9tICcuL01vYmlsZUJhY2tCdXR0b24nO1xuXG50eXBlIE5hdlNlY3Rpb25Qcm9wcyA9IFByb3BzV2l0aENoaWxkcmVuICYge1xuICBpdGVtOiBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtIHwgQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd25JdGVtO1xuICBpc0FjdGl2ZVRhYjogYm9vbGVhbjtcbiAgc2V0QWN0aXZlVGFiOiAodGFiOiBudW1iZXIpID0+IHZvaWQ7XG4gIGljb24/OiBSZWFjdC5Db21wb25lbnRUeXBlPEdhbXV0SWNvblByb3BzPjtcbiAgdGV4dDogc3RyaW5nO1xuICBpbmRleDogbnVtYmVyO1xuICB0YWJJbmRleD86IG51bWJlcjtcbn07XG5cbmNvbnN0IE5hdlBhbmVsQ29udGFpbmVyID0gc3R5bGVkKEJveCk8eyBpc0ZpcnN0OiBib29sZWFuIH0+YFxuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzRmlyc3QgfSkgPT4gKGlzRmlyc3QgPyAnMCA4cHggOHB4IDhweCcgOiAnOHB4Jyl9O1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiAxMjAwcHgpIHtcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0aW9uQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjx7XG4gIGlzQWN0aXZlOiBib29sZWFuO1xuICBpbmRleDogbnVtYmVyO1xufT5gXG4gIGdyaWQtY29sdW1uOiAxO1xuICBncmlkLXJvdzogJHsoeyBpbmRleCB9KSA9PiBpbmRleCArIDF9O1xuICBwYWRkaW5nOiAxNnB4O1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzhweCAwIDAgOHB4JyA6ICc4cHgnKX07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6ICR7KHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMucHJpbWFyeSA6IHRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgd2lkdGg6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzEwMCUnIDogJ2NhbGMoMTAwJSAtIDhweCknKX07XG4gIGhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGlzQWN0aXZlLCB0aGVtZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+XG4gICAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gIH1cbmA7XG5cbmNvbnN0IE92ZXJmbG93VGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5gO1xuXG5jb25zdCBTdHlsZWRBcnJvd0NoZXZyb25SaWdodEljb24gPSBzdHlsZWQoQXJyb3dDaGV2cm9uUmlnaHRJY29uKTx7XG4gIGlzQWN0aXZlOiBib29sZWFuO1xufT5gXG4gIGRpc3BsYXk6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJ2Jsb2NrJyA6ICdub25lJyl9O1xuYDtcblxuY29uc3QgTmF2SWNvbkJ1dHRvbkNvbnRhaW5lciA9IHN0eWxlZChCb3gpPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGluZGV4OiBudW1iZXI7XG59PmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcblxuICBncmlkLWNvbHVtbjogMTtcbiAgZ3JpZC1yb3c6ICR7KHsgaW5kZXggfSkgPT4gaW5kZXh9O1xuICBwYWRkaW5nOiA4cHg7XG5gO1xuXG5jb25zdCBQb3B1bGFyQmFkZ2VEb3QgPSBzdHlsZWQoQm94KWBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2h5cGVyLTQwMCddfTtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBoZWlnaHQ6IDE2cHg7XG4gIHdpZHRoOiAxNnB4O1xuICBib3JkZXI6IDJweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG5gO1xuXG5jb25zdCBOYXZTZWN0aW9uID0gKHtcbiAgaXNBY3RpdmVUYWIsXG4gIHNldEFjdGl2ZVRhYixcbiAgaWNvbjogSWNvbixcbiAgdGV4dCxcbiAgaW5kZXgsXG4gIGNoaWxkcmVuLFxuICBpdGVtLFxuICB0YWJJbmRleCxcbn06IE5hdlNlY3Rpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckl0ZW1DbGljayB9ID0gdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrKCk7XG4gIGNvbnN0IGRpc3BsYXlIaWdobGlnaHRMaXZlTGVhcm5pbmcgPSB1c2VIaWdobGlnaHRMaXZlTGVhcm5pbmdDb250ZXh0KCk7XG4gIGNvbnN0IHsgc2V0Rmlyc3RJdGVtUmVmIH0gPSB1c2VDb250ZXh0KEFwcEhlYWRlckRyb3Bkb3duQ29udGV4dCk7XG4gIGNvbnN0IGdyaWRSb3cgPSBpbmRleCArIDI7IC8vICsxIGJlY2F1c2Ugb2YgdGhlIGJhY2sgYnV0dG9uXG4gIGNvbnN0IGJ1dHRvblJlZiA9IHVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaW5kZXggPT09IDAgJiYgYnV0dG9uUmVmLmN1cnJlbnQpIHtcbiAgICAgIHNldEZpcnN0SXRlbVJlZj8uKGJ1dHRvblJlZi5jdXJyZW50KTtcbiAgICB9XG4gIH0sIFtpbmRleCwgc2V0Rmlyc3RJdGVtUmVmXSk7XG5cbiAgY29uc3Qgb25TZWxlY3QgPSB1c2VDYWxsYmFjayhcbiAgICAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgZ2xvYmFsSGVhZGVySXRlbUNsaWNrKGUsIGl0ZW0pO1xuICAgICAgc2V0QWN0aXZlVGFiKGluZGV4KTtcbiAgICB9LFxuICAgIFtnbG9iYWxIZWFkZXJJdGVtQ2xpY2ssIGl0ZW0sIGluZGV4LCBzZXRBY3RpdmVUYWJdXG4gICk7XG5cbiAgY29uc3QgaGlnaGxpZ2h0TGl2ZUxlYXJuaW5nID1cbiAgICBpdGVtLmlkID09PSAnbGl2ZS1sZWFybmluZycgJiYgZGlzcGxheUhpZ2hsaWdodExpdmVMZWFybmluZztcbiAgY29uc3Qgc2hvd1BvcHVsYXJCYWRnZSA9IGhpZ2hsaWdodExpdmVMZWFybmluZyAmJiAhaXNBY3RpdmVUYWI7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEJveCBkaXNwbGF5PXt7IF86ICdub25lJywgc206ICdncmlkJyB9fT5cbiAgICAgICAgey8qIG5hdiBidXR0b24gd2l0aCB0ZXh0LCBzbSBhbmQgYWJvdmUgKi99XG4gICAgICAgIDxOYXZpZ2F0aW9uQnV0dG9uXG4gICAgICAgICAgcmVmPXtidXR0b25SZWZ9XG4gICAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlVGFifVxuICAgICAgICAgIGluZGV4PXtncmlkUm93fVxuICAgICAgICAgIG9uQ2xpY2s9e29uU2VsZWN0fVxuICAgICAgICAgIGRhdGEtdGVzdGlkPXtgbmF2LXNlY3Rpb24tJHtpdGVtLmlkfWB9XG4gICAgICAgICAgYXJpYS1leHBhbmRlZD17aXNBY3RpdmVUYWJ9XG4gICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICAgIGFyaWEtbGFiZWw9e3RleHR9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveCBnYXA9ezh9IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgIHtJY29uICYmIChcbiAgICAgICAgICAgICAgPEJveCBoZWlnaHQ9ezI0fSB3aWR0aD17MjR9PlxuICAgICAgICAgICAgICAgIDxJY29uIHNpemU9ezI0fSAvPlxuICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8T3ZlcmZsb3dUZXh0XG4gICAgICAgICAgICAgIGRpc3BsYXk9e3sgXzogJ25vbmUnLCBzbTogJ2lubGluZS1ibG9jaycgfX1cbiAgICAgICAgICAgICAgbWF4V2lkdGg9e3sgXzogJzExMHB4JywgbWQ6ICdub25lJyB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7dGV4dH1cbiAgICAgICAgICAgIDwvT3ZlcmZsb3dUZXh0PlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8Qm94IGRpc3BsYXk9e3sgXzogJ25vbmUnLCBzbTogJ2Jsb2NrJyB9fT5cbiAgICAgICAgICAgIDxTdHlsZWRBcnJvd0NoZXZyb25SaWdodEljb24gaXNBY3RpdmU9e2lzQWN0aXZlVGFifSAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIHtzaG93UG9wdWxhckJhZGdlICYmIChcbiAgICAgICAgICAgIDxCb3ggZGlzcGxheT17eyBfOiAnbm9uZScsIHNtOiAnYmxvY2snIH19PlxuICAgICAgICAgICAgICA8UG9wdWxhckJhZGdlIHZhcmlhbnQ9XCJjdXN0b21cIiBzaXplPVwic21cIiBiZz1cImh5cGVyLTQwMFwiPlxuICAgICAgICAgICAgICAgIFBvcHVsYXJcbiAgICAgICAgICAgICAgPC9Qb3B1bGFyQmFkZ2U+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICApfVxuICAgICAgICA8L05hdmlnYXRpb25CdXR0b24+XG4gICAgICA8L0JveD5cbiAgICAgIHsvKiBuYXYgYnV0dG9uIHdpdGggaWNvbiwgeHMgb25seSAqL31cbiAgICAgIHtJY29uICYmIChcbiAgICAgICAgPE5hdkljb25CdXR0b25Db250YWluZXJcbiAgICAgICAgICBpc0FjdGl2ZT17aXNBY3RpdmVUYWJ9XG4gICAgICAgICAgZGlzcGxheT17eyBfOiAnbm9uZScsIHhzOiAnZ3JpZCcsIHNtOiAnbm9uZScgfX1cbiAgICAgICAgICBpbmRleD17Z3JpZFJvd31cbiAgICAgICAgPlxuICAgICAgICAgIDxOYXZJY29uQnV0dG9uXG4gICAgICAgICAgICBvbkNsaWNrPXtvblNlbGVjdH1cbiAgICAgICAgICAgIGljb249e0ljb259XG4gICAgICAgICAgICB0aXA9e2hpZ2hsaWdodExpdmVMZWFybmluZyA/ICdMaXZlIGxlYXJuaW5nIChwb3B1bGFyKScgOiB0ZXh0fVxuICAgICAgICAgICAgdGlwUHJvcHM9e3tcbiAgICAgICAgICAgICAgYWxpZ25tZW50OiAncmlnaHQtY2VudGVyJyxcbiAgICAgICAgICAgICAgbmFycm93OiBmYWxzZSxcbiAgICAgICAgICAgICAgcGxhY2VtZW50OiAnZmxvYXRpbmcnLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e1xuICAgICAgICAgICAgICBoaWdobGlnaHRMaXZlTGVhcm5pbmcgPyAnTGl2ZSBsZWFybmluZyAocG9wdWxhciknIDogdGV4dFxuICAgICAgICAgICAgfVxuICAgICAgICAgIC8+XG4gICAgICAgICAge3Nob3dQb3B1bGFyQmFkZ2UgJiYgKFxuICAgICAgICAgICAgPFBvcHVsYXJCYWRnZURvdCBwb3NpdGlvbj1cImFic29sdXRlXCIgbGVmdD1cIjQycHhcIiBhcmlhLWhpZGRlbiAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvTmF2SWNvbkJ1dHRvbkNvbnRhaW5lcj5cbiAgICAgICl9XG5cbiAgICAgIDxOYXZQYW5lbENvbnRhaW5lclxuICAgICAgICBpc0ZpcnN0PXtpbmRleCA9PT0gMH1cbiAgICAgICAgZGlzcGxheT17aXNBY3RpdmVUYWIgPyAnYmxvY2snIDogJ25vbmUnfVxuICAgICAgICBncmlkQ29sdW1uPVwiMiAvIHNwYW4gMTJcIlxuICAgICAgICBncmlkUm93PVwiMSAvIHNwYW4gOFwiXG4gICAgICAgIGJnPVwiYmFja2dyb3VuZFwiXG4gICAgICAgIHB4PXszMn1cbiAgICAgICAgcHQ9ezE2fVxuICAgICAgICBwYj17MjR9XG4gICAgICA+XG4gICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgYW5pbWF0ZT17eyBvcGFjaXR5OiBpc0FjdGl2ZVRhYiA/IDEgOiAwIH19XG4gICAgICAgICAgdHJhbnNpdGlvbj17eyBkdXJhdGlvbjogMC40LCBlYXNlOiAnZWFzZUluT3V0JyB9fVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L21vdGlvbi5kaXY+XG4gICAgICA8L05hdlBhbmVsQ29udGFpbmVyPlxuICAgIDwvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTmF2U2VjdGlvbjtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledArrowChevronRightIcon = /*#__PURE__*/_styled(ArrowChevronRightIcon, {
+  target: "ed97qwe2",
+  label: "StyledArrowChevronRightIcon"
+})("display:", ({
+  isActive
+}) => isActive ? 'block' : 'none', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9OYXZTZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRkUiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJTZWN0aW9uL05hdlNlY3Rpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQXJyb3dDaGV2cm9uUmlnaHRJY29uLCBHYW11dEljb25Qcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IG1vdGlvbiB9IGZyb20gJ2ZyYW1lci1tb3Rpb24nO1xuaW1wb3J0IFJlYWN0LCB7XG4gIFByb3BzV2l0aENoaWxkcmVuLFxuICB1c2VDYWxsYmFjayxcbiAgdXNlQ29udGV4dCxcbiAgdXNlRWZmZWN0LFxuICB1c2VSZWYsXG59IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtcbiAgdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrLFxuICB1c2VIaWdobGlnaHRMaXZlTGVhcm5pbmdDb250ZXh0LFxufSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXIvY29udGV4dCc7XG5pbXBvcnQge1xuICBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtLFxuICBBcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bkl0ZW0sXG59IGZyb20gJy4uLy4uL3NoYXJlZCc7XG5pbXBvcnQgeyBBcHBIZWFkZXJEcm9wZG93bkNvbnRleHQgfSBmcm9tICcuLi9BcHBIZWFkZXJEcm9wZG93blByb3ZpZGVyJztcbmltcG9ydCB7IFBvcHVsYXJCYWRnZSB9IGZyb20gJy4vZWxlbWVudHMnO1xuaW1wb3J0IHsgTmF2SWNvbkJ1dHRvbiB9IGZyb20gJy4vTW9iaWxlQmFja0J1dHRvbic7XG5cbnR5cGUgTmF2U2VjdGlvblByb3BzID0gUHJvcHNXaXRoQ2hpbGRyZW4gJiB7XG4gIGl0ZW06IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW0gfCBBcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bkl0ZW07XG4gIGlzQWN0aXZlVGFiOiBib29sZWFuO1xuICBzZXRBY3RpdmVUYWI6ICh0YWI6IG51bWJlcikgPT4gdm9pZDtcbiAgaWNvbj86IFJlYWN0LkNvbXBvbmVudFR5cGU8R2FtdXRJY29uUHJvcHM+O1xuICB0ZXh0OiBzdHJpbmc7XG4gIGluZGV4OiBudW1iZXI7XG4gIHRhYkluZGV4PzogbnVtYmVyO1xufTtcblxuY29uc3QgTmF2UGFuZWxDb250YWluZXIgPSBzdHlsZWQoQm94KTx7IGlzRmlyc3Q6IGJvb2xlYW4gfT5gXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNGaXJzdCB9KSA9PiAoaXNGaXJzdCA/ICcwIDhweCA4cHggOHB4JyA6ICc4cHgnKX07XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEyMDBweCkge1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRpb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGluZGV4OiBudW1iZXI7XG59PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIGdyaWQtcm93OiAkeyh7IGluZGV4IH0pID0+IGluZGV4ICsgMX07XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5wcmltYXJ5IDogdGhlbWUuY29sb3JzLnRleHR9O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB3aWR0aDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnMTAwJScgOiAnY2FsYygxMDAlIC0gOHB4KScpfTtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgaXNBY3RpdmUsIHRoZW1lIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgT3ZlcmZsb3dUZXh0ID0gc3R5bGVkKFRleHQpYFxuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbmA7XG5cbmNvbnN0IFN0eWxlZEFycm93Q2hldnJvblJpZ2h0SWNvbiA9IHN0eWxlZChBcnJvd0NoZXZyb25SaWdodEljb24pPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG59PmBcbiAgZGlzcGxheTogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnYmxvY2snIDogJ25vbmUnKX07XG5gO1xuXG5jb25zdCBOYXZJY29uQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkKEJveCk8e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbiAgaW5kZXg6IG51bWJlcjtcbn0+YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICc4cHggMCAwIDhweCcgOiAnOHB4Jyl9O1xuXG4gIGdyaWQtY29sdW1uOiAxO1xuICBncmlkLXJvdzogJHsoeyBpbmRleCB9KSA9PiBpbmRleH07XG4gIHBhZGRpbmc6IDhweDtcbmA7XG5cbmNvbnN0IFBvcHVsYXJCYWRnZURvdCA9IHN0eWxlZChCb3gpYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snaHlwZXItNDAwJ119O1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGhlaWdodDogMTZweDtcbiAgd2lkdGg6IDE2cHg7XG4gIGJvcmRlcjogMnB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcbmA7XG5cbmNvbnN0IE5hdlNlY3Rpb24gPSAoe1xuICBpc0FjdGl2ZVRhYixcbiAgc2V0QWN0aXZlVGFiLFxuICBpY29uOiBJY29uLFxuICB0ZXh0LFxuICBpbmRleCxcbiAgY2hpbGRyZW4sXG4gIGl0ZW0sXG4gIHRhYkluZGV4LFxufTogTmF2U2VjdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcbiAgY29uc3QgZGlzcGxheUhpZ2hsaWdodExpdmVMZWFybmluZyA9IHVzZUhpZ2hsaWdodExpdmVMZWFybmluZ0NvbnRleHQoKTtcbiAgY29uc3QgeyBzZXRGaXJzdEl0ZW1SZWYgfSA9IHVzZUNvbnRleHQoQXBwSGVhZGVyRHJvcGRvd25Db250ZXh0KTtcbiAgY29uc3QgZ3JpZFJvdyA9IGluZGV4ICsgMjsgLy8gKzEgYmVjYXVzZSBvZiB0aGUgYmFjayBidXR0b25cbiAgY29uc3QgYnV0dG9uUmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpbmRleCA9PT0gMCAmJiBidXR0b25SZWYuY3VycmVudCkge1xuICAgICAgc2V0Rmlyc3RJdGVtUmVmPy4oYnV0dG9uUmVmLmN1cnJlbnQpO1xuICAgIH1cbiAgfSwgW2luZGV4LCBzZXRGaXJzdEl0ZW1SZWZdKTtcblxuICBjb25zdCBvblNlbGVjdCA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICBnbG9iYWxIZWFkZXJJdGVtQ2xpY2soZSwgaXRlbSk7XG4gICAgICBzZXRBY3RpdmVUYWIoaW5kZXgpO1xuICAgIH0sXG4gICAgW2dsb2JhbEhlYWRlckl0ZW1DbGljaywgaXRlbSwgaW5kZXgsIHNldEFjdGl2ZVRhYl1cbiAgKTtcblxuICBjb25zdCBoaWdobGlnaHRMaXZlTGVhcm5pbmcgPVxuICAgIGl0ZW0uaWQgPT09ICdsaXZlLWxlYXJuaW5nJyAmJiBkaXNwbGF5SGlnaGxpZ2h0TGl2ZUxlYXJuaW5nO1xuICBjb25zdCBzaG93UG9wdWxhckJhZGdlID0gaGlnaGxpZ2h0TGl2ZUxlYXJuaW5nICYmICFpc0FjdGl2ZVRhYjtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8Qm94IGRpc3BsYXk9e3sgXzogJ25vbmUnLCBzbTogJ2dyaWQnIH19PlxuICAgICAgICB7LyogbmF2IGJ1dHRvbiB3aXRoIHRleHQsIHNtIGFuZCBhYm92ZSAqL31cbiAgICAgICAgPE5hdmlnYXRpb25CdXR0b25cbiAgICAgICAgICByZWY9e2J1dHRvblJlZn1cbiAgICAgICAgICBpc0FjdGl2ZT17aXNBY3RpdmVUYWJ9XG4gICAgICAgICAgaW5kZXg9e2dyaWRSb3d9XG4gICAgICAgICAgb25DbGljaz17b25TZWxlY3R9XG4gICAgICAgICAgZGF0YS10ZXN0aWQ9e2BuYXYtc2VjdGlvbi0ke2l0ZW0uaWR9YH1cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtpc0FjdGl2ZVRhYn1cbiAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgYXJpYS1sYWJlbD17dGV4dH1cbiAgICAgICAgPlxuICAgICAgICAgIDxGbGV4Qm94IGdhcD17OH0gYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAge0ljb24gJiYgKFxuICAgICAgICAgICAgICA8Qm94IGhlaWdodD17MjR9IHdpZHRoPXsyNH0+XG4gICAgICAgICAgICAgICAgPEljb24gc2l6ZT17MjR9IC8+XG4gICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDxPdmVyZmxvd1RleHRcbiAgICAgICAgICAgICAgZGlzcGxheT17eyBfOiAnbm9uZScsIHNtOiAnaW5saW5lLWJsb2NrJyB9fVxuICAgICAgICAgICAgICBtYXhXaWR0aD17eyBfOiAnMTEwcHgnLCBtZDogJ25vbmUnIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHt0ZXh0fVxuICAgICAgICAgICAgPC9PdmVyZmxvd1RleHQ+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIDxCb3ggZGlzcGxheT17eyBfOiAnbm9uZScsIHNtOiAnYmxvY2snIH19PlxuICAgICAgICAgICAgPFN0eWxlZEFycm93Q2hldnJvblJpZ2h0SWNvbiBpc0FjdGl2ZT17aXNBY3RpdmVUYWJ9IC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAge3Nob3dQb3B1bGFyQmFkZ2UgJiYgKFxuICAgICAgICAgICAgPEJveCBkaXNwbGF5PXt7IF86ICdub25lJywgc206ICdibG9jaycgfX0+XG4gICAgICAgICAgICAgIDxQb3B1bGFyQmFkZ2UgdmFyaWFudD1cImN1c3RvbVwiIHNpemU9XCJzbVwiIGJnPVwiaHlwZXItNDAwXCI+XG4gICAgICAgICAgICAgICAgUG9wdWxhclxuICAgICAgICAgICAgICA8L1BvcHVsYXJCYWRnZT5cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvTmF2aWdhdGlvbkJ1dHRvbj5cbiAgICAgIDwvQm94PlxuICAgICAgey8qIG5hdiBidXR0b24gd2l0aCBpY29uLCB4cyBvbmx5ICovfVxuICAgICAge0ljb24gJiYgKFxuICAgICAgICA8TmF2SWNvbkJ1dHRvbkNvbnRhaW5lclxuICAgICAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZVRhYn1cbiAgICAgICAgICBkaXNwbGF5PXt7IF86ICdub25lJywgeHM6ICdncmlkJywgc206ICdub25lJyB9fVxuICAgICAgICAgIGluZGV4PXtncmlkUm93fVxuICAgICAgICA+XG4gICAgICAgICAgPE5hdkljb25CdXR0b25cbiAgICAgICAgICAgIG9uQ2xpY2s9e29uU2VsZWN0fVxuICAgICAgICAgICAgaWNvbj17SWNvbn1cbiAgICAgICAgICAgIHRpcD17aGlnaGxpZ2h0TGl2ZUxlYXJuaW5nID8gJ0xpdmUgbGVhcm5pbmcgKHBvcHVsYXIpJyA6IHRleHR9XG4gICAgICAgICAgICB0aXBQcm9wcz17e1xuICAgICAgICAgICAgICBhbGlnbm1lbnQ6ICdyaWdodC1jZW50ZXInLFxuICAgICAgICAgICAgICBuYXJyb3c6IGZhbHNlLFxuICAgICAgICAgICAgICBwbGFjZW1lbnQ6ICdmbG9hdGluZycsXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgYXJpYS1sYWJlbD17XG4gICAgICAgICAgICAgIGhpZ2hsaWdodExpdmVMZWFybmluZyA/ICdMaXZlIGxlYXJuaW5nIChwb3B1bGFyKScgOiB0ZXh0XG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7c2hvd1BvcHVsYXJCYWRnZSAmJiAoXG4gICAgICAgICAgICA8UG9wdWxhckJhZGdlRG90IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiBsZWZ0PVwiNDJweFwiIGFyaWEtaGlkZGVuIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9OYXZJY29uQnV0dG9uQ29udGFpbmVyPlxuICAgICAgKX1cblxuICAgICAgPE5hdlBhbmVsQ29udGFpbmVyXG4gICAgICAgIGlzRmlyc3Q9e2luZGV4ID09PSAwfVxuICAgICAgICBkaXNwbGF5PXtpc0FjdGl2ZVRhYiA/ICdibG9jaycgOiAnbm9uZSd9XG4gICAgICAgIGdyaWRDb2x1bW49XCIyIC8gc3BhbiAxMlwiXG4gICAgICAgIGdyaWRSb3c9XCIxIC8gc3BhbiA4XCJcbiAgICAgICAgYmc9XCJiYWNrZ3JvdW5kXCJcbiAgICAgICAgcHg9ezMyfVxuICAgICAgICBwdD17MTZ9XG4gICAgICAgIHBiPXsyNH1cbiAgICAgID5cbiAgICAgICAgPG1vdGlvbi5kaXZcbiAgICAgICAgICBhbmltYXRlPXt7IG9wYWNpdHk6IGlzQWN0aXZlVGFiID8gMSA6IDAgfX1cbiAgICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjQsIGVhc2U6ICdlYXNlSW5PdXQnIH19XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgIDwvTmF2UGFuZWxDb250YWluZXI+XG4gICAgPC8+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOYXZTZWN0aW9uO1xuIl19 */"));
+const NavIconButtonContainer = /*#__PURE__*/_styled(Box, {
+  target: "ed97qwe1",
+  label: "NavIconButtonContainer"
+})("background-color:", ({
+  theme,
+  isActive
+}) => isActive ? theme.colors.background : theme.colors['gray-100'], ";border-radius:", ({
+  isActive
+}) => isActive ? '8px 0 0 8px' : '8px', ";grid-column:1;grid-row:", ({
+  index
+}) => index, ";padding:8px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9OYXZTZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RkUiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJTZWN0aW9uL05hdlNlY3Rpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQXJyb3dDaGV2cm9uUmlnaHRJY29uLCBHYW11dEljb25Qcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IG1vdGlvbiB9IGZyb20gJ2ZyYW1lci1tb3Rpb24nO1xuaW1wb3J0IFJlYWN0LCB7XG4gIFByb3BzV2l0aENoaWxkcmVuLFxuICB1c2VDYWxsYmFjayxcbiAgdXNlQ29udGV4dCxcbiAgdXNlRWZmZWN0LFxuICB1c2VSZWYsXG59IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtcbiAgdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrLFxuICB1c2VIaWdobGlnaHRMaXZlTGVhcm5pbmdDb250ZXh0LFxufSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXIvY29udGV4dCc7XG5pbXBvcnQge1xuICBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtLFxuICBBcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bkl0ZW0sXG59IGZyb20gJy4uLy4uL3NoYXJlZCc7XG5pbXBvcnQgeyBBcHBIZWFkZXJEcm9wZG93bkNvbnRleHQgfSBmcm9tICcuLi9BcHBIZWFkZXJEcm9wZG93blByb3ZpZGVyJztcbmltcG9ydCB7IFBvcHVsYXJCYWRnZSB9IGZyb20gJy4vZWxlbWVudHMnO1xuaW1wb3J0IHsgTmF2SWNvbkJ1dHRvbiB9IGZyb20gJy4vTW9iaWxlQmFja0J1dHRvbic7XG5cbnR5cGUgTmF2U2VjdGlvblByb3BzID0gUHJvcHNXaXRoQ2hpbGRyZW4gJiB7XG4gIGl0ZW06IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW0gfCBBcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bkl0ZW07XG4gIGlzQWN0aXZlVGFiOiBib29sZWFuO1xuICBzZXRBY3RpdmVUYWI6ICh0YWI6IG51bWJlcikgPT4gdm9pZDtcbiAgaWNvbj86IFJlYWN0LkNvbXBvbmVudFR5cGU8R2FtdXRJY29uUHJvcHM+O1xuICB0ZXh0OiBzdHJpbmc7XG4gIGluZGV4OiBudW1iZXI7XG4gIHRhYkluZGV4PzogbnVtYmVyO1xufTtcblxuY29uc3QgTmF2UGFuZWxDb250YWluZXIgPSBzdHlsZWQoQm94KTx7IGlzRmlyc3Q6IGJvb2xlYW4gfT5gXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNGaXJzdCB9KSA9PiAoaXNGaXJzdCA/ICcwIDhweCA4cHggOHB4JyA6ICc4cHgnKX07XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEyMDBweCkge1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRpb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGluZGV4OiBudW1iZXI7XG59PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIGdyaWQtcm93OiAkeyh7IGluZGV4IH0pID0+IGluZGV4ICsgMX07XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5wcmltYXJ5IDogdGhlbWUuY29sb3JzLnRleHR9O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB3aWR0aDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnMTAwJScgOiAnY2FsYygxMDAlIC0gOHB4KScpfTtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgaXNBY3RpdmUsIHRoZW1lIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgT3ZlcmZsb3dUZXh0ID0gc3R5bGVkKFRleHQpYFxuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbmA7XG5cbmNvbnN0IFN0eWxlZEFycm93Q2hldnJvblJpZ2h0SWNvbiA9IHN0eWxlZChBcnJvd0NoZXZyb25SaWdodEljb24pPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG59PmBcbiAgZGlzcGxheTogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnYmxvY2snIDogJ25vbmUnKX07XG5gO1xuXG5jb25zdCBOYXZJY29uQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkKEJveCk8e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbiAgaW5kZXg6IG51bWJlcjtcbn0+YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICc4cHggMCAwIDhweCcgOiAnOHB4Jyl9O1xuXG4gIGdyaWQtY29sdW1uOiAxO1xuICBncmlkLXJvdzogJHsoeyBpbmRleCB9KSA9PiBpbmRleH07XG4gIHBhZGRpbmc6IDhweDtcbmA7XG5cbmNvbnN0IFBvcHVsYXJCYWRnZURvdCA9IHN0eWxlZChCb3gpYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snaHlwZXItNDAwJ119O1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGhlaWdodDogMTZweDtcbiAgd2lkdGg6IDE2cHg7XG4gIGJvcmRlcjogMnB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcbmA7XG5cbmNvbnN0IE5hdlNlY3Rpb24gPSAoe1xuICBpc0FjdGl2ZVRhYixcbiAgc2V0QWN0aXZlVGFiLFxuICBpY29uOiBJY29uLFxuICB0ZXh0LFxuICBpbmRleCxcbiAgY2hpbGRyZW4sXG4gIGl0ZW0sXG4gIHRhYkluZGV4LFxufTogTmF2U2VjdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcbiAgY29uc3QgZGlzcGxheUhpZ2hsaWdodExpdmVMZWFybmluZyA9IHVzZUhpZ2hsaWdodExpdmVMZWFybmluZ0NvbnRleHQoKTtcbiAgY29uc3QgeyBzZXRGaXJzdEl0ZW1SZWYgfSA9IHVzZUNvbnRleHQoQXBwSGVhZGVyRHJvcGRvd25Db250ZXh0KTtcbiAgY29uc3QgZ3JpZFJvdyA9IGluZGV4ICsgMjsgLy8gKzEgYmVjYXVzZSBvZiB0aGUgYmFjayBidXR0b25cbiAgY29uc3QgYnV0dG9uUmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpbmRleCA9PT0gMCAmJiBidXR0b25SZWYuY3VycmVudCkge1xuICAgICAgc2V0Rmlyc3RJdGVtUmVmPy4oYnV0dG9uUmVmLmN1cnJlbnQpO1xuICAgIH1cbiAgfSwgW2luZGV4LCBzZXRGaXJzdEl0ZW1SZWZdKTtcblxuICBjb25zdCBvblNlbGVjdCA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICBnbG9iYWxIZWFkZXJJdGVtQ2xpY2soZSwgaXRlbSk7XG4gICAgICBzZXRBY3RpdmVUYWIoaW5kZXgpO1xuICAgIH0sXG4gICAgW2dsb2JhbEhlYWRlckl0ZW1DbGljaywgaXRlbSwgaW5kZXgsIHNldEFjdGl2ZVRhYl1cbiAgKTtcblxuICBjb25zdCBoaWdobGlnaHRMaXZlTGVhcm5pbmcgPVxuICAgIGl0ZW0uaWQgPT09ICdsaXZlLWxlYXJuaW5nJyAmJiBkaXNwbGF5SGlnaGxpZ2h0TGl2ZUxlYXJuaW5nO1xuICBjb25zdCBzaG93UG9wdWxhckJhZGdlID0gaGlnaGxpZ2h0TGl2ZUxlYXJuaW5nICYmICFpc0FjdGl2ZVRhYjtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8Qm94IGRpc3BsYXk9e3sgXzogJ25vbmUnLCBzbTogJ2dyaWQnIH19PlxuICAgICAgICB7LyogbmF2IGJ1dHRvbiB3aXRoIHRleHQsIHNtIGFuZCBhYm92ZSAqL31cbiAgICAgICAgPE5hdmlnYXRpb25CdXR0b25cbiAgICAgICAgICByZWY9e2J1dHRvblJlZn1cbiAgICAgICAgICBpc0FjdGl2ZT17aXNBY3RpdmVUYWJ9XG4gICAgICAgICAgaW5kZXg9e2dyaWRSb3d9XG4gICAgICAgICAgb25DbGljaz17b25TZWxlY3R9XG4gICAgICAgICAgZGF0YS10ZXN0aWQ9e2BuYXYtc2VjdGlvbi0ke2l0ZW0uaWR9YH1cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtpc0FjdGl2ZVRhYn1cbiAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgYXJpYS1sYWJlbD17dGV4dH1cbiAgICAgICAgPlxuICAgICAgICAgIDxGbGV4Qm94IGdhcD17OH0gYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAge0ljb24gJiYgKFxuICAgICAgICAgICAgICA8Qm94IGhlaWdodD17MjR9IHdpZHRoPXsyNH0+XG4gICAgICAgICAgICAgICAgPEljb24gc2l6ZT17MjR9IC8+XG4gICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDxPdmVyZmxvd1RleHRcbiAgICAgICAgICAgICAgZGlzcGxheT17eyBfOiAnbm9uZScsIHNtOiAnaW5saW5lLWJsb2NrJyB9fVxuICAgICAgICAgICAgICBtYXhXaWR0aD17eyBfOiAnMTEwcHgnLCBtZDogJ25vbmUnIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHt0ZXh0fVxuICAgICAgICAgICAgPC9PdmVyZmxvd1RleHQ+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIDxCb3ggZGlzcGxheT17eyBfOiAnbm9uZScsIHNtOiAnYmxvY2snIH19PlxuICAgICAgICAgICAgPFN0eWxlZEFycm93Q2hldnJvblJpZ2h0SWNvbiBpc0FjdGl2ZT17aXNBY3RpdmVUYWJ9IC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAge3Nob3dQb3B1bGFyQmFkZ2UgJiYgKFxuICAgICAgICAgICAgPEJveCBkaXNwbGF5PXt7IF86ICdub25lJywgc206ICdibG9jaycgfX0+XG4gICAgICAgICAgICAgIDxQb3B1bGFyQmFkZ2UgdmFyaWFudD1cImN1c3RvbVwiIHNpemU9XCJzbVwiIGJnPVwiaHlwZXItNDAwXCI+XG4gICAgICAgICAgICAgICAgUG9wdWxhclxuICAgICAgICAgICAgICA8L1BvcHVsYXJCYWRnZT5cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvTmF2aWdhdGlvbkJ1dHRvbj5cbiAgICAgIDwvQm94PlxuICAgICAgey8qIG5hdiBidXR0b24gd2l0aCBpY29uLCB4cyBvbmx5ICovfVxuICAgICAge0ljb24gJiYgKFxuICAgICAgICA8TmF2SWNvbkJ1dHRvbkNvbnRhaW5lclxuICAgICAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZVRhYn1cbiAgICAgICAgICBkaXNwbGF5PXt7IF86ICdub25lJywgeHM6ICdncmlkJywgc206ICdub25lJyB9fVxuICAgICAgICAgIGluZGV4PXtncmlkUm93fVxuICAgICAgICA+XG4gICAgICAgICAgPE5hdkljb25CdXR0b25cbiAgICAgICAgICAgIG9uQ2xpY2s9e29uU2VsZWN0fVxuICAgICAgICAgICAgaWNvbj17SWNvbn1cbiAgICAgICAgICAgIHRpcD17aGlnaGxpZ2h0TGl2ZUxlYXJuaW5nID8gJ0xpdmUgbGVhcm5pbmcgKHBvcHVsYXIpJyA6IHRleHR9XG4gICAgICAgICAgICB0aXBQcm9wcz17e1xuICAgICAgICAgICAgICBhbGlnbm1lbnQ6ICdyaWdodC1jZW50ZXInLFxuICAgICAgICAgICAgICBuYXJyb3c6IGZhbHNlLFxuICAgICAgICAgICAgICBwbGFjZW1lbnQ6ICdmbG9hdGluZycsXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgYXJpYS1sYWJlbD17XG4gICAgICAgICAgICAgIGhpZ2hsaWdodExpdmVMZWFybmluZyA/ICdMaXZlIGxlYXJuaW5nIChwb3B1bGFyKScgOiB0ZXh0XG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7c2hvd1BvcHVsYXJCYWRnZSAmJiAoXG4gICAgICAgICAgICA8UG9wdWxhckJhZGdlRG90IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiBsZWZ0PVwiNDJweFwiIGFyaWEtaGlkZGVuIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9OYXZJY29uQnV0dG9uQ29udGFpbmVyPlxuICAgICAgKX1cblxuICAgICAgPE5hdlBhbmVsQ29udGFpbmVyXG4gICAgICAgIGlzRmlyc3Q9e2luZGV4ID09PSAwfVxuICAgICAgICBkaXNwbGF5PXtpc0FjdGl2ZVRhYiA/ICdibG9jaycgOiAnbm9uZSd9XG4gICAgICAgIGdyaWRDb2x1bW49XCIyIC8gc3BhbiAxMlwiXG4gICAgICAgIGdyaWRSb3c9XCIxIC8gc3BhbiA4XCJcbiAgICAgICAgYmc9XCJiYWNrZ3JvdW5kXCJcbiAgICAgICAgcHg9ezMyfVxuICAgICAgICBwdD17MTZ9XG4gICAgICAgIHBiPXsyNH1cbiAgICAgID5cbiAgICAgICAgPG1vdGlvbi5kaXZcbiAgICAgICAgICBhbmltYXRlPXt7IG9wYWNpdHk6IGlzQWN0aXZlVGFiID8gMSA6IDAgfX1cbiAgICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjQsIGVhc2U6ICdlYXNlSW5PdXQnIH19XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgIDwvTmF2UGFuZWxDb250YWluZXI+XG4gICAgPC8+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOYXZTZWN0aW9uO1xuIl19 */"));
+const PopularBadgeDot = /*#__PURE__*/_styled(Box, {
+  target: "ed97qwe0",
+  label: "PopularBadgeDot"
+})("background-color:", ({
+  theme
+}) => theme.colors['hyper-400'], ";border-radius:8px;height:16px;width:16px;border:2px solid ", ({
+  theme
+}) => theme.colors['gray-100'], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9OYXZTZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpR21DIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9OYXZTZWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEFycm93Q2hldnJvblJpZ2h0SWNvbiwgR2FtdXRJY29uUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBtb3Rpb24gfSBmcm9tICdmcmFtZXItbW90aW9uJztcbmltcG9ydCBSZWFjdCwge1xuICBQcm9wc1dpdGhDaGlsZHJlbixcbiAgdXNlQ2FsbGJhY2ssXG4gIHVzZUNvbnRleHQsXG4gIHVzZUVmZmVjdCxcbiAgdXNlUmVmLFxufSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7XG4gIHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljayxcbiAgdXNlSGlnaGxpZ2h0TGl2ZUxlYXJuaW5nQ29udGV4dCxcbn0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuaW1wb3J0IHtcbiAgQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duSXRlbSxcbiAgQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd25JdGVtLFxufSBmcm9tICcuLi8uLi9zaGFyZWQnO1xuaW1wb3J0IHsgQXBwSGVhZGVyRHJvcGRvd25Db250ZXh0IH0gZnJvbSAnLi4vQXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlcic7XG5pbXBvcnQgeyBQb3B1bGFyQmFkZ2UgfSBmcm9tICcuL2VsZW1lbnRzJztcbmltcG9ydCB7IE5hdkljb25CdXR0b24gfSBmcm9tICcuL01vYmlsZUJhY2tCdXR0b24nO1xuXG50eXBlIE5hdlNlY3Rpb25Qcm9wcyA9IFByb3BzV2l0aENoaWxkcmVuICYge1xuICBpdGVtOiBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtIHwgQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd25JdGVtO1xuICBpc0FjdGl2ZVRhYjogYm9vbGVhbjtcbiAgc2V0QWN0aXZlVGFiOiAodGFiOiBudW1iZXIpID0+IHZvaWQ7XG4gIGljb24/OiBSZWFjdC5Db21wb25lbnRUeXBlPEdhbXV0SWNvblByb3BzPjtcbiAgdGV4dDogc3RyaW5nO1xuICBpbmRleDogbnVtYmVyO1xuICB0YWJJbmRleD86IG51bWJlcjtcbn07XG5cbmNvbnN0IE5hdlBhbmVsQ29udGFpbmVyID0gc3R5bGVkKEJveCk8eyBpc0ZpcnN0OiBib29sZWFuIH0+YFxuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzRmlyc3QgfSkgPT4gKGlzRmlyc3QgPyAnMCA4cHggOHB4IDhweCcgOiAnOHB4Jyl9O1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiAxMjAwcHgpIHtcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0aW9uQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjx7XG4gIGlzQWN0aXZlOiBib29sZWFuO1xuICBpbmRleDogbnVtYmVyO1xufT5gXG4gIGdyaWQtY29sdW1uOiAxO1xuICBncmlkLXJvdzogJHsoeyBpbmRleCB9KSA9PiBpbmRleCArIDF9O1xuICBwYWRkaW5nOiAxNnB4O1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzhweCAwIDAgOHB4JyA6ICc4cHgnKX07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6ICR7KHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMucHJpbWFyeSA6IHRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgd2lkdGg6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzEwMCUnIDogJ2NhbGMoMTAwJSAtIDhweCknKX07XG4gIGhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGlzQWN0aXZlLCB0aGVtZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+XG4gICAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gIH1cbmA7XG5cbmNvbnN0IE92ZXJmbG93VGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5gO1xuXG5jb25zdCBTdHlsZWRBcnJvd0NoZXZyb25SaWdodEljb24gPSBzdHlsZWQoQXJyb3dDaGV2cm9uUmlnaHRJY29uKTx7XG4gIGlzQWN0aXZlOiBib29sZWFuO1xufT5gXG4gIGRpc3BsYXk6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJ2Jsb2NrJyA6ICdub25lJyl9O1xuYDtcblxuY29uc3QgTmF2SWNvbkJ1dHRvbkNvbnRhaW5lciA9IHN0eWxlZChCb3gpPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGluZGV4OiBudW1iZXI7XG59PmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcblxuICBncmlkLWNvbHVtbjogMTtcbiAgZ3JpZC1yb3c6ICR7KHsgaW5kZXggfSkgPT4gaW5kZXh9O1xuICBwYWRkaW5nOiA4cHg7XG5gO1xuXG5jb25zdCBQb3B1bGFyQmFkZ2VEb3QgPSBzdHlsZWQoQm94KWBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2h5cGVyLTQwMCddfTtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBoZWlnaHQ6IDE2cHg7XG4gIHdpZHRoOiAxNnB4O1xuICBib3JkZXI6IDJweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG5gO1xuXG5jb25zdCBOYXZTZWN0aW9uID0gKHtcbiAgaXNBY3RpdmVUYWIsXG4gIHNldEFjdGl2ZVRhYixcbiAgaWNvbjogSWNvbixcbiAgdGV4dCxcbiAgaW5kZXgsXG4gIGNoaWxkcmVuLFxuICBpdGVtLFxuICB0YWJJbmRleCxcbn06IE5hdlNlY3Rpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckl0ZW1DbGljayB9ID0gdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrKCk7XG4gIGNvbnN0IGRpc3BsYXlIaWdobGlnaHRMaXZlTGVhcm5pbmcgPSB1c2VIaWdobGlnaHRMaXZlTGVhcm5pbmdDb250ZXh0KCk7XG4gIGNvbnN0IHsgc2V0Rmlyc3RJdGVtUmVmIH0gPSB1c2VDb250ZXh0KEFwcEhlYWRlckRyb3Bkb3duQ29udGV4dCk7XG4gIGNvbnN0IGdyaWRSb3cgPSBpbmRleCArIDI7IC8vICsxIGJlY2F1c2Ugb2YgdGhlIGJhY2sgYnV0dG9uXG4gIGNvbnN0IGJ1dHRvblJlZiA9IHVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaW5kZXggPT09IDAgJiYgYnV0dG9uUmVmLmN1cnJlbnQpIHtcbiAgICAgIHNldEZpcnN0SXRlbVJlZj8uKGJ1dHRvblJlZi5jdXJyZW50KTtcbiAgICB9XG4gIH0sIFtpbmRleCwgc2V0Rmlyc3RJdGVtUmVmXSk7XG5cbiAgY29uc3Qgb25TZWxlY3QgPSB1c2VDYWxsYmFjayhcbiAgICAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgZ2xvYmFsSGVhZGVySXRlbUNsaWNrKGUsIGl0ZW0pO1xuICAgICAgc2V0QWN0aXZlVGFiKGluZGV4KTtcbiAgICB9LFxuICAgIFtnbG9iYWxIZWFkZXJJdGVtQ2xpY2ssIGl0ZW0sIGluZGV4LCBzZXRBY3RpdmVUYWJdXG4gICk7XG5cbiAgY29uc3QgaGlnaGxpZ2h0TGl2ZUxlYXJuaW5nID1cbiAgICBpdGVtLmlkID09PSAnbGl2ZS1sZWFybmluZycgJiYgZGlzcGxheUhpZ2hsaWdodExpdmVMZWFybmluZztcbiAgY29uc3Qgc2hvd1BvcHVsYXJCYWRnZSA9IGhpZ2hsaWdodExpdmVMZWFybmluZyAmJiAhaXNBY3RpdmVUYWI7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEJveCBkaXNwbGF5PXt7IF86ICdub25lJywgc206ICdncmlkJyB9fT5cbiAgICAgICAgey8qIG5hdiBidXR0b24gd2l0aCB0ZXh0LCBzbSBhbmQgYWJvdmUgKi99XG4gICAgICAgIDxOYXZpZ2F0aW9uQnV0dG9uXG4gICAgICAgICAgcmVmPXtidXR0b25SZWZ9XG4gICAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlVGFifVxuICAgICAgICAgIGluZGV4PXtncmlkUm93fVxuICAgICAgICAgIG9uQ2xpY2s9e29uU2VsZWN0fVxuICAgICAgICAgIGRhdGEtdGVzdGlkPXtgbmF2LXNlY3Rpb24tJHtpdGVtLmlkfWB9XG4gICAgICAgICAgYXJpYS1leHBhbmRlZD17aXNBY3RpdmVUYWJ9XG4gICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICAgIGFyaWEtbGFiZWw9e3RleHR9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveCBnYXA9ezh9IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgIHtJY29uICYmIChcbiAgICAgICAgICAgICAgPEJveCBoZWlnaHQ9ezI0fSB3aWR0aD17MjR9PlxuICAgICAgICAgICAgICAgIDxJY29uIHNpemU9ezI0fSAvPlxuICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8T3ZlcmZsb3dUZXh0XG4gICAgICAgICAgICAgIGRpc3BsYXk9e3sgXzogJ25vbmUnLCBzbTogJ2lubGluZS1ibG9jaycgfX1cbiAgICAgICAgICAgICAgbWF4V2lkdGg9e3sgXzogJzExMHB4JywgbWQ6ICdub25lJyB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7dGV4dH1cbiAgICAgICAgICAgIDwvT3ZlcmZsb3dUZXh0PlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8Qm94IGRpc3BsYXk9e3sgXzogJ25vbmUnLCBzbTogJ2Jsb2NrJyB9fT5cbiAgICAgICAgICAgIDxTdHlsZWRBcnJvd0NoZXZyb25SaWdodEljb24gaXNBY3RpdmU9e2lzQWN0aXZlVGFifSAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIHtzaG93UG9wdWxhckJhZGdlICYmIChcbiAgICAgICAgICAgIDxCb3ggZGlzcGxheT17eyBfOiAnbm9uZScsIHNtOiAnYmxvY2snIH19PlxuICAgICAgICAgICAgICA8UG9wdWxhckJhZGdlIHZhcmlhbnQ9XCJjdXN0b21cIiBzaXplPVwic21cIiBiZz1cImh5cGVyLTQwMFwiPlxuICAgICAgICAgICAgICAgIFBvcHVsYXJcbiAgICAgICAgICAgICAgPC9Qb3B1bGFyQmFkZ2U+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICApfVxuICAgICAgICA8L05hdmlnYXRpb25CdXR0b24+XG4gICAgICA8L0JveD5cbiAgICAgIHsvKiBuYXYgYnV0dG9uIHdpdGggaWNvbiwgeHMgb25seSAqL31cbiAgICAgIHtJY29uICYmIChcbiAgICAgICAgPE5hdkljb25CdXR0b25Db250YWluZXJcbiAgICAgICAgICBpc0FjdGl2ZT17aXNBY3RpdmVUYWJ9XG4gICAgICAgICAgZGlzcGxheT17eyBfOiAnbm9uZScsIHhzOiAnZ3JpZCcsIHNtOiAnbm9uZScgfX1cbiAgICAgICAgICBpbmRleD17Z3JpZFJvd31cbiAgICAgICAgPlxuICAgICAgICAgIDxOYXZJY29uQnV0dG9uXG4gICAgICAgICAgICBvbkNsaWNrPXtvblNlbGVjdH1cbiAgICAgICAgICAgIGljb249e0ljb259XG4gICAgICAgICAgICB0aXA9e2hpZ2hsaWdodExpdmVMZWFybmluZyA/ICdMaXZlIGxlYXJuaW5nIChwb3B1bGFyKScgOiB0ZXh0fVxuICAgICAgICAgICAgdGlwUHJvcHM9e3tcbiAgICAgICAgICAgICAgYWxpZ25tZW50OiAncmlnaHQtY2VudGVyJyxcbiAgICAgICAgICAgICAgbmFycm93OiBmYWxzZSxcbiAgICAgICAgICAgICAgcGxhY2VtZW50OiAnZmxvYXRpbmcnLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e1xuICAgICAgICAgICAgICBoaWdobGlnaHRMaXZlTGVhcm5pbmcgPyAnTGl2ZSBsZWFybmluZyAocG9wdWxhciknIDogdGV4dFxuICAgICAgICAgICAgfVxuICAgICAgICAgIC8+XG4gICAgICAgICAge3Nob3dQb3B1bGFyQmFkZ2UgJiYgKFxuICAgICAgICAgICAgPFBvcHVsYXJCYWRnZURvdCBwb3NpdGlvbj1cImFic29sdXRlXCIgbGVmdD1cIjQycHhcIiBhcmlhLWhpZGRlbiAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvTmF2SWNvbkJ1dHRvbkNvbnRhaW5lcj5cbiAgICAgICl9XG5cbiAgICAgIDxOYXZQYW5lbENvbnRhaW5lclxuICAgICAgICBpc0ZpcnN0PXtpbmRleCA9PT0gMH1cbiAgICAgICAgZGlzcGxheT17aXNBY3RpdmVUYWIgPyAnYmxvY2snIDogJ25vbmUnfVxuICAgICAgICBncmlkQ29sdW1uPVwiMiAvIHNwYW4gMTJcIlxuICAgICAgICBncmlkUm93PVwiMSAvIHNwYW4gOFwiXG4gICAgICAgIGJnPVwiYmFja2dyb3VuZFwiXG4gICAgICAgIHB4PXszMn1cbiAgICAgICAgcHQ9ezE2fVxuICAgICAgICBwYj17MjR9XG4gICAgICA+XG4gICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgYW5pbWF0ZT17eyBvcGFjaXR5OiBpc0FjdGl2ZVRhYiA/IDEgOiAwIH19XG4gICAgICAgICAgdHJhbnNpdGlvbj17eyBkdXJhdGlvbjogMC40LCBlYXNlOiAnZWFzZUluT3V0JyB9fVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L21vdGlvbi5kaXY+XG4gICAgICA8L05hdlBhbmVsQ29udGFpbmVyPlxuICAgIDwvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTmF2U2VjdGlvbjtcbiJdfQ== */"));
+const NavSection = ({
+  isActiveTab,
+  setActiveTab,
+  icon: Icon,
+  text,
+  index,
+  children,
+  item,
+  tabIndex
+}) => {
+  const {
+    globalHeaderItemClick
+  } = useGlobalHeaderItemClick();
+  const displayHighlightLiveLearning = useHighlightLiveLearningContext();
+  const {
+    setFirstItemRef
+  } = useContext(AppHeaderDropdownContext);
+  const gridRow = index + 2; // +1 because of the back button
+  const buttonRef = useRef(null);
+  useEffect(() => {
+    if (index === 0 && buttonRef.current) {
+      setFirstItemRef?.(buttonRef.current);
+    }
+  }, [index, setFirstItemRef]);
+  const onSelect = useCallback(e => {
+    globalHeaderItemClick(e, item);
+    setActiveTab(index);
+  }, [globalHeaderItemClick, item, index, setActiveTab]);
+  const highlightLiveLearning = item.id === 'live-learning' && displayHighlightLiveLearning;
+  const showPopularBadge = highlightLiveLearning && !isActiveTab;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Box, {
+      display: {
+        _: 'none',
+        sm: 'grid'
+      },
+      children: /*#__PURE__*/_jsxs(NavigationButton, {
+        ref: buttonRef,
+        isActive: isActiveTab,
+        index: gridRow,
+        onClick: onSelect,
+        "data-testid": `nav-section-${item.id}`,
+        "aria-expanded": isActiveTab,
+        tabIndex: tabIndex,
+        "aria-label": text,
+        children: [/*#__PURE__*/_jsxs(FlexBox, {
+          gap: 8,
+          alignItems: "center",
+          children: [Icon && /*#__PURE__*/_jsx(Box, {
+            height: 24,
+            width: 24,
+            children: /*#__PURE__*/_jsx(Icon, {
+              size: 24
+            })
+          }), /*#__PURE__*/_jsx(OverflowText, {
+            display: {
+              _: 'none',
+              sm: 'inline-block'
+            },
+            maxWidth: {
+              _: '110px',
+              md: 'none'
+            },
+            children: text
+          })]
+        }), /*#__PURE__*/_jsx(Box, {
+          display: {
+            _: 'none',
+            sm: 'block'
+          },
+          children: /*#__PURE__*/_jsx(StyledArrowChevronRightIcon, {
+            isActive: isActiveTab
+          })
+        }), showPopularBadge && /*#__PURE__*/_jsx(Box, {
+          display: {
+            _: 'none',
+            sm: 'block'
+          },
+          children: /*#__PURE__*/_jsx(PopularBadge, {
+            variant: "custom",
+            size: "sm",
+            bg: "hyper-400",
+            children: "Popular"
+          })
+        })]
+      })
+    }), Icon && /*#__PURE__*/_jsxs(NavIconButtonContainer, {
+      isActive: isActiveTab,
+      display: {
+        _: 'none',
+        xs: 'grid',
+        sm: 'none'
+      },
+      index: gridRow,
+      children: [/*#__PURE__*/_jsx(NavIconButton, {
+        onClick: onSelect,
+        icon: Icon,
+        tip: highlightLiveLearning ? 'Live learning (popular)' : text,
+        tipProps: {
+          alignment: 'right-center',
+          narrow: false,
+          placement: 'floating'
+        },
+        "aria-label": highlightLiveLearning ? 'Live learning (popular)' : text
+      }), showPopularBadge && /*#__PURE__*/_jsx(PopularBadgeDot, {
+        position: "absolute",
+        left: "42px",
+        "aria-hidden": true
+      })]
+    }), /*#__PURE__*/_jsx(NavPanelContainer, {
+      isFirst: index === 0,
+      display: isActiveTab ? 'block' : 'none',
+      gridColumn: "2 / span 12",
+      gridRow: "1 / span 8",
+      bg: "background",
+      px: 32,
+      pt: 16,
+      pb: 24,
+      children: /*#__PURE__*/_jsx(motion.div, {
+        animate: {
+          opacity: isActiveTab ? 1 : 0
+        },
+        transition: {
+          duration: 0.4,
+          ease: 'easeInOut'
+        },
+        children: children
+      })
+    })]
+  });
+};
+export default NavSection;

package/dist/AppHeader/AppHeaderElements/AppHeaderSection/PanelLayout.d.ts

@@ -4,6 +4,7 @@ type PanelLayoutProps = PropsWithChildren & {
     heading: string;
     description: ReactNode;
     linkItem?: AppHeaderLinkItem;
+    showPopularBadge?: boolean;
 };
-export declare const PanelLayout: ({ heading, description, linkItem, children, }: PanelLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PanelLayout: ({ heading, description, linkItem, showPopularBadge, children, }: PanelLayoutProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/AppHeader/AppHeaderElements/AppHeaderSection/PanelLayout.js

@@ -3,11 +3,13 @@ import { ArrowLeftIcon, MiniArrowRightIcon } from '@codecademy/gamut-icons';
 import { useGlobalHeaderItemClick } from '../../../GlobalHeader/context';
 import { useAppHeaderDropdownContext } from '../AppHeaderDropdownProvider';
 import { useAppHeaderSectionContext } from './AppHeaderSectionContext';
+import { PopularBadge } from './elements';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const PanelLayout = ({
   heading,
   description,
   linkItem,
+  showPopularBadge,
   children
 }) => {
   const {
@@ -55,6 +57,12 @@ export const PanelLayout = ({
         as: "h2",
         variant: "title-sm",
         children: heading
+      }), showPopularBadge && /*#__PURE__*/_jsx(PopularBadge, {
+        variant: "custom",
+        size: "base",
+        bg: "hyper-400",
+        ml: 16,
+        children: "Popular"
       })]
     }), /*#__PURE__*/_jsx(Text, {
       mb: 16,

package/dist/AppHeader/AppHeaderElements/AppHeaderSection/elements.d.ts

@@ -6,7 +6,7 @@ export declare const StyledSection: import("@emotion/styled").StyledComponent<{
 } & {
     activePanelSelected: boolean;
 }, {}, {}>;
-export declare const NavTabContainer: import("@emotion/styled").StyledComponent<{
+export declare const StyledGridBox: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & import("@codecademy/gamut/dist/Box/props").GridBoxProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "content" | "translate" | "property" | "hidden" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import("react").ClassAttributes<HTMLDivElement>> & {
@@ -24,59 +24,6 @@ export declare const SmallMenuButton: import("@emotion/styled").StyledComponent<
 } & {
     index: number;
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const OverflowText: import("@emotion/styled").StyledComponent<((Omit<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & import("@codecademy/gamut").TextTruncateProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "content" | "translate" | "property" | "hidden" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import("react").ClassAttributes<HTMLSpanElement>>, "ref"> | Omit<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & import("@codecademy/gamut").TextNoTruncateProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "content" | "translate" | "property" | "hidden" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import("react").ClassAttributes<HTMLSpanElement>>, "ref">) & import("react").RefAttributes<HTMLSpanElement>) & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const StyledNavTabPanel: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & import("@codecademy/gamut").BoxProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "content" | "translate" | "property" | "hidden" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import("react").ClassAttributes<HTMLDivElement>> & {
-    theme?: import("@emotion/react").Theme;
-} & {
-    isFirst: boolean;
-}, {}, {}>;
-export declare const NavigationButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    isActive: boolean;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const NavIconButtonContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & import("@codecademy/gamut").BoxProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "content" | "translate" | "property" | "hidden" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import("react").ClassAttributes<HTMLDivElement>> & {
-    theme?: import("@emotion/react").Theme;
-} & {
-    isActive: boolean;
-}, {}, {}>;
-export declare const NavIconButton: import("@emotion/styled").StyledComponent<((Omit<Omit<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "content" | "translate" | "property" | "hidden" | "form" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import("react").ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value">, "ref"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & import("@codecademy/gamut/dist/Button/shared").ButtonBaseProps & import("@codecademy/gamut").IconComponentType & {
-    'aria-label'?: string | undefined;
-    tip: string;
-    tipProps?: Omit<import("@codecademy/gamut").ToolTipProps, "children" | "info"> | undefined;
-}, "ref"> | Omit<Omit<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "content" | "translate" | "property" | "hidden" | "form" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import("react").ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value"> & Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "content" | "translate" | "property" | "hidden" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "media" | "target" | "type" | "role" | "tabIndex" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import("react").ClassAttributes<HTMLAnchorElement> | "download" | "hrefLang" | "ping" | "referrerPolicy">, "ref"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & import("@codecademy/gamut/dist/Button/shared").ButtonBaseProps & import("@codecademy/gamut").IconComponentType & {
-    'aria-label'?: string | undefined;
-    tip: string;
-    tipProps?: Omit<import("@codecademy/gamut").ToolTipProps, "children" | "info"> | undefined;
-}, "ref">) & import("react").RefAttributes<import("@codecademy/gamut").ButtonBaseElements>) & {
+export declare const PopularBadge: import("@emotion/styled").StyledComponent<import("@codecademy/gamut").BadgeProps & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;