@codecademy/brand 3.19.0-alpha.c35a1cb4bd.0 → 3.19.0-alpha.c8b1055646.0

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

@@ -1,8 +1,9 @@
 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, GridBox } from '@codecademy/gamut';
+import { Box, GridBox, Text } from '@codecademy/gamut';
+import { TabList as ReactAriaTabList, TabPanel as ReactAriaTabPanel, Tabs as ReactAriaTabs } from 'react-aria-components';
 export const StyledSection = /*#__PURE__*/_styled(Box, {
-  target: "e2xtrjc3",
+  target: "e2xtrjc9",
   label: "StyledSection"
 })("width:calc(100dvw - 11rem);max-width:calc(1440px - 11rem);border:1px solid ", ({
   theme
@@ -11,31 +12,53 @@ export const StyledSection = /*#__PURE__*/_styled(Box, {
 }) => theme.colors['gray-100'], ";@media (max-width: 1200px){width:100%;max-width:100%;}@media (max-width: 479px){background-color:", ({
   activePanelSelected,
   theme
-}) => activePanelSelected ? theme.colors['gray-100'] : theme.colors.background, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzBFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEdyaWRCb3ggfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWN0aW9uID0gc3R5bGVkKEJveCk8eyBhY3RpdmVQYW5lbFNlbGVjdGVkOiBib29sZWFuIH0+YFxuICB3aWR0aDogY2FsYygxMDBkdncgLSAxMXJlbSk7XG4gIG1heC13aWR0aDogY2FsYygxNDQwcHggLSAxMXJlbSk7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydib3JkZXItdGVydGlhcnknXX07XG4gIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcblxuICBAbWVkaWEgKG1heC13aWR0aDogMTIwMHB4KSB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICB9XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDQ3OXB4KSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyBhY3RpdmVQYW5lbFNlbGVjdGVkLCB0aGVtZSB9KSA9PlxuICAgICAgYWN0aXZlUGFuZWxTZWxlY3RlZCA/IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXSA6IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEdyaWRCb3ggPSBzdHlsZWQoR3JpZEJveClgXG4gIHBhZGRpbmc6IDhweDtcbiAgcm93LWdhcDogOHB4O1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDI2NXB4IDMycHggMWZyO1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiAxMDI0cHgpIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDE5MXB4IDMycHggMWZyO1xuICB9XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiA2NHB4IDFmciAxZnI7XG4gIH1cblxuICBAbWVkaWEgKG1heC13aWR0aDogNDc5cHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JhZGllbnRCYWNrZ3JvdW5kID0gc3R5bGVkKEJveClgXG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAxODBkZWcsXG4gICAgcmdiYSgwLCAwLCAwLCAwKSA3LjY1JSxcbiAgICByZ2JhKDAsIDAsIDAsIDAuMTUpIDEwMCVcbiAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTbWFsbE1lbnVCdXR0b24gPSBzdHlsZWQuYnV0dG9uPHsgaW5kZXg6IG51bWJlciB9PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIGdyaWQtcm93OiAkeyh7IGluZGV4IH0pID0+IGluZGV4ICsgMX07XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgd2lkdGg6IDEwMCU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gIH1cbmA7XG4iXX0= */"));
+}) => activePanelSelected ? theme.colors['gray-100'] : theme.colors.background, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUTBFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEdyaWRCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQge1xuICBUYWJMaXN0IGFzIFJlYWN0QXJpYVRhYkxpc3QsXG4gIFRhYlBhbmVsIGFzIFJlYWN0QXJpYVRhYlBhbmVsLFxuICBUYWJzIGFzIFJlYWN0QXJpYVRhYnMsXG59IGZyb20gJ3JlYWN0LWFyaWEtY29tcG9uZW50cyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWN0aW9uID0gc3R5bGVkKEJveCk8eyBhY3RpdmVQYW5lbFNlbGVjdGVkOiBib29sZWFuIH0+YFxuICB3aWR0aDogY2FsYygxMDBkdncgLSAxMXJlbSk7XG4gIG1heC13aWR0aDogY2FsYygxNDQwcHggLSAxMXJlbSk7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydib3JkZXItdGVydGlhcnknXX07XG4gIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcblxuICBAbWVkaWEgKG1heC13aWR0aDogMTIwMHB4KSB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICB9XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDQ3OXB4KSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyBhY3RpdmVQYW5lbFNlbGVjdGVkLCB0aGVtZSB9KSA9PlxuICAgICAgYWN0aXZlUGFuZWxTZWxlY3RlZCA/IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXSA6IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRhYnMgPSBzdHlsZWQoUmVhY3RBcmlhVGFicylgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHBhZGRpbmc6IDhweDtcbiAgcm93LWdhcDogOHB4O1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDI2NXB4IDMycHggMWZyO1xuICBAbWVkaWEgKG1heC13aWR0aDogMTAyNHB4KSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxOTFweCAzMnB4IDFmcjtcbiAgfVxuICBAbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDY0cHggMWZyIDFmcjtcbiAgfVxuICBAbWVkaWEgKG1heC13aWR0aDogNDgwcHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGFiTGlzdCA9IHN0eWxlZChSZWFjdEFyaWFUYWJMaXN0KWBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiA4cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkR3JpZEJveCA9IHN0eWxlZChHcmlkQm94KWBcbiAgcGFkZGluZzogOHB4O1xuICByb3ctZ2FwOiA4cHg7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMjY1cHggMzJweCAxZnI7XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEwMjRweCkge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTkxcHggMzJweCAxZnI7XG4gIH1cblxuICBAbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDY0cHggMWZyIDFmcjtcbiAgfVxuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA0NzlweCkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBHcmFkaWVudEJhY2tncm91bmQgPSBzdHlsZWQoQm94KWBcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIDE4MGRlZyxcbiAgICByZ2JhKDAsIDAsIDAsIDApIDcuNjUlLFxuICAgIHJnYmEoMCwgMCwgMCwgMC4xNSkgMTAwJVxuICApO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNtYWxsTWVudUJ1dHRvbiA9IHN0eWxlZC5idXR0b248eyBpbmRleDogbnVtYmVyIH0+YFxuICBncmlkLWNvbHVtbjogMTtcbiAgZ3JpZC1yb3c6ICR7KHsgaW5kZXggfSkgPT4gaW5kZXggKyAxfTtcbiAgcGFkZGluZzogMTZweDtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnRleHR9O1xuICB3aWR0aDogMTAwJTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE92ZXJmbG93VGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2VGFiUGFuZWxDb250YWluZXIgPSBzdHlsZWQoUmVhY3RBcmlhVGFiUGFuZWwpPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGlzRmlyc3Q6IGJvb2xlYW47XG59PmBcbiAgZ3JpZC1jb2x1bW46IDIgLyBzcGFuIDEyO1xuICBncmlkLXJvdzogMSAvIHNwYW4gODtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZH07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNGaXJzdCB9KSA9PiAoaXNGaXJzdCA/ICcwIDhweCA4cHggOHB4JyA6ICc4cHgnKX07XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEyMDBweCkge1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRpb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGluZGV4OiBudW1iZXI7XG59PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIGdyaWQtcm93OiAkeyh7IGluZGV4IH0pID0+IGluZGV4ICsgMX07XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5wcmltYXJ5IDogdGhlbWUuY29sb3JzLnRleHR9O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB3aWR0aDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnMTAwJScgOiAnY2FsYygxMDAlIC0gOHB4KScpfTtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgaXNBY3RpdmUsIHRoZW1lIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA3NjdweCkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZJY29uQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkKEJveCk8e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbiAgaW5kZXg6IG51bWJlcjtcbn0+YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICc4cHggMCAwIDhweCcgOiAnOHB4Jyl9O1xuXG4gIGdyaWQtY29sdW1uOiAxO1xuICBncmlkLXJvdzogJHsoeyBpbmRleCB9KSA9PiBpbmRleH07XG4gIHBhZGRpbmc6IDhweDtcbmA7XG4iXX0= */"));
+export const StyledTabs = /*#__PURE__*/_styled(ReactAriaTabs, {
+  target: "e2xtrjc8",
+  label: "StyledTabs"
+})(process.env.NODE_ENV === "production" ? {
+  name: "dlpt5c",
+  styles: "display:grid;padding:8px;row-gap:8px;grid-template-columns:265px 32px 1fr;@media (max-width: 1024px){grid-template-columns:191px 32px 1fr;}@media (max-width: 767px){grid-template-columns:64px 1fr 1fr;}@media (max-width: 480px){display:none;}"
+} : {
+  name: "dlpt5c",
+  styles: "display:grid;padding:8px;row-gap:8px;grid-template-columns:265px 32px 1fr;@media (max-width: 1024px){grid-template-columns:191px 32px 1fr;}@media (max-width: 767px){grid-template-columns:64px 1fr 1fr;}@media (max-width: 480px){display:none;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEIrQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlclNlY3Rpb24vZWxlbWVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBHcmlkQm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgVGFiTGlzdCBhcyBSZWFjdEFyaWFUYWJMaXN0LFxuICBUYWJQYW5lbCBhcyBSZWFjdEFyaWFUYWJQYW5lbCxcbiAgVGFicyBhcyBSZWFjdEFyaWFUYWJzLFxufSBmcm9tICdyZWFjdC1hcmlhLWNvbXBvbmVudHMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZChCb3gpPHsgYWN0aXZlUGFuZWxTZWxlY3RlZDogYm9vbGVhbiB9PmBcbiAgd2lkdGg6IGNhbGMoMTAwZHZ3IC0gMTFyZW0pO1xuICBtYXgtd2lkdGg6IGNhbGMoMTQ0MHB4IC0gMTFyZW0pO1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYm9yZGVyLXRlcnRpYXJ5J119O1xuICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEyMDBweCkge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1heC13aWR0aDogMTAwJTtcbiAgfVxuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA0NzlweCkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgYWN0aXZlUGFuZWxTZWxlY3RlZCwgdGhlbWUgfSkgPT5cbiAgICAgIGFjdGl2ZVBhbmVsU2VsZWN0ZWQgPyB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ10gOiB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZH07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUYWJzID0gc3R5bGVkKFJlYWN0QXJpYVRhYnMpYFxuICBkaXNwbGF5OiBncmlkO1xuICBwYWRkaW5nOiA4cHg7XG4gIHJvdy1nYXA6IDhweDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAyNjVweCAzMnB4IDFmcjtcbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEwMjRweCkge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTkxcHggMzJweCAxZnI7XG4gIH1cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiA2NHB4IDFmciAxZnI7XG4gIH1cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDQ4MHB4KSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRhYkxpc3QgPSBzdHlsZWQoUmVhY3RBcmlhVGFiTGlzdClgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogOHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEdyaWRCb3ggPSBzdHlsZWQoR3JpZEJveClgXG4gIHBhZGRpbmc6IDhweDtcbiAgcm93LWdhcDogOHB4O1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDI2NXB4IDMycHggMWZyO1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiAxMDI0cHgpIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDE5MXB4IDMycHggMWZyO1xuICB9XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiA2NHB4IDFmciAxZnI7XG4gIH1cblxuICBAbWVkaWEgKG1heC13aWR0aDogNDc5cHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JhZGllbnRCYWNrZ3JvdW5kID0gc3R5bGVkKEJveClgXG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAxODBkZWcsXG4gICAgcmdiYSgwLCAwLCAwLCAwKSA3LjY1JSxcbiAgICByZ2JhKDAsIDAsIDAsIDAuMTUpIDEwMCVcbiAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTbWFsbE1lbnVCdXR0b24gPSBzdHlsZWQuYnV0dG9uPHsgaW5kZXg6IG51bWJlciB9PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIGdyaWQtcm93OiAkeyh7IGluZGV4IH0pID0+IGluZGV4ICsgMX07XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgd2lkdGg6IDEwMCU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBPdmVyZmxvd1RleHQgPSBzdHlsZWQoVGV4dClgXG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdlRhYlBhbmVsQ29udGFpbmVyID0gc3R5bGVkKFJlYWN0QXJpYVRhYlBhbmVsKTx7XG4gIGlzQWN0aXZlOiBib29sZWFuO1xuICBpc0ZpcnN0OiBib29sZWFuO1xufT5gXG4gIGdyaWQtY29sdW1uOiAyIC8gc3BhbiAxMjtcbiAgZ3JpZC1yb3c6IDEgLyBzcGFuIDg7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLmJhY2tncm91bmR9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzRmlyc3QgfSkgPT4gKGlzRmlyc3QgPyAnMCA4cHggOHB4IDhweCcgOiAnOHB4Jyl9O1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiAxMjAwcHgpIHtcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0aW9uQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjx7XG4gIGlzQWN0aXZlOiBib29sZWFuO1xuICBpbmRleDogbnVtYmVyO1xufT5gXG4gIGdyaWQtY29sdW1uOiAxO1xuICBncmlkLXJvdzogJHsoeyBpbmRleCB9KSA9PiBpbmRleCArIDF9O1xuICBwYWRkaW5nOiAxNnB4O1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzhweCAwIDAgOHB4JyA6ICc4cHgnKX07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6ICR7KHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMucHJpbWFyeSA6IHRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgd2lkdGg6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzEwMCUnIDogJ2NhbGMoMTAwJSAtIDhweCknKX07XG4gIGhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGlzQWN0aXZlLCB0aGVtZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+XG4gICAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gIH1cblxuICBAbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2SWNvbkJ1dHRvbkNvbnRhaW5lciA9IHN0eWxlZChCb3gpPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGluZGV4OiBudW1iZXI7XG59PmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcblxuICBncmlkLWNvbHVtbjogMTtcbiAgZ3JpZC1yb3c6ICR7KHsgaW5kZXggfSkgPT4gaW5kZXh9O1xuICBwYWRkaW5nOiA4cHg7XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const StyledTabList = /*#__PURE__*/_styled(ReactAriaTabList, {
+  target: "e2xtrjc7",
+  label: "StyledTabList"
+})(process.env.NODE_ENV === "production" ? {
+  name: "3w0yoi",
+  styles: "display:flex;flex-direction:column;gap:8px"
+} : {
+  name: "3w0yoi",
+  styles: "display:flex;flex-direction:column;gap:8px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMENxRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlclNlY3Rpb24vZWxlbWVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBHcmlkQm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgVGFiTGlzdCBhcyBSZWFjdEFyaWFUYWJMaXN0LFxuICBUYWJQYW5lbCBhcyBSZWFjdEFyaWFUYWJQYW5lbCxcbiAgVGFicyBhcyBSZWFjdEFyaWFUYWJzLFxufSBmcm9tICdyZWFjdC1hcmlhLWNvbXBvbmVudHMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZChCb3gpPHsgYWN0aXZlUGFuZWxTZWxlY3RlZDogYm9vbGVhbiB9PmBcbiAgd2lkdGg6IGNhbGMoMTAwZHZ3IC0gMTFyZW0pO1xuICBtYXgtd2lkdGg6IGNhbGMoMTQ0MHB4IC0gMTFyZW0pO1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYm9yZGVyLXRlcnRpYXJ5J119O1xuICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEyMDBweCkge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1heC13aWR0aDogMTAwJTtcbiAgfVxuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA0NzlweCkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgYWN0aXZlUGFuZWxTZWxlY3RlZCwgdGhlbWUgfSkgPT5cbiAgICAgIGFjdGl2ZVBhbmVsU2VsZWN0ZWQgPyB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ10gOiB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZH07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUYWJzID0gc3R5bGVkKFJlYWN0QXJpYVRhYnMpYFxuICBkaXNwbGF5OiBncmlkO1xuICBwYWRkaW5nOiA4cHg7XG4gIHJvdy1nYXA6IDhweDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAyNjVweCAzMnB4IDFmcjtcbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEwMjRweCkge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTkxcHggMzJweCAxZnI7XG4gIH1cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiA2NHB4IDFmciAxZnI7XG4gIH1cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDQ4MHB4KSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRhYkxpc3QgPSBzdHlsZWQoUmVhY3RBcmlhVGFiTGlzdClgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogOHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEdyaWRCb3ggPSBzdHlsZWQoR3JpZEJveClgXG4gIHBhZGRpbmc6IDhweDtcbiAgcm93LWdhcDogOHB4O1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDI2NXB4IDMycHggMWZyO1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiAxMDI0cHgpIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDE5MXB4IDMycHggMWZyO1xuICB9XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiA2NHB4IDFmciAxZnI7XG4gIH1cblxuICBAbWVkaWEgKG1heC13aWR0aDogNDc5cHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JhZGllbnRCYWNrZ3JvdW5kID0gc3R5bGVkKEJveClgXG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAxODBkZWcsXG4gICAgcmdiYSgwLCAwLCAwLCAwKSA3LjY1JSxcbiAgICByZ2JhKDAsIDAsIDAsIDAuMTUpIDEwMCVcbiAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTbWFsbE1lbnVCdXR0b24gPSBzdHlsZWQuYnV0dG9uPHsgaW5kZXg6IG51bWJlciB9PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIGdyaWQtcm93OiAkeyh7IGluZGV4IH0pID0+IGluZGV4ICsgMX07XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgd2lkdGg6IDEwMCU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBPdmVyZmxvd1RleHQgPSBzdHlsZWQoVGV4dClgXG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdlRhYlBhbmVsQ29udGFpbmVyID0gc3R5bGVkKFJlYWN0QXJpYVRhYlBhbmVsKTx7XG4gIGlzQWN0aXZlOiBib29sZWFuO1xuICBpc0ZpcnN0OiBib29sZWFuO1xufT5gXG4gIGdyaWQtY29sdW1uOiAyIC8gc3BhbiAxMjtcbiAgZ3JpZC1yb3c6IDEgLyBzcGFuIDg7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLmJhY2tncm91bmR9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzRmlyc3QgfSkgPT4gKGlzRmlyc3QgPyAnMCA4cHggOHB4IDhweCcgOiAnOHB4Jyl9O1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiAxMjAwcHgpIHtcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0aW9uQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjx7XG4gIGlzQWN0aXZlOiBib29sZWFuO1xuICBpbmRleDogbnVtYmVyO1xufT5gXG4gIGdyaWQtY29sdW1uOiAxO1xuICBncmlkLXJvdzogJHsoeyBpbmRleCB9KSA9PiBpbmRleCArIDF9O1xuICBwYWRkaW5nOiAxNnB4O1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzhweCAwIDAgOHB4JyA6ICc4cHgnKX07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6ICR7KHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMucHJpbWFyeSA6IHRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgd2lkdGg6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzEwMCUnIDogJ2NhbGMoMTAwJSAtIDhweCknKX07XG4gIGhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGlzQWN0aXZlLCB0aGVtZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+XG4gICAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gIH1cblxuICBAbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2SWNvbkJ1dHRvbkNvbnRhaW5lciA9IHN0eWxlZChCb3gpPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGluZGV4OiBudW1iZXI7XG59PmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcblxuICBncmlkLWNvbHVtbjogMTtcbiAgZ3JpZC1yb3c6ICR7KHsgaW5kZXggfSkgPT4gaW5kZXh9O1xuICBwYWRkaW5nOiA4cHg7XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 export const StyledGridBox = /*#__PURE__*/_styled(GridBox, {
-  target: "e2xtrjc2",
+  target: "e2xtrjc6",
   label: "StyledGridBox"
 })(process.env.NODE_ENV === "production" ? {
-  name: "lyckos",
-  styles: "padding:8px;row-gap:8px;grid-template-columns:265px 32px 1fr;@media (max-width: 1024px){grid-template-columns:191px 32px 1fr;}@media (max-width: 768px){grid-template-columns:64px 1fr 1fr;}@media (max-width: 479px){display:none;}"
+  name: "syccta",
+  styles: "padding:8px;row-gap:8px;grid-template-columns:265px 32px 1fr;@media (max-width: 1024px){grid-template-columns:191px 32px 1fr;}@media (max-width: 767px){grid-template-columns:64px 1fr 1fr;}@media (max-width: 479px){display:none;}"
 } : {
-  name: "lyckos",
-  styles: "padding:8px;row-gap:8px;grid-template-columns:265px 32px 1fr;@media (max-width: 1024px){grid-template-columns:191px 32px 1fr;}@media (max-width: 768px){grid-template-columns:64px 1fr 1fr;}@media (max-width: 479px){display:none;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUI0QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlclNlY3Rpb24vZWxlbWVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBHcmlkQm94IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZChCb3gpPHsgYWN0aXZlUGFuZWxTZWxlY3RlZDogYm9vbGVhbiB9PmBcbiAgd2lkdGg6IGNhbGMoMTAwZHZ3IC0gMTFyZW0pO1xuICBtYXgtd2lkdGg6IGNhbGMoMTQ0MHB4IC0gMTFyZW0pO1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYm9yZGVyLXRlcnRpYXJ5J119O1xuICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEyMDBweCkge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1heC13aWR0aDogMTAwJTtcbiAgfVxuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA0NzlweCkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgYWN0aXZlUGFuZWxTZWxlY3RlZCwgdGhlbWUgfSkgPT5cbiAgICAgIGFjdGl2ZVBhbmVsU2VsZWN0ZWQgPyB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ10gOiB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZH07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRHcmlkQm94ID0gc3R5bGVkKEdyaWRCb3gpYFxuICBwYWRkaW5nOiA4cHg7XG4gIHJvdy1nYXA6IDhweDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAyNjVweCAzMnB4IDFmcjtcblxuICBAbWVkaWEgKG1heC13aWR0aDogMTAyNHB4KSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxOTFweCAzMnB4IDFmcjtcbiAgfVxuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA3NjhweCkge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogNjRweCAxZnIgMWZyO1xuICB9XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDQ3OXB4KSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyYWRpZW50QmFja2dyb3VuZCA9IHN0eWxlZChCb3gpYFxuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgMTgwZGVnLFxuICAgIHJnYmEoMCwgMCwgMCwgMCkgNy42NSUsXG4gICAgcmdiYSgwLCAwLCAwLCAwLjE1KSAxMDAlXG4gICk7XG5gO1xuXG5leHBvcnQgY29uc3QgU21hbGxNZW51QnV0dG9uID0gc3R5bGVkLmJ1dHRvbjx7IGluZGV4OiBudW1iZXIgfT5gXG4gIGdyaWQtY29sdW1uOiAxO1xuICBncmlkLXJvdzogJHsoeyBpbmRleCB9KSA9PiBpbmRleCArIDF9O1xuICBwYWRkaW5nOiAxNnB4O1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMudGV4dH07XG4gIHdpZHRoOiAxMDAlO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBoZWlnaHQ6IDYwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbmF2eS0xMDAnXX07XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnl9O1xuICB9XG5gO1xuIl19 */",
+  name: "syccta",
+  styles: "padding:8px;row-gap:8px;grid-template-columns:265px 32px 1fr;@media (max-width: 1024px){grid-template-columns:191px 32px 1fr;}@media (max-width: 767px){grid-template-columns:64px 1fr 1fr;}@media (max-width: 479px){display:none;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0Q0QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlclNlY3Rpb24vZWxlbWVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBHcmlkQm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgVGFiTGlzdCBhcyBSZWFjdEFyaWFUYWJMaXN0LFxuICBUYWJQYW5lbCBhcyBSZWFjdEFyaWFUYWJQYW5lbCxcbiAgVGFicyBhcyBSZWFjdEFyaWFUYWJzLFxufSBmcm9tICdyZWFjdC1hcmlhLWNvbXBvbmVudHMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZChCb3gpPHsgYWN0aXZlUGFuZWxTZWxlY3RlZDogYm9vbGVhbiB9PmBcbiAgd2lkdGg6IGNhbGMoMTAwZHZ3IC0gMTFyZW0pO1xuICBtYXgtd2lkdGg6IGNhbGMoMTQ0MHB4IC0gMTFyZW0pO1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYm9yZGVyLXRlcnRpYXJ5J119O1xuICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEyMDBweCkge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1heC13aWR0aDogMTAwJTtcbiAgfVxuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA0NzlweCkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgYWN0aXZlUGFuZWxTZWxlY3RlZCwgdGhlbWUgfSkgPT5cbiAgICAgIGFjdGl2ZVBhbmVsU2VsZWN0ZWQgPyB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ10gOiB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZH07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUYWJzID0gc3R5bGVkKFJlYWN0QXJpYVRhYnMpYFxuICBkaXNwbGF5OiBncmlkO1xuICBwYWRkaW5nOiA4cHg7XG4gIHJvdy1nYXA6IDhweDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAyNjVweCAzMnB4IDFmcjtcbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEwMjRweCkge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTkxcHggMzJweCAxZnI7XG4gIH1cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiA2NHB4IDFmciAxZnI7XG4gIH1cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDQ4MHB4KSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRhYkxpc3QgPSBzdHlsZWQoUmVhY3RBcmlhVGFiTGlzdClgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogOHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEdyaWRCb3ggPSBzdHlsZWQoR3JpZEJveClgXG4gIHBhZGRpbmc6IDhweDtcbiAgcm93LWdhcDogOHB4O1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDI2NXB4IDMycHggMWZyO1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiAxMDI0cHgpIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDE5MXB4IDMycHggMWZyO1xuICB9XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiA2NHB4IDFmciAxZnI7XG4gIH1cblxuICBAbWVkaWEgKG1heC13aWR0aDogNDc5cHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JhZGllbnRCYWNrZ3JvdW5kID0gc3R5bGVkKEJveClgXG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAxODBkZWcsXG4gICAgcmdiYSgwLCAwLCAwLCAwKSA3LjY1JSxcbiAgICByZ2JhKDAsIDAsIDAsIDAuMTUpIDEwMCVcbiAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTbWFsbE1lbnVCdXR0b24gPSBzdHlsZWQuYnV0dG9uPHsgaW5kZXg6IG51bWJlciB9PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIGdyaWQtcm93OiAkeyh7IGluZGV4IH0pID0+IGluZGV4ICsgMX07XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgd2lkdGg6IDEwMCU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBPdmVyZmxvd1RleHQgPSBzdHlsZWQoVGV4dClgXG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdlRhYlBhbmVsQ29udGFpbmVyID0gc3R5bGVkKFJlYWN0QXJpYVRhYlBhbmVsKTx7XG4gIGlzQWN0aXZlOiBib29sZWFuO1xuICBpc0ZpcnN0OiBib29sZWFuO1xufT5gXG4gIGdyaWQtY29sdW1uOiAyIC8gc3BhbiAxMjtcbiAgZ3JpZC1yb3c6IDEgLyBzcGFuIDg7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLmJhY2tncm91bmR9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzRmlyc3QgfSkgPT4gKGlzRmlyc3QgPyAnMCA4cHggOHB4IDhweCcgOiAnOHB4Jyl9O1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiAxMjAwcHgpIHtcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0aW9uQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjx7XG4gIGlzQWN0aXZlOiBib29sZWFuO1xuICBpbmRleDogbnVtYmVyO1xufT5gXG4gIGdyaWQtY29sdW1uOiAxO1xuICBncmlkLXJvdzogJHsoeyBpbmRleCB9KSA9PiBpbmRleCArIDF9O1xuICBwYWRkaW5nOiAxNnB4O1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzhweCAwIDAgOHB4JyA6ICc4cHgnKX07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6ICR7KHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMucHJpbWFyeSA6IHRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgd2lkdGg6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzEwMCUnIDogJ2NhbGMoMTAwJSAtIDhweCknKX07XG4gIGhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGlzQWN0aXZlLCB0aGVtZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+XG4gICAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gIH1cblxuICBAbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2SWNvbkJ1dHRvbkNvbnRhaW5lciA9IHN0eWxlZChCb3gpPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGluZGV4OiBudW1iZXI7XG59PmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcblxuICBncmlkLWNvbHVtbjogMTtcbiAgZ3JpZC1yb3c6ICR7KHsgaW5kZXggfSkgPT4gaW5kZXh9O1xuICBwYWRkaW5nOiA4cHg7XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const GradientBackground = /*#__PURE__*/_styled(Box, {
-  target: "e2xtrjc1",
+  target: "e2xtrjc5",
   label: "GradientBackground"
 })(process.env.NODE_ENV === "production" ? {
   name: "1n848ez",
   styles: "background:linear-gradient(\n    180deg,\n    rgba(0, 0, 0, 0) 7.65%,\n    rgba(0, 0, 0, 0.15) 100%\n  )"
 } : {
   name: "1n848ez",
-  styles: "background:linear-gradient(\n    180deg,\n    rgba(0, 0, 0, 0) 7.65%,\n    rgba(0, 0, 0, 0.15) 100%\n  )/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUM2QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlclNlY3Rpb24vZWxlbWVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBHcmlkQm94IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZChCb3gpPHsgYWN0aXZlUGFuZWxTZWxlY3RlZDogYm9vbGVhbiB9PmBcbiAgd2lkdGg6IGNhbGMoMTAwZHZ3IC0gMTFyZW0pO1xuICBtYXgtd2lkdGg6IGNhbGMoMTQ0MHB4IC0gMTFyZW0pO1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYm9yZGVyLXRlcnRpYXJ5J119O1xuICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEyMDBweCkge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1heC13aWR0aDogMTAwJTtcbiAgfVxuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA0NzlweCkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgYWN0aXZlUGFuZWxTZWxlY3RlZCwgdGhlbWUgfSkgPT5cbiAgICAgIGFjdGl2ZVBhbmVsU2VsZWN0ZWQgPyB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ10gOiB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZH07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRHcmlkQm94ID0gc3R5bGVkKEdyaWRCb3gpYFxuICBwYWRkaW5nOiA4cHg7XG4gIHJvdy1nYXA6IDhweDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAyNjVweCAzMnB4IDFmcjtcblxuICBAbWVkaWEgKG1heC13aWR0aDogMTAyNHB4KSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxOTFweCAzMnB4IDFmcjtcbiAgfVxuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA3NjhweCkge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogNjRweCAxZnIgMWZyO1xuICB9XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDQ3OXB4KSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyYWRpZW50QmFja2dyb3VuZCA9IHN0eWxlZChCb3gpYFxuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgMTgwZGVnLFxuICAgIHJnYmEoMCwgMCwgMCwgMCkgNy42NSUsXG4gICAgcmdiYSgwLCAwLCAwLCAwLjE1KSAxMDAlXG4gICk7XG5gO1xuXG5leHBvcnQgY29uc3QgU21hbGxNZW51QnV0dG9uID0gc3R5bGVkLmJ1dHRvbjx7IGluZGV4OiBudW1iZXIgfT5gXG4gIGdyaWQtY29sdW1uOiAxO1xuICBncmlkLXJvdzogJHsoeyBpbmRleCB9KSA9PiBpbmRleCArIDF9O1xuICBwYWRkaW5nOiAxNnB4O1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMudGV4dH07XG4gIHdpZHRoOiAxMDAlO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBoZWlnaHQ6IDYwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbmF2eS0xMDAnXX07XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnl9O1xuICB9XG5gO1xuIl19 */",
+  styles: "background:linear-gradient(\n    180deg,\n    rgba(0, 0, 0, 0) 7.65%,\n    rgba(0, 0, 0, 0.15) 100%\n  )/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0U2QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlclNlY3Rpb24vZWxlbWVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBHcmlkQm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgVGFiTGlzdCBhcyBSZWFjdEFyaWFUYWJMaXN0LFxuICBUYWJQYW5lbCBhcyBSZWFjdEFyaWFUYWJQYW5lbCxcbiAgVGFicyBhcyBSZWFjdEFyaWFUYWJzLFxufSBmcm9tICdyZWFjdC1hcmlhLWNvbXBvbmVudHMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZChCb3gpPHsgYWN0aXZlUGFuZWxTZWxlY3RlZDogYm9vbGVhbiB9PmBcbiAgd2lkdGg6IGNhbGMoMTAwZHZ3IC0gMTFyZW0pO1xuICBtYXgtd2lkdGg6IGNhbGMoMTQ0MHB4IC0gMTFyZW0pO1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYm9yZGVyLXRlcnRpYXJ5J119O1xuICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEyMDBweCkge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1heC13aWR0aDogMTAwJTtcbiAgfVxuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA0NzlweCkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgYWN0aXZlUGFuZWxTZWxlY3RlZCwgdGhlbWUgfSkgPT5cbiAgICAgIGFjdGl2ZVBhbmVsU2VsZWN0ZWQgPyB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ10gOiB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZH07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUYWJzID0gc3R5bGVkKFJlYWN0QXJpYVRhYnMpYFxuICBkaXNwbGF5OiBncmlkO1xuICBwYWRkaW5nOiA4cHg7XG4gIHJvdy1nYXA6IDhweDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAyNjVweCAzMnB4IDFmcjtcbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEwMjRweCkge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTkxcHggMzJweCAxZnI7XG4gIH1cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiA2NHB4IDFmciAxZnI7XG4gIH1cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDQ4MHB4KSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRhYkxpc3QgPSBzdHlsZWQoUmVhY3RBcmlhVGFiTGlzdClgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogOHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEdyaWRCb3ggPSBzdHlsZWQoR3JpZEJveClgXG4gIHBhZGRpbmc6IDhweDtcbiAgcm93LWdhcDogOHB4O1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDI2NXB4IDMycHggMWZyO1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiAxMDI0cHgpIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDE5MXB4IDMycHggMWZyO1xuICB9XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiA2NHB4IDFmciAxZnI7XG4gIH1cblxuICBAbWVkaWEgKG1heC13aWR0aDogNDc5cHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JhZGllbnRCYWNrZ3JvdW5kID0gc3R5bGVkKEJveClgXG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAxODBkZWcsXG4gICAgcmdiYSgwLCAwLCAwLCAwKSA3LjY1JSxcbiAgICByZ2JhKDAsIDAsIDAsIDAuMTUpIDEwMCVcbiAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTbWFsbE1lbnVCdXR0b24gPSBzdHlsZWQuYnV0dG9uPHsgaW5kZXg6IG51bWJlciB9PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIGdyaWQtcm93OiAkeyh7IGluZGV4IH0pID0+IGluZGV4ICsgMX07XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgd2lkdGg6IDEwMCU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBPdmVyZmxvd1RleHQgPSBzdHlsZWQoVGV4dClgXG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdlRhYlBhbmVsQ29udGFpbmVyID0gc3R5bGVkKFJlYWN0QXJpYVRhYlBhbmVsKTx7XG4gIGlzQWN0aXZlOiBib29sZWFuO1xuICBpc0ZpcnN0OiBib29sZWFuO1xufT5gXG4gIGdyaWQtY29sdW1uOiAyIC8gc3BhbiAxMjtcbiAgZ3JpZC1yb3c6IDEgLyBzcGFuIDg7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLmJhY2tncm91bmR9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzRmlyc3QgfSkgPT4gKGlzRmlyc3QgPyAnMCA4cHggOHB4IDhweCcgOiAnOHB4Jyl9O1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiAxMjAwcHgpIHtcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0aW9uQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjx7XG4gIGlzQWN0aXZlOiBib29sZWFuO1xuICBpbmRleDogbnVtYmVyO1xufT5gXG4gIGdyaWQtY29sdW1uOiAxO1xuICBncmlkLXJvdzogJHsoeyBpbmRleCB9KSA9PiBpbmRleCArIDF9O1xuICBwYWRkaW5nOiAxNnB4O1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzhweCAwIDAgOHB4JyA6ICc4cHgnKX07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6ICR7KHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMucHJpbWFyeSA6IHRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgd2lkdGg6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzEwMCUnIDogJ2NhbGMoMTAwJSAtIDhweCknKX07XG4gIGhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGlzQWN0aXZlLCB0aGVtZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+XG4gICAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gIH1cblxuICBAbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2SWNvbkJ1dHRvbkNvbnRhaW5lciA9IHN0eWxlZChCb3gpPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGluZGV4OiBudW1iZXI7XG59PmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcblxuICBncmlkLWNvbHVtbjogMTtcbiAgZ3JpZC1yb3c6ICR7KHsgaW5kZXggfSkgPT4gaW5kZXh9O1xuICBwYWRkaW5nOiA4cHg7XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const SmallMenuButton = /*#__PURE__*/_styled("button", {
-  target: "e2xtrjc0",
+  target: "e2xtrjc4",
   label: "SmallMenuButton"
 })("grid-column:1;grid-row:", ({
   index
@@ -45,4 +68,55 @@ export const SmallMenuButton = /*#__PURE__*/_styled("button", {
   theme
 }) => theme.colors['navy-100'], ";color:", ({
   theme
-}) => theme.colors.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0MrRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlclNlY3Rpb24vZWxlbWVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBHcmlkQm94IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZChCb3gpPHsgYWN0aXZlUGFuZWxTZWxlY3RlZDogYm9vbGVhbiB9PmBcbiAgd2lkdGg6IGNhbGMoMTAwZHZ3IC0gMTFyZW0pO1xuICBtYXgtd2lkdGg6IGNhbGMoMTQ0MHB4IC0gMTFyZW0pO1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYm9yZGVyLXRlcnRpYXJ5J119O1xuICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEyMDBweCkge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1heC13aWR0aDogMTAwJTtcbiAgfVxuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA0NzlweCkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgYWN0aXZlUGFuZWxTZWxlY3RlZCwgdGhlbWUgfSkgPT5cbiAgICAgIGFjdGl2ZVBhbmVsU2VsZWN0ZWQgPyB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ10gOiB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZH07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRHcmlkQm94ID0gc3R5bGVkKEdyaWRCb3gpYFxuICBwYWRkaW5nOiA4cHg7XG4gIHJvdy1nYXA6IDhweDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAyNjVweCAzMnB4IDFmcjtcblxuICBAbWVkaWEgKG1heC13aWR0aDogMTAyNHB4KSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxOTFweCAzMnB4IDFmcjtcbiAgfVxuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA3NjhweCkge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogNjRweCAxZnIgMWZyO1xuICB9XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDQ3OXB4KSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyYWRpZW50QmFja2dyb3VuZCA9IHN0eWxlZChCb3gpYFxuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgMTgwZGVnLFxuICAgIHJnYmEoMCwgMCwgMCwgMCkgNy42NSUsXG4gICAgcmdiYSgwLCAwLCAwLCAwLjE1KSAxMDAlXG4gICk7XG5gO1xuXG5leHBvcnQgY29uc3QgU21hbGxNZW51QnV0dG9uID0gc3R5bGVkLmJ1dHRvbjx7IGluZGV4OiBudW1iZXIgfT5gXG4gIGdyaWQtY29sdW1uOiAxO1xuICBncmlkLXJvdzogJHsoeyBpbmRleCB9KSA9PiBpbmRleCArIDF9O1xuICBwYWRkaW5nOiAxNnB4O1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMudGV4dH07XG4gIHdpZHRoOiAxMDAlO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBoZWlnaHQ6IDYwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbmF2eS0xMDAnXX07XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnl9O1xuICB9XG5gO1xuIl19 */"));
+}) => theme.colors.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEUrRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlclNlY3Rpb24vZWxlbWVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBHcmlkQm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgVGFiTGlzdCBhcyBSZWFjdEFyaWFUYWJMaXN0LFxuICBUYWJQYW5lbCBhcyBSZWFjdEFyaWFUYWJQYW5lbCxcbiAgVGFicyBhcyBSZWFjdEFyaWFUYWJzLFxufSBmcm9tICdyZWFjdC1hcmlhLWNvbXBvbmVudHMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZChCb3gpPHsgYWN0aXZlUGFuZWxTZWxlY3RlZDogYm9vbGVhbiB9PmBcbiAgd2lkdGg6IGNhbGMoMTAwZHZ3IC0gMTFyZW0pO1xuICBtYXgtd2lkdGg6IGNhbGMoMTQ0MHB4IC0gMTFyZW0pO1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYm9yZGVyLXRlcnRpYXJ5J119O1xuICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEyMDBweCkge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1heC13aWR0aDogMTAwJTtcbiAgfVxuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA0NzlweCkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgYWN0aXZlUGFuZWxTZWxlY3RlZCwgdGhlbWUgfSkgPT5cbiAgICAgIGFjdGl2ZVBhbmVsU2VsZWN0ZWQgPyB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ10gOiB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZH07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUYWJzID0gc3R5bGVkKFJlYWN0QXJpYVRhYnMpYFxuICBkaXNwbGF5OiBncmlkO1xuICBwYWRkaW5nOiA4cHg7XG4gIHJvdy1nYXA6IDhweDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAyNjVweCAzMnB4IDFmcjtcbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEwMjRweCkge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTkxcHggMzJweCAxZnI7XG4gIH1cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiA2NHB4IDFmciAxZnI7XG4gIH1cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDQ4MHB4KSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRhYkxpc3QgPSBzdHlsZWQoUmVhY3RBcmlhVGFiTGlzdClgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogOHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEdyaWRCb3ggPSBzdHlsZWQoR3JpZEJveClgXG4gIHBhZGRpbmc6IDhweDtcbiAgcm93LWdhcDogOHB4O1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDI2NXB4IDMycHggMWZyO1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiAxMDI0cHgpIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDE5MXB4IDMycHggMWZyO1xuICB9XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiA2NHB4IDFmciAxZnI7XG4gIH1cblxuICBAbWVkaWEgKG1heC13aWR0aDogNDc5cHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JhZGllbnRCYWNrZ3JvdW5kID0gc3R5bGVkKEJveClgXG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAxODBkZWcsXG4gICAgcmdiYSgwLCAwLCAwLCAwKSA3LjY1JSxcbiAgICByZ2JhKDAsIDAsIDAsIDAuMTUpIDEwMCVcbiAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTbWFsbE1lbnVCdXR0b24gPSBzdHlsZWQuYnV0dG9uPHsgaW5kZXg6IG51bWJlciB9PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIGdyaWQtcm93OiAkeyh7IGluZGV4IH0pID0+IGluZGV4ICsgMX07XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgd2lkdGg6IDEwMCU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBPdmVyZmxvd1RleHQgPSBzdHlsZWQoVGV4dClgXG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdlRhYlBhbmVsQ29udGFpbmVyID0gc3R5bGVkKFJlYWN0QXJpYVRhYlBhbmVsKTx7XG4gIGlzQWN0aXZlOiBib29sZWFuO1xuICBpc0ZpcnN0OiBib29sZWFuO1xufT5gXG4gIGdyaWQtY29sdW1uOiAyIC8gc3BhbiAxMjtcbiAgZ3JpZC1yb3c6IDEgLyBzcGFuIDg7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLmJhY2tncm91bmR9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzRmlyc3QgfSkgPT4gKGlzRmlyc3QgPyAnMCA4cHggOHB4IDhweCcgOiAnOHB4Jyl9O1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiAxMjAwcHgpIHtcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0aW9uQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjx7XG4gIGlzQWN0aXZlOiBib29sZWFuO1xuICBpbmRleDogbnVtYmVyO1xufT5gXG4gIGdyaWQtY29sdW1uOiAxO1xuICBncmlkLXJvdzogJHsoeyBpbmRleCB9KSA9PiBpbmRleCArIDF9O1xuICBwYWRkaW5nOiAxNnB4O1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzhweCAwIDAgOHB4JyA6ICc4cHgnKX07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6ICR7KHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMucHJpbWFyeSA6IHRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgd2lkdGg6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzEwMCUnIDogJ2NhbGMoMTAwJSAtIDhweCknKX07XG4gIGhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGlzQWN0aXZlLCB0aGVtZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+XG4gICAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gIH1cblxuICBAbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2SWNvbkJ1dHRvbkNvbnRhaW5lciA9IHN0eWxlZChCb3gpPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGluZGV4OiBudW1iZXI7XG59PmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcblxuICBncmlkLWNvbHVtbjogMTtcbiAgZ3JpZC1yb3c6ICR7KHsgaW5kZXggfSkgPT4gaW5kZXh9O1xuICBwYWRkaW5nOiA4cHg7XG5gO1xuIl19 */"));
+export const OverflowText = /*#__PURE__*/_styled(Text, {
+  target: "e2xtrjc3",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUd3QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlclNlY3Rpb24vZWxlbWVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBHcmlkQm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgVGFiTGlzdCBhcyBSZWFjdEFyaWFUYWJMaXN0LFxuICBUYWJQYW5lbCBhcyBSZWFjdEFyaWFUYWJQYW5lbCxcbiAgVGFicyBhcyBSZWFjdEFyaWFUYWJzLFxufSBmcm9tICdyZWFjdC1hcmlhLWNvbXBvbmVudHMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZChCb3gpPHsgYWN0aXZlUGFuZWxTZWxlY3RlZDogYm9vbGVhbiB9PmBcbiAgd2lkdGg6IGNhbGMoMTAwZHZ3IC0gMTFyZW0pO1xuICBtYXgtd2lkdGg6IGNhbGMoMTQ0MHB4IC0gMTFyZW0pO1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYm9yZGVyLXRlcnRpYXJ5J119O1xuICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEyMDBweCkge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1heC13aWR0aDogMTAwJTtcbiAgfVxuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA0NzlweCkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgYWN0aXZlUGFuZWxTZWxlY3RlZCwgdGhlbWUgfSkgPT5cbiAgICAgIGFjdGl2ZVBhbmVsU2VsZWN0ZWQgPyB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ10gOiB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZH07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUYWJzID0gc3R5bGVkKFJlYWN0QXJpYVRhYnMpYFxuICBkaXNwbGF5OiBncmlkO1xuICBwYWRkaW5nOiA4cHg7XG4gIHJvdy1nYXA6IDhweDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAyNjVweCAzMnB4IDFmcjtcbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEwMjRweCkge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTkxcHggMzJweCAxZnI7XG4gIH1cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiA2NHB4IDFmciAxZnI7XG4gIH1cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDQ4MHB4KSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRhYkxpc3QgPSBzdHlsZWQoUmVhY3RBcmlhVGFiTGlzdClgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogOHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEdyaWRCb3ggPSBzdHlsZWQoR3JpZEJveClgXG4gIHBhZGRpbmc6IDhweDtcbiAgcm93LWdhcDogOHB4O1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDI2NXB4IDMycHggMWZyO1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiAxMDI0cHgpIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDE5MXB4IDMycHggMWZyO1xuICB9XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiA2NHB4IDFmciAxZnI7XG4gIH1cblxuICBAbWVkaWEgKG1heC13aWR0aDogNDc5cHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JhZGllbnRCYWNrZ3JvdW5kID0gc3R5bGVkKEJveClgXG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAxODBkZWcsXG4gICAgcmdiYSgwLCAwLCAwLCAwKSA3LjY1JSxcbiAgICByZ2JhKDAsIDAsIDAsIDAuMTUpIDEwMCVcbiAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTbWFsbE1lbnVCdXR0b24gPSBzdHlsZWQuYnV0dG9uPHsgaW5kZXg6IG51bWJlciB9PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIGdyaWQtcm93OiAkeyh7IGluZGV4IH0pID0+IGluZGV4ICsgMX07XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgd2lkdGg6IDEwMCU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBPdmVyZmxvd1RleHQgPSBzdHlsZWQoVGV4dClgXG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdlRhYlBhbmVsQ29udGFpbmVyID0gc3R5bGVkKFJlYWN0QXJpYVRhYlBhbmVsKTx7XG4gIGlzQWN0aXZlOiBib29sZWFuO1xuICBpc0ZpcnN0OiBib29sZWFuO1xufT5gXG4gIGdyaWQtY29sdW1uOiAyIC8gc3BhbiAxMjtcbiAgZ3JpZC1yb3c6IDEgLyBzcGFuIDg7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLmJhY2tncm91bmR9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzRmlyc3QgfSkgPT4gKGlzRmlyc3QgPyAnMCA4cHggOHB4IDhweCcgOiAnOHB4Jyl9O1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiAxMjAwcHgpIHtcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0aW9uQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjx7XG4gIGlzQWN0aXZlOiBib29sZWFuO1xuICBpbmRleDogbnVtYmVyO1xufT5gXG4gIGdyaWQtY29sdW1uOiAxO1xuICBncmlkLXJvdzogJHsoeyBpbmRleCB9KSA9PiBpbmRleCArIDF9O1xuICBwYWRkaW5nOiAxNnB4O1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzhweCAwIDAgOHB4JyA6ICc4cHgnKX07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6ICR7KHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMucHJpbWFyeSA6IHRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgd2lkdGg6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzEwMCUnIDogJ2NhbGMoMTAwJSAtIDhweCknKX07XG4gIGhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGlzQWN0aXZlLCB0aGVtZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+XG4gICAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gIH1cblxuICBAbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2SWNvbkJ1dHRvbkNvbnRhaW5lciA9IHN0eWxlZChCb3gpPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGluZGV4OiBudW1iZXI7XG59PmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcblxuICBncmlkLWNvbHVtbjogMTtcbiAgZ3JpZC1yb3c6ICR7KHsgaW5kZXggfSkgPT4gaW5kZXh9O1xuICBwYWRkaW5nOiA4cHg7XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const NavTabPanelContainer = /*#__PURE__*/_styled(ReactAriaTabPanel, {
+  target: "e2xtrjc2",
+  label: "NavTabPanelContainer"
+})("grid-column:2/span 12;grid-row:1/span 8;background-color:", ({
+  theme
+}) => theme.colors.background, ";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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEdFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEdyaWRCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQge1xuICBUYWJMaXN0IGFzIFJlYWN0QXJpYVRhYkxpc3QsXG4gIFRhYlBhbmVsIGFzIFJlYWN0QXJpYVRhYlBhbmVsLFxuICBUYWJzIGFzIFJlYWN0QXJpYVRhYnMsXG59IGZyb20gJ3JlYWN0LWFyaWEtY29tcG9uZW50cyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWN0aW9uID0gc3R5bGVkKEJveCk8eyBhY3RpdmVQYW5lbFNlbGVjdGVkOiBib29sZWFuIH0+YFxuICB3aWR0aDogY2FsYygxMDBkdncgLSAxMXJlbSk7XG4gIG1heC13aWR0aDogY2FsYygxNDQwcHggLSAxMXJlbSk7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydib3JkZXItdGVydGlhcnknXX07XG4gIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcblxuICBAbWVkaWEgKG1heC13aWR0aDogMTIwMHB4KSB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICB9XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDQ3OXB4KSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyBhY3RpdmVQYW5lbFNlbGVjdGVkLCB0aGVtZSB9KSA9PlxuICAgICAgYWN0aXZlUGFuZWxTZWxlY3RlZCA/IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXSA6IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRhYnMgPSBzdHlsZWQoUmVhY3RBcmlhVGFicylgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHBhZGRpbmc6IDhweDtcbiAgcm93LWdhcDogOHB4O1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDI2NXB4IDMycHggMWZyO1xuICBAbWVkaWEgKG1heC13aWR0aDogMTAyNHB4KSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxOTFweCAzMnB4IDFmcjtcbiAgfVxuICBAbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDY0cHggMWZyIDFmcjtcbiAgfVxuICBAbWVkaWEgKG1heC13aWR0aDogNDgwcHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGFiTGlzdCA9IHN0eWxlZChSZWFjdEFyaWFUYWJMaXN0KWBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiA4cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkR3JpZEJveCA9IHN0eWxlZChHcmlkQm94KWBcbiAgcGFkZGluZzogOHB4O1xuICByb3ctZ2FwOiA4cHg7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMjY1cHggMzJweCAxZnI7XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEwMjRweCkge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTkxcHggMzJweCAxZnI7XG4gIH1cblxuICBAbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDY0cHggMWZyIDFmcjtcbiAgfVxuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA0NzlweCkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBHcmFkaWVudEJhY2tncm91bmQgPSBzdHlsZWQoQm94KWBcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIDE4MGRlZyxcbiAgICByZ2JhKDAsIDAsIDAsIDApIDcuNjUlLFxuICAgIHJnYmEoMCwgMCwgMCwgMC4xNSkgMTAwJVxuICApO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNtYWxsTWVudUJ1dHRvbiA9IHN0eWxlZC5idXR0b248eyBpbmRleDogbnVtYmVyIH0+YFxuICBncmlkLWNvbHVtbjogMTtcbiAgZ3JpZC1yb3c6ICR7KHsgaW5kZXggfSkgPT4gaW5kZXggKyAxfTtcbiAgcGFkZGluZzogMTZweDtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnRleHR9O1xuICB3aWR0aDogMTAwJTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE92ZXJmbG93VGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2VGFiUGFuZWxDb250YWluZXIgPSBzdHlsZWQoUmVhY3RBcmlhVGFiUGFuZWwpPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGlzRmlyc3Q6IGJvb2xlYW47XG59PmBcbiAgZ3JpZC1jb2x1bW46IDIgLyBzcGFuIDEyO1xuICBncmlkLXJvdzogMSAvIHNwYW4gODtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZH07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNGaXJzdCB9KSA9PiAoaXNGaXJzdCA/ICcwIDhweCA4cHggOHB4JyA6ICc4cHgnKX07XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEyMDBweCkge1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRpb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGluZGV4OiBudW1iZXI7XG59PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIGdyaWQtcm93OiAkeyh7IGluZGV4IH0pID0+IGluZGV4ICsgMX07XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5wcmltYXJ5IDogdGhlbWUuY29sb3JzLnRleHR9O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB3aWR0aDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnMTAwJScgOiAnY2FsYygxMDAlIC0gOHB4KScpfTtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgaXNBY3RpdmUsIHRoZW1lIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA3NjdweCkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZJY29uQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkKEJveCk8e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbiAgaW5kZXg6IG51bWJlcjtcbn0+YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICc4cHggMCAwIDhweCcgOiAnOHB4Jyl9O1xuXG4gIGdyaWQtY29sdW1uOiAxO1xuICBncmlkLXJvdzogJHsoeyBpbmRleCB9KSA9PiBpbmRleH07XG4gIHBhZGRpbmc6IDhweDtcbmA7XG4iXX0= */"));
+export const NavigationButton = /*#__PURE__*/_styled("button", {
+  target: "e2xtrjc1",
+  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, ";}@media (max-width: 767px){display:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0hFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEdyaWRCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQge1xuICBUYWJMaXN0IGFzIFJlYWN0QXJpYVRhYkxpc3QsXG4gIFRhYlBhbmVsIGFzIFJlYWN0QXJpYVRhYlBhbmVsLFxuICBUYWJzIGFzIFJlYWN0QXJpYVRhYnMsXG59IGZyb20gJ3JlYWN0LWFyaWEtY29tcG9uZW50cyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWN0aW9uID0gc3R5bGVkKEJveCk8eyBhY3RpdmVQYW5lbFNlbGVjdGVkOiBib29sZWFuIH0+YFxuICB3aWR0aDogY2FsYygxMDBkdncgLSAxMXJlbSk7XG4gIG1heC13aWR0aDogY2FsYygxNDQwcHggLSAxMXJlbSk7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydib3JkZXItdGVydGlhcnknXX07XG4gIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcblxuICBAbWVkaWEgKG1heC13aWR0aDogMTIwMHB4KSB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICB9XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDQ3OXB4KSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyBhY3RpdmVQYW5lbFNlbGVjdGVkLCB0aGVtZSB9KSA9PlxuICAgICAgYWN0aXZlUGFuZWxTZWxlY3RlZCA/IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXSA6IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRhYnMgPSBzdHlsZWQoUmVhY3RBcmlhVGFicylgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHBhZGRpbmc6IDhweDtcbiAgcm93LWdhcDogOHB4O1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDI2NXB4IDMycHggMWZyO1xuICBAbWVkaWEgKG1heC13aWR0aDogMTAyNHB4KSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxOTFweCAzMnB4IDFmcjtcbiAgfVxuICBAbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDY0cHggMWZyIDFmcjtcbiAgfVxuICBAbWVkaWEgKG1heC13aWR0aDogNDgwcHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGFiTGlzdCA9IHN0eWxlZChSZWFjdEFyaWFUYWJMaXN0KWBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiA4cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkR3JpZEJveCA9IHN0eWxlZChHcmlkQm94KWBcbiAgcGFkZGluZzogOHB4O1xuICByb3ctZ2FwOiA4cHg7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMjY1cHggMzJweCAxZnI7XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEwMjRweCkge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTkxcHggMzJweCAxZnI7XG4gIH1cblxuICBAbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDY0cHggMWZyIDFmcjtcbiAgfVxuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA0NzlweCkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBHcmFkaWVudEJhY2tncm91bmQgPSBzdHlsZWQoQm94KWBcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIDE4MGRlZyxcbiAgICByZ2JhKDAsIDAsIDAsIDApIDcuNjUlLFxuICAgIHJnYmEoMCwgMCwgMCwgMC4xNSkgMTAwJVxuICApO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNtYWxsTWVudUJ1dHRvbiA9IHN0eWxlZC5idXR0b248eyBpbmRleDogbnVtYmVyIH0+YFxuICBncmlkLWNvbHVtbjogMTtcbiAgZ3JpZC1yb3c6ICR7KHsgaW5kZXggfSkgPT4gaW5kZXggKyAxfTtcbiAgcGFkZGluZzogMTZweDtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnRleHR9O1xuICB3aWR0aDogMTAwJTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE92ZXJmbG93VGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2VGFiUGFuZWxDb250YWluZXIgPSBzdHlsZWQoUmVhY3RBcmlhVGFiUGFuZWwpPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGlzRmlyc3Q6IGJvb2xlYW47XG59PmBcbiAgZ3JpZC1jb2x1bW46IDIgLyBzcGFuIDEyO1xuICBncmlkLXJvdzogMSAvIHNwYW4gODtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZH07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNGaXJzdCB9KSA9PiAoaXNGaXJzdCA/ICcwIDhweCA4cHggOHB4JyA6ICc4cHgnKX07XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEyMDBweCkge1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRpb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGluZGV4OiBudW1iZXI7XG59PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIGdyaWQtcm93OiAkeyh7IGluZGV4IH0pID0+IGluZGV4ICsgMX07XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5wcmltYXJ5IDogdGhlbWUuY29sb3JzLnRleHR9O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB3aWR0aDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnMTAwJScgOiAnY2FsYygxMDAlIC0gOHB4KScpfTtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgaXNBY3RpdmUsIHRoZW1lIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA3NjdweCkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZJY29uQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkKEJveCk8e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbiAgaW5kZXg6IG51bWJlcjtcbn0+YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICc4cHggMCAwIDhweCcgOiAnOHB4Jyl9O1xuXG4gIGdyaWQtY29sdW1uOiAxO1xuICBncmlkLXJvdzogJHsoeyBpbmRleCB9KSA9PiBpbmRleH07XG4gIHBhZGRpbmc6IDhweDtcbmA7XG4iXX0= */"));
+export const NavIconButtonContainer = /*#__PURE__*/_styled(Box, {
+  target: "e2xtrjc0",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEpFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEdyaWRCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQge1xuICBUYWJMaXN0IGFzIFJlYWN0QXJpYVRhYkxpc3QsXG4gIFRhYlBhbmVsIGFzIFJlYWN0QXJpYVRhYlBhbmVsLFxuICBUYWJzIGFzIFJlYWN0QXJpYVRhYnMsXG59IGZyb20gJ3JlYWN0LWFyaWEtY29tcG9uZW50cyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWN0aW9uID0gc3R5bGVkKEJveCk8eyBhY3RpdmVQYW5lbFNlbGVjdGVkOiBib29sZWFuIH0+YFxuICB3aWR0aDogY2FsYygxMDBkdncgLSAxMXJlbSk7XG4gIG1heC13aWR0aDogY2FsYygxNDQwcHggLSAxMXJlbSk7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydib3JkZXItdGVydGlhcnknXX07XG4gIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcblxuICBAbWVkaWEgKG1heC13aWR0aDogMTIwMHB4KSB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICB9XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDQ3OXB4KSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyBhY3RpdmVQYW5lbFNlbGVjdGVkLCB0aGVtZSB9KSA9PlxuICAgICAgYWN0aXZlUGFuZWxTZWxlY3RlZCA/IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXSA6IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRhYnMgPSBzdHlsZWQoUmVhY3RBcmlhVGFicylgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHBhZGRpbmc6IDhweDtcbiAgcm93LWdhcDogOHB4O1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDI2NXB4IDMycHggMWZyO1xuICBAbWVkaWEgKG1heC13aWR0aDogMTAyNHB4KSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxOTFweCAzMnB4IDFmcjtcbiAgfVxuICBAbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDY0cHggMWZyIDFmcjtcbiAgfVxuICBAbWVkaWEgKG1heC13aWR0aDogNDgwcHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGFiTGlzdCA9IHN0eWxlZChSZWFjdEFyaWFUYWJMaXN0KWBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiA4cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkR3JpZEJveCA9IHN0eWxlZChHcmlkQm94KWBcbiAgcGFkZGluZzogOHB4O1xuICByb3ctZ2FwOiA4cHg7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMjY1cHggMzJweCAxZnI7XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEwMjRweCkge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTkxcHggMzJweCAxZnI7XG4gIH1cblxuICBAbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDY0cHggMWZyIDFmcjtcbiAgfVxuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA0NzlweCkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBHcmFkaWVudEJhY2tncm91bmQgPSBzdHlsZWQoQm94KWBcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIDE4MGRlZyxcbiAgICByZ2JhKDAsIDAsIDAsIDApIDcuNjUlLFxuICAgIHJnYmEoMCwgMCwgMCwgMC4xNSkgMTAwJVxuICApO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNtYWxsTWVudUJ1dHRvbiA9IHN0eWxlZC5idXR0b248eyBpbmRleDogbnVtYmVyIH0+YFxuICBncmlkLWNvbHVtbjogMTtcbiAgZ3JpZC1yb3c6ICR7KHsgaW5kZXggfSkgPT4gaW5kZXggKyAxfTtcbiAgcGFkZGluZzogMTZweDtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnRleHR9O1xuICB3aWR0aDogMTAwJTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE92ZXJmbG93VGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2VGFiUGFuZWxDb250YWluZXIgPSBzdHlsZWQoUmVhY3RBcmlhVGFiUGFuZWwpPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGlzRmlyc3Q6IGJvb2xlYW47XG59PmBcbiAgZ3JpZC1jb2x1bW46IDIgLyBzcGFuIDEyO1xuICBncmlkLXJvdzogMSAvIHNwYW4gODtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZH07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNGaXJzdCB9KSA9PiAoaXNGaXJzdCA/ICcwIDhweCA4cHggOHB4JyA6ICc4cHgnKX07XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEyMDBweCkge1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRpb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGluZGV4OiBudW1iZXI7XG59PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIGdyaWQtcm93OiAkeyh7IGluZGV4IH0pID0+IGluZGV4ICsgMX07XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5wcmltYXJ5IDogdGhlbWUuY29sb3JzLnRleHR9O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB3aWR0aDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnMTAwJScgOiAnY2FsYygxMDAlIC0gOHB4KScpfTtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgaXNBY3RpdmUsIHRoZW1lIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA3NjdweCkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZJY29uQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkKEJveCk8e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbiAgaW5kZXg6IG51bWJlcjtcbn0+YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICc4cHggMCAwIDhweCcgOiAnOHB4Jyl9O1xuXG4gIGdyaWQtY29sdW1uOiAxO1xuICBncmlkLXJvdzogJHsoeyBpbmRleCB9KSA9PiBpbmRleH07XG4gIHBhZGRpbmc6IDhweDtcbmA7XG4iXX0= */"));

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

@@ -1,18 +1,21 @@
 import { RefObject } from 'react';
 import * as React from 'react';
 import { AppHeaderCatalogDropdownItem, AppHeaderResourcesDropdownItem } from '../../shared';
-import { MarketingBanner } from '../AppHeaderCatalogDropdown/MarketingBanner';
+import { MarketingBannerProps } from '../AppHeaderCatalogDropdown/MarketingBanner';
+export type TabSectionConfig = {
+    item: AppHeaderCatalogDropdownItem | AppHeaderResourcesDropdownItem;
+    panel: React.ComponentType;
+};
 export type AppHeaderSectionProps = {
     isOpen?: boolean;
     keyDownEvents?: (event: React.KeyboardEvent) => void;
     ref?: RefObject<HTMLDivElement>;
-    navSections: {
-        item: AppHeaderCatalogDropdownItem | AppHeaderResourcesDropdownItem;
-        panel: React.ComponentType;
-    }[];
-    MarketingBanner?: React.FC<React.ComponentProps<typeof MarketingBanner>>;
+    MarketingBanner?: React.FC<MarketingBannerProps>;
     isMobile?: boolean;
     handleClose: () => void;
     type: 'catalog-dropdown' | 'resources-dropdown';
+    tabSections: TabSectionConfig[];
+    ariaLabel?: string;
+    defaultSelectedKey?: string;
 };
 export declare const AppHeaderSection: React.ForwardRefExoticComponent<Omit<AppHeaderSectionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,42 +1,54 @@
-import { Box } from '@codecademy/gamut';
-import { useEffect, useState } from 'react';
+import { Box, FlexBox } from '@codecademy/gamut';
+import { ArrowChevronRightIcon } from '@codecademy/gamut-icons';
+import { AnimatePresence, motion } from 'framer-motion';
+import { useState } from 'react';
 import * as React from 'react';
-import { useGlobalHeaderDynamicDataContext } from '../../../GlobalHeader/context';
+import { Tab as ReactAriaTab } from 'react-aria-components';
+import { useGlobalHeaderDynamicDataContext, useGlobalHeaderItemClick } from '../../../GlobalHeader/context';
 import { AppHeaderSectionContext } from './AppHeaderSectionContext';
-import { GradientBackground, StyledGridBox, StyledSection } from './elements';
-import { MobileBackButton } from './MobileBackButton';
+import { syntheticMouseEvent } from './consts';
+import { NavIconButtonContainer, NavigationButton, NavTabPanelContainer, OverflowText, StyledSection, StyledTabList, StyledTabs } from './elements';
+import { MobileBackButton, NavIconButton } from './MobileBackButton';
 import { MobileNavMenu } from './MobileNavMenu';
-import NavSection from './NavSection';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const AppHeaderSection = /*#__PURE__*/React.forwardRef(({
   isOpen = true,
-  keyDownEvents,
-  navSections,
   MarketingBanner,
   isMobile = false,
   handleClose,
-  type
+  type,
+  ariaLabel,
+  defaultSelectedKey,
+  tabSections
 }, ref) => {
-  const [activeTab, setActiveTab] = useState(0);
+  const firstTabId = tabSections?.[0]?.item?.id || 'first-tab';
+  const [activeTab, setActiveTab] = useState(defaultSelectedKey || firstTabId);
   const [activePanel, setActivePanel] = useState(null);
   const {
     globalHeaderDynamicData
   } = useGlobalHeaderDynamicDataContext();
+  const {
+    globalHeaderItemClick
+  } = useGlobalHeaderItemClick();
   const showMarketingBanner = globalHeaderDynamicData?.catalogDropdown?.banner && MarketingBanner;
   const tabIndex = isOpen ? 0 : -1;
   const activePanelSelected = activePanel !== null;
-  useEffect(() => {
-    if (isOpen) {
-      setActiveTab(0);
+  const onSelect = React.useCallback((key, item) => {
+    setActiveTab(key);
+    if (item) {
+      // globalHeaderItemClick requires a MouseEvent, but onSelectionChange doesn't provide one
+      // chose this method over implementing onPress on individual tabs because this will capture
+      // all selections on the tab rather than just mouse clicks
+      globalHeaderItemClick(syntheticMouseEvent, item);
     }
-  }, [isOpen]);
-  return /*#__PURE__*/_jsxs(AppHeaderSectionContext.Provider, {
+  }, [setActiveTab, globalHeaderItemClick]);
+  return /*#__PURE__*/_jsx(AppHeaderSectionContext.Provider, {
     value: {
       activePanel,
       setActivePanel,
       tabIndex
     },
-    children: [/*#__PURE__*/_jsxs(StyledSection, {
+    children: /*#__PURE__*/_jsxs(StyledSection, {
       activePanelSelected: activePanelSelected,
       children: [showMarketingBanner && /*#__PURE__*/_jsx(Box, {
         display: {
@@ -44,44 +56,114 @@ export const AppHeaderSection = /*#__PURE__*/React.forwardRef(({
           xs: 'block'
         },
         children: /*#__PURE__*/_jsx(MarketingBanner, {
-          tabIndex: tabIndex,
           ...globalHeaderDynamicData?.catalogDropdown?.banner
         })
-      }), /*#__PURE__*/_jsxs(StyledGridBox, {
+      }), /*#__PURE__*/_jsxs(StyledTabs, {
         ref: ref,
-        onKeyDown: keyDownEvents,
+        defaultSelectedKey: defaultSelectedKey || firstTabId,
+        onSelectionChange: key => {
+          const selectedSection = tabSections.find(section => section.item.id === key);
+          onSelect(key, selectedSection?.item);
+        },
         children: [isMobile && /*#__PURE__*/_jsx(MobileBackButton, {
           handleClose: handleClose,
           type: type
-        }), navSections.map((section, index) => {
+        }), /*#__PURE__*/_jsx(StyledTabList, {
+          "aria-label": ariaLabel || `${type.replace('-dropdown', '')} navigation`,
+          children: tabSections.map(({
+            item
+          }, index) => /*#__PURE__*/_jsxs(ReactAriaTab, {
+            id: item.id,
+            children: [/*#__PURE__*/_jsxs(NavigationButton, {
+              isActive: activeTab === item.id,
+              index: index,
+              "data-testid": `nav-section-${item.id}`,
+              children: [/*#__PURE__*/_jsxs(FlexBox, {
+                gap: 8,
+                alignItems: "center",
+                children: [item.icon && /*#__PURE__*/_jsx(Box, {
+                  height: 24,
+                  width: 24,
+                  children: /*#__PURE__*/_jsx(item.icon, {
+                    size: 24
+                  })
+                }), /*#__PURE__*/_jsx(OverflowText, {
+                  variant: "p-large",
+                  maxWidth: {
+                    _: '110px',
+                    md: 'none'
+                  },
+                  children: item.text
+                })]
+              }), activeTab === item.id && /*#__PURE__*/_jsx(Box, {
+                display: {
+                  _: 'none',
+                  sm: 'block'
+                },
+                children: /*#__PURE__*/_jsx(ArrowChevronRightIcon, {})
+              })]
+            }), item.icon && /*#__PURE__*/_jsx(NavIconButtonContainer, {
+              isActive: activeTab === item.id,
+              display: {
+                _: 'none',
+                xs: 'grid',
+                sm: 'none'
+              },
+              index: index,
+              children: /*#__PURE__*/_jsx(NavIconButton, {
+                icon: item.icon,
+                tip: item.text,
+                tipProps: {
+                  alignment: 'right-center',
+                  narrow: false,
+                  placement: 'floating'
+                },
+                "aria-label": item.text
+              })
+            })]
+          }, item.id))
+        }), tabSections.map((section, index) => {
           const {
-            item,
+            item: {
+              id
+            },
             panel: Panel
           } = section;
-          return /*#__PURE__*/_jsx(NavSection, {
-            activeTab: activeTab,
-            setActiveTab: setActiveTab,
-            icon: item.icon,
-            text: item.text,
-            index: index,
-            item: item,
-            tabIndex: tabIndex,
-            children: /*#__PURE__*/_jsx(Panel, {})
-          }, item.id);
+          return /*#__PURE__*/_jsx(AnimatePresence, {
+            mode: "wait",
+            children: /*#__PURE__*/_jsx(NavTabPanelContainer, {
+              isFirst: index === 0,
+              id: id,
+              isActive: activeTab === id,
+              children: activeTab === id && /*#__PURE__*/_jsx(Box, {
+                px: 32,
+                pt: 16,
+                pb: 24,
+                children: /*#__PURE__*/_jsx(motion.div, {
+                  initial: {
+                    opacity: 0
+                  },
+                  animate: {
+                    opacity: 1
+                  },
+                  exit: {
+                    opacity: 0
+                  },
+                  transition: {
+                    duration: 0.4,
+                    ease: 'easeInOut'
+                  },
+                  children: /*#__PURE__*/_jsx(Panel, {})
+                })
+              })
+            })
+          }, id);
         })]
       }), /*#__PURE__*/_jsx(MobileNavMenu, {
         handleClose: handleClose,
         type: type,
-        navSections: navSections
+        tabSections: tabSections
       })]
-    }), !isMobile && /*#__PURE__*/_jsx(GradientBackground, {
-      position: "fixed",
-      top: "0",
-      left: "0",
-      right: "0",
-      bottom: "0",
-      zIndex: -1,
-      display: isOpen ? 'block' : 'none'
-    })]
+    })
   });
 });

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

@@ -51,12 +51,23 @@ export declare const StyledText: import("@emotion/styled").StyledComponent<(((Om
 }) & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;
-export declare const AnimatedMegaMenuDropdown: import("@emotion/styled").StyledComponent<Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> & React.RefAttributes<HTMLDivElement> & {
+declare const MegaMenuDropdown: import("@emotion/styled").StyledComponent<Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> & React.RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme;
+} & {
+    displayGlobalNavRedesign?: boolean;
 }, {}, {}>;
-export declare const AnimatedSimpleDropdown: import("@emotion/styled").StyledComponent<Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> & React.RefAttributes<HTMLDivElement> & {
+export declare const AnimatedMegaMenuDropdown: React.ForwardRefExoticComponent<Omit<Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> & React.RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme;
-}, {}, {}>;
+} & {
+    displayGlobalNavRedesign?: boolean;
+} & {
+    isOpen: boolean;
+    displayGlobalNavRedesign?: boolean;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AnimatedSimpleDropdown: ({ isOpen, displayGlobalNavRedesign, ...props }: React.ComponentProps<typeof MegaMenuDropdown> & {
+    isOpen: boolean;
+    displayGlobalNavRedesign?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const LayoutGridAntiAliased: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
@@ -82,3 +93,4 @@ export declare const appHeaderSpacing: {
     readonly standard: 8;
     readonly enterprise: 12;
 };
+export {};