@mycause/ui 0.0.0-cf96d552 → 0.0.1-cf96d552

package/dist/index.esm.js

@@ -9648,4 +9648,1162 @@ Uploader.propTypes = {
   })
 };
 
-export { Anchor, Avatar, BoldAnchor, Box, Button, ButtonSelect, Checkbox, Chip, Chips, ComboField, ComboFieldExpander, CommentSection, Cropper, DatePicker, DonationForm, Elevation, FieldHelperText, FieldLabel, Flex, Grid, HeartToggle, Icon, IconButton, IconButtonGroup, InputChips, List, Login, MENU_ANCHOR_CLASS, Menu, MenuList, ListDivider as MenuListDivider, MenuListItem, MenuListItemGraphic, ListItemMeta as MenuListItemMeta, MenuListItemText, MenuSurface, Modal, MyCauseTheme, Navigation, PhoneNumberInput, Radio, RadioGroup, Select, SelectHelperText, CustomSingleDatePicker as SingleDatePicker, Spinner, Stack, Statistics, Switch, Tabs, Text, TextField, HelperText as TextFieldHelperText, ThemeContext, ThemeProvider, Uploader, getColorToken, parseNationalPhoneNumber, useTheme };
+var cls = ".wrapper {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-evenly;\n  align-items: center;\n  padding: 20px;\n  background-color: #13362e;\n}\n.wrapper .image {\n  width: 100px;\n  height: 100px;\n  padding: 5px;\n}\n.wrapper .title {\n  padding: 5px;\n  font-weight: 700;\n  font-size: 20px;\n  line-height: 27px;\n  text-align: center;\n  color: white;\n}\n.wrapper .description {\n  color: #b9c3c1;\n  padding: 5px;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 25.6px;\n  text-align: center;\n}";
+
+var CampaignCard = function CampaignCard(_ref) {
+  var _ref$className = _ref.className,
+      className = _ref$className === void 0 ? "" : _ref$className,
+      imageURL = _ref.imageURL,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "" : _ref$description;
+  return React.createElement("div", {
+    className: classnames(cls.wrapper, className)
+  }, React.createElement("img", {
+    className: cls.image,
+    src: imageURL
+  }), React.createElement("div", {
+    className: cls.title
+  }, title), React.createElement("div", {
+    className: cls.description
+  }, description));
+};
+
+CampaignCard.propTypes = {
+  className: _pt.string,
+  imageURL: _pt.string,
+  title: _pt.string,
+  description: _pt.string
+};
+
+var cls$1 = ".wrapper {\n  width: 1140px;\n  height: 400px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  border-radius: 10px;\n}\n.wrapper .rightSide {\n  width: 570px;\n  height: 400px;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: space-around;\n  padding: 36px 38px 43px 46px;\n}\n.wrapper .rightSide .title {\n  font-weight: 500;\n  font-size: 20px;\n  line-height: 28px;\n  text-align: left;\n  color: black;\n}\n.wrapper .rightSide .description {\n  color: #6d6d6d;\n  font-weight: 500;\n  font-size: 15px;\n  line-height: 24px;\n  text-align: left;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  /* number of lines to show */\n  line-clamp: 3;\n  -webkit-box-orient: vertical;\n}\n.wrapper .rightSide .info {\n  width: 100%;\n  height: 52px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.wrapper .rightSide .info .item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.wrapper .rightSide .info .item_value {\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 28px;\n}\n.wrapper .rightSide .info .item_name {\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 22.4px;\n  color: #6d6d6d;\n}\n.wrapper .leftSide {\n  width: 570px;\n  height: 400px;\n  border-top-right-radius: 10px;\n  border-bottom-right-radius: 10px;\n}\n.wrapper .image {\n  max-width: 100%;\n  max-height: 100%;\n  border-bottom-left-radius: 10px;\n  border-top-left-radius: 10px;\n}\n\n@media all and (max-width: 1200px) {\n  .wrapper {\n    width: 937px;\n    height: 1193px;\n    flex-direction: column;\n  }\n  .wrapper .leftSide {\n    width: 100%;\n    height: 634px;\n  }\n  .wrapper .rightSide {\n    width: 100%;\n    height: 559px;\n    padding: 46px 52px 52px 56px;\n    border-bottom-left-radius: 10px;\n    border-bottom-right-radius: 10px;\n  }\n  .wrapper .rightSide .description {\n    -webkit-line-clamp: 6;\n    /* number of lines to show */\n    line-clamp: 6;\n  }\n  .wrapper .image {\n    border-top-right-radius: 10px;\n    border-top-left-radius: 10px;\n    border-bottom-left-radius: 0px;\n  }\n}\n@media all and (max-width: 992px) {\n  .wrapper {\n    width: 719px;\n    height: 1193px;\n    flex-direction: column;\n  }\n  .wrapper .leftSide {\n    width: 100%;\n    height: 634px;\n    display: flex;\n  }\n  .wrapper .rightSide {\n    width: 100%;\n    height: 559px;\n    padding: 46px 52px 52px 56px;\n    border-bottom-left-radius: 10px;\n    border-bottom-right-radius: 10px;\n  }\n  .wrapper .rightSide .description {\n    -webkit-line-clamp: 6;\n    /* number of lines to show */\n    line-clamp: 6;\n  }\n  .wrapper .image {\n    width: 100%;\n    max-width: 100%;\n    max-height: 100%;\n    border-top-right-radius: 10px;\n    border-top-left-radius: 10px;\n    border-bottom-left-radius: 0px;\n    object-fit: cover;\n  }\n}\n@media all and (max-width: 768px) {\n  .wrapper {\n    width: 432px;\n    height: 816px;\n    flex-direction: column;\n  }\n  .wrapper .leftSide {\n    width: 100%;\n    height: 247px;\n    display: flex;\n  }\n  .wrapper .rightSide {\n    width: 100%;\n    height: 569px;\n    padding: 27px 38px 38px 36px;\n    border-bottom-left-radius: 10px;\n    border-bottom-right-radius: 10px;\n  }\n  .wrapper .rightSide .description {\n    -webkit-line-clamp: 9;\n    /* number of lines to show */\n    line-clamp: 9;\n  }\n  .wrapper .image {\n    width: 100%;\n    max-width: 100%;\n    max-height: 100%;\n    border-top-right-radius: 10px;\n    border-top-left-radius: 10px;\n    border-bottom-left-radius: 0px;\n    object-fit: cover;\n  }\n}";
+
+var cls$2 = ".wrapper {\n  width: 100%;\n  height: auto;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  margin: 5px;\n}\n.wrapper .container {\n  background-color: #eeeeee;\n  border-radius: 999px;\n  width: 100%;\n  height: 18.23px;\n}\n.wrapper .bar {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 5px;\n  background-color: #41ccad;\n  height: 100%;\n  border-radius: 999px;\n  height: 18.16px;\n  text-align: right;\n}\n.wrapper .dot {\n  background-color: #2d8a75;\n  display: flex;\n  width: 6.37px;\n  height: 6.37px;\n  border-radius: 999px;\n}";
+
+var ProgressBar = function ProgressBar(_ref) {
+  var _ref$className = _ref.className,
+      className = _ref$className === void 0 ? "" : _ref$className,
+      _ref$completed = _ref.completed,
+      completed = _ref$completed === void 0 ? 0 : _ref$completed,
+      _ref$barColor = _ref.barColor,
+      barColor = _ref$barColor === void 0 ? "" : _ref$barColor;
+  return React.createElement("div", {
+    className: classnames(cls$2.wrapper, className)
+  }, React.createElement("div", {
+    className: cls$2.container
+  }, React.createElement("div", {
+    className: cls$2.bar,
+    style: {
+      width: "".concat(completed, "%"),
+      backgroundColor: "".concat(barColor)
+    }
+  }, React.createElement("span", {
+    className: cls$2.dot
+  }))));
+};
+
+ProgressBar.propTypes = {
+  className: _pt.string,
+  completed: _pt.number,
+  barColor: _pt.string
+};
+
+var CampaignOfMonth = function CampaignOfMonth(_ref) {
+  var _ref$className = _ref.className,
+      className = _ref$className === void 0 ? "" : _ref$className,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "" : _ref$description,
+      _ref$imageUrl = _ref.imageUrl,
+      imageUrl = _ref$imageUrl === void 0 ? "" : _ref$imageUrl,
+      _ref$rised = _ref.rised,
+      rised = _ref$rised === void 0 ? 0 : _ref$rised,
+      _ref$donation = _ref.donation,
+      donation = _ref$donation === void 0 ? 0 : _ref$donation,
+      _ref$goal = _ref.goal,
+      goal = _ref$goal === void 0 ? 0 : _ref$goal;
+  return React.createElement("div", {
+    className: classnames(cls$1.wrapper, className)
+  }, React.createElement("div", {
+    className: cls$1.leftSide
+  }, React.createElement("img", {
+    src: imageUrl,
+    className: cls$1.image
+  })), React.createElement("div", {
+    className: cls$1.rightSide
+  }, React.createElement("div", {
+    className: cls$1.title
+  }, title), React.createElement("div", {
+    className: cls$1.description
+  }, description), React.createElement(ProgressBar, {
+    completed: rised / goal * 100
+  }), React.createElement("div", {
+    className: cls$1.info
+  }, React.createElement("div", {
+    className: cls$1.section
+  }, React.createElement("div", {
+    className: cls$1.item_value
+  }, "$", rised), React.createElement("div", {
+    className: cls$1.item_name
+  }, "Raised")), React.createElement("div", {
+    className: cls$1.section
+  }, React.createElement("div", {
+    className: cls$1.item_value
+  }, "$", donation), React.createElement("div", {
+    className: cls$1.item_name
+  }, "Donation")), React.createElement("div", {
+    className: cls$1.section
+  }, React.createElement("div", {
+    className: cls$1.item_value
+  }, "$", goal), React.createElement("div", {
+    className: cls$1.item_name
+  }, "Goal"))), React.createElement(Button, {
+    raised: true,
+    display: true,
+    style: {
+      width: "100%",
+      backgroundColor: "#2D8A75",
+      color: "white",
+      height: "50px"
+    }
+  }, "Donate")));
+};
+
+CampaignOfMonth.propTypes = {
+  className: _pt.string,
+  title: _pt.string,
+  description: _pt.string,
+  imageUrl: _pt.string,
+  rised: _pt.number,
+  donation: _pt.number,
+  goal: _pt.number
+};
+
+var cls$3 = ".wrapper {\n  width: 573px;\n  height: 188px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-end;\n  padding: 29px 39px 38px 37px;\n  background: linear-gradient(90deg, #e96a6d 0%, #e17221 100%), #2d8a75;\n  border-radius: 10px;\n}\n.wrapper .title {\n  font-weight: 700;\n  font-size: 32px;\n  line-height: 44.8px;\n  text-align: left;\n  color: white;\n  width: 50%;\n}\n\n@media all and (max-width: 1200px) {\n  .wrapper {\n    width: 456px;\n    height: 188px;\n    padding: 41px 35px 38px 39px;\n  }\n}\n@media all and (max-width: 992px) {\n  .wrapper {\n    width: 643px;\n    height: 90px;\n    align-items: center;\n  }\n  .wrapper .title {\n    width: 100%;\n    font-size: 26px;\n    line-height: 36.4px;\n  }\n}\n@media all and (max-width: 768px) {\n  .wrapper {\n    width: 350px;\n    height: 128px;\n    padding: 40px 32px 38px 34px;\n    align-items: flex-end;\n  }\n  .wrapper .title {\n    width: 70%;\n    font-weight: 700;\n    font-size: 26px;\n    line-height: 36.4px;\n  }\n}";
+
+const img$1 = "data:image/svg+xml,%3csvg width='28' height='24' viewBox='0 0 28 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.495 2L25 12M25 12L14.495 22M25 12H0' stroke='white' stroke-width='3'/%3e%3c/svg%3e";
+
+var CharityCard = function CharityCard(_ref) {
+  var _ref$className = _ref.className,
+      className = _ref$className === void 0 ? "" : _ref$className,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "" : _ref$title;
+  return React.createElement("div", {
+    className: classnames(cls$3.wrapper, className)
+  }, React.createElement("div", {
+    className: cls$3.title
+  }, title), React.createElement("img", {
+    src: img$1,
+    alt: "",
+    style: {
+      width: "25px",
+      height: "20px"
+    }
+  }));
+};
+
+CharityCard.propTypes = {
+  className: _pt.string,
+  title: _pt.string
+};
+
+var cls$4 = ".wrapper {\n  width: 407px;\n  height: 330px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-evenly;\n  align-items: center;\n  padding: 29px 37px 36px 37px;\n  background-color: #f8f8f7;\n  border-radius: 10px;\n}\n.wrapper .title {\n  font-weight: 700;\n  font-size: 32px;\n  line-height: 44.8px;\n  text-align: left;\n  color: black;\n}\n.wrapper .description {\n  color: #6d6d6d;\n  font-weight: 500;\n  font-size: 20px;\n  line-height: 32px;\n  text-align: left;\n}\n\n@media all and (max-width: 1200px) {\n  .wrapper {\n    width: 456px;\n    height: 330px;\n    padding: 41px 42px 36px 42px;\n  }\n}\n@media all and (max-width: 992px) {\n  .wrapper {\n    width: 350px;\n    height: 367px;\n    padding: 36px 32px 36px 32px;\n  }\n}\n@media all and (max-width: 768px) {\n  .wrapper {\n    width: 430px;\n    height: 289px;\n    padding: 40px 42px 46px 42px;\n  }\n  .wrapper .title {\n    font-weight: 700;\n    font-size: 26px;\n    line-height: 36.4px;\n  }\n  .wrapper .description {\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 25.6px;\n    text-align: left;\n  }\n}";
+
+var DonateCard = function DonateCard(_ref) {
+  var _ref$className = _ref.className,
+      className = _ref$className === void 0 ? "" : _ref$className,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "" : _ref$description;
+  return React.createElement("div", {
+    className: classnames(cls$4.wrapper, className)
+  }, React.createElement("div", {
+    className: cls$4.title
+  }, title), React.createElement("div", {
+    className: cls$4.description
+  }, description), React.createElement(Button, {
+    raised: true,
+    display: true,
+    style: {
+      width: "100%"
+    }
+  }, "Donate"));
+};
+
+DonateCard.propTypes = {
+  className: _pt.string,
+  title: _pt.string,
+  description: _pt.string
+};
+
+var cls$5 = ".wrapper {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-evenly;\n  align-items: center;\n  padding: 20px;\n}\n.wrapper .image {\n  width: 100%;\n  height: 100%;\n  border-radius: 8px;\n}\n.wrapper .title {\n  width: 100%;\n  padding-top: 5px;\n  padding-bottom: 10px;\n  font-weight: 700;\n  font-size: 15px;\n  line-height: 21px;\n  text-align: left;\n  color: black;\n}\n.wrapper .description {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n  color: black;\n  padding-top: 5px;\n  padding-bottom: 5px;\n  font-weight: 700;\n  font-size: 13px;\n  line-height: 18.2px;\n  text-align: left;\n  gap: 20px;\n}\n.wrapper .subtext {\n  width: 100%;\n  color: #6d6d6d;\n  padding-top: 5px;\n  padding-bottom: 5px;\n  font-weight: 500;\n  font-size: 13px;\n  line-height: 18.2px;\n  text-align: left;\n  margin-left: 3px;\n  margin-right: 3px;\n}";
+
+var FeaturedCampaignCard = function FeaturedCampaignCard(_ref) {
+  var _ref$className = _ref.className,
+      className = _ref$className === void 0 ? "" : _ref$className,
+      imageURL = _ref.imageURL,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "" : _ref$title,
+      _ref$donation = _ref.donation,
+      donation = _ref$donation === void 0 ? 0 : _ref$donation,
+      _ref$raised = _ref.raised,
+      raised = _ref$raised === void 0 ? 0 : _ref$raised,
+      _ref$goal = _ref.goal,
+      goal = _ref$goal === void 0 ? 0 : _ref$goal,
+      _ref$completed = _ref.completed,
+      completed = _ref$completed === void 0 ? 0 : _ref$completed,
+      _ref$width = _ref.width,
+      width = _ref$width === void 0 ? 0 : _ref$width;
+  return React.createElement("div", {
+    className: classnames(cls$5.wrapper, className),
+    style: {
+      width: "".concat(width, "px")
+    }
+  }, React.createElement("img", {
+    className: cls$5.image,
+    src: imageURL
+  }), React.createElement("div", {
+    className: cls$5.title
+  }, title), React.createElement(ProgressBar, {
+    completed: completed
+  }), React.createElement("div", {
+    className: cls$5.description
+  }, React.createElement("div", null, donation, " donations"), React.createElement("div", null, "$", raised, " ", React.createElement("span", {
+    className: cls$5.subtext
+  }, "Raised of"), "$", goal, React.createElement("span", {
+    className: cls$5.subtext
+  }, "Goal"))));
+};
+
+FeaturedCampaignCard.propTypes = {
+  className: _pt.string,
+  imageURL: _pt.string,
+  title: _pt.string,
+  description: _pt.string,
+  completed: _pt.number,
+  width: _pt.number,
+  donation: _pt.number,
+  raised: _pt.number,
+  goal: _pt.number
+};
+
+var cls$6 = ".wrapper {\n  width: 100%;\n  height: auto;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  border-radius: 10px;\n  padding-right: 90px;\n  padding-left: 90px;\n}\n.wrapper .leftSide {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  width: 50%;\n  height: auto;\n  padding-right: 36px;\n}\n.wrapper .image {\n  max-width: 100%;\n  max-height: 100%;\n  border-radius: 10px;\n}\n.wrapper .rightSide {\n  width: 50%;\n  height: auto;\n  padding-left: 36px;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n}\n.wrapper .rightSide .title {\n  font-weight: 500;\n  font-size: 24px;\n  line-height: 32.4px;\n  text-align: left;\n  color: black;\n  margin-bottom: 12.64px;\n}\n.wrapper .rightSide .description {\n  color: #6d6d6d;\n  font-weight: 500;\n  font-size: 20px;\n  line-height: 32px;\n  text-align: left;\n}";
+
+var FundraisingSection = function FundraisingSection(_ref) {
+  var _ref$className = _ref.className,
+      className = _ref$className === void 0 ? "" : _ref$className,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "" : _ref$description,
+      _ref$imageUrl = _ref.imageUrl,
+      imageUrl = _ref$imageUrl === void 0 ? "" : _ref$imageUrl;
+  return React.createElement("div", {
+    className: classnames(cls$6.wrapper, className)
+  }, React.createElement("div", {
+    className: cls$6.leftSide
+  }, React.createElement("img", {
+    src: imageUrl,
+    className: cls$6.image
+  })), React.createElement("div", {
+    className: cls$6.rightSide
+  }, React.createElement("div", {
+    className: cls$6.title
+  }, title), React.createElement("div", {
+    className: cls$6.description
+  }, description)));
+};
+
+FundraisingSection.propTypes = {
+  className: _pt.string,
+  title: _pt.string,
+  description: _pt.string,
+  imageUrl: _pt.string
+};
+
+var cls$7 = ".wrapper {\n  width: 100%;\n  height: 509.07px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  background-color: #13362e;\n  border-bottom-right-radius: 10px;\n}\n.wrapper .rightSide {\n  width: 35%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  padding: 29px 0px 36px 41px;\n}\n.wrapper .rightSide .title {\n  font-weight: 700;\n  font-size: 40px;\n  line-height: 56px;\n  text-align: left;\n  color: white;\n}\n.wrapper .rightSide .description {\n  color: white;\n  font-weight: 500;\n  font-size: 32px;\n  line-height: 44.8px;\n  text-align: left;\n  padding-top: 20px;\n  padding-bottom: 30px;\n}\n.wrapper .leftSide {\n  width: 65%;\n  height: 100%;\n  border-bottom-right-radius: 10px;\n}\n.wrapper .image {\n  border-bottom-right-radius: 10px;\n  height: 100%;\n  width: 100%;\n  object-fit: cover;\n  mask-image: linear-gradient(to left, #2d8a75 0%, #2d8a75 50%, rgba(0, 0, 0, 0) 100%);\n  -webkit-mask-image: linear-gradient(to left, #2d8a75 50%, #2d8a75 5%, rgba(0, 0, 0, 0) 100%);\n}";
+
+var HeroBnner = function HeroBnner(_ref) {
+  var _ref$className = _ref.className,
+      className = _ref$className === void 0 ? "" : _ref$className,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "" : _ref$description,
+      _ref$imageUrl = _ref.imageUrl,
+      imageUrl = _ref$imageUrl === void 0 ? "" : _ref$imageUrl;
+  return React.createElement("div", {
+    className: classnames(cls$7.wrapper, className)
+  }, React.createElement("div", {
+    className: cls$7.rightSide
+  }, React.createElement("div", {
+    className: cls$7.title
+  }, title), React.createElement("div", {
+    className: cls$7.description
+  }, description), React.createElement(Button, {
+    raised: true,
+    display: true,
+    style: {
+      color: "black",
+      height: "48px"
+    }
+  }, "Start fundraising")), React.createElement("div", {
+    className: cls$7.leftSide
+  }, React.createElement("img", {
+    src: imageUrl,
+    className: cls$7.image,
+    alt: ""
+  })));
+};
+
+HeroBnner.propTypes = {
+  className: _pt.string,
+  title: _pt.string,
+  description: _pt.string,
+  imageUrl: _pt.string
+};
+
+var cls$8 = ".wrapper {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  margin: 5px;\n}\n.wrapper .bar {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n  background-color: #41ccad;\n  border-radius: 999px;\n  height: 50px;\n}\n.wrapper .dot {\n  background-color: #2d8a75;\n  display: flex;\n  width: 20px;\n  height: 20px;\n  border-radius: 999px;\n  margin-right: 17.5px;\n}";
+
+var HorizontalBar = function HorizontalBar(_ref) {
+  var _ref$className = _ref.className,
+      className = _ref$className === void 0 ? "" : _ref$className,
+      _ref$width = _ref.width,
+      width = _ref$width === void 0 ? 500 : _ref$width,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? 50 : _ref$height,
+      _ref$barColor = _ref.barColor,
+      barColor = _ref$barColor === void 0 ? "" : _ref$barColor,
+      _ref$dotColor = _ref.dotColor,
+      dotColor = _ref$dotColor === void 0 ? "" : _ref$dotColor,
+      _ref$marginLeft = _ref.marginLeft,
+      marginLeft = _ref$marginLeft === void 0 ? 0 : _ref$marginLeft;
+  return React.createElement("div", {
+    className: classnames(cls$8.wrapper, className)
+  }, React.createElement("div", {
+    className: cls$8.bar,
+    style: {
+      width: "".concat(width, "px"),
+      height: "".concat(height, "px"),
+      backgroundColor: "".concat(barColor),
+      marginLeft: "".concat(marginLeft, "px")
+    }
+  }, React.createElement("span", {
+    className: cls$8.dot,
+    style: {
+      backgroundColor: "".concat(dotColor)
+    }
+  })));
+};
+
+HorizontalBar.propTypes = {
+  className: _pt.string,
+  barColor: _pt.string,
+  dotColor: _pt.string,
+  width: _pt.number,
+  height: _pt.number,
+  marginLeft: _pt.number
+};
+
+var cls$9 = ".wrapper {\n  width: 708px;\n  height: 330px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  border-radius: 10px;\n  background-color: #2d8a75;\n}\n.wrapper .rightSide {\n  width: 326px;\n  height: 330px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n  padding: 29px 0px 36px 41px;\n}\n.wrapper .rightSide .title {\n  font-weight: 700;\n  font-size: 32px;\n  line-height: 44.8px;\n  text-align: left;\n  color: white;\n}\n.wrapper .rightSide .description {\n  color: white;\n  font-weight: 500;\n  font-size: 20px;\n  line-height: 32px;\n  text-align: left;\n}\n.wrapper .leftSide {\n  width: 382px;\n  height: 330px;\n  border-top-right-radius: 10px;\n  border-bottom-right-radius: 10px;\n  background: linear-gradient(to right, #2d8a75 0%, #2d8a75 15%, rgba(0, 0, 0, 0) 50%), url(./test-image.svg) no-repeat;\n  background-size: cover;\n}\n\n@media all and (max-width: 1200px) {\n  .wrapper {\n    width: 456px;\n    height: 330px;\n    padding: 42px 42px 36px 42px;\n  }\n  .wrapper .leftSide {\n    display: none;\n  }\n  .wrapper .rightSide {\n    width: 100%;\n    height: 100%;\n    padding: 0;\n  }\n}\n@media all and (max-width: 992px) {\n  .wrapper {\n    width: 350px;\n    height: 367px;\n    padding: 36px 33px 36px 33px;\n  }\n  .wrapper .leftSide {\n    display: none;\n  }\n  .wrapper .rightSide {\n    width: 100%;\n    height: 100%;\n    padding: 0;\n  }\n}\n@media all and (max-width: 768px) {\n  .wrapper {\n    width: 430px;\n    height: 525px;\n    display: flex;\n    flex-direction: column-reverse;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0;\n  }\n  .wrapper .leftSide {\n    display: block;\n    width: 430px;\n    height: 330px;\n    border-top-right-radius: 10px;\n    border-top-left-radius: 10px;\n    background: linear-gradient(to top, #2d8a75 0%, #2d8a75 15%, rgba(0, 0, 0, 0) 50%), url(./test-image.svg) no-repeat;\n    background-size: cover;\n  }\n  .wrapper .rightSide {\n    width: 430;\n    height: 195px;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: space-around;\n    padding: 0px 42px 51px 42px;\n  }\n  .wrapper .rightSide .title {\n    font-weight: 700;\n    font-size: 26px;\n    line-height: 36.4px;\n    text-align: left;\n    color: white;\n  }\n  .wrapper .rightSide .description {\n    color: white;\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 25.6px;\n    text-align: left;\n  }\n}";
+
+var StartCampaignCard = function StartCampaignCard(_ref) {
+  var _ref$className = _ref.className,
+      className = _ref$className === void 0 ? "" : _ref$className,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "" : _ref$description;
+  return React.createElement("div", {
+    className: classnames(cls$9.wrapper, className)
+  }, React.createElement("div", {
+    className: cls$9.rightSide
+  }, React.createElement("div", {
+    className: cls$9.title
+  }, title), React.createElement("div", {
+    className: cls$9.description
+  }, description), React.createElement(Button, {
+    raised: true,
+    display: true,
+    style: {
+      width: "100%",
+      backgroundColor: "white",
+      color: "black",
+      height: "50px"
+    }
+  }, "Start a campaign")), React.createElement("div", {
+    className: cls$9.leftSide
+  }));
+};
+
+StartCampaignCard.propTypes = {
+  className: _pt.string,
+  title: _pt.string,
+  description: _pt.string
+};
+
+function NavigationList$1(_ref) {
+  var items = _ref.items,
+      onClickItem = _ref.onClickItem,
+      active = _ref.active,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? "normal" : _ref$size;
+  var theme = useTheme();
+  return React.createElement("ul", {
+    className: _JSXStyle.dynamic([["1320294250", [theme.typography.fontFamily.brand, BRAND_DARK_GREY$1, INACTIVE_GREY]]]) + " " + "size-".concat(size)
+  }, items.map(function (item) {
+    var onClick = function onClick(e) {
+      // href
+      if ("href" in item) return;
+      e.preventDefault(); // combined handler
+
+      if (onClickItem) onClickItem(item.id); // individual handler
+      else if (item.onClick) item.onClick();
+    };
+
+    var href = "href" in item ? item.href : "#";
+    var id = "id" in item ? item.id : null;
+    return React.createElement(Fragment, {
+      key: "href" in item ? item.href : item.id
+    }, React.createElement("li", {
+      className: _JSXStyle.dynamic([["1320294250", [theme.typography.fontFamily.brand, BRAND_DARK_GREY$1, INACTIVE_GREY]]]) + " " + "item"
+    }, React.createElement(BoldAnchor, {
+      analyticsId: item.analyticsId,
+      href: href,
+      onClick: onClick,
+      active: id === active
+    }, React.createElement("img", {
+      src: item.icon,
+      className: _JSXStyle.dynamic([["1320294250", [theme.typography.fontFamily.brand, BRAND_DARK_GREY$1, INACTIVE_GREY]]])
+    }), item.label, " ", "id" in item && item.more ? React.createElement("span", {
+      className: _JSXStyle.dynamic([["1320294250", [theme.typography.fontFamily.brand, BRAND_DARK_GREY$1, INACTIVE_GREY]]]) + " " + "chevron"
+    }, React.createElement("span", {
+      className: _JSXStyle.dynamic([["1320294250", [theme.typography.fontFamily.brand, BRAND_DARK_GREY$1, INACTIVE_GREY]]]) + " " + "chevron-right"
+    }, React.createElement(Icon, {
+      icon: "chevron_right",
+      size: size === "normal" ? "24px" : "36px"
+    })), React.createElement("span", {
+      className: _JSXStyle.dynamic([["1320294250", [theme.typography.fontFamily.brand, BRAND_DARK_GREY$1, INACTIVE_GREY]]]) + " " + "chevron-down"
+    }, React.createElement(Icon, {
+      icon: "expand_more",
+      size: size === "normal" ? "16px" : "24px"
+    }))) : null)), "children" in item ? item.children : null);
+  }), React.createElement(_JSXStyle, {
+    id: "1320294250",
+    dynamic: [theme.typography.fontFamily.brand, BRAND_DARK_GREY$1, INACTIVE_GREY]
+  }, "ul.__jsx-style-dynamic-selector{margin:0;padding:0;list-style:none;}.item.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:".concat(theme.typography.fontFamily.brand, ";color:").concat(BRAND_DARK_GREY$1, ";font-weight:500;}.size-long.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{font-size:1rem;height:50px;margin-bottom:30px;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector:not(:last-child){-webkit-flex:1 0 30%;-ms-flex:1 0 30%;flex:1 0 30%;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector:last-child{-webkit-flex:1 0 64%;-ms-flex:1 0 64%;flex:1 0 64%;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector>a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector>a > img{margin-right:10px;width:50px;}.size-large.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{font-size:1rem;height:2.5rem;}.size-normal.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{font-size:0.875rem;height:1.75rem;}.item.__jsx-style-dynamic-selector a:focus{outline:none;}.item[focus-within].__jsx-style-dynamic-selector{outline:-webkit-focus-ring-color auto 5px;}.item.__jsx-style-dynamic-selector:focus-within{outline:-webkit-focus-ring-color auto 5px;}.chevron.__jsx-style-dynamic-selector{position:relative;display:inline-block;width:1em;height:1em;margin-left:1rem;vertical-align:middle;line-height:1;-webkit-transform:translateY(-5%);-ms-transform:translateY(-5%);transform:translateY(-5%);color:").concat(INACTIVE_GREY, ";}.chevron-right.__jsx-style-dynamic-selector{display:none;}.item.__jsx-style-dynamic-selector a:hover .chevron.__jsx-style-dynamic-selector,.item.__jsx-style-dynamic-selector a:focus .chevron.__jsx-style-dynamic-selector,.item.__jsx-style-dynamic-selector a.active .chevron.__jsx-style-dynamic-selector{color:inherit;}.chevron.__jsx-style-dynamic-selector>*{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}@media (min-width:720px){.size-large.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{font-size:1.375rem;min-height:3rem;}.size-normal.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{font-size:1.125rem;min-height:2.5rem;}.chevron-right.__jsx-style-dynamic-selector{display:inline;display:initial;}.chevron-down.__jsx-style-dynamic-selector{display:none;}}@media (max-width:719px){.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{font-size:0.875rem;}}@media (max-width:644px){.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector:not(:last-child){-webkit-flex:1 0 50%;-ms-flex:1 0 50%;flex:1 0 50%;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector:last-child{-webkit-flex:1 0 50%;-ms-flex:1 0 50%;flex:1 0 50%;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{margin-bottom:20px;}}@media (max-width:457px){.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{margin-bottom:8px;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector:not(:last-child){-webkit-flex:1 0 100%;-ms-flex:1 0 100%;flex:1 0 100%;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector:last-child{-webkit-flex:1 0 100%;-ms-flex:1 0 100%;flex:1 0 100%;}}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdi1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RmtCLEFBR29CLEFBTUksQUFTQSxBQU1FLEFBTUYsQUFJQSxBQUlBLEFBS0ssQUFLSCxBQUtJLEFBS04sQUFJNkIsQUFJQSxBQUl4QixBQVlMLEFBTUMsQUFJSSxBQVFHLEFBS0EsQUFLSixBQUtGLEFBTU0sQUFNTixBQUdBLEFBR00sQUFNRCxBQUlKLEFBSUEsU0EvSU4sSUF1RFosQUF3QkEsQUFpQ0UsQ0EzQkYsQ0FoRWMsQUF3QkUsQUE4REksR0FuRVAsQUEyQlUsQUFzQmIsQUErQ1IsQ0F2SWdCLEFBaURELEFBK0NHLEFBS0UsQUFnQnBCLEFBWUEsT0F4Q1MsQ0FwRVUsRUFtQnJCLEFBS0EsRUE4REUsR0F6REYsQ0FqREEsQUF5RmtDLEFBT2hDLEVBS0EsRUFuQ1UsR0FUWixBQUlBLElBeENBLEdBOENhLEVBMUNiLEFBSUEsQUE2RkUsQUFHQSxHQWFBLEFBSUEsTUExRWlCLGNBaEVLLEFBU1AsQUFvQkksR0FvQ0csc0JBQ1IsY0FDWSxrQkF6RGYsU0E0RWIsRUEzRUEsVUFWeUIsZUE2QnpCLG9DQXNDcUMsbUNBQ3JDLGFBbkUyQyx5Q0FDTixtQ0FDbkIsZ0JBQ2xCIiwiZmlsZSI6Im5hdi1saXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQlJBTkRfREFSS19HUkVZLCBJTkFDVElWRV9HUkVZIH0gZnJvbSBcIi4uLy4uL3RoZW1lL2NvbG9yc1wiO1xuaW1wb3J0IHsgQm9sZEFuY2hvciB9IGZyb20gXCIuLi9hbmNob3IvaW5kZXhcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vaWNvbi9pbmRleFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWUvdGhlbWVcIjtcblxuZXhwb3J0IHR5cGUgSHJlZk5hdmlnYXRpb25MaW5rID0ge1xuICBocmVmOiBzdHJpbmc7XG4gIGxhYmVsOiBSZWFjdC5SZWFjdE5vZGU7XG4gIGFuYWx5dGljc0lkPzogc3RyaW5nO1xuICBpY29uPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgQ2xpY2tOYXZpZ2F0aW9uTGluayA9IHtcbiAgb25DbGljaz86ICgpID0+IHZvaWQ7XG4gIGlkOiBzdHJpbmc7XG4gIGxhYmVsOiBSZWFjdC5SZWFjdE5vZGU7XG4gIG1vcmU/OiBib29sZWFuIC8qIGluZGljYXRlcyB0aGF0IGNsaWNraW5nIHRoaXMgbGluayB3aWxsIHJldmVhbCBtb3JlIG9wdGlvbnMgKi87XG4gIGFuYWx5dGljc0lkPzogc3RyaW5nO1xuICBpY29uPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgSHlicmlkTmF2aWdhdGlvbkxpbmsgPSBIcmVmTmF2aWdhdGlvbkxpbmsgfCBDbGlja05hdmlnYXRpb25MaW5rO1xuXG5leHBvcnQgdHlwZSBOYXZpZ2F0aW9uTGlzdEl0ZW0gPSBIeWJyaWROYXZpZ2F0aW9uTGluayAmIHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgdHlwZSBOYXZpZ2F0aW9uTWVudUxpc3RQcm9wcyA9IHtcbiAgaXRlbXM6IEFycmF5PE5hdmlnYXRpb25MaXN0SXRlbT47XG4gIG9uQ2xpY2tJdGVtPzogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHNpemU/OiBcIm5vcm1hbFwiIHwgXCJsYXJnZVwiIHwgXCJsb25nXCI7XG4gIGFjdGl2ZT86IHN0cmluZyB8IG51bGw7XG59O1xuXG5mdW5jdGlvbiBOYXZpZ2F0aW9uTGlzdCh7XG4gIGl0ZW1zLFxuICBvbkNsaWNrSXRlbSxcbiAgYWN0aXZlLFxuICBzaXplID0gXCJub3JtYWxcIixcbn06IE5hdmlnYXRpb25NZW51TGlzdFByb3BzKSB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICByZXR1cm4gKFxuICAgIDx1bCBjbGFzc05hbWU9e2BzaXplLSR7c2l6ZX1gfT5cbiAgICAgIHtpdGVtcy5tYXAoaXRlbSA9PiB7XG4gICAgICAgIGNvbnN0IG9uQ2xpY2sgPSAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgICAgIC8vIGhyZWZcbiAgICAgICAgICBpZiAoXCJocmVmXCIgaW4gaXRlbSkgcmV0dXJuO1xuICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAvLyBjb21iaW5lZCBoYW5kbGVyXG4gICAgICAgICAgaWYgKG9uQ2xpY2tJdGVtKSBvbkNsaWNrSXRlbShpdGVtLmlkKTtcbiAgICAgICAgICAvLyBpbmRpdmlkdWFsIGhhbmRsZXJcbiAgICAgICAgICBlbHNlIGlmIChpdGVtLm9uQ2xpY2spIGl0ZW0ub25DbGljaygpO1xuICAgICAgICB9O1xuXG4gICAgICAgIGNvbnN0IGhyZWYgPSBcImhyZWZcIiBpbiBpdGVtID8gaXRlbS5ocmVmIDogXCIjXCI7XG5cbiAgICAgICAgY29uc3QgaWQgPSBcImlkXCIgaW4gaXRlbSA/IGl0ZW0uaWQgOiBudWxsO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPEZyYWdtZW50IGtleT17XCJocmVmXCIgaW4gaXRlbSA/IGl0ZW0uaHJlZiA6IGl0ZW0uaWR9PlxuICAgICAgICAgICAgPGxpIGNsYXNzTmFtZT1cIml0ZW1cIj5cbiAgICAgICAgICAgICAgPEJvbGRBbmNob3JcbiAgICAgICAgICAgICAgICBhbmFseXRpY3NJZD17aXRlbS5hbmFseXRpY3NJZH1cbiAgICAgICAgICAgICAgICBocmVmPXtocmVmfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgICAgICAgYWN0aXZlPXtpZCA9PT0gYWN0aXZlfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGltZyBzcmM9e2l0ZW0uaWNvbn0gLz5cbiAgICAgICAgICAgICAgICB7aXRlbS5sYWJlbH17XCIgXCJ9XG4gICAgICAgICAgICAgICAge1wiaWRcIiBpbiBpdGVtICYmIGl0ZW0ubW9yZSA/IChcbiAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT1cImNoZXZyb25cIj5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPVwiY2hldnJvbi1yaWdodFwiPlxuICAgICAgICAgICAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgICAgICAgICAgICBpY29uPVwiY2hldnJvbl9yaWdodFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBzaXplPXtzaXplID09PSBcIm5vcm1hbFwiID8gXCIyNHB4XCIgOiBcIjM2cHhcIn1cbiAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT1cImNoZXZyb24tZG93blwiPlxuICAgICAgICAgICAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgICAgICAgICAgICBpY29uPVwiZXhwYW5kX21vcmVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgc2l6ZT17c2l6ZSA9PT0gXCJub3JtYWxcIiA/IFwiMTZweFwiIDogXCIyNHB4XCJ9XG4gICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgICA8L0JvbGRBbmNob3I+XG4gICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAge1wiY2hpbGRyZW5cIiBpbiBpdGVtID8gaXRlbS5jaGlsZHJlbiA6IG51bGx9XG4gICAgICAgICAgPC9GcmFnbWVudD5cbiAgICAgICAgKTtcbiAgICAgIH0pfVxuICAgICAgPHN0eWxlIGpzeD57YFxuICAgICAgICB1bCB7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5pdGVtIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgZm9udC1mYW1pbHk6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250RmFtaWx5LmJyYW5kfTtcbiAgICAgICAgICBjb2xvcjogJHtCUkFORF9EQVJLX0dSRVl9O1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgICAgIH1cblxuICAgICAgICAuc2l6ZS1sb25nIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zaXplLWxvbmcgLml0ZW0ge1xuICAgICAgICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgICAgICAgICBoZWlnaHQ6IDUwcHg7XG4gICAgICAgICAgbWFyZ2luLWJvdHRvbTogMzBweDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zaXplLWxvbmcgLml0ZW06bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgICAgICAgZmxleDogMSAwIDMwJTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zaXplLWxvbmcgLml0ZW06bGFzdC1jaGlsZCB7XG4gICAgICAgICAgZmxleDogMSAwIDY0JTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zaXplLWxvbmcgLml0ZW0gPiA6Z2xvYmFsKGEpIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIH1cblxuICAgICAgICAuc2l6ZS1sb25nIC5pdGVtID4gOmdsb2JhbChhID4gaW1nKSB7XG4gICAgICAgICAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xuICAgICAgICAgIHdpZHRoOiA1MHB4O1xuICAgICAgICB9XG5cbiAgICAgICAgLnNpemUtbGFyZ2UgLml0ZW0ge1xuICAgICAgICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgICAgICAgICBoZWlnaHQ6IDIuNXJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zaXplLW5vcm1hbCAuaXRlbSB7XG4gICAgICAgICAgZm9udC1zaXplOiAwLjg3NXJlbTtcbiAgICAgICAgICBoZWlnaHQ6IDEuNzVyZW07XG4gICAgICAgIH1cblxuICAgICAgICAuaXRlbSA6Z2xvYmFsKGE6Zm9jdXMpIHtcbiAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgLml0ZW06Zm9jdXMtd2l0aGluIHtcbiAgICAgICAgICBvdXRsaW5lOiAtd2Via2l0LWZvY3VzLXJpbmctY29sb3IgYXV0byA1cHg7XG4gICAgICAgIH1cblxuICAgICAgICAuY2hldnJvbiB7XG4gICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgICB3aWR0aDogMWVtO1xuICAgICAgICAgIGhlaWdodDogMWVtO1xuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAxcmVtO1xuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDE7XG4gICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01JSk7XG4gICAgICAgICAgY29sb3I6ICR7SU5BQ1RJVkVfR1JFWX07XG4gICAgICAgIH1cblxuICAgICAgICAuY2hldnJvbi1yaWdodCB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5pdGVtIDpnbG9iYWwoYTpob3ZlcikgLmNoZXZyb24sXG4gICAgICAgIC5pdGVtIDpnbG9iYWwoYTpmb2N1cykgLmNoZXZyb24sXG4gICAgICAgIC5pdGVtIDpnbG9iYWwoYS5hY3RpdmUpIC5jaGV2cm9uIHtcbiAgICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jaGV2cm9uID4gOmdsb2JhbCgqKSB7XG4gICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgIGxlZnQ6IDUwJTtcbiAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcbiAgICAgICAgfVxuXG4gICAgICAgIEBtZWRpYSAobWluLXdpZHRoOiA3MjBweCkge1xuICAgICAgICAgIC5zaXplLWxhcmdlIC5pdGVtIHtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMS4zNzVyZW07XG4gICAgICAgICAgICBtaW4taGVpZ2h0OiAzcmVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIC5zaXplLW5vcm1hbCAuaXRlbSB7XG4gICAgICAgICAgICBmb250LXNpemU6IDEuMTI1cmVtO1xuICAgICAgICAgICAgbWluLWhlaWdodDogMi41cmVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIC5jaGV2cm9uLXJpZ2h0IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGluaXRpYWw7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLmNoZXZyb24tZG93biB7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIEBtZWRpYSAobWF4LXdpZHRoOiA3MTlweCkge1xuICAgICAgICAgIC5zaXplLWxvbmcgLml0ZW0ge1xuICAgICAgICAgICAgZm9udC1zaXplOiAwLjg3NXJlbTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogNjQ0cHgpIHtcbiAgICAgICAgICAuc2l6ZS1sb25nIC5pdGVtOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgICAgICAgICAgZmxleDogMSAwIDUwJTtcbiAgICAgICAgICB9XG4gICAgICAgICAgLnNpemUtbG9uZyAuaXRlbTpsYXN0LWNoaWxkIHtcbiAgICAgICAgICAgIGZsZXg6IDEgMCA1MCU7XG4gICAgICAgICAgfVxuICAgICAgICAgIC5zaXplLWxvbmcgLml0ZW0ge1xuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMjBweDtcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogNDU3cHgpIHtcbiAgICAgICAgICAuc2l6ZS1sb25nIC5pdGVtIHtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDhweDtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuc2l6ZS1sb25nIC5pdGVtOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgICAgICAgICAgZmxleDogMSAwIDEwMCU7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLnNpemUtbG9uZyAuaXRlbTpsYXN0LWNoaWxkIHtcbiAgICAgICAgICAgIGZsZXg6IDEgMCAxMDAlO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgYH08L3N0eWxlPlxuICAgIDwvdWw+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IE5hdmlnYXRpb25MaXN0O1xuIl19 */\n/*@ sourceURL=nav-list.tsx */")));
+}
+
+NavigationList$1.propTypes = {
+  items: _pt.any.isRequired,
+  onClickItem: _pt.func,
+  size: _pt.oneOf(["normal", "large", "long"]),
+  active: _pt.oneOfType([_pt.string, _pt.oneOf([null])])
+};
+
+function NavigationMenu$1(_ref) {
+  var links = _ref.links,
+      sublinks = _ref.sublinks,
+      action = _ref.action,
+      actionRaised = _ref.actionRaised,
+      active = _ref.active,
+      onClickItem = _ref.onClickItem;
+  return React.createElement("div", {
+    className: _JSXStyle.dynamic([["176113764", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY]]]) + " " + "navigation-menu"
+  }, React.createElement("div", {
+    className: _JSXStyle.dynamic([["176113764", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY]]]) + " " + "main-navigation"
+  }, React.createElement("div", {
+    className: _JSXStyle.dynamic([["176113764", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY]]]) + " " + "main-navigation-menus"
+  }, React.createElement(NavigationList$1, {
+    items: links.map(function (link) {
+      return _objectSpread2({}, link, {
+        children: sublinks && "id" in link && link.id === active ? React.createElement("div", {
+          className: _JSXStyle.dynamic([["176113764", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY]]]) + " " + "inline-submenu"
+        }, React.createElement(NavigationList$1, {
+          items: sublinks,
+          active: null
+        })) : null
+      });
+    }),
+    onClickItem: onClickItem,
+    active: active,
+    size: links.length > 7 ? "long" : "large"
+  }), sublinks ? React.createElement("div", {
+    className: _JSXStyle.dynamic([["176113764", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY]]]) + " " + "side-submenu"
+  }, React.createElement(NavigationList$1, {
+    items: sublinks,
+    active: null
+  })) : null), React.createElement("div", {
+    className: _JSXStyle.dynamic([["176113764", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY]]])
+  }, action ? React.createElement(Button, {
+    display: true,
+    outlined: true,
+    color: "primary",
+    analyticsId: action.analyticsId,
+    onClick: function onClick(e) {
+      /**
+       * Prevent nav action button to turn into a hyperlink.
+       * This is so that google analytics will always be triggered.
+       * If we use a hyperlink instead of button clicks on the label
+       * wont be considered as a click on the hyperlink.
+       */
+      if ("href" in action) window.location.href = action.href;
+      e.preventDefault();
+      if ("onClick" in action && action.onClick) action.onClick();
+    }
+  }, action.label) : null, actionRaised ? React.createElement(Button, {
+    className: "actionRaised-button",
+    display: true,
+    outlined: true,
+    raised: true,
+    color: "primary",
+    analyticsId: actionRaised.analyticsId,
+    onClick: function onClick(e) {
+      /**
+       * Prevent nav actionRaised button to turn into a hyperlink.
+       * This is so that google analytics will always be triggered.
+       * If we use a hyperlink instead of button clicks on the label
+       * wont be considered as a click on the hyperlink.
+       */
+      if ("href" in actionRaised) window.location.href = actionRaised.href;
+      e.preventDefault();
+      if ("onClick" in actionRaised && actionRaised.onClick) actionRaised.onClick();
+    }
+  }, actionRaised.label) : null)), React.createElement(_JSXStyle, {
+    id: "176113764",
+    dynamic: [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY]
+  }, ".navigation-menu.__jsx-style-dynamic-selector{background-color:".concat(BACKGROUND_GREY, ";}.side-submenu.__jsx-style-dynamic-selector{display:none;padding-left:3rem;border-left:1px solid ").concat(ON_BACKGROUND_GREY_GREY, ";}.inline-submenu.__jsx-style-dynamic-selector{padding:0 1rem 1rem 1rem;}.content.__jsx-style-dynamic-selector{position:relative;max-width:1024px;margin:0 auto;padding:4rem;}.content.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:3rem;}@supports (display:grid){.content.__jsx-style-dynamic-selector{display:-ms-grid;display:grid;grid-gap:3rem;}.content.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:0;margin-bottom:initial;}}.main-navigation.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.main-navigation.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:2rem;}.main-navigation-menus.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.main-navigation-menus.__jsx-style-dynamic-selector>*:not(:last-child){margin-right:3rem;}.actionRaised-button{float:right;}@media (min-width:720px){.side-submenu.__jsx-style-dynamic-selector{display:inline;display:initial;}.inline-submenu.__jsx-style-dynamic-selector{display:none;}}@media (max-width:579px){.actionRaised-button{float:left !important;margin-top:15px;}}@media (max-width:720px){.main-navigation.__jsx-style-dynamic-selector{max-height:400px;overflow:auto;}}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdi1tZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRmtCLEFBR3lELEFBSWpDLEFBTVksQUFJUCxBQU9DLEFBS0EsQUFNRCxBQU1MLEFBS00sQUFJTixBQUlLLEFBR04sQUFLSyxBQUtGLEFBS1MsQUFNTCxZQXBCckIsQ0FsRG9CLEFBNERsQixFQUxrQixDQTNCTSxDQU5ULEFBaURDLENBN0RDLEFBcUNuQixDQTlCQSxBQXNCQSxHQTBCb0IsR0EzRHBCLEtBaUJrQixDQXRCbUMsQUF1RG5ELEFBZ0JBLElBN0RjLEdBa0JkLEFBcUNBLE1BMUNBLEVBNUJGLEdBZ0JlLGFBQ2YsWUFxQndCLEFBU3hCLFFBekNBLHNFQWlDQSIsImZpbGUiOiJuYXYtbWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgQnV0dG9uIGZyb20gXCIuLi9idXR0b24vYnV0dG9uXCI7XG5pbXBvcnQgeyBCQUNLR1JPVU5EX0dSRVksIE9OX0JBQ0tHUk9VTkRfR1JFWV9HUkVZIH0gZnJvbSBcIi4uLy4uL3RoZW1lL2NvbG9yc1wiO1xuaW1wb3J0IE5hdmlnYXRpb25MaXN0LCB7IEh5YnJpZE5hdmlnYXRpb25MaW5rIH0gZnJvbSBcIi4vbmF2LWxpc3RcIjtcblxuZXhwb3J0IHR5cGUgTmF2aWdhdGlvbk1lbnVQcm9wcyA9IHtcbiAgbGlua3M6IEFycmF5PEh5YnJpZE5hdmlnYXRpb25MaW5rPjtcbiAgb25DbGlja0l0ZW06IChpZDogc3RyaW5nKSA9PiB2b2lkO1xuICBzdWJsaW5rczogQXJyYXk8SHlicmlkTmF2aWdhdGlvbkxpbms+IHwgbnVsbDtcbiAgYWN0aW9uOiBIeWJyaWROYXZpZ2F0aW9uTGluayB8IG51bGw7XG4gIGFjdGlvblJhaXNlZD86IEh5YnJpZE5hdmlnYXRpb25MaW5rIHwgbnVsbDtcbiAgYWN0aXZlOiBzdHJpbmcgfCBudWxsO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE5hdmlnYXRpb25NZW51KHtcbiAgbGlua3MsXG4gIHN1YmxpbmtzLFxuICBhY3Rpb24sXG4gIGFjdGlvblJhaXNlZCxcbiAgYWN0aXZlLFxuICBvbkNsaWNrSXRlbSxcbn06IE5hdmlnYXRpb25NZW51UHJvcHMpIHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT1cIm5hdmlnYXRpb24tbWVudVwiPlxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJtYWluLW5hdmlnYXRpb25cIj5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJtYWluLW5hdmlnYXRpb24tbWVudXNcIj5cbiAgICAgICAgICA8TmF2aWdhdGlvbkxpc3RcbiAgICAgICAgICAgIGl0ZW1zPXtsaW5rcy5tYXAobGluayA9PiAoe1xuICAgICAgICAgICAgICAuLi5saW5rLFxuICAgICAgICAgICAgICBjaGlsZHJlbjpcbiAgICAgICAgICAgICAgICBzdWJsaW5rcyAmJiBcImlkXCIgaW4gbGluayAmJiBsaW5rLmlkID09PSBhY3RpdmUgPyAoXG4gICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImlubGluZS1zdWJtZW51XCI+XG4gICAgICAgICAgICAgICAgICAgIDxOYXZpZ2F0aW9uTGlzdCBpdGVtcz17c3VibGlua3N9IGFjdGl2ZT17bnVsbH0gLz5cbiAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICkgOiBudWxsLFxuICAgICAgICAgICAgfSkpfVxuICAgICAgICAgICAgb25DbGlja0l0ZW09e29uQ2xpY2tJdGVtfVxuICAgICAgICAgICAgYWN0aXZlPXthY3RpdmV9XG4gICAgICAgICAgICBzaXplPXtsaW5rcy5sZW5ndGggPiA3ID8gXCJsb25nXCIgOiBcImxhcmdlXCJ9XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7c3VibGlua3MgPyAoXG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInNpZGUtc3VibWVudVwiPlxuICAgICAgICAgICAgICA8TmF2aWdhdGlvbkxpc3QgaXRlbXM9e3N1YmxpbmtzfSBhY3RpdmU9e251bGx9IC8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAge2FjdGlvbiA/IChcbiAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgZGlzcGxheVxuICAgICAgICAgICAgICBvdXRsaW5lZFxuICAgICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgICAgICBhbmFseXRpY3NJZD17YWN0aW9uLmFuYWx5dGljc0lkfVxuICAgICAgICAgICAgICBvbkNsaWNrPXsoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgICAgICAgICAgIC8qKlxuICAgICAgICAgICAgICAgICAqIFByZXZlbnQgbmF2IGFjdGlvbiBidXR0b24gdG8gdHVybiBpbnRvIGEgaHlwZXJsaW5rLlxuICAgICAgICAgICAgICAgICAqIFRoaXMgaXMgc28gdGhhdCBnb29nbGUgYW5hbHl0aWNzIHdpbGwgYWx3YXlzIGJlIHRyaWdnZXJlZC5cbiAgICAgICAgICAgICAgICAgKiBJZiB3ZSB1c2UgYSBoeXBlcmxpbmsgaW5zdGVhZCBvZiBidXR0b24gY2xpY2tzIG9uIHRoZSBsYWJlbFxuICAgICAgICAgICAgICAgICAqIHdvbnQgYmUgY29uc2lkZXJlZCBhcyBhIGNsaWNrIG9uIHRoZSBoeXBlcmxpbmsuXG4gICAgICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgICAgaWYgKFwiaHJlZlwiIGluIGFjdGlvbikgd2luZG93LmxvY2F0aW9uLmhyZWYgPSBhY3Rpb24uaHJlZjtcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgICAgaWYgKFwib25DbGlja1wiIGluIGFjdGlvbiAmJiBhY3Rpb24ub25DbGljaykgYWN0aW9uLm9uQ2xpY2soKTtcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2FjdGlvbi5sYWJlbH1cbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgIHthY3Rpb25SYWlzZWQgPyAoXG4gICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgIGNsYXNzTmFtZT1cImFjdGlvblJhaXNlZC1idXR0b25cIlxuICAgICAgICAgICAgICBkaXNwbGF5XG4gICAgICAgICAgICAgIG91dGxpbmVkXG4gICAgICAgICAgICAgIHJhaXNlZFxuICAgICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgICAgICBhbmFseXRpY3NJZD17YWN0aW9uUmFpc2VkLmFuYWx5dGljc0lkfVxuICAgICAgICAgICAgICBvbkNsaWNrPXsoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgICAgICAgICAgIC8qKlxuICAgICAgICAgICAgICAgICAqIFByZXZlbnQgbmF2IGFjdGlvblJhaXNlZCBidXR0b24gdG8gdHVybiBpbnRvIGEgaHlwZXJsaW5rLlxuICAgICAgICAgICAgICAgICAqIFRoaXMgaXMgc28gdGhhdCBnb29nbGUgYW5hbHl0aWNzIHdpbGwgYWx3YXlzIGJlIHRyaWdnZXJlZC5cbiAgICAgICAgICAgICAgICAgKiBJZiB3ZSB1c2UgYSBoeXBlcmxpbmsgaW5zdGVhZCBvZiBidXR0b24gY2xpY2tzIG9uIHRoZSBsYWJlbFxuICAgICAgICAgICAgICAgICAqIHdvbnQgYmUgY29uc2lkZXJlZCBhcyBhIGNsaWNrIG9uIHRoZSBoeXBlcmxpbmsuXG4gICAgICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgICAgaWYgKFwiaHJlZlwiIGluIGFjdGlvblJhaXNlZClcbiAgICAgICAgICAgICAgICAgIHdpbmRvdy5sb2NhdGlvbi5ocmVmID0gYWN0aW9uUmFpc2VkLmhyZWY7XG4gICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICAgIGlmIChcIm9uQ2xpY2tcIiBpbiBhY3Rpb25SYWlzZWQgJiYgYWN0aW9uUmFpc2VkLm9uQ2xpY2spXG4gICAgICAgICAgICAgICAgICBhY3Rpb25SYWlzZWQub25DbGljaygpO1xuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7YWN0aW9uUmFpc2VkLmxhYmVsfVxuICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIC5uYXZpZ2F0aW9uLW1lbnUge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7QkFDS0dST1VORF9HUkVZfTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zaWRlLXN1Ym1lbnUge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgcGFkZGluZy1sZWZ0OiAzcmVtO1xuICAgICAgICAgIGJvcmRlci1sZWZ0OiAxcHggc29saWQgJHtPTl9CQUNLR1JPVU5EX0dSRVlfR1JFWX07XG4gICAgICAgIH1cblxuICAgICAgICAuaW5saW5lLXN1Ym1lbnUge1xuICAgICAgICAgIHBhZGRpbmc6IDAgMXJlbSAxcmVtIDFyZW07XG4gICAgICAgIH1cblxuICAgICAgICAuY29udGVudCB7XG4gICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgIG1heC13aWR0aDogMTAyNHB4O1xuICAgICAgICAgIG1hcmdpbjogMCBhdXRvO1xuICAgICAgICAgIHBhZGRpbmc6IDRyZW07XG4gICAgICAgIH1cblxuICAgICAgICAuY29udGVudCA+IDpnbG9iYWwoKjpub3QoOmxhc3QtY2hpbGQpKSB7XG4gICAgICAgICAgbWFyZ2luLWJvdHRvbTogM3JlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIEBzdXBwb3J0cyAoZGlzcGxheTogZ3JpZCkge1xuICAgICAgICAgIC5jb250ZW50IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgICAgICBncmlkLWdhcDogM3JlbTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuY29udGVudCA+IDpnbG9iYWwoKjpub3QoOmxhc3QtY2hpbGQpKSB7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiBpbml0aWFsO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIC5tYWluLW5hdmlnYXRpb24ge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5tYWluLW5hdmlnYXRpb24gPiA6Z2xvYmFsKCo6bm90KDpsYXN0LWNoaWxkKSkge1xuICAgICAgICAgIG1hcmdpbi1ib3R0b206IDJyZW07XG4gICAgICAgIH1cblxuICAgICAgICAubWFpbi1uYXZpZ2F0aW9uLW1lbnVzIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICB9XG5cbiAgICAgICAgLm1haW4tbmF2aWdhdGlvbi1tZW51cyA+IDpnbG9iYWwoKjpub3QoOmxhc3QtY2hpbGQpKSB7XG4gICAgICAgICAgbWFyZ2luLXJpZ2h0OiAzcmVtO1xuICAgICAgICB9XG4gICAgICAgIDpnbG9iYWwoLmFjdGlvblJhaXNlZC1idXR0b24pIHtcbiAgICAgICAgICBmbG9hdDogcmlnaHQ7XG4gICAgICAgIH1cblxuICAgICAgICBAbWVkaWEgKG1pbi13aWR0aDogNzIwcHgpIHtcbiAgICAgICAgICAuc2lkZS1zdWJtZW51IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGluaXRpYWw7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLmlubGluZS1zdWJtZW51IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIEBtZWRpYSAobWF4LXdpZHRoOiA1NzlweCkge1xuICAgICAgICAgIDpnbG9iYWwoLmFjdGlvblJhaXNlZC1idXR0b24pIHtcbiAgICAgICAgICAgIGZsb2F0OiBsZWZ0ICFpbXBvcnRhbnQ7XG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAxNXB4O1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogNzIwcHgpIHtcbiAgICAgICAgICAubWFpbi1uYXZpZ2F0aW9uIHtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDQwMHB4O1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgPC9kaXY+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IE5hdmlnYXRpb25NZW51O1xuIl19 */\n/*@ sourceURL=nav-menu.tsx */")));
+}
+NavigationMenu$1.propTypes = {
+  links: _pt.any.isRequired,
+  onClickItem: _pt.func.isRequired,
+  sublinks: _pt.oneOfType([_pt.any, _pt.oneOf([null])]),
+  action: _pt.oneOfType([_pt.any, _pt.oneOf([null])]),
+  actionRaised: _pt.oneOfType([_pt.any, _pt.oneOf([null])]),
+  active: _pt.oneOfType([_pt.string, _pt.oneOf([null])])
+};
+
+function NavigationBar$1(_ref) {
+  var isCompactHeight = _ref.isCompactHeight,
+      children = _ref.children;
+  return React.createElement("div", {
+    className: _JSXStyle.dynamic([["3519768875", [isCompactHeight ? "64px" : "75px"]]]) + " " + "navigation-bar"
+  }, React.createElement("div", {
+    className: _JSXStyle.dynamic([["3519768875", [isCompactHeight ? "64px" : "75px"]]]) + " " + "container"
+  }, children), React.createElement(_JSXStyle, {
+    id: "3519768875",
+    dynamic: [isCompactHeight ? "64px" : "75px"]
+  }, ".navigation-bar.__jsx-style-dynamic-selector{width:100%;}.container.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;max-width:1120px;padding:0 1rem;margin:0 auto;height:4rem;}.container.__jsx-style-dynamic-selector>*:not(:last-child){margin-right:0.5rem;}.container.__jsx-style-dynamic-selector>*:last-child{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}@media (min-width:720px){.container.__jsx-style-dynamic-selector{padding:0 1rem;margin:0 auto;}}@media (min-width:960px){.container.__jsx-style-dynamic-selector{height:".concat(isCompactHeight ? "64px" : "75px", ";}}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdi1iYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdrQixBQUdzQixBQUlFLEFBU08sQUFJUixBQUtLLEFBT3FCLFdBNUJ4QyxJQXNCa0IsS0FUbEIsU0FVRSxPQU1BLG1DQVpGLEdBYnNCLGlHQUNILGlCQUNGLGVBQ0QsY0FDRixZQUNkIiwiZmlsZSI6Im5hdi1iYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgdHlwZSBOYXZpZ2F0aW9uQmFyUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xuICBpc0NvbXBhY3RIZWlnaHQ/OiBib29sZWFuO1xufTtcblxuZnVuY3Rpb24gTmF2aWdhdGlvbkJhcih7IGlzQ29tcGFjdEhlaWdodCwgY2hpbGRyZW4gfTogTmF2aWdhdGlvbkJhclByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9XCJuYXZpZ2F0aW9uLWJhclwiPlxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJjb250YWluZXJcIj57Y2hpbGRyZW59PC9kaXY+XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIC5uYXZpZ2F0aW9uLWJhciB7XG4gICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIH1cblxuICAgICAgICAuY29udGFpbmVyIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgICAgICAgIG1heC13aWR0aDogMTEyMHB4O1xuICAgICAgICAgIHBhZGRpbmc6IDAgMXJlbTtcbiAgICAgICAgICBtYXJnaW46IDAgYXV0bztcbiAgICAgICAgICBoZWlnaHQ6IDRyZW07XG4gICAgICAgIH1cblxuICAgICAgICAuY29udGFpbmVyID4gOmdsb2JhbCgqOm5vdCg6bGFzdC1jaGlsZCkpIHtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDAuNXJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb250YWluZXIgPiA6Z2xvYmFsKCo6bGFzdC1jaGlsZCkge1xuICAgICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgfVxuXG4gICAgICAgIEBtZWRpYSAobWluLXdpZHRoOiA3MjBweCkge1xuICAgICAgICAgIC5jb250YWluZXIge1xuICAgICAgICAgICAgcGFkZGluZzogMCAxcmVtO1xuICAgICAgICAgICAgbWFyZ2luOiAwIGF1dG87XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgQG1lZGlhIChtaW4td2lkdGg6IDk2MHB4KSB7XG4gICAgICAgICAgLmNvbnRhaW5lciB7XG4gICAgICAgICAgICBoZWlnaHQ6ICR7aXNDb21wYWN0SGVpZ2h0ID8gXCI2NHB4XCIgOiBcIjc1cHhcIn07XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgPC9kaXY+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IE5hdmlnYXRpb25CYXI7XG4iXX0= */\n/*@ sourceURL=nav-bar.tsx */")));
+}
+
+NavigationBar$1.propTypes = {
+  children: _pt.node,
+  isCompactHeight: _pt.bool
+};
+
+function NavigationExpanded$1(_ref) {
+  var links = _ref.links,
+      children = _ref.children,
+      onRequestClose = _ref.onRequestClose,
+      className = _ref.className,
+      banner = _ref.banner;
+  return React.createElement("div", {
+    className: _JSXStyle.dynamic([["2478425835", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY]]]) + " " + (classnames("navigation-menu", className) || "")
+  }, React.createElement("div", {
+    className: _JSXStyle.dynamic([["2478425835", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY]]]) + " " + "content"
+  }, children, React.createElement("div", {
+    className: _JSXStyle.dynamic([["2478425835", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY]]])
+  }, React.createElement("hr", {
+    className: _JSXStyle.dynamic([["2478425835", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY]]])
+  })), React.createElement("div", {
+    className: _JSXStyle.dynamic([["2478425835", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY]]]) + " " + "columns"
+  }, React.createElement("div", {
+    className: _JSXStyle.dynamic([["2478425835", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY]]]) + " " + "navigation-list-container"
+  }, links ? React.createElement(NavigationList$1, {
+    items: links
+  }) : null), banner ? React.createElement("div", {
+    className: _JSXStyle.dynamic([["2478425835", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY]]]) + " " + "banner"
+  }, banner) : null), React.createElement("div", {
+    className: _JSXStyle.dynamic([["2478425835", [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY]]]) + " " + "close"
+  }, React.createElement(IconButton, {
+    className: "close-button",
+    onClick: onRequestClose
+  }, React.createElement(Icon, {
+    icon: "close",
+    size: "100%",
+    title: "Close"
+  })))), React.createElement(_JSXStyle, {
+    id: "2478425835",
+    dynamic: [BACKGROUND_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY, ON_BACKGROUND_GREY_GREY]
+  }, ".navigation-menu.__jsx-style-dynamic-selector{background-color:".concat(BACKGROUND_GREY, ";}.navigation-list-container.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}.content.__jsx-style-dynamic-selector{position:relative;max-width:1024px;margin:0 auto;padding:0rem 1rem 2rem 1rem;}.content.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:1rem;}.content.__jsx-style-dynamic-selector{display:-ms-grid;display:grid;grid-gap:1rem;}.content.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:0;margin-bottom:initial;}.main-navigation.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.main-navigation.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:2rem;}.main-navigation-menus.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.main-navigation-menus.__jsx-style-dynamic-selector>*:not(:last-child){margin-right:4rem;}.columns.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0;}.columns.__jsx-style-dynamic-selector>*:not(:last-child){margin-right:8rem;}.span-2.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}.columns.__jsx-style-dynamic-selector>:not(:last-child){margin-right:0;margin-right:initial;}.span-2.__jsx-style-dynamic-selector{-ms-grid-column-span:2;grid-column-end:span 2;}.close.__jsx-style-dynamic-selector{display:none;}.navigation-menu.__jsx-style-dynamic-selector .close-button{padding:6px !important;font-size:36px;}.banner.__jsx-style-dynamic-selector{display:none;}hr.__jsx-style-dynamic-selector{border:none;border-top-style:solid;border-top-width:1px;border-color:").concat(ON_BACKGROUND_GREY_GREY, ";color:").concat(ON_BACKGROUND_GREY_GREY, ";background-color:").concat(ON_BACKGROUND_GREY_GREY, ";margin:0;}@media (min-width:720px){.content.__jsx-style-dynamic-selector{padding:2rem;}.content.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:1.5rem;}.content.__jsx-style-dynamic-selector{grid-gap:1.5rem;}.columns.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.banner.__jsx-style-dynamic-selector{display:block;}}@media (min-width:960px){.content.__jsx-style-dynamic-selector{padding:4rem;}.content.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:3rem;}.content.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:0;}.content.__jsx-style-dynamic-selector{grid-gap:3rem;}.close.__jsx-style-dynamic-selector{display:block;position:absolute;top:4rem;right:4rem;}}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdi1leHBhbmRlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUNrQixBQUd5RCxBQUlsQyxBQUlNLEFBT0MsQUFJRixBQU1ELEFBS0gsQUFLTSxBQUlOLEFBSUssQUFJTCxBQUtLLEFBSU4sQUFJRyxBQUtRLEFBS1YsQUFJVSxBQUtWLEFBSUQsQUFXRyxBQUlRLEFBSUwsQUFJSCxBQUlDLEFBTUQsQUFJTSxBQUlILEFBSUYsQUFJQSxZQWhETyxDQWJ6QixBQVNBLEFBZUUsQUFzQkEsQ0FOQSxBQWtCQSxBQUlvQixDQXhFQyxDQW5DQyxBQTZFdEIsQUFzQkEsQ0F6R2EsQ0FYSSxBQW1DbkIsQUFTQSxDQXJDQSxBQW9CQSxBQXFGRSxFQXRCQSxFQWpDdUIsQUFTUixPQXRERCxFQWlISCxHQTVIRyxBQTJFTyxDQXZCdkIsRUFuQ0EsQUFpREEsR0EyRGUsR0FqSGYsRUFyQkEsQUFrRUEsR0F4RDhCLEdBNkg1QixJQWxEMEMsZUFqRjVDLEFBb0RBLEdBMUJ3QixBQVN4QixBQVFZLEFBMkRWLEdBL0ZGLE9BcUNBLGNBc0NxQyxtQ0FDVyxtQkF4RGhELDJCQXlEVyxTQUNYIiwiZmlsZSI6Im5hdi1leHBhbmRlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9pY29uXCI7XG5pbXBvcnQgSWNvbkJ1dHRvbiBmcm9tIFwiLi4vaWNvbi9pY29uLWJ1dHRvblwiO1xuaW1wb3J0IHsgQkFDS0dST1VORF9HUkVZLCBPTl9CQUNLR1JPVU5EX0dSRVlfR1JFWSB9IGZyb20gXCIuLi8uLi90aGVtZS9jb2xvcnNcIjtcbmltcG9ydCBOYXZpZ2F0aW9uTGlzdCwgeyBIeWJyaWROYXZpZ2F0aW9uTGluayB9IGZyb20gXCIuL25hdi1saXN0XCI7XG5cbmV4cG9ydCB0eXBlIE5hdmlnYXRpb25FeHBhbmRlZFByb3BzID0ge1xuICBsaW5rcz86IEFycmF5PEh5YnJpZE5hdmlnYXRpb25MaW5rPjtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGJhbm5lcj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgb25SZXF1ZXN0Q2xvc2U6ICgpID0+IHZvaWQ7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn07XG5cbmZ1bmN0aW9uIE5hdmlnYXRpb25FeHBhbmRlZCh7XG4gIGxpbmtzLFxuICBjaGlsZHJlbixcbiAgb25SZXF1ZXN0Q2xvc2UsXG4gIGNsYXNzTmFtZSxcbiAgYmFubmVyLFxufTogTmF2aWdhdGlvbkV4cGFuZGVkUHJvcHMpIHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhcIm5hdmlnYXRpb24tbWVudVwiLCBjbGFzc05hbWUpfT5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY29udGVudFwiPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgPGhyIC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbHVtbnNcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cIm5hdmlnYXRpb24tbGlzdC1jb250YWluZXJcIj5cbiAgICAgICAgICAgIHtsaW5rcyA/IDxOYXZpZ2F0aW9uTGlzdCBpdGVtcz17bGlua3N9IC8+IDogbnVsbH1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICB7YmFubmVyID8gPGRpdiBjbGFzc05hbWU9XCJiYW5uZXJcIj57YmFubmVyfTwvZGl2PiA6IG51bGx9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImNsb3NlXCI+XG4gICAgICAgICAgPEljb25CdXR0b24gY2xhc3NOYW1lPVwiY2xvc2UtYnV0dG9uXCIgb25DbGljaz17b25SZXF1ZXN0Q2xvc2V9PlxuICAgICAgICAgICAgPEljb24gaWNvbj1cImNsb3NlXCIgc2l6ZT1cIjEwMCVcIiB0aXRsZT1cIkNsb3NlXCIgLz5cbiAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIC5uYXZpZ2F0aW9uLW1lbnUge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7QkFDS0dST1VORF9HUkVZfTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5uYXZpZ2F0aW9uLWxpc3QtY29udGFpbmVyIHtcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgIH1cblxuICAgICAgICAuY29udGVudCB7XG4gICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgIG1heC13aWR0aDogMTAyNHB4O1xuICAgICAgICAgIG1hcmdpbjogMCBhdXRvO1xuICAgICAgICAgIHBhZGRpbmc6IDByZW0gMXJlbSAycmVtIDFyZW07XG4gICAgICAgIH1cblxuICAgICAgICAuY29udGVudCA+IDpnbG9iYWwoKjpub3QoOmxhc3QtY2hpbGQpKSB7XG4gICAgICAgICAgbWFyZ2luLWJvdHRvbTogMXJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb250ZW50IHtcbiAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgIGdyaWQtZ2FwOiAxcmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLmNvbnRlbnQgPiA6Z2xvYmFsKCo6bm90KDpsYXN0LWNoaWxkKSkge1xuICAgICAgICAgIG1hcmdpbi1ib3R0b206IGluaXRpYWw7XG4gICAgICAgIH1cblxuICAgICAgICAubWFpbi1uYXZpZ2F0aW9uIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIH1cblxuICAgICAgICAubWFpbi1uYXZpZ2F0aW9uID4gOmdsb2JhbCgqOm5vdCg6bGFzdC1jaGlsZCkpIHtcbiAgICAgICAgICBtYXJnaW4tYm90dG9tOiAycmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLm1haW4tbmF2aWdhdGlvbi1tZW51cyB7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5tYWluLW5hdmlnYXRpb24tbWVudXMgPiA6Z2xvYmFsKCo6bm90KDpsYXN0LWNoaWxkKSkge1xuICAgICAgICAgIG1hcmdpbi1yaWdodDogNHJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb2x1bW5zIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgIH1cblxuICAgICAgICAuY29sdW1ucyA+IDpnbG9iYWwoKjpub3QoOmxhc3QtY2hpbGQpKSB7XG4gICAgICAgICAgbWFyZ2luLXJpZ2h0OiA4cmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLnNwYW4tMiB7XG4gICAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICB9XG5cbiAgICAgICAgLmNvbHVtbnMgPiA6Z2xvYmFsKDpub3Q6KDpsYXN0LWNoaWxkKSkge1xuICAgICAgICAgIG1hcmdpbi1yaWdodDogaW5pdGlhbDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zcGFuLTIge1xuICAgICAgICAgIGdyaWQtY29sdW1uLWVuZDogc3BhbiAyO1xuICAgICAgICB9XG5cbiAgICAgICAgLmNsb3NlIHtcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgLm5hdmlnYXRpb24tbWVudSA6Z2xvYmFsKC5jbG9zZS1idXR0b24pIHtcbiAgICAgICAgICBwYWRkaW5nOiA2cHggIWltcG9ydGFudDtcbiAgICAgICAgICBmb250LXNpemU6IDM2cHg7XG4gICAgICAgIH1cblxuICAgICAgICAuYmFubmVyIHtcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgaHIge1xuICAgICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgICBib3JkZXItdG9wLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICBib3JkZXItdG9wLXdpZHRoOiAxcHg7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAke09OX0JBQ0tHUk9VTkRfR1JFWV9HUkVZfTtcbiAgICAgICAgICBjb2xvcjogJHtPTl9CQUNLR1JPVU5EX0dSRVlfR1JFWX07XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtPTl9CQUNLR1JPVU5EX0dSRVlfR1JFWX07XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgQG1lZGlhIChtaW4td2lkdGg6IDcyMHB4KSB7XG4gICAgICAgICAgLmNvbnRlbnQge1xuICAgICAgICAgICAgcGFkZGluZzogMnJlbTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuY29udGVudCA+IDpnbG9iYWwoKjpub3QoOmxhc3QtY2hpbGQpKSB7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAxLjVyZW07XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLmNvbnRlbnQge1xuICAgICAgICAgICAgZ3JpZC1nYXA6IDEuNXJlbTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuY29sdW1ucyB7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIH1cblxuICAgICAgICAgIC5iYW5uZXIge1xuICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgQG1lZGlhIChtaW4td2lkdGg6IDk2MHB4KSB7XG4gICAgICAgICAgLmNvbnRlbnQge1xuICAgICAgICAgICAgcGFkZGluZzogNHJlbTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuY29udGVudCA+IDpnbG9iYWwoKjpub3QoOmxhc3QtY2hpbGQpKSB7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAzcmVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIC5jb250ZW50ID4gOmdsb2JhbCgqOm5vdCg6bGFzdC1jaGlsZCkpIHtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLmNvbnRlbnQge1xuICAgICAgICAgICAgZ3JpZC1nYXA6IDNyZW07XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLmNsb3NlIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgdG9wOiA0cmVtO1xuICAgICAgICAgICAgcmlnaHQ6IDRyZW07XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgPC9kaXY+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IE5hdmlnYXRpb25FeHBhbmRlZDtcbiJdfQ== */\n/*@ sourceURL=nav-expanded.tsx */")));
+}
+
+NavigationExpanded$1.propTypes = {
+  links: _pt.any,
+  children: _pt.node,
+  banner: _pt.node,
+  onRequestClose: _pt.func.isRequired,
+  className: _pt.string
+};
+
+function NavigationActions$1(_ref) {
+  var children = _ref.children;
+  return React.createElement(Stack, {
+    gap: "0.5rem",
+    justify: "end",
+    align: "center"
+  }, children);
+}
+
+function NavigationSearch$1(_ref) {
+  var value = _ref.value,
+      _onChange = _ref.onChange,
+      onSubmit = _ref.onSubmit,
+      onCancel = _ref.onCancel;
+  // Focus the search bar when opened
+  var input = useRef(null);
+  useEffect(function () {
+    if (input.current) {
+      input.current.focus();
+    }
+  }, [input]);
+
+  var handleKeyDown = function handleKeyDown(e) {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      onSubmit();
+    }
+  };
+
+  var handleChange = function handleChange(e) {
+    _onChange(e.currentTarget.value);
+  };
+
+  var placeholder = "Try searching for a friend, campaign, or event";
+  var isMobile = useMedia("screen and (max-width: 719px)");
+  var isCompact = useMedia("screen and (max-width: 959px)");
+  return React.createElement(React.Fragment, null, React.createElement("div", {
+    className: "jsx-3334382920" + " " + "navigation-search"
+  }, !isCompact ? React.createElement(TextField, {
+    leadingIcon: React.createElement(Icon, {
+      icon: "search"
+    }),
+    trailingIcon: React.createElement(Icon, {
+      icon: "close",
+      title: "close"
+    }),
+    onTrailingIconSelect: function onTrailingIconSelect() {
+      return onCancel();
+    },
+    onChange: handleChange,
+    onKeyDown: handleKeyDown,
+    value: value,
+    placeholder: placeholder,
+    ref: input,
+    large: true
+  }) : React.createElement(React.Fragment, null, React.createElement(TextField, {
+    leadingIcon: React.createElement(Icon, {
+      icon: "search"
+    }),
+    trailingIcon: value ? React.createElement(Icon, {
+      icon: "cancel",
+      title: "clear"
+    }) : undefined,
+    onTrailingIconSelect: function onTrailingIconSelect() {
+      return _onChange("");
+    },
+    onChange: function onChange(e) {
+      return _onChange(e.currentTarget.value);
+    },
+    onKeyDown: handleKeyDown,
+    value: value,
+    placeholder: !isMobile ? placeholder : "Search",
+    ref: input
+  }), React.createElement("div", {
+    className: "jsx-3334382920" + " " + "cancel"
+  }, React.createElement(Button, {
+    onClick: function onClick() {
+      return onCancel();
+    }
+  }, "Cancel")))), React.createElement(_JSXStyle, {
+    id: "3334382920"
+  }, ".navigation-search.jsx-3334382920{height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.navigation-search.jsx-3334382920>*:first-child{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}.cancel.jsx-3334382920{margin-left:0.5rem;}.cancel.jsx-3334382920 .button{height:3.5rem;}@media (min-width:720px){.navigation-search.jsx-3334382920{padding:0 1rem;}}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdi1zZWFyY2gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdGa0IsQUFHdUIsQUFPQSxBQUlPLEFBSUwsQUFLRyxZQW5CTixFQWViLENBS0UsSUFURixJQVZlLGdEQU1mLDBCQUxxQiw2RkFDckIiLCJmaWxlIjoibmF2LXNlYXJjaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IFRleHRGaWVsZCB9IGZyb20gXCIuLi90ZXh0LWZpZWxkXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL2ljb25cIjtcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9idXR0b25cIjtcbmltcG9ydCB1c2VNZWRpYSBmcm9tIFwidXNlLW1lZGlhXCI7XG5cbmludGVyZmFjZSBOYXZpZ2F0aW9uU2VhcmNoUHJvcHMge1xuICB2YWx1ZTogc3RyaW5nO1xuICBvbkNoYW5nZTogKHZhbHVlOiBzdHJpbmcpID0+IHZvaWQ7XG4gIG9uU3VibWl0OiAoKSA9PiB2b2lkO1xuICBvbkNhbmNlbDogKCkgPT4gdm9pZDtcbn1cblxuZnVuY3Rpb24gTmF2aWdhdGlvblNlYXJjaCh7XG4gIHZhbHVlLFxuICBvbkNoYW5nZSxcbiAgb25TdWJtaXQsXG4gIG9uQ2FuY2VsLFxufTogTmF2aWdhdGlvblNlYXJjaFByb3BzKSB7XG4gIC8vIEZvY3VzIHRoZSBzZWFyY2ggYmFyIHdoZW4gb3BlbmVkXG4gIGNvbnN0IGlucHV0ID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpbnB1dC5jdXJyZW50KSB7XG4gICAgICBpbnB1dC5jdXJyZW50LmZvY3VzKCk7XG4gICAgfVxuICB9LCBbaW5wdXRdKTtcblxuICBjb25zdCBoYW5kbGVLZXlEb3duID0gKGU6IFJlYWN0LktleWJvYXJkRXZlbnQpID0+IHtcbiAgICBpZiAoZS5rZXkgPT09IFwiRW50ZXJcIikge1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgb25TdWJtaXQoKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgIG9uQ2hhbmdlKGUuY3VycmVudFRhcmdldC52YWx1ZSk7XG4gIH07XG5cbiAgY29uc3QgcGxhY2Vob2xkZXIgPSBcIlRyeSBzZWFyY2hpbmcgZm9yIGEgZnJpZW5kLCBjYW1wYWlnbiwgb3IgZXZlbnRcIjtcblxuICBjb25zdCBpc01vYmlsZSA9IHVzZU1lZGlhKFwic2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3MTlweClcIik7XG4gIGNvbnN0IGlzQ29tcGFjdCA9IHVzZU1lZGlhKFwic2NyZWVuIGFuZCAobWF4LXdpZHRoOiA5NTlweClcIik7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJuYXZpZ2F0aW9uLXNlYXJjaFwiPlxuICAgICAgICB7IWlzQ29tcGFjdCA/IChcbiAgICAgICAgICA8VGV4dEZpZWxkXG4gICAgICAgICAgICBsZWFkaW5nSWNvbj17PEljb24gaWNvbj1cInNlYXJjaFwiIC8+fVxuICAgICAgICAgICAgdHJhaWxpbmdJY29uPXs8SWNvbiBpY29uPVwiY2xvc2VcIiB0aXRsZT1cImNsb3NlXCIgLz59XG4gICAgICAgICAgICBvblRyYWlsaW5nSWNvblNlbGVjdD17KCkgPT4gb25DYW5jZWwoKX1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9XG4gICAgICAgICAgICBvbktleURvd249e2hhbmRsZUtleURvd259XG4gICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICByZWY9e2lucHV0fVxuICAgICAgICAgICAgbGFyZ2VcbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICA8VGV4dEZpZWxkXG4gICAgICAgICAgICAgIGxlYWRpbmdJY29uPXs8SWNvbiBpY29uPVwic2VhcmNoXCIgLz59XG4gICAgICAgICAgICAgIHRyYWlsaW5nSWNvbj17XG4gICAgICAgICAgICAgICAgdmFsdWUgPyA8SWNvbiBpY29uPVwiY2FuY2VsXCIgdGl0bGU9XCJjbGVhclwiIC8+IDogdW5kZWZpbmVkXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgb25UcmFpbGluZ0ljb25TZWxlY3Q9eygpID0+IG9uQ2hhbmdlKFwiXCIpfVxuICAgICAgICAgICAgICBvbkNoYW5nZT17KGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT5cbiAgICAgICAgICAgICAgICBvbkNoYW5nZShlLmN1cnJlbnRUYXJnZXQudmFsdWUpXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVLZXlEb3dufVxuICAgICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXshaXNNb2JpbGUgPyBwbGFjZWhvbGRlciA6IFwiU2VhcmNoXCJ9XG4gICAgICAgICAgICAgIHJlZj17aW5wdXR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjYW5jZWxcIj5cbiAgICAgICAgICAgICAgPEJ1dHRvbiBvbkNsaWNrPXsoKSA9PiBvbkNhbmNlbCgpfT5DYW5jZWw8L0J1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIC5uYXZpZ2F0aW9uLXNlYXJjaCB7XG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5uYXZpZ2F0aW9uLXNlYXJjaCA+IDpnbG9iYWwoKjpmaXJzdC1jaGlsZCkge1xuICAgICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jYW5jZWwge1xuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAwLjVyZW07XG4gICAgICAgIH1cblxuICAgICAgICAuY2FuY2VsIDpnbG9iYWwoLmJ1dHRvbikge1xuICAgICAgICAgIGhlaWdodDogMy41cmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgQG1lZGlhIChtaW4td2lkdGg6IDcyMHB4KSB7XG4gICAgICAgICAgLm5hdmlnYXRpb24tc2VhcmNoIHtcbiAgICAgICAgICAgIHBhZGRpbmc6IDAgMXJlbTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICA8Lz5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvblNlYXJjaDtcbiJdfQ== */\n/*@ sourceURL=nav-search.tsx */"));
+}
+
+NavigationSearch$1.propTypes = {
+  value: _pt.string.isRequired,
+  onChange: _pt.func.isRequired,
+  onSubmit: _pt.func.isRequired,
+  onCancel: _pt.func.isRequired
+};
+
+function NavigationSearchControl$1(_ref) {
+  var onChangeSearchOpen = _ref.onChangeSearchOpen,
+      analyticsId = _ref.analyticsId;
+  return React.createElement(IconButton, {
+    id: analyticsId,
+    onClick: function onClick() {
+      return onChangeSearchOpen(true);
+    }
+  }, React.createElement(Icon, {
+    icon: "search"
+  }));
+}
+
+NavigationSearchControl$1.propTypes = {
+  onChangeSearchOpen: _pt.func.isRequired,
+  analyticsId: _pt.string
+};
+
+function NavigationSignInControl$1(_ref) {
+  var analyticsId = _ref.analyticsId,
+      handleonRequestSignIn = _ref.handleonRequestSignIn,
+      compact = _ref.compact,
+      className = _ref.className,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? "neutral" : _ref$color,
+      noIcon = _ref.noIcon,
+      rest = _objectWithoutProperties(_ref, ["analyticsId", "handleonRequestSignIn", "compact", "className", "color", "noIcon"]);
+
+  return React.createElement("div", _extends({
+    className: classnames("sign-in-control", className)
+  }, rest), !compact ? React.createElement(Button, {
+    analyticsId: analyticsId,
+    className: "sign-in-button",
+    color: color,
+    icon: !noIcon ? React.createElement(Icon, {
+      icon: "perm_identity",
+      color: "accent"
+    }) : undefined,
+    onClick: function onClick() {
+      return handleonRequestSignIn();
+    },
+    display: true,
+    style: {
+      fontSize: "15px",
+      fontWeight: 500,
+      lineHeight: "21px"
+    }
+  }, "Login") : React.createElement(IconButton, {
+    id: analyticsId,
+    title: "Sign in",
+    color: "accent",
+    onClick: function onClick() {
+      return handleonRequestSignIn();
+    }
+  }, React.createElement(Icon, {
+    icon: "perm_identity"
+  })));
+}
+
+NavigationSignInControl$1.propTypes = {
+  analyticsId: _pt.string,
+  compact: _pt.bool,
+  handleonRequestSignIn: _pt.func.isRequired,
+  color: _pt.any,
+  noIcon: _pt.bool
+};
+
+function NavigationCallToAction$1(props) {
+  return React.createElement(Button, _extends({
+    raised: true,
+    display: true
+  }, props));
+}
+
+function NavigationMenuControl$1(_ref) {
+  var isMenuOpen = _ref.isMenuOpen,
+      onChangeMenuOpen = _ref.onChangeMenuOpen,
+      className = _ref.className,
+      rest = _objectWithoutProperties(_ref, ["isMenuOpen", "onChangeMenuOpen", "className"]);
+
+  return React.createElement("div", _extends({}, rest, {
+    className: _JSXStyle.dynamic([["3286706984", [ON_BACKGROUND_GREY_GREY]]]) + " " + (rest && rest.className != null && rest.className || classnames("menu-control", className) || "")
+  }), React.createElement(HeartToggle, {
+    active: React.createElement(Icon, {
+      icon: "menu"
+    }),
+    inactive: React.createElement(Icon, {
+      icon: "close"
+    }),
+    value: isMenuOpen,
+    onChange: onChangeMenuOpen
+  }), React.createElement(_JSXStyle, {
+    id: "3286706984",
+    dynamic: [ON_BACKGROUND_GREY_GREY]
+  }, ".menu-control.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.menu-control.__jsx-style-dynamic-selector::before{content:\"\";display:inline-block;width:1px;height:2rem;border-left:1px solid ".concat(ON_BACKGROUND_GREY_GREY, ";margin-right:calc(0.5rem - 1px);}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdi1tZW51LWNvbnRyb2wudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCa0IsQUFHd0IsQUFLRixXQUNVLHFCQUNYLFVBQ0UsWUFDdUMsb0JBUmhDLCtCQVNhLGdDQUNsQyw4QkFUQSIsImZpbGUiOiJuYXYtbWVudS1jb250cm9sLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgeyBPTl9CQUNLR1JPVU5EX0dSRVlfR1JFWSB9IGZyb20gXCIuLi8uLi90aGVtZS9jb2xvcnNcIjtcbmltcG9ydCB7IEhlYXJ0VG9nZ2xlLCBJY29uIH0gZnJvbSBcIi4uL2ljb25cIjtcblxuaW50ZXJmYWNlIE5hdmlnYXRpb25NZW51Q29udHJvbFByb3BzIGV4dGVuZHMgUmVhY3QuSFRNTFByb3BzPEhUTUxEaXZFbGVtZW50PiB7XG4gIGlzTWVudU9wZW46IGJvb2xlYW47XG4gIG9uQ2hhbmdlTWVudU9wZW46IChpc09wZW46IGJvb2xlYW4pID0+IHZvaWQ7XG59XG5cbmZ1bmN0aW9uIE5hdmlnYXRpb25NZW51Q29udHJvbCh7XG4gIGlzTWVudU9wZW4sXG4gIG9uQ2hhbmdlTWVudU9wZW4sXG4gIGNsYXNzTmFtZSxcbiAgLi4ucmVzdFxufTogTmF2aWdhdGlvbk1lbnVDb250cm9sUHJvcHMpIHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhcIm1lbnUtY29udHJvbFwiLCBjbGFzc05hbWUpfSB7Li4ucmVzdH0+XG4gICAgICA8SGVhcnRUb2dnbGVcbiAgICAgICAgYWN0aXZlPXs8SWNvbiBpY29uPVwibWVudVwiIC8+fVxuICAgICAgICBpbmFjdGl2ZT17PEljb24gaWNvbj1cImNsb3NlXCI+PC9JY29uPn1cbiAgICAgICAgdmFsdWU9e2lzTWVudU9wZW59XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZU1lbnVPcGVufVxuICAgICAgLz5cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLm1lbnUtY29udHJvbCB7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICB9XG5cbiAgICAgICAgLm1lbnUtY29udHJvbDo6YmVmb3JlIHtcbiAgICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgICB3aWR0aDogMXB4O1xuICAgICAgICAgIGhlaWdodDogMnJlbTtcbiAgICAgICAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkICR7T05fQkFDS0dST1VORF9HUkVZX0dSRVl9O1xuICAgICAgICAgIG1hcmdpbi1yaWdodDogY2FsYygwLjVyZW0gLSAxcHgpO1xuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgPC9kaXY+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IE5hdmlnYXRpb25NZW51Q29udHJvbDtcbiJdfQ== */\n/*@ sourceURL=nav-menu-control.tsx */")));
+}
+
+NavigationMenuControl$1.propTypes = {
+  isMenuOpen: _pt.bool.isRequired,
+  onChangeMenuOpen: _pt.func.isRequired
+};
+
+function NavigationUserMenuItem$1(_ref) {
+  var icon = _ref.icon,
+      label = _ref.label,
+      onClick = _ref.onClick,
+      submenu = _ref.submenu,
+      isSubmenuOpen = _ref.isSubmenuOpen,
+      rest = _objectWithoutProperties(_ref, ["icon", "label", "onClick", "submenu", "isSubmenuOpen"]);
+
+  return React.createElement(Fragment, null, React.createElement(MenuListItem, _extends({
+    onClick: onClick
+  }, rest), React.createElement(MenuListItemGraphic, {
+    graphic: React.createElement(Icon, _extends({
+      color: "primary"
+    }, icon))
+  }), React.createElement(MenuListItemText, {
+    primaryText: label
+  }), submenu ? React.createElement(ListItemMeta, {
+    meta: React.createElement(Icon, {
+      color: "primary",
+      icon: isSubmenuOpen ? "keyboard_arrow_up" : "keyboard_arrow_down"
+    })
+  }) : null), submenu && isSubmenuOpen ? submenu.map(function (subItem) {
+    return React.createElement(MenuListItem, _extends({
+      key: subItem.id || subItem.href
+    }, subItem), React.createElement(MenuListItemText, {
+      primaryText: subItem.label,
+      className: "icon-submenu"
+    }));
+  }) : null);
+}
+
+NavigationUserMenuItem$1.propTypes = {
+  icon: _pt.any.isRequired,
+  label: _pt.string.isRequired,
+  onClick: _pt.func,
+  href: _pt.string,
+  id: _pt.string,
+  submenu: _pt.any,
+  isSubmenuOpen: _pt.bool
+};
+
+function NavigationUserMenuItems$1(_ref2) {
+  var items = _ref2.items;
+
+  // To keep track of which submenu (if any) is open at any time
+  // There can be only one open at a time
+  var _useState = useState(-1),
+      _useState2 = _slicedToArray(_useState, 2),
+      activeSubmenu = _useState2[0],
+      setActiveSubmenu = _useState2[1];
+
+  var handleClick = function handleClick(index, item) {
+    if (item.submenu) {
+      setActiveSubmenu(activeSubmenu === index ? -1 : index);
+    } else if (item.onClick) {
+      item.onClick();
+    }
+  };
+
+  return React.createElement(Fragment, null, items.map(function (item, i) {
+    return React.createElement(NavigationUserMenuItem$1, _extends({
+      key: item.id || item.href || i,
+      id: item.id || item.href,
+      isSubmenuOpen: item.submenu && activeSubmenu === i
+    }, item, {
+      onClick: function onClick() {
+        return handleClick(i, item);
+      }
+    }));
+  }));
+}
+
+NavigationUserMenuItems$1.propTypes = {
+  items: _pt.any.isRequired
+};
+
+function NavigationUserMenu$1(_ref) {
+  var user = _ref.user,
+      items = _ref.items,
+      isOpen = _ref.isOpen,
+      onChangeOpen = _ref.onChangeOpen;
+  var theme = useTheme(); // Allow users with pointing devices to open/close the menu by hovering in/out
+
+  var _useHover = useHover$1(),
+      _useHover2 = _slicedToArray(_useHover, 2),
+      isHovered = _useHover2[0],
+      bind = _useHover2[1];
+
+  useEffect(function () {
+    onChangeOpen(isHovered);
+  }, [onChangeOpen, isHovered]);
+  return React.createElement("div", _extends({}, bind(), {
+    className: "jsx-744321216 " + _JSXStyle.dynamic([["2704769880", [theme.typography.fontFamily.brand, theme.color.foreground.primary]]]) + " " + (classnames("menu-anchor", {
+      compact: useMedia("screen and (max-width: 425px)")
+    }) || "")
+  }), React.createElement("div", {
+    className: "jsx-744321216 " + _JSXStyle.dynamic([["2704769880", [theme.typography.fontFamily.brand, theme.color.foreground.primary]]]) + " " + (classnames("menu-trigger", {
+      open: isOpen
+    }) || "")
+  }, React.createElement(Avatar, {
+    name: user.name,
+    src: user.avatar ? user.avatar.src : undefined,
+    onClick: function onClick() {
+      return onChangeOpen(!isOpen);
+    }
+  })), items && isOpen && React.createElement("div", {
+    className: "jsx-744321216 " + _JSXStyle.dynamic([["2704769880", [theme.typography.fontFamily.brand, theme.color.foreground.primary]]]) + " " + "user-menu"
+  }, React.createElement(MenuList, null, React.createElement(MenuListItem, null, React.createElement(MenuListItemText, {
+    primaryText: React.createElement("strong", {
+      className: "jsx-744321216 " + _JSXStyle.dynamic([["2704769880", [theme.typography.fontFamily.brand, theme.color.foreground.primary]]])
+    }, "Hello ", user.name, "!")
+  })), React.createElement(NavigationUserMenuItems$1, {
+    items: items
+  }))), React.createElement(_JSXStyle, {
+    id: "744321216"
+  }, ".menu-trigger.jsx-744321216{cursor:pointer;width:3rem;height:3rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:0.25rem;}.open.jsx-744321216{background-color:#efefef;}.menu-anchor.jsx-744321216{position:relative;overflow:visible;}.menu-anchor.compact.jsx-744321216{position:static;position:initial;}.user-menu.jsx-744321216{position:absolute;z-index:1;top:100%;right:0;background-color:white;border-radius:0.25rem;box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 4px rgba(0,0,0,0.24);overflow-x:scroll;max-height:calc(100vh - 64px);}.user-menu.jsx-744321216::before{display:block;content:\"\";width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white;position:absolute;top:-8px;right:calc((3rem / 2) - 8px);}.compact.jsx-744321216 .user-menu.jsx-744321216{left:8px;right:8px;top:3.5rem;}.compact.jsx-744321216 .user-menu.jsx-744321216::before{right:calc((3rem / 2) - 8px + 4.5rem);}.user-menu.jsx-744321216 .mdc-list-item__graphic{margin-right:1rem;}.user-menu.jsx-744321216 .mdc-list-item:not(:last-of-type){border-bottom:1px solid #e0e0e0;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdi11c2VyLW1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Fa0IsQUFHMEIsQUFVVSxBQUlQLEFBS0YsQUFLRSxBQWNKLEFBYUwsQUFNNkIsQUFJcEIsQUFJYyxTQWJ0QixLQWJDLENBdENBLENBbUJNLEVBTEEsQUFVUCxBQXFDWixDQVRhLE1BMUNiLEFBNkJVLENBdENJLEVBd0JILEVBNEJYLEVBWUEsQ0E3Q0EsQUFvQlcsRUF6QlgsRUFXVSxDQXhCSyxBQXVEZixJQWhCb0MsR0FkWCx1QkFDRCxRQWNhLGNBWkoscUJBYUQsQ0F4Q1AsNkJBeUNMLGVBYkEsR0FjVCxTQUNvQixNQWRDLHVCQWVoQyxPQWRBLE9BN0JxQiw2RkFDRyxzQkFDeEIiLCJmaWxlIjoibmF2LXVzZXItbWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB1c2VNZWRpYSBmcm9tIFwidXNlLW1lZGlhXCI7XG5pbXBvcnQgQXZhdGFyIGZyb20gXCIuLi9hdmF0YXIvYXZhdGFyXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi8uLi90aGVtZS90aGVtZVwiO1xuaW1wb3J0IHsgTWVudUxpc3QsIE1lbnVMaXN0SXRlbSwgTWVudUxpc3RJdGVtVGV4dCB9IGZyb20gXCIuLi9tZW51XCI7XG5pbXBvcnQgTmF2aWdhdGlvblVzZXJNZW51SXRlbXMsIHtcbiAgVXNlck1lbnVJdGVtV2l0aFN1Ym1lbnUsXG59IGZyb20gXCIuL25hdi11c2VyLW1lbnUtaXRlbXNcIjtcblxuZXhwb3J0IHR5cGUgVXNlckRhdGEgPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgYXZhdGFyPzoge1xuICAgIHNyYzogc3RyaW5nO1xuICB9O1xufTtcblxuZXhwb3J0IHR5cGUgVXNlck1lbnVJdGVtcyA9IEFycmF5PFVzZXJNZW51SXRlbVdpdGhTdWJtZW51PjtcblxuaW50ZXJmYWNlIE5hdmlnYXRpb25Vc2VyTWVudVByb3BzIHtcbiAgdXNlcjogVXNlckRhdGE7XG4gIGl0ZW1zPzogVXNlck1lbnVJdGVtcztcbiAgaXNPcGVuPzogYm9vbGVhbjtcbiAgb25DaGFuZ2VPcGVuOiAoaXNPcGVuOiBib29sZWFuKSA9PiB2b2lkO1xuICBpc0NvbXBhY3Q/OiBib29sZWFuO1xufVxuXG5mdW5jdGlvbiBOYXZpZ2F0aW9uVXNlck1lbnUoe1xuICB1c2VyLFxuICBpdGVtcyxcbiAgaXNPcGVuLFxuICBvbkNoYW5nZU9wZW4sXG59OiBOYXZpZ2F0aW9uVXNlck1lbnVQcm9wcykge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgLy8gQWxsb3cgdXNlcnMgd2l0aCBwb2ludGluZyBkZXZpY2VzIHRvIG9wZW4vY2xvc2UgdGhlIG1lbnUgYnkgaG92ZXJpbmcgaW4vb3V0XG4gIGNvbnN0IFtpc0hvdmVyZWQsIGJpbmRdID0gdXNlSG92ZXIoKTtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBvbkNoYW5nZU9wZW4oaXNIb3ZlcmVkKTtcbiAgfSwgW29uQ2hhbmdlT3BlbiwgaXNIb3ZlcmVkXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXCJtZW51LWFuY2hvclwiLCB7XG4gICAgICAgIGNvbXBhY3Q6IHVzZU1lZGlhKFwic2NyZWVuIGFuZCAobWF4LXdpZHRoOiA0MjVweClcIiksXG4gICAgICB9KX1cbiAgICAgIHsuLi5iaW5kKCl9XG4gICAgPlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXCJtZW51LXRyaWdnZXJcIiwgeyBvcGVuOiBpc09wZW4gfSl9PlxuICAgICAgICA8QXZhdGFyXG4gICAgICAgICAgbmFtZT17dXNlci5uYW1lfVxuICAgICAgICAgIHNyYz17dXNlci5hdmF0YXIgPyB1c2VyLmF2YXRhci5zcmMgOiB1bmRlZmluZWR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2VPcGVuKCFpc09wZW4pfVxuICAgICAgICAvPlxuICAgICAgPC9kaXY+XG4gICAgICB7aXRlbXMgJiYgaXNPcGVuICYmIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJ1c2VyLW1lbnVcIj5cbiAgICAgICAgICA8TWVudUxpc3Q+XG4gICAgICAgICAgICA8TWVudUxpc3RJdGVtPlxuICAgICAgICAgICAgICA8TWVudUxpc3RJdGVtVGV4dFxuICAgICAgICAgICAgICAgIHByaW1hcnlUZXh0PXs8c3Ryb25nPkhlbGxvIHt1c2VyLm5hbWV9ITwvc3Ryb25nPn1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvTWVudUxpc3RJdGVtPlxuICAgICAgICAgICAgPE5hdmlnYXRpb25Vc2VyTWVudUl0ZW1zIGl0ZW1zPXtpdGVtc30gLz5cbiAgICAgICAgICA8L01lbnVMaXN0PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICl9XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIC5tZW51LXRyaWdnZXIge1xuICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgICB3aWR0aDogM3JlbTtcbiAgICAgICAgICBoZWlnaHQ6IDNyZW07XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDAuMjVyZW07XG4gICAgICAgIH1cblxuICAgICAgICAub3BlbiB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2VmZWZlZjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5tZW51LWFuY2hvciB7XG4gICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgICAgICB9XG5cbiAgICAgICAgLm1lbnUtYW5jaG9yLmNvbXBhY3Qge1xuICAgICAgICAgIHBvc2l0aW9uOiBpbml0aWFsO1xuICAgICAgICB9XG5cbiAgICAgICAgLnVzZXItbWVudSB7XG4gICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgICAgdG9wOiAxMDAlO1xuICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDAuMjVyZW07XG4gICAgICAgICAgYm94LXNoYWRvdzogMCAxcHggM3B4IHJnYmEoMCwgMCwgMCwgMC4xMiksXG4gICAgICAgICAgICAwIDFweCA0cHggcmdiYSgwLCAwLCAwLCAwLjI0KTtcbiAgICAgICAgICBvdmVyZmxvdy14OiBzY3JvbGw7XG4gICAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDB2aCAtIDY0cHgpO1xuICAgICAgICB9XG5cbiAgICAgICAgLyogYXJyb3cgKi9cbiAgICAgICAgLnVzZXItbWVudTo6YmVmb3JlIHtcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICAgIHdpZHRoOiAwO1xuICAgICAgICAgIGhlaWdodDogMDtcbiAgICAgICAgICBib3JkZXItbGVmdDogOHB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICAgICAgICAgIGJvcmRlci1yaWdodDogOHB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDhweCBzb2xpZCB3aGl0ZTtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgdG9wOiAtOHB4O1xuICAgICAgICAgIHJpZ2h0OiBjYWxjKCgzcmVtIC8gMikgLSA4cHgpO1xuICAgICAgICB9XG5cbiAgICAgICAgLmNvbXBhY3QgLnVzZXItbWVudSB7XG4gICAgICAgICAgbGVmdDogOHB4O1xuICAgICAgICAgIHJpZ2h0OiA4cHg7XG4gICAgICAgICAgdG9wOiAzLjVyZW07XG4gICAgICAgIH1cblxuICAgICAgICAuY29tcGFjdCAudXNlci1tZW51OjpiZWZvcmUge1xuICAgICAgICAgIHJpZ2h0OiBjYWxjKCgzcmVtIC8gMikgLSA4cHggKyA0LjVyZW0pO1xuICAgICAgICB9XG5cbiAgICAgICAgLnVzZXItbWVudSA6Z2xvYmFsKC5tZGMtbGlzdC1pdGVtX19ncmFwaGljKSB7XG4gICAgICAgICAgbWFyZ2luLXJpZ2h0OiAxcmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLnVzZXItbWVudSA6Z2xvYmFsKC5tZGMtbGlzdC1pdGVtOm5vdCg6bGFzdC1vZi10eXBlKSkge1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZTBlMGUwO1xuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIC51c2VyLW1lbnUgOmdsb2JhbCgubWRjLWxpc3QpIHtcbiAgICAgICAgICBmb250LWZhbWlseTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRGYW1pbHkuYnJhbmR9O1xuICAgICAgICB9XG5cbiAgICAgICAgc3Ryb25nIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvci5mb3JlZ3JvdW5kLnByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgPC9kaXY+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IE5hdmlnYXRpb25Vc2VyTWVudTtcblxuZnVuY3Rpb24gdXNlSG92ZXIoKSB7XG4gIGNvbnN0IFtpc0hvdmVyZWQsIHNldElzSG92ZXJlZF0gPSB1c2VTdGF0ZSgpO1xuXG4gIGNvbnN0IGJpbmQgPSAoKSA9PiAoe1xuICAgIG9uTW91c2VPdmVyOiAoKSA9PiB7XG4gICAgICBzZXRJc0hvdmVyZWQodHJ1ZSk7XG4gICAgfSxcbiAgICBvbk1vdXNlTGVhdmU6ICgpID0+IHtcbiAgICAgIHNldElzSG92ZXJlZChmYWxzZSk7XG4gICAgfSxcbiAgfSk7XG5cbiAgcmV0dXJuIFtpc0hvdmVyZWQsIGJpbmRdO1xufVxuIl19 */\n/*@ sourceURL=nav-user-menu.tsx */"), React.createElement(_JSXStyle, {
+    id: "2704769880",
+    dynamic: [theme.typography.fontFamily.brand, theme.color.foreground.primary]
+  }, ".user-menu.__jsx-style-dynamic-selector .mdc-list{font-family:".concat(theme.typography.fontFamily.brand, ";}strong.__jsx-style-dynamic-selector{color:").concat(theme.color.foreground.primary, ";}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdi11c2VyLW1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdJa0IsQUFHb0QsQUFJTixtQ0FDckMsTUFKQSIsImZpbGUiOiJuYXYtdXNlci1tZW51LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlRWZmZWN0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHVzZU1lZGlhIGZyb20gXCJ1c2UtbWVkaWFcIjtcbmltcG9ydCBBdmF0YXIgZnJvbSBcIi4uL2F2YXRhci9hdmF0YXJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lL3RoZW1lXCI7XG5pbXBvcnQgeyBNZW51TGlzdCwgTWVudUxpc3RJdGVtLCBNZW51TGlzdEl0ZW1UZXh0IH0gZnJvbSBcIi4uL21lbnVcIjtcbmltcG9ydCBOYXZpZ2F0aW9uVXNlck1lbnVJdGVtcywge1xuICBVc2VyTWVudUl0ZW1XaXRoU3VibWVudSxcbn0gZnJvbSBcIi4vbmF2LXVzZXItbWVudS1pdGVtc1wiO1xuXG5leHBvcnQgdHlwZSBVc2VyRGF0YSA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICBhdmF0YXI/OiB7XG4gICAgc3JjOiBzdHJpbmc7XG4gIH07XG59O1xuXG5leHBvcnQgdHlwZSBVc2VyTWVudUl0ZW1zID0gQXJyYXk8VXNlck1lbnVJdGVtV2l0aFN1Ym1lbnU+O1xuXG5pbnRlcmZhY2UgTmF2aWdhdGlvblVzZXJNZW51UHJvcHMge1xuICB1c2VyOiBVc2VyRGF0YTtcbiAgaXRlbXM/OiBVc2VyTWVudUl0ZW1zO1xuICBpc09wZW4/OiBib29sZWFuO1xuICBvbkNoYW5nZU9wZW46IChpc09wZW46IGJvb2xlYW4pID0+IHZvaWQ7XG4gIGlzQ29tcGFjdD86IGJvb2xlYW47XG59XG5cbmZ1bmN0aW9uIE5hdmlnYXRpb25Vc2VyTWVudSh7XG4gIHVzZXIsXG4gIGl0ZW1zLFxuICBpc09wZW4sXG4gIG9uQ2hhbmdlT3Blbixcbn06IE5hdmlnYXRpb25Vc2VyTWVudVByb3BzKSB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICAvLyBBbGxvdyB1c2VycyB3aXRoIHBvaW50aW5nIGRldmljZXMgdG8gb3Blbi9jbG9zZSB0aGUgbWVudSBieSBob3ZlcmluZyBpbi9vdXRcbiAgY29uc3QgW2lzSG92ZXJlZCwgYmluZF0gPSB1c2VIb3ZlcigpO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIG9uQ2hhbmdlT3Blbihpc0hvdmVyZWQpO1xuICB9LCBbb25DaGFuZ2VPcGVuLCBpc0hvdmVyZWRdKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhcIm1lbnUtYW5jaG9yXCIsIHtcbiAgICAgICAgY29tcGFjdDogdXNlTWVkaWEoXCJzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDQyNXB4KVwiKSxcbiAgICAgIH0pfVxuICAgICAgey4uLmJpbmQoKX1cbiAgICA+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhcIm1lbnUtdHJpZ2dlclwiLCB7IG9wZW46IGlzT3BlbiB9KX0+XG4gICAgICAgIDxBdmF0YXJcbiAgICAgICAgICBuYW1lPXt1c2VyLm5hbWV9XG4gICAgICAgICAgc3JjPXt1c2VyLmF2YXRhciA/IHVzZXIuYXZhdGFyLnNyYyA6IHVuZGVmaW5lZH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZU9wZW4oIWlzT3Blbil9XG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cbiAgICAgIHtpdGVtcyAmJiBpc09wZW4gJiYgKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInVzZXItbWVudVwiPlxuICAgICAgICAgIDxNZW51TGlzdD5cbiAgICAgICAgICAgIDxNZW51TGlzdEl0ZW0+XG4gICAgICAgICAgICAgIDxNZW51TGlzdEl0ZW1UZXh0XG4gICAgICAgICAgICAgICAgcHJpbWFyeVRleHQ9ezxzdHJvbmc+SGVsbG8ge3VzZXIubmFtZX0hPC9zdHJvbmc+fVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9NZW51TGlzdEl0ZW0+XG4gICAgICAgICAgICA8TmF2aWdhdGlvblVzZXJNZW51SXRlbXMgaXRlbXM9e2l0ZW1zfSAvPlxuICAgICAgICAgIDwvTWVudUxpc3Q+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLm1lbnUtdHJpZ2dlciB7XG4gICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgIHdpZHRoOiAzcmVtO1xuICAgICAgICAgIGhlaWdodDogM3JlbTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5vcGVuIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZWZlZmVmO1xuICAgICAgICB9XG5cbiAgICAgICAgLm1lbnUtYW5jaG9yIHtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gICAgICAgIH1cblxuICAgICAgICAubWVudS1hbmNob3IuY29tcGFjdCB7XG4gICAgICAgICAgcG9zaXRpb246IGluaXRpYWw7XG4gICAgICAgIH1cblxuICAgICAgICAudXNlci1tZW51IHtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgICB0b3A6IDEwMCU7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTtcbiAgICAgICAgICBib3gtc2hhZG93OiAwIDFweCAzcHggcmdiYSgwLCAwLCAwLCAwLjEyKSxcbiAgICAgICAgICAgIDAgMXB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMjQpO1xuICAgICAgICAgIG92ZXJmbG93LXg6IHNjcm9sbDtcbiAgICAgICAgICBtYXgtaGVpZ2h0OiBjYWxjKDEwMHZoIC0gNjRweCk7XG4gICAgICAgIH1cblxuICAgICAgICAvKiBhcnJvdyAqL1xuICAgICAgICAudXNlci1tZW51OjpiZWZvcmUge1xuICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICAgICAgd2lkdGg6IDA7XG4gICAgICAgICAgaGVpZ2h0OiAwO1xuICAgICAgICAgIGJvcmRlci1sZWZ0OiA4cHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgYm9yZGVyLXJpZ2h0OiA4cHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgYm9yZGVyLWJvdHRvbTogOHB4IHNvbGlkIHdoaXRlO1xuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICB0b3A6IC04cHg7XG4gICAgICAgICAgcmlnaHQ6IGNhbGMoKDNyZW0gLyAyKSAtIDhweCk7XG4gICAgICAgIH1cblxuICAgICAgICAuY29tcGFjdCAudXNlci1tZW51IHtcbiAgICAgICAgICBsZWZ0OiA4cHg7XG4gICAgICAgICAgcmlnaHQ6IDhweDtcbiAgICAgICAgICB0b3A6IDMuNXJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb21wYWN0IC51c2VyLW1lbnU6OmJlZm9yZSB7XG4gICAgICAgICAgcmlnaHQ6IGNhbGMoKDNyZW0gLyAyKSAtIDhweCArIDQuNXJlbSk7XG4gICAgICAgIH1cblxuICAgICAgICAudXNlci1tZW51IDpnbG9iYWwoLm1kYy1saXN0LWl0ZW1fX2dyYXBoaWMpIHtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDFyZW07XG4gICAgICAgIH1cblxuICAgICAgICAudXNlci1tZW51IDpnbG9iYWwoLm1kYy1saXN0LWl0ZW06bm90KDpsYXN0LW9mLXR5cGUpKSB7XG4gICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlMGUwZTA7XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLnVzZXItbWVudSA6Z2xvYmFsKC5tZGMtbGlzdCkge1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiAke3RoZW1lLnR5cG9ncmFwaHkuZm9udEZhbWlseS5icmFuZH07XG4gICAgICAgIH1cblxuICAgICAgICBzdHJvbmcge1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9yLmZvcmVncm91bmQucHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvblVzZXJNZW51O1xuXG5mdW5jdGlvbiB1c2VIb3ZlcigpIHtcbiAgY29uc3QgW2lzSG92ZXJlZCwgc2V0SXNIb3ZlcmVkXSA9IHVzZVN0YXRlKCk7XG5cbiAgY29uc3QgYmluZCA9ICgpID0+ICh7XG4gICAgb25Nb3VzZU92ZXI6ICgpID0+IHtcbiAgICAgIHNldElzSG92ZXJlZCh0cnVlKTtcbiAgICB9LFxuICAgIG9uTW91c2VMZWF2ZTogKCkgPT4ge1xuICAgICAgc2V0SXNIb3ZlcmVkKGZhbHNlKTtcbiAgICB9LFxuICB9KTtcblxuICByZXR1cm4gW2lzSG92ZXJlZCwgYmluZF07XG59XG4iXX0= */\n/*@ sourceURL=nav-user-menu.tsx */")));
+}
+
+NavigationUserMenu$1.propTypes = {
+  user: _pt.shape({
+    name: _pt.string.isRequired,
+    avatar: _pt.shape({
+      src: _pt.string.isRequired
+    })
+  }).isRequired,
+  items: _pt.any,
+  isOpen: _pt.bool,
+  onChangeOpen: _pt.func.isRequired,
+  isCompact: _pt.bool
+};
+
+function useHover$1() {
+  var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      isHovered = _useState2[0],
+      setIsHovered = _useState2[1];
+
+  var bind = function bind() {
+    return {
+      onMouseOver: function onMouseOver() {
+        setIsHovered(true);
+      },
+      onMouseLeave: function onMouseLeave() {
+        setIsHovered(false);
+      }
+    };
+  };
+
+  return [isHovered, bind];
+}
+
+var cls$a = ".tabBar {\n  height: 75px;\n}\n.tabBar :global(.mdc-tab-scroller .mdc-tab) {\n  height: 75px !important;\n}\n.tabBar :global(.mdc-tab-scroller .mdc-tab .mdc-tab__content .mdc-tab__text-label) {\n  font-size: 15px !important;\n  font-weight: 500;\n}";
+
+function Navigation$1(_ref) {
+  var logo = _ref.logo,
+      menus = _ref.menus,
+      links = _ref.links,
+      stats = _ref.stats,
+      cta = _ref.cta,
+      cta2 = _ref.cta2,
+      user = _ref.user,
+      userMenu = _ref.userMenu,
+      search = _ref.search,
+      login = _ref.login,
+      isSticky = _ref.isSticky,
+      isCompactHeight = _ref.isCompactHeight,
+      setSearchToLeft = _ref.setSearchToLeft,
+      menuReverse = _ref.menuReverse;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isSearchOpen = _useState2[0],
+      setSearchOpen = _useState2[1];
+
+  var _useState3 = useState(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isUserMenuOpen = _useState4[0],
+      setUserMenuOpen = _useState4[1];
+
+  var _useState5 = useState(""),
+      _useState6 = _slicedToArray(_useState5, 2),
+      query = _useState6[0],
+      setQuery = _useState6[1];
+
+  var _useState7 = useState([null, null]),
+      _useState8 = _slicedToArray(_useState7, 2),
+      active = _useState8[0],
+      setActive = _useState8[1];
+
+  var isCompact = useMedia("screen and (max-width: 720px)");
+  var isMedium = useMedia("screen and (max-width: 960px)");
+  var menu = active[0] && menus ? menus.find(function (menu) {
+    return menu.id === active[0];
+  }) : null;
+  var submenu = active[1] ? menu.items.find(function (item) {
+    return "id" in item && item.id === active[1];
+  }) && menu.items.find(function (item) {
+    return "id" in item && item.id === active[1];
+  }).submenu : null;
+
+  var handleChangeMenuOpen = function handleChangeMenuOpen(isOpen) {
+    if (isOpen) {
+      setActive(replace$3(active, 0, menus[0].id));
+    } else {
+      setActive([null, null]);
+    }
+  };
+
+  return React.createElement("nav", {
+    className: _JSXStyle.dynamic([["2729873514", [WHITE$1, isSticky ? "fixed" : "relative", setSearchToLeft ? "100%" : ""]]]) + " " + "navigation"
+  }, React.createElement(NavigationBar$1, {
+    isCompactHeight: isCompactHeight
+  }, !(isCompact && isSearchOpen) ? React.createElement("div", {
+    className: _JSXStyle.dynamic([["2729873514", [WHITE$1, isSticky ? "fixed" : "relative", setSearchToLeft ? "100%" : ""]]]) + " " + "logo-wrap"
+  }, logo) : null, isSearchOpen && search ? React.createElement(React.Fragment, null, React.createElement(NavigationSearch$1, {
+    value: query,
+    onChange: setQuery,
+    onSubmit: function onSubmit() {
+      return search.onSearch(query);
+    },
+    onCancel: function onCancel() {
+      return setSearchOpen(false);
+    }
+  })) : React.createElement(React.Fragment, null, React.createElement("div", {
+    className: _JSXStyle.dynamic([["2729873514", [WHITE$1, isSticky ? "fixed" : "relative", setSearchToLeft ? "100%" : ""]]]) + " " + "desktop-tabs"
+  }, React.createElement(Tabs, {
+    tabs: menus ? menus.map(function (item) {
+      return {
+        key: item.id,
+        label: item.label,
+        analyticsId: item.analyticsId,
+        hidden: item.hidden,
+        onClick: item.onClick
+      };
+    }) : [],
+    active: active[0],
+    isCompactHeight: isCompactHeight,
+    onActiveUpdate: function onActiveUpdate(id) {
+      return setActive(replace$3(active, 0, id));
+    },
+    isMinWidth: true,
+    isMinWidthIndicator: true,
+    large: true,
+    className: cls$a.tabBar
+  })), React.createElement(NavigationActions$1, null, search && React.createElement(NavigationSearchControl$1, {
+    onChangeSearchOpen: setSearchOpen,
+    analyticsId: search.analyticsId
+  }), React.createElement(Stack, {
+    align: "center",
+    justify: menuReverse ? "start" : "end",
+    reverse: menuReverse,
+    gap: "0.5rem",
+    className: "nav-item-setter"
+  }, user ? React.createElement(NavigationUserMenu$1, {
+    user: user,
+    items: userMenu,
+    isOpen: isUserMenuOpen,
+    onChangeOpen: setUserMenuOpen,
+    isCompact: isCompact
+  }) : login && React.createElement(NavigationSignInControl$1, {
+    compact: isCompact,
+    handleonRequestSignIn: login.onLogin,
+    analyticsId: login.analyticsId,
+    color: login.color,
+    noIcon: login.noIcon
+  }), !isMedium && cta2 ? React.createElement(Button, {
+    large: true,
+    color: cta2.color || "primary",
+    onClick: function onClick() {
+      cta2.targetTab && setActive(replace$3(active, 0, cta2.targetTab));
+    }
+  }, cta2.children) : null, !isMedium && cta ? React.createElement(NavigationCallToAction$1, _extends({
+    style: {
+      height: "44px",
+      fontSize: "14px",
+      borderRadius: "6px"
+    }
+  }, cta)) : null), isMedium && menus ? React.createElement(NavigationMenuControl$1, {
+    isMenuOpen: !!menu,
+    onChangeMenuOpen: handleChangeMenuOpen
+  }) : null))), menu && menu.items.length > 0 ? React.createElement(NavigationExpanded$1, {
+    links: links,
+    onRequestClose: function onRequestClose() {
+      return setActive([null, null]);
+    },
+    className: "navigation-float",
+    banner: stats ? React.createElement(Statistics, {
+      stats: stats,
+      title: "We support your cause"
+    }) : null
+  }, React.createElement("div", {
+    className: _JSXStyle.dynamic([["2729873514", [WHITE$1, isSticky ? "fixed" : "relative", setSearchToLeft ? "100%" : ""]]]) + " " + "mobile-tabs"
+  }, React.createElement(Tabs, {
+    tabs: menus ? menus.map(function (item) {
+      return {
+        key: item.id,
+        label: item.label,
+        hidden: item.hidden,
+        onClick: item.onClick
+      };
+    }) : [],
+    active: active[0],
+    onActiveUpdate: function onActiveUpdate(id) {
+      return setActive(replace$3(active, 0, id));
+    }
+  })), React.createElement(NavigationMenu$1, {
+    key: menu.id,
+    links: menu.items.map(function (item) {
+      return _objectSpread2({}, item, {
+        more: !!item.submenu
+      });
+    }),
+    sublinks: submenu || null,
+    action: menu.action || null,
+    actionRaised: menu.actionRaised || null,
+    active: active[1],
+    onClickItem: function onClickItem(id) {
+      return setActive(function () {
+        if (active[1]) return [active[0], null];else return replace$3(active, 1, id);
+      });
+    }
+  })) : null, React.createElement(_JSXStyle, {
+    id: "2729873514",
+    dynamic: [WHITE$1, isSticky ? "fixed" : "relative", setSearchToLeft ? "100%" : ""]
+  }, ".nav-item-setter > .mdc-button{white-space:nowrap;}.navigation.__jsx-style-dynamic-selector{background-color:".concat(WHITE$1, ";box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 4px rgba(0,0,0,0.24);top:0;z-index:10;position:").concat(isSticky ? "fixed" : "relative", ";width:100%;}.logo-wrap.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-right:1rem;}.desktop-tabs.__jsx-style-dynamic-selector{margin-left:1rem;display:none;}.mobile-tabs.__jsx-style-dynamic-selector{margin:0 -1rem;}.navigation.__jsx-style-dynamic-selector .navigation-float{position:absolute;top:100%;left:0;right:0;box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 4px rgba(0,0,0,0.24);}.nav-item-setter{width:auto;}@media (min-width:960px){.navigation.__jsx-style-dynamic-selector{position:relative;}.mobile-tabs.__jsx-style-dynamic-selector{display:none;}.desktop-tabs.__jsx-style-dynamic-selector{display:block;}.nav-item-setter{width:").concat(setSearchToLeft ? "100%" : "", ";}}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMFFrQixBQUc4QixBQUcyQixBQVVqQyxBQU9JLEFBS0YsQUFJRyxBQVFQLEFBSVMsQUFJTCxBQUlDLEFBR3FCLFdBZHZDLEVBUUUsQ0FJQSxDQXhCRixFQUxlLENBU0osQUFZVCxDQXpDRixRQThCUyxHQVRULElBVVUsQ0FxQlIsT0FuQitCLElBN0JBLDRCQVNaLGtDQXFCckIsSUE3QlEsTUFDSyxXQUMyQixzQ0FDM0IsQUFNWSxXQUx6Qix3RkFNb0Isa0JBQ3BCIiwiZmlsZSI6Im5hdi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB1c2VNZWRpYSBmcm9tIFwidXNlLW1lZGlhXCI7XG5pbXBvcnQgeyBXSElURSB9IGZyb20gXCIuLi8uLi90aGVtZS9jb2xvcnNcIjtcbmltcG9ydCB7IENvbG9yU3BlY2lmaWVyIH0gZnJvbSBcIi4uLy4uL3RoZW1lL3RoZW1lXCI7XG5pbXBvcnQgQnV0dG9uLCB7IEJ1dHRvblByb3BzIH0gZnJvbSBcIi4uL2J1dHRvbi9idXR0b25cIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL2xheW91dFwiO1xuaW1wb3J0IFRhYnMgZnJvbSBcIi4uL3RhYnMvdGFic1wiO1xuaW1wb3J0IE5hdmlnYXRpb25NZW51IGZyb20gXCIuL25hdi1tZW51XCI7XG5pbXBvcnQgTmF2aWdhdGlvbkJhciBmcm9tIFwiLi9uYXYtYmFyXCI7XG5pbXBvcnQgTmF2aWdhdGlvbkV4cGFuZGVkIGZyb20gXCIuL25hdi1leHBhbmRlZFwiO1xuaW1wb3J0IHsgSHlicmlkTmF2aWdhdGlvbkxpbmsgfSBmcm9tIFwiLi9uYXYtbGlzdFwiO1xuaW1wb3J0IHsgU3RhdGlzdGljcyB9IGZyb20gXCIuLi9zdGF0aXN0aWNzXCI7XG5pbXBvcnQgTmF2aWdhdGlvbkFjdGlvbnMgZnJvbSBcIi4vbmF2LWFjdGlvbnNcIjtcbmltcG9ydCBOYXZpZ2F0aW9uU2VhcmNoIGZyb20gXCIuL25hdi1zZWFyY2hcIjtcbmltcG9ydCBOYXZpZ2F0aW9uU2VhcmNoQ29udHJvbCBmcm9tIFwiLi9uYXYtc2VhcmNoLWNvbnRyb2xcIjtcbmltcG9ydCBOYXZpZ2F0aW9uU2lnbkluQ29udHJvbCBmcm9tIFwiLi9uYXYtc2lnbi1pbi1jb250cm9sXCI7XG5pbXBvcnQgTmF2aWdhdGlvbkNhbGxUb0FjdGlvbiBmcm9tIFwiLi9uYXYtY2FsbC10by1hY3Rpb25cIjtcbmltcG9ydCBOYXZpZ2F0aW9uTWVudUNvbnRyb2wgZnJvbSBcIi4vbmF2LW1lbnUtY29udHJvbFwiO1xuaW1wb3J0IE5hdmlnYXRpb25Vc2VyTWVudSwgeyBVc2VyRGF0YSB9IGZyb20gXCIuL25hdi11c2VyLW1lbnVcIjtcbmltcG9ydCB7IFVzZXJNZW51SXRlbVdpdGhTdWJtZW51IH0gZnJvbSBcIi4vbmF2LXVzZXItbWVudS1pdGVtc1wiO1xuXG5pbXBvcnQgY2xzIGZyb20gXCIuL25hdi5tb2R1bGUuc2Nzc1wiO1xuXG50eXBlIE5hdmlnYXRpb25NZW51ID0ge1xuICBpZDogc3RyaW5nO1xuICBsYWJlbDogUmVhY3QuUmVhY3ROb2RlO1xuICBhbmFseXRpY3NJZD86IHN0cmluZztcbiAgaGlkZGVuPzogYm9vbGVhbjtcbiAgaXRlbXM6IEFycmF5PFxuICAgIEh5YnJpZE5hdmlnYXRpb25MaW5rICYge1xuICAgICAgc3VibWVudT86IEFycmF5PEh5YnJpZE5hdmlnYXRpb25MaW5rPjtcbiAgICB9XG4gID47XG4gIGFjdGlvbj86IEh5YnJpZE5hdmlnYXRpb25MaW5rO1xuICBhY3Rpb25SYWlzZWQ/OiBIeWJyaWROYXZpZ2F0aW9uTGluaztcbiAgb25DbGljaz86ICgpID0+IHZvaWQ7XG59O1xuXG50eXBlIFNlYXJjaEFjdGlvbiA9IHtcbiAgYW5hbHl0aWNzSWQ/OiBzdHJpbmc7XG4gIG9uU2VhcmNoOiAocXVlcnk6IHN0cmluZykgPT4gdm9pZDtcbn07XG5cbnR5cGUgTG9naW5BY3Rpb24gPSB7XG4gIGFuYWx5dGljc0lkPzogc3RyaW5nO1xuICBvbkxvZ2luOiAoKSA9PiB2b2lkO1xuICBjb2xvcj86IENvbG9yU3BlY2lmaWVyO1xuICBub0ljb24/OiBib29sZWFuO1xufTtcblxudHlwZSBTdGF0c0l0ZW1Qcm9wcyA9IHtcbiAgaWQ6IHN0cmluZztcbiAgbGFiZWw6IHN0cmluZztcbiAgdmFsdWU6IHN0cmluZztcbiAgbG9nbzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgTmF2aWdhdGlvblByb3BzID0ge1xuICBsb2dvPzogUmVhY3QuUmVhY3ROb2RlO1xuICBtZW51cz86IEFycmF5PE5hdmlnYXRpb25NZW51PjtcbiAgbGlua3M/OiBBcnJheTxIeWJyaWROYXZpZ2F0aW9uTGluaz47XG4gIHN0YXRzPzogQXJyYXk8U3RhdHNJdGVtUHJvcHM+O1xuICBjdGE/OiBCdXR0b25Qcm9wcyB8IG51bGw7XG4gIGN0YTI/OiBCdXR0b25Qcm9wcyAmIHsgdGFyZ2V0VGFiPzogc3RyaW5nIH0gfCBudWxsO1xuICB1c2VyPzogVXNlckRhdGEgfCBudWxsO1xuICBsb2dpbj86IExvZ2luQWN0aW9uIHwgbnVsbDtcbiAgdXNlck1lbnU/OiBBcnJheTxVc2VyTWVudUl0ZW1XaXRoU3VibWVudT47XG4gIHNlYXJjaD86IFNlYXJjaEFjdGlvbiB8IG51bGw7XG4gIGlzU3RpY2t5PzogYm9vbGVhbjtcbiAgaXNDb21wYWN0SGVpZ2h0PzogYm9vbGVhbjtcbiAgc2V0U2VhcmNoVG9MZWZ0PzogYm9vbGVhbjtcbiAgbWVudVJldmVyc2U/OiBib29sZWFuO1xufTtcblxuZnVuY3Rpb24gTmF2aWdhdGlvbih7XG4gIGxvZ28sXG4gIG1lbnVzLFxuICBsaW5rcyxcbiAgc3RhdHMsXG4gIGN0YSxcbiAgY3RhMixcbiAgdXNlcixcbiAgdXNlck1lbnUsXG4gIHNlYXJjaCxcbiAgbG9naW4sXG4gIGlzU3RpY2t5LFxuICBpc0NvbXBhY3RIZWlnaHQsXG4gIHNldFNlYXJjaFRvTGVmdCxcbiAgbWVudVJldmVyc2UsXG59OiBOYXZpZ2F0aW9uUHJvcHMpIHtcbiAgY29uc3QgW2lzU2VhcmNoT3Blbiwgc2V0U2VhcmNoT3Blbl0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gIGNvbnN0IFtpc1VzZXJNZW51T3Blbiwgc2V0VXNlck1lbnVPcGVuXSA9IHVzZVN0YXRlPGJvb2xlYW4+KCk7XG4gIGNvbnN0IFtxdWVyeSwgc2V0UXVlcnldID0gdXNlU3RhdGU8c3RyaW5nPihcIlwiKTtcbiAgY29uc3QgW2FjdGl2ZSwgc2V0QWN0aXZlXSA9IHVzZVN0YXRlPEFycmF5PHN0cmluZyB8IG51bGw+PihbbnVsbCwgbnVsbF0pO1xuXG4gIGNvbnN0IGlzQ29tcGFjdCA9IHVzZU1lZGlhKFwic2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3MjBweClcIik7XG4gIGNvbnN0IGlzTWVkaXVtID0gdXNlTWVkaWEoXCJzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDk2MHB4KVwiKTtcblxuICBjb25zdCBtZW51ID1cbiAgICBhY3RpdmVbMF0gJiYgbWVudXMgPyBtZW51cy5maW5kKG1lbnUgPT4gbWVudS5pZCA9PT0gYWN0aXZlWzBdKSA6IG51bGw7XG4gIGNvbnN0IHN1Ym1lbnUgPSBhY3RpdmVbMV1cbiAgICA/IG1lbnUhLml0ZW1zLmZpbmQoaXRlbSA9PiBcImlkXCIgaW4gaXRlbSAmJiBpdGVtLmlkID09PSBhY3RpdmVbMV0pICYmXG4gICAgICBtZW51IS5pdGVtcy5maW5kKGl0ZW0gPT4gXCJpZFwiIGluIGl0ZW0gJiYgaXRlbS5pZCA9PT0gYWN0aXZlWzFdKSEuc3VibWVudVxuICAgIDogbnVsbDtcblxuICBjb25zdCBoYW5kbGVDaGFuZ2VNZW51T3BlbiA9IChpc09wZW46IGJvb2xlYW4pID0+IHtcbiAgICBpZiAoaXNPcGVuKSB7XG4gICAgICBzZXRBY3RpdmUocmVwbGFjZShhY3RpdmUsIDAsIG1lbnVzIVswXS5pZCkpO1xuICAgIH0gZWxzZSB7XG4gICAgICBzZXRBY3RpdmUoW251bGwsIG51bGxdKTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8bmF2IGNsYXNzTmFtZT1cIm5hdmlnYXRpb25cIj5cbiAgICAgIDxOYXZpZ2F0aW9uQmFyIGlzQ29tcGFjdEhlaWdodD17aXNDb21wYWN0SGVpZ2h0fT5cbiAgICAgICAgeyEoaXNDb21wYWN0ICYmIGlzU2VhcmNoT3BlbikgPyAoXG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJsb2dvLXdyYXBcIj57bG9nb308L2Rpdj5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHtpc1NlYXJjaE9wZW4gJiYgc2VhcmNoID8gKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICA8TmF2aWdhdGlvblNlYXJjaFxuICAgICAgICAgICAgICB2YWx1ZT17cXVlcnl9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtzZXRRdWVyeX1cbiAgICAgICAgICAgICAgb25TdWJtaXQ9eygpID0+IHNlYXJjaC5vblNlYXJjaChxdWVyeSl9XG4gICAgICAgICAgICAgIG9uQ2FuY2VsPXsoKSA9PiBzZXRTZWFyY2hPcGVuKGZhbHNlKX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiZGVza3RvcC10YWJzXCI+XG4gICAgICAgICAgICAgIDxUYWJzXG4gICAgICAgICAgICAgICAgdGFicz17XG4gICAgICAgICAgICAgICAgICBtZW51c1xuICAgICAgICAgICAgICAgICAgICA/IG1lbnVzLm1hcChpdGVtID0+ICh7XG4gICAgICAgICAgICAgICAgICAgICAgICBrZXk6IGl0ZW0uaWQsXG4gICAgICAgICAgICAgICAgICAgICAgICBsYWJlbDogaXRlbS5sYWJlbCxcbiAgICAgICAgICAgICAgICAgICAgICAgIGFuYWx5dGljc0lkOiBpdGVtLmFuYWx5dGljc0lkLFxuICAgICAgICAgICAgICAgICAgICAgICAgaGlkZGVuOiBpdGVtLmhpZGRlbixcbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s6IGl0ZW0ub25DbGljayxcbiAgICAgICAgICAgICAgICAgICAgICB9KSlcbiAgICAgICAgICAgICAgICAgICAgOiBbXVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBhY3RpdmU9e2FjdGl2ZVswXX1cbiAgICAgICAgICAgICAgICBpc0NvbXBhY3RIZWlnaHQ9e2lzQ29tcGFjdEhlaWdodH1cbiAgICAgICAgICAgICAgICBvbkFjdGl2ZVVwZGF0ZT17aWQgPT4gc2V0QWN0aXZlKHJlcGxhY2UoYWN0aXZlLCAwLCBpZCkpfVxuICAgICAgICAgICAgICAgIGlzTWluV2lkdGhcbiAgICAgICAgICAgICAgICBpc01pbldpZHRoSW5kaWNhdG9yXG4gICAgICAgICAgICAgICAgbGFyZ2VcbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2Nscy50YWJCYXJ9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxOYXZpZ2F0aW9uQWN0aW9ucz5cbiAgICAgICAgICAgICAge3NlYXJjaCAmJiAoXG4gICAgICAgICAgICAgICAgPE5hdmlnYXRpb25TZWFyY2hDb250cm9sXG4gICAgICAgICAgICAgICAgICBvbkNoYW5nZVNlYXJjaE9wZW49e3NldFNlYXJjaE9wZW59XG4gICAgICAgICAgICAgICAgICBhbmFseXRpY3NJZD17c2VhcmNoLmFuYWx5dGljc0lkfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxTdGFja1xuICAgICAgICAgICAgICAgIGFsaWduPVwiY2VudGVyXCJcbiAgICAgICAgICAgICAgICBqdXN0aWZ5PXttZW51UmV2ZXJzZSA/IFwic3RhcnRcIiA6IFwiZW5kXCJ9XG4gICAgICAgICAgICAgICAgcmV2ZXJzZT17bWVudVJldmVyc2V9XG4gICAgICAgICAgICAgICAgZ2FwPVwiMC41cmVtXCJcbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJuYXYtaXRlbS1zZXR0ZXJcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3VzZXIgPyAoXG4gICAgICAgICAgICAgICAgICA8TmF2aWdhdGlvblVzZXJNZW51XG4gICAgICAgICAgICAgICAgICAgIHVzZXI9e3VzZXJ9XG4gICAgICAgICAgICAgICAgICAgIGl0ZW1zPXt1c2VyTWVudX1cbiAgICAgICAgICAgICAgICAgICAgaXNPcGVuPXtpc1VzZXJNZW51T3Blbn1cbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2VPcGVuPXtzZXRVc2VyTWVudU9wZW59XG4gICAgICAgICAgICAgICAgICAgIGlzQ29tcGFjdD17aXNDb21wYWN0fVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgbG9naW4gJiYgKFxuICAgICAgICAgICAgICAgICAgICA8TmF2aWdhdGlvblNpZ25JbkNvbnRyb2xcbiAgICAgICAgICAgICAgICAgICAgICBjb21wYWN0PXtpc0NvbXBhY3R9XG4gICAgICAgICAgICAgICAgICAgICAgaGFuZGxlb25SZXF1ZXN0U2lnbkluPXtsb2dpbi5vbkxvZ2lufVxuICAgICAgICAgICAgICAgICAgICAgIGFuYWx5dGljc0lkPXtsb2dpbi5hbmFseXRpY3NJZH1cbiAgICAgICAgICAgICAgICAgICAgICBjb2xvcj17bG9naW4uY29sb3J9XG4gICAgICAgICAgICAgICAgICAgICAgbm9JY29uPXtsb2dpbi5ub0ljb259XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICB7IWlzTWVkaXVtICYmIGN0YTIgPyAoXG4gICAgICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGxhcmdlPXt0cnVlfVxuICAgICAgICAgICAgICAgICAgICBjb2xvcj17Y3RhMi5jb2xvciB8fCBcInByaW1hcnlcIn1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgIGN0YTIudGFyZ2V0VGFiICYmXG4gICAgICAgICAgICAgICAgICAgICAgICBzZXRBY3RpdmUocmVwbGFjZShhY3RpdmUsIDAsIGN0YTIudGFyZ2V0VGFiKSk7XG4gICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtjdGEyLmNoaWxkcmVufVxuICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgICAgeyFpc01lZGl1bSAmJiBjdGEgPyAoXG4gICAgICAgICAgICAgICAgICA8TmF2aWdhdGlvbkNhbGxUb0FjdGlvblxuICAgICAgICAgICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICAgICAgICAgIGhlaWdodDogXCI0NHB4XCIsXG4gICAgICAgICAgICAgICAgICAgICAgZm9udFNpemU6IFwiMTRweFwiLFxuICAgICAgICAgICAgICAgICAgICAgIGJvcmRlclJhZGl1czogXCI2cHhcIixcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgey4uLmN0YX1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgICAgIHtpc01lZGl1bSAmJiBtZW51cyA/IChcbiAgICAgICAgICAgICAgICA8TmF2aWdhdGlvbk1lbnVDb250cm9sXG4gICAgICAgICAgICAgICAgICBpc01lbnVPcGVuPXshIW1lbnV9XG4gICAgICAgICAgICAgICAgICBvbkNoYW5nZU1lbnVPcGVuPXtoYW5kbGVDaGFuZ2VNZW51T3Blbn1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgIDwvTmF2aWdhdGlvbkFjdGlvbnM+XG4gICAgICAgICAgPC8+XG4gICAgICAgICl9XG4gICAgICA8L05hdmlnYXRpb25CYXI+XG4gICAgICB7bWVudSAmJiBtZW51Lml0ZW1zLmxlbmd0aCA+IDAgPyAoXG4gICAgICAgIDxOYXZpZ2F0aW9uRXhwYW5kZWRcbiAgICAgICAgICBsaW5rcz17bGlua3N9XG4gICAgICAgICAgb25SZXF1ZXN0Q2xvc2U9eygpID0+IHNldEFjdGl2ZShbbnVsbCwgbnVsbF0pfVxuICAgICAgICAgIGNsYXNzTmFtZT1cIm5hdmlnYXRpb24tZmxvYXRcIlxuICAgICAgICAgIGJhbm5lcj17XG4gICAgICAgICAgICBzdGF0cyA/IChcbiAgICAgICAgICAgICAgPFN0YXRpc3RpY3Mgc3RhdHM9e3N0YXRzfSB0aXRsZT1cIldlIHN1cHBvcnQgeW91ciBjYXVzZVwiIC8+XG4gICAgICAgICAgICApIDogbnVsbFxuICAgICAgICAgIH1cbiAgICAgICAgPlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibW9iaWxlLXRhYnNcIj5cbiAgICAgICAgICAgIDxUYWJzXG4gICAgICAgICAgICAgIHRhYnM9e1xuICAgICAgICAgICAgICAgIG1lbnVzXG4gICAgICAgICAgICAgICAgICA/IG1lbnVzLm1hcChpdGVtID0+ICh7XG4gICAgICAgICAgICAgICAgICAgICAga2V5OiBpdGVtLmlkLFxuICAgICAgICAgICAgICAgICAgICAgIGxhYmVsOiBpdGVtLmxhYmVsLFxuICAgICAgICAgICAgICAgICAgICAgIGhpZGRlbjogaXRlbS5oaWRkZW4sXG4gICAgICAgICAgICAgICAgICAgICAgb25DbGljazogaXRlbS5vbkNsaWNrLFxuICAgICAgICAgICAgICAgICAgICB9KSlcbiAgICAgICAgICAgICAgICAgIDogW11cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBhY3RpdmU9e2FjdGl2ZVswXX1cbiAgICAgICAgICAgICAgb25BY3RpdmVVcGRhdGU9e2lkID0+IHNldEFjdGl2ZShyZXBsYWNlKGFjdGl2ZSwgMCwgaWQpKX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPE5hdmlnYXRpb25NZW51XG4gICAgICAgICAgICBrZXk9e21lbnUuaWR9XG4gICAgICAgICAgICBsaW5rcz17bWVudS5pdGVtcy5tYXAoaXRlbSA9PiAoe1xuICAgICAgICAgICAgICAuLi5pdGVtLFxuICAgICAgICAgICAgICBtb3JlOiAhIWl0ZW0uc3VibWVudSxcbiAgICAgICAgICAgIH0pKX1cbiAgICAgICAgICAgIHN1YmxpbmtzPXtzdWJtZW51IHx8IG51bGx9XG4gICAgICAgICAgICBhY3Rpb249e21lbnUuYWN0aW9uIHx8IG51bGx9XG4gICAgICAgICAgICBhY3Rpb25SYWlzZWQ9e21lbnUuYWN0aW9uUmFpc2VkIHx8IG51bGx9XG4gICAgICAgICAgICBhY3RpdmU9e2FjdGl2ZVsxXX1cbiAgICAgICAgICAgIG9uQ2xpY2tJdGVtPXtpZCA9PlxuICAgICAgICAgICAgICBzZXRBY3RpdmUoXG4gICAgICAgICAgICAgICAgKCk6IEFycmF5PHN0cmluZyB8IG51bGw+ID0+IHtcbiAgICAgICAgICAgICAgICAgIGlmIChhY3RpdmVbMV0pIHJldHVybiBbYWN0aXZlWzBdLCBudWxsXTtcbiAgICAgICAgICAgICAgICAgIGVsc2UgcmV0dXJuIHJlcGxhY2UoYWN0aXZlLCAxLCBpZCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9OYXZpZ2F0aW9uRXhwYW5kZWQ+XG4gICAgICApIDogbnVsbH1cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgOmdsb2JhbCgubmF2LWl0ZW0tc2V0dGVyID4gLm1kYy1idXR0b24pIHtcbiAgICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgICB9XG4gICAgICAgIC5uYXZpZ2F0aW9uIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke1dISVRFfTtcbiAgICAgICAgICBib3gtc2hhZG93OiAwIDFweCAzcHggcmdiYSgwLCAwLCAwLCAwLjEyKSxcbiAgICAgICAgICAgIDAgMXB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMjQpO1xuICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICB6LWluZGV4OiAxMDtcbiAgICAgICAgICBwb3NpdGlvbjogJHtpc1N0aWNreSA/IFwiZml4ZWRcIiA6IFwicmVsYXRpdmVcIn07XG4gICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIH1cblxuICAgICAgICAubG9nby13cmFwIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgbWFyZ2luLXJpZ2h0OiAxcmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLmRlc2t0b3AtdGFicyB7XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6IDFyZW07XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5tb2JpbGUtdGFicyB7XG4gICAgICAgICAgbWFyZ2luOiAwIC0xcmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLm5hdmlnYXRpb24gOmdsb2JhbCgubmF2aWdhdGlvbi1mbG9hdCkge1xuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICB0b3A6IDEwMCU7XG4gICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICBib3gtc2hhZG93OiAwIDFweCAzcHggcmdiYSgwLCAwLCAwLCAwLjEyKSxcbiAgICAgICAgICAgIDAgMXB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMjQpO1xuICAgICAgICB9XG4gICAgICAgIDpnbG9iYWwoLm5hdi1pdGVtLXNldHRlcikge1xuICAgICAgICAgIHdpZHRoOiBhdXRvO1xuICAgICAgICB9XG4gICAgICAgIEBtZWRpYSAobWluLXdpZHRoOiA5NjBweCkge1xuICAgICAgICAgIC5uYXZpZ2F0aW9uIHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAubW9iaWxlLXRhYnMge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuZGVza3RvcC10YWJzIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgIH1cbiAgICAgICAgICA6Z2xvYmFsKC5uYXYtaXRlbS1zZXR0ZXIpIHtcbiAgICAgICAgICAgIHdpZHRoOiAke3NldFNlYXJjaFRvTGVmdCA/IFwiMTAwJVwiIDogXCJcIn07XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgPC9uYXY+XG4gICk7XG59XG5cbmZ1bmN0aW9uIHJlcGxhY2U8VD4oYXJyOiBBcnJheTxUPiwgeDogbnVtYmVyLCB2YWw6IFQpIHtcbiAgcmV0dXJuIGFyci5tYXAoKGl0ZW0sIGkpID0+IHtcbiAgICBpZiAoaSA9PT0geCkgcmV0dXJuIHZhbDtcbiAgICBpZiAoeCA+IDApIHJldHVybiBpdGVtO1xuICAgIGVsc2UgcmV0dXJuIG51bGw7XG4gIH0pO1xufVxuXG5leHBvcnQgZGVmYXVsdCBOYXZpZ2F0aW9uO1xuIl19 */\n/*@ sourceURL=nav.tsx */")));
+}
+
+Navigation$1.propTypes = {
+  logo: _pt.node,
+  menus: _pt.any,
+  links: _pt.any,
+  stats: _pt.any,
+  cta: _pt.oneOfType([_pt.any, _pt.oneOf([null])]),
+  cta2: _pt.oneOfType([_pt.oneOfType([_pt.any, _pt.shape({
+    targetTab: _pt.string
+  })]), _pt.oneOf([null])]),
+  user: _pt.oneOfType([_pt.any, _pt.oneOf([null])]),
+  login: _pt.oneOfType([_pt.shape({
+    analyticsId: _pt.string,
+    onLogin: _pt.func.isRequired,
+    color: _pt.any,
+    noIcon: _pt.bool
+  }), _pt.oneOf([null])]),
+  userMenu: _pt.any,
+  search: _pt.oneOfType([_pt.shape({
+    analyticsId: _pt.string,
+    onSearch: _pt.func.isRequired
+  }), _pt.oneOf([null])]),
+  isSticky: _pt.bool,
+  isCompactHeight: _pt.bool,
+  setSearchToLeft: _pt.bool,
+  menuReverse: _pt.bool
+};
+
+function replace$3(arr, x, val) {
+  return arr.map(function (item, i) {
+    if (i === x) return val;
+    if (x > 0) return item;else return null;
+  });
+}
+
+export { Anchor, Avatar, BoldAnchor, Box, Button, ButtonSelect, CampaignCard, CampaignOfMonth, CharityCard, Checkbox, Chip, Chips, ComboField, ComboFieldExpander, CommentSection, Cropper, DatePicker, DonateCard, DonationForm, Elevation, FeaturedCampaignCard, FieldHelperText, FieldLabel, Flex, FundraisingSection, Grid, HeartToggle, HeroBnner as HeroBanner, HorizontalBar, Icon, IconButton, IconButtonGroup, InputChips, List, Login, MENU_ANCHOR_CLASS, Menu, MenuList, ListDivider as MenuListDivider, MenuListItem, MenuListItemGraphic, ListItemMeta as MenuListItemMeta, MenuListItemText, MenuSurface, Modal, MyCauseTheme, Navigation$1 as Nav, Navigation, PhoneNumberInput, ProgressBar, Radio, RadioGroup, Select, SelectHelperText, CustomSingleDatePicker as SingleDatePicker, Spinner, Stack, StartCampaignCard, Statistics, Switch, Tabs, Text, TextField, HelperText as TextFieldHelperText, ThemeContext, ThemeProvider, Uploader, getColorToken, parseNationalPhoneNumber, useTheme };