@codecademy/brand 4.0.0-alpha.fb4adf2b4d.0 → 4.0.0

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

@@ -0,0 +1,118 @@
+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, IconButton, Text } from '@codecademy/gamut';
+export const StyledSection = /*#__PURE__*/_styled(Box, {
+  target: "e2xtrjc9",
+  label: "StyledSection"
+})("width:100%;max-width:100%;border:1px solid ", ({
+  theme
+}) => theme.colors['border-tertiary'], ";border-radius:16px;overflow:hidden;background-color:", ({
+  activePanelSelected,
+  theme
+}) => activePanelSelected ? theme.colors['gray-100'] : theme.colors.background, ";display:flex;flex-direction:column;@media (min-width: 480px){background-color:", ({
+  theme
+}) => theme.colors['gray-100'], ";}@media (min-width: 1200px){width:calc(100dvw - 11rem);max-width:calc(1440px - 11rem);max-height:85vh;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzBFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEdyaWRCb3gsIEljb25CdXR0b24sIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWN0aW9uID0gc3R5bGVkKEJveCk8eyBhY3RpdmVQYW5lbFNlbGVjdGVkOiBib29sZWFuIH0+YFxuICB3aWR0aDogMTAwJTtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYm9yZGVyLXRlcnRpYXJ5J119O1xuICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGFjdGl2ZVBhbmVsU2VsZWN0ZWQsIHRoZW1lIH0pID0+XG4gICAgYWN0aXZlUGFuZWxTZWxlY3RlZCA/IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXSA6IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kfTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuICBAbWVkaWEgKG1pbi13aWR0aDogNDgwcHgpIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG4gIH1cblxuICAvLyBhdCB0aGlzIGJyZWFrcG9pbnQgdGhlIG1lbnUgYmVjb21lcyBhIGRyb3Bkb3duXG4gIEBtZWRpYSAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgICB3aWR0aDogY2FsYygxMDBkdncgLSAxMXJlbSk7XG4gICAgbWF4LXdpZHRoOiBjYWxjKDE0NDBweCAtIDExcmVtKTtcbiAgICBtYXgtaGVpZ2h0OiA4NXZoO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU2Nyb2xsYWJsZUNvbnRlbnQgPSBzdHlsZWQoQm94KWBcbiAgZmxleDogMTtcbiAgb3ZlcmZsb3cteTogYXV0bztcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiAxNnB4O1xuXG4gIC8qIEN1c3RvbSBzY3JvbGxiYXIgc3R5bGluZyB0byBtYWludGFpbiBib3JkZXItcmFkaXVzICovXG4gICY6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICB3aWR0aDogOHB4O1xuICB9XG5cbiAgJjo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2sge1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIGJvcmRlci1yYWRpdXM6IDAgMTZweCAxNnB4IDA7XG4gIH1cblxuICAmOjotd2Via2l0LXNjcm9sbGJhci10aHVtYiB7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2dyYXktMzAwJ119O1xuICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICBib3JkZXI6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICBiYWNrZ3JvdW5kLWNsaXA6IGNvbnRlbnQtYm94O1xuICB9XG5cbiAgJjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWI6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydncmF5LTMwMCddfTtcbiAgICBiYWNrZ3JvdW5kLWNsaXA6IGNvbnRlbnQtYm94O1xuICAgIG9wYWNpdHk6IDAuODtcbiAgfVxuXG4gIC8qIEZvciBGaXJlZm94ICovXG4gIHNjcm9sbGJhci13aWR0aDogdGhpbjtcbiAgc2Nyb2xsYmFyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0zMDAnXX0gdHJhbnNwYXJlbnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2VGFiQ29udGFpbmVyID0gc3R5bGVkKEdyaWRCb3gpYFxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDI5N3B4IDMycHggMWZyO1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA3NjdweCkge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogNjRweCAxZnIgMWZyO1xuICB9XG4gIEBtZWRpYSAobWF4LXdpZHRoOiA0NzlweCkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBHcmFkaWVudEJhY2tncm91bmQgPSBzdHlsZWQoQm94KWBcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIDE4MGRlZyxcbiAgICByZ2JhKDAsIDAsIDAsIDApIDcuNjUlLFxuICAgIHJnYmEoMCwgMCwgMCwgMC4xNSkgMTAwJVxuICApO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNtYWxsTWVudUJ1dHRvbiA9IHN0eWxlZC5idXR0b248eyBpbmRleDogbnVtYmVyIH0+YFxuICBncmlkLWNvbHVtbjogMTtcbiAgZ3JpZC1yb3c6ICR7KHsgaW5kZXggfSkgPT4gaW5kZXggKyAxfTtcbiAgcGFkZGluZzogMTZweDtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnRleHR9O1xuICB3aWR0aDogMTAwJTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE92ZXJmbG93VGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmF2VGFiUGFuZWwgPSBzdHlsZWQoQm94KTx7XG4gIGlzRmlyc3Q6IGJvb2xlYW47XG59PmBcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0ZpcnN0IH0pID0+IChpc0ZpcnN0ID8gJzAgOHB4IDhweCA4cHgnIDogJzhweCcpfTtcblxuICBAbWVkaWEgKG1heC13aWR0aDogMTIwMHB4KSB7XG4gICAgYm9yZGVyLXJhZGl1czogOHB4O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2aWdhdGlvbkJ1dHRvbiA9IHN0eWxlZC5idXR0b248e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbn0+YFxuICBncmlkLWNvbHVtbjogMTtcbiAgcGFkZGluZzogMTZweDtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICc4cHggMCAwIDhweCcgOiAnOHB4Jyl9O1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLnByaW1hcnkgOiB0aGVtZS5jb2xvcnMudGV4dH07XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIHdpZHRoOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICcxMDAlJyA6ICdjYWxjKDEwMCUgLSA4cHgpJyl9O1xuICBoZWlnaHQ6IDYwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyBpc0FjdGl2ZSwgdGhlbWUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcbiAgcGFkZGluZy1yaWdodDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnMjRweCcgOiAnMTZweCcpfTtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9yc1snbmF2eS0xMDAnXX07XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnl9O1xuICB9XG5cbiAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+XG4gICAgICBpc0FjdGl2ZSA/ICdub25lJyA6IGAwIDAgMCAycHggJHt0aGVtZS5jb2xvcnMucHJpbWFyeX1gfTtcbiAgfVxuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA3NjdweCkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZJY29uQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkKEJveCk8e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbn0+YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICc4cHggMCAwIDhweCcgOiAnOHB4Jyl9O1xuXG4gIGdyaWQtY29sdW1uOiAxO1xuICBwYWRkaW5nOiA4cHg7XG5cbiAgJjpmb2N1cyB7XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgICBib3JkZXItd2lkdGg6IDJweDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdkljb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbilgXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMgc3ZnIHtcbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMge1xuICAgICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */"));
+export const ScrollableContent = /*#__PURE__*/_styled(Box, {
+  target: "e2xtrjc8",
+  label: "ScrollableContent"
+})("flex:1;overflow-y:auto;overflow-x:hidden;border-radius:16px;&::-webkit-scrollbar{width:8px;}&::-webkit-scrollbar-track{background:transparent;border-radius:0 16px 16px 0;}&::-webkit-scrollbar-thumb{background:", ({
+  theme
+}) => theme.colors['gray-300'], ";border-radius:4px;border:2px solid transparent;background-clip:content-box;}&::-webkit-scrollbar-thumb:hover{background:", ({
+  theme
+}) => theme.colors['gray-300'], ";background-clip:content-box;opacity:0.8;}scrollbar-width:thin;scrollbar-color:", ({
+  theme
+}) => theme.colors['gray-300'], " transparent;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEI0QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlclNlY3Rpb24vZWxlbWVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBHcmlkQm94LCBJY29uQnV0dG9uLCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZChCb3gpPHsgYWN0aXZlUGFuZWxTZWxlY3RlZDogYm9vbGVhbiB9PmBcbiAgd2lkdGg6IDEwMCU7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JvcmRlci10ZXJ0aWFyeSddfTtcbiAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyBhY3RpdmVQYW5lbFNlbGVjdGVkLCB0aGVtZSB9KSA9PlxuICAgIGFjdGl2ZVBhbmVsU2VsZWN0ZWQgPyB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ10gOiB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgQG1lZGlhIChtaW4td2lkdGg6IDQ4MHB4KSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuICB9XG5cbiAgLy8gYXQgdGhpcyBicmVha3BvaW50IHRoZSBtZW51IGJlY29tZXMgYSBkcm9wZG93blxuICBAbWVkaWEgKG1pbi13aWR0aDogMTIwMHB4KSB7XG4gICAgd2lkdGg6IGNhbGMoMTAwZHZ3IC0gMTFyZW0pO1xuICAgIG1heC13aWR0aDogY2FsYygxNDQwcHggLSAxMXJlbSk7XG4gICAgbWF4LWhlaWdodDogODV2aDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFNjcm9sbGFibGVDb250ZW50ID0gc3R5bGVkKEJveClgXG4gIGZsZXg6IDE7XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogMTZweDtcblxuICAvKiBDdXN0b20gc2Nyb2xsYmFyIHN0eWxpbmcgdG8gbWFpbnRhaW4gYm9yZGVyLXJhZGl1cyAqL1xuICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgd2lkdGg6IDhweDtcbiAgfVxuXG4gICY6Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNrIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItcmFkaXVzOiAwIDE2cHggMTZweCAwO1xuICB9XG5cbiAgJjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydncmF5LTMwMCddfTtcbiAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgYm9yZGVyOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgYmFja2dyb3VuZC1jbGlwOiBjb250ZW50LWJveDtcbiAgfVxuXG4gICY6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0zMDAnXX07XG4gICAgYmFja2dyb3VuZC1jbGlwOiBjb250ZW50LWJveDtcbiAgICBvcGFjaXR5OiAwLjg7XG4gIH1cblxuICAvKiBGb3IgRmlyZWZveCAqL1xuICBzY3JvbGxiYXItd2lkdGg6IHRoaW47XG4gIHNjcm9sbGJhci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2dyYXktMzAwJ119IHRyYW5zcGFyZW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdlRhYkNvbnRhaW5lciA9IHN0eWxlZChHcmlkQm94KWBcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAyOTdweCAzMnB4IDFmcjtcblxuICBAbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDY0cHggMWZyIDFmcjtcbiAgfVxuICBAbWVkaWEgKG1heC13aWR0aDogNDc5cHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JhZGllbnRCYWNrZ3JvdW5kID0gc3R5bGVkKEJveClgXG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAxODBkZWcsXG4gICAgcmdiYSgwLCAwLCAwLCAwKSA3LjY1JSxcbiAgICByZ2JhKDAsIDAsIDAsIDAuMTUpIDEwMCVcbiAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTbWFsbE1lbnVCdXR0b24gPSBzdHlsZWQuYnV0dG9uPHsgaW5kZXg6IG51bWJlciB9PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIGdyaWQtcm93OiAkeyh7IGluZGV4IH0pID0+IGluZGV4ICsgMX07XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgd2lkdGg6IDEwMCU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBPdmVyZmxvd1RleHQgPSBzdHlsZWQoVGV4dClgXG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5hdlRhYlBhbmVsID0gc3R5bGVkKEJveCk8e1xuICBpc0ZpcnN0OiBib29sZWFuO1xufT5gXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNGaXJzdCB9KSA9PiAoaXNGaXJzdCA/ICcwIDhweCA4cHggOHB4JyA6ICc4cHgnKX07XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEyMDBweCkge1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRpb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG59PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5wcmltYXJ5IDogdGhlbWUuY29sb3JzLnRleHR9O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB3aWR0aDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnMTAwJScgOiAnY2FsYygxMDAlIC0gOHB4KScpfTtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgaXNBY3RpdmUsIHRoZW1lIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG4gIHBhZGRpbmctcmlnaHQ6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzI0cHgnIDogJzE2cHgnKX07XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgICAgaXNBY3RpdmUgPyAnbm9uZScgOiBgMCAwIDAgMnB4ICR7dGhlbWUuY29sb3JzLnByaW1hcnl9YH07XG4gIH1cblxuICBAbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2SWNvbkJ1dHRvbkNvbnRhaW5lciA9IHN0eWxlZChCb3gpPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG59PmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcblxuICBncmlkLWNvbHVtbjogMTtcbiAgcGFkZGluZzogOHB4O1xuXG4gICY6Zm9jdXMge1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gICAgYm9yZGVyLXdpZHRoOiAycHg7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZJY29uQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b24pYFxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHN2ZyB7XG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzIHtcbiAgICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */"));
+export const NavTabContainer = /*#__PURE__*/_styled(GridBox, {
+  target: "e2xtrjc7",
+  label: "NavTabContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "18xhhsq",
+  styles: "grid-template-columns:297px 32px 1fr;@media (max-width: 767px){grid-template-columns:64px 1fr 1fr;}@media (max-width: 479px){display:none;}"
+} : {
+  name: "18xhhsq",
+  styles: "grid-template-columns:297px 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEQ4QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlclNlY3Rpb24vZWxlbWVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBHcmlkQm94LCBJY29uQnV0dG9uLCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZChCb3gpPHsgYWN0aXZlUGFuZWxTZWxlY3RlZDogYm9vbGVhbiB9PmBcbiAgd2lkdGg6IDEwMCU7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JvcmRlci10ZXJ0aWFyeSddfTtcbiAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyBhY3RpdmVQYW5lbFNlbGVjdGVkLCB0aGVtZSB9KSA9PlxuICAgIGFjdGl2ZVBhbmVsU2VsZWN0ZWQgPyB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ10gOiB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgQG1lZGlhIChtaW4td2lkdGg6IDQ4MHB4KSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuICB9XG5cbiAgLy8gYXQgdGhpcyBicmVha3BvaW50IHRoZSBtZW51IGJlY29tZXMgYSBkcm9wZG93blxuICBAbWVkaWEgKG1pbi13aWR0aDogMTIwMHB4KSB7XG4gICAgd2lkdGg6IGNhbGMoMTAwZHZ3IC0gMTFyZW0pO1xuICAgIG1heC13aWR0aDogY2FsYygxNDQwcHggLSAxMXJlbSk7XG4gICAgbWF4LWhlaWdodDogODV2aDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFNjcm9sbGFibGVDb250ZW50ID0gc3R5bGVkKEJveClgXG4gIGZsZXg6IDE7XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogMTZweDtcblxuICAvKiBDdXN0b20gc2Nyb2xsYmFyIHN0eWxpbmcgdG8gbWFpbnRhaW4gYm9yZGVyLXJhZGl1cyAqL1xuICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgd2lkdGg6IDhweDtcbiAgfVxuXG4gICY6Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNrIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItcmFkaXVzOiAwIDE2cHggMTZweCAwO1xuICB9XG5cbiAgJjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydncmF5LTMwMCddfTtcbiAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgYm9yZGVyOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgYmFja2dyb3VuZC1jbGlwOiBjb250ZW50LWJveDtcbiAgfVxuXG4gICY6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0zMDAnXX07XG4gICAgYmFja2dyb3VuZC1jbGlwOiBjb250ZW50LWJveDtcbiAgICBvcGFjaXR5OiAwLjg7XG4gIH1cblxuICAvKiBGb3IgRmlyZWZveCAqL1xuICBzY3JvbGxiYXItd2lkdGg6IHRoaW47XG4gIHNjcm9sbGJhci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2dyYXktMzAwJ119IHRyYW5zcGFyZW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdlRhYkNvbnRhaW5lciA9IHN0eWxlZChHcmlkQm94KWBcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAyOTdweCAzMnB4IDFmcjtcblxuICBAbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDY0cHggMWZyIDFmcjtcbiAgfVxuICBAbWVkaWEgKG1heC13aWR0aDogNDc5cHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JhZGllbnRCYWNrZ3JvdW5kID0gc3R5bGVkKEJveClgXG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAxODBkZWcsXG4gICAgcmdiYSgwLCAwLCAwLCAwKSA3LjY1JSxcbiAgICByZ2JhKDAsIDAsIDAsIDAuMTUpIDEwMCVcbiAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTbWFsbE1lbnVCdXR0b24gPSBzdHlsZWQuYnV0dG9uPHsgaW5kZXg6IG51bWJlciB9PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIGdyaWQtcm93OiAkeyh7IGluZGV4IH0pID0+IGluZGV4ICsgMX07XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgd2lkdGg6IDEwMCU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBPdmVyZmxvd1RleHQgPSBzdHlsZWQoVGV4dClgXG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5hdlRhYlBhbmVsID0gc3R5bGVkKEJveCk8e1xuICBpc0ZpcnN0OiBib29sZWFuO1xufT5gXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNGaXJzdCB9KSA9PiAoaXNGaXJzdCA/ICcwIDhweCA4cHggOHB4JyA6ICc4cHgnKX07XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEyMDBweCkge1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRpb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG59PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5wcmltYXJ5IDogdGhlbWUuY29sb3JzLnRleHR9O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB3aWR0aDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnMTAwJScgOiAnY2FsYygxMDAlIC0gOHB4KScpfTtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgaXNBY3RpdmUsIHRoZW1lIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG4gIHBhZGRpbmctcmlnaHQ6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzI0cHgnIDogJzE2cHgnKX07XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgICAgaXNBY3RpdmUgPyAnbm9uZScgOiBgMCAwIDAgMnB4ICR7dGhlbWUuY29sb3JzLnByaW1hcnl9YH07XG4gIH1cblxuICBAbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2SWNvbkJ1dHRvbkNvbnRhaW5lciA9IHN0eWxlZChCb3gpPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG59PmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcblxuICBncmlkLWNvbHVtbjogMTtcbiAgcGFkZGluZzogOHB4O1xuXG4gICY6Zm9jdXMge1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gICAgYm9yZGVyLXdpZHRoOiAycHg7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZJY29uQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b24pYFxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHN2ZyB7XG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzIHtcbiAgICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const GradientBackground = /*#__PURE__*/_styled(Box, {
+  target: "e2xtrjc6",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUU2QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlclNlY3Rpb24vZWxlbWVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBHcmlkQm94LCBJY29uQnV0dG9uLCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZChCb3gpPHsgYWN0aXZlUGFuZWxTZWxlY3RlZDogYm9vbGVhbiB9PmBcbiAgd2lkdGg6IDEwMCU7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JvcmRlci10ZXJ0aWFyeSddfTtcbiAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyBhY3RpdmVQYW5lbFNlbGVjdGVkLCB0aGVtZSB9KSA9PlxuICAgIGFjdGl2ZVBhbmVsU2VsZWN0ZWQgPyB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ10gOiB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgQG1lZGlhIChtaW4td2lkdGg6IDQ4MHB4KSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuICB9XG5cbiAgLy8gYXQgdGhpcyBicmVha3BvaW50IHRoZSBtZW51IGJlY29tZXMgYSBkcm9wZG93blxuICBAbWVkaWEgKG1pbi13aWR0aDogMTIwMHB4KSB7XG4gICAgd2lkdGg6IGNhbGMoMTAwZHZ3IC0gMTFyZW0pO1xuICAgIG1heC13aWR0aDogY2FsYygxNDQwcHggLSAxMXJlbSk7XG4gICAgbWF4LWhlaWdodDogODV2aDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFNjcm9sbGFibGVDb250ZW50ID0gc3R5bGVkKEJveClgXG4gIGZsZXg6IDE7XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogMTZweDtcblxuICAvKiBDdXN0b20gc2Nyb2xsYmFyIHN0eWxpbmcgdG8gbWFpbnRhaW4gYm9yZGVyLXJhZGl1cyAqL1xuICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgd2lkdGg6IDhweDtcbiAgfVxuXG4gICY6Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNrIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItcmFkaXVzOiAwIDE2cHggMTZweCAwO1xuICB9XG5cbiAgJjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydncmF5LTMwMCddfTtcbiAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgYm9yZGVyOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgYmFja2dyb3VuZC1jbGlwOiBjb250ZW50LWJveDtcbiAgfVxuXG4gICY6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0zMDAnXX07XG4gICAgYmFja2dyb3VuZC1jbGlwOiBjb250ZW50LWJveDtcbiAgICBvcGFjaXR5OiAwLjg7XG4gIH1cblxuICAvKiBGb3IgRmlyZWZveCAqL1xuICBzY3JvbGxiYXItd2lkdGg6IHRoaW47XG4gIHNjcm9sbGJhci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2dyYXktMzAwJ119IHRyYW5zcGFyZW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdlRhYkNvbnRhaW5lciA9IHN0eWxlZChHcmlkQm94KWBcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAyOTdweCAzMnB4IDFmcjtcblxuICBAbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDY0cHggMWZyIDFmcjtcbiAgfVxuICBAbWVkaWEgKG1heC13aWR0aDogNDc5cHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JhZGllbnRCYWNrZ3JvdW5kID0gc3R5bGVkKEJveClgXG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAxODBkZWcsXG4gICAgcmdiYSgwLCAwLCAwLCAwKSA3LjY1JSxcbiAgICByZ2JhKDAsIDAsIDAsIDAuMTUpIDEwMCVcbiAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTbWFsbE1lbnVCdXR0b24gPSBzdHlsZWQuYnV0dG9uPHsgaW5kZXg6IG51bWJlciB9PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIGdyaWQtcm93OiAkeyh7IGluZGV4IH0pID0+IGluZGV4ICsgMX07XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgd2lkdGg6IDEwMCU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBPdmVyZmxvd1RleHQgPSBzdHlsZWQoVGV4dClgXG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5hdlRhYlBhbmVsID0gc3R5bGVkKEJveCk8e1xuICBpc0ZpcnN0OiBib29sZWFuO1xufT5gXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNGaXJzdCB9KSA9PiAoaXNGaXJzdCA/ICcwIDhweCA4cHggOHB4JyA6ICc4cHgnKX07XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEyMDBweCkge1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRpb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG59PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5wcmltYXJ5IDogdGhlbWUuY29sb3JzLnRleHR9O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB3aWR0aDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnMTAwJScgOiAnY2FsYygxMDAlIC0gOHB4KScpfTtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgaXNBY3RpdmUsIHRoZW1lIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG4gIHBhZGRpbmctcmlnaHQ6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzI0cHgnIDogJzE2cHgnKX07XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgICAgaXNBY3RpdmUgPyAnbm9uZScgOiBgMCAwIDAgMnB4ICR7dGhlbWUuY29sb3JzLnByaW1hcnl9YH07XG4gIH1cblxuICBAbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2SWNvbkJ1dHRvbkNvbnRhaW5lciA9IHN0eWxlZChCb3gpPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG59PmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcblxuICBncmlkLWNvbHVtbjogMTtcbiAgcGFkZGluZzogOHB4O1xuXG4gICY6Zm9jdXMge1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gICAgYm9yZGVyLXdpZHRoOiAycHg7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZJY29uQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b24pYFxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHN2ZyB7XG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzIHtcbiAgICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const SmallMenuButton = /*#__PURE__*/_styled("button", {
+  target: "e2xtrjc5",
+  label: "SmallMenuButton"
+})("grid-column:1;grid-row:", ({
+  index
+}) => index + 1, ";padding:16px;border:none;border-radius:8px;background:none;cursor:pointer;color:", ({
+  theme
+}) => theme.colors.text, ";width:100%;text-align:left;height:60px;display:flex;justify-content:space-between;align-items:center;&:hover,&:focus{background-color:", ({
+  theme
+}) => theme.colors['navy-100'], ";color:", ({
+  theme
+}) => theme.colors.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0UrRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlclNlY3Rpb24vZWxlbWVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBHcmlkQm94LCBJY29uQnV0dG9uLCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZChCb3gpPHsgYWN0aXZlUGFuZWxTZWxlY3RlZDogYm9vbGVhbiB9PmBcbiAgd2lkdGg6IDEwMCU7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JvcmRlci10ZXJ0aWFyeSddfTtcbiAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyBhY3RpdmVQYW5lbFNlbGVjdGVkLCB0aGVtZSB9KSA9PlxuICAgIGFjdGl2ZVBhbmVsU2VsZWN0ZWQgPyB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ10gOiB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgQG1lZGlhIChtaW4td2lkdGg6IDQ4MHB4KSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuICB9XG5cbiAgLy8gYXQgdGhpcyBicmVha3BvaW50IHRoZSBtZW51IGJlY29tZXMgYSBkcm9wZG93blxuICBAbWVkaWEgKG1pbi13aWR0aDogMTIwMHB4KSB7XG4gICAgd2lkdGg6IGNhbGMoMTAwZHZ3IC0gMTFyZW0pO1xuICAgIG1heC13aWR0aDogY2FsYygxNDQwcHggLSAxMXJlbSk7XG4gICAgbWF4LWhlaWdodDogODV2aDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFNjcm9sbGFibGVDb250ZW50ID0gc3R5bGVkKEJveClgXG4gIGZsZXg6IDE7XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogMTZweDtcblxuICAvKiBDdXN0b20gc2Nyb2xsYmFyIHN0eWxpbmcgdG8gbWFpbnRhaW4gYm9yZGVyLXJhZGl1cyAqL1xuICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgd2lkdGg6IDhweDtcbiAgfVxuXG4gICY6Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNrIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItcmFkaXVzOiAwIDE2cHggMTZweCAwO1xuICB9XG5cbiAgJjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydncmF5LTMwMCddfTtcbiAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgYm9yZGVyOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgYmFja2dyb3VuZC1jbGlwOiBjb250ZW50LWJveDtcbiAgfVxuXG4gICY6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0zMDAnXX07XG4gICAgYmFja2dyb3VuZC1jbGlwOiBjb250ZW50LWJveDtcbiAgICBvcGFjaXR5OiAwLjg7XG4gIH1cblxuICAvKiBGb3IgRmlyZWZveCAqL1xuICBzY3JvbGxiYXItd2lkdGg6IHRoaW47XG4gIHNjcm9sbGJhci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2dyYXktMzAwJ119IHRyYW5zcGFyZW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdlRhYkNvbnRhaW5lciA9IHN0eWxlZChHcmlkQm94KWBcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAyOTdweCAzMnB4IDFmcjtcblxuICBAbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDY0cHggMWZyIDFmcjtcbiAgfVxuICBAbWVkaWEgKG1heC13aWR0aDogNDc5cHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JhZGllbnRCYWNrZ3JvdW5kID0gc3R5bGVkKEJveClgXG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAxODBkZWcsXG4gICAgcmdiYSgwLCAwLCAwLCAwKSA3LjY1JSxcbiAgICByZ2JhKDAsIDAsIDAsIDAuMTUpIDEwMCVcbiAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTbWFsbE1lbnVCdXR0b24gPSBzdHlsZWQuYnV0dG9uPHsgaW5kZXg6IG51bWJlciB9PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIGdyaWQtcm93OiAkeyh7IGluZGV4IH0pID0+IGluZGV4ICsgMX07XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgd2lkdGg6IDEwMCU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBPdmVyZmxvd1RleHQgPSBzdHlsZWQoVGV4dClgXG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5hdlRhYlBhbmVsID0gc3R5bGVkKEJveCk8e1xuICBpc0ZpcnN0OiBib29sZWFuO1xufT5gXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNGaXJzdCB9KSA9PiAoaXNGaXJzdCA/ICcwIDhweCA4cHggOHB4JyA6ICc4cHgnKX07XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEyMDBweCkge1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRpb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG59PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5wcmltYXJ5IDogdGhlbWUuY29sb3JzLnRleHR9O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB3aWR0aDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnMTAwJScgOiAnY2FsYygxMDAlIC0gOHB4KScpfTtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgaXNBY3RpdmUsIHRoZW1lIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG4gIHBhZGRpbmctcmlnaHQ6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzI0cHgnIDogJzE2cHgnKX07XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgICAgaXNBY3RpdmUgPyAnbm9uZScgOiBgMCAwIDAgMnB4ICR7dGhlbWUuY29sb3JzLnByaW1hcnl9YH07XG4gIH1cblxuICBAbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2SWNvbkJ1dHRvbkNvbnRhaW5lciA9IHN0eWxlZChCb3gpPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG59PmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcblxuICBncmlkLWNvbHVtbjogMTtcbiAgcGFkZGluZzogOHB4O1xuXG4gICY6Zm9jdXMge1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gICAgYm9yZGVyLXdpZHRoOiAycHg7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZJY29uQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b24pYFxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHN2ZyB7XG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzIHtcbiAgICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */"));
+export const OverflowText = /*#__PURE__*/_styled(Text, {
+  target: "e2xtrjc4",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0d3QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlclNlY3Rpb24vZWxlbWVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBHcmlkQm94LCBJY29uQnV0dG9uLCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZChCb3gpPHsgYWN0aXZlUGFuZWxTZWxlY3RlZDogYm9vbGVhbiB9PmBcbiAgd2lkdGg6IDEwMCU7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JvcmRlci10ZXJ0aWFyeSddfTtcbiAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyBhY3RpdmVQYW5lbFNlbGVjdGVkLCB0aGVtZSB9KSA9PlxuICAgIGFjdGl2ZVBhbmVsU2VsZWN0ZWQgPyB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ10gOiB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgQG1lZGlhIChtaW4td2lkdGg6IDQ4MHB4KSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuICB9XG5cbiAgLy8gYXQgdGhpcyBicmVha3BvaW50IHRoZSBtZW51IGJlY29tZXMgYSBkcm9wZG93blxuICBAbWVkaWEgKG1pbi13aWR0aDogMTIwMHB4KSB7XG4gICAgd2lkdGg6IGNhbGMoMTAwZHZ3IC0gMTFyZW0pO1xuICAgIG1heC13aWR0aDogY2FsYygxNDQwcHggLSAxMXJlbSk7XG4gICAgbWF4LWhlaWdodDogODV2aDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFNjcm9sbGFibGVDb250ZW50ID0gc3R5bGVkKEJveClgXG4gIGZsZXg6IDE7XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogMTZweDtcblxuICAvKiBDdXN0b20gc2Nyb2xsYmFyIHN0eWxpbmcgdG8gbWFpbnRhaW4gYm9yZGVyLXJhZGl1cyAqL1xuICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgd2lkdGg6IDhweDtcbiAgfVxuXG4gICY6Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNrIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItcmFkaXVzOiAwIDE2cHggMTZweCAwO1xuICB9XG5cbiAgJjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydncmF5LTMwMCddfTtcbiAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgYm9yZGVyOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgYmFja2dyb3VuZC1jbGlwOiBjb250ZW50LWJveDtcbiAgfVxuXG4gICY6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0zMDAnXX07XG4gICAgYmFja2dyb3VuZC1jbGlwOiBjb250ZW50LWJveDtcbiAgICBvcGFjaXR5OiAwLjg7XG4gIH1cblxuICAvKiBGb3IgRmlyZWZveCAqL1xuICBzY3JvbGxiYXItd2lkdGg6IHRoaW47XG4gIHNjcm9sbGJhci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2dyYXktMzAwJ119IHRyYW5zcGFyZW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdlRhYkNvbnRhaW5lciA9IHN0eWxlZChHcmlkQm94KWBcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAyOTdweCAzMnB4IDFmcjtcblxuICBAbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDY0cHggMWZyIDFmcjtcbiAgfVxuICBAbWVkaWEgKG1heC13aWR0aDogNDc5cHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JhZGllbnRCYWNrZ3JvdW5kID0gc3R5bGVkKEJveClgXG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAxODBkZWcsXG4gICAgcmdiYSgwLCAwLCAwLCAwKSA3LjY1JSxcbiAgICByZ2JhKDAsIDAsIDAsIDAuMTUpIDEwMCVcbiAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTbWFsbE1lbnVCdXR0b24gPSBzdHlsZWQuYnV0dG9uPHsgaW5kZXg6IG51bWJlciB9PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIGdyaWQtcm93OiAkeyh7IGluZGV4IH0pID0+IGluZGV4ICsgMX07XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgd2lkdGg6IDEwMCU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBPdmVyZmxvd1RleHQgPSBzdHlsZWQoVGV4dClgXG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5hdlRhYlBhbmVsID0gc3R5bGVkKEJveCk8e1xuICBpc0ZpcnN0OiBib29sZWFuO1xufT5gXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNGaXJzdCB9KSA9PiAoaXNGaXJzdCA/ICcwIDhweCA4cHggOHB4JyA6ICc4cHgnKX07XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEyMDBweCkge1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRpb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG59PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5wcmltYXJ5IDogdGhlbWUuY29sb3JzLnRleHR9O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB3aWR0aDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnMTAwJScgOiAnY2FsYygxMDAlIC0gOHB4KScpfTtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgaXNBY3RpdmUsIHRoZW1lIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG4gIHBhZGRpbmctcmlnaHQ6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzI0cHgnIDogJzE2cHgnKX07XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgICAgaXNBY3RpdmUgPyAnbm9uZScgOiBgMCAwIDAgMnB4ICR7dGhlbWUuY29sb3JzLnByaW1hcnl9YH07XG4gIH1cblxuICBAbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2SWNvbkJ1dHRvbkNvbnRhaW5lciA9IHN0eWxlZChCb3gpPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG59PmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcblxuICBncmlkLWNvbHVtbjogMTtcbiAgcGFkZGluZzogOHB4O1xuXG4gICY6Zm9jdXMge1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gICAgYm9yZGVyLXdpZHRoOiAycHg7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZJY29uQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b24pYFxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHN2ZyB7XG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzIHtcbiAgICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const StyledNavTabPanel = /*#__PURE__*/_styled(Box, {
+  target: "e2xtrjc3",
+  label: "StyledNavTabPanel"
+})("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEdFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEdyaWRCb3gsIEljb25CdXR0b24sIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWN0aW9uID0gc3R5bGVkKEJveCk8eyBhY3RpdmVQYW5lbFNlbGVjdGVkOiBib29sZWFuIH0+YFxuICB3aWR0aDogMTAwJTtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYm9yZGVyLXRlcnRpYXJ5J119O1xuICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGFjdGl2ZVBhbmVsU2VsZWN0ZWQsIHRoZW1lIH0pID0+XG4gICAgYWN0aXZlUGFuZWxTZWxlY3RlZCA/IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXSA6IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kfTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuICBAbWVkaWEgKG1pbi13aWR0aDogNDgwcHgpIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG4gIH1cblxuICAvLyBhdCB0aGlzIGJyZWFrcG9pbnQgdGhlIG1lbnUgYmVjb21lcyBhIGRyb3Bkb3duXG4gIEBtZWRpYSAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgICB3aWR0aDogY2FsYygxMDBkdncgLSAxMXJlbSk7XG4gICAgbWF4LXdpZHRoOiBjYWxjKDE0NDBweCAtIDExcmVtKTtcbiAgICBtYXgtaGVpZ2h0OiA4NXZoO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU2Nyb2xsYWJsZUNvbnRlbnQgPSBzdHlsZWQoQm94KWBcbiAgZmxleDogMTtcbiAgb3ZlcmZsb3cteTogYXV0bztcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiAxNnB4O1xuXG4gIC8qIEN1c3RvbSBzY3JvbGxiYXIgc3R5bGluZyB0byBtYWludGFpbiBib3JkZXItcmFkaXVzICovXG4gICY6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICB3aWR0aDogOHB4O1xuICB9XG5cbiAgJjo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2sge1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIGJvcmRlci1yYWRpdXM6IDAgMTZweCAxNnB4IDA7XG4gIH1cblxuICAmOjotd2Via2l0LXNjcm9sbGJhci10aHVtYiB7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2dyYXktMzAwJ119O1xuICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICBib3JkZXI6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICBiYWNrZ3JvdW5kLWNsaXA6IGNvbnRlbnQtYm94O1xuICB9XG5cbiAgJjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWI6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydncmF5LTMwMCddfTtcbiAgICBiYWNrZ3JvdW5kLWNsaXA6IGNvbnRlbnQtYm94O1xuICAgIG9wYWNpdHk6IDAuODtcbiAgfVxuXG4gIC8qIEZvciBGaXJlZm94ICovXG4gIHNjcm9sbGJhci13aWR0aDogdGhpbjtcbiAgc2Nyb2xsYmFyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0zMDAnXX0gdHJhbnNwYXJlbnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2VGFiQ29udGFpbmVyID0gc3R5bGVkKEdyaWRCb3gpYFxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDI5N3B4IDMycHggMWZyO1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA3NjdweCkge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogNjRweCAxZnIgMWZyO1xuICB9XG4gIEBtZWRpYSAobWF4LXdpZHRoOiA0NzlweCkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBHcmFkaWVudEJhY2tncm91bmQgPSBzdHlsZWQoQm94KWBcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIDE4MGRlZyxcbiAgICByZ2JhKDAsIDAsIDAsIDApIDcuNjUlLFxuICAgIHJnYmEoMCwgMCwgMCwgMC4xNSkgMTAwJVxuICApO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNtYWxsTWVudUJ1dHRvbiA9IHN0eWxlZC5idXR0b248eyBpbmRleDogbnVtYmVyIH0+YFxuICBncmlkLWNvbHVtbjogMTtcbiAgZ3JpZC1yb3c6ICR7KHsgaW5kZXggfSkgPT4gaW5kZXggKyAxfTtcbiAgcGFkZGluZzogMTZweDtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnRleHR9O1xuICB3aWR0aDogMTAwJTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE92ZXJmbG93VGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmF2VGFiUGFuZWwgPSBzdHlsZWQoQm94KTx7XG4gIGlzRmlyc3Q6IGJvb2xlYW47XG59PmBcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0ZpcnN0IH0pID0+IChpc0ZpcnN0ID8gJzAgOHB4IDhweCA4cHgnIDogJzhweCcpfTtcblxuICBAbWVkaWEgKG1heC13aWR0aDogMTIwMHB4KSB7XG4gICAgYm9yZGVyLXJhZGl1czogOHB4O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2aWdhdGlvbkJ1dHRvbiA9IHN0eWxlZC5idXR0b248e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbn0+YFxuICBncmlkLWNvbHVtbjogMTtcbiAgcGFkZGluZzogMTZweDtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICc4cHggMCAwIDhweCcgOiAnOHB4Jyl9O1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLnByaW1hcnkgOiB0aGVtZS5jb2xvcnMudGV4dH07XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIHdpZHRoOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICcxMDAlJyA6ICdjYWxjKDEwMCUgLSA4cHgpJyl9O1xuICBoZWlnaHQ6IDYwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyBpc0FjdGl2ZSwgdGhlbWUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcbiAgcGFkZGluZy1yaWdodDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnMjRweCcgOiAnMTZweCcpfTtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9yc1snbmF2eS0xMDAnXX07XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnl9O1xuICB9XG5cbiAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+XG4gICAgICBpc0FjdGl2ZSA/ICdub25lJyA6IGAwIDAgMCAycHggJHt0aGVtZS5jb2xvcnMucHJpbWFyeX1gfTtcbiAgfVxuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA3NjdweCkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZJY29uQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkKEJveCk8e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbn0+YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICc4cHggMCAwIDhweCcgOiAnOHB4Jyl9O1xuXG4gIGdyaWQtY29sdW1uOiAxO1xuICBwYWRkaW5nOiA4cHg7XG5cbiAgJjpmb2N1cyB7XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgICBib3JkZXItd2lkdGg6IDJweDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdkljb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbilgXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMgc3ZnIHtcbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMge1xuICAgICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */"));
+export const NavigationButton = /*#__PURE__*/_styled("button", {
+  target: "e2xtrjc2",
+  label: "NavigationButton"
+})("grid-column: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'], ";padding-right:", ({
+  isActive
+}) => isActive ? '24px' : '16px', ";&:hover,&:focus{background-color:", ({
+  theme,
+  isActive
+}) => isActive ? theme.colors.background : theme.colors['navy-100'], ";color:", ({
+  theme
+}) => theme.colors.primary, ";}&:focus-visible{outline:none;box-shadow:", ({
+  theme,
+  isActive
+}) => isActive ? 'none' : `0 0 0 2px ${theme.colors.primary}`, ";}@media (max-width: 767px){display:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0hFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEdyaWRCb3gsIEljb25CdXR0b24sIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWN0aW9uID0gc3R5bGVkKEJveCk8eyBhY3RpdmVQYW5lbFNlbGVjdGVkOiBib29sZWFuIH0+YFxuICB3aWR0aDogMTAwJTtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYm9yZGVyLXRlcnRpYXJ5J119O1xuICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGFjdGl2ZVBhbmVsU2VsZWN0ZWQsIHRoZW1lIH0pID0+XG4gICAgYWN0aXZlUGFuZWxTZWxlY3RlZCA/IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXSA6IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kfTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuICBAbWVkaWEgKG1pbi13aWR0aDogNDgwcHgpIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG4gIH1cblxuICAvLyBhdCB0aGlzIGJyZWFrcG9pbnQgdGhlIG1lbnUgYmVjb21lcyBhIGRyb3Bkb3duXG4gIEBtZWRpYSAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgICB3aWR0aDogY2FsYygxMDBkdncgLSAxMXJlbSk7XG4gICAgbWF4LXdpZHRoOiBjYWxjKDE0NDBweCAtIDExcmVtKTtcbiAgICBtYXgtaGVpZ2h0OiA4NXZoO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU2Nyb2xsYWJsZUNvbnRlbnQgPSBzdHlsZWQoQm94KWBcbiAgZmxleDogMTtcbiAgb3ZlcmZsb3cteTogYXV0bztcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiAxNnB4O1xuXG4gIC8qIEN1c3RvbSBzY3JvbGxiYXIgc3R5bGluZyB0byBtYWludGFpbiBib3JkZXItcmFkaXVzICovXG4gICY6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICB3aWR0aDogOHB4O1xuICB9XG5cbiAgJjo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2sge1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIGJvcmRlci1yYWRpdXM6IDAgMTZweCAxNnB4IDA7XG4gIH1cblxuICAmOjotd2Via2l0LXNjcm9sbGJhci10aHVtYiB7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2dyYXktMzAwJ119O1xuICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICBib3JkZXI6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICBiYWNrZ3JvdW5kLWNsaXA6IGNvbnRlbnQtYm94O1xuICB9XG5cbiAgJjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWI6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydncmF5LTMwMCddfTtcbiAgICBiYWNrZ3JvdW5kLWNsaXA6IGNvbnRlbnQtYm94O1xuICAgIG9wYWNpdHk6IDAuODtcbiAgfVxuXG4gIC8qIEZvciBGaXJlZm94ICovXG4gIHNjcm9sbGJhci13aWR0aDogdGhpbjtcbiAgc2Nyb2xsYmFyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0zMDAnXX0gdHJhbnNwYXJlbnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2VGFiQ29udGFpbmVyID0gc3R5bGVkKEdyaWRCb3gpYFxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDI5N3B4IDMycHggMWZyO1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA3NjdweCkge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogNjRweCAxZnIgMWZyO1xuICB9XG4gIEBtZWRpYSAobWF4LXdpZHRoOiA0NzlweCkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBHcmFkaWVudEJhY2tncm91bmQgPSBzdHlsZWQoQm94KWBcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIDE4MGRlZyxcbiAgICByZ2JhKDAsIDAsIDAsIDApIDcuNjUlLFxuICAgIHJnYmEoMCwgMCwgMCwgMC4xNSkgMTAwJVxuICApO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNtYWxsTWVudUJ1dHRvbiA9IHN0eWxlZC5idXR0b248eyBpbmRleDogbnVtYmVyIH0+YFxuICBncmlkLWNvbHVtbjogMTtcbiAgZ3JpZC1yb3c6ICR7KHsgaW5kZXggfSkgPT4gaW5kZXggKyAxfTtcbiAgcGFkZGluZzogMTZweDtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnRleHR9O1xuICB3aWR0aDogMTAwJTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE92ZXJmbG93VGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmF2VGFiUGFuZWwgPSBzdHlsZWQoQm94KTx7XG4gIGlzRmlyc3Q6IGJvb2xlYW47XG59PmBcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0ZpcnN0IH0pID0+IChpc0ZpcnN0ID8gJzAgOHB4IDhweCA4cHgnIDogJzhweCcpfTtcblxuICBAbWVkaWEgKG1heC13aWR0aDogMTIwMHB4KSB7XG4gICAgYm9yZGVyLXJhZGl1czogOHB4O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2aWdhdGlvbkJ1dHRvbiA9IHN0eWxlZC5idXR0b248e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbn0+YFxuICBncmlkLWNvbHVtbjogMTtcbiAgcGFkZGluZzogMTZweDtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICc4cHggMCAwIDhweCcgOiAnOHB4Jyl9O1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLnByaW1hcnkgOiB0aGVtZS5jb2xvcnMudGV4dH07XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIHdpZHRoOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICcxMDAlJyA6ICdjYWxjKDEwMCUgLSA4cHgpJyl9O1xuICBoZWlnaHQ6IDYwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyBpc0FjdGl2ZSwgdGhlbWUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcbiAgcGFkZGluZy1yaWdodDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnMjRweCcgOiAnMTZweCcpfTtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9yc1snbmF2eS0xMDAnXX07XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnl9O1xuICB9XG5cbiAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+XG4gICAgICBpc0FjdGl2ZSA/ICdub25lJyA6IGAwIDAgMCAycHggJHt0aGVtZS5jb2xvcnMucHJpbWFyeX1gfTtcbiAgfVxuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA3NjdweCkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZJY29uQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkKEJveCk8e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbn0+YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICc4cHggMCAwIDhweCcgOiAnOHB4Jyl9O1xuXG4gIGdyaWQtY29sdW1uOiAxO1xuICBwYWRkaW5nOiA4cHg7XG5cbiAgJjpmb2N1cyB7XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgICBib3JkZXItd2lkdGg6IDJweDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdkljb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbilgXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMgc3ZnIHtcbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMge1xuICAgICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */"));
+export const NavIconButtonContainer = /*#__PURE__*/_styled(Box, {
+  target: "e2xtrjc1",
+  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;padding:8px;&:focus{border-color:", ({
+  theme
+}) => theme.colors.primary, ";border-width:2px;border-style:solid;border-radius:8px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0pFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEdyaWRCb3gsIEljb25CdXR0b24sIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWN0aW9uID0gc3R5bGVkKEJveCk8eyBhY3RpdmVQYW5lbFNlbGVjdGVkOiBib29sZWFuIH0+YFxuICB3aWR0aDogMTAwJTtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYm9yZGVyLXRlcnRpYXJ5J119O1xuICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGFjdGl2ZVBhbmVsU2VsZWN0ZWQsIHRoZW1lIH0pID0+XG4gICAgYWN0aXZlUGFuZWxTZWxlY3RlZCA/IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXSA6IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kfTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuICBAbWVkaWEgKG1pbi13aWR0aDogNDgwcHgpIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG4gIH1cblxuICAvLyBhdCB0aGlzIGJyZWFrcG9pbnQgdGhlIG1lbnUgYmVjb21lcyBhIGRyb3Bkb3duXG4gIEBtZWRpYSAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgICB3aWR0aDogY2FsYygxMDBkdncgLSAxMXJlbSk7XG4gICAgbWF4LXdpZHRoOiBjYWxjKDE0NDBweCAtIDExcmVtKTtcbiAgICBtYXgtaGVpZ2h0OiA4NXZoO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU2Nyb2xsYWJsZUNvbnRlbnQgPSBzdHlsZWQoQm94KWBcbiAgZmxleDogMTtcbiAgb3ZlcmZsb3cteTogYXV0bztcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiAxNnB4O1xuXG4gIC8qIEN1c3RvbSBzY3JvbGxiYXIgc3R5bGluZyB0byBtYWludGFpbiBib3JkZXItcmFkaXVzICovXG4gICY6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICB3aWR0aDogOHB4O1xuICB9XG5cbiAgJjo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2sge1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIGJvcmRlci1yYWRpdXM6IDAgMTZweCAxNnB4IDA7XG4gIH1cblxuICAmOjotd2Via2l0LXNjcm9sbGJhci10aHVtYiB7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2dyYXktMzAwJ119O1xuICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICBib3JkZXI6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICBiYWNrZ3JvdW5kLWNsaXA6IGNvbnRlbnQtYm94O1xuICB9XG5cbiAgJjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWI6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydncmF5LTMwMCddfTtcbiAgICBiYWNrZ3JvdW5kLWNsaXA6IGNvbnRlbnQtYm94O1xuICAgIG9wYWNpdHk6IDAuODtcbiAgfVxuXG4gIC8qIEZvciBGaXJlZm94ICovXG4gIHNjcm9sbGJhci13aWR0aDogdGhpbjtcbiAgc2Nyb2xsYmFyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0zMDAnXX0gdHJhbnNwYXJlbnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2VGFiQ29udGFpbmVyID0gc3R5bGVkKEdyaWRCb3gpYFxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDI5N3B4IDMycHggMWZyO1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA3NjdweCkge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogNjRweCAxZnIgMWZyO1xuICB9XG4gIEBtZWRpYSAobWF4LXdpZHRoOiA0NzlweCkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBHcmFkaWVudEJhY2tncm91bmQgPSBzdHlsZWQoQm94KWBcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIDE4MGRlZyxcbiAgICByZ2JhKDAsIDAsIDAsIDApIDcuNjUlLFxuICAgIHJnYmEoMCwgMCwgMCwgMC4xNSkgMTAwJVxuICApO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNtYWxsTWVudUJ1dHRvbiA9IHN0eWxlZC5idXR0b248eyBpbmRleDogbnVtYmVyIH0+YFxuICBncmlkLWNvbHVtbjogMTtcbiAgZ3JpZC1yb3c6ICR7KHsgaW5kZXggfSkgPT4gaW5kZXggKyAxfTtcbiAgcGFkZGluZzogMTZweDtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnRleHR9O1xuICB3aWR0aDogMTAwJTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE92ZXJmbG93VGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmF2VGFiUGFuZWwgPSBzdHlsZWQoQm94KTx7XG4gIGlzRmlyc3Q6IGJvb2xlYW47XG59PmBcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0ZpcnN0IH0pID0+IChpc0ZpcnN0ID8gJzAgOHB4IDhweCA4cHgnIDogJzhweCcpfTtcblxuICBAbWVkaWEgKG1heC13aWR0aDogMTIwMHB4KSB7XG4gICAgYm9yZGVyLXJhZGl1czogOHB4O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2aWdhdGlvbkJ1dHRvbiA9IHN0eWxlZC5idXR0b248e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbn0+YFxuICBncmlkLWNvbHVtbjogMTtcbiAgcGFkZGluZzogMTZweDtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICc4cHggMCAwIDhweCcgOiAnOHB4Jyl9O1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLnByaW1hcnkgOiB0aGVtZS5jb2xvcnMudGV4dH07XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIHdpZHRoOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICcxMDAlJyA6ICdjYWxjKDEwMCUgLSA4cHgpJyl9O1xuICBoZWlnaHQ6IDYwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyBpc0FjdGl2ZSwgdGhlbWUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcbiAgcGFkZGluZy1yaWdodDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnMjRweCcgOiAnMTZweCcpfTtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9yc1snbmF2eS0xMDAnXX07XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnl9O1xuICB9XG5cbiAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+XG4gICAgICBpc0FjdGl2ZSA/ICdub25lJyA6IGAwIDAgMCAycHggJHt0aGVtZS5jb2xvcnMucHJpbWFyeX1gfTtcbiAgfVxuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA3NjdweCkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZJY29uQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkKEJveCk8e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbn0+YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICc4cHggMCAwIDhweCcgOiAnOHB4Jyl9O1xuXG4gIGdyaWQtY29sdW1uOiAxO1xuICBwYWRkaW5nOiA4cHg7XG5cbiAgJjpmb2N1cyB7XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgICBib3JkZXItd2lkdGg6IDJweDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdkljb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbilgXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMgc3ZnIHtcbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMge1xuICAgICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */"));
+export const NavIconButton = /*#__PURE__*/_styled(IconButton, {
+  target: "e2xtrjc0",
+  label: "NavIconButton"
+})("&:hover,&:focus svg{&:hover,&:focus{color:", ({
+  theme
+}) => theme.colors.primary, ";background-color:", ({
+  theme
+}) => theme.colors['navy-100'], ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0srQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlclNlY3Rpb24vZWxlbWVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBHcmlkQm94LCBJY29uQnV0dG9uLCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZChCb3gpPHsgYWN0aXZlUGFuZWxTZWxlY3RlZDogYm9vbGVhbiB9PmBcbiAgd2lkdGg6IDEwMCU7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JvcmRlci10ZXJ0aWFyeSddfTtcbiAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyBhY3RpdmVQYW5lbFNlbGVjdGVkLCB0aGVtZSB9KSA9PlxuICAgIGFjdGl2ZVBhbmVsU2VsZWN0ZWQgPyB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ10gOiB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgQG1lZGlhIChtaW4td2lkdGg6IDQ4MHB4KSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuICB9XG5cbiAgLy8gYXQgdGhpcyBicmVha3BvaW50IHRoZSBtZW51IGJlY29tZXMgYSBkcm9wZG93blxuICBAbWVkaWEgKG1pbi13aWR0aDogMTIwMHB4KSB7XG4gICAgd2lkdGg6IGNhbGMoMTAwZHZ3IC0gMTFyZW0pO1xuICAgIG1heC13aWR0aDogY2FsYygxNDQwcHggLSAxMXJlbSk7XG4gICAgbWF4LWhlaWdodDogODV2aDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFNjcm9sbGFibGVDb250ZW50ID0gc3R5bGVkKEJveClgXG4gIGZsZXg6IDE7XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogMTZweDtcblxuICAvKiBDdXN0b20gc2Nyb2xsYmFyIHN0eWxpbmcgdG8gbWFpbnRhaW4gYm9yZGVyLXJhZGl1cyAqL1xuICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgd2lkdGg6IDhweDtcbiAgfVxuXG4gICY6Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNrIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItcmFkaXVzOiAwIDE2cHggMTZweCAwO1xuICB9XG5cbiAgJjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydncmF5LTMwMCddfTtcbiAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgYm9yZGVyOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgYmFja2dyb3VuZC1jbGlwOiBjb250ZW50LWJveDtcbiAgfVxuXG4gICY6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0zMDAnXX07XG4gICAgYmFja2dyb3VuZC1jbGlwOiBjb250ZW50LWJveDtcbiAgICBvcGFjaXR5OiAwLjg7XG4gIH1cblxuICAvKiBGb3IgRmlyZWZveCAqL1xuICBzY3JvbGxiYXItd2lkdGg6IHRoaW47XG4gIHNjcm9sbGJhci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2dyYXktMzAwJ119IHRyYW5zcGFyZW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdlRhYkNvbnRhaW5lciA9IHN0eWxlZChHcmlkQm94KWBcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAyOTdweCAzMnB4IDFmcjtcblxuICBAbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDY0cHggMWZyIDFmcjtcbiAgfVxuICBAbWVkaWEgKG1heC13aWR0aDogNDc5cHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JhZGllbnRCYWNrZ3JvdW5kID0gc3R5bGVkKEJveClgXG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAxODBkZWcsXG4gICAgcmdiYSgwLCAwLCAwLCAwKSA3LjY1JSxcbiAgICByZ2JhKDAsIDAsIDAsIDAuMTUpIDEwMCVcbiAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTbWFsbE1lbnVCdXR0b24gPSBzdHlsZWQuYnV0dG9uPHsgaW5kZXg6IG51bWJlciB9PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIGdyaWQtcm93OiAkeyh7IGluZGV4IH0pID0+IGluZGV4ICsgMX07XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgd2lkdGg6IDEwMCU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBPdmVyZmxvd1RleHQgPSBzdHlsZWQoVGV4dClgXG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5hdlRhYlBhbmVsID0gc3R5bGVkKEJveCk8e1xuICBpc0ZpcnN0OiBib29sZWFuO1xufT5gXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNGaXJzdCB9KSA9PiAoaXNGaXJzdCA/ICcwIDhweCA4cHggOHB4JyA6ICc4cHgnKX07XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEyMDBweCkge1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRpb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG59PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5wcmltYXJ5IDogdGhlbWUuY29sb3JzLnRleHR9O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB3aWR0aDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnMTAwJScgOiAnY2FsYygxMDAlIC0gOHB4KScpfTtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgaXNBY3RpdmUsIHRoZW1lIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG4gIHBhZGRpbmctcmlnaHQ6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzI0cHgnIDogJzE2cHgnKX07XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgICAgaXNBY3RpdmUgPyAnbm9uZScgOiBgMCAwIDAgMnB4ICR7dGhlbWUuY29sb3JzLnByaW1hcnl9YH07XG4gIH1cblxuICBAbWVkaWEgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2SWNvbkJ1dHRvbkNvbnRhaW5lciA9IHN0eWxlZChCb3gpPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG59PmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcblxuICBncmlkLWNvbHVtbjogMTtcbiAgcGFkZGluZzogOHB4O1xuXG4gICY6Zm9jdXMge1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gICAgYm9yZGVyLXdpZHRoOiAycHg7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZJY29uQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b24pYFxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHN2ZyB7XG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzIHtcbiAgICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */"));

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

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

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

@@ -0,0 +1,145 @@
+import { Box } from '@codecademy/gamut';
+import { motion } from 'framer-motion';
+import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
+import { useGlobalHeaderDynamicDataContext, useGlobalHeaderItemClick } from '../../../GlobalHeader/context';
+import { AppHeaderSectionContext } from './AppHeaderSectionContext';
+import { NavTabContainer, ScrollableContent, StyledSection } from './elements';
+import { MobileBackButton } from './MobileBackButton';
+import { MobileNavMenu } from './MobileNavMenu';
+import { NavTab, NavTabList, NavTabPanel } from './NavTabs';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const AppHeaderSection = /*#__PURE__*/forwardRef(({
+  isOpen = true,
+  MarketingBanner,
+  isMobile = false,
+  handleClose,
+  type,
+  defaultSelectedKey,
+  navSections
+}, ref) => {
+  const firstTabId = navSections?.[0]?.item?.id;
+  const [activeTab, setActiveTab] = useState(defaultSelectedKey || firstTabId);
+  const [activePanel, setActivePanel] = useState(null);
+  const tabListRef = useRef(null);
+  const {
+    globalHeaderDynamicData
+  } = useGlobalHeaderDynamicDataContext();
+  const {
+    globalHeaderItemClick
+  } = useGlobalHeaderItemClick();
+  const banner = globalHeaderDynamicData?.catalogDropdown?.banner;
+  const showMarketingBanner = banner?.text && banner?.href && MarketingBanner;
+  const tabIndex = isOpen ? 0 : -1;
+  const activePanelSelected = activePanel !== null;
+  const onSelect = useCallback((key, event, item) => {
+    setActiveTab(key);
+    if (item && event) {
+      globalHeaderItemClick(event, item);
+    }
+  }, [setActiveTab, globalHeaderItemClick]);
+  const onKeyDown = useCallback(event => {
+    if (!tabListRef.current) return;
+
+    // get list of tabs available
+    const tabs = Array.from(tabListRef.current?.querySelectorAll('button[role="tab"]') || []);
+    // get the index of the active tab
+    const activeElement = tabs.indexOf(document.activeElement);
+    if (['ArrowUp', 'ArrowLeft'].includes(event.key)) {
+      // prevent scrollbar from moving when arrow keys are pressed on tabs
+      event.preventDefault();
+      const prevTab = tabs[activeElement - 1];
+      if (prevTab) {
+        prevTab.focus();
+      } else {
+        // focus the last tab
+        tabs[tabs.length - 1].focus();
+      }
+    }
+    if (['ArrowDown', 'ArrowRight'].includes(event.key)) {
+      // prevent scrollbar from moving when arrow keys are pressed on tabs
+      event.preventDefault();
+      const nextTab = tabs[activeElement + 1];
+      if (nextTab) {
+        nextTab.focus();
+      } else {
+        // focus the first tab
+        tabs[0].focus();
+      }
+    }
+  }, []);
+  useEffect(() => {
+    if (!isOpen) {
+      setActiveTab(firstTabId);
+    }
+  }, [isOpen, firstTabId]);
+  return /*#__PURE__*/_jsx(AppHeaderSectionContext.Provider, {
+    value: {
+      activePanel,
+      setActivePanel,
+      tabIndex
+    },
+    children: /*#__PURE__*/_jsx(StyledSection, {
+      ref: ref,
+      activePanelSelected: activePanelSelected,
+      children: /*#__PURE__*/_jsxs(ScrollableContent, {
+        children: [showMarketingBanner && /*#__PURE__*/_jsx(Box, {
+          display: {
+            _: activePanelSelected ? 'block' : 'none',
+            xs: 'block'
+          },
+          children: /*#__PURE__*/_jsx(MarketingBanner, {
+            source: type === 'catalog-dropdown' ? 'catalog' : 'resources',
+            text: banner?.text,
+            href: banner?.href,
+            tabIndex: tabIndex
+          })
+        }), /*#__PURE__*/_jsxs(NavTabContainer, {
+          p: 8,
+          rowGap: 8,
+          children: [isMobile && /*#__PURE__*/_jsx(MobileBackButton, {
+            handleClose: handleClose,
+            type: type
+          }), /*#__PURE__*/_jsx(NavTabList, {
+            type: type,
+            ref: tabListRef,
+            children: navSections.map(({
+              item
+            }, index) => /*#__PURE__*/_jsx(NavTab, {
+              item: item,
+              onSelect: onSelect,
+              isActive: activeTab === item.id,
+              onKeyDown: onKeyDown,
+              index: index
+            }, item.id))
+          }), navSections.map((section, index) => {
+            const {
+              item: {
+                id
+              },
+              panel: Panel
+            } = section;
+            return /*#__PURE__*/_jsx(NavTabPanel, {
+              index: index,
+              isActiveTab: activeTab === id,
+              id: id,
+              children: /*#__PURE__*/_jsx(motion.div, {
+                animate: {
+                  opacity: activeTab === id ? 1 : 0
+                },
+                transition: {
+                  duration: 0.4,
+                  ease: 'easeInOut'
+                },
+                children: /*#__PURE__*/_jsx(Panel, {})
+              })
+            }, id);
+          })]
+        }), /*#__PURE__*/_jsx(MobileNavMenu, {
+          handleClose: handleClose,
+          type: type,
+          navSections: navSections
+        })]
+      })
+    })
+  });
+});

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

@@ -0,0 +1,6 @@
+import { AppHeaderLinkItem } from '../../shared';
+interface SkillTileProps {
+    item: AppHeaderLinkItem;
+}
+export declare const SkillTile: React.FC<SkillTileProps>;
+export {};

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

@@ -0,0 +1,65 @@
+import _styled from "@emotion/styled/base";
+import { Anchor, FlexBox, Text } from '@codecademy/gamut';
+import { css, theme } from '@codecademy/gamut-styles';
+import { useGlobalHeaderItemClick } from '../../../GlobalHeader/context';
+import { useAppHeaderDropdownContext } from '../AppHeaderDropdownProvider';
+import { useAppHeaderSectionContext } from '../AppHeaderSection/AppHeaderSectionContext';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SkillAnchor = /*#__PURE__*/_styled(Anchor, {
+  target: "e1t5ouwe0",
+  label: "SkillAnchor"
+})(css({
+  backgroundColor: theme.colors.background,
+  borderColor: theme.colors['border-tertiary'],
+  borderRadius: 'lg',
+  border: 1,
+  '&:hover, &:focus': {
+    borderColor: theme.colors.primary,
+    background: theme.colors['navy-100']
+  },
+  '&:active': {
+    borderColor: theme.colors.primary,
+    background: theme.colors['navy-200']
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2tpbGxUaWxlL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhb0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJTa2lsbFRpbGUvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBGbGV4Qm94LCBUZXh0LCBUZXh0UHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBjc3MsIHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuaW1wb3J0IHsgQXBwSGVhZGVyTGlua0l0ZW0gfSBmcm9tICcuLi8uLi9zaGFyZWQnO1xuaW1wb3J0IHsgdXNlQXBwSGVhZGVyRHJvcGRvd25Db250ZXh0IH0gZnJvbSAnLi4vQXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlcic7XG5pbXBvcnQgeyB1c2VBcHBIZWFkZXJTZWN0aW9uQ29udGV4dCB9IGZyb20gJy4uL0FwcEhlYWRlclNlY3Rpb24vQXBwSGVhZGVyU2VjdGlvbkNvbnRleHQnO1xuXG5pbnRlcmZhY2UgU2tpbGxUaWxlUHJvcHMge1xuICBpdGVtOiBBcHBIZWFkZXJMaW5rSXRlbTtcbn1cblxuY29uc3QgU2tpbGxBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kLFxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS5jb2xvcnNbJ2JvcmRlci10ZXJ0aWFyeSddIGFzIFRleHRQcm9wc1snY29sb3InXSxcbiAgICBib3JkZXJSYWRpdXM6ICdsZycsXG4gICAgYm9yZGVyOiAxLFxuICAgICcmOmhvdmVyLCAmOmZvY3VzJzoge1xuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLmNvbG9ycy5wcmltYXJ5IGFzIFRleHRQcm9wc1snY29sb3InXSxcbiAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9yc1snbmF2eS0xMDAnXSxcbiAgICB9LFxuICAgICcmOmFjdGl2ZSc6IHtcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS5jb2xvcnMucHJpbWFyeSBhcyBUZXh0UHJvcHNbJ2NvbG9yJ10sXG4gICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnNbJ25hdnktMjAwJ10sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTa2lsbFRpbGU6IFJlYWN0LkZDPFNraWxsVGlsZVByb3BzPiA9ICh7IGl0ZW0gfSkgPT4ge1xuICBjb25zdCB7IGhyZWYsIHRleHQsIGljb246IEljb24gfSA9IGl0ZW07XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcbiAgY29uc3QgeyBoYW5kbGVDbG9zZSB9ID0gdXNlQXBwSGVhZGVyRHJvcGRvd25Db250ZXh0KCk7XG4gIGNvbnN0IHsgdGFiSW5kZXggfSA9IHVzZUFwcEhlYWRlclNlY3Rpb25Db250ZXh0KCk7XG5cbiAgcmV0dXJuIChcbiAgICA8U2tpbGxBbmNob3JcbiAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEFuY2hvckVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PiB7XG4gICAgICAgIGdsb2JhbEhlYWRlckl0ZW1DbGljayhldmVudCwgaXRlbSk7XG4gICAgICAgIGhhbmRsZUNsb3NlKCk7XG4gICAgICB9fVxuICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgID5cbiAgICAgIDxGbGV4Qm94IHB5PXs4fSBweD17MTZ9IGhlaWdodD17NDh9IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAge0ljb24gJiYgPEljb24gc2l6ZT17MjR9IC8+fVxuICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1iYXNlXCIgcGw9ezE2fT5cbiAgICAgICAgICB7dGV4dH1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvU2tpbGxBbmNob3I+XG4gICk7XG59O1xuIl19 */");
+export const SkillTile = ({
+  item
+}) => {
+  const {
+    href,
+    text,
+    icon: Icon
+  } = item;
+  const {
+    globalHeaderItemClick
+  } = useGlobalHeaderItemClick();
+  const {
+    handleClose
+  } = useAppHeaderDropdownContext();
+  const {
+    tabIndex
+  } = useAppHeaderSectionContext();
+  return /*#__PURE__*/_jsx(SkillAnchor, {
+    href: href,
+    onClick: event => {
+      globalHeaderItemClick(event, item);
+      handleClose();
+    },
+    variant: "interface",
+    width: "100%",
+    tabIndex: tabIndex,
+    children: /*#__PURE__*/_jsxs(FlexBox, {
+      py: 8,
+      px: 16,
+      height: 48,
+      alignItems: "center",
+      children: [Icon && /*#__PURE__*/_jsx(Icon, {
+        size: 24
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "p-base",
+        pl: 16,
+        children: text
+      })]
+    })
+  });
+};

package/dist/AppHeader/Search/DefaultResults.d.ts

@@ -0,0 +1,10 @@
+interface PopularSearchesProps {
+    navigateToSearch: (searchTerm: string) => void;
+    onTrackingClick: (target: string, extraTrackingProps?: Record<string, string>) => void;
+}
+export declare const PopularSearches: React.FC<PopularSearchesProps>;
+interface PopularContentProps {
+    onTrackingClick: (target: string, extraTrackingProps?: Record<string, string>) => void;
+}
+export declare const PopularContent: React.FC<PopularContentProps>;
+export {};

package/dist/AppHeader/Search/DefaultResults.js

@@ -0,0 +1,112 @@
+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 { Badge, Box, FlexBox, MenuItem, Text } from '@codecademy/gamut';
+import { theme } from '@codecademy/gamut-styles';
+import { popularContent, popularSearchTerms } from './consts';
+import { SemiboldSearchIcon } from './SearchPane';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const StyledMenuItem = /*#__PURE__*/_styled(MenuItem, {
+  target: "e1fvfd3x0",
+  label: "StyledMenuItem"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1cskijm",
+  styles: "&:focus-visible:after{left:-4px;}padding:8px 0"
+} : {
+  name: "1cskijm",
+  styles: "&:focus-visible:after{left:-4px;}padding:8px 0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvU2VhcmNoL0RlZmF1bHRSZXN1bHRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPdUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9TZWFyY2gvRGVmYXVsdFJlc3VsdHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmFkZ2UsIEJveCwgRmxleEJveCwgTWVudUl0ZW0sIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHBvcHVsYXJDb250ZW50LCBwb3B1bGFyU2VhcmNoVGVybXMgfSBmcm9tICcuL2NvbnN0cyc7XG5pbXBvcnQgeyBTZW1pYm9sZFNlYXJjaEljb24gfSBmcm9tICcuL1NlYXJjaFBhbmUnO1xuXG5jb25zdCBTdHlsZWRNZW51SXRlbSA9IHN0eWxlZChNZW51SXRlbSlgXG4gICY6Zm9jdXMtdmlzaWJsZTphZnRlciB7XG4gICAgbGVmdDogLTRweDtcbiAgfVxuICBwYWRkaW5nOiA4cHggMDtcbmA7XG5cbmludGVyZmFjZSBQb3B1bGFyU2VhcmNoZXNQcm9wcyB7XG4gIG5hdmlnYXRlVG9TZWFyY2g6IChzZWFyY2hUZXJtOiBzdHJpbmcpID0+IHZvaWQ7XG4gIG9uVHJhY2tpbmdDbGljazogKFxuICAgIHRhcmdldDogc3RyaW5nLFxuICAgIGV4dHJhVHJhY2tpbmdQcm9wcz86IFJlY29yZDxzdHJpbmcsIHN0cmluZz5cbiAgKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgUG9wdWxhclNlYXJjaGVzOiBSZWFjdC5GQzxQb3B1bGFyU2VhcmNoZXNQcm9wcz4gPSAoe1xuICBuYXZpZ2F0ZVRvU2VhcmNoLFxuICBvblRyYWNraW5nQ2xpY2ssXG59KSA9PiB7XG4gIGNvbnN0IGlzTW9iaWxlID0gdGhlbWUuYnJlYWtwb2ludHMueHMgfHwgdGhlbWUuYnJlYWtwb2ludHMuc207XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IG1iPXsyNH0gYXM9XCJsaVwiPlxuICAgICAgPFRleHQgYXM9XCJoMlwiIHZhcmlhbnQ9XCJ0aXRsZS14c1wiIG1iPXsxMn0+XG4gICAgICAgIFBvcHVsYXIgc2VhcmNoZXNcbiAgICAgIDwvVGV4dD5cbiAgICAgIDxGbGV4Qm94IGFzPVwidWxcIiBsaXN0U3R5bGU9XCJub25lXCIgcD17MH0gZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICB7cG9wdWxhclNlYXJjaFRlcm1zLm1hcCgodGVybSwgaSkgPT4gKFxuICAgICAgICAgIDxTdHlsZWRNZW51SXRlbVxuICAgICAgICAgICAgaXRlbVR5cGU9XCJsaW5rXCJcbiAgICAgICAgICAgIGtleT17dGVybX1cbiAgICAgICAgICAgIGlkPXt0ZXJtfVxuICAgICAgICAgICAgaHJlZj17YC9zZWFyY2g/cXVlcnk9JHtlbmNvZGVVUklDb21wb25lbnQodGVybSl9YH1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgbmF2aWdhdGVUb1NlYXJjaCh0ZXJtKTtcbiAgICAgICAgICAgICAgb25UcmFja2luZ0NsaWNrKCdwb3B1bGFyX3NlYXJjaF90ZXJtJywge1xuICAgICAgICAgICAgICAgIG1pc2M6IEpTT04uc3RyaW5naWZ5KHtcbiAgICAgICAgICAgICAgICAgIHZhbHVlOiB0ZXJtLnRvTG93ZXJDYXNlKCksXG4gICAgICAgICAgICAgICAgICBpbmRleDogaSxcbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgcGw9ezB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFNlbWlib2xkU2VhcmNoSWNvbiBtYj17MiBhcyAwfSBzaXplPXsxNH0gc3Ryb2tlV2lkdGg9ezh9IC8+XG4gICAgICAgICAgICA8VGV4dCB2YXJpYW50PXtpc01vYmlsZSA/ICdwLWJhc2UnIDogJ3AtbGFyZ2UnfSBtbD17MTJ9PlxuICAgICAgICAgICAgICB7dGVybX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8L1N0eWxlZE1lbnVJdGVtPlxuICAgICAgICApKX1cbiAgICAgIDwvRmxleEJveD5cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBQb3B1bGFyQ29udGVudFByb3BzIHtcbiAgb25UcmFja2luZ0NsaWNrOiAoXG4gICAgdGFyZ2V0OiBzdHJpbmcsXG4gICAgZXh0cmFUcmFja2luZ1Byb3BzPzogUmVjb3JkPHN0cmluZywgc3RyaW5nPlxuICApID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBQb3B1bGFyQ29udGVudDogUmVhY3QuRkM8UG9wdWxhckNvbnRlbnRQcm9wcz4gPSAoe1xuICBvblRyYWNraW5nQ2xpY2ssXG59KSA9PiB7XG4gIGNvbnN0IGlzTW9iaWxlID0gdGhlbWUuYnJlYWtwb2ludHMueHMgfHwgdGhlbWUuYnJlYWtwb2ludHMuc207XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IG1iPXsyNH0gYXM9XCJsaVwiPlxuICAgICAgPFRleHQgYXM9XCJoMlwiIHZhcmlhbnQ9XCJ0aXRsZS14c1wiIG1iPXsxMn0+XG4gICAgICAgIFdoYXQgb3VyIG1lbWJlcnMgYXJlIGxlYXJuaW5nXG4gICAgICA8L1RleHQ+XG4gICAgICA8RmxleEJveCBhcz1cInVsXCIgbGlzdFN0eWxlPVwibm9uZVwiIHA9ezB9IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgICAge3BvcHVsYXJDb250ZW50Lm1hcCgoYywgaSkgPT4gKFxuICAgICAgICAgIDxTdHlsZWRNZW51SXRlbVxuICAgICAgICAgICAgaXRlbVR5cGU9XCJsaW5rXCJcbiAgICAgICAgICAgIGtleT17Yy50aXRsZX1cbiAgICAgICAgICAgIGhyZWY9e2MuaHJlZn1cbiAgICAgICAgICAgIHBsPXswfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT5cbiAgICAgICAgICAgICAgb25UcmFja2luZ0NsaWNrKCdwb3B1bGFyX2NvbnRlbnQnLCB7XG4gICAgICAgICAgICAgICAgc2x1ZzogYy5zbHVnLFxuICAgICAgICAgICAgICAgIC4uLihjLmNvbnRlbnRJZCA/IHsgY29udGVudF9pZDogYy5jb250ZW50SWQgfSA6IHt9KSxcbiAgICAgICAgICAgICAgICBtaXNjOiBKU09OLnN0cmluZ2lmeSh7XG4gICAgICAgICAgICAgICAgICBjb250ZW50X3R5cGU6IGMudHlwZS50b0xvd2VyQ2FzZSgpLFxuICAgICAgICAgICAgICAgICAgaW5kZXg6IGksXG4gICAgICAgICAgICAgICAgICBocmVmOiBjLmhyZWYsXG4gICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj1cInJvd1wiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAgPFRleHQgdmFyaWFudD17aXNNb2JpbGUgPyAncC1iYXNlJyA6ICdwLWxhcmdlJ30gbXI9ezEyfT5cbiAgICAgICAgICAgICAgICB7Yy50aXRsZX1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8QmFkZ2Ugc2l6ZT1cInNtXCIgdmFyaWFudD1cInRlcnRpYXJ5XCI+XG4gICAgICAgICAgICAgICAge2MudHlwZX1cbiAgICAgICAgICAgICAgPC9CYWRnZT5cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8L1N0eWxlZE1lbnVJdGVtPlxuICAgICAgICApKX1cbiAgICAgIDwvRmxleEJveD5cbiAgICA8L0JveD5cbiAgKTtcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const PopularSearches = ({
+  navigateToSearch,
+  onTrackingClick
+}) => {
+  const isMobile = theme.breakpoints.xs || theme.breakpoints.sm;
+  return /*#__PURE__*/_jsxs(Box, {
+    mb: 24,
+    as: "li",
+    children: [/*#__PURE__*/_jsx(Text, {
+      as: "h2",
+      variant: "title-xs",
+      mb: 12,
+      children: "Popular searches"
+    }), /*#__PURE__*/_jsx(FlexBox, {
+      as: "ul",
+      listStyle: "none",
+      p: 0,
+      flexDirection: "column",
+      children: popularSearchTerms.map((term, i) => /*#__PURE__*/_jsxs(StyledMenuItem, {
+        itemType: "link",
+        id: term,
+        href: `/search?query=${encodeURIComponent(term)}`,
+        onClick: () => {
+          navigateToSearch(term);
+          onTrackingClick('popular_search_term', {
+            misc: JSON.stringify({
+              value: term.toLowerCase(),
+              index: i
+            })
+          });
+        },
+        pl: 0,
+        children: [/*#__PURE__*/_jsx(SemiboldSearchIcon, {
+          mb: 2,
+          size: 14,
+          strokeWidth: 8
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: isMobile ? 'p-base' : 'p-large',
+          ml: 12,
+          children: term
+        })]
+      }, term))
+    })]
+  });
+};
+export const PopularContent = ({
+  onTrackingClick
+}) => {
+  const isMobile = theme.breakpoints.xs || theme.breakpoints.sm;
+  return /*#__PURE__*/_jsxs(Box, {
+    mb: 24,
+    as: "li",
+    children: [/*#__PURE__*/_jsx(Text, {
+      as: "h2",
+      variant: "title-xs",
+      mb: 12,
+      children: "What our members are learning"
+    }), /*#__PURE__*/_jsx(FlexBox, {
+      as: "ul",
+      listStyle: "none",
+      p: 0,
+      flexDirection: "column",
+      children: popularContent.map((c, i) => /*#__PURE__*/_jsx(StyledMenuItem, {
+        itemType: "link",
+        href: c.href,
+        pl: 0,
+        onClick: () => onTrackingClick('popular_content', {
+          slug: c.slug,
+          ...(c.contentId ? {
+            content_id: c.contentId
+          } : {}),
+          misc: JSON.stringify({
+            content_type: c.type.toLowerCase(),
+            index: i,
+            href: c.href
+          })
+        }),
+        children: /*#__PURE__*/_jsxs(FlexBox, {
+          flexDirection: "row",
+          alignItems: "center",
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: isMobile ? 'p-base' : 'p-large',
+            mr: 12,
+            children: c.title
+          }), /*#__PURE__*/_jsx(Badge, {
+            size: "sm",
+            variant: "tertiary",
+            children: c.type
+          })]
+        })
+      }, c.title))
+    })]
+  });
+};