@thecb/components 4.2.5 → 4.2.7-beta.1

package/dist/index.cjs.js

@@ -4820,7 +4820,7 @@ var IRON_GREY = "#d5d8dc";
 var GHOST_GREY = "#CACED8";
 var DUSTY_GREY = "#9B9B9B";
 var REGENT_GREY = "#959EA7";
-var STORM_GREY = "#6E727E";
+var STORM_GREY = "#6D717E";
 var TROUT_GREY = "#515660";
 var MINESHAFT_GREY = "#333333";
 var SOOT_GREY = "#999999";
@@ -12690,7 +12690,7 @@ var ButtonWithAction = function ButtonWithAction(_ref2) {
   var isMobile = themeContext.isMobile;
   var hoverStyles = "\n    outline: none;\n    background-color: ".concat(themeValues.hoverBackgroundColor, ";\n    border-color: ").concat(themeValues.hoverBorderColor, ";\n    color: ").concat(themeValues.hoverColor, ";\n    text-decoration: ").concat(variant === "ghost" || variant === "smallGhost" ? "underline" : "none", ";\n    cursor: pointer;\n  ");
   var activeStyles = "\n    outline: none;\n    background-color: ".concat(themeValues.activeBackgroundColor, ";\n    border-color: ").concat(themeValues.activeBorderColor, ";\n    color: ").concat(themeValues.activeColor, ";\n    text-decoration: ").concat(variant === "ghost" || variant === "smallGhost" ? "underline" : "none", ";\n  ");
-  var disabledStyles = "\n    background-clor: #6E727E;\n    border-color: #6E727E;\n    color: #FFFFFF;\n    &:focus {\n      box-shadow: 0 0 10px #6E727E;\n      outline: none;\n    }\n  ";
+  var disabledStyles = "\n    background-clor: #6D717E;\n    border-color: #6D717E;\n    color: #FFFFFF;\n    &:focus {\n      box-shadow: 0 0 10px #6D717E;\n      outline: none;\n    }\n  ";
   return /*#__PURE__*/React__default.createElement(Box, {
     variant: variant,
     padding: themeValues.padding,
@@ -13584,7 +13584,7 @@ var BankIcon = function BankIcon() {
   }), /*#__PURE__*/React__default.createElement("g", {
     id: "bank",
     transform: "translate(8.000000, 4.000000)",
-    fill: "#6E727E"
+    fill: "#6D717E"
   }, /*#__PURE__*/React__default.createElement("rect", {
     id: "Rectangle",
     x: "1",
@@ -13642,7 +13642,7 @@ var GenericCard = function GenericCard() {
     rx: "1"
   }), /*#__PURE__*/React__default.createElement("g", {
     transform: "translate(0.000000, 4.000000)",
-    fill: "#6E727E"
+    fill: "#6D717E"
   }, /*#__PURE__*/React__default.createElement("rect", {
     id: "Rectangle-Copy-7",
     x: "0",
@@ -14340,7 +14340,7 @@ var CalendarIcon = function CalendarIcon() {
   }, /*#__PURE__*/React__default.createElement("g", {
     id: "Icons",
     transform: "translate(-64.000000, -352.000000)",
-    fill: "#6E727E"
+    fill: "#6D717E"
   }, /*#__PURE__*/React__default.createElement("path", {
     d: "M80,384 C88.836556,384 96,376.836556 96,368 C96,359.163444 88.836556,352 80,352 C71.163444,352 64,359.163444 64,368 C64,376.836556 71.163444,384 80,384 Z M73,362 L87,362 C87.5522847,362 88,362.447715 88,363 L88,375 C88,375.552285 87.5522847,376 87,376 L73,376 C72.4477153,376 72,375.552285 72,375 L72,363 C72,362.447715 72.4477153,362 73,362 Z M86.5,366 L86.5,374.5 L73.5,374.5 L73.5,366 L86.5,366 Z M76.25,360.5 C76.3880712,360.5 76.5,360.611929 76.5,360.75 L76.5,362 L75,362 L75,360.75 C75,360.611929 75.1119288,360.5 75.25,360.5 L76.25,360.5 Z M84.75,360.5 C84.8880712,360.5 85,360.611929 85,360.75 L85,362 L83.5,362 L83.5,360.75 C83.5,360.611929 83.6119288,360.5 83.75,360.5 L84.75,360.5 Z",
     id: "status-icon---calendar"
@@ -14412,7 +14412,7 @@ var DuplicateIcon = function DuplicateIcon() {
   }, /*#__PURE__*/React__default.createElement("g", {
     id: "Icons",
     transform: "translate(-64.000000, -256.000000)",
-    fill: "#6E727E"
+    fill: "#6D717E"
   }, /*#__PURE__*/React__default.createElement("path", {
     d: "M80,288 C88.836556,288 96,280.836556 96,272 C96,263.163444 88.836556,256 80,256 C71.163444,256 64,263.163444 64,272 C64,280.836556 71.163444,288 80,288 Z M83,264 C83.5522847,264 84,264.447715 84,265 L84,268 L87,268 C87.5522847,268 88,268.447715 88,269 L88,279 C88,279.552285 87.5522847,280 87,280 L77,280 C76.4477153,280 76,279.552285 76,279 L76,276 L73,276 C72.4477153,276 72,275.552285 72,275 L72,265 C72,264.447715 72.4477153,264 73,264 L83,264 Z M82.5,265.5 L73.5,265.5 L73.5,274.5 L76,274.5 L76,269 C76,268.447715 76.4477153,268 77,268 L82.5,268 L82.5,265.5 Z M77.5,269.5 L86.5,269.5 L86.5,278.5 L77.5,278.5 L77.5,269.5 Z",
     id: "status-icon---duplicate"
@@ -14484,7 +14484,7 @@ var PendingIcon = function PendingIcon() {
   }, /*#__PURE__*/React__default.createElement("g", {
     id: "Icons",
     transform: "translate(-64.000000, -448.000000)",
-    fill: "#6E727E"
+    fill: "#6D717E"
   }, /*#__PURE__*/React__default.createElement("path", {
     d: "M80,480 C88.836556,480 96,472.836556 96,464 C96,455.163444 88.836556,448 80,448 C71.163444,448 64,455.163444 64,464 C64,472.836556 71.163444,480 80,480 Z M87,466 C88.1045695,466 89,465.104569 89,464 C89,462.895431 88.1045695,462 87,462 C85.8954305,462 85,462.895431 85,464 C85,465.104569 85.8954305,466 87,466 Z M80,462 C81.1045695,462 82,462.895431 82,464 C82,465.104569 81.1045695,466 80,466 C78.8954305,466 78,465.104569 78,464 C78,462.895431 78.8954305,462 80,462 Z M73,462 C74.1045695,462 75,462.895431 75,464 C75,465.104569 74.1045695,466 73,466 C71.8954305,466 71,465.104569 71,464 C71,462.895431 71.8954305,462 73,462 Z",
     id: "status-icon---pending"
@@ -14629,7 +14629,7 @@ var StatusUnknownIcon = function StatusUnknownIcon() {
   }, /*#__PURE__*/React__default.createElement("g", {
     id: "Icons",
     transform: "translate(-64.000000, -736.000000)",
-    fill: "#6E727E"
+    fill: "#6D717E"
   }, /*#__PURE__*/React__default.createElement("path", {
     d: "M80,736 C88.836556,736 96,743.163444 96,752 C96,760.836556 88.836556,768 80,768 C71.163444,768 64,760.836556 64,752 C64,743.163444 71.163444,736 80,736 Z M80.85,757 L78.85,757 L78.85,759 L80.85,759 L80.85,757 Z M80.1460007,745 C78.0670004,745 76.4650001,746.017 75.7,747.799 L75.7,747.799 L77.5900003,748.294001 L77.6622133,748.125985 C78.1059448,747.191195 79.1250006,746.557 80.1280007,746.557 C81.2800009,746.557 82.099001,747.187 82.099001,748.195001 C82.099001,750.301001 78.9670005,751.093001 78.9670005,754.459002 L78.9670005,754.459002 L80.7670008,754.459002 L80.7792965,754.169347 C81.0061162,751.541289 84.2950014,750.971966 84.2950014,748.087001 C84.2950014,746.341 82.6480011,745 80.1460007,745 Z",
     id: "status-icon---default-/-unknown"
@@ -14749,6 +14749,75 @@ var GenericCardLarge = function GenericCardLarge() {
   }))))))));
 };
 
+var EmptyCartIcon = function EmptyCartIcon(_ref) {
+  var themeValues = _ref.themeValues;
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "440px",
+    height: "214px",
+    viewBox: "0 0 440 214",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, /*#__PURE__*/React__default.createElement("title", null, "Cart-Empty-Illustration"), /*#__PURE__*/React__default.createElement("g", {
+    id: "cart-Cart-Empty-Illustration",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M217.6664,189.8762 C246.6414,189.8762 270.1304,195.0922 270.1304,201.5262 C270.1304,207.9602 246.6414,213.1762 217.6664,213.1762 C188.6924,213.1762 165.2024,207.9602 165.2024,201.5262 C165.2024,195.0922 188.6924,189.8762 217.6664,189.8762 Z M422.490595,40 C424.699734,40 426.490595,41.790861 426.490595,44 C426.490595,44.1594939 426.481056,44.318845 426.462028,44.4771999 L420.814597,91.4771999 C420.573067,93.4873075 418.867731,95 416.843164,95 L361.156836,95 C359.132269,95 357.426933,93.4873075 357.185403,91.4771999 L351.537972,44.4771999 C351.274422,42.283838 352.838843,40.2921172 355.032205,40.028567 C355.19056,40.0095394 355.349911,40 355.509405,40 L422.490595,40 Z M325.7753,2.768 L326.005703,2.77214523 C329.369977,2.8933916 332.0603,5.65915556 332.0603,9.054 L332.0603,9.054 L332.0603,22.883 L103.2593,22.883 L103.2593,9.054 L103.263445,8.82353181 C103.384692,5.45832296 106.150456,2.768 109.5453,2.768 L109.5453,2.768 L325.7753,2.768 Z",
+    id: "cart----Theme-Color-Light",
+    fill: themeValues.subIconColor,
+    fillRule: "nonzero",
+    opacity: "0.1"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M210.6793,175.3431 C212.69715,175.3431 214.34488,176.927772 214.445893,178.920519 L214.4508,179.1146 L214.4508,201.4796 C214.4508,203.49745 212.866128,205.14518 210.873381,205.246193 L210.6793,205.2511 L196.4113,205.2511 C194.328358,205.2511 192.6398,203.562542 192.6398,201.4796 C192.6398,199.46175 194.224472,197.81402 196.217219,197.713007 L196.4113,197.7081 L206.9074,197.7079 L206.9078,179.1146 C206.9078,177.09675 208.492472,175.44902 210.485219,175.348007 L210.6793,175.3431 Z M224.6539,174.6414 C226.67175,174.6414 228.31948,176.226072 228.420493,178.218819 L228.4254,178.4129 L228.4244,197.7079 L238.9219,197.7084 C240.93975,197.7084 242.58748,199.293072 242.688493,201.285819 L242.6934,201.4799 C242.6934,203.49775 241.108728,205.14548 239.115981,205.246493 L238.9219,205.2514 L224.6539,205.2514 C222.63605,205.2514 220.98832,203.666728 220.887307,201.673981 L220.8824,201.4799 L220.8824,178.4129 C220.8824,176.329958 222.570958,174.6414 224.6539,174.6414 Z M102.36805,122.940779 C99.362801,125.550594 95.2124082,129.154872 89.9168719,133.753615 L132.215161,143.70593 C134.302233,140.853132 137.670278,139 141.472103,139 C143.681242,139 145.472103,140.790861 145.472103,143 C145.472103,145.142195 143.788135,146.891079 141.671744,146.995105 L141.472103,147 C139.557921,147 138,148.563635 138,150.499507 C138,152.371734 139.455725,153.895338 141.281911,153.994832 L141.472103,154 L148,154 C150.209139,154 152,155.790861 152,158 C152,160.142195 150.316032,161.891079 148.19964,161.995105 L148,162 L141.472103,162 C135.439524,162 130.499461,157.334313 130.035595,151.412031 L81.0838427,139.893669 C79.1350301,139.435125 77.8574872,137.623546 78.0116734,135.687366 L78.0136174,135.664052 C77.917747,134.505273 78.3266228,133.319554 79.2154318,132.459235 L79.3772574,132.310864 L101.637257,112.979864 C103.305233,111.531363 103.872948,121.633898 102.36805,122.940779 Z M405.5,102.5 C407.709139,102.5 409.5,104.290861 409.5,106.5 C409.5,108.642195 407.816032,110.391079 405.69964,110.495105 L405.5,110.5 L391.813099,110.5 L360.050681,144.519841 C358.68743,145.979937 356.46635,146.203668 354.844272,145.074853 L354.672836,144.948727 C344.86609,137.329456 337.511029,131.615002 332.607656,127.805367 C331.587065,127.012427 332.543378,117.776418 334.277177,118.979195 L334.454117,119.109171 L356.696,136.39 L380.868099,110.5 L372.5,110.5 C370.290861,110.5 368.5,108.709139 368.5,106.5 C368.5,104.357805 370.183968,102.608921 372.30036,102.504895 L372.5,102.5 L405.5,102.5 Z M422.490595,40 C424.699734,40 426.490595,41.790861 426.490595,44 C426.490595,44.1594939 426.481056,44.318845 426.462028,44.4771999 L420.814597,91.4771999 C420.573067,93.4873075 418.867731,95 416.843164,95 L361.156836,95 C359.132269,95 357.426933,93.4873075 357.185403,91.4771999 L351.537972,44.4771999 C351.274422,42.283838 352.838843,40.2921172 355.032205,40.028567 C355.19056,40.0095394 355.349911,40 355.509405,40 L422.490595,40 Z M362.361008,84.275 L362.93,89 L367.086008,89 L362.361008,84.275 Z M378.999008,80.914 L370.913008,89 L387.085008,89 L378.999008,80.914 Z M398.999008,80.914 L390.913008,89 L407.085008,89 L398.999008,80.914 Z M415.635008,84.278 L410.913008,89 L415.069,89 L415.635008,84.278 Z M409.000008,70.914 L400.414008,79.499 L409.000008,88.085 L416.021008,81.064 L416.357008,78.271 L409.000008,70.914 Z M378.999008,60.914 L370.414008,69.499 L379.000008,78.085 L384.660325,72.4254616 C385.050849,72.0349373 385.684014,72.0349373 386.074538,72.4254616 C386.435022,72.7859455 386.462752,73.3531766 386.157727,73.7454678 L386.074538,73.8396751 L380.414008,79.499 L389.000008,88.085 L397.585008,79.5 L378.999008,60.914 Z M368.999008,70.914 L361.640008,78.273 L361.975008,81.06 L369.000008,88.085 L377.585008,79.5 L368.999008,70.914 Z M389.000008,50.914 L380.414008,59.499 L399.000008,78.085 L407.586008,69.5 L398.968008,60.882 L396.288221,63.5758479 C395.898655,63.9673274 395.265492,63.968878 394.874012,63.5793112 C394.482533,63.1897445 394.480982,62.5565814 394.870549,62.1651019 L397.554008,59.468 L389.000008,50.914 Z M369.000008,50.914 L359.495008,60.418 L361.337008,75.747 L367.585008,69.499 L364.834153,66.7483665 L364.750964,66.6541592 C364.445939,66.261868 364.473669,65.6946369 364.834153,65.334153 C365.194637,64.973669 365.761868,64.9459395 366.154159,65.2509644 L366.248367,65.334153 L368.999008,68.085 L377.585008,59.499 L369.000008,50.914 Z M408.944008,50.858 L400.379008,59.465 L409.000008,68.086 L411.263596,65.8221901 C411.654121,65.4316658 412.287286,65.4316658 412.67781,65.8221901 C413.038294,66.1826741 413.066023,66.7499051 412.760999,67.1421963 L412.67781,67.2364037 L410.414008,69.5 L416.660008,75.746 L418.502008,60.416 L408.944008,50.858 Z M385.084008,46 L372.915008,46 L373.414214,46.5 L370.414008,49.5 L378.999008,58.085 L387.585008,49.499 L384.585786,46.5 L385.084008,46 Z M405.084008,46 L392.915008,46 L393.414214,46.5 L390.414008,49.5 L398.964008,58.05 L407.529008,49.443 L404.585786,46.5 L405.084008,46 Z M365.084008,46 L357.764,46 L359.192008,57.893 L367.585008,49.499 L364.585786,46.5 L365.084008,46 Z M420.235,46 L413.367432,46.000554 C413.367295,46.2554755 413.270289,46.5103988 413.076268,46.705373 L410.354008,49.44 L418.805008,57.891 L420.235,46 Z M371.084008,46 L366.914008,46 L368.999008,48.085 L371.084008,46 Z M391.084008,46 L386.914008,46 L388.999008,48.085 L391.084008,46 Z M410.956008,46 L406.914008,46 L408.940008,48.026 L410.956008,46 Z",
+    id: "cart----Theme-Color-Dark",
+    fill: themeValues.subIconColor,
+    fillRule: "nonzero"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M323.380341,0 C329.691966,0 334.839426,4.99682545 334.996316,11.2352504 L335,11.5285717 L334.999983,160.827 L353.061045,160.540795 C354.796658,160.513261 356.22597,161.897933 356.253505,163.633545 C356.280089,165.309309 354.990183,166.699533 353.339006,166.818201 L353.160755,166.826005 L334.999983,167.114 L335,167.471428 C335,173.747737 329.949641,178.841121 323.675331,178.996355 L323.380341,179 L111.61868,179 C105.307163,179 100.160547,174.003277 100.003684,167.764754 L100,167.471428 L99.9999833,166.844 L67.3629661,167.140271 C65.6272063,167.155992 64.2073503,165.761626 64.1914973,164.025866 C64.1764497,162.34996 65.4757876,160.968547 67.1277342,160.861119 L67.3060339,160.854529 L99.9999833,160.558 L100,144.445958 L106,145.445958 L106,167.471428 C106,170.445465 108.390203,172.88149 111.397554,172.995805 L111.61868,173 L323.380341,173 C326.417039,173 328.880188,170.634496 328.995759,167.688034 L329,167.471428 L329,25.082 L106,25.082 L106,137.623848 L100,136.623848 L100,11.5285717 C100,5.2521597 105.049516,0.158876258 111.323695,0.00364538552 L111.61868,0 L323.380341,0 Z M397.839831,160.540614 C399.575544,160.520362 400.999034,161.911018 401.019504,163.646731 C401.038839,165.322592 399.743111,166.707391 398.091451,166.81913 L397.913169,166.826186 L371.001169,167.140186 C369.265456,167.160438 367.841966,165.769782 367.821496,164.034069 C367.802161,162.358208 369.097889,160.973409 370.749549,160.86167 L370.927831,160.854614 L397.839831,160.540614 Z M49.618935,160.541226 C51.3543096,160.501426 52.7933733,161.87596 52.8331737,163.611335 C52.8716017,165.286869 51.5915534,166.686175 49.9412562,166.81651 L49.763065,166.825574 L36.072065,167.139574 C34.3366904,167.179374 32.8976267,165.80484 32.8578263,164.069465 C32.8193983,162.393931 34.0994466,160.994625 35.7497438,160.86429 L35.927935,160.855226 L49.618935,160.541226 Z M235.6568,99.6108 C237.04552,99.6108 238.1713,100.73658 238.1713,102.1253 C238.1713,106.857111 234.405566,110.708459 229.707732,110.846944 L229.4458,110.8508 L205.6148,110.8508 C200.795797,110.8508 196.8893,106.944737 196.8893,102.1253 C196.8893,100.73658 198.01508,99.6108 199.4038,99.6108 C200.736971,99.6108 201.827817,100.648319 201.912951,101.959971 L201.9183,102.1253 C201.9183,104.101305 203.468072,105.714647 205.418468,105.816677 L205.6148,105.8218 L229.4458,105.8218 C231.421627,105.8218 233.035135,104.2722 233.137177,102.321649 L233.1423,102.1253 C233.1423,100.73658 234.26808,99.6108 235.6568,99.6108 Z M194.231,60.5965 C198.416987,60.5965 202.08429,63.3127378 203.512549,67.2902012 C203.98188,68.5972099 203.302807,70.0372177 201.995799,70.5065486 C200.74107,70.9571063 199.36377,70.3492958 198.84036,69.1435924 L198.779451,68.9897988 C198.052367,66.9649887 196.243869,65.6255 194.231,65.6255 C192.218156,65.6255 190.40998,66.9648896 189.683805,68.9890852 C189.214868,70.2962353 187.775065,70.9757415 186.467915,70.5068047 C185.160765,70.037868 184.481258,68.598065 184.950195,67.2909148 C186.377205,63.3131587 190.044694,60.5965 194.231,60.5965 Z M242.174978,60.611 C246.752761,60.611 250.841163,63.228796 252.48308,67.1808345 C253.012812,68.4558831 252.408614,69.9189471 251.133565,70.4486796 C249.911644,70.9563399 248.517048,70.4225952 247.936717,69.255019 L247.86572,69.0991655 C247.013741,67.0484782 244.768727,65.611 242.174978,65.611 C239.670355,65.611 237.490237,66.9513467 236.576132,68.8892772 L236.48308,69.0991655 C235.953347,70.374214 234.490283,70.9784121 233.215235,70.4486796 C231.940186,69.9189471 231.335988,68.4558831 231.86572,67.1808345 C233.507581,63.2289312 237.597045,60.611 242.174978,60.611 Z M392,25 C393.104569,25 394,25.8954305 394,27 L394,40 L428,40 C429.656854,40 431,41.3431458 431,43 L431,47 C431,48.6568542 429.656854,50 428,50 L350,50 C348.343146,50 347,48.6568542 347,47 L347,43 C347,41.3431458 348.343146,40 350,40 L384,40 L384,27 C384,25.8954305 384.895431,25 386,25 L392,25 Z M323.380341,6 L111.61868,6 C108.582279,6 106.11978,8.36521389 106.00424,11.3119453 L106,11.5285717 L106,21.311 L329,21.311 L329,11.5285717 C329,8.55483183 326.609153,6.11852455 323.601489,6.00419571 L323.380341,6 Z M122.1173,10.311 L122.282437,10.316345 C123.538064,10.397879 124.544275,11.402497 124.625946,12.660527 L124.6313,12.826 L124.625946,12.9912424 C124.544275,14.2475768 123.538064,15.252124 122.282437,15.3336552 L122.1173,15.339 L121.951938,15.3336552 C120.640022,15.2485792 119.6023,14.15848 119.6023,12.826 C119.6023,11.436 120.7283,10.311 122.1173,10.311 Z M113.3163,10.311 L113.481547,10.316345 C114.737952,10.397879 115.743349,11.402497 115.82495,12.660527 L115.8303,12.826 L115.82495,12.9912424 C115.743349,14.2475768 114.737952,15.252124 113.481547,15.3336552 L113.3163,15.339 L113.151053,15.3336552 C111.840022,15.2485792 110.8023,14.15848 110.8023,12.826 C110.8023,11.436 111.9283,10.311 113.3163,10.311 Z M130.9173,10.311 L131.082437,10.316345 C132.338064,10.397879 133.344275,11.402497 133.425946,12.660527 L133.4313,12.826 L133.425946,12.9912424 C133.344275,14.2475768 132.338064,15.252124 131.082437,15.3336552 L130.9173,15.339 L130.751942,15.3336552 C129.4401,15.2485792 128.4033,14.15848 128.4033,12.826 C128.4033,11.436 129.5283,10.311 130.9173,10.311 Z",
+    id: "cart-Dark-Grey",
+    fill: "#3B414D",
+    fillRule: "nonzero"
+  })));
+};
+
+var EmptyCartIcon$1 = themeComponent(EmptyCartIcon, "Icons", fallbackValues$2, "info");
+
+var ShoppingCartIcon = function ShoppingCartIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "32px",
+    height: "32px",
+    viewBox: "0 0 32 32",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, /*#__PURE__*/React__default.createElement("title", null, "Icon - Cart-Empty"), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("filter", {
+    id: "cart-badge-filter-1"
+  }, /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    "in": "SourceGraphic",
+    type: "matrix",
+    values: "0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"
+  }))), /*#__PURE__*/React__default.createElement("g", {
+    id: "cart-badge-Icon---Cart-Empty",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    filter: "url(#cart-badge-filter-1)",
+    id: "cart-badge-Group"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    transform: "translate(3.000000, 7.000000)"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M18.7499553,20.499994 C19.348912,20.499994 19.8632339,20.2851508 20.2929204,19.8554643 C20.7226068,19.4257779 20.9374501,18.911456 20.9374501,18.3124993 C20.9374501,17.8958334 20.8267735,17.5117199 20.6054196,17.1601583 C20.3840658,16.8085966 20.0780771,16.5416703 19.6874531,16.3593789 L19.6874531,16.3593789 L19.9218275,15.3828187 C19.9739105,15.0963613 19.9088069,14.835945 19.7265155,14.6015706 C19.544224,14.3671962 19.3098496,14.2500089 19.0233921,14.2500089 L19.0233921,14.2500089 L8.5156047,14.2500089 L8.28123026,13.0000119 L19.7265155,13.0000119 C19.9348481,13.0000119 20.1236501,12.9349077 20.2929204,12.8046999 C20.4621906,12.6744921 20.5728678,12.4922006 20.6249508,12.2578262 L20.6249508,12.2578262 L22.4608839,4.13284556 C22.5390088,3.84638811 22.4869258,3.58597187 22.3046343,3.35159742 C22.1223429,3.11722298 21.8749478,3.00004172 21.5624486,3.00004172 L21.5624486,3.00004172 L6.21092269,3.00004172 L5.85936103,1.24222745 C5.80727802,1.03389482 5.6966008,0.858113985 5.52733057,0.714884961 C5.35806034,0.571655937 5.16925831,0.500041723 4.96092567,0.500041723 L4.96092567,0.500041723 L0.937497765,0.500041723 C0.67708152,0.500041723 0.455728279,0.591187141 0.273436848,0.773478571 C0.0911454173,0.955770002 0,1.17712324 0,1.43753949 L0,1.43753949 L0,2.062538 C0,2.32295424 0.0911454173,2.54430748 0.273436848,2.72659891 C0.455728279,2.90889035 0.67708152,3.00004172 0.937497765,3.00004172 L0.937497765,3.00004172 L3.67186625,3.00004172 L6.40623473,16.3984413 C6.06769367,16.606774 5.80076742,16.8802108 5.60545539,17.2187519 C5.41014335,17.5572929 5.31248733,17.9218752 5.31248733,18.3124993 C5.31248733,18.911456 5.52733057,19.4257779 5.95701705,19.8554643 C6.38670352,20.2851508 6.90102541,20.499994 7.49998212,20.499994 C8.09893883,20.499994 8.61326071,20.2851508 9.04294719,19.8554643 C9.47263367,19.4257779 9.6874769,18.904946 9.6874769,18.2929681 C9.6874769,17.6809901 9.46612307,17.1666689 9.02341599,16.750003 L9.02341599,16.750003 L17.2265214,16.750003 C16.7838143,17.1666689 16.5624605,17.6809901 16.5624605,18.2929681 C16.5624605,18.904946 16.7773037,19.4257779 17.2069902,19.8554643 C17.6366767,20.2851508 18.1509986,20.499994 18.7499553,20.499994 Z",
+    id: "cart-badge-shopping-cart",
+    fill: "#FFFFFF",
+    fillRule: "nonzero"
+  })))));
+};
+
 var color$2 = "#15749D";
 var hoverColor$1 = "#116285";
 var activeColor$1 = "#0E506D";
@@ -19269,7 +19338,7 @@ var fontWeight$2 = {
 };
 var hoverFocusStyles = {
   "default": "color: #0E506D; outline: none; text-decoration: underline;  ",
-  disabled: "color: #6E727E;"
+  disabled: "color: #6D717E;"
 };
 var fallbackValues$f = {
   linkColor: linkColor$1,
@@ -20538,7 +20607,7 @@ var fontWeight$3 = {
 };
 var hoverFocusStyles$1 = {
   "default": "color: #0E506D; outline: none; text-decoration: underline;  ",
-  disabled: "color: #6E727E;"
+  disabled: "color: #6D717E;"
 };
 var formFooterPanel = {
   "default": "".concat(INFO_BLUE)
@@ -34259,12 +34328,6 @@ const set$2 = fieldName => value => ({
 const CLEAR = "form/CLEAR";
 const clear = () => ({ type: CLEAR });
 
-const ADD_VALIDATOR = "field/ADD_VALIDATOR";
-const addValidator = fieldName => validator => ({
-  type: ADD_VALIDATOR,
-  payload: { fieldName, validator }
-});
-
 const createFormReducer = formConfig => (
   state = createInitialState(formConfig),
   action
@@ -34296,23 +34359,6 @@ const createFormReducer = formConfig => (
       });
     case CLEAR:
       return createInitialState(formConfig);
-    case ADD_VALIDATOR: 
-      const fieldWithOverride = action.payload.fieldName;
-      const newValidator = action.payload.validator;
-      
-      return produce(state, draftState => {
-        draftState[fieldWithOverride].validators.push(newValidator);
-        const fields = Object.entries(draftState);
-        for (let entry of fields) {
-          let fieldName = entry[0];
-          let field = entry[1];
-          let errors = computeErrors(fieldName, draftState);
-          let dirty = field.dirty;
-          draftState[fieldName].errors = errors;
-          draftState[fieldName].dirty = dirty;
-          draftState[fieldName].hasErrors = errors.length > 0;
-        }
-      });
     default:
       return state;
   }
@@ -34331,8 +34377,7 @@ const createMapDispatchToProps = formConfig => {
     const keys = Object.keys(formConfig);
     for (let fieldName of keys) {
       dispatchObj.fields[fieldName] = {
-        set: value => dispatch(set$2(fieldName)(value)),
-        addValidator: validator => dispatch(addValidator(fieldName)(validator))
+        set: value => dispatch(set$2(fieldName)(value))
       };
     }
     dispatchObj.form = { clear: () => dispatch(clear()) };
@@ -35278,87 +35323,1538 @@ var HighlightTabRow = function HighlightTabRow(_ref) {
 
 var HighlightTabRow$1 = /*#__PURE__*/React.memo(themeComponent(HighlightTabRow, "HighlightTabRow", fallbackValues$t));
 
-var LoginForm = function LoginForm(_ref) {
-  var _emailErrorMessages;
-
-  var clearOnDismount = _ref.clearOnDismount,
-      fields = _ref.fields,
-      actions = _ref.actions,
-      showErrors = _ref.showErrors,
-      _ref$handleSubmit = _ref.handleSubmit,
-      handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit;
-
-  if (clearOnDismount) {
-    React.useEffect(function () {
-      return function () {
-        return actions.form.clear();
-      };
-    }, []);
-  }
-
-  var emailErrorMessages = (_emailErrorMessages = {}, _defineProperty(_emailErrorMessages, required.error, "Email address is required"), _defineProperty(_emailErrorMessages, isProbablyEmail.error, "Invalid email address"), _emailErrorMessages);
-
-  var passwordErrorMessages = _defineProperty({}, required.error, "Password is required");
-
-  return /*#__PURE__*/React__default.createElement(FormInputColumn, {
-    role: "form",
-    "aria-label": "Login"
-  }, /*#__PURE__*/React__default.createElement(FormInput$1, {
-    labelTextWhenNoError: "Email address",
-    errorMessages: emailErrorMessages,
-    type: "email",
-    field: fields.email,
-    fieldActions: actions.fields.email,
-    showErrors: showErrors,
-    onKeyDown: function onKeyDown(e) {
-      return e.key === "Enter" && handleSubmit(e);
-    },
-    isEmail: true
-  }), /*#__PURE__*/React__default.createElement(FormInput$1, {
-    labelTextWhenNoError: "Password",
-    errorMessages: passwordErrorMessages,
-    type: "password",
-    field: fields.password,
-    fieldActions: actions.fields.password,
-    showErrors: showErrors,
-    onKeyDown: function onKeyDown(e) {
-      return e.key === "Enter" && handleSubmit(e);
-    }
-  }));
+var AccountBillIcon = function AccountBillIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "51px",
+    height: "51px",
+    viewBox: "0 0 81 81",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
+    id: "account-bill-path-1",
+    cx: "33.5",
+    cy: "33.5",
+    r: "33.5"
+  }), /*#__PURE__*/React__default.createElement("filter", {
+    x: "-17.2%",
+    y: "-14.2%",
+    width: "134.3%",
+    height: "134.3%",
+    filterUnits: "objectBoundingBox",
+    id: "account-bill-filter-2"
+  }, /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "-4",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter1"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
+    type: "matrix",
+    "in": "shadowOffsetOuter1",
+    result: "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "2",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter2"
+  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
+    stdDeviation: "3.5",
+    "in": "shadowOffsetOuter2",
+    result: "shadowBlurOuter2"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
+    type: "matrix",
+    "in": "shadowBlurOuter2",
+    result: "shadowMatrixOuter2"
+  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter2"
+  })))), /*#__PURE__*/React__default.createElement("g", {
+    id: "AccountBill",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "AccountBillIcon",
+    transform: "translate(7.000000, 5.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Oval-Copy-6"
+  }, /*#__PURE__*/React__default.createElement("use", {
+    fill: "black",
+    fillOpacity: "1",
+    filter: "url(#account-bill-filter-2)",
+    xlinkHref: "#account-bill-path-1"
+  }), /*#__PURE__*/React__default.createElement("use", {
+    fill: "#FFFFFF",
+    fillRule: "evenodd",
+    xlinkHref: "#account-bill-path-1"
+  })), /*#__PURE__*/React__default.createElement("path", {
+    d: "M45.9999428,26.0000477 L45.9999428,25.6250486 C45.9999428,25.2083826 45.8541101,24.8542174 45.5624438,24.5625511 L45.5624438,24.5625511 L39.4374584,18.4375657 C39.1457921,18.1458994 38.791627,18.0000668 38.374961,18.0000668 L38.374961,18.0000668 L37.9999619,18.0000668 L37.9999619,26.0000477 L45.9999428,26.0000477 Z M44.4999464,49.9999905 C44.9166123,49.9999905 45.2707775,49.8541578 45.5624438,49.5624915 C45.8541101,49.2708252 45.9999428,48.91666 45.9999428,48.499994 L45.9999428,48.499994 L45.9999428,28.0000429 L37.499963,28.0000429 C37.0832971,28.0000429 36.7291319,27.8542102 36.4374656,27.562544 C36.1457993,27.2708777 35.9999666,26.9167125 35.9999666,26.5000465 L35.9999666,26.5000465 L35.9999666,18.0000668 L23.5,18.0000668 C23.0833304,18.0000668 22.7291652,18.1458994 22.437499,18.4375657 C22.1458327,18.729232 22,19.0833972 22,19.5000668 L22,19.5000668 L22,48.499994 C22,48.91666 22.1458327,49.2708252 22.437499,49.5624915 C22.7291652,49.8541578 23.0833304,49.9999905 23.5,49.9999905 L23.5,49.9999905 L44.4999464,49.9999905 Z M31.4999774,24.0000572 L26.4999905,24.0000572 C26.3749896,24.0000572 26.2604068,23.9479696 26.1562401,23.8438028 C26.0520734,23.7396361 25.9999905,23.6250533 25.9999905,23.5000572 L25.9999905,23.5000572 L25.9999905,22.5000572 C25.9999905,22.3750563 26.0520734,22.2604736 26.1562401,22.1563068 C26.2604068,22.0521401 26.3749896,22.0000572 26.4999905,22.0000572 L26.4999905,22.0000572 L31.4999774,22.0000572 C31.6249771,22.0000572 31.7395598,22.0521401 31.8437265,22.1563068 C31.9478933,22.2604736 31.9999762,22.3750563 31.9999762,22.5000572 L31.9999762,22.5000572 L31.9999762,23.5000572 C31.9999762,23.6250533 31.9478933,23.7396361 31.8437265,23.8438028 C31.7395598,23.9479696 31.6249771,24.0000572 31.4999774,24.0000572 L31.4999774,24.0000572 Z M31.4999774,28.0000477 L26.4999905,28.0000477 C26.3749896,28.0000477 26.2604068,27.94796 26.1562401,27.8437933 C26.0520734,27.7396266 25.9999905,27.6250438 25.9999905,27.5000477 L25.9999905,27.5000477 L25.9999905,26.5000477 C25.9999905,26.3750468 26.0520734,26.260464 26.1562401,26.1562973 C26.2604068,26.0521306 26.3749896,26.0000477 26.4999905,26.0000477 L26.4999905,26.0000477 L31.4999774,26.0000477 C31.6249771,26.0000477 31.7395598,26.0521306 31.8437265,26.1562973 C31.9478933,26.260464 31.9999762,26.3750468 31.9999762,26.5000477 L31.9999762,26.5000477 L31.9999762,27.5000477 C31.9999762,27.6250438 31.9478933,27.7396266 31.8437265,27.8437933 C31.7395598,27.94796 31.6249771,28.0000477 31.4999774,28.0000477 L31.4999774,28.0000477 Z M34.4999702,46 L33.4999726,46 C33.3749729,46 33.2603901,45.9479171 33.1562234,45.8437504 C33.0520567,45.7395836 32.9999738,45.6250009 32.9999738,45.5000012 L32.9999738,45.5000012 L32.9999738,44.0000048 C32.2916424,43.9583379 31.64581,43.7083385 31.0624784,43.2500066 C30.9374787,43.1666737 30.8645619,43.05209 30.8437289,42.9062574 C30.8228959,42.7604247 30.8749788,42.625008 30.9999785,42.5000083 L30.9999785,42.5000083 L31.7499768,41.81251 C31.9166433,41.6458434 32.1249759,41.6354274 32.3749753,41.7812601 C32.6249747,41.9270927 32.895807,42.0000095 33.1874733,42.0000095 L33.1874733,42.0000095 L34.9374692,42.0000095 C35.1458017,42.0000095 35.3228852,41.9166767 35.4687179,41.7500101 C35.6145506,41.5833435 35.6874674,41.395844 35.6874674,41.1875115 C35.6874674,40.979179 35.6353845,40.8020954 35.5312177,40.6562627 C35.427051,40.5104301 35.2916353,40.4166803 35.1249687,40.3750134 L35.1249687,40.3750134 L32.3124802,39.5625153 C31.7291438,39.3541828 31.2499779,39.0000167 30.8749788,38.5000179 C30.4999797,38.0000191 30.3124802,37.4375204 30.3124802,36.8125219 C30.3124802,36.0625237 30.5728965,35.4166922 31.0937283,34.8750265 C31.6145601,34.3333608 32.2499756,34.0416955 32.9999738,34.0000334 L32.9999738,34.0000334 L32.9999738,32.5000334 C32.9999738,32.3750325 33.0520567,32.2604497 33.1562234,32.156283 C33.2603901,32.0521163 33.3749729,32.0000334 33.4999726,32.0000334 L33.4999726,32.0000334 L34.4999702,32.0000334 C34.6249699,32.0000334 34.7395526,32.0521163 34.8437194,32.156283 C34.9478861,32.2604497 34.999969,32.3750325 34.999969,32.5000334 L34.999969,32.5000334 L34.999969,34.0000334 C35.7083003,34.0416955 36.3541328,34.2916949 36.9374644,34.7500268 C37.0624641,34.8333596 37.1353809,34.9479433 37.1562139,35.093776 C37.1770468,35.2396087 37.1249639,35.3750253 36.9999642,35.5000334 L36.9999642,35.5000334 L36.249966,36.1875234 C36.0832994,36.35419 35.8749669,36.364606 35.6249675,36.2187733 C35.3749681,36.0729407 35.1041357,36.0000334 34.8124695,36.0000334 L34.8124695,36.0000334 L33.0624736,36.0000334 C32.8541411,36.0000334 32.6770576,36.0833567 32.5312249,36.2500232 C32.3853922,36.4166898 32.3124802,36.6041894 32.3124802,36.8125219 C32.3124802,37.0208544 32.3645583,37.197938 32.468725,37.3437706 C32.5728918,37.4896033 32.7083075,37.5833531 32.8749741,37.62502 L32.8749741,37.62502 L35.6874674,38.437518 C36.270799,38.6458505 36.7499648,39.0000167 37.1249639,39.5000155 C37.499963,40.0000143 37.6874626,40.562513 37.6874626,41.1875115 C37.6874626,41.9375097 37.4270462,42.5833412 36.9062145,43.1250069 C36.3853827,43.6666725 35.7499672,43.9583379 34.999969,44.0000048 L34.999969,44.0000048 L34.999969,45.5000012 C34.999969,45.6250009 34.9478861,45.7395836 34.8437194,45.8437504 C34.7395526,45.9479171 34.6249699,46 34.4999702,46 L34.4999702,46 Z",
+    id: "f",
+    fill: "#292A33",
+    fillRule: "nonzero"
+  }))));
 };
 
-var formConfig$5 = {
-  email: {
-    validators: [required(), isProbablyEmail()]
-  },
-  password: {
-    validators: [required()]
-  }
+var AccountGenericIcon = function AccountGenericIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "51px",
+    height: "51px",
+    viewBox: "0 0 81 81",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
+    id: "account-generic-path-1",
+    cx: "33.5",
+    cy: "33.5",
+    r: "33.5"
+  }), /*#__PURE__*/React__default.createElement("filter", {
+    x: "-17.2%",
+    y: "-14.2%",
+    width: "134.3%",
+    height: "134.3%",
+    filterUnits: "objectBoundingBox",
+    id: "account-generic-filter-2"
+  }, /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "-4",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter1"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
+    type: "matrix",
+    "in": "shadowOffsetOuter1",
+    result: "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "2",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter2"
+  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
+    stdDeviation: "3.5",
+    "in": "shadowOffsetOuter2",
+    result: "shadowBlurOuter2"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
+    type: "matrix",
+    "in": "shadowBlurOuter2",
+    result: "shadowMatrixOuter2"
+  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter2"
+  })))), /*#__PURE__*/React__default.createElement("g", {
+    id: "AccountGeneric",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "AccountGenericIcon",
+    transform: "translate(7.000000, 5.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Oval-Copy-6"
+  }, /*#__PURE__*/React__default.createElement("use", {
+    fill: "black",
+    fillOpacity: "1",
+    filter: "url(#account-generic-filter-2)",
+    xlinkHref: "#account-generic-path-1"
+  }), /*#__PURE__*/React__default.createElement("use", {
+    fill: "#FFFFFF",
+    fillRule: "evenodd",
+    xlinkHref: "#account-generic-path-1"
+  })), /*#__PURE__*/React__default.createElement("path", {
+    d: "M45.9999428,26.0000477 L45.9999428,25.6250486 C45.9999428,25.2083826 45.8541101,24.8542174 45.5624438,24.5625511 L45.5624438,24.5625511 L39.4374584,18.4375657 C39.1457921,18.1458994 38.791627,18.0000668 38.374961,18.0000668 L38.374961,18.0000668 L37.9999619,18.0000668 L37.9999619,26.0000477 L45.9999428,26.0000477 Z M44.4999464,49.9999905 C44.9166123,49.9999905 45.2707775,49.8541578 45.5624438,49.5624915 C45.8541101,49.2708252 45.9999428,48.91666 45.9999428,48.499994 L45.9999428,48.499994 L45.9999428,28.0000429 L37.499963,28.0000429 C37.0832971,28.0000429 36.7291319,27.8542102 36.4374656,27.562544 C36.1457993,27.2708777 35.9999666,26.9167125 35.9999666,26.5000465 L35.9999666,26.5000465 L35.9999666,18.0000668 L23.5,18.0000668 C23.0833304,18.0000668 22.7291652,18.1458994 22.437499,18.4375657 C22.1458327,18.729232 22,19.0833972 22,19.5000668 L22,19.5000668 L22,48.499994 C22,48.91666 22.1458327,49.2708252 22.437499,49.5624915 C22.7291652,49.8541578 23.0833304,49.9999905 23.5,49.9999905 L23.5,49.9999905 L44.4999464,49.9999905 Z M31.4999774,24.0000572 L26.4999905,24.0000572 C26.3749896,24.0000572 26.2604068,23.9479696 26.1562401,23.8438028 C26.0520734,23.7396361 25.9999905,23.6250533 25.9999905,23.5000572 L25.9999905,23.5000572 L25.9999905,22.5000572 C25.9999905,22.3750563 26.0520734,22.2604736 26.1562401,22.1563068 C26.2604068,22.0521401 26.3749896,22.0000572 26.4999905,22.0000572 L26.4999905,22.0000572 L31.4999774,22.0000572 C31.6249771,22.0000572 31.7395598,22.0521401 31.8437265,22.1563068 C31.9478933,22.2604736 31.9999762,22.3750563 31.9999762,22.5000572 L31.9999762,22.5000572 L31.9999762,23.5000572 C31.9999762,23.6250533 31.9478933,23.7396361 31.8437265,23.8438028 C31.7395598,23.9479696 31.6249771,24.0000572 31.4999774,24.0000572 L31.4999774,24.0000572 Z M31.4999774,28.0000477 L26.4999905,28.0000477 C26.3749896,28.0000477 26.2604068,27.94796 26.1562401,27.8437933 C26.0520734,27.7396266 25.9999905,27.6250438 25.9999905,27.5000477 L25.9999905,27.5000477 L25.9999905,26.5000477 C25.9999905,26.3750468 26.0520734,26.260464 26.1562401,26.1562973 C26.2604068,26.0521306 26.3749896,26.0000477 26.4999905,26.0000477 L26.4999905,26.0000477 L31.4999774,26.0000477 C31.6249771,26.0000477 31.7395598,26.0521306 31.8437265,26.1562973 C31.9478933,26.260464 31.9999762,26.3750468 31.9999762,26.5000477 L31.9999762,26.5000477 L31.9999762,27.5000477 C31.9999762,27.6250438 31.9478933,27.7396266 31.8437265,27.8437933 C31.7395598,27.94796 31.6249771,28.0000477 31.4999774,28.0000477 L31.4999774,28.0000477 Z M40.9999547,40.0000143 L26.9999905,40.0000143 C26.7083218,40.0000143 26.4687393,39.9062645 26.2812398,39.718765 C26.0937402,39.5312654 25.9999905,39.291683 25.9999905,39.0000167 L25.9999905,39.0000167 L25.9999905,33.0000334 C25.9999905,32.7083647 26.0937402,32.4687823 26.2812398,32.2812827 C26.4687393,32.0937832 26.7083218,32.0000334 26.9999905,32.0000334 L26.9999905,32.0000334 L40.9999547,32.0000334 C41.291621,32.0000334 41.5312034,32.0937832 41.718703,32.2812827 C41.9062025,32.4687823 41.9999523,32.7083647 41.9999523,33.0000334 L41.9999523,33.0000334 L41.9999523,39.0000167 C41.9999523,39.291683 41.9062025,39.5312654 41.718703,39.718765 C41.5312034,39.9062645 41.291621,40.0000143 40.9999547,40.0000143 L40.9999547,40.0000143 Z M39.9999571,38.0000286 L39.9999571,34.0000286 L27.9999857,34.0000286 L27.9999857,38.0000286 L39.9999571,38.0000286 Z M41.4999535,46.0000048 L36.4999666,46.0000048 C36.3749657,46.0000048 36.260383,45.9479171 36.1562162,45.8437504 C36.0520495,45.7395836 35.9999666,45.6250009 35.9999666,45.5000048 L35.9999666,45.5000048 L35.9999666,44.5000048 C35.9999666,44.3750039 36.0520495,44.2604211 36.1562162,44.1562544 C36.260383,44.0520877 36.3749657,44.0000048 36.4999666,44.0000048 L36.4999666,44.0000048 L41.4999535,44.0000048 C41.6249532,44.0000048 41.739536,44.0520877 41.8437027,44.1562544 C41.9478694,44.2604211 41.9999523,44.3750039 41.9999523,44.5000048 L41.9999523,44.5000048 L41.9999523,45.5000048 C41.9999523,45.6250009 41.9478694,45.7395836 41.8437027,45.8437504 C41.739536,45.9479171 41.6249532,46.0000048 41.4999535,46.0000048 L41.4999535,46.0000048 Z",
+    id: "f",
+    fill: "#292A33",
+    fillRule: "nonzero"
+  }))));
 };
 
-var _createFormState$5 = createFormState(formConfig$5),
-    reducer$5 = _createFormState$5.reducer,
-    mapStateToProps$6 = _createFormState$5.mapStateToProps,
-    mapDispatchToProps$5 = _createFormState$5.mapDispatchToProps;
+var AccountConstructionIcon = function AccountConstructionIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "51px",
+    height: "51px",
+    viewBox: "0 0 81 81",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
+    id: "account-construction-path-1",
+    cx: "33.5",
+    cy: "33.5",
+    r: "33.5"
+  }), /*#__PURE__*/React__default.createElement("filter", {
+    x: "-17.2%",
+    y: "-14.2%",
+    width: "134.3%",
+    height: "134.3%",
+    filterUnits: "objectBoundingBox",
+    id: "account-construction-filter-2"
+  }, /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "-4",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter1"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
+    type: "matrix",
+    "in": "shadowOffsetOuter1",
+    result: "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "2",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter2"
+  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
+    stdDeviation: "3.5",
+    "in": "shadowOffsetOuter2",
+    result: "shadowBlurOuter2"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
+    type: "matrix",
+    "in": "shadowBlurOuter2",
+    result: "shadowMatrixOuter2"
+  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter2"
+  })))), /*#__PURE__*/React__default.createElement("g", {
+    id: "account-construction-Profile-/-Icons",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Outlined",
+    transform: "translate(-91.000000, -681.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "account-construction-Profile-Obligation-Icon-/-Account---Construction",
+    transform: "translate(98.000000, 686.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Oval-Copy-6"
+  }, /*#__PURE__*/React__default.createElement("use", {
+    fill: "black",
+    fillOpacity: "1",
+    filter: "url(#account-construction-filter-2)",
+    xlinkHref: "#account-construction-path-1"
+  }), /*#__PURE__*/React__default.createElement("use", {
+    fill: "#FFFFFF",
+    fillRule: "evenodd",
+    xlinkHref: "#account-construction-path-1"
+  })), /*#__PURE__*/React__default.createElement("path", {
+    d: "M45.34368,37.5000203 C45.6145124,37.5000203 45.8540958,37.3958535 46.0624283,37.187521 L46.0624283,37.187521 L51.6874149,31.5625344 C51.8957474,31.3542019 51.9999142,31.1146185 51.9999142,30.8437861 C51.9999142,30.5729538 51.8957474,30.3333704 51.6874149,30.1250378 L51.6874149,30.1250378 L50.3124182,28.6875413 C50.1040857,28.5208747 49.8645023,28.4375419 49.5936699,28.4375419 C49.3228375,28.4375419 49.0832541,28.5208747 48.8749216,28.6875413 L48.8749216,28.6875413 L48.1874233,29.4375395 L46.3749276,27.6250438 C46.5415942,26.9167125 46.5415942,26.2187972 46.3749276,25.5312988 C46.208261,24.8438004 45.8540958,24.2500519 45.3124301,23.750053 L45.3124301,23.750053 L42.246743,20.6849214 C41.0502644,19.5325165 39.6450828,18.7521483 38.0311975,18.3438159 C36.3020346,17.906317 34.5832887,17.906317 32.8749598,18.3438159 C31.1666308,18.7813149 29.6666344,19.6458958 28.3749705,20.9375598 L28.3749705,20.9375598 L33.9999571,23.750053 L33.9999571,24.9375502 C33.9999571,26.0208806 34.3957892,26.9583784 35.1874543,27.7500435 L35.1874543,27.7500435 L38.249947,30.8125362 C38.7916126,31.3542019 39.4061942,31.7083671 40.0936926,31.8750337 C40.7811909,32.0417003 41.4582723,32.0417003 42.1249377,31.8750337 L42.1249377,31.8750337 L43.9374334,33.6250295 L43.249935,34.3750277 C43.0416025,34.5416943 42.9374358,34.7708598 42.9374358,35.0625261 C42.9374358,35.3541924 43.0416025,35.5833579 43.249935,35.7500244 L43.249935,35.7500244 L44.6249318,37.187521 C44.8332643,37.3958535 45.0728477,37.5000203 45.34368,37.5000203 Z M19.9374906,49.9999905 C21.020821,49.9999905 21.9374858,49.5833245 22.6874841,48.7499934 L22.6874841,48.7499934 L37.5624486,32.8125314 C37.2707823,32.6041989 37.0416168,32.4166994 36.8749502,32.2500328 L36.8749502,32.2500328 L33.8124575,29.1875401 C33.604125,28.9792076 33.3957915,28.7292082 33.187459,28.4375419 L33.187459,28.4375419 L17.249997,43.3125064 C16.416666,44.0625046 16,44.9791694 16,46.0624999 C16,47.1458303 16.3854161,48.072912 17.1562472,48.8437432 C17.9270784,49.6145744 18.8541602,49.9999905 19.9374906,49.9999905 Z",
+    id: "account-construction-h",
+    fill: "#292A33",
+    fillRule: "nonzero"
+  })))));
+};
 
-LoginForm.reducer = reducer$5;
-LoginForm.mapStateToProps = mapStateToProps$6;
-LoginForm.mapDispatchToProps = mapDispatchToProps$5;
+var AccountDentalIcon = function AccountDentalIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "51px",
+    height: "51px",
+    viewBox: "0 0 81 81",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
+    id: "account-dental-path-1",
+    cx: "33.5",
+    cy: "33.5",
+    r: "33.5"
+  }), /*#__PURE__*/React__default.createElement("filter", {
+    x: "-17.2%",
+    y: "-14.2%",
+    width: "134.3%",
+    height: "134.3%",
+    filterUnits: "objectBoundingBox",
+    id: "account-dental-filter-2"
+  }, /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "-4",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter1"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
+    type: "matrix",
+    "in": "shadowOffsetOuter1",
+    result: "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "2",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter2"
+  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
+    stdDeviation: "3.5",
+    "in": "shadowOffsetOuter2",
+    result: "shadowBlurOuter2"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
+    type: "matrix",
+    "in": "shadowBlurOuter2",
+    result: "shadowMatrixOuter2"
+  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter2"
+  })))), /*#__PURE__*/React__default.createElement("g", {
+    id: "account-dental-Profile-/-Icons",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Outlined",
+    transform: "translate(-91.000000, -801.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "account-dental-Profile-Obligation-Icon-/-Account---Dental",
+    transform: "translate(98.000000, 806.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Oval-Copy-6"
+  }, /*#__PURE__*/React__default.createElement("use", {
+    fill: "black",
+    fillOpacity: "1",
+    filter: "url(#account-dental-filter-2)",
+    xlinkHref: "#account-dental-path-1"
+  }), /*#__PURE__*/React__default.createElement("use", {
+    fill: "#FFFFFF",
+    fillRule: "evenodd",
+    xlinkHref: "#account-dental-path-1"
+  })), /*#__PURE__*/React__default.createElement("path", {
+    d: "M40.4687012,49.9999905 C40.9062002,49.9999905 41.3020322,49.8645738 41.6561984,49.5937414 C42.0103645,49.3229091 42.229114,48.958326 42.3124468,48.499994 L42.3124468,48.499994 L42.8124456,46.3749991 C43.3541113,44.0000048 43.7916103,41.0833447 44.1249425,37.62502 C44.3749419,34.8333596 45.1249401,32.6041989 46.3749371,30.9375359 C47.0832684,29.9792052 47.5624343,28.9062908 47.8124337,27.7187936 C48.0624331,26.5312964 48.0416001,25.2917164 47.7499338,24.0000525 C47.4166016,22.5833888 46.7291033,21.3438088 45.6874388,20.2813113 C44.6457743,19.2188139 43.4166112,18.5208985 41.9999475,18.1875663 C40.2916186,17.7292344 38.437456,18.2292332 36.4374608,19.6875627 C36.3124611,19.7708956 36.1457945,19.8542293 35.937462,19.9375621 L35.937462,19.9375621 L35.7499624,20.000062 L37.5624581,21.1875592 C37.7707906,21.3125589 37.9062073,21.5104754 37.9687072,21.7813077 C38.031207,22.0521401 37.9895401,22.3021395 37.8437075,22.531306 C37.6978748,22.7604724 37.4895413,22.9063051 37.2187089,22.9688049 C36.9478766,23.0313048 36.6874602,22.9792219 36.4374608,22.8125553 L36.4374608,22.8125553 L30.1874757,18.8125648 C28.7291462,18.0208997 27.3333155,17.8125672 25.9999857,18.1875663 C24.5833221,18.5208985 23.354159,19.2188139 22.3124945,20.2813113 C21.27083,21.3438088 20.5833316,22.5833888 20.2499994,24.0000525 C19.9583331,25.2917164 19.9375001,26.5312964 20.1874996,27.7187936 C20.437499,28.9062908 20.9166648,29.9792052 21.6249961,30.9375359 C22.8749931,32.6041989 23.6249914,34.8333596 23.8749908,37.62502 C24.208323,41.0833447 24.6458219,44.0000048 25.1874876,46.3749991 L25.1874876,46.3749991 L25.6874864,48.499994 C25.7708193,48.958326 25.9895687,49.3229091 26.3437349,49.5937414 C26.697901,49.8645738 27.0937331,49.9999905 27.531232,49.9999905 C27.968731,49.9999905 28.3541471,49.8645738 28.6874793,49.5937414 C29.0208115,49.3229091 29.2499779,48.9791599 29.3749776,48.5624939 L29.3749776,48.5624939 L31.4999726,39.8750146 C31.6666392,39.3333489 31.9791384,38.875017 32.4374703,38.5000179 C32.8958023,38.1250188 33.416635,37.9375192 33.9999666,37.9375192 C34.5832982,37.9375192 35.104131,38.1250188 35.5624629,38.5000179 C36.0207948,38.875017 36.3332941,39.3333489 36.4999607,39.8750146 L36.4999607,39.8750146 L38.6249556,48.5624939 C38.7499553,48.9791599 38.9791217,49.3229091 39.312454,49.5937414 C39.6457862,49.8645738 40.0312022,49.9999905 40.4687012,49.9999905 Z",
+    id: "t",
+    fill: "#292A33",
+    fillRule: "nonzero"
+  })))));
+};
 
-var candidateSelectors = [
-  'input',
-  'select',
-  'textarea',
-  'a[href]',
-  'button',
-  '[tabindex]',
-  'audio[controls]',
-  'video[controls]',
-  '[contenteditable]:not([contenteditable="false"])',
-];
-var candidateSelector = candidateSelectors.join(',');
+var AccountElectricIcon = function AccountElectricIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "51px",
+    height: "51px",
+    viewBox: "0 0 81 81",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
+    id: "account-electric-path-1",
+    cx: "33.5",
+    cy: "33.5",
+    r: "33.5"
+  }), /*#__PURE__*/React__default.createElement("filter", {
+    x: "-17.2%",
+    y: "-14.2%",
+    width: "134.3%",
+    height: "134.3%",
+    filterUnits: "objectBoundingBox",
+    id: "account-electric-filter-2"
+  }, /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "-4",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter1"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
+    type: "matrix",
+    "in": "shadowOffsetOuter1",
+    result: "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "2",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter2"
+  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
+    stdDeviation: "3.5",
+    "in": "shadowOffsetOuter2",
+    result: "shadowBlurOuter2"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
+    type: "matrix",
+    "in": "shadowBlurOuter2",
+    result: "shadowMatrixOuter2"
+  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter2"
+  })))), /*#__PURE__*/React__default.createElement("g", {
+    id: "account-electric-Profile-/-Icons",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Outlined",
+    transform: "translate(-91.000000, -225.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "account-electric-Profile-Obligation-Icon-/-Account---Electric",
+    transform: "translate(98.000000, 230.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Oval-Copy-6"
+  }, /*#__PURE__*/React__default.createElement("use", {
+    fill: "black",
+    fillOpacity: "1",
+    filter: "url(#account-electric-filter-2)",
+    xlinkHref: "#account-electric-path-1"
+  }), /*#__PURE__*/React__default.createElement("use", {
+    fill: "#FFFFFF",
+    fillRule: "evenodd",
+    xlinkHref: "#account-electric-path-1"
+  })), /*#__PURE__*/React__default.createElement("path", {
+    d: "M41.9999619,27.0000453 L41.9999619,20.0000668 C41.9999619,19.4583963 41.8020358,18.9896474 41.4062037,18.5938153 C41.0103717,18.1979833 40.5416228,18.0000668 39.9999619,18.0000668 C39.4582914,18.0000668 38.9895425,18.1979833 38.5937104,18.5938153 C38.1978784,18.9896474 37.9999619,19.4583963 37.9999619,20.0000668 L37.9999619,20.0000668 L37.9999619,27.0000453 L41.9999619,27.0000453 Z M29.9999905,27.0000453 L29.9999905,20.0000668 C29.9999905,19.4583963 29.8020644,18.9896474 29.4062323,18.5938153 C29.0104003,18.1979833 28.5416514,18.0000668 27.9999905,18.0000668 C27.45832,18.0000668 26.9895711,18.1979833 26.593739,18.5938153 C26.197907,18.9896474 25.9999905,19.4583963 25.9999905,20.0000668 L25.9999905,20.0000668 L25.9999905,27.0000453 L29.9999905,27.0000453 Z M35.9999666,49.9999905 L35.9999666,43.8125052 C38.2916281,43.3541733 40.1978736,42.2083421 41.718703,40.3750134 C43.2395324,38.5416848 43.9999475,36.4166898 43.9999475,34.0000286 L43.9999475,34.0000286 L43.9999475,32.0000429 L44.9999452,32.0000429 C45.2916115,32.0000429 45.5311939,31.9062836 45.7186935,31.718784 C45.906193,31.5312845 45.9999428,31.2917021 45.9999428,31.0000429 L45.9999428,31.0000429 L45.9999428,29.0000429 C45.9999428,28.7083742 45.906193,28.4687918 45.7186935,28.2812922 C45.5311939,28.0937927 45.2916115,28.0000429 44.9999452,28.0000429 L44.9999452,28.0000429 L23,28.0000429 C22.7083313,28.0000429 22.4687489,28.0937927 22.2812493,28.2812922 C22.0937498,28.4687918 22,28.7083742 22,29.0000429 L22,29.0000429 L22,31.0000429 C22,31.2917021 22.0937498,31.5312845 22.2812493,31.718784 C22.4687489,31.9062836 22.7083313,32.0000429 23,32.0000429 L23,32.0000429 L24,32.0000429 L24,34.0000286 C24,36.4166898 24.7604104,38.5416848 26.2812398,40.3750134 C27.8020692,42.2083421 29.7083146,43.3541733 31.9999762,43.8125052 L31.9999762,43.8125052 L31.9999762,49.9999905 L35.9999666,49.9999905 Z",
+    id: "p",
+    fill: "#292A33",
+    fillRule: "nonzero"
+  })))));
+};
 
-var matches = typeof Element === 'undefined'
+var AccountGarbageIcon = function AccountGarbageIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "51px",
+    height: "51px",
+    viewBox: "0 0 81 81",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
+    id: "account-garbage-path-1",
+    cx: "33.5",
+    cy: "33.5",
+    r: "33.5"
+  }), /*#__PURE__*/React__default.createElement("filter", {
+    x: "-17.2%",
+    y: "-14.2%",
+    width: "134.3%",
+    height: "134.3%",
+    filterUnits: "objectBoundingBox",
+    id: "account-garbage-filter-2"
+  }, /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "-4",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter1"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
+    type: "matrix",
+    "in": "shadowOffsetOuter1",
+    result: "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "2",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter2"
+  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
+    stdDeviation: "3.5",
+    "in": "shadowOffsetOuter2",
+    result: "shadowBlurOuter2"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
+    type: "matrix",
+    "in": "shadowBlurOuter2",
+    result: "shadowMatrixOuter2"
+  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter2"
+  })))), /*#__PURE__*/React__default.createElement("g", {
+    id: "account-garbage-Profile-/-Icons",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Outlined",
+    transform: "translate(-91.000000, -453.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "account-garbage-Profile-Obligation-Icon-/-Account---Trash-pickup",
+    transform: "translate(98.000000, 458.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Oval-Copy-6"
+  }, /*#__PURE__*/React__default.createElement("use", {
+    fill: "black",
+    fillOpacity: "1",
+    filter: "url(#account-garbage-filter-2)",
+    xlinkHref: "#account-garbage-path-1"
+  }), /*#__PURE__*/React__default.createElement("use", {
+    fill: "#FFFFFF",
+    fillRule: "evenodd",
+    xlinkHref: "#account-garbage-path-1"
+  })), /*#__PURE__*/React__default.createElement("path", {
+    d: "M47.249935,24.0000525 C47.4582675,24.0000525 47.6353511,23.9271356 47.7811838,23.781303 C47.9270164,23.6354703 47.9999332,23.4583868 47.9999332,23.2500542 L47.9999332,21.5000668 C47.9999332,21.0833924 47.8541006,20.7292272 47.5624343,20.4375609 C47.270768,20.1458947 46.9166028,20.0000668 46.4999368,20.0000668 L39.4999535,20.0000668 L38.9374548,18.8125648 C38.8124551,18.5625654 38.6249556,18.3646489 38.3749562,18.2188162 C38.1249568,18.0729836 37.8541244,18.0000668 37.5624581,18.0000668 L30.4374751,18.0000668 C30.1458088,18.0000668 29.8749765,18.0729836 29.6249771,18.2188162 C29.3749776,18.3646489 29.1874781,18.5625654 29.0624784,18.8125648 L28.4999797,20.0000668 L21.5,20.0000668 C21.0833304,20.0000668 20.7291652,20.1458947 20.437499,20.4375609 C20.1458327,20.7292272 20,21.0833924 20,21.5000668 L20,23.2500542 C20,23.4583868 20.0729168,23.6354703 20.2187495,23.781303 C20.3645821,23.9271356 20.5416657,24.0000525 20.7499982,24.0000525 L47.249935,24.0000525 Z M42.9999452,49.9999905 C43.8332762,49.9999905 44.5416085,49.7083242 45.1249401,49.1249925 C45.7082717,48.5416609 45.999938,47.8333286 45.999938,46.9999976 L45.999938,26.7500459 C45.999938,26.5417134 45.9270212,26.3646298 45.7811885,26.2187972 C45.6353559,26.0729645 45.4582723,26.0000477 45.2499398,26.0000477 L22.7499934,26.0000477 C22.5416609,26.0000477 22.3645774,26.0729645 22.2187447,26.2187972 C22.072912,26.3646298 21.9999952,26.5417134 21.9999952,26.7500459 L21.9999952,46.9999976 C21.9999952,47.8333286 22.2916615,48.5416609 22.8749931,49.1249925 C23.4583248,49.7083242 24.1666571,49.9999905 24.9999952,49.9999905 L42.9999452,49.9999905 Z M27.9999833,46 C27.7083146,46 27.4687322,45.9062502 27.2812326,45.7187507 C27.0937331,45.5312511 26.9999833,45.2916687 26.9999833,45.0000024 L26.9999833,31.0000381 C26.9999833,30.7083695 27.0937331,30.468787 27.2812326,30.2812875 C27.4687322,30.0937879 27.7083146,30.0000381 27.9999833,30.0000381 C28.2916472,30.0000381 28.5312297,30.0937879 28.7187292,30.2812875 C28.9062288,30.468787 28.9999833,30.7083695 28.9999833,31.0000381 L28.9999833,45.0000024 C28.9999833,45.2916687 28.9062288,45.5312511 28.7187292,45.7187507 C28.5312297,45.9062502 28.2916472,46 27.9999833,46 Z M33.999969,46 C33.7083003,46 33.4687179,45.9062502 33.2812183,45.7187507 C33.0937188,45.5312511 32.999969,45.2916687 32.999969,45.0000024 L32.999969,31.0000381 C32.999969,30.7083695 33.0937188,30.468787 33.2812183,30.2812875 C33.4687179,30.0937879 33.7083003,30.0000381 33.999969,30.0000381 C34.2916329,30.0000381 34.5312154,30.0937879 34.7187149,30.2812875 C34.9062145,30.468787 34.999969,30.7083695 34.999969,31.0000381 L34.999969,45.0000024 C34.999969,45.2916687 34.9062145,45.5312511 34.7187149,45.7187507 C34.5312154,45.9062502 34.2916329,46 33.999969,46 Z M39.9999547,46 C39.708286,46 39.4687036,45.9062502 39.281204,45.7187507 C39.0937045,45.5312511 38.9999547,45.2916687 38.9999547,45.0000024 L38.9999547,31.0000381 C38.9999547,30.7083695 39.0937045,30.468787 39.281204,30.2812875 C39.4687036,30.0937879 39.708286,30.0000381 39.9999547,30.0000381 C40.2916186,30.0000381 40.531201,30.0937879 40.7187006,30.2812875 C40.9062002,30.468787 40.9999547,30.7083695 40.9999547,31.0000381 L40.9999547,45.0000024 C40.9999547,45.2916687 40.9062002,45.5312511 40.7187006,45.7187507 C40.531201,45.9062502 40.2916186,46 39.9999547,46 Z",
+    id: "t",
+    fill: "#292A33",
+    fillRule: "nonzero"
+  })))));
+};
+
+var AccountGasIcon = function AccountGasIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "51px",
+    height: "51px",
+    viewBox: "0 0 81 81",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
+    id: "account-gas-path-1",
+    cx: "33.5",
+    cy: "33.5",
+    r: "33.5"
+  }), /*#__PURE__*/React__default.createElement("filter", {
+    x: "-17.2%",
+    y: "-14.2%",
+    width: "134.3%",
+    height: "134.3%",
+    filterUnits: "objectBoundingBox",
+    id: "account-gas-filter-2"
+  }, /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "-4",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter1"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
+    type: "matrix",
+    "in": "shadowOffsetOuter1",
+    result: "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "2",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter2"
+  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
+    stdDeviation: "3.5",
+    "in": "shadowOffsetOuter2",
+    result: "shadowBlurOuter2"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
+    type: "matrix",
+    "in": "shadowBlurOuter2",
+    result: "shadowMatrixOuter2"
+  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter2"
+  })))), /*#__PURE__*/React__default.createElement("g", {
+    id: "account-gas-Profile-/-Icons",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Outlined",
+    transform: "translate(-91.000000, -339.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "account-gas-Profile-Obligation-Icon-/-Account---Gas",
+    transform: "translate(98.000000, 344.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Oval-Copy-6"
+  }, /*#__PURE__*/React__default.createElement("use", {
+    fill: "black",
+    fillOpacity: "1",
+    filter: "url(#account-gas-filter-2)",
+    xlinkHref: "#account-gas-path-1"
+  }), /*#__PURE__*/React__default.createElement("use", {
+    fill: "#FFFFFF",
+    fillRule: "evenodd",
+    xlinkHref: "#account-gas-path-1"
+  })), /*#__PURE__*/React__default.createElement("path", {
+    d: "M33.9999714,49.9999905 C36.1666332,49.9999905 38.1666284,49.4583248 39.9999571,48.3749943 C41.8332857,47.2916639 43.2916162,45.8333334 44.3749467,44.0000048 C45.4582771,42.1666761 45.9999428,40.1666809 45.9999428,38.0000191 C45.9999428,36.1666904 45.6874435,34.4583605 45.062445,32.8750313 C44.5207793,31.6250343 43.7291152,30.3958702 42.6874507,29.1875401 C42.0624522,28.4792088 41.0832875,27.5000441 39.7499577,26.2500471 C38.2916281,24.9167173 37.3124635,23.8750528 36.8124647,23.1250545 C35.9374668,21.9583903 35.4999678,20.7500602 35.4999678,19.5000632 C35.4999678,19.0000644 35.3333012,18.6146483 34.999969,18.3438159 C34.6666368,18.0729836 34.2708038,17.9583999 33.8124718,18.0000668 C33.3541399,18.0417336 32.9999738,18.2708991 32.7499744,18.6875651 C31.1666451,20.9375598 30.2708133,22.937555 30.0624808,24.6875508 C29.8541483,26.1042144 30.1041477,27.3958774 30.812479,28.5625416 C31.229145,29.2708729 32.041643,30.2083707 33.2499732,31.3750349 C34.166638,32.2916997 34.7916365,33.000031 35.1249687,33.5000298 C35.7083003,34.2916949 35.9999666,35.1250259 35.9999666,36.0000238 C35.9999666,37.1250212 35.6041345,38.0729359 34.8124695,38.8437671 C34.0208044,39.6145982 33.0728906,40.0000143 31.9687262,40.0000143 C30.8645619,40.0000143 29.9270641,39.6041822 29.1562329,38.8125171 C28.3854018,38.020852 27.9999857,37.0625213 27.9999857,35.937524 L27.9999857,35.937524 L27.9999857,30.6250367 C27.9999857,30.1667047 27.854153,29.8021216 27.5624867,29.5312893 C27.2708204,29.2604569 26.9166553,29.1146233 26.4999893,29.0937903 C26.0833233,29.0729573 25.7291581,29.229207 25.4374918,29.5625392 C24.4791611,30.5625368 23.687496,31.729201 23.0624975,33.0625308 C22.3541661,34.6458601 22,36.2916901 22,38.0000191 C22,40.1666809 22.5416657,42.1666761 23.6249961,44.0000048 C24.7083266,45.8333334 26.1666571,47.2916639 27.9999857,48.3749943 C29.8333143,49.4583248 31.8333096,49.9999905 33.9999714,49.9999905 Z",
+    id: "f",
+    fill: "#292A33",
+    fillRule: "nonzero"
+  })))));
+};
+
+var AccountMedicalIcon = function AccountMedicalIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "51px",
+    height: "51px",
+    viewBox: "0 0 81 81",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
+    id: "account-medical-path-1",
+    cx: "33.5",
+    cy: "33.5",
+    r: "33.5"
+  }), /*#__PURE__*/React__default.createElement("filter", {
+    x: "-17.2%",
+    y: "-14.2%",
+    width: "134.3%",
+    height: "134.3%",
+    filterUnits: "objectBoundingBox",
+    id: "account-medical-filter-2"
+  }, /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "-4",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter1"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
+    type: "matrix",
+    "in": "shadowOffsetOuter1",
+    result: "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "2",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter2"
+  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
+    stdDeviation: "3.5",
+    "in": "shadowOffsetOuter2",
+    result: "shadowBlurOuter2"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
+    type: "matrix",
+    "in": "shadowBlurOuter2",
+    result: "shadowMatrixOuter2"
+  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter2"
+  })))), /*#__PURE__*/React__default.createElement("g", {
+    id: "account-medical-Profile-/-Icons",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Outlined",
+    transform: "translate(-91.000000, -110.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "account-medical-Profile-Obligation-Icon-/-Account---Medical",
+    transform: "translate(98.000000, 115.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Oval-Copy-6"
+  }, /*#__PURE__*/React__default.createElement("use", {
+    fill: "black",
+    fillOpacity: "1",
+    filter: "url(#account-medical-filter-2)",
+    xlinkHref: "#account-medical-path-1"
+  }), /*#__PURE__*/React__default.createElement("use", {
+    fill: "#FFFFFF",
+    fillRule: "evenodd",
+    xlinkHref: "#account-medical-path-1"
+  })), /*#__PURE__*/React__default.createElement("path", {
+    d: "M45.9999428,26.0000477 L45.9999428,25.6250486 C45.9999428,25.2083826 45.8541101,24.8542174 45.5624438,24.5625511 L45.5624438,24.5625511 L39.4374584,18.4375657 C39.1457921,18.1458994 38.791627,18.0000668 38.374961,18.0000668 L38.374961,18.0000668 L37.9999619,18.0000668 L37.9999619,26.0000477 L45.9999428,26.0000477 Z M44.4999464,49.9999905 C44.9166123,49.9999905 45.2707775,49.8541578 45.5624438,49.5624915 C45.8541101,49.2708252 45.9999428,48.91666 45.9999428,48.499994 L45.9999428,48.499994 L45.9999428,28.0000429 L37.499963,28.0000429 C37.0832971,28.0000429 36.7291319,27.8542102 36.4374656,27.562544 C36.1457993,27.2708777 35.9999666,26.9167125 35.9999666,26.5000465 L35.9999666,26.5000465 L35.9999666,18.0000668 L23.5,18.0000668 C23.0833304,18.0000668 22.7291652,18.1458994 22.437499,18.4375657 C22.1458327,18.729232 22,19.0833972 22,19.5000668 L22,19.5000668 L22,48.499994 C22,48.91666 22.1458327,49.2708252 22.437499,49.5624915 C22.7291652,49.8541578 23.0833304,49.9999905 23.5,49.9999905 L23.5,49.9999905 L44.4999464,49.9999905 Z M35.4999678,44.0000048 L32.499975,44.0000048 C32.3749753,44.0000048 32.2603925,43.9479219 32.1562258,43.8437551 C32.052059,43.7395884 31.9999857,43.6250057 31.9999857,43.500006 L31.9999857,43.500006 L31.9999857,40.0000143 L28.4999857,40.0000143 C28.3749848,40.0000143 28.2604021,39.9479314 28.1562353,39.8437647 C28.0520686,39.7395979 27.9999857,39.6250152 27.9999857,39.5000155 L27.9999857,39.5000155 L27.9999857,36.5000226 C27.9999857,36.3750229 28.0520686,36.2604402 28.1562353,36.1562735 C28.2604021,36.0521067 28.3749848,36.0000334 28.4999857,36.0000334 L28.4999857,36.0000334 L31.9999857,36.0000334 L31.9999857,32.5000334 C31.9999857,32.3750325 32.052059,32.2604497 32.1562258,32.156283 C32.2603925,32.0521163 32.3749753,32.0000334 32.499975,32.0000334 L32.499975,32.0000334 L35.4999678,32.0000334 C35.6249675,32.0000334 35.7395503,32.0521163 35.843717,32.156283 C35.9478837,32.2604497 35.9999666,32.3750325 35.9999666,32.5000334 L35.9999666,32.5000334 L35.9999666,36.0000334 L39.4999583,36.0000334 C39.624958,36.0000334 39.7395407,36.0521067 39.8437075,36.1562735 C39.9478742,36.2604402 39.9999571,36.3750229 39.9999571,36.5000226 L39.9999571,36.5000226 L39.9999571,39.5000155 C39.9999571,39.6250152 39.9478742,39.7395979 39.8437075,39.8437647 C39.7395407,39.9479314 39.624958,40.0000143 39.4999583,40.0000143 L39.4999583,40.0000143 L35.9999666,40.0000143 L35.9999666,43.500006 C35.9999666,43.6250057 35.9478837,43.7395884 35.843717,43.8437551 C35.7395503,43.9479219 35.6249675,44.0000048 35.4999678,44.0000048 L35.4999678,44.0000048 Z",
+    id: "f",
+    fill: "#292A33",
+    fillRule: "nonzero"
+  })))));
+};
+
+var AccountWaterIcon = function AccountWaterIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "51px",
+    height: "51px",
+    viewBox: "0 0 81 81",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
+    id: "account-water-path-1",
+    cx: "33.5",
+    cy: "33.5",
+    r: "33.5"
+  }), /*#__PURE__*/React__default.createElement("filter", {
+    x: "-17.2%",
+    y: "-14.2%",
+    width: "134.3%",
+    height: "134.3%",
+    filterUnits: "objectBoundingBox",
+    id: "account-water-filter-2"
+  }, /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "-4",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter1"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
+    type: "matrix",
+    "in": "shadowOffsetOuter1",
+    result: "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "2",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter2"
+  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
+    stdDeviation: "3.5",
+    "in": "shadowOffsetOuter2",
+    result: "shadowBlurOuter2"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
+    type: "matrix",
+    "in": "shadowBlurOuter2",
+    result: "shadowMatrixOuter2"
+  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter2"
+  })))), /*#__PURE__*/React__default.createElement("g", {
+    id: "account-water-Profile-/-Icons",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Outlined",
+    transform: "translate(-91.000000, -567.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "account-water-Profile-Obligation-Icon-/-Account---Water",
+    transform: "translate(98.000000, 572.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Oval-Copy-6"
+  }, /*#__PURE__*/React__default.createElement("use", {
+    fill: "black",
+    fillOpacity: "1",
+    filter: "url(#account-water-filter-2)",
+    xlinkHref: "#account-water-path-1"
+  }), /*#__PURE__*/React__default.createElement("use", {
+    fill: "#FFFFFF",
+    fillRule: "evenodd",
+    xlinkHref: "#account-water-path-1"
+  })), /*#__PURE__*/React__default.createElement("path", {
+    d: "M33.9999738,49.9999905 C35.999969,49.9999905 37.8437146,49.4999917 39.5312106,48.499994 C41.2187066,47.4999964 42.5520364,46.1458327 43.531201,44.4375037 C44.5103657,42.7291748 44.9999475,40.8750122 44.9999475,38.875017 C44.9999475,37.208354 44.6249484,35.6041918 43.8749502,34.0625285 C43.4166183,33.1041977 42.5416204,31.6979511 41.2499565,29.8437885 C39.9582926,27.989626 38.9999619,26.5000465 38.3749633,25.3750492 C37.2916329,23.4583868 36.437468,21.4583915 35.8124695,19.3750635 C35.6458029,18.7917319 35.3020537,18.3854828 34.7812219,18.1563164 C34.2603901,17.9271499 33.7395574,17.9271499 33.2187256,18.1563164 C32.6978939,18.3854828 32.3541447,18.7917319 32.1874781,19.3750635 C31.5624796,21.4583915 30.7291486,23.4375538 29.6874841,25.3125493 C29.0208187,26.4375466 28.041655,27.9375431 26.7499911,29.8125386 C25.4583272,31.6875341 24.5833292,33.1041977 24.1249973,34.0625285 C23.3749991,35.6458577 23,37.2500209 23,38.875017 C23,40.8750122 23.4895818,42.7291748 24.4687465,44.4375037 C25.4479111,46.1458327 26.781241,47.4999964 28.468737,48.499994 C30.1562329,49.4999917 31.9999785,49.9999905 33.9999738,49.9999905 Z M33.9999738,46 C32.7499768,46 31.5833126,45.6875007 30.4999905,45.0625022 C29.4166517,44.4375037 28.5624867,43.5833388 27.9374882,42.5000083 C27.3124897,41.4166779 26.9999905,40.2500137 26.9999905,39.0000191 C26.9999905,38.7083504 27.0937402,38.468768 27.2812398,38.2812684 C27.4687393,38.0937688 27.7083218,38.0000191 27.9999905,38.0000191 C28.2916544,38.0000191 28.5312368,38.0937688 28.7187364,38.2812684 C28.9062359,38.468768 28.9999905,38.7083504 28.9999905,39.0000191 C28.9999905,40.3750134 29.4895675,41.5520936 30.4687322,42.5312583 C31.4478968,43.5104229 32.6249771,44.0000048 33.9999738,44.0000048 C34.2916401,44.0000048 34.5312225,44.0937545 34.7187221,44.2812541 C34.9062216,44.4687537 34.9999714,44.7083361 34.9999714,45.0000024 C34.9999714,45.2916687 34.9062216,45.5312511 34.7187221,45.7187507 C34.5312225,45.9062502 34.2916401,46 33.9999738,46 Z",
+    id: "t",
+    fill: "#292A33",
+    fillRule: "nonzero"
+  })))));
+};
+
+var PropertyApartmentIcon = function PropertyApartmentIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "51px",
+    height: "51px",
+    viewBox: "0 0 81 81",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
+    id: "apt-path-1",
+    cx: "33.5",
+    cy: "33.5",
+    r: "33.5"
+  }), /*#__PURE__*/React__default.createElement("filter", {
+    x: "-17.2%",
+    y: "-14.2%",
+    width: "134.3%",
+    height: "134.3%",
+    filterUnits: "objectBoundingBox",
+    id: "apt-filter-2"
+  }, /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "-4",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter1"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
+    type: "matrix",
+    "in": "shadowOffsetOuter1",
+    result: "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "2",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter2"
+  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
+    stdDeviation: "3.5",
+    "in": "shadowOffsetOuter2",
+    result: "shadowBlurOuter2"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
+    type: "matrix",
+    "in": "shadowBlurOuter2",
+    result: "shadowMatrixOuter2"
+  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter2"
+  })))), /*#__PURE__*/React__default.createElement("g", {
+    id: "apt-Profile-/-Icons",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Outlined",
+    transform: "translate(7.000000, -456.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Potentail-future-property",
+    transform: "translate(0.000000, 231.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "apt-Profile-Obligation-Icon-/-Property---02-Apt-or-Condo",
+    transform: "translate(0.000000, 230.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Oval-Copy"
+  }, /*#__PURE__*/React__default.createElement("use", {
+    fill: "black",
+    fillOpacity: "1",
+    filter: "url(#apt-filter-2)",
+    xlinkHref: "#apt-path-1"
+  }), /*#__PURE__*/React__default.createElement("use", {
+    fill: "#FFFFFF",
+    fillRule: "evenodd",
+    xlinkHref: "#apt-path-1"
+  })), /*#__PURE__*/React__default.createElement("path", {
+    d: "M47.9999332,49.9999905 L47.9999332,48.7499934 C47.9999332,48.5416609 47.9270164,48.3645774 47.7811838,48.2187447 C47.6353511,48.072912 47.4582675,47.9999952 47.249935,47.9999952 L47.249935,47.9999952 L45.999938,47.9999952 L45.999938,19.5000668 C45.999938,19.0833972 45.8541053,18.729232 45.5624391,18.4375657 C45.2707728,18.1458994 44.9166076,18.0000668 44.4999416,18.0000668 L44.4999416,18.0000668 L23.5,18.0000668 C23.0833257,18.0000668 22.7291605,18.1458994 22.4374942,18.4375657 C22.1458279,18.729232 22,19.0833972 22,19.5000668 L22,19.5000668 L22,47.9999952 L20.7499982,47.9999952 C20.5416657,47.9999952 20.3645821,48.072912 20.2187495,48.2187447 C20.0729168,48.3645774 20,48.5416609 20,48.7499934 L20,48.7499934 L20,49.9999905 L47.9999332,49.9999905 Z M31.2499732,26.0000572 L28.7499791,26.0000572 C28.5416466,26.0000572 28.3645631,25.9271309 28.2187304,25.7812982 C28.0728977,25.6354655 27.9999809,25.458382 27.9999809,25.2500495 L27.9999809,25.2500495 L27.9999809,22.7500554 C27.9999809,22.5417229 28.0728977,22.3646394 28.2187304,22.2188067 C28.3645631,22.072974 28.5416466,22.0000572 28.7499791,22.0000572 L28.7499791,22.0000572 L31.2499732,22.0000572 C31.4583057,22.0000572 31.6353892,22.072974 31.7812219,22.2188067 C31.9270546,22.3646394 31.9999809,22.5417229 31.9999809,22.7500554 L31.9999809,22.7500554 L31.9999809,25.2500495 C31.9999809,25.458382 31.9270546,25.6354655 31.7812219,25.7812982 C31.6353892,25.9271309 31.4583057,26.0000572 31.2499732,26.0000572 L31.2499732,26.0000572 Z M39.2499541,26.0000572 L36.7499601,26.0000572 C36.5416275,26.0000572 36.364544,25.9271309 36.2187113,25.7812982 C36.0728787,25.6354655 35.9999619,25.458382 35.9999619,25.2500495 L35.9999619,25.2500495 L35.9999619,22.7500554 C35.9999619,22.5417229 36.0728787,22.3646394 36.2187113,22.2188067 C36.364544,22.072974 36.5416275,22.0000572 36.7499601,22.0000572 L36.7499601,22.0000572 L39.2499541,22.0000572 C39.4582866,22.0000572 39.6353702,22.072974 39.7812028,22.2188067 C39.9270355,22.3646394 39.9999619,22.5417229 39.9999619,22.7500554 L39.9999619,22.7500554 L39.9999619,25.2500495 C39.9999619,25.458382 39.9270355,25.6354655 39.7812028,25.7812982 C39.6353702,25.9271309 39.4582866,26.0000572 39.2499541,26.0000572 L39.2499541,26.0000572 Z M31.2499732,32.0000429 L28.7499791,32.0000429 C28.5416466,32.0000429 28.3645631,31.9271166 28.2187304,31.7812839 C28.0728977,31.6354512 27.9999809,31.4583677 27.9999809,31.2500352 L27.9999809,31.2500352 L27.9999809,28.7500411 C27.9999809,28.5417086 28.0728977,28.3646251 28.2187304,28.2187924 C28.3645631,28.0729597 28.5416466,28.0000429 28.7499791,28.0000429 L28.7499791,28.0000429 L31.2499732,28.0000429 C31.4583057,28.0000429 31.6353892,28.0729597 31.7812219,28.2187924 C31.9270546,28.3646251 31.9999809,28.5417086 31.9999809,28.7500411 L31.9999809,28.7500411 L31.9999809,31.2500352 C31.9999809,31.4583677 31.9270546,31.6354512 31.7812219,31.7812839 C31.6353892,31.9271166 31.4583057,32.0000429 31.2499732,32.0000429 L31.2499732,32.0000429 Z M39.2499541,32.0000429 L36.7499601,32.0000429 C36.5416275,32.0000429 36.364544,31.9271166 36.2187113,31.7812839 C36.0728787,31.6354512 35.9999619,31.4583677 35.9999619,31.2500352 L35.9999619,31.2500352 L35.9999619,28.7500411 C35.9999619,28.5417086 36.0728787,28.3646251 36.2187113,28.2187924 C36.364544,28.0729597 36.5416275,28.0000429 36.7499601,28.0000429 L36.7499601,28.0000429 L39.2499541,28.0000429 C39.4582866,28.0000429 39.6353702,28.0729597 39.7812028,28.2187924 C39.9270355,28.3646251 39.9999619,28.5417086 39.9999619,28.7500411 L39.9999619,28.7500411 L39.9999619,31.2500352 C39.9999619,31.4583677 39.9270355,31.6354512 39.7812028,31.7812839 C39.6353702,31.9271166 39.4582866,32.0000429 39.2499541,32.0000429 L39.2499541,32.0000429 Z M31.2499732,38.0000286 L28.7499791,38.0000286 C28.5416466,38.0000286 28.3645631,37.9271023 28.2187304,37.7812696 C28.0728977,37.6354369 27.9999809,37.4583534 27.9999809,37.2500209 L27.9999809,37.2500209 L27.9999809,34.7500268 C27.9999809,34.5416943 28.0728977,34.3646108 28.2187304,34.2187781 C28.3645631,34.0729454 28.5416466,34.0000286 28.7499791,34.0000286 L28.7499791,34.0000286 L31.2499732,34.0000286 C31.4583057,34.0000286 31.6353892,34.0729454 31.7812219,34.2187781 C31.9270546,34.3646108 31.9999809,34.5416943 31.9999809,34.7500268 L31.9999809,34.7500268 L31.9999809,37.2500209 C31.9999809,37.4583534 31.9270546,37.6354369 31.7812219,37.7812696 C31.6353892,37.9271023 31.4583057,38.0000286 31.2499732,38.0000286 L31.2499732,38.0000286 Z M39.2499541,38.0000286 L36.7499601,38.0000286 C36.5416275,38.0000286 36.364544,37.9271023 36.2187113,37.7812696 C36.0728787,37.6354369 35.9999619,37.4583534 35.9999619,37.2500209 L35.9999619,37.2500209 L35.9999619,34.7500268 C35.9999619,34.5416943 36.0728787,34.3646108 36.2187113,34.2187781 C36.364544,34.0729454 36.5416275,34.0000286 36.7499601,34.0000286 L36.7499601,34.0000286 L39.2499541,34.0000286 C39.4582866,34.0000286 39.6353702,34.0729454 39.7812028,34.2187781 C39.9270355,34.3646108 39.9999619,34.5416943 39.9999619,34.7500268 L39.9999619,34.7500268 L39.9999619,37.2500209 C39.9999619,37.4583534 39.9270355,37.6354369 39.7812028,37.7812696 C39.6353702,37.9271023 39.4582866,38.0000286 39.2499541,38.0000286 L39.2499541,38.0000286 Z M35.9999714,47.9999952 L31.9999714,47.9999952 L31.9999714,42.7500077 C31.9999714,42.5416752 32.0728882,42.3645917 32.2187209,42.218759 C32.3645535,42.0729263 32.5416371,42.0000095 32.7499696,42.0000095 L32.7499696,42.0000095 L35.2499636,42.0000095 C35.4582962,42.0000095 35.6353797,42.0729263 35.7812124,42.218759 C35.927045,42.3645917 35.9999714,42.5416752 35.9999714,42.7500077 L35.9999714,42.7500077 L35.9999714,47.9999952 Z",
+    id: "b",
+    fill: "#292A33",
+    fillRule: "nonzero"
+  }))))));
+};
+
+var PropertyBusinessIcon = function PropertyBusinessIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "51px",
+    height: "51px",
+    viewBox: "0 0 81 81",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
+    id: "property-business-path-1",
+    cx: "33.5",
+    cy: "33.5",
+    r: "33.5"
+  }), /*#__PURE__*/React__default.createElement("filter", {
+    x: "-17.2%",
+    y: "-14.2%",
+    width: "134.3%",
+    height: "134.3%",
+    filterUnits: "objectBoundingBox",
+    id: "property-business-filter-2"
+  }, /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "-4",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter1"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
+    type: "matrix",
+    "in": "shadowOffsetOuter1",
+    result: "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "2",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter2"
+  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
+    stdDeviation: "3.5",
+    "in": "shadowOffsetOuter2",
+    result: "shadowBlurOuter2"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
+    type: "matrix",
+    "in": "shadowBlurOuter2",
+    result: "shadowMatrixOuter2"
+  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter2"
+  })))), /*#__PURE__*/React__default.createElement("g", {
+    id: "PropertyBusiness",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "PropertyBusinessIcon",
+    transform: "translate(7.000000, 5.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Oval-Copy-5"
+  }, /*#__PURE__*/React__default.createElement("use", {
+    fill: "black",
+    fillOpacity: "1",
+    filter: "url(#property-business-filter-2)",
+    xlinkHref: "#property-business-path-1"
+  }), /*#__PURE__*/React__default.createElement("use", {
+    fill: "#FFFFFF",
+    fillRule: "evenodd",
+    xlinkHref: "#property-business-path-1"
+  })), /*#__PURE__*/React__default.createElement("path", {
+    d: "M48.4999273,47.9999952 C48.9165933,47.9999952 49.2707585,47.8541626 49.5624247,47.5624963 C49.854091,47.27083 49.9999237,46.9166648 49.9999237,46.4999988 L49.9999237,46.4999988 L49.9999237,29.5000393 C49.9999237,28.9167077 49.7395073,28.4792088 49.2186756,28.1875425 C48.6978438,27.8958762 48.187428,27.9167101 47.6874292,28.2500423 L47.6874292,28.2500423 L38.9999499,33.7500292 L38.9999499,29.5000393 C38.9999499,28.9167077 38.7395336,28.4792088 38.2187018,28.1875425 C37.69787,27.8958762 37.1874543,27.9167101 36.6874554,28.2500423 L36.6874554,28.2500423 L27.9999762,33.7500292 L27.9999762,21.500062 C27.9999762,21.0833924 27.8541435,20.7292272 27.5624772,20.4375609 C27.2708109,20.1458947 26.9166457,20.000062 26.4999797,20.000062 L26.4999797,20.000062 L19.5,20.000062 C19.0833304,20.000062 18.7291652,20.1458947 18.437499,20.4375609 C18.1458327,20.7292272 18,21.0833924 18,21.500062 L18,21.500062 L18,46.4999988 C18,46.9166648 18.1458327,47.27083 18.437499,47.5624963 C18.7291652,47.8541626 19.0833304,47.9999952 19.5,47.9999952 L19.5,47.9999952 L48.4999273,47.9999952 Z",
+    id: "i",
+    fill: "#292A33",
+    fillRule: "nonzero"
+  }))));
+};
+
+var PropertyCarIcon = function PropertyCarIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "51px",
+    height: "51px",
+    viewBox: "0 0 81 81",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
+    id: "car-path-1",
+    cx: "33.5",
+    cy: "33.5",
+    r: "33.5"
+  }), /*#__PURE__*/React__default.createElement("filter", {
+    x: "-17.2%",
+    y: "-14.2%",
+    width: "134.3%",
+    height: "134.3%",
+    filterUnits: "objectBoundingBox",
+    id: "car-filter-2"
+  }, /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "-4",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter1"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
+    type: "matrix",
+    "in": "shadowOffsetOuter1",
+    result: "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "2",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter2"
+  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
+    stdDeviation: "3.5",
+    "in": "shadowOffsetOuter2",
+    result: "shadowBlurOuter2"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
+    type: "matrix",
+    "in": "shadowBlurOuter2",
+    result: "shadowMatrixOuter2"
+  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter2"
+  })))), /*#__PURE__*/React__default.createElement("g", {
+    id: "car-Profile-/-Icons",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Outlined",
+    transform: "translate(7.000000, -686.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Potentail-future-property",
+    transform: "translate(0.000000, 231.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "car-Profile-Obligation-Icon-/-Property---Private-Car",
+    transform: "translate(0.000000, 460.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Oval-Copy-6"
+  }, /*#__PURE__*/React__default.createElement("use", {
+    fill: "black",
+    fillOpacity: "1",
+    filter: "url(#car-filter-2)",
+    xlinkHref: "#car-path-1"
+  }), /*#__PURE__*/React__default.createElement("use", {
+    fill: "#FFFFFF",
+    fillRule: "evenodd",
+    xlinkHref: "#car-path-1"
+  })), /*#__PURE__*/React__default.createElement("path", {
+    d: "M23.9999857,46 C24.5416514,46 25.0104003,45.8020835 25.4062323,45.4062514 C25.8020644,45.0104193 25.9999809,44.5416705 25.9999809,44.0000048 L25.9999809,44.0000048 L25.9999809,42.0000095 L41.9999428,42.0000095 L41.9999428,44.0000048 C41.9999428,44.5416705 42.1978593,45.0104193 42.5936914,45.4062514 C42.9895234,45.8020835 43.4582723,46 43.999938,46 L43.999938,46 L45.9999332,46 C46.5415989,46 47.0103478,45.8020835 47.4061799,45.4062514 C47.802012,45.0104193 47.9999285,44.5416705 47.9999285,44.0000048 L47.9999285,44.0000048 L47.9999285,40.6250128 C48.6665939,39.8750146 48.9999261,39.0000167 48.9999261,38.0000191 L48.9999261,38.0000191 L48.9999261,35.0000262 C48.9999261,33.7916961 48.5415942,32.7916985 47.6249294,32.0000334 L47.6249294,32.0000334 L48.8749264,32.0000334 C49.041593,32.0000334 49.1978426,31.9479505 49.3436753,31.8437838 C49.4895079,31.739617 49.5832577,31.6042013 49.6249246,31.4375347 L49.6249246,31.4375347 L49.9999237,29.9375383 C50.0415906,29.6875389 49.9895067,29.4687894 49.8436741,29.2812899 C49.6978414,29.0937903 49.4999249,29.0000405 49.2499255,29.0000405 L49.2499255,29.0000405 L45.4999344,29.0000405 L44.437437,26.3750468 C43.9374382,25.041717 43.0936902,23.9792195 41.906193,23.1875544 C40.7186958,22.3958893 39.395782,22.0000572 37.9374525,22.0000572 L37.9374525,22.0000572 L30.0624712,22.0000572 C28.6041417,22.0000572 27.2812279,22.3958893 26.0937307,23.1875544 C24.9062335,23.9792195 24.0624855,25.041717 23.5624867,26.3750468 L23.5624867,26.3750468 L22.4999893,29.0000405 L18.7499982,29.0000405 C18.4999988,29.0000405 18.3020823,29.0937903 18.1562496,29.2812899 C18.010417,29.4687894 17.9583331,29.6875389 18,29.9375383 L18,29.9375383 L18.3749991,31.4375347 C18.416666,31.6042013 18.5104158,31.739617 18.6562484,31.8437838 C18.8020811,31.9479505 18.9583307,32.0000334 19.1249973,32.0000334 L19.1249973,32.0000334 L20.3749943,32.0000334 C19.4583295,32.7916985 18.9999976,33.7916961 18.9999976,35.0000262 L18.9999976,35.0000262 L18.9999976,38.0000191 C18.9999976,39.0000167 19.3333298,39.8750146 19.9999952,40.6250128 L19.9999952,40.6250128 L19.9999952,44.0000048 C19.9999952,44.5416705 20.1979117,45.0104193 20.5937438,45.4062514 C20.9895759,45.8020835 21.4583248,46 21.9999905,46 L21.9999905,46 L23.9999857,46 Z M41.9999428,31.0000358 L25.9999809,31.0000358 L27.2499779,27.8750432 C27.4583105,27.3333775 27.8228936,26.8854626 28.3437253,26.5312964 C28.8645571,26.1771303 29.4374727,26.0000477 30.0624712,26.0000477 L30.0624712,26.0000477 L37.9999523,26.0000477 C38.5832839,26.0000477 39.1353666,26.1771303 39.6561984,26.5312964 C40.1770301,26.8854626 40.5416132,27.3333775 40.7499458,27.8750432 L40.7499458,27.8750432 L41.9999428,31.0000358 Z M24.4374847,38.0000286 L23.9999905,38.0000286 C23.4166541,38.0000286 22.9374882,37.8125195 22.5624891,37.4375204 C22.18749,37.0625213 21.9999905,36.5833555 21.9999905,36.0000286 C21.9999905,35.4166922 22.18749,34.9375264 22.5624891,34.5625273 C22.9374882,34.1875282 23.4166541,34.0000286 23.9999905,34.0000286 C24.5833173,34.0000286 25.2291497,34.3437778 25.9374811,35.0312762 C26.6458124,35.7187745 26.9999785,36.3750229 26.9999785,37.0000286 C26.9999785,37.4583534 26.7291462,37.7500197 26.1874805,37.8750194 C25.8541483,37.9583522 25.2708157,38.0000286 24.4374847,38.0000286 L24.4374847,38.0000286 Z M43.9999452,38.0000286 L43.5624391,38.0000286 C42.729108,38.0000286 42.1457754,37.9583522 41.8124432,37.8750194 C41.2707775,37.7500197 40.9999452,37.4583534 40.9999452,37.0000286 C40.9999452,36.3750229 41.3541113,35.7187745 42.0624426,35.0312762 C42.770774,34.3437778 43.4166064,34.0000286 43.9999452,34.0000286 C44.5832696,34.0000286 45.0624355,34.1875282 45.4374346,34.5625273 C45.8124337,34.9375264 45.9999332,35.4166922 45.9999332,36.0000286 C45.9999332,36.5833555 45.8124337,37.0625213 45.4374346,37.4375204 C45.0624355,37.8125195 44.5832696,38.0000286 43.9999452,38.0000286 L43.9999452,38.0000286 Z",
+    id: "c",
+    fill: "#292A33",
+    fillRule: "nonzero"
+  }))))));
+};
+
+var PropertyCommercialVehicleIcon = function PropertyCommercialVehicleIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "51px",
+    height: "51px",
+    viewBox: "0 0 81 81",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, /*#__PURE__*/React__default.createElement("title", null, "Profile Obligation Icon / Property - Commercial Vehicle"), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
+    id: "comm-vehicle-path-1",
+    cx: "33.5",
+    cy: "33.5",
+    r: "33.5"
+  }), /*#__PURE__*/React__default.createElement("filter", {
+    x: "-17.2%",
+    y: "-14.2%",
+    width: "134.3%",
+    height: "134.3%",
+    filterUnits: "objectBoundingBox",
+    id: "comm-vehicle-filter-2"
+  }, /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "-4",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter1"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
+    type: "matrix",
+    "in": "shadowOffsetOuter1",
+    result: "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "2",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter2"
+  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
+    stdDeviation: "3.5",
+    "in": "shadowOffsetOuter2",
+    result: "shadowBlurOuter2"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
+    type: "matrix",
+    "in": "shadowBlurOuter2",
+    result: "shadowMatrixOuter2"
+  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter2"
+  })))), /*#__PURE__*/React__default.createElement("g", {
+    id: "comm-vehicle-Profile-/-Icons",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Outlined",
+    transform: "translate(7.000000, -916.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "comm-vehicle-Potentail-future-property",
+    transform: "translate(0.000000, 231.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "comm-vehicle-Profile-Obligation-Icon-/-Property---Commercial-Vehicle",
+    transform: "translate(0.000000, 690.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Oval-Copy-6"
+  }, /*#__PURE__*/React__default.createElement("use", {
+    fill: "black",
+    fillOpacity: "1",
+    filter: "url(#comm-vehicle-filter-2)",
+    xlinkHref: "#comm-vehicle-path-1"
+  }), /*#__PURE__*/React__default.createElement("use", {
+    fill: "#FFFFFF",
+    fillRule: "evenodd",
+    xlinkHref: "#comm-vehicle-path-1"
+  })), /*#__PURE__*/React__default.createElement("path", {
+    d: "M43.9999285,49.9999905 C45.6665915,49.9999905 47.0832541,49.4166588 48.2499183,48.2499946 C49.4165825,47.0833304 49.9999142,45.6666678 49.9999142,44.0000048 L49.9999142,44.0000048 L52.999907,44.0000048 C53.2915733,44.0000048 53.5311558,43.906255 53.7186553,43.7187554 C53.9061549,43.5312559 53.9999046,43.2916734 53.9999046,43.0000072 L53.9999046,43.0000072 L53.9999046,41.0000119 C53.9999046,40.7083456 53.9061549,40.4687632 53.7186553,40.2812636 C53.5311558,40.0937641 53.2915733,40.0000143 52.999907,40.0000143 L52.999907,40.0000143 L51.9999094,40.0000143 L51.9999094,33.2500304 C51.9999094,32.4166994 51.7082431,31.7083671 51.1249115,31.1250355 L51.1249115,31.1250355 L44.8749264,24.8750504 C44.2915948,24.2917187 43.5832625,24.0000525 42.7499315,24.0000525 L42.7499315,24.0000525 L39.999938,24.0000525 L39.999938,21.0000668 C39.999938,20.1667286 39.7082717,19.4583963 39.1249401,18.8750647 C38.5416085,18.291733 37.8332762,18.0000668 36.9999452,18.0000668 L36.9999452,18.0000668 L17,18.0000668 C16.1666618,18.0000668 15.4583295,18.291733 14.8749979,18.8750647 C14.2916663,19.4583963 14,20.1667286 14,21.0000668 L14,21.0000668 L14,41.0000119 C14,41.8333429 14.2916663,42.5416752 14.8749979,43.1250069 C15.4583295,43.7083385 16.1666618,44.0000048 17,44.0000048 L17,44.0000048 L18,44.0000048 C18,45.6666678 18.5833221,47.0833304 19.7499863,48.2499946 C20.9166505,49.4166588 22.3333131,49.9999905 23.9999762,49.9999905 C25.6666392,49.9999905 27.0833018,49.4166588 28.249966,48.2499946 C29.4166302,47.0833304 29.9999619,45.6666678 29.9999619,44.0000048 L29.9999619,44.0000048 L37.9999428,44.0000048 C37.9999428,45.6666678 38.5832744,47.0833304 39.7499386,48.2499946 C40.9166028,49.4166588 42.3332655,49.9999905 43.9999285,49.9999905 Z M48.9999166,34.0000286 L39.999938,34.0000286 L39.999938,27.0000453 L42.7499315,27.0000453 L48.9999166,33.2500304 L48.9999166,34.0000286 Z M23.9999833,46.9999976 C23.1666451,46.9999976 22.4583128,46.7083313 21.8749812,46.1249997 C21.2916496,45.5416681 20.9999833,44.8333358 20.9999833,44.0000119 C20.9999833,43.1666737 21.2916496,42.4583415 21.8749812,41.8750098 C22.4583128,41.2916782 23.1666451,41.0000119 23.9999833,41.0000119 C24.8333072,41.0000119 25.5416395,41.2916782 26.1249711,41.8750098 C26.7083027,42.4583415 26.999969,43.1666737 26.999969,44.0000119 C26.999969,44.8333358 26.7083027,45.5416681 26.1249711,46.1249997 C25.5416395,46.7083313 24.8333072,46.9999976 23.9999833,46.9999976 Z M43.9999356,46.9999976 C43.1665974,46.9999976 42.4582652,46.7083313 41.8749335,46.1249997 C41.2916019,45.5416681 40.9999356,44.8333358 40.9999356,44.0000119 C40.9999356,43.1666737 41.2916019,42.4583415 41.8749335,41.8750098 C42.4582652,41.2916782 43.1665974,41.0000119 43.9999356,41.0000119 C44.8332595,41.0000119 45.5415918,41.2916782 46.1249234,41.8750098 C46.708255,42.4583415 46.9999213,43.1666737 46.9999213,44.0000119 C46.9999213,44.8333358 46.708255,45.5416681 46.1249234,46.1249997 C45.5415918,46.7083313 44.8332595,46.9999976 43.9999356,46.9999976 Z",
+    id: "t",
+    fill: "#292A33",
+    fillRule: "nonzero"
+  }))))));
+};
+
+var PropertyGarageIcon = function PropertyGarageIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "51px",
+    height: "51px",
+    viewBox: "0 0 81 81",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
+    id: "garage-path-1",
+    cx: "33.5",
+    cy: "33.5",
+    r: "33.5"
+  }), /*#__PURE__*/React__default.createElement("filter", {
+    x: "-17.2%",
+    y: "-14.2%",
+    width: "134.3%",
+    height: "134.3%",
+    filterUnits: "objectBoundingBox",
+    id: "garage-filter-2"
+  }, /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "-4",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter1"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
+    type: "matrix",
+    "in": "shadowOffsetOuter1",
+    result: "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "2",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter2"
+  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
+    stdDeviation: "3.5",
+    "in": "shadowOffsetOuter2",
+    result: "shadowBlurOuter2"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
+    type: "matrix",
+    "in": "shadowBlurOuter2",
+    result: "shadowMatrixOuter2"
+  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter2"
+  })))), /*#__PURE__*/React__default.createElement("g", {
+    id: "garage-Profile-/-Icons",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Outlined",
+    transform: "translate(7.000000, -226.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "garage-Potentail-future-property",
+    transform: "translate(0.000000, 231.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Profile-Obligation-Icon-/-Property---Garage"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Oval-Copy-3"
+  }, /*#__PURE__*/React__default.createElement("use", {
+    fill: "black",
+    fillOpacity: "1",
+    filter: "url(#garage-filter-2)",
+    xlinkHref: "#garage-path-1"
+  }), /*#__PURE__*/React__default.createElement("use", {
+    fill: "#FFFFFF",
+    fillRule: "evenodd",
+    xlinkHref: "#garage-path-1"
+  })), /*#__PURE__*/React__default.createElement("path", {
+    d: "M19.4999869,49.9999905 C19.6249866,49.9999905 19.7395693,49.9479076 19.8437361,49.8437408 C19.9479028,49.7395741 19.9999857,49.6249914 19.9999857,49.4999917 L19.9999857,49.4999917 L19.9999857,34.0000286 C19.9999857,33.4583629 20.1979022,32.989614 20.5937343,32.593782 C20.9895664,32.1979499 21.4791492,32.0000334 22.0624808,32.0000334 L22.0624808,32.0000334 L45.9374239,32.0000334 C46.5207555,32.0000334 47.0103383,32.1979499 47.4061704,32.593782 C47.8020024,32.989614 47.9999189,33.4583629 47.9999189,34.0000286 L47.9999189,34.0000286 L47.9999189,49.4999917 C47.9999189,49.6249914 48.0520018,49.7395741 48.1561686,49.8437408 C48.2603353,49.9479076 48.374918,49.9999905 48.4999177,49.9999905 L48.4999177,49.9999905 L53.4999058,49.9999905 C53.6249055,49.9999905 53.7394883,49.9479076 53.843655,49.8437408 C53.9478217,49.7395741 53.9999046,49.6249914 53.9999046,49.4999917 L53.9999046,49.4999917 L53.9999046,28.0625428 C53.9999046,27.4792111 53.833238,26.9375454 53.4999058,26.4375466 C53.1665736,25.9375478 52.7082407,25.5625487 52.1249091,25.3125493 L52.1249091,25.3125493 L52.187409,25.3125493 L35.1249496,18.2500662 C34.3749514,17.9167339 33.6249532,17.9167339 32.874955,18.2500662 L32.874955,18.2500662 L15.8749955,25.3125493 C15.2916639,25.5625487 14.833331,25.9375478 14.5,26.4375466 C14.1666666,26.9375454 14,27.4792111 14,28.0625428 L14,28.0625428 L14,49.4999917 C14,49.6249914 14.0520829,49.7395741 14.1562496,49.8437408 C14.2604164,49.9479076 14.3749991,49.9999905 14.5,49.9999905 L14.5,49.9999905 L19.4999869,49.9999905 Z M45.4999249,38.0000286 C45.6249246,38.0000286 45.7395073,37.9479362 45.8436741,37.8437694 C45.9478408,37.7396027 45.9999237,37.62502 45.9999237,37.5000286 L45.9999237,37.5000286 L45.9999237,34.5000286 C45.9999237,34.3750277 45.9478408,34.260445 45.8436741,34.1562782 C45.7395073,34.0521115 45.6249246,34.0000286 45.4999249,34.0000286 L45.4999249,34.0000286 L22.5624808,34.0000286 C22.395813,34.0000286 22.2708133,34.0521115 22.1874805,34.1562782 C22.1041477,34.260445 22.0624808,34.3750277 22.0624808,34.5000286 L22.0624808,34.5000286 L22.0624808,37.5000286 C22.0624808,37.62502 22.1041477,37.7396027 22.1874805,37.8437694 C22.2708133,37.9479362 22.395813,38.0000286 22.5624808,38.0000286 L22.5624808,38.0000286 L45.4999249,38.0000286 Z M45.4999249,44.0000143 C45.6249246,44.0000143 45.7395073,43.9479219 45.8436741,43.8437551 C45.9478408,43.7395884 45.9999237,43.6250057 45.9999237,43.5000143 L45.9999237,43.5000143 L45.9999237,40.5000143 C45.9999237,40.3750134 45.9478408,40.2604307 45.8436741,40.1562639 C45.7395073,40.0520972 45.6249246,40.0000143 45.4999249,40.0000143 L45.4999249,40.0000143 L22.4999809,40.0000143 C22.37498,40.0000143 22.2603973,40.0520972 22.1562306,40.1562639 C22.0520638,40.2604307 21.9999809,40.3750134 21.9999809,40.5000143 L21.9999809,40.5000143 L21.9999809,43.5000143 C21.9999809,43.6250057 22.0520638,43.7395884 22.1562306,43.8437551 C22.2603973,43.9479219 22.37498,44.0000143 22.4999809,44.0000143 L22.4999809,44.0000143 L45.4999249,44.0000143 Z M45.4999249,50 C45.6249246,50 45.7395073,49.9479076 45.8436741,49.8437408 C45.9478408,49.7395741 45.9999237,49.6249914 45.9999237,49.5 L45.9999237,49.5 L45.9999237,46.5 C45.9999237,46.3749991 45.9478408,46.2604164 45.8436741,46.1562496 C45.7395073,46.0520829 45.6249246,46 45.4999249,46 L45.4999249,46 L22.4999809,46 C22.37498,46 22.2603973,46.0520829 22.1562306,46.1562496 C22.0520638,46.2604164 21.9999809,46.3749991 21.9999809,46.5 L21.9999809,46.5 L21.9999809,49.5 C21.9999809,49.6249914 22.0520638,49.7395741 22.1562306,49.8437408 C22.2603973,49.9479076 22.37498,50 22.4999809,50 L22.4999809,50 L45.4999249,50 Z",
+    id: "w",
+    fill: "#292A33",
+    fillRule: "nonzero"
+  }))))));
+};
+
+var PropertyLandIcon = function PropertyLandIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "51px",
+    height: "51px",
+    viewBox: "0 0 81 81",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
+    id: "land-path-1",
+    cx: "33.5",
+    cy: "33.5",
+    r: "33.5"
+  }), /*#__PURE__*/React__default.createElement("filter", {
+    x: "-17.2%",
+    y: "-14.2%",
+    width: "134.3%",
+    height: "134.3%",
+    filterUnits: "objectBoundingBox",
+    id: "land-filter-2"
+  }, /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "-4",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter1"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
+    type: "matrix",
+    "in": "shadowOffsetOuter1",
+    result: "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "2",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter2"
+  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
+    stdDeviation: "3.5",
+    "in": "shadowOffsetOuter2",
+    result: "shadowBlurOuter2"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
+    type: "matrix",
+    "in": "shadowBlurOuter2",
+    result: "shadowMatrixOuter2"
+  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter2"
+  })))), /*#__PURE__*/React__default.createElement("g", {
+    id: "land-Profile-/-Icons",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Outlined",
+    transform: "translate(7.000000, -571.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "land-Potentail-future-property",
+    transform: "translate(0.000000, 231.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Profile-Obligation-Icon-/-Property---Land",
+    transform: "translate(0.000000, 345.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Oval-Copy-6"
+  }, /*#__PURE__*/React__default.createElement("use", {
+    fill: "black",
+    fillOpacity: "1",
+    filter: "url(#land-filter-2)",
+    xlinkHref: "#land-path-1"
+  }), /*#__PURE__*/React__default.createElement("use", {
+    fill: "#FFFFFF",
+    fillRule: "evenodd",
+    xlinkHref: "#land-path-1"
+  })), /*#__PURE__*/React__default.createElement("path", {
+    d: "M36.9999642,49.9999905 C37.3749633,49.9999905 37.6562127,49.8437408 37.8437122,49.5312416 C38.0312118,49.2187423 38.0416287,48.8958261 37.8749622,48.5624939 L37.8749622,48.5624939 L35.9999666,45.5000012 L35.9999666,44.0000048 L44.5624462,44.0000048 C44.8541125,44.0000048 45.1145279,43.927088 45.3436943,43.7812553 C45.5728608,43.6354226 45.7499434,43.4375061 45.8749431,43.1875067 C45.9999428,42.9375073 46.0416097,42.6770909 45.9999428,42.4062586 C45.9582759,42.1354262 45.8332762,41.8750098 45.6249437,41.6250104 L45.6249437,41.6250104 L40.6249556,36.0000238 L42.562451,36.0000238 C43.1874495,36.0000238 43.6249484,35.7291915 43.8749478,35.1875258 C44.1249472,34.6458601 44.0624474,34.1458613 43.6874483,33.6875294 L43.6874483,33.6875294 L38.7499601,28.0000429 L40.5624557,28.0000429 C40.854122,28.0000429 41.1249544,27.9271261 41.3749538,27.7812934 C41.6249532,27.6354608 41.8020358,27.4271273 41.9062025,27.1562949 C42.0103693,26.8854626 42.0416192,26.6146292 41.9999523,26.3437969 C41.9582854,26.0729645 41.8332857,25.8333811 41.6249532,25.6250486 L41.6249532,25.6250486 L34.7499696,18.312566 C34.5416371,18.1042335 34.2916377,18.0000668 33.9999714,18.0000668 C33.7083051,18.0000668 33.4583057,18.1042335 33.2499732,18.312566 L33.2499732,18.312566 L26.3749896,25.6250486 C26.1666571,25.8333811 26.0416573,26.0729645 25.9999905,26.3437969 C25.9583236,26.6146292 25.9895735,26.8854626 26.0937402,27.1562949 C26.197907,27.4271273 26.3749896,27.6354608 26.624989,27.7812934 C26.8749884,27.9271261 27.1458207,28.0000429 27.437487,28.0000429 L27.437487,28.0000429 L29.2499827,28.0000429 L24.3124945,33.6875294 C23.9374954,34.1458613 23.8749955,34.6458601 24.1249949,35.1875258 C24.3749943,35.7291915 24.8124933,36.0000238 25.4374918,36.0000238 L25.4374918,36.0000238 L27.3749872,36.0000238 L22.3749991,41.6250104 C22.1666666,41.8750098 22.0416669,42.1354262 22,42.4062586 C21.9583331,42.6770909 22,42.9375073 22.1249997,43.1875067 C22.2499994,43.4375061 22.427082,43.6354226 22.6562484,43.7812553 C22.8854149,43.927088 23.1458303,44.0000048 23.4374966,44.0000048 L23.4374966,44.0000048 L31.9999762,44.0000048 L31.9999762,45.5000012 L30.1249806,48.5624939 C29.958314,48.8958261 29.968731,49.2187423 30.1562306,49.5312416 C30.3437301,49.8437408 30.6249794,49.9999905 30.9999785,49.9999905 L30.9999785,49.9999905 L36.9999642,49.9999905 Z",
+    id: "t",
+    fill: "#292A33",
+    fillRule: "nonzero"
+  }))))));
+};
+
+var PropertyMotorcycleIcon = function PropertyMotorcycleIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "51px",
+    height: "51px",
+    viewBox: "0 0 81 81",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
+    id: "motorcycle-path-1",
+    cx: "33.5",
+    cy: "33.5",
+    r: "33.5"
+  }), /*#__PURE__*/React__default.createElement("filter", {
+    x: "-17.2%",
+    y: "-14.2%",
+    width: "134.3%",
+    height: "134.3%",
+    filterUnits: "objectBoundingBox",
+    id: "motorcycle-filter-2"
+  }, /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "-4",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter1"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
+    type: "matrix",
+    "in": "shadowOffsetOuter1",
+    result: "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "2",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter2"
+  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
+    stdDeviation: "3.5",
+    "in": "shadowOffsetOuter2",
+    result: "shadowBlurOuter2"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
+    type: "matrix",
+    "in": "shadowBlurOuter2",
+    result: "shadowMatrixOuter2"
+  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter2"
+  })))), /*#__PURE__*/React__default.createElement("g", {
+    id: "motorcycle-Profile-/-Icons",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Outlined",
+    transform: "translate(7.000000, -801.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Potentail-future-property",
+    transform: "translate(0.000000, 231.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "motorcycle-Profile-Obligation-Icon-/-Property---Motorcycle",
+    transform: "translate(0.000000, 575.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Oval-Copy-6"
+  }, /*#__PURE__*/React__default.createElement("use", {
+    fill: "black",
+    fillOpacity: "1",
+    filter: "url(#motorcycle-filter-2)",
+    xlinkHref: "#motorcycle-path-1"
+  }), /*#__PURE__*/React__default.createElement("use", {
+    fill: "#FFFFFF",
+    fillRule: "evenodd",
+    xlinkHref: "#motorcycle-path-1"
+  })), /*#__PURE__*/React__default.createElement("path", {
+    d: "M45.9686738,46 C47.4061704,46 48.7499171,45.6458339 49.9999142,44.9375025 C51.2499112,44.2291712 52.2290758,43.2500066 52.9374072,42.0000095 C53.6457385,40.7500125 53.9999046,39.4062657 53.9999046,37.9687691 C53.9999046,36.5312726 53.6353225,35.2083587 52.9061572,34.0000286 C52.176992,32.7916985 51.2082443,31.8229508 49.9999142,31.0937855 C48.791584,30.3646203 47.4790872,30.0000381 46.0624236,30.0000381 C45.1457588,30.0000381 44.2707608,30.1458708 43.4374298,30.4375371 L43.4374298,30.4375371 L41.3749347,27.0000453 L46.4999225,27.0000453 C46.9165885,27.0000453 47.2707537,26.8542126 47.56242,26.5625463 C47.8540863,26.2708801 47.9999189,25.9167149 47.9999189,25.5000572 L47.9999189,25.5000572 L47.9999189,23.5000572 C47.9999189,23.0833877 47.8540863,22.7292225 47.56242,22.4375562 C47.2707537,22.1458899 46.9165885,22.0000572 46.4999225,22.0000572 L46.4999225,22.0000572 L43.6874292,22.0000572 C43.2290973,22.0000572 42.8540982,22.1667238 42.5624319,22.5000572 L42.5624319,22.5000572 L40.1874376,25.1250498 L38.8124408,22.7500554 C38.5207746,22.2500566 38.0832756,22.0000572 37.499944,22.0000572 L37.499944,22.0000572 L32.4999559,22.0000572 C32.2082896,22.0000572 31.9687072,22.093807 31.7812076,22.2813065 C31.5937081,22.4688061 31.4999583,22.7083885 31.4999583,23.0000572 L31.4999583,23.0000572 L31.4999583,24.0000572 C31.4999583,24.2917187 31.5937081,24.5313012 31.7812076,24.7188007 C31.9687072,24.9063003 32.2082896,25.0000572 32.4999559,25.0000572 L32.4999559,25.0000572 L36.6249461,25.0000572 L37.8749431,27.0000453 L28.249966,27.0000453 C27.6249675,26.2083802 26.8749693,25.6042156 25.9999714,25.1875496 C24.9583069,24.7292177 23.6249771,24.5000572 21.9999809,24.5000572 L21.9999809,24.5000572 L18.5624891,24.5000572 C18.1041572,24.5000572 17.7291581,24.6458839 17.4374918,24.9375502 C17.1458255,25.2292165 16.9999928,25.5833817 16.9999928,26.0000572 C16.9999928,26.4167137 17.1458255,26.7708789 17.4374918,27.0625452 C17.7291581,27.3542114 18.0833233,27.5000441 18.4999893,27.5000441 L18.4999893,27.5000441 L21.9999809,27.5000441 C23.3333108,27.5000441 24.3333084,28.0208759 24.9999738,29.0625404 L24.9999738,29.0625404 L24.2499756,30.3125374 C23.4166445,30.062538 22.5624796,29.9583713 21.6874817,30.0000381 C20.3124849,30.041705 19.041655,30.4167041 17.8749908,31.1250355 C16.7083266,31.8333668 15.7812458,32.7812815 15.0937474,33.9687787 C14.406249,35.1562759 14.0416669,36.4375228 14,37.8125195 C13.9583331,39.2708491 14.2916663,40.6354298 14.9999976,41.9062598 C15.7083289,43.1770897 16.6874936,44.1770874 17.9374906,44.9062526 C19.1874876,45.6354179 20.5416514,46 21.9999809,46 C23.8333096,46 25.4687227,45.4375013 26.9062192,44.312504 C28.3437158,43.1875067 29.2916305,41.7500101 29.7499624,40.0000143 L29.7499624,40.0000143 L34.9999499,40.0000143 C35.4166159,40.0000143 35.7811981,39.8437647 36.0936973,39.5312654 C36.4061966,39.2187662 36.5416132,38.854184 36.4999464,38.437518 C36.4582795,36.9375216 36.7395288,35.500025 37.3436943,34.1250283 C37.9478599,32.7500316 38.8332738,31.5833674 39.999938,30.6250367 L39.999938,30.6250367 L40.8124361,31.9375335 C39.9374382,32.6875317 39.2499398,33.5937796 38.749941,34.656277 C38.2499422,35.7187745 37.9999428,36.8541888 37.9999428,38.0625189 C37.9999428,39.4791825 38.3541089,40.7916794 39.0624402,42.0000095 C39.7707716,43.2083397 40.7395193,44.1770874 41.9686833,44.9062526 C43.1978474,45.6354179 44.5311772,46 45.9686738,46 Z M21.9999809,43.0000072 C20.6249842,43.0000072 19.447904,42.5104253 18.4687393,41.5312607 C17.4895747,40.552096 16.9999928,39.3750158 16.9999928,38.0000191 C16.9999928,36.6250224 17.4895747,35.4479421 18.4687393,34.4687775 C19.447904,33.4896128 20.6249842,33.000031 21.9999809,33.000031 C22.2499803,33.000031 22.4999797,33.020864 22.7499791,33.0625308 L22.7499791,33.0625308 L20.1874852,37.7500197 C19.895819,38.2500185 19.895819,38.7500173 20.1874852,39.2500161 C20.4791515,39.7500149 20.9166505,40.0000143 21.4999821,40.0000143 L21.4999821,40.0000143 L26.56247,40.0000143 C26.1874709,40.9166791 25.5833054,41.6458434 24.7499744,42.1875091 C23.9166433,42.7291748 22.9999785,43.0000072 21.9999809,43.0000072 Z M46.2499231,43.0000072 C44.8332595,43.08334 43.6040964,42.625008 42.5624319,41.6250104 C41.5207674,40.6250128 40.9999356,39.4166827 40.9999356,38.0000191 C40.9999356,36.6666892 41.4582675,35.520858 42.3749323,34.5625273 L42.3749323,34.5625273 L45.4999249,39.6875151 C45.6249246,39.9375145 45.8228411,40.0937641 46.0936735,40.1562639 C46.3645059,40.2187638 46.6040893,40.1875139 46.8124218,40.0625142 L46.8124218,40.0625142 L47.6874197,39.5000155 C47.9374191,39.3750158 48.0936687,39.1770993 48.1561686,38.9062669 C48.2186684,38.6354345 48.1874185,38.3958511 48.0624188,38.1875186 L48.0624188,38.1875186 L44.9999356,33.1250307 C45.3332583,33.0416979 45.6665915,33.000031 45.9999237,33.000031 C47.4165873,33.000031 48.6249174,33.5208628 49.6249151,34.5625273 C50.6249127,35.6041918 51.0832446,36.8333549 50.9999118,38.2500185 C50.916579,39.5416824 50.4269962,40.6354298 49.5311653,41.5312607 C48.6353344,42.4270915 47.541587,42.9166743 46.2499231,43.0000072 Z",
+    id: "m",
+    fill: "#292A33",
+    fillRule: "nonzero"
+  }))))));
+};
+
+var PropertyStorefrontIcon = function PropertyStorefrontIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "51px",
+    height: "51px",
+    viewBox: "0 0 81 81",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, /*#__PURE__*/React__default.createElement("title", null, "Profile Obligation Icon / Property - Storefront"), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
+    id: "storefront-path-1",
+    cx: "33.5",
+    cy: "33.5",
+    r: "33.5"
+  }), /*#__PURE__*/React__default.createElement("filter", {
+    x: "-17.2%",
+    y: "-14.2%",
+    width: "134.3%",
+    height: "134.3%",
+    filterUnits: "objectBoundingBox",
+    id: "storefront-filter-2"
+  }, /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "-4",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter1"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
+    type: "matrix",
+    "in": "shadowOffsetOuter1",
+    result: "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "2",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter2"
+  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
+    stdDeviation: "3.5",
+    "in": "shadowOffsetOuter2",
+    result: "shadowBlurOuter2"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
+    type: "matrix",
+    "in": "shadowBlurOuter2",
+    result: "shadowMatrixOuter2"
+  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter2"
+  })))), /*#__PURE__*/React__default.createElement("g", {
+    id: "storefront-Profile-/-Icons",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Outlined",
+    transform: "translate(7.000000, -341.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Potentail-future-property",
+    transform: "translate(0.000000, 231.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "storefront-Profile-Obligation-Icon-/-Property---Storefront",
+    transform: "translate(0.000000, 115.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Oval-Copy-4"
+  }, /*#__PURE__*/React__default.createElement("use", {
+    fill: "black",
+    fillOpacity: "1",
+    filter: "url(#storefront-filter-2)",
+    xlinkHref: "#storefront-path-1"
+  }), /*#__PURE__*/React__default.createElement("use", {
+    fill: "#FFFFFF",
+    fillRule: "evenodd",
+    xlinkHref: "#storefront-path-1"
+  })), /*#__PURE__*/React__default.createElement("path", {
+    d: "M51.9999094,30.0000381 C52.4999082,30.0000381 52.9374072,29.8333716 53.3124063,29.5000393 C53.6874054,29.1667071 53.9061549,28.7604581 53.9686547,28.2812922 C54.0311546,27.8021264 53.9374048,27.3333775 53.6874054,26.8750456 L53.6874054,26.8750456 L48.3124182,18.8750647 C47.9374191,18.291733 47.3957534,18.0000668 46.6874221,18.0000668 L46.6874221,18.0000668 L21.3124826,18.0000668 C20.6041512,18.0000668 20.0624855,18.291733 19.6874864,18.8750647 L19.6874864,18.8750647 L14.3749991,26.8750456 C14.0833328,27.3333775 13.9687501,27.8021264 14.0312499,28.2812922 C14.0937498,28.7604581 14.3124993,29.1667071 14.6874984,29.5000393 C15.0624975,29.8333716 15.4999964,30.0000381 15.9999952,30.0000381 L15.9999952,30.0000381 L51.9999094,30.0000381 Z M35.9999475,49.9999905 C36.5416132,49.9999905 37.0103621,49.802074 37.4061942,49.4062419 C37.8020263,49.0104098 37.9999428,48.5416609 37.9999428,47.9999952 L37.9999428,47.9999952 L37.9999428,32.0000334 L33.9999523,32.0000334 L33.9999523,42.0000095 L21.9999905,42.0000095 L21.9999905,32.0000334 L17.9999905,32.0000334 L17.9999905,47.9999952 C17.9999905,48.5416609 18.197907,49.0104098 18.593739,49.4062419 C18.9895711,49.802074 19.45832,49.9999905 19.9999905,49.9999905 L19.9999905,49.9999905 L35.9999475,49.9999905 Z M48.9999237,49.9999905 C49.2915828,49.9999905 49.5311653,49.9062407 49.7186648,49.7187411 C49.9061644,49.5312416 49.9999237,49.2916591 49.9999237,48.9999928 L49.9999237,48.9999928 L49.9999237,32.0000334 L45.9999237,32.0000334 L45.9999237,48.9999928 C45.9999237,49.2916591 46.0936735,49.5312416 46.281173,49.7187411 C46.4686726,49.9062407 46.708255,49.9999905 46.9999237,49.9999905 L46.9999237,49.9999905 L48.9999237,49.9999905 Z",
+    id: "s",
+    fill: "#292A33",
+    fillRule: "nonzero"
+  }))))));
+};
+
+var PropertyPersonalIcon = function PropertyPersonalIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "51px",
+    height: "51px",
+    viewBox: "0 0 81 81",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
+    id: "property-personal-path-1",
+    cx: "33.5",
+    cy: "33.5",
+    r: "33.5"
+  }), /*#__PURE__*/React__default.createElement("filter", {
+    x: "-17.2%",
+    y: "-14.2%",
+    width: "134.3%",
+    height: "134.3%",
+    filterUnits: "objectBoundingBox",
+    id: "property-personal-filter-2"
+  }, /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "-4",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter1"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
+    type: "matrix",
+    "in": "shadowOffsetOuter1",
+    result: "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feOffset", {
+    dx: "0",
+    dy: "2",
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter2"
+  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
+    stdDeviation: "3.5",
+    "in": "shadowOffsetOuter2",
+    result: "shadowBlurOuter2"
+  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
+    type: "matrix",
+    "in": "shadowBlurOuter2",
+    result: "shadowMatrixOuter2"
+  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter1"
+  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter2"
+  })))), /*#__PURE__*/React__default.createElement("g", {
+    id: "PropertyPersonal",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "PropertyPersonalIcon",
+    transform: "translate(7.000000, 5.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "Oval"
+  }, /*#__PURE__*/React__default.createElement("use", {
+    fill: "black",
+    fillOpacity: "1",
+    filter: "url(#property-personal-filter-2)",
+    xlinkHref: "#property-personal-path-1"
+  }), /*#__PURE__*/React__default.createElement("use", {
+    fill: "#FFFFFF",
+    fillRule: "evenodd",
+    xlinkHref: "#property-personal-path-1"
+  })), /*#__PURE__*/React__default.createElement("path", {
+    d: "M49.7499195,37.0000215 C49.9582521,37.0000215 50.1249186,36.9166886 50.2499183,36.7500221 L50.2499183,36.7500221 L51.8124146,34.8125267 C51.9374143,34.6458601 51.9894972,34.4583605 51.9686642,34.250028 C51.9478313,34.0416955 51.8749145,33.8750289 51.7499148,33.7500292 L51.7499148,33.7500292 L46.4999273,29.4375395 L46.4999273,20.7500602 C46.4999273,20.5417277 46.4270105,20.3646441 46.2811778,20.2188115 C46.1353451,20.0729788 45.9582616,20.000062 45.7499291,20.000062 L45.7499291,20.000062 L42.2499374,20.000062 C42.0416049,20.000062 41.8645213,20.0729788 41.7186887,20.2188115 C41.572856,20.3646441 41.4999392,20.5417277 41.4999392,20.7500602 L41.4999392,20.7500602 L41.4999392,25.3125493 L35.9374525,20.6875603 C35.3541208,20.2292284 34.7082884,20.000062 33.9999571,20.000062 C33.2916258,20.000062 32.6666272,20.2292284 32.1249616,20.6875603 L32.1249616,20.6875603 L16.2499994,33.7500292 C16.1249997,33.8750289 16.0520829,34.0416955 16.0312499,34.250028 C16.010417,34.4583605 16.0624999,34.6458601 16.1874996,34.8125267 L16.1874996,34.8125267 L17.7499958,36.7500221 C17.8749955,36.9166886 18.0416621,37.0000215 18.2499946,37.0000215 C18.4583272,37.0000215 18.6458267,36.9375216 18.8124933,36.8125219 L18.8124933,36.8125219 L33.4999583,24.7500507 C33.6666249,24.625051 33.8332905,24.5625511 33.9999571,24.5625511 C34.1666237,24.5625511 34.3332893,24.625051 34.4999559,24.7500507 L34.4999559,24.7500507 L49.1874209,36.8125219 C49.3540875,36.9375216 49.541587,37.0000215 49.7499195,37.0000215 Z M30.249966,47.9999952 C30.4582985,47.9999952 30.6353821,47.9270784 30.7812148,47.7812458 C30.9270474,47.6354131 30.9999642,47.4583295 30.9999642,47.249997 L30.9999642,47.249997 L30.9999642,40.2500137 C30.9999642,40.0416812 31.072881,39.8645976 31.2187137,39.718765 C31.3645464,39.5729323 31.5416299,39.5000155 31.7499624,39.5000155 L31.7499624,39.5000155 L36.2499517,39.5000155 C36.4582842,39.5000155 36.6353678,39.5729323 36.7812005,39.718765 C36.9270331,39.8645976 36.9999499,40.0416812 36.9999499,40.2500137 L36.9999499,40.2500137 L36.9999499,47.249997 C36.9999499,47.4583295 37.0728667,47.6354131 37.2186994,47.7812458 C37.3645321,47.9270784 37.5416156,47.9999952 37.7499481,47.9999952 L37.7499481,47.9999952 L44.9999309,47.9999952 C45.4165968,47.9999952 45.770762,47.8541626 46.0624283,47.5624963 C46.3540946,47.27083 46.4999273,46.9166648 46.4999273,46.4999988 L46.4999273,46.4999988 L46.4999273,37.5625201 C46.4999273,37.3125207 46.4165945,37.1041882 46.2499279,36.9375216 L46.2499279,36.9375216 L34.4999559,27.3125446 C34.3332893,27.1875449 34.1666237,27.125045 33.9999571,27.125045 C33.8332905,27.125045 33.6666249,27.1875449 33.4999583,27.3125446 L33.4999583,27.3125446 L21.7499863,36.9375216 C21.5833197,37.1041882 21.4999869,37.3125207 21.4999869,37.5625201 L21.4999869,37.5625201 L21.4999869,46.4999988 C21.4999869,46.9166648 21.6458196,47.27083 21.9374858,47.5624963 C22.2291521,47.8541626 22.5833173,47.9999952 22.9999869,47.9999952 L22.9999869,47.9999952 L30.249966,47.9999952 Z",
+    id: "h",
+    fill: "#292A33",
+    fillRule: "nonzero"
+  }))));
+};
+
+var _iconsMap;
+var ACCOUNTS_GENERIC_ICON = "ACCOUNTS_GENERIC";
+var ACCOUNTS_CONSTRUCTION_ICON = "ACCOUNTS_CONSTRUCTION";
+var ACCOUNTS_HEALTH_ICON = "ACCOUNTS_HEALTH";
+var ACCOUNTS_DENTAL_ICON = "ACCOUNTS_DENTAL";
+var ACCOUNTS_UTILITY_ELECTRIC_ICON = "ACCOUNTS_UTILITY_ELECTRIC";
+var ACCOUNTS_UTILITY_GAS_ICON = "ACCOUNTS_UTILITY_GAS";
+var ACCOUNTS_UTILITY_GARBAGE_ICON = "ACCOUNTS_UTILITY_GARBAGE";
+var ACCOUNTS_UTILITY_WATER_ICON = "ACCOUNTS_UTILITY_WATER";
+var PROPERTIES_PERSONAL_ICON = "PROPERTIES_PERSONAL";
+var PROPERTIES_GARAGE_ICON = "PROPERTIES_GARAGE";
+var PROPERTIES_BUSINESS_ICON = "PROPERTIES_BUSINESS";
+var PROPERTIES_STOREFRONT_ICON = "PROPERTIES_STOREFRONT";
+var PROPERTIES_APARTMENT_ICON = "PROPERTIES_APARTMENT";
+var PROPERTIES_LAND_ICON = "PROPERTIES_LAND";
+var PROPERTIES_CAR_ICON = "PROPERTIES_CAR";
+var PROPERTIES_MOTORCYCLE_ICON = "PROPERTIES_MOTORCYCLE";
+var PROPERTIES_COMMERCIAL_AUTO_ICON = "PROPERTIES_COMMERCIAL_AUTO";
+var MISC_BILL_ICON = "MISC_SINGLE_BILL";
+var iconsMap = (_iconsMap = {}, _defineProperty(_iconsMap, ACCOUNTS_GENERIC_ICON, AccountGenericIcon), _defineProperty(_iconsMap, ACCOUNTS_CONSTRUCTION_ICON, AccountConstructionIcon), _defineProperty(_iconsMap, ACCOUNTS_HEALTH_ICON, AccountMedicalIcon), _defineProperty(_iconsMap, ACCOUNTS_DENTAL_ICON, AccountDentalIcon), _defineProperty(_iconsMap, ACCOUNTS_UTILITY_ELECTRIC_ICON, AccountElectricIcon), _defineProperty(_iconsMap, ACCOUNTS_UTILITY_GARBAGE_ICON, AccountGarbageIcon), _defineProperty(_iconsMap, ACCOUNTS_UTILITY_GAS_ICON, AccountGasIcon), _defineProperty(_iconsMap, ACCOUNTS_UTILITY_WATER_ICON, AccountWaterIcon), _defineProperty(_iconsMap, PROPERTIES_PERSONAL_ICON, PropertyPersonalIcon), _defineProperty(_iconsMap, PROPERTIES_GARAGE_ICON, PropertyGarageIcon), _defineProperty(_iconsMap, PROPERTIES_BUSINESS_ICON, PropertyBusinessIcon), _defineProperty(_iconsMap, PROPERTIES_STOREFRONT_ICON, PropertyStorefrontIcon), _defineProperty(_iconsMap, PROPERTIES_APARTMENT_ICON, PropertyApartmentIcon), _defineProperty(_iconsMap, PROPERTIES_LAND_ICON, PropertyLandIcon), _defineProperty(_iconsMap, PROPERTIES_CAR_ICON, PropertyCarIcon), _defineProperty(_iconsMap, PROPERTIES_MOTORCYCLE_ICON, PropertyMotorcycleIcon), _defineProperty(_iconsMap, PROPERTIES_COMMERCIAL_AUTO_ICON, PropertyCommercialVehicleIcon), _defineProperty(_iconsMap, MISC_BILL_ICON, AccountBillIcon), _iconsMap);
+
+var LoginForm = function LoginForm(_ref) {
+  var _emailErrorMessages;
+
+  var clearOnDismount = _ref.clearOnDismount,
+      fields = _ref.fields,
+      actions = _ref.actions,
+      showErrors = _ref.showErrors,
+      _ref$handleSubmit = _ref.handleSubmit,
+      handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit;
+
+  if (clearOnDismount) {
+    React.useEffect(function () {
+      return function () {
+        return actions.form.clear();
+      };
+    }, []);
+  }
+
+  var emailErrorMessages = (_emailErrorMessages = {}, _defineProperty(_emailErrorMessages, required.error, "Email address is required"), _defineProperty(_emailErrorMessages, isProbablyEmail.error, "Invalid email address"), _emailErrorMessages);
+
+  var passwordErrorMessages = _defineProperty({}, required.error, "Password is required");
+
+  return /*#__PURE__*/React__default.createElement(FormInputColumn, {
+    role: "form",
+    "aria-label": "Login"
+  }, /*#__PURE__*/React__default.createElement(FormInput$1, {
+    labelTextWhenNoError: "Email address",
+    errorMessages: emailErrorMessages,
+    type: "email",
+    field: fields.email,
+    fieldActions: actions.fields.email,
+    showErrors: showErrors,
+    onKeyDown: function onKeyDown(e) {
+      return e.key === "Enter" && handleSubmit(e);
+    },
+    isEmail: true
+  }), /*#__PURE__*/React__default.createElement(FormInput$1, {
+    labelTextWhenNoError: "Password",
+    errorMessages: passwordErrorMessages,
+    type: "password",
+    field: fields.password,
+    fieldActions: actions.fields.password,
+    showErrors: showErrors,
+    onKeyDown: function onKeyDown(e) {
+      return e.key === "Enter" && handleSubmit(e);
+    }
+  }));
+};
+
+var formConfig$5 = {
+  email: {
+    validators: [required(), isProbablyEmail()]
+  },
+  password: {
+    validators: [required()]
+  }
+};
+
+var _createFormState$5 = createFormState(formConfig$5),
+    reducer$5 = _createFormState$5.reducer,
+    mapStateToProps$6 = _createFormState$5.mapStateToProps,
+    mapDispatchToProps$5 = _createFormState$5.mapDispatchToProps;
+
+LoginForm.reducer = reducer$5;
+LoginForm.mapStateToProps = mapStateToProps$6;
+LoginForm.mapDispatchToProps = mapDispatchToProps$5;
+
+var candidateSelectors = [
+  'input',
+  'select',
+  'textarea',
+  'a[href]',
+  'button',
+  '[tabindex]',
+  'audio[controls]',
+  'video[controls]',
+  '[contenteditable]:not([contenteditable="false"])',
+];
+var candidateSelector = candidateSelectors.join(',');
+
+var matches = typeof Element === 'undefined'
   ? function () {}
   : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
 
@@ -36243,2019 +37739,568 @@ function (_React$Component) {
 
     _defineProperty$1(_assertThisInitialized$1(_this), "checkDocumentKeyDown", function (event) {
       if (_this.props.escapeExits && (event.key === 'Escape' || event.key === 'Esc' || event.keyCode === 27)) {
-        _this.exit(event);
-      }
-    });
-
-    _defineProperty$1(_assertThisInitialized$1(_this), "exit", function (event) {
-      if (_this.props.onExit) {
-        _this.props.onExit(event);
-      }
-    });
-
-    return _this;
-  }
-
-  _createClass$2(Modal, [{
-    key: "componentWillMount",
-    value: function componentWillMount() {
-      if (!this.props.titleText && !this.props.titleId) {
-        throw new Error('react-aria-modal instances should have a `titleText` or `titleId`');
-      }
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (this.props.onEnter) {
-        this.props.onEnter();
-      } // Timeout to ensure this happens *after* focus has moved
-
-
-      var applicationNode = this.getApplicationNode();
-      setTimeout(function () {
-        if (applicationNode) {
-          applicationNode.setAttribute('aria-hidden', 'true');
-        }
-      }, 0);
-
-      if (this.props.escapeExits) {
-        this.addKeyDownListener();
-      }
-
-      if (this.props.scrollDisabled) {
-        noScroll.on();
-      }
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (prevProps.scrollDisabled && !this.props.scrollDisabled) {
-        noScroll.off();
-      } else if (!prevProps.scrollDisabled && this.props.scrollDisabled) {
-        noScroll.on();
-      }
-
-      if (this.props.escapeExits && !prevProps.escapeExits) {
-        this.addKeyDownListener();
-      } else if (!this.props.escapeExits && prevProps.escapeExits) {
-        this.removeKeyDownListener();
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (this.props.scrollDisabled) {
-        noScroll.off();
-      }
-
-      var applicationNode = this.getApplicationNode();
-
-      if (applicationNode) {
-        applicationNode.setAttribute('aria-hidden', 'false');
-      }
-
-      this.removeKeyDownListener();
-    }
-  }, {
-    key: "addKeyDownListener",
-    value: function addKeyDownListener() {
-      var _this2 = this;
-
-      setTimeout(function () {
-        document.addEventListener('keydown', _this2.checkDocumentKeyDown);
-      });
-    }
-  }, {
-    key: "removeKeyDownListener",
-    value: function removeKeyDownListener() {
-      var _this3 = this;
-
-      setTimeout(function () {
-        document.removeEventListener('keydown', _this3.checkDocumentKeyDown);
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var props = this.props;
-      var style = {};
-
-      if (props.includeDefaultStyles) {
-        style = {
-          position: 'fixed',
-          top: 0,
-          left: 0,
-          width: '100%',
-          height: '100%',
-          zIndex: 1050,
-          overflowX: 'hidden',
-          overflowY: 'auto',
-          WebkitOverflowScrolling: 'touch',
-          textAlign: 'center'
-        };
-
-        if (props.underlayColor) {
-          style.background = props.underlayColor;
-        }
-
-        if (props.underlayClickExits) {
-          style.cursor = 'pointer';
-        }
-      }
-
-      if (props.underlayStyle) {
-        for (var key in props.underlayStyle) {
-          if (!props.underlayStyle.hasOwnProperty(key)) continue;
-          style[key] = props.underlayStyle[key];
-        }
-      }
-
-      var underlayProps = {
-        className: props.underlayClass,
-        style: style
-      };
-
-      if (props.underlayClickExits) {
-        underlayProps.onMouseDown = this.checkUnderlayClick;
-      }
-
-      for (var prop in this.props.underlayProps) {
-        underlayProps[prop] = this.props.underlayProps[prop];
-      }
-
-      var verticalCenterStyle = {};
-
-      if (props.includeDefaultStyles) {
-        verticalCenterStyle = {
-          display: 'inline-block',
-          height: '100%',
-          verticalAlign: 'middle'
-        };
-      }
-
-      var verticalCenterHelperProps = {
-        key: 'a',
-        style: verticalCenterStyle
-      };
-      var dialogStyle = {};
-
-      if (props.includeDefaultStyles) {
-        dialogStyle = {
-          display: 'inline-block',
-          textAlign: 'left',
-          top: 0,
-          maxWidth: '100%',
-          cursor: 'default',
-          outline: props.focusDialog ? 0 : null
-        };
-
-        if (props.verticallyCenter) {
-          dialogStyle.verticalAlign = 'middle';
-          dialogStyle.top = 0;
-        }
-      }
-
-      if (props.dialogStyle) {
-        for (var _key2 in props.dialogStyle) {
-          if (!props.dialogStyle.hasOwnProperty(_key2)) continue;
-          dialogStyle[_key2] = props.dialogStyle[_key2];
-        }
-      }
-
-      var dialogProps = {
-        key: 'b',
-        ref: function (el) {
-          this.dialogNode = el;
-        }.bind(this),
-        role: props.alert ? 'alertdialog' : 'dialog',
-        id: props.dialogId,
-        className: props.dialogClass,
-        style: dialogStyle
-      };
-
-      if (props.titleId) {
-        dialogProps['aria-labelledby'] = props.titleId;
-      } else if (props.titleText) {
-        dialogProps['aria-label'] = props.titleText;
-      }
-
-      if (props.focusDialog) {
-        dialogProps.tabIndex = '-1';
-      } // Apply data- and aria- attributes passed as props
-
-
-      for (var _key3 in props) {
-        if (/^(data-|aria-)/.test(_key3)) {
-          dialogProps[_key3] = props[_key3];
-        }
-      }
-
-      var childrenArray = [React__default.createElement('div', dialogProps, props.children)];
-
-      if (props.verticallyCenter) {
-        childrenArray.unshift(React__default.createElement('div', verticalCenterHelperProps));
-      }
-
-      var focusTrapOptions = props.focusTrapOptions || {};
-
-      if (props.focusDialog || props.initialFocus) {
-        focusTrapOptions.initialFocus = props.focusDialog ? "#".concat(this.props.dialogId) : props.initialFocus;
-      }
-
-      focusTrapOptions.escapeDeactivates = props.escapeExits;
-      return React__default.createElement(focusTrapReact, {
-        focusTrapOptions: focusTrapOptions,
-        paused: props.focusTrapPaused
-      }, React__default.createElement('div', underlayProps, childrenArray));
-    }
-  }]);
-
-  return Modal;
-}(React__default.Component);
-
-_defineProperty$1(Modal, "defaultProps", {
-  underlayProps: {},
-  dialogId: 'react-aria-modal-dialog',
-  underlayClickExits: true,
-  escapeExits: true,
-  underlayColor: 'rgba(0,0,0,0.5)',
-  includeDefaultStyles: true,
-  focusTrapPaused: false,
-  scrollDisabled: true
-});
-
-var DisplacedModal = displace_1(Modal);
-
-DisplacedModal.renderTo = function (input) {
-  return displace_1(Modal, {
-    renderTo: input
-  });
-};
-
-var reactAriaModal = DisplacedModal;
-
-/*
-Default Modal molecule
-Uses react-aria-modal behind the scenes for a11y purposes
-Styling accomplished with our atoms / layout primitives
-
-Cancel button will (for now) always use hideModal as its action
-Continue button takes an action, if you want to navigate to
-a different route (as with a link) connect() and use "push" from connected-react-router
-*/
-
-var getApplicationNode = function getApplicationNode() {
-  return document.getElementById("root");
-};
-
-var Modal$1 = function Modal(_ref) {
-  var hideModal = _ref.hideModal,
-      continueAction = _ref.continueAction,
-      cancelAction = _ref.cancelAction,
-      modalOpen = _ref.modalOpen,
-      modalHeaderText = _ref.modalHeaderText,
-      modalBodyText = _ref.modalBodyText,
-      _ref$cancelButtonText = _ref.cancelButtonText,
-      cancelButtonText = _ref$cancelButtonText === void 0 ? "Cancel" : _ref$cancelButtonText,
-      _ref$continueButtonTe = _ref.continueButtonText,
-      continueButtonText = _ref$continueButtonTe === void 0 ? "Continue" : _ref$continueButtonTe,
-      _ref$modalHeaderBg = _ref.modalHeaderBg,
-      modalHeaderBg = _ref$modalHeaderBg === void 0 ? WHITE : _ref$modalHeaderBg,
-      _ref$modalBodyBg = _ref.modalBodyBg,
-      modalBodyBg = _ref$modalBodyBg === void 0 ? ATHENS_GREY : _ref$modalBodyBg,
-      _ref$useDangerButton = _ref.useDangerButton,
-      useDangerButton = _ref$useDangerButton === void 0 ? false : _ref$useDangerButton,
-      _ref$defaultWrapper = _ref.defaultWrapper,
-      defaultWrapper = _ref$defaultWrapper === void 0 ? true : _ref$defaultWrapper,
-      _ref$onlyCloseButton = _ref.onlyCloseButton,
-      onlyCloseButton = _ref$onlyCloseButton === void 0 ? false : _ref$onlyCloseButton,
-      maxHeight = _ref.maxHeight,
-      _ref$underlayClickExi = _ref.underlayClickExits,
-      underlayClickExits = _ref$underlayClickExi === void 0 ? true : _ref$underlayClickExi,
-      children = _ref.children;
-
-  var _useContext = React.useContext(styled.ThemeContext),
-      isMobile = _useContext.isMobile;
-
-  return /*#__PURE__*/React__default.createElement(React.Fragment, null, modalOpen && /*#__PURE__*/React__default.createElement(reactAriaModal, {
-    onExit: hideModal,
-    getApplicationNode: getApplicationNode,
-    titleText: modalHeaderText,
-    underlayStyle: {
-      display: "flex",
-      flexDirection: "column",
-      justifyContent: "center",
-      alignItems: "center"
-    },
-    dialogStyle: {
-      width: "615px"
-    },
-    underlayClickExits: underlayClickExits
-  }, /*#__PURE__*/React__default.createElement(Box, {
-    padding: "0",
-    borderRadius: "2px",
-    boxShadow: "inset 0px -2px 0px 0px rgb(0, 80, 149)"
-  }, /*#__PURE__*/React__default.createElement(Box, {
-    background: modalHeaderBg,
-    padding: "1rem 1.5rem"
-  }, /*#__PURE__*/React__default.createElement(Cluster, {
-    justify: "flex-start",
-    align: "center"
-  }, /*#__PURE__*/React__default.createElement(Heading$1, {
-    variant: "h6",
-    weight: FONT_WEIGHT_SEMIBOLD
-  }, modalHeaderText))), /*#__PURE__*/React__default.createElement(Box, {
-    background: modalBodyBg,
-    padding: "1rem 1.5rem"
-  }, /*#__PURE__*/React__default.createElement(Stack, {
-    childGap: "1.5rem"
-  }, /*#__PURE__*/React__default.createElement(Box, {
-    borderWidthOverride: "0 0 2px 0",
-    borderColor: SILVER_GREY,
-    padding: "0 0 1.5rem 0",
-    extraStyles: maxHeight ? "max-height: ".concat(maxHeight, "; overflow: auto;") : ""
-  }, defaultWrapper ? /*#__PURE__*/React__default.createElement(Paragraph$1, {
-    variant: "p"
-  }, modalBodyText) : /*#__PURE__*/React__default.createElement(Box, {
-    padding: maxHeight ? "0 0 1rem 0" : "0"
-  }, modalBodyText)), /*#__PURE__*/React__default.createElement(Box, {
-    padding: "0"
-  }, /*#__PURE__*/React__default.createElement(Cluster, {
-    justify: "flex-end",
-    align: "center",
-    childGap: "0rem"
-  }, !onlyCloseButton ? /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(Box, {
-    padding: "0.5rem",
-    extraStyles: isMobile ? "flex-grow: 1" : ""
-  }, /*#__PURE__*/React__default.createElement(ButtonWithAction, {
-    variant: "secondary",
-    action: cancelAction ? cancelAction : hideModal,
-    text: cancelButtonText,
-    dataQa: cancelButtonText
-  })), /*#__PURE__*/React__default.createElement(Box, {
-    padding: "0.5rem",
-    extraStyles: isMobile ? "flex-grow: 1" : ""
-  }, /*#__PURE__*/React__default.createElement(ButtonWithAction, {
-    variant: useDangerButton ? "danger" : "primary",
-    action: continueAction,
-    text: continueButtonText,
-    dataQa: continueButtonText
-  }))) : /*#__PURE__*/React__default.createElement(Box, {
-    padding: "0.5rem"
-  }, /*#__PURE__*/React__default.createElement(ButtonWithAction, {
-    action: hideModal,
-    variant: "primary",
-    text: "Close",
-    dataQa: "Close"
-  })))))))), children);
-};
-
-var fontSize$8 = {
-  "default": "1.375rem",
-  largeTitle: "1.75rem"
-};
-var fontWeight$5 = {
-  "default": "600",
-  largeTitle: "700"
-};
-var fontColor = {
-  "default": CHARADE_GREY,
-  largeTitle: CHARADE_GREY
-};
-var lineHeight$4 = {
-  "default": "2rem",
-  largeTitle: "2rem"
-};
-var textAlign = {
-  "default": "left",
-  largeTitle: "left"
-};
-var titleType = {
-  "default": "h5",
-  largeTitle: "h1"
-};
-var titleSpacing = {
-  "default": "0.5rem",
-  largeTitle: "1.125rem"
-};
-var boxShadow$1 = {
-  "default": "0px 2px 14px 0px rgb(246, 246, 249), 0px 3px 8px 0px rgb(202, 206, 216)",
-  largeTitle: "0px 2px 14px 0px rgb(246, 246, 249), 0px 3px 8px 0px rgb(202, 206, 216)"
-};
-var borderRadius = {
-  "default": "0.25rem",
-  largeTitle: "0.25rem"
-};
-var backgroundColor$6 = {
-  "default": WHITE,
-  largeTitle: WHITE
-};
-var fallbackValues$u = {
-  fontSize: fontSize$8,
-  fontWeight: fontWeight$5,
-  fontColor: fontColor,
-  lineHeight: lineHeight$4,
-  textAlign: textAlign,
-  titleType: titleType,
-  titleSpacing: titleSpacing,
-  boxShadow: boxShadow$1,
-  borderRadius: borderRadius,
-  backgroundColor: backgroundColor$6
-};
-
-var Module = function Module(_ref) {
-  var heading = _ref.heading,
-      _ref$spacing = _ref.spacing,
-      spacing = _ref$spacing === void 0 ? "1rem" : _ref$spacing,
-      _ref$padding = _ref.padding,
-      padding = _ref$padding === void 0 ? "0" : _ref$padding,
-      _ref$spacingBottom = _ref.spacingBottom,
-      spacingBottom = _ref$spacingBottom === void 0 ? "2.5rem" : _ref$spacingBottom,
-      themeValues = _ref.themeValues,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? "default" : _ref$variant,
-      children = _ref.children;
-  return /*#__PURE__*/React__default.createElement(React.Fragment, null, heading && /*#__PURE__*/React__default.createElement(Heading$1, {
-    variant: variant === "default" ? "h5" : "h2",
-    weight: themeValues.fontWeight,
-    color: themeValues.fontColor,
-    margin: "".concat(spacing, " 0 ").concat(themeValues.titleSpacing, " 0"),
-    textAlign: themeValues.textAlign
-  }, heading), /*#__PURE__*/React__default.createElement(Box, {
-    padding: "0 0 ".concat(spacingBottom)
-  }, /*#__PURE__*/React__default.createElement(Box, {
-    padding: padding,
-    background: themeValues.backgroundColor,
-    borderRadius: themeValues.borderRadius,
-    boxShadow: themeValues.boxShadow
-  }, children)));
-};
+        _this.exit(event);
+      }
+    });
 
-var Module$1 = /*#__PURE__*/React.memo(themeComponent(Module, "Module", fallbackValues$u, "default"));
+    _defineProperty$1(_assertThisInitialized$1(_this), "exit", function (event) {
+      if (_this.props.onExit) {
+        _this.props.onExit(event);
+      }
+    });
 
-var backgroundColor$7 = {
-  profile: "#3b414d",
-  cms: "#3b414d"
-};
-var shadowColor = {
-  profile: "#292A33",
-  cms: "#292A33"
-};
-var fallbackValues$v = {
-  backgroundColor: backgroundColor$7,
-  shadowColor: shadowColor
-};
+    return _this;
+  }
 
-var NavMenuDesktop = function NavMenuDesktop(_ref) {
-  var id = _ref.id,
-      _ref$top = _ref.top,
-      top = _ref$top === void 0 ? "115%" : _ref$top,
-      _ref$left = _ref.left,
-      left = _ref$left === void 0 ? "-165%" : _ref$left,
-      _ref$menuContent = _ref.menuContent,
-      menuContent = _ref$menuContent === void 0 ? [] : _ref$menuContent,
-      _ref$visible = _ref.visible,
-      visible = _ref$visible === void 0 ? true : _ref$visible,
-      onMouseEnter = _ref.onMouseEnter,
-      onMouseLeave = _ref.onMouseLeave,
-      onFocus = _ref.onFocus,
-      onBlur = _ref.onBlur,
-      themeValues = _ref.themeValues;
-  var menuCarat = "&:after { bottom: 100%; right: 10px; border: solid transparent; content: \" \"; height: 0; width: 0; position: absolute; pointer-events: none; border-color: ".concat(themeValues.backgroundColor, "00; border-bottom-color: ").concat(themeValues.backgroundColor, "; border-width: 10px; margin-left: -10px; }");
-  return /*#__PURE__*/React__default.createElement(Imposter, {
-    id: id,
-    breakout: true,
-    top: top,
-    left: left,
-    visible: visible
-  }, /*#__PURE__*/React__default.createElement(Box, {
-    minWidth: "240px",
-    padding: "1rem 0.5rem",
-    extraStyles: "position: relative; ".concat(menuCarat),
-    background: themeValues.backgroundColor,
-    borderRadius: "5px",
-    boxShadow: "0px 1px 8px -1px rgba(0, 0, 0, 0.3), 0px 1px 4px 0px ".concat(themeValues.shadowColor, ", 0px 7px 32px 0px ").concat(themeValues.shadowColor),
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    onFocus: onFocus,
-    onBlur: onBlur
-  }, menuContent));
-};
+  _createClass$2(Modal, [{
+    key: "componentWillMount",
+    value: function componentWillMount() {
+      if (!this.props.titleText && !this.props.titleId) {
+        throw new Error('react-aria-modal instances should have a `titleText` or `titleId`');
+      }
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.props.onEnter) {
+        this.props.onEnter();
+      } // Timeout to ensure this happens *after* focus has moved
 
-var NavMenuDesktop$1 = themeComponent(NavMenuDesktop, "NavMenu", fallbackValues$v, "profile");
 
-function _templateObject$z() {
-  var data = _taggedTemplateLiteral(["\n  position: fixed;\n  top: 72px;\n"]);
+      var applicationNode = this.getApplicationNode();
+      setTimeout(function () {
+        if (applicationNode) {
+          applicationNode.setAttribute('aria-hidden', 'true');
+        }
+      }, 0);
 
-  _templateObject$z = function _templateObject() {
-    return data;
-  };
+      if (this.props.escapeExits) {
+        this.addKeyDownListener();
+      }
 
-  return data;
-}
-var menu = posed.div({
-  invisible: {
-    left: "-100vw",
-    right: "100vw",
-    transition: {
-      right: {
-        ease: easeOut,
-        duration: 500
-      },
-      left: {
-        ease: easeOut,
-        duration: 500
+      if (this.props.scrollDisabled) {
+        noScroll.on();
       }
     }
-  },
-  visible: {
-    left: "0",
-    right: "0",
-    transition: {
-      left: {
-        ease: easeIn,
-        duration: 500
-      },
-      right: {
-        ease: easeIn,
-        duration: 500
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.scrollDisabled && !this.props.scrollDisabled) {
+        noScroll.off();
+      } else if (!prevProps.scrollDisabled && this.props.scrollDisabled) {
+        noScroll.on();
+      }
+
+      if (this.props.escapeExits && !prevProps.escapeExits) {
+        this.addKeyDownListener();
+      } else if (!this.props.escapeExits && prevProps.escapeExits) {
+        this.removeKeyDownListener();
       }
     }
-  }
-});
-var ImposterMenu = styled__default(menu)(_templateObject$z());
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this.props.scrollDisabled) {
+        noScroll.off();
+      }
 
-var NavMenuMobile = function NavMenuMobile(_ref) {
-  var id = _ref.id,
-      _ref$menuContent = _ref.menuContent,
-      menuContent = _ref$menuContent === void 0 ? [] : _ref$menuContent,
-      _ref$visible = _ref.visible,
-      visible = _ref$visible === void 0 ? false : _ref$visible,
-      themeValues = _ref.themeValues;
-  return /*#__PURE__*/React__default.createElement(ImposterMenu, {
-    id: id,
-    initialPose: "invisible",
-    pose: visible ? "visible" : "invisible"
-  }, /*#__PURE__*/React__default.createElement(Box, {
-    width: "100vw",
-    padding: "1rem 0.5rem",
-    extraStyles: "position: relative; max-width: 400px; height: calc(100vh - 72px);",
-    background: themeValues.backgroundColor
-  }, menuContent));
-};
+      var applicationNode = this.getApplicationNode();
 
-var NavMenuMobile$1 = themeComponent(NavMenuMobile, "NavMenu", fallbackValues$v, "profile");
+      if (applicationNode) {
+        applicationNode.setAttribute('aria-hidden', 'false');
+      }
 
-var AccountBillIcon = function AccountBillIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "account-bill-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "account-bill-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "AccountBill",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "AccountBillIcon",
-    transform: "translate(7.000000, 5.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-6"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#account-bill-filter-2)",
-    xlinkHref: "#account-bill-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#account-bill-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M45.9999428,26.0000477 L45.9999428,25.6250486 C45.9999428,25.2083826 45.8541101,24.8542174 45.5624438,24.5625511 L45.5624438,24.5625511 L39.4374584,18.4375657 C39.1457921,18.1458994 38.791627,18.0000668 38.374961,18.0000668 L38.374961,18.0000668 L37.9999619,18.0000668 L37.9999619,26.0000477 L45.9999428,26.0000477 Z M44.4999464,49.9999905 C44.9166123,49.9999905 45.2707775,49.8541578 45.5624438,49.5624915 C45.8541101,49.2708252 45.9999428,48.91666 45.9999428,48.499994 L45.9999428,48.499994 L45.9999428,28.0000429 L37.499963,28.0000429 C37.0832971,28.0000429 36.7291319,27.8542102 36.4374656,27.562544 C36.1457993,27.2708777 35.9999666,26.9167125 35.9999666,26.5000465 L35.9999666,26.5000465 L35.9999666,18.0000668 L23.5,18.0000668 C23.0833304,18.0000668 22.7291652,18.1458994 22.437499,18.4375657 C22.1458327,18.729232 22,19.0833972 22,19.5000668 L22,19.5000668 L22,48.499994 C22,48.91666 22.1458327,49.2708252 22.437499,49.5624915 C22.7291652,49.8541578 23.0833304,49.9999905 23.5,49.9999905 L23.5,49.9999905 L44.4999464,49.9999905 Z M31.4999774,24.0000572 L26.4999905,24.0000572 C26.3749896,24.0000572 26.2604068,23.9479696 26.1562401,23.8438028 C26.0520734,23.7396361 25.9999905,23.6250533 25.9999905,23.5000572 L25.9999905,23.5000572 L25.9999905,22.5000572 C25.9999905,22.3750563 26.0520734,22.2604736 26.1562401,22.1563068 C26.2604068,22.0521401 26.3749896,22.0000572 26.4999905,22.0000572 L26.4999905,22.0000572 L31.4999774,22.0000572 C31.6249771,22.0000572 31.7395598,22.0521401 31.8437265,22.1563068 C31.9478933,22.2604736 31.9999762,22.3750563 31.9999762,22.5000572 L31.9999762,22.5000572 L31.9999762,23.5000572 C31.9999762,23.6250533 31.9478933,23.7396361 31.8437265,23.8438028 C31.7395598,23.9479696 31.6249771,24.0000572 31.4999774,24.0000572 L31.4999774,24.0000572 Z M31.4999774,28.0000477 L26.4999905,28.0000477 C26.3749896,28.0000477 26.2604068,27.94796 26.1562401,27.8437933 C26.0520734,27.7396266 25.9999905,27.6250438 25.9999905,27.5000477 L25.9999905,27.5000477 L25.9999905,26.5000477 C25.9999905,26.3750468 26.0520734,26.260464 26.1562401,26.1562973 C26.2604068,26.0521306 26.3749896,26.0000477 26.4999905,26.0000477 L26.4999905,26.0000477 L31.4999774,26.0000477 C31.6249771,26.0000477 31.7395598,26.0521306 31.8437265,26.1562973 C31.9478933,26.260464 31.9999762,26.3750468 31.9999762,26.5000477 L31.9999762,26.5000477 L31.9999762,27.5000477 C31.9999762,27.6250438 31.9478933,27.7396266 31.8437265,27.8437933 C31.7395598,27.94796 31.6249771,28.0000477 31.4999774,28.0000477 L31.4999774,28.0000477 Z M34.4999702,46 L33.4999726,46 C33.3749729,46 33.2603901,45.9479171 33.1562234,45.8437504 C33.0520567,45.7395836 32.9999738,45.6250009 32.9999738,45.5000012 L32.9999738,45.5000012 L32.9999738,44.0000048 C32.2916424,43.9583379 31.64581,43.7083385 31.0624784,43.2500066 C30.9374787,43.1666737 30.8645619,43.05209 30.8437289,42.9062574 C30.8228959,42.7604247 30.8749788,42.625008 30.9999785,42.5000083 L30.9999785,42.5000083 L31.7499768,41.81251 C31.9166433,41.6458434 32.1249759,41.6354274 32.3749753,41.7812601 C32.6249747,41.9270927 32.895807,42.0000095 33.1874733,42.0000095 L33.1874733,42.0000095 L34.9374692,42.0000095 C35.1458017,42.0000095 35.3228852,41.9166767 35.4687179,41.7500101 C35.6145506,41.5833435 35.6874674,41.395844 35.6874674,41.1875115 C35.6874674,40.979179 35.6353845,40.8020954 35.5312177,40.6562627 C35.427051,40.5104301 35.2916353,40.4166803 35.1249687,40.3750134 L35.1249687,40.3750134 L32.3124802,39.5625153 C31.7291438,39.3541828 31.2499779,39.0000167 30.8749788,38.5000179 C30.4999797,38.0000191 30.3124802,37.4375204 30.3124802,36.8125219 C30.3124802,36.0625237 30.5728965,35.4166922 31.0937283,34.8750265 C31.6145601,34.3333608 32.2499756,34.0416955 32.9999738,34.0000334 L32.9999738,34.0000334 L32.9999738,32.5000334 C32.9999738,32.3750325 33.0520567,32.2604497 33.1562234,32.156283 C33.2603901,32.0521163 33.3749729,32.0000334 33.4999726,32.0000334 L33.4999726,32.0000334 L34.4999702,32.0000334 C34.6249699,32.0000334 34.7395526,32.0521163 34.8437194,32.156283 C34.9478861,32.2604497 34.999969,32.3750325 34.999969,32.5000334 L34.999969,32.5000334 L34.999969,34.0000334 C35.7083003,34.0416955 36.3541328,34.2916949 36.9374644,34.7500268 C37.0624641,34.8333596 37.1353809,34.9479433 37.1562139,35.093776 C37.1770468,35.2396087 37.1249639,35.3750253 36.9999642,35.5000334 L36.9999642,35.5000334 L36.249966,36.1875234 C36.0832994,36.35419 35.8749669,36.364606 35.6249675,36.2187733 C35.3749681,36.0729407 35.1041357,36.0000334 34.8124695,36.0000334 L34.8124695,36.0000334 L33.0624736,36.0000334 C32.8541411,36.0000334 32.6770576,36.0833567 32.5312249,36.2500232 C32.3853922,36.4166898 32.3124802,36.6041894 32.3124802,36.8125219 C32.3124802,37.0208544 32.3645583,37.197938 32.468725,37.3437706 C32.5728918,37.4896033 32.7083075,37.5833531 32.8749741,37.62502 L32.8749741,37.62502 L35.6874674,38.437518 C36.270799,38.6458505 36.7499648,39.0000167 37.1249639,39.5000155 C37.499963,40.0000143 37.6874626,40.562513 37.6874626,41.1875115 C37.6874626,41.9375097 37.4270462,42.5833412 36.9062145,43.1250069 C36.3853827,43.6666725 35.7499672,43.9583379 34.999969,44.0000048 L34.999969,44.0000048 L34.999969,45.5000012 C34.999969,45.6250009 34.9478861,45.7395836 34.8437194,45.8437504 C34.7395526,45.9479171 34.6249699,46 34.4999702,46 L34.4999702,46 Z",
-    id: "f",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  }))));
-};
+      this.removeKeyDownListener();
+    }
+  }, {
+    key: "addKeyDownListener",
+    value: function addKeyDownListener() {
+      var _this2 = this;
 
-var AccountGenericIcon = function AccountGenericIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "account-generic-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "account-generic-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "AccountGeneric",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "AccountGenericIcon",
-    transform: "translate(7.000000, 5.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-6"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#account-generic-filter-2)",
-    xlinkHref: "#account-generic-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#account-generic-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M45.9999428,26.0000477 L45.9999428,25.6250486 C45.9999428,25.2083826 45.8541101,24.8542174 45.5624438,24.5625511 L45.5624438,24.5625511 L39.4374584,18.4375657 C39.1457921,18.1458994 38.791627,18.0000668 38.374961,18.0000668 L38.374961,18.0000668 L37.9999619,18.0000668 L37.9999619,26.0000477 L45.9999428,26.0000477 Z M44.4999464,49.9999905 C44.9166123,49.9999905 45.2707775,49.8541578 45.5624438,49.5624915 C45.8541101,49.2708252 45.9999428,48.91666 45.9999428,48.499994 L45.9999428,48.499994 L45.9999428,28.0000429 L37.499963,28.0000429 C37.0832971,28.0000429 36.7291319,27.8542102 36.4374656,27.562544 C36.1457993,27.2708777 35.9999666,26.9167125 35.9999666,26.5000465 L35.9999666,26.5000465 L35.9999666,18.0000668 L23.5,18.0000668 C23.0833304,18.0000668 22.7291652,18.1458994 22.437499,18.4375657 C22.1458327,18.729232 22,19.0833972 22,19.5000668 L22,19.5000668 L22,48.499994 C22,48.91666 22.1458327,49.2708252 22.437499,49.5624915 C22.7291652,49.8541578 23.0833304,49.9999905 23.5,49.9999905 L23.5,49.9999905 L44.4999464,49.9999905 Z M31.4999774,24.0000572 L26.4999905,24.0000572 C26.3749896,24.0000572 26.2604068,23.9479696 26.1562401,23.8438028 C26.0520734,23.7396361 25.9999905,23.6250533 25.9999905,23.5000572 L25.9999905,23.5000572 L25.9999905,22.5000572 C25.9999905,22.3750563 26.0520734,22.2604736 26.1562401,22.1563068 C26.2604068,22.0521401 26.3749896,22.0000572 26.4999905,22.0000572 L26.4999905,22.0000572 L31.4999774,22.0000572 C31.6249771,22.0000572 31.7395598,22.0521401 31.8437265,22.1563068 C31.9478933,22.2604736 31.9999762,22.3750563 31.9999762,22.5000572 L31.9999762,22.5000572 L31.9999762,23.5000572 C31.9999762,23.6250533 31.9478933,23.7396361 31.8437265,23.8438028 C31.7395598,23.9479696 31.6249771,24.0000572 31.4999774,24.0000572 L31.4999774,24.0000572 Z M31.4999774,28.0000477 L26.4999905,28.0000477 C26.3749896,28.0000477 26.2604068,27.94796 26.1562401,27.8437933 C26.0520734,27.7396266 25.9999905,27.6250438 25.9999905,27.5000477 L25.9999905,27.5000477 L25.9999905,26.5000477 C25.9999905,26.3750468 26.0520734,26.260464 26.1562401,26.1562973 C26.2604068,26.0521306 26.3749896,26.0000477 26.4999905,26.0000477 L26.4999905,26.0000477 L31.4999774,26.0000477 C31.6249771,26.0000477 31.7395598,26.0521306 31.8437265,26.1562973 C31.9478933,26.260464 31.9999762,26.3750468 31.9999762,26.5000477 L31.9999762,26.5000477 L31.9999762,27.5000477 C31.9999762,27.6250438 31.9478933,27.7396266 31.8437265,27.8437933 C31.7395598,27.94796 31.6249771,28.0000477 31.4999774,28.0000477 L31.4999774,28.0000477 Z M40.9999547,40.0000143 L26.9999905,40.0000143 C26.7083218,40.0000143 26.4687393,39.9062645 26.2812398,39.718765 C26.0937402,39.5312654 25.9999905,39.291683 25.9999905,39.0000167 L25.9999905,39.0000167 L25.9999905,33.0000334 C25.9999905,32.7083647 26.0937402,32.4687823 26.2812398,32.2812827 C26.4687393,32.0937832 26.7083218,32.0000334 26.9999905,32.0000334 L26.9999905,32.0000334 L40.9999547,32.0000334 C41.291621,32.0000334 41.5312034,32.0937832 41.718703,32.2812827 C41.9062025,32.4687823 41.9999523,32.7083647 41.9999523,33.0000334 L41.9999523,33.0000334 L41.9999523,39.0000167 C41.9999523,39.291683 41.9062025,39.5312654 41.718703,39.718765 C41.5312034,39.9062645 41.291621,40.0000143 40.9999547,40.0000143 L40.9999547,40.0000143 Z M39.9999571,38.0000286 L39.9999571,34.0000286 L27.9999857,34.0000286 L27.9999857,38.0000286 L39.9999571,38.0000286 Z M41.4999535,46.0000048 L36.4999666,46.0000048 C36.3749657,46.0000048 36.260383,45.9479171 36.1562162,45.8437504 C36.0520495,45.7395836 35.9999666,45.6250009 35.9999666,45.5000048 L35.9999666,45.5000048 L35.9999666,44.5000048 C35.9999666,44.3750039 36.0520495,44.2604211 36.1562162,44.1562544 C36.260383,44.0520877 36.3749657,44.0000048 36.4999666,44.0000048 L36.4999666,44.0000048 L41.4999535,44.0000048 C41.6249532,44.0000048 41.739536,44.0520877 41.8437027,44.1562544 C41.9478694,44.2604211 41.9999523,44.3750039 41.9999523,44.5000048 L41.9999523,44.5000048 L41.9999523,45.5000048 C41.9999523,45.6250009 41.9478694,45.7395836 41.8437027,45.8437504 C41.739536,45.9479171 41.6249532,46.0000048 41.4999535,46.0000048 L41.4999535,46.0000048 Z",
-    id: "f",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  }))));
-};
+      setTimeout(function () {
+        document.addEventListener('keydown', _this2.checkDocumentKeyDown);
+      });
+    }
+  }, {
+    key: "removeKeyDownListener",
+    value: function removeKeyDownListener() {
+      var _this3 = this;
 
-var AccountConstructionIcon = function AccountConstructionIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "account-construction-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "account-construction-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "account-construction-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(-91.000000, -681.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "account-construction-Profile-Obligation-Icon-/-Account---Construction",
-    transform: "translate(98.000000, 686.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-6"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#account-construction-filter-2)",
-    xlinkHref: "#account-construction-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#account-construction-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M45.34368,37.5000203 C45.6145124,37.5000203 45.8540958,37.3958535 46.0624283,37.187521 L46.0624283,37.187521 L51.6874149,31.5625344 C51.8957474,31.3542019 51.9999142,31.1146185 51.9999142,30.8437861 C51.9999142,30.5729538 51.8957474,30.3333704 51.6874149,30.1250378 L51.6874149,30.1250378 L50.3124182,28.6875413 C50.1040857,28.5208747 49.8645023,28.4375419 49.5936699,28.4375419 C49.3228375,28.4375419 49.0832541,28.5208747 48.8749216,28.6875413 L48.8749216,28.6875413 L48.1874233,29.4375395 L46.3749276,27.6250438 C46.5415942,26.9167125 46.5415942,26.2187972 46.3749276,25.5312988 C46.208261,24.8438004 45.8540958,24.2500519 45.3124301,23.750053 L45.3124301,23.750053 L42.246743,20.6849214 C41.0502644,19.5325165 39.6450828,18.7521483 38.0311975,18.3438159 C36.3020346,17.906317 34.5832887,17.906317 32.8749598,18.3438159 C31.1666308,18.7813149 29.6666344,19.6458958 28.3749705,20.9375598 L28.3749705,20.9375598 L33.9999571,23.750053 L33.9999571,24.9375502 C33.9999571,26.0208806 34.3957892,26.9583784 35.1874543,27.7500435 L35.1874543,27.7500435 L38.249947,30.8125362 C38.7916126,31.3542019 39.4061942,31.7083671 40.0936926,31.8750337 C40.7811909,32.0417003 41.4582723,32.0417003 42.1249377,31.8750337 L42.1249377,31.8750337 L43.9374334,33.6250295 L43.249935,34.3750277 C43.0416025,34.5416943 42.9374358,34.7708598 42.9374358,35.0625261 C42.9374358,35.3541924 43.0416025,35.5833579 43.249935,35.7500244 L43.249935,35.7500244 L44.6249318,37.187521 C44.8332643,37.3958535 45.0728477,37.5000203 45.34368,37.5000203 Z M19.9374906,49.9999905 C21.020821,49.9999905 21.9374858,49.5833245 22.6874841,48.7499934 L22.6874841,48.7499934 L37.5624486,32.8125314 C37.2707823,32.6041989 37.0416168,32.4166994 36.8749502,32.2500328 L36.8749502,32.2500328 L33.8124575,29.1875401 C33.604125,28.9792076 33.3957915,28.7292082 33.187459,28.4375419 L33.187459,28.4375419 L17.249997,43.3125064 C16.416666,44.0625046 16,44.9791694 16,46.0624999 C16,47.1458303 16.3854161,48.072912 17.1562472,48.8437432 C17.9270784,49.6145744 18.8541602,49.9999905 19.9374906,49.9999905 Z",
-    id: "account-construction-h",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  })))));
-};
+      setTimeout(function () {
+        document.removeEventListener('keydown', _this3.checkDocumentKeyDown);
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var props = this.props;
+      var style = {};
 
-var AccountDentalIcon = function AccountDentalIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "account-dental-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "account-dental-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "account-dental-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(-91.000000, -801.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "account-dental-Profile-Obligation-Icon-/-Account---Dental",
-    transform: "translate(98.000000, 806.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-6"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#account-dental-filter-2)",
-    xlinkHref: "#account-dental-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#account-dental-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M40.4687012,49.9999905 C40.9062002,49.9999905 41.3020322,49.8645738 41.6561984,49.5937414 C42.0103645,49.3229091 42.229114,48.958326 42.3124468,48.499994 L42.3124468,48.499994 L42.8124456,46.3749991 C43.3541113,44.0000048 43.7916103,41.0833447 44.1249425,37.62502 C44.3749419,34.8333596 45.1249401,32.6041989 46.3749371,30.9375359 C47.0832684,29.9792052 47.5624343,28.9062908 47.8124337,27.7187936 C48.0624331,26.5312964 48.0416001,25.2917164 47.7499338,24.0000525 C47.4166016,22.5833888 46.7291033,21.3438088 45.6874388,20.2813113 C44.6457743,19.2188139 43.4166112,18.5208985 41.9999475,18.1875663 C40.2916186,17.7292344 38.437456,18.2292332 36.4374608,19.6875627 C36.3124611,19.7708956 36.1457945,19.8542293 35.937462,19.9375621 L35.937462,19.9375621 L35.7499624,20.000062 L37.5624581,21.1875592 C37.7707906,21.3125589 37.9062073,21.5104754 37.9687072,21.7813077 C38.031207,22.0521401 37.9895401,22.3021395 37.8437075,22.531306 C37.6978748,22.7604724 37.4895413,22.9063051 37.2187089,22.9688049 C36.9478766,23.0313048 36.6874602,22.9792219 36.4374608,22.8125553 L36.4374608,22.8125553 L30.1874757,18.8125648 C28.7291462,18.0208997 27.3333155,17.8125672 25.9999857,18.1875663 C24.5833221,18.5208985 23.354159,19.2188139 22.3124945,20.2813113 C21.27083,21.3438088 20.5833316,22.5833888 20.2499994,24.0000525 C19.9583331,25.2917164 19.9375001,26.5312964 20.1874996,27.7187936 C20.437499,28.9062908 20.9166648,29.9792052 21.6249961,30.9375359 C22.8749931,32.6041989 23.6249914,34.8333596 23.8749908,37.62502 C24.208323,41.0833447 24.6458219,44.0000048 25.1874876,46.3749991 L25.1874876,46.3749991 L25.6874864,48.499994 C25.7708193,48.958326 25.9895687,49.3229091 26.3437349,49.5937414 C26.697901,49.8645738 27.0937331,49.9999905 27.531232,49.9999905 C27.968731,49.9999905 28.3541471,49.8645738 28.6874793,49.5937414 C29.0208115,49.3229091 29.2499779,48.9791599 29.3749776,48.5624939 L29.3749776,48.5624939 L31.4999726,39.8750146 C31.6666392,39.3333489 31.9791384,38.875017 32.4374703,38.5000179 C32.8958023,38.1250188 33.416635,37.9375192 33.9999666,37.9375192 C34.5832982,37.9375192 35.104131,38.1250188 35.5624629,38.5000179 C36.0207948,38.875017 36.3332941,39.3333489 36.4999607,39.8750146 L36.4999607,39.8750146 L38.6249556,48.5624939 C38.7499553,48.9791599 38.9791217,49.3229091 39.312454,49.5937414 C39.6457862,49.8645738 40.0312022,49.9999905 40.4687012,49.9999905 Z",
-    id: "t",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  })))));
-};
+      if (props.includeDefaultStyles) {
+        style = {
+          position: 'fixed',
+          top: 0,
+          left: 0,
+          width: '100%',
+          height: '100%',
+          zIndex: 1050,
+          overflowX: 'hidden',
+          overflowY: 'auto',
+          WebkitOverflowScrolling: 'touch',
+          textAlign: 'center'
+        };
+
+        if (props.underlayColor) {
+          style.background = props.underlayColor;
+        }
+
+        if (props.underlayClickExits) {
+          style.cursor = 'pointer';
+        }
+      }
+
+      if (props.underlayStyle) {
+        for (var key in props.underlayStyle) {
+          if (!props.underlayStyle.hasOwnProperty(key)) continue;
+          style[key] = props.underlayStyle[key];
+        }
+      }
 
-var AccountElectricIcon = function AccountElectricIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "account-electric-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "account-electric-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "account-electric-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(-91.000000, -225.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "account-electric-Profile-Obligation-Icon-/-Account---Electric",
-    transform: "translate(98.000000, 230.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-6"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#account-electric-filter-2)",
-    xlinkHref: "#account-electric-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#account-electric-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M41.9999619,27.0000453 L41.9999619,20.0000668 C41.9999619,19.4583963 41.8020358,18.9896474 41.4062037,18.5938153 C41.0103717,18.1979833 40.5416228,18.0000668 39.9999619,18.0000668 C39.4582914,18.0000668 38.9895425,18.1979833 38.5937104,18.5938153 C38.1978784,18.9896474 37.9999619,19.4583963 37.9999619,20.0000668 L37.9999619,20.0000668 L37.9999619,27.0000453 L41.9999619,27.0000453 Z M29.9999905,27.0000453 L29.9999905,20.0000668 C29.9999905,19.4583963 29.8020644,18.9896474 29.4062323,18.5938153 C29.0104003,18.1979833 28.5416514,18.0000668 27.9999905,18.0000668 C27.45832,18.0000668 26.9895711,18.1979833 26.593739,18.5938153 C26.197907,18.9896474 25.9999905,19.4583963 25.9999905,20.0000668 L25.9999905,20.0000668 L25.9999905,27.0000453 L29.9999905,27.0000453 Z M35.9999666,49.9999905 L35.9999666,43.8125052 C38.2916281,43.3541733 40.1978736,42.2083421 41.718703,40.3750134 C43.2395324,38.5416848 43.9999475,36.4166898 43.9999475,34.0000286 L43.9999475,34.0000286 L43.9999475,32.0000429 L44.9999452,32.0000429 C45.2916115,32.0000429 45.5311939,31.9062836 45.7186935,31.718784 C45.906193,31.5312845 45.9999428,31.2917021 45.9999428,31.0000429 L45.9999428,31.0000429 L45.9999428,29.0000429 C45.9999428,28.7083742 45.906193,28.4687918 45.7186935,28.2812922 C45.5311939,28.0937927 45.2916115,28.0000429 44.9999452,28.0000429 L44.9999452,28.0000429 L23,28.0000429 C22.7083313,28.0000429 22.4687489,28.0937927 22.2812493,28.2812922 C22.0937498,28.4687918 22,28.7083742 22,29.0000429 L22,29.0000429 L22,31.0000429 C22,31.2917021 22.0937498,31.5312845 22.2812493,31.718784 C22.4687489,31.9062836 22.7083313,32.0000429 23,32.0000429 L23,32.0000429 L24,32.0000429 L24,34.0000286 C24,36.4166898 24.7604104,38.5416848 26.2812398,40.3750134 C27.8020692,42.2083421 29.7083146,43.3541733 31.9999762,43.8125052 L31.9999762,43.8125052 L31.9999762,49.9999905 L35.9999666,49.9999905 Z",
-    id: "p",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  })))));
-};
+      var underlayProps = {
+        className: props.underlayClass,
+        style: style
+      };
 
-var AccountGarbageIcon = function AccountGarbageIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "account-garbage-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "account-garbage-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "account-garbage-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(-91.000000, -453.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "account-garbage-Profile-Obligation-Icon-/-Account---Trash-pickup",
-    transform: "translate(98.000000, 458.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-6"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#account-garbage-filter-2)",
-    xlinkHref: "#account-garbage-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#account-garbage-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M47.249935,24.0000525 C47.4582675,24.0000525 47.6353511,23.9271356 47.7811838,23.781303 C47.9270164,23.6354703 47.9999332,23.4583868 47.9999332,23.2500542 L47.9999332,21.5000668 C47.9999332,21.0833924 47.8541006,20.7292272 47.5624343,20.4375609 C47.270768,20.1458947 46.9166028,20.0000668 46.4999368,20.0000668 L39.4999535,20.0000668 L38.9374548,18.8125648 C38.8124551,18.5625654 38.6249556,18.3646489 38.3749562,18.2188162 C38.1249568,18.0729836 37.8541244,18.0000668 37.5624581,18.0000668 L30.4374751,18.0000668 C30.1458088,18.0000668 29.8749765,18.0729836 29.6249771,18.2188162 C29.3749776,18.3646489 29.1874781,18.5625654 29.0624784,18.8125648 L28.4999797,20.0000668 L21.5,20.0000668 C21.0833304,20.0000668 20.7291652,20.1458947 20.437499,20.4375609 C20.1458327,20.7292272 20,21.0833924 20,21.5000668 L20,23.2500542 C20,23.4583868 20.0729168,23.6354703 20.2187495,23.781303 C20.3645821,23.9271356 20.5416657,24.0000525 20.7499982,24.0000525 L47.249935,24.0000525 Z M42.9999452,49.9999905 C43.8332762,49.9999905 44.5416085,49.7083242 45.1249401,49.1249925 C45.7082717,48.5416609 45.999938,47.8333286 45.999938,46.9999976 L45.999938,26.7500459 C45.999938,26.5417134 45.9270212,26.3646298 45.7811885,26.2187972 C45.6353559,26.0729645 45.4582723,26.0000477 45.2499398,26.0000477 L22.7499934,26.0000477 C22.5416609,26.0000477 22.3645774,26.0729645 22.2187447,26.2187972 C22.072912,26.3646298 21.9999952,26.5417134 21.9999952,26.7500459 L21.9999952,46.9999976 C21.9999952,47.8333286 22.2916615,48.5416609 22.8749931,49.1249925 C23.4583248,49.7083242 24.1666571,49.9999905 24.9999952,49.9999905 L42.9999452,49.9999905 Z M27.9999833,46 C27.7083146,46 27.4687322,45.9062502 27.2812326,45.7187507 C27.0937331,45.5312511 26.9999833,45.2916687 26.9999833,45.0000024 L26.9999833,31.0000381 C26.9999833,30.7083695 27.0937331,30.468787 27.2812326,30.2812875 C27.4687322,30.0937879 27.7083146,30.0000381 27.9999833,30.0000381 C28.2916472,30.0000381 28.5312297,30.0937879 28.7187292,30.2812875 C28.9062288,30.468787 28.9999833,30.7083695 28.9999833,31.0000381 L28.9999833,45.0000024 C28.9999833,45.2916687 28.9062288,45.5312511 28.7187292,45.7187507 C28.5312297,45.9062502 28.2916472,46 27.9999833,46 Z M33.999969,46 C33.7083003,46 33.4687179,45.9062502 33.2812183,45.7187507 C33.0937188,45.5312511 32.999969,45.2916687 32.999969,45.0000024 L32.999969,31.0000381 C32.999969,30.7083695 33.0937188,30.468787 33.2812183,30.2812875 C33.4687179,30.0937879 33.7083003,30.0000381 33.999969,30.0000381 C34.2916329,30.0000381 34.5312154,30.0937879 34.7187149,30.2812875 C34.9062145,30.468787 34.999969,30.7083695 34.999969,31.0000381 L34.999969,45.0000024 C34.999969,45.2916687 34.9062145,45.5312511 34.7187149,45.7187507 C34.5312154,45.9062502 34.2916329,46 33.999969,46 Z M39.9999547,46 C39.708286,46 39.4687036,45.9062502 39.281204,45.7187507 C39.0937045,45.5312511 38.9999547,45.2916687 38.9999547,45.0000024 L38.9999547,31.0000381 C38.9999547,30.7083695 39.0937045,30.468787 39.281204,30.2812875 C39.4687036,30.0937879 39.708286,30.0000381 39.9999547,30.0000381 C40.2916186,30.0000381 40.531201,30.0937879 40.7187006,30.2812875 C40.9062002,30.468787 40.9999547,30.7083695 40.9999547,31.0000381 L40.9999547,45.0000024 C40.9999547,45.2916687 40.9062002,45.5312511 40.7187006,45.7187507 C40.531201,45.9062502 40.2916186,46 39.9999547,46 Z",
-    id: "t",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  })))));
-};
+      if (props.underlayClickExits) {
+        underlayProps.onMouseDown = this.checkUnderlayClick;
+      }
 
-var AccountGasIcon = function AccountGasIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "account-gas-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "account-gas-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "account-gas-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(-91.000000, -339.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "account-gas-Profile-Obligation-Icon-/-Account---Gas",
-    transform: "translate(98.000000, 344.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-6"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#account-gas-filter-2)",
-    xlinkHref: "#account-gas-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#account-gas-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M33.9999714,49.9999905 C36.1666332,49.9999905 38.1666284,49.4583248 39.9999571,48.3749943 C41.8332857,47.2916639 43.2916162,45.8333334 44.3749467,44.0000048 C45.4582771,42.1666761 45.9999428,40.1666809 45.9999428,38.0000191 C45.9999428,36.1666904 45.6874435,34.4583605 45.062445,32.8750313 C44.5207793,31.6250343 43.7291152,30.3958702 42.6874507,29.1875401 C42.0624522,28.4792088 41.0832875,27.5000441 39.7499577,26.2500471 C38.2916281,24.9167173 37.3124635,23.8750528 36.8124647,23.1250545 C35.9374668,21.9583903 35.4999678,20.7500602 35.4999678,19.5000632 C35.4999678,19.0000644 35.3333012,18.6146483 34.999969,18.3438159 C34.6666368,18.0729836 34.2708038,17.9583999 33.8124718,18.0000668 C33.3541399,18.0417336 32.9999738,18.2708991 32.7499744,18.6875651 C31.1666451,20.9375598 30.2708133,22.937555 30.0624808,24.6875508 C29.8541483,26.1042144 30.1041477,27.3958774 30.812479,28.5625416 C31.229145,29.2708729 32.041643,30.2083707 33.2499732,31.3750349 C34.166638,32.2916997 34.7916365,33.000031 35.1249687,33.5000298 C35.7083003,34.2916949 35.9999666,35.1250259 35.9999666,36.0000238 C35.9999666,37.1250212 35.6041345,38.0729359 34.8124695,38.8437671 C34.0208044,39.6145982 33.0728906,40.0000143 31.9687262,40.0000143 C30.8645619,40.0000143 29.9270641,39.6041822 29.1562329,38.8125171 C28.3854018,38.020852 27.9999857,37.0625213 27.9999857,35.937524 L27.9999857,35.937524 L27.9999857,30.6250367 C27.9999857,30.1667047 27.854153,29.8021216 27.5624867,29.5312893 C27.2708204,29.2604569 26.9166553,29.1146233 26.4999893,29.0937903 C26.0833233,29.0729573 25.7291581,29.229207 25.4374918,29.5625392 C24.4791611,30.5625368 23.687496,31.729201 23.0624975,33.0625308 C22.3541661,34.6458601 22,36.2916901 22,38.0000191 C22,40.1666809 22.5416657,42.1666761 23.6249961,44.0000048 C24.7083266,45.8333334 26.1666571,47.2916639 27.9999857,48.3749943 C29.8333143,49.4583248 31.8333096,49.9999905 33.9999714,49.9999905 Z",
-    id: "f",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  })))));
-};
+      for (var prop in this.props.underlayProps) {
+        underlayProps[prop] = this.props.underlayProps[prop];
+      }
 
-var AccountMedicalIcon = function AccountMedicalIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "account-medical-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "account-medical-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "account-medical-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(-91.000000, -110.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "account-medical-Profile-Obligation-Icon-/-Account---Medical",
-    transform: "translate(98.000000, 115.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-6"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#account-medical-filter-2)",
-    xlinkHref: "#account-medical-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#account-medical-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M45.9999428,26.0000477 L45.9999428,25.6250486 C45.9999428,25.2083826 45.8541101,24.8542174 45.5624438,24.5625511 L45.5624438,24.5625511 L39.4374584,18.4375657 C39.1457921,18.1458994 38.791627,18.0000668 38.374961,18.0000668 L38.374961,18.0000668 L37.9999619,18.0000668 L37.9999619,26.0000477 L45.9999428,26.0000477 Z M44.4999464,49.9999905 C44.9166123,49.9999905 45.2707775,49.8541578 45.5624438,49.5624915 C45.8541101,49.2708252 45.9999428,48.91666 45.9999428,48.499994 L45.9999428,48.499994 L45.9999428,28.0000429 L37.499963,28.0000429 C37.0832971,28.0000429 36.7291319,27.8542102 36.4374656,27.562544 C36.1457993,27.2708777 35.9999666,26.9167125 35.9999666,26.5000465 L35.9999666,26.5000465 L35.9999666,18.0000668 L23.5,18.0000668 C23.0833304,18.0000668 22.7291652,18.1458994 22.437499,18.4375657 C22.1458327,18.729232 22,19.0833972 22,19.5000668 L22,19.5000668 L22,48.499994 C22,48.91666 22.1458327,49.2708252 22.437499,49.5624915 C22.7291652,49.8541578 23.0833304,49.9999905 23.5,49.9999905 L23.5,49.9999905 L44.4999464,49.9999905 Z M35.4999678,44.0000048 L32.499975,44.0000048 C32.3749753,44.0000048 32.2603925,43.9479219 32.1562258,43.8437551 C32.052059,43.7395884 31.9999857,43.6250057 31.9999857,43.500006 L31.9999857,43.500006 L31.9999857,40.0000143 L28.4999857,40.0000143 C28.3749848,40.0000143 28.2604021,39.9479314 28.1562353,39.8437647 C28.0520686,39.7395979 27.9999857,39.6250152 27.9999857,39.5000155 L27.9999857,39.5000155 L27.9999857,36.5000226 C27.9999857,36.3750229 28.0520686,36.2604402 28.1562353,36.1562735 C28.2604021,36.0521067 28.3749848,36.0000334 28.4999857,36.0000334 L28.4999857,36.0000334 L31.9999857,36.0000334 L31.9999857,32.5000334 C31.9999857,32.3750325 32.052059,32.2604497 32.1562258,32.156283 C32.2603925,32.0521163 32.3749753,32.0000334 32.499975,32.0000334 L32.499975,32.0000334 L35.4999678,32.0000334 C35.6249675,32.0000334 35.7395503,32.0521163 35.843717,32.156283 C35.9478837,32.2604497 35.9999666,32.3750325 35.9999666,32.5000334 L35.9999666,32.5000334 L35.9999666,36.0000334 L39.4999583,36.0000334 C39.624958,36.0000334 39.7395407,36.0521067 39.8437075,36.1562735 C39.9478742,36.2604402 39.9999571,36.3750229 39.9999571,36.5000226 L39.9999571,36.5000226 L39.9999571,39.5000155 C39.9999571,39.6250152 39.9478742,39.7395979 39.8437075,39.8437647 C39.7395407,39.9479314 39.624958,40.0000143 39.4999583,40.0000143 L39.4999583,40.0000143 L35.9999666,40.0000143 L35.9999666,43.500006 C35.9999666,43.6250057 35.9478837,43.7395884 35.843717,43.8437551 C35.7395503,43.9479219 35.6249675,44.0000048 35.4999678,44.0000048 L35.4999678,44.0000048 Z",
-    id: "f",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  })))));
-};
+      var verticalCenterStyle = {};
 
-var AccountWaterIcon = function AccountWaterIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "account-water-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "account-water-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "account-water-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(-91.000000, -567.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "account-water-Profile-Obligation-Icon-/-Account---Water",
-    transform: "translate(98.000000, 572.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-6"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#account-water-filter-2)",
-    xlinkHref: "#account-water-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#account-water-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M33.9999738,49.9999905 C35.999969,49.9999905 37.8437146,49.4999917 39.5312106,48.499994 C41.2187066,47.4999964 42.5520364,46.1458327 43.531201,44.4375037 C44.5103657,42.7291748 44.9999475,40.8750122 44.9999475,38.875017 C44.9999475,37.208354 44.6249484,35.6041918 43.8749502,34.0625285 C43.4166183,33.1041977 42.5416204,31.6979511 41.2499565,29.8437885 C39.9582926,27.989626 38.9999619,26.5000465 38.3749633,25.3750492 C37.2916329,23.4583868 36.437468,21.4583915 35.8124695,19.3750635 C35.6458029,18.7917319 35.3020537,18.3854828 34.7812219,18.1563164 C34.2603901,17.9271499 33.7395574,17.9271499 33.2187256,18.1563164 C32.6978939,18.3854828 32.3541447,18.7917319 32.1874781,19.3750635 C31.5624796,21.4583915 30.7291486,23.4375538 29.6874841,25.3125493 C29.0208187,26.4375466 28.041655,27.9375431 26.7499911,29.8125386 C25.4583272,31.6875341 24.5833292,33.1041977 24.1249973,34.0625285 C23.3749991,35.6458577 23,37.2500209 23,38.875017 C23,40.8750122 23.4895818,42.7291748 24.4687465,44.4375037 C25.4479111,46.1458327 26.781241,47.4999964 28.468737,48.499994 C30.1562329,49.4999917 31.9999785,49.9999905 33.9999738,49.9999905 Z M33.9999738,46 C32.7499768,46 31.5833126,45.6875007 30.4999905,45.0625022 C29.4166517,44.4375037 28.5624867,43.5833388 27.9374882,42.5000083 C27.3124897,41.4166779 26.9999905,40.2500137 26.9999905,39.0000191 C26.9999905,38.7083504 27.0937402,38.468768 27.2812398,38.2812684 C27.4687393,38.0937688 27.7083218,38.0000191 27.9999905,38.0000191 C28.2916544,38.0000191 28.5312368,38.0937688 28.7187364,38.2812684 C28.9062359,38.468768 28.9999905,38.7083504 28.9999905,39.0000191 C28.9999905,40.3750134 29.4895675,41.5520936 30.4687322,42.5312583 C31.4478968,43.5104229 32.6249771,44.0000048 33.9999738,44.0000048 C34.2916401,44.0000048 34.5312225,44.0937545 34.7187221,44.2812541 C34.9062216,44.4687537 34.9999714,44.7083361 34.9999714,45.0000024 C34.9999714,45.2916687 34.9062216,45.5312511 34.7187221,45.7187507 C34.5312225,45.9062502 34.2916401,46 33.9999738,46 Z",
-    id: "t",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  })))));
-};
+      if (props.includeDefaultStyles) {
+        verticalCenterStyle = {
+          display: 'inline-block',
+          height: '100%',
+          verticalAlign: 'middle'
+        };
+      }
 
-var PropertyApartmentIcon = function PropertyApartmentIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "apt-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "apt-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "apt-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(7.000000, -456.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Potentail-future-property",
-    transform: "translate(0.000000, 231.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "apt-Profile-Obligation-Icon-/-Property---02-Apt-or-Condo",
-    transform: "translate(0.000000, 230.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#apt-filter-2)",
-    xlinkHref: "#apt-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#apt-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M47.9999332,49.9999905 L47.9999332,48.7499934 C47.9999332,48.5416609 47.9270164,48.3645774 47.7811838,48.2187447 C47.6353511,48.072912 47.4582675,47.9999952 47.249935,47.9999952 L47.249935,47.9999952 L45.999938,47.9999952 L45.999938,19.5000668 C45.999938,19.0833972 45.8541053,18.729232 45.5624391,18.4375657 C45.2707728,18.1458994 44.9166076,18.0000668 44.4999416,18.0000668 L44.4999416,18.0000668 L23.5,18.0000668 C23.0833257,18.0000668 22.7291605,18.1458994 22.4374942,18.4375657 C22.1458279,18.729232 22,19.0833972 22,19.5000668 L22,19.5000668 L22,47.9999952 L20.7499982,47.9999952 C20.5416657,47.9999952 20.3645821,48.072912 20.2187495,48.2187447 C20.0729168,48.3645774 20,48.5416609 20,48.7499934 L20,48.7499934 L20,49.9999905 L47.9999332,49.9999905 Z M31.2499732,26.0000572 L28.7499791,26.0000572 C28.5416466,26.0000572 28.3645631,25.9271309 28.2187304,25.7812982 C28.0728977,25.6354655 27.9999809,25.458382 27.9999809,25.2500495 L27.9999809,25.2500495 L27.9999809,22.7500554 C27.9999809,22.5417229 28.0728977,22.3646394 28.2187304,22.2188067 C28.3645631,22.072974 28.5416466,22.0000572 28.7499791,22.0000572 L28.7499791,22.0000572 L31.2499732,22.0000572 C31.4583057,22.0000572 31.6353892,22.072974 31.7812219,22.2188067 C31.9270546,22.3646394 31.9999809,22.5417229 31.9999809,22.7500554 L31.9999809,22.7500554 L31.9999809,25.2500495 C31.9999809,25.458382 31.9270546,25.6354655 31.7812219,25.7812982 C31.6353892,25.9271309 31.4583057,26.0000572 31.2499732,26.0000572 L31.2499732,26.0000572 Z M39.2499541,26.0000572 L36.7499601,26.0000572 C36.5416275,26.0000572 36.364544,25.9271309 36.2187113,25.7812982 C36.0728787,25.6354655 35.9999619,25.458382 35.9999619,25.2500495 L35.9999619,25.2500495 L35.9999619,22.7500554 C35.9999619,22.5417229 36.0728787,22.3646394 36.2187113,22.2188067 C36.364544,22.072974 36.5416275,22.0000572 36.7499601,22.0000572 L36.7499601,22.0000572 L39.2499541,22.0000572 C39.4582866,22.0000572 39.6353702,22.072974 39.7812028,22.2188067 C39.9270355,22.3646394 39.9999619,22.5417229 39.9999619,22.7500554 L39.9999619,22.7500554 L39.9999619,25.2500495 C39.9999619,25.458382 39.9270355,25.6354655 39.7812028,25.7812982 C39.6353702,25.9271309 39.4582866,26.0000572 39.2499541,26.0000572 L39.2499541,26.0000572 Z M31.2499732,32.0000429 L28.7499791,32.0000429 C28.5416466,32.0000429 28.3645631,31.9271166 28.2187304,31.7812839 C28.0728977,31.6354512 27.9999809,31.4583677 27.9999809,31.2500352 L27.9999809,31.2500352 L27.9999809,28.7500411 C27.9999809,28.5417086 28.0728977,28.3646251 28.2187304,28.2187924 C28.3645631,28.0729597 28.5416466,28.0000429 28.7499791,28.0000429 L28.7499791,28.0000429 L31.2499732,28.0000429 C31.4583057,28.0000429 31.6353892,28.0729597 31.7812219,28.2187924 C31.9270546,28.3646251 31.9999809,28.5417086 31.9999809,28.7500411 L31.9999809,28.7500411 L31.9999809,31.2500352 C31.9999809,31.4583677 31.9270546,31.6354512 31.7812219,31.7812839 C31.6353892,31.9271166 31.4583057,32.0000429 31.2499732,32.0000429 L31.2499732,32.0000429 Z M39.2499541,32.0000429 L36.7499601,32.0000429 C36.5416275,32.0000429 36.364544,31.9271166 36.2187113,31.7812839 C36.0728787,31.6354512 35.9999619,31.4583677 35.9999619,31.2500352 L35.9999619,31.2500352 L35.9999619,28.7500411 C35.9999619,28.5417086 36.0728787,28.3646251 36.2187113,28.2187924 C36.364544,28.0729597 36.5416275,28.0000429 36.7499601,28.0000429 L36.7499601,28.0000429 L39.2499541,28.0000429 C39.4582866,28.0000429 39.6353702,28.0729597 39.7812028,28.2187924 C39.9270355,28.3646251 39.9999619,28.5417086 39.9999619,28.7500411 L39.9999619,28.7500411 L39.9999619,31.2500352 C39.9999619,31.4583677 39.9270355,31.6354512 39.7812028,31.7812839 C39.6353702,31.9271166 39.4582866,32.0000429 39.2499541,32.0000429 L39.2499541,32.0000429 Z M31.2499732,38.0000286 L28.7499791,38.0000286 C28.5416466,38.0000286 28.3645631,37.9271023 28.2187304,37.7812696 C28.0728977,37.6354369 27.9999809,37.4583534 27.9999809,37.2500209 L27.9999809,37.2500209 L27.9999809,34.7500268 C27.9999809,34.5416943 28.0728977,34.3646108 28.2187304,34.2187781 C28.3645631,34.0729454 28.5416466,34.0000286 28.7499791,34.0000286 L28.7499791,34.0000286 L31.2499732,34.0000286 C31.4583057,34.0000286 31.6353892,34.0729454 31.7812219,34.2187781 C31.9270546,34.3646108 31.9999809,34.5416943 31.9999809,34.7500268 L31.9999809,34.7500268 L31.9999809,37.2500209 C31.9999809,37.4583534 31.9270546,37.6354369 31.7812219,37.7812696 C31.6353892,37.9271023 31.4583057,38.0000286 31.2499732,38.0000286 L31.2499732,38.0000286 Z M39.2499541,38.0000286 L36.7499601,38.0000286 C36.5416275,38.0000286 36.364544,37.9271023 36.2187113,37.7812696 C36.0728787,37.6354369 35.9999619,37.4583534 35.9999619,37.2500209 L35.9999619,37.2500209 L35.9999619,34.7500268 C35.9999619,34.5416943 36.0728787,34.3646108 36.2187113,34.2187781 C36.364544,34.0729454 36.5416275,34.0000286 36.7499601,34.0000286 L36.7499601,34.0000286 L39.2499541,34.0000286 C39.4582866,34.0000286 39.6353702,34.0729454 39.7812028,34.2187781 C39.9270355,34.3646108 39.9999619,34.5416943 39.9999619,34.7500268 L39.9999619,34.7500268 L39.9999619,37.2500209 C39.9999619,37.4583534 39.9270355,37.6354369 39.7812028,37.7812696 C39.6353702,37.9271023 39.4582866,38.0000286 39.2499541,38.0000286 L39.2499541,38.0000286 Z M35.9999714,47.9999952 L31.9999714,47.9999952 L31.9999714,42.7500077 C31.9999714,42.5416752 32.0728882,42.3645917 32.2187209,42.218759 C32.3645535,42.0729263 32.5416371,42.0000095 32.7499696,42.0000095 L32.7499696,42.0000095 L35.2499636,42.0000095 C35.4582962,42.0000095 35.6353797,42.0729263 35.7812124,42.218759 C35.927045,42.3645917 35.9999714,42.5416752 35.9999714,42.7500077 L35.9999714,42.7500077 L35.9999714,47.9999952 Z",
-    id: "b",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  }))))));
-};
+      var verticalCenterHelperProps = {
+        key: 'a',
+        style: verticalCenterStyle
+      };
+      var dialogStyle = {};
+
+      if (props.includeDefaultStyles) {
+        dialogStyle = {
+          display: 'inline-block',
+          textAlign: 'left',
+          top: 0,
+          maxWidth: '100%',
+          cursor: 'default',
+          outline: props.focusDialog ? 0 : null
+        };
+
+        if (props.verticallyCenter) {
+          dialogStyle.verticalAlign = 'middle';
+          dialogStyle.top = 0;
+        }
+      }
 
-var PropertyBusinessIcon = function PropertyBusinessIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "property-business-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "property-business-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "PropertyBusiness",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "PropertyBusinessIcon",
-    transform: "translate(7.000000, 5.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-5"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#property-business-filter-2)",
-    xlinkHref: "#property-business-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#property-business-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M48.4999273,47.9999952 C48.9165933,47.9999952 49.2707585,47.8541626 49.5624247,47.5624963 C49.854091,47.27083 49.9999237,46.9166648 49.9999237,46.4999988 L49.9999237,46.4999988 L49.9999237,29.5000393 C49.9999237,28.9167077 49.7395073,28.4792088 49.2186756,28.1875425 C48.6978438,27.8958762 48.187428,27.9167101 47.6874292,28.2500423 L47.6874292,28.2500423 L38.9999499,33.7500292 L38.9999499,29.5000393 C38.9999499,28.9167077 38.7395336,28.4792088 38.2187018,28.1875425 C37.69787,27.8958762 37.1874543,27.9167101 36.6874554,28.2500423 L36.6874554,28.2500423 L27.9999762,33.7500292 L27.9999762,21.500062 C27.9999762,21.0833924 27.8541435,20.7292272 27.5624772,20.4375609 C27.2708109,20.1458947 26.9166457,20.000062 26.4999797,20.000062 L26.4999797,20.000062 L19.5,20.000062 C19.0833304,20.000062 18.7291652,20.1458947 18.437499,20.4375609 C18.1458327,20.7292272 18,21.0833924 18,21.500062 L18,21.500062 L18,46.4999988 C18,46.9166648 18.1458327,47.27083 18.437499,47.5624963 C18.7291652,47.8541626 19.0833304,47.9999952 19.5,47.9999952 L19.5,47.9999952 L48.4999273,47.9999952 Z",
-    id: "i",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  }))));
+      if (props.dialogStyle) {
+        for (var _key2 in props.dialogStyle) {
+          if (!props.dialogStyle.hasOwnProperty(_key2)) continue;
+          dialogStyle[_key2] = props.dialogStyle[_key2];
+        }
+      }
+
+      var dialogProps = {
+        key: 'b',
+        ref: function (el) {
+          this.dialogNode = el;
+        }.bind(this),
+        role: props.alert ? 'alertdialog' : 'dialog',
+        id: props.dialogId,
+        className: props.dialogClass,
+        style: dialogStyle
+      };
+
+      if (props.titleId) {
+        dialogProps['aria-labelledby'] = props.titleId;
+      } else if (props.titleText) {
+        dialogProps['aria-label'] = props.titleText;
+      }
+
+      if (props.focusDialog) {
+        dialogProps.tabIndex = '-1';
+      } // Apply data- and aria- attributes passed as props
+
+
+      for (var _key3 in props) {
+        if (/^(data-|aria-)/.test(_key3)) {
+          dialogProps[_key3] = props[_key3];
+        }
+      }
+
+      var childrenArray = [React__default.createElement('div', dialogProps, props.children)];
+
+      if (props.verticallyCenter) {
+        childrenArray.unshift(React__default.createElement('div', verticalCenterHelperProps));
+      }
+
+      var focusTrapOptions = props.focusTrapOptions || {};
+
+      if (props.focusDialog || props.initialFocus) {
+        focusTrapOptions.initialFocus = props.focusDialog ? "#".concat(this.props.dialogId) : props.initialFocus;
+      }
+
+      focusTrapOptions.escapeDeactivates = props.escapeExits;
+      return React__default.createElement(focusTrapReact, {
+        focusTrapOptions: focusTrapOptions,
+        paused: props.focusTrapPaused
+      }, React__default.createElement('div', underlayProps, childrenArray));
+    }
+  }]);
+
+  return Modal;
+}(React__default.Component);
+
+_defineProperty$1(Modal, "defaultProps", {
+  underlayProps: {},
+  dialogId: 'react-aria-modal-dialog',
+  underlayClickExits: true,
+  escapeExits: true,
+  underlayColor: 'rgba(0,0,0,0.5)',
+  includeDefaultStyles: true,
+  focusTrapPaused: false,
+  scrollDisabled: true
+});
+
+var DisplacedModal = displace_1(Modal);
+
+DisplacedModal.renderTo = function (input) {
+  return displace_1(Modal, {
+    renderTo: input
+  });
 };
 
-var PropertyCarIcon = function PropertyCarIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "car-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "car-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "car-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(7.000000, -686.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Potentail-future-property",
-    transform: "translate(0.000000, 231.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "car-Profile-Obligation-Icon-/-Property---Private-Car",
-    transform: "translate(0.000000, 460.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-6"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#car-filter-2)",
-    xlinkHref: "#car-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#car-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M23.9999857,46 C24.5416514,46 25.0104003,45.8020835 25.4062323,45.4062514 C25.8020644,45.0104193 25.9999809,44.5416705 25.9999809,44.0000048 L25.9999809,44.0000048 L25.9999809,42.0000095 L41.9999428,42.0000095 L41.9999428,44.0000048 C41.9999428,44.5416705 42.1978593,45.0104193 42.5936914,45.4062514 C42.9895234,45.8020835 43.4582723,46 43.999938,46 L43.999938,46 L45.9999332,46 C46.5415989,46 47.0103478,45.8020835 47.4061799,45.4062514 C47.802012,45.0104193 47.9999285,44.5416705 47.9999285,44.0000048 L47.9999285,44.0000048 L47.9999285,40.6250128 C48.6665939,39.8750146 48.9999261,39.0000167 48.9999261,38.0000191 L48.9999261,38.0000191 L48.9999261,35.0000262 C48.9999261,33.7916961 48.5415942,32.7916985 47.6249294,32.0000334 L47.6249294,32.0000334 L48.8749264,32.0000334 C49.041593,32.0000334 49.1978426,31.9479505 49.3436753,31.8437838 C49.4895079,31.739617 49.5832577,31.6042013 49.6249246,31.4375347 L49.6249246,31.4375347 L49.9999237,29.9375383 C50.0415906,29.6875389 49.9895067,29.4687894 49.8436741,29.2812899 C49.6978414,29.0937903 49.4999249,29.0000405 49.2499255,29.0000405 L49.2499255,29.0000405 L45.4999344,29.0000405 L44.437437,26.3750468 C43.9374382,25.041717 43.0936902,23.9792195 41.906193,23.1875544 C40.7186958,22.3958893 39.395782,22.0000572 37.9374525,22.0000572 L37.9374525,22.0000572 L30.0624712,22.0000572 C28.6041417,22.0000572 27.2812279,22.3958893 26.0937307,23.1875544 C24.9062335,23.9792195 24.0624855,25.041717 23.5624867,26.3750468 L23.5624867,26.3750468 L22.4999893,29.0000405 L18.7499982,29.0000405 C18.4999988,29.0000405 18.3020823,29.0937903 18.1562496,29.2812899 C18.010417,29.4687894 17.9583331,29.6875389 18,29.9375383 L18,29.9375383 L18.3749991,31.4375347 C18.416666,31.6042013 18.5104158,31.739617 18.6562484,31.8437838 C18.8020811,31.9479505 18.9583307,32.0000334 19.1249973,32.0000334 L19.1249973,32.0000334 L20.3749943,32.0000334 C19.4583295,32.7916985 18.9999976,33.7916961 18.9999976,35.0000262 L18.9999976,35.0000262 L18.9999976,38.0000191 C18.9999976,39.0000167 19.3333298,39.8750146 19.9999952,40.6250128 L19.9999952,40.6250128 L19.9999952,44.0000048 C19.9999952,44.5416705 20.1979117,45.0104193 20.5937438,45.4062514 C20.9895759,45.8020835 21.4583248,46 21.9999905,46 L21.9999905,46 L23.9999857,46 Z M41.9999428,31.0000358 L25.9999809,31.0000358 L27.2499779,27.8750432 C27.4583105,27.3333775 27.8228936,26.8854626 28.3437253,26.5312964 C28.8645571,26.1771303 29.4374727,26.0000477 30.0624712,26.0000477 L30.0624712,26.0000477 L37.9999523,26.0000477 C38.5832839,26.0000477 39.1353666,26.1771303 39.6561984,26.5312964 C40.1770301,26.8854626 40.5416132,27.3333775 40.7499458,27.8750432 L40.7499458,27.8750432 L41.9999428,31.0000358 Z M24.4374847,38.0000286 L23.9999905,38.0000286 C23.4166541,38.0000286 22.9374882,37.8125195 22.5624891,37.4375204 C22.18749,37.0625213 21.9999905,36.5833555 21.9999905,36.0000286 C21.9999905,35.4166922 22.18749,34.9375264 22.5624891,34.5625273 C22.9374882,34.1875282 23.4166541,34.0000286 23.9999905,34.0000286 C24.5833173,34.0000286 25.2291497,34.3437778 25.9374811,35.0312762 C26.6458124,35.7187745 26.9999785,36.3750229 26.9999785,37.0000286 C26.9999785,37.4583534 26.7291462,37.7500197 26.1874805,37.8750194 C25.8541483,37.9583522 25.2708157,38.0000286 24.4374847,38.0000286 L24.4374847,38.0000286 Z M43.9999452,38.0000286 L43.5624391,38.0000286 C42.729108,38.0000286 42.1457754,37.9583522 41.8124432,37.8750194 C41.2707775,37.7500197 40.9999452,37.4583534 40.9999452,37.0000286 C40.9999452,36.3750229 41.3541113,35.7187745 42.0624426,35.0312762 C42.770774,34.3437778 43.4166064,34.0000286 43.9999452,34.0000286 C44.5832696,34.0000286 45.0624355,34.1875282 45.4374346,34.5625273 C45.8124337,34.9375264 45.9999332,35.4166922 45.9999332,36.0000286 C45.9999332,36.5833555 45.8124337,37.0625213 45.4374346,37.4375204 C45.0624355,37.8125195 44.5832696,38.0000286 43.9999452,38.0000286 L43.9999452,38.0000286 Z",
-    id: "c",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  }))))));
+var reactAriaModal = DisplacedModal;
+
+/*
+Default Modal molecule
+Uses react-aria-modal behind the scenes for a11y purposes
+Styling accomplished with our atoms / layout primitives
+
+Cancel button will (for now) always use hideModal as its action
+Continue button takes an action, if you want to navigate to
+a different route (as with a link) connect() and use "push" from connected-react-router
+*/
+
+var getApplicationNode = function getApplicationNode() {
+  return document.getElementById("root");
 };
 
-var PropertyCommercialVehicleIcon = function PropertyCommercialVehicleIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("title", null, "Profile Obligation Icon / Property - Commercial Vehicle"), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "comm-vehicle-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "comm-vehicle-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "comm-vehicle-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(7.000000, -916.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "comm-vehicle-Potentail-future-property",
-    transform: "translate(0.000000, 231.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "comm-vehicle-Profile-Obligation-Icon-/-Property---Commercial-Vehicle",
-    transform: "translate(0.000000, 690.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-6"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#comm-vehicle-filter-2)",
-    xlinkHref: "#comm-vehicle-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#comm-vehicle-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M43.9999285,49.9999905 C45.6665915,49.9999905 47.0832541,49.4166588 48.2499183,48.2499946 C49.4165825,47.0833304 49.9999142,45.6666678 49.9999142,44.0000048 L49.9999142,44.0000048 L52.999907,44.0000048 C53.2915733,44.0000048 53.5311558,43.906255 53.7186553,43.7187554 C53.9061549,43.5312559 53.9999046,43.2916734 53.9999046,43.0000072 L53.9999046,43.0000072 L53.9999046,41.0000119 C53.9999046,40.7083456 53.9061549,40.4687632 53.7186553,40.2812636 C53.5311558,40.0937641 53.2915733,40.0000143 52.999907,40.0000143 L52.999907,40.0000143 L51.9999094,40.0000143 L51.9999094,33.2500304 C51.9999094,32.4166994 51.7082431,31.7083671 51.1249115,31.1250355 L51.1249115,31.1250355 L44.8749264,24.8750504 C44.2915948,24.2917187 43.5832625,24.0000525 42.7499315,24.0000525 L42.7499315,24.0000525 L39.999938,24.0000525 L39.999938,21.0000668 C39.999938,20.1667286 39.7082717,19.4583963 39.1249401,18.8750647 C38.5416085,18.291733 37.8332762,18.0000668 36.9999452,18.0000668 L36.9999452,18.0000668 L17,18.0000668 C16.1666618,18.0000668 15.4583295,18.291733 14.8749979,18.8750647 C14.2916663,19.4583963 14,20.1667286 14,21.0000668 L14,21.0000668 L14,41.0000119 C14,41.8333429 14.2916663,42.5416752 14.8749979,43.1250069 C15.4583295,43.7083385 16.1666618,44.0000048 17,44.0000048 L17,44.0000048 L18,44.0000048 C18,45.6666678 18.5833221,47.0833304 19.7499863,48.2499946 C20.9166505,49.4166588 22.3333131,49.9999905 23.9999762,49.9999905 C25.6666392,49.9999905 27.0833018,49.4166588 28.249966,48.2499946 C29.4166302,47.0833304 29.9999619,45.6666678 29.9999619,44.0000048 L29.9999619,44.0000048 L37.9999428,44.0000048 C37.9999428,45.6666678 38.5832744,47.0833304 39.7499386,48.2499946 C40.9166028,49.4166588 42.3332655,49.9999905 43.9999285,49.9999905 Z M48.9999166,34.0000286 L39.999938,34.0000286 L39.999938,27.0000453 L42.7499315,27.0000453 L48.9999166,33.2500304 L48.9999166,34.0000286 Z M23.9999833,46.9999976 C23.1666451,46.9999976 22.4583128,46.7083313 21.8749812,46.1249997 C21.2916496,45.5416681 20.9999833,44.8333358 20.9999833,44.0000119 C20.9999833,43.1666737 21.2916496,42.4583415 21.8749812,41.8750098 C22.4583128,41.2916782 23.1666451,41.0000119 23.9999833,41.0000119 C24.8333072,41.0000119 25.5416395,41.2916782 26.1249711,41.8750098 C26.7083027,42.4583415 26.999969,43.1666737 26.999969,44.0000119 C26.999969,44.8333358 26.7083027,45.5416681 26.1249711,46.1249997 C25.5416395,46.7083313 24.8333072,46.9999976 23.9999833,46.9999976 Z M43.9999356,46.9999976 C43.1665974,46.9999976 42.4582652,46.7083313 41.8749335,46.1249997 C41.2916019,45.5416681 40.9999356,44.8333358 40.9999356,44.0000119 C40.9999356,43.1666737 41.2916019,42.4583415 41.8749335,41.8750098 C42.4582652,41.2916782 43.1665974,41.0000119 43.9999356,41.0000119 C44.8332595,41.0000119 45.5415918,41.2916782 46.1249234,41.8750098 C46.708255,42.4583415 46.9999213,43.1666737 46.9999213,44.0000119 C46.9999213,44.8333358 46.708255,45.5416681 46.1249234,46.1249997 C45.5415918,46.7083313 44.8332595,46.9999976 43.9999356,46.9999976 Z",
-    id: "t",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  }))))));
+var Modal$1 = function Modal(_ref) {
+  var hideModal = _ref.hideModal,
+      continueAction = _ref.continueAction,
+      cancelAction = _ref.cancelAction,
+      modalOpen = _ref.modalOpen,
+      modalHeaderText = _ref.modalHeaderText,
+      modalBodyText = _ref.modalBodyText,
+      _ref$cancelButtonText = _ref.cancelButtonText,
+      cancelButtonText = _ref$cancelButtonText === void 0 ? "Cancel" : _ref$cancelButtonText,
+      _ref$continueButtonTe = _ref.continueButtonText,
+      continueButtonText = _ref$continueButtonTe === void 0 ? "Continue" : _ref$continueButtonTe,
+      _ref$modalHeaderBg = _ref.modalHeaderBg,
+      modalHeaderBg = _ref$modalHeaderBg === void 0 ? WHITE : _ref$modalHeaderBg,
+      _ref$modalBodyBg = _ref.modalBodyBg,
+      modalBodyBg = _ref$modalBodyBg === void 0 ? ATHENS_GREY : _ref$modalBodyBg,
+      _ref$useDangerButton = _ref.useDangerButton,
+      useDangerButton = _ref$useDangerButton === void 0 ? false : _ref$useDangerButton,
+      _ref$defaultWrapper = _ref.defaultWrapper,
+      defaultWrapper = _ref$defaultWrapper === void 0 ? true : _ref$defaultWrapper,
+      _ref$onlyCloseButton = _ref.onlyCloseButton,
+      onlyCloseButton = _ref$onlyCloseButton === void 0 ? false : _ref$onlyCloseButton,
+      maxHeight = _ref.maxHeight,
+      _ref$underlayClickExi = _ref.underlayClickExits,
+      underlayClickExits = _ref$underlayClickExi === void 0 ? true : _ref$underlayClickExi,
+      children = _ref.children;
+
+  var _useContext = React.useContext(styled.ThemeContext),
+      isMobile = _useContext.isMobile;
+
+  return /*#__PURE__*/React__default.createElement(React.Fragment, null, modalOpen && /*#__PURE__*/React__default.createElement(reactAriaModal, {
+    onExit: hideModal,
+    getApplicationNode: getApplicationNode,
+    titleText: modalHeaderText,
+    underlayStyle: {
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "center",
+      alignItems: "center"
+    },
+    dialogStyle: {
+      width: "615px"
+    },
+    underlayClickExits: underlayClickExits
+  }, /*#__PURE__*/React__default.createElement(Box, {
+    padding: "0",
+    borderRadius: "2px",
+    boxShadow: "inset 0px -2px 0px 0px rgb(0, 80, 149)"
+  }, /*#__PURE__*/React__default.createElement(Box, {
+    background: modalHeaderBg,
+    padding: "1rem 1.5rem"
+  }, /*#__PURE__*/React__default.createElement(Cluster, {
+    justify: "flex-start",
+    align: "center"
+  }, /*#__PURE__*/React__default.createElement(Heading$1, {
+    variant: "h6",
+    weight: FONT_WEIGHT_SEMIBOLD
+  }, modalHeaderText))), /*#__PURE__*/React__default.createElement(Box, {
+    background: modalBodyBg,
+    padding: "1rem 1.5rem"
+  }, /*#__PURE__*/React__default.createElement(Stack, {
+    childGap: "1.5rem"
+  }, /*#__PURE__*/React__default.createElement(Box, {
+    borderWidthOverride: "0 0 2px 0",
+    borderColor: SILVER_GREY,
+    padding: "0 0 1.5rem 0",
+    extraStyles: maxHeight ? "max-height: ".concat(maxHeight, "; overflow: auto;") : ""
+  }, defaultWrapper ? /*#__PURE__*/React__default.createElement(Paragraph$1, {
+    variant: "p"
+  }, modalBodyText) : /*#__PURE__*/React__default.createElement(Box, {
+    padding: maxHeight ? "0 0 1rem 0" : "0"
+  }, modalBodyText)), /*#__PURE__*/React__default.createElement(Box, {
+    padding: "0"
+  }, /*#__PURE__*/React__default.createElement(Cluster, {
+    justify: "flex-end",
+    align: "center",
+    childGap: "0rem"
+  }, !onlyCloseButton ? /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(Box, {
+    padding: "0.5rem",
+    extraStyles: isMobile ? "flex-grow: 1" : ""
+  }, /*#__PURE__*/React__default.createElement(ButtonWithAction, {
+    variant: "secondary",
+    action: cancelAction ? cancelAction : hideModal,
+    text: cancelButtonText,
+    dataQa: cancelButtonText
+  })), /*#__PURE__*/React__default.createElement(Box, {
+    padding: "0.5rem",
+    extraStyles: isMobile ? "flex-grow: 1" : ""
+  }, /*#__PURE__*/React__default.createElement(ButtonWithAction, {
+    variant: useDangerButton ? "danger" : "primary",
+    action: continueAction,
+    text: continueButtonText,
+    dataQa: continueButtonText
+  }))) : /*#__PURE__*/React__default.createElement(Box, {
+    padding: "0.5rem"
+  }, /*#__PURE__*/React__default.createElement(ButtonWithAction, {
+    action: hideModal,
+    variant: "primary",
+    text: "Close",
+    dataQa: "Close"
+  })))))))), children);
 };
 
-var PropertyGarageIcon = function PropertyGarageIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "garage-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "garage-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "garage-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(7.000000, -226.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "garage-Potentail-future-property",
-    transform: "translate(0.000000, 231.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Profile-Obligation-Icon-/-Property---Garage"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-3"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#garage-filter-2)",
-    xlinkHref: "#garage-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#garage-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M19.4999869,49.9999905 C19.6249866,49.9999905 19.7395693,49.9479076 19.8437361,49.8437408 C19.9479028,49.7395741 19.9999857,49.6249914 19.9999857,49.4999917 L19.9999857,49.4999917 L19.9999857,34.0000286 C19.9999857,33.4583629 20.1979022,32.989614 20.5937343,32.593782 C20.9895664,32.1979499 21.4791492,32.0000334 22.0624808,32.0000334 L22.0624808,32.0000334 L45.9374239,32.0000334 C46.5207555,32.0000334 47.0103383,32.1979499 47.4061704,32.593782 C47.8020024,32.989614 47.9999189,33.4583629 47.9999189,34.0000286 L47.9999189,34.0000286 L47.9999189,49.4999917 C47.9999189,49.6249914 48.0520018,49.7395741 48.1561686,49.8437408 C48.2603353,49.9479076 48.374918,49.9999905 48.4999177,49.9999905 L48.4999177,49.9999905 L53.4999058,49.9999905 C53.6249055,49.9999905 53.7394883,49.9479076 53.843655,49.8437408 C53.9478217,49.7395741 53.9999046,49.6249914 53.9999046,49.4999917 L53.9999046,49.4999917 L53.9999046,28.0625428 C53.9999046,27.4792111 53.833238,26.9375454 53.4999058,26.4375466 C53.1665736,25.9375478 52.7082407,25.5625487 52.1249091,25.3125493 L52.1249091,25.3125493 L52.187409,25.3125493 L35.1249496,18.2500662 C34.3749514,17.9167339 33.6249532,17.9167339 32.874955,18.2500662 L32.874955,18.2500662 L15.8749955,25.3125493 C15.2916639,25.5625487 14.833331,25.9375478 14.5,26.4375466 C14.1666666,26.9375454 14,27.4792111 14,28.0625428 L14,28.0625428 L14,49.4999917 C14,49.6249914 14.0520829,49.7395741 14.1562496,49.8437408 C14.2604164,49.9479076 14.3749991,49.9999905 14.5,49.9999905 L14.5,49.9999905 L19.4999869,49.9999905 Z M45.4999249,38.0000286 C45.6249246,38.0000286 45.7395073,37.9479362 45.8436741,37.8437694 C45.9478408,37.7396027 45.9999237,37.62502 45.9999237,37.5000286 L45.9999237,37.5000286 L45.9999237,34.5000286 C45.9999237,34.3750277 45.9478408,34.260445 45.8436741,34.1562782 C45.7395073,34.0521115 45.6249246,34.0000286 45.4999249,34.0000286 L45.4999249,34.0000286 L22.5624808,34.0000286 C22.395813,34.0000286 22.2708133,34.0521115 22.1874805,34.1562782 C22.1041477,34.260445 22.0624808,34.3750277 22.0624808,34.5000286 L22.0624808,34.5000286 L22.0624808,37.5000286 C22.0624808,37.62502 22.1041477,37.7396027 22.1874805,37.8437694 C22.2708133,37.9479362 22.395813,38.0000286 22.5624808,38.0000286 L22.5624808,38.0000286 L45.4999249,38.0000286 Z M45.4999249,44.0000143 C45.6249246,44.0000143 45.7395073,43.9479219 45.8436741,43.8437551 C45.9478408,43.7395884 45.9999237,43.6250057 45.9999237,43.5000143 L45.9999237,43.5000143 L45.9999237,40.5000143 C45.9999237,40.3750134 45.9478408,40.2604307 45.8436741,40.1562639 C45.7395073,40.0520972 45.6249246,40.0000143 45.4999249,40.0000143 L45.4999249,40.0000143 L22.4999809,40.0000143 C22.37498,40.0000143 22.2603973,40.0520972 22.1562306,40.1562639 C22.0520638,40.2604307 21.9999809,40.3750134 21.9999809,40.5000143 L21.9999809,40.5000143 L21.9999809,43.5000143 C21.9999809,43.6250057 22.0520638,43.7395884 22.1562306,43.8437551 C22.2603973,43.9479219 22.37498,44.0000143 22.4999809,44.0000143 L22.4999809,44.0000143 L45.4999249,44.0000143 Z M45.4999249,50 C45.6249246,50 45.7395073,49.9479076 45.8436741,49.8437408 C45.9478408,49.7395741 45.9999237,49.6249914 45.9999237,49.5 L45.9999237,49.5 L45.9999237,46.5 C45.9999237,46.3749991 45.9478408,46.2604164 45.8436741,46.1562496 C45.7395073,46.0520829 45.6249246,46 45.4999249,46 L45.4999249,46 L22.4999809,46 C22.37498,46 22.2603973,46.0520829 22.1562306,46.1562496 C22.0520638,46.2604164 21.9999809,46.3749991 21.9999809,46.5 L21.9999809,46.5 L21.9999809,49.5 C21.9999809,49.6249914 22.0520638,49.7395741 22.1562306,49.8437408 C22.2603973,49.9479076 22.37498,50 22.4999809,50 L22.4999809,50 L45.4999249,50 Z",
-    id: "w",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  }))))));
+var fontSize$8 = {
+  "default": "1.375rem",
+  largeTitle: "1.75rem"
+};
+var fontWeight$5 = {
+  "default": "600",
+  largeTitle: "700"
+};
+var fontColor = {
+  "default": CHARADE_GREY,
+  largeTitle: CHARADE_GREY
+};
+var lineHeight$4 = {
+  "default": "2rem",
+  largeTitle: "2rem"
+};
+var textAlign = {
+  "default": "left",
+  largeTitle: "left"
+};
+var titleType = {
+  "default": "h5",
+  largeTitle: "h1"
+};
+var titleSpacing = {
+  "default": "0.5rem",
+  largeTitle: "1.125rem"
+};
+var boxShadow$1 = {
+  "default": "0px 2px 14px 0px rgb(246, 246, 249), 0px 3px 8px 0px rgb(202, 206, 216)",
+  largeTitle: "0px 2px 14px 0px rgb(246, 246, 249), 0px 3px 8px 0px rgb(202, 206, 216)"
+};
+var borderRadius = {
+  "default": "0.25rem",
+  largeTitle: "0.25rem"
+};
+var backgroundColor$6 = {
+  "default": WHITE,
+  largeTitle: WHITE
+};
+var fallbackValues$u = {
+  fontSize: fontSize$8,
+  fontWeight: fontWeight$5,
+  fontColor: fontColor,
+  lineHeight: lineHeight$4,
+  textAlign: textAlign,
+  titleType: titleType,
+  titleSpacing: titleSpacing,
+  boxShadow: boxShadow$1,
+  borderRadius: borderRadius,
+  backgroundColor: backgroundColor$6
 };
 
-var PropertyLandIcon = function PropertyLandIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "land-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "land-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "land-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(7.000000, -571.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "land-Potentail-future-property",
-    transform: "translate(0.000000, 231.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Profile-Obligation-Icon-/-Property---Land",
-    transform: "translate(0.000000, 345.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-6"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#land-filter-2)",
-    xlinkHref: "#land-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#land-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M36.9999642,49.9999905 C37.3749633,49.9999905 37.6562127,49.8437408 37.8437122,49.5312416 C38.0312118,49.2187423 38.0416287,48.8958261 37.8749622,48.5624939 L37.8749622,48.5624939 L35.9999666,45.5000012 L35.9999666,44.0000048 L44.5624462,44.0000048 C44.8541125,44.0000048 45.1145279,43.927088 45.3436943,43.7812553 C45.5728608,43.6354226 45.7499434,43.4375061 45.8749431,43.1875067 C45.9999428,42.9375073 46.0416097,42.6770909 45.9999428,42.4062586 C45.9582759,42.1354262 45.8332762,41.8750098 45.6249437,41.6250104 L45.6249437,41.6250104 L40.6249556,36.0000238 L42.562451,36.0000238 C43.1874495,36.0000238 43.6249484,35.7291915 43.8749478,35.1875258 C44.1249472,34.6458601 44.0624474,34.1458613 43.6874483,33.6875294 L43.6874483,33.6875294 L38.7499601,28.0000429 L40.5624557,28.0000429 C40.854122,28.0000429 41.1249544,27.9271261 41.3749538,27.7812934 C41.6249532,27.6354608 41.8020358,27.4271273 41.9062025,27.1562949 C42.0103693,26.8854626 42.0416192,26.6146292 41.9999523,26.3437969 C41.9582854,26.0729645 41.8332857,25.8333811 41.6249532,25.6250486 L41.6249532,25.6250486 L34.7499696,18.312566 C34.5416371,18.1042335 34.2916377,18.0000668 33.9999714,18.0000668 C33.7083051,18.0000668 33.4583057,18.1042335 33.2499732,18.312566 L33.2499732,18.312566 L26.3749896,25.6250486 C26.1666571,25.8333811 26.0416573,26.0729645 25.9999905,26.3437969 C25.9583236,26.6146292 25.9895735,26.8854626 26.0937402,27.1562949 C26.197907,27.4271273 26.3749896,27.6354608 26.624989,27.7812934 C26.8749884,27.9271261 27.1458207,28.0000429 27.437487,28.0000429 L27.437487,28.0000429 L29.2499827,28.0000429 L24.3124945,33.6875294 C23.9374954,34.1458613 23.8749955,34.6458601 24.1249949,35.1875258 C24.3749943,35.7291915 24.8124933,36.0000238 25.4374918,36.0000238 L25.4374918,36.0000238 L27.3749872,36.0000238 L22.3749991,41.6250104 C22.1666666,41.8750098 22.0416669,42.1354262 22,42.4062586 C21.9583331,42.6770909 22,42.9375073 22.1249997,43.1875067 C22.2499994,43.4375061 22.427082,43.6354226 22.6562484,43.7812553 C22.8854149,43.927088 23.1458303,44.0000048 23.4374966,44.0000048 L23.4374966,44.0000048 L31.9999762,44.0000048 L31.9999762,45.5000012 L30.1249806,48.5624939 C29.958314,48.8958261 29.968731,49.2187423 30.1562306,49.5312416 C30.3437301,49.8437408 30.6249794,49.9999905 30.9999785,49.9999905 L30.9999785,49.9999905 L36.9999642,49.9999905 Z",
-    id: "t",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  }))))));
+var Module = function Module(_ref) {
+  var heading = _ref.heading,
+      _ref$spacing = _ref.spacing,
+      spacing = _ref$spacing === void 0 ? "1rem" : _ref$spacing,
+      _ref$padding = _ref.padding,
+      padding = _ref$padding === void 0 ? "0" : _ref$padding,
+      _ref$spacingBottom = _ref.spacingBottom,
+      spacingBottom = _ref$spacingBottom === void 0 ? "2.5rem" : _ref$spacingBottom,
+      themeValues = _ref.themeValues,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? "default" : _ref$variant,
+      children = _ref.children;
+  return /*#__PURE__*/React__default.createElement(React.Fragment, null, heading && /*#__PURE__*/React__default.createElement(Heading$1, {
+    variant: variant === "default" ? "h5" : "h2",
+    weight: themeValues.fontWeight,
+    color: themeValues.fontColor,
+    margin: "".concat(spacing, " 0 ").concat(themeValues.titleSpacing, " 0"),
+    textAlign: themeValues.textAlign
+  }, heading), /*#__PURE__*/React__default.createElement(Box, {
+    padding: "0 0 ".concat(spacingBottom)
+  }, /*#__PURE__*/React__default.createElement(Box, {
+    padding: padding,
+    background: themeValues.backgroundColor,
+    borderRadius: themeValues.borderRadius,
+    boxShadow: themeValues.boxShadow
+  }, children)));
 };
 
-var PropertyMotorcycleIcon = function PropertyMotorcycleIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "motorcycle-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "motorcycle-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "motorcycle-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(7.000000, -801.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Potentail-future-property",
-    transform: "translate(0.000000, 231.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "motorcycle-Profile-Obligation-Icon-/-Property---Motorcycle",
-    transform: "translate(0.000000, 575.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-6"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#motorcycle-filter-2)",
-    xlinkHref: "#motorcycle-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#motorcycle-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M45.9686738,46 C47.4061704,46 48.7499171,45.6458339 49.9999142,44.9375025 C51.2499112,44.2291712 52.2290758,43.2500066 52.9374072,42.0000095 C53.6457385,40.7500125 53.9999046,39.4062657 53.9999046,37.9687691 C53.9999046,36.5312726 53.6353225,35.2083587 52.9061572,34.0000286 C52.176992,32.7916985 51.2082443,31.8229508 49.9999142,31.0937855 C48.791584,30.3646203 47.4790872,30.0000381 46.0624236,30.0000381 C45.1457588,30.0000381 44.2707608,30.1458708 43.4374298,30.4375371 L43.4374298,30.4375371 L41.3749347,27.0000453 L46.4999225,27.0000453 C46.9165885,27.0000453 47.2707537,26.8542126 47.56242,26.5625463 C47.8540863,26.2708801 47.9999189,25.9167149 47.9999189,25.5000572 L47.9999189,25.5000572 L47.9999189,23.5000572 C47.9999189,23.0833877 47.8540863,22.7292225 47.56242,22.4375562 C47.2707537,22.1458899 46.9165885,22.0000572 46.4999225,22.0000572 L46.4999225,22.0000572 L43.6874292,22.0000572 C43.2290973,22.0000572 42.8540982,22.1667238 42.5624319,22.5000572 L42.5624319,22.5000572 L40.1874376,25.1250498 L38.8124408,22.7500554 C38.5207746,22.2500566 38.0832756,22.0000572 37.499944,22.0000572 L37.499944,22.0000572 L32.4999559,22.0000572 C32.2082896,22.0000572 31.9687072,22.093807 31.7812076,22.2813065 C31.5937081,22.4688061 31.4999583,22.7083885 31.4999583,23.0000572 L31.4999583,23.0000572 L31.4999583,24.0000572 C31.4999583,24.2917187 31.5937081,24.5313012 31.7812076,24.7188007 C31.9687072,24.9063003 32.2082896,25.0000572 32.4999559,25.0000572 L32.4999559,25.0000572 L36.6249461,25.0000572 L37.8749431,27.0000453 L28.249966,27.0000453 C27.6249675,26.2083802 26.8749693,25.6042156 25.9999714,25.1875496 C24.9583069,24.7292177 23.6249771,24.5000572 21.9999809,24.5000572 L21.9999809,24.5000572 L18.5624891,24.5000572 C18.1041572,24.5000572 17.7291581,24.6458839 17.4374918,24.9375502 C17.1458255,25.2292165 16.9999928,25.5833817 16.9999928,26.0000572 C16.9999928,26.4167137 17.1458255,26.7708789 17.4374918,27.0625452 C17.7291581,27.3542114 18.0833233,27.5000441 18.4999893,27.5000441 L18.4999893,27.5000441 L21.9999809,27.5000441 C23.3333108,27.5000441 24.3333084,28.0208759 24.9999738,29.0625404 L24.9999738,29.0625404 L24.2499756,30.3125374 C23.4166445,30.062538 22.5624796,29.9583713 21.6874817,30.0000381 C20.3124849,30.041705 19.041655,30.4167041 17.8749908,31.1250355 C16.7083266,31.8333668 15.7812458,32.7812815 15.0937474,33.9687787 C14.406249,35.1562759 14.0416669,36.4375228 14,37.8125195 C13.9583331,39.2708491 14.2916663,40.6354298 14.9999976,41.9062598 C15.7083289,43.1770897 16.6874936,44.1770874 17.9374906,44.9062526 C19.1874876,45.6354179 20.5416514,46 21.9999809,46 C23.8333096,46 25.4687227,45.4375013 26.9062192,44.312504 C28.3437158,43.1875067 29.2916305,41.7500101 29.7499624,40.0000143 L29.7499624,40.0000143 L34.9999499,40.0000143 C35.4166159,40.0000143 35.7811981,39.8437647 36.0936973,39.5312654 C36.4061966,39.2187662 36.5416132,38.854184 36.4999464,38.437518 C36.4582795,36.9375216 36.7395288,35.500025 37.3436943,34.1250283 C37.9478599,32.7500316 38.8332738,31.5833674 39.999938,30.6250367 L39.999938,30.6250367 L40.8124361,31.9375335 C39.9374382,32.6875317 39.2499398,33.5937796 38.749941,34.656277 C38.2499422,35.7187745 37.9999428,36.8541888 37.9999428,38.0625189 C37.9999428,39.4791825 38.3541089,40.7916794 39.0624402,42.0000095 C39.7707716,43.2083397 40.7395193,44.1770874 41.9686833,44.9062526 C43.1978474,45.6354179 44.5311772,46 45.9686738,46 Z M21.9999809,43.0000072 C20.6249842,43.0000072 19.447904,42.5104253 18.4687393,41.5312607 C17.4895747,40.552096 16.9999928,39.3750158 16.9999928,38.0000191 C16.9999928,36.6250224 17.4895747,35.4479421 18.4687393,34.4687775 C19.447904,33.4896128 20.6249842,33.000031 21.9999809,33.000031 C22.2499803,33.000031 22.4999797,33.020864 22.7499791,33.0625308 L22.7499791,33.0625308 L20.1874852,37.7500197 C19.895819,38.2500185 19.895819,38.7500173 20.1874852,39.2500161 C20.4791515,39.7500149 20.9166505,40.0000143 21.4999821,40.0000143 L21.4999821,40.0000143 L26.56247,40.0000143 C26.1874709,40.9166791 25.5833054,41.6458434 24.7499744,42.1875091 C23.9166433,42.7291748 22.9999785,43.0000072 21.9999809,43.0000072 Z M46.2499231,43.0000072 C44.8332595,43.08334 43.6040964,42.625008 42.5624319,41.6250104 C41.5207674,40.6250128 40.9999356,39.4166827 40.9999356,38.0000191 C40.9999356,36.6666892 41.4582675,35.520858 42.3749323,34.5625273 L42.3749323,34.5625273 L45.4999249,39.6875151 C45.6249246,39.9375145 45.8228411,40.0937641 46.0936735,40.1562639 C46.3645059,40.2187638 46.6040893,40.1875139 46.8124218,40.0625142 L46.8124218,40.0625142 L47.6874197,39.5000155 C47.9374191,39.3750158 48.0936687,39.1770993 48.1561686,38.9062669 C48.2186684,38.6354345 48.1874185,38.3958511 48.0624188,38.1875186 L48.0624188,38.1875186 L44.9999356,33.1250307 C45.3332583,33.0416979 45.6665915,33.000031 45.9999237,33.000031 C47.4165873,33.000031 48.6249174,33.5208628 49.6249151,34.5625273 C50.6249127,35.6041918 51.0832446,36.8333549 50.9999118,38.2500185 C50.916579,39.5416824 50.4269962,40.6354298 49.5311653,41.5312607 C48.6353344,42.4270915 47.541587,42.9166743 46.2499231,43.0000072 Z",
-    id: "m",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  }))))));
+var Module$1 = /*#__PURE__*/React.memo(themeComponent(Module, "Module", fallbackValues$u, "default"));
+
+var backgroundColor$7 = {
+  profile: "#3b414d",
+  cms: "#3b414d"
+};
+var shadowColor = {
+  profile: "#292A33",
+  cms: "#292A33"
+};
+var fallbackValues$v = {
+  backgroundColor: backgroundColor$7,
+  shadowColor: shadowColor
 };
 
-var PropertyStorefrontIcon = function PropertyStorefrontIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("title", null, "Profile Obligation Icon / Property - Storefront"), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "storefront-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "storefront-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "storefront-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(7.000000, -341.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Potentail-future-property",
-    transform: "translate(0.000000, 231.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "storefront-Profile-Obligation-Icon-/-Property---Storefront",
-    transform: "translate(0.000000, 115.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-4"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#storefront-filter-2)",
-    xlinkHref: "#storefront-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#storefront-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M51.9999094,30.0000381 C52.4999082,30.0000381 52.9374072,29.8333716 53.3124063,29.5000393 C53.6874054,29.1667071 53.9061549,28.7604581 53.9686547,28.2812922 C54.0311546,27.8021264 53.9374048,27.3333775 53.6874054,26.8750456 L53.6874054,26.8750456 L48.3124182,18.8750647 C47.9374191,18.291733 47.3957534,18.0000668 46.6874221,18.0000668 L46.6874221,18.0000668 L21.3124826,18.0000668 C20.6041512,18.0000668 20.0624855,18.291733 19.6874864,18.8750647 L19.6874864,18.8750647 L14.3749991,26.8750456 C14.0833328,27.3333775 13.9687501,27.8021264 14.0312499,28.2812922 C14.0937498,28.7604581 14.3124993,29.1667071 14.6874984,29.5000393 C15.0624975,29.8333716 15.4999964,30.0000381 15.9999952,30.0000381 L15.9999952,30.0000381 L51.9999094,30.0000381 Z M35.9999475,49.9999905 C36.5416132,49.9999905 37.0103621,49.802074 37.4061942,49.4062419 C37.8020263,49.0104098 37.9999428,48.5416609 37.9999428,47.9999952 L37.9999428,47.9999952 L37.9999428,32.0000334 L33.9999523,32.0000334 L33.9999523,42.0000095 L21.9999905,42.0000095 L21.9999905,32.0000334 L17.9999905,32.0000334 L17.9999905,47.9999952 C17.9999905,48.5416609 18.197907,49.0104098 18.593739,49.4062419 C18.9895711,49.802074 19.45832,49.9999905 19.9999905,49.9999905 L19.9999905,49.9999905 L35.9999475,49.9999905 Z M48.9999237,49.9999905 C49.2915828,49.9999905 49.5311653,49.9062407 49.7186648,49.7187411 C49.9061644,49.5312416 49.9999237,49.2916591 49.9999237,48.9999928 L49.9999237,48.9999928 L49.9999237,32.0000334 L45.9999237,32.0000334 L45.9999237,48.9999928 C45.9999237,49.2916591 46.0936735,49.5312416 46.281173,49.7187411 C46.4686726,49.9062407 46.708255,49.9999905 46.9999237,49.9999905 L46.9999237,49.9999905 L48.9999237,49.9999905 Z",
-    id: "s",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  }))))));
+var NavMenuDesktop = function NavMenuDesktop(_ref) {
+  var id = _ref.id,
+      _ref$top = _ref.top,
+      top = _ref$top === void 0 ? "115%" : _ref$top,
+      _ref$left = _ref.left,
+      left = _ref$left === void 0 ? "-165%" : _ref$left,
+      _ref$menuContent = _ref.menuContent,
+      menuContent = _ref$menuContent === void 0 ? [] : _ref$menuContent,
+      _ref$visible = _ref.visible,
+      visible = _ref$visible === void 0 ? true : _ref$visible,
+      onMouseEnter = _ref.onMouseEnter,
+      onMouseLeave = _ref.onMouseLeave,
+      onFocus = _ref.onFocus,
+      onBlur = _ref.onBlur,
+      themeValues = _ref.themeValues;
+  var menuCarat = "&:after { bottom: 100%; right: 10px; border: solid transparent; content: \" \"; height: 0; width: 0; position: absolute; pointer-events: none; border-color: ".concat(themeValues.backgroundColor, "00; border-bottom-color: ").concat(themeValues.backgroundColor, "; border-width: 10px; margin-left: -10px; }");
+  return /*#__PURE__*/React__default.createElement(Imposter, {
+    id: id,
+    breakout: true,
+    top: top,
+    left: left,
+    visible: visible
+  }, /*#__PURE__*/React__default.createElement(Box, {
+    minWidth: "240px",
+    padding: "1rem 0.5rem",
+    extraStyles: "position: relative; ".concat(menuCarat),
+    background: themeValues.backgroundColor,
+    borderRadius: "5px",
+    boxShadow: "0px 1px 8px -1px rgba(0, 0, 0, 0.3), 0px 1px 4px 0px ".concat(themeValues.shadowColor, ", 0px 7px 32px 0px ").concat(themeValues.shadowColor),
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    onFocus: onFocus,
+    onBlur: onBlur
+  }, menuContent));
 };
 
-var PropertyPersonalIcon = function PropertyPersonalIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "property-personal-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "property-personal-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "PropertyPersonal",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "PropertyPersonalIcon",
-    transform: "translate(7.000000, 5.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#property-personal-filter-2)",
-    xlinkHref: "#property-personal-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#property-personal-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M49.7499195,37.0000215 C49.9582521,37.0000215 50.1249186,36.9166886 50.2499183,36.7500221 L50.2499183,36.7500221 L51.8124146,34.8125267 C51.9374143,34.6458601 51.9894972,34.4583605 51.9686642,34.250028 C51.9478313,34.0416955 51.8749145,33.8750289 51.7499148,33.7500292 L51.7499148,33.7500292 L46.4999273,29.4375395 L46.4999273,20.7500602 C46.4999273,20.5417277 46.4270105,20.3646441 46.2811778,20.2188115 C46.1353451,20.0729788 45.9582616,20.000062 45.7499291,20.000062 L45.7499291,20.000062 L42.2499374,20.000062 C42.0416049,20.000062 41.8645213,20.0729788 41.7186887,20.2188115 C41.572856,20.3646441 41.4999392,20.5417277 41.4999392,20.7500602 L41.4999392,20.7500602 L41.4999392,25.3125493 L35.9374525,20.6875603 C35.3541208,20.2292284 34.7082884,20.000062 33.9999571,20.000062 C33.2916258,20.000062 32.6666272,20.2292284 32.1249616,20.6875603 L32.1249616,20.6875603 L16.2499994,33.7500292 C16.1249997,33.8750289 16.0520829,34.0416955 16.0312499,34.250028 C16.010417,34.4583605 16.0624999,34.6458601 16.1874996,34.8125267 L16.1874996,34.8125267 L17.7499958,36.7500221 C17.8749955,36.9166886 18.0416621,37.0000215 18.2499946,37.0000215 C18.4583272,37.0000215 18.6458267,36.9375216 18.8124933,36.8125219 L18.8124933,36.8125219 L33.4999583,24.7500507 C33.6666249,24.625051 33.8332905,24.5625511 33.9999571,24.5625511 C34.1666237,24.5625511 34.3332893,24.625051 34.4999559,24.7500507 L34.4999559,24.7500507 L49.1874209,36.8125219 C49.3540875,36.9375216 49.541587,37.0000215 49.7499195,37.0000215 Z M30.249966,47.9999952 C30.4582985,47.9999952 30.6353821,47.9270784 30.7812148,47.7812458 C30.9270474,47.6354131 30.9999642,47.4583295 30.9999642,47.249997 L30.9999642,47.249997 L30.9999642,40.2500137 C30.9999642,40.0416812 31.072881,39.8645976 31.2187137,39.718765 C31.3645464,39.5729323 31.5416299,39.5000155 31.7499624,39.5000155 L31.7499624,39.5000155 L36.2499517,39.5000155 C36.4582842,39.5000155 36.6353678,39.5729323 36.7812005,39.718765 C36.9270331,39.8645976 36.9999499,40.0416812 36.9999499,40.2500137 L36.9999499,40.2500137 L36.9999499,47.249997 C36.9999499,47.4583295 37.0728667,47.6354131 37.2186994,47.7812458 C37.3645321,47.9270784 37.5416156,47.9999952 37.7499481,47.9999952 L37.7499481,47.9999952 L44.9999309,47.9999952 C45.4165968,47.9999952 45.770762,47.8541626 46.0624283,47.5624963 C46.3540946,47.27083 46.4999273,46.9166648 46.4999273,46.4999988 L46.4999273,46.4999988 L46.4999273,37.5625201 C46.4999273,37.3125207 46.4165945,37.1041882 46.2499279,36.9375216 L46.2499279,36.9375216 L34.4999559,27.3125446 C34.3332893,27.1875449 34.1666237,27.125045 33.9999571,27.125045 C33.8332905,27.125045 33.6666249,27.1875449 33.4999583,27.3125446 L33.4999583,27.3125446 L21.7499863,36.9375216 C21.5833197,37.1041882 21.4999869,37.3125207 21.4999869,37.5625201 L21.4999869,37.5625201 L21.4999869,46.4999988 C21.4999869,46.9166648 21.6458196,47.27083 21.9374858,47.5624963 C22.2291521,47.8541626 22.5833173,47.9999952 22.9999869,47.9999952 L22.9999869,47.9999952 L30.249966,47.9999952 Z",
-    id: "h",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  }))));
+var NavMenuDesktop$1 = themeComponent(NavMenuDesktop, "NavMenu", fallbackValues$v, "profile");
+
+function _templateObject$z() {
+  var data = _taggedTemplateLiteral(["\n  position: fixed;\n  top: 72px;\n"]);
+
+  _templateObject$z = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+var menu = posed.div({
+  invisible: {
+    left: "-100vw",
+    right: "100vw",
+    transition: {
+      right: {
+        ease: easeOut,
+        duration: 500
+      },
+      left: {
+        ease: easeOut,
+        duration: 500
+      }
+    }
+  },
+  visible: {
+    left: "0",
+    right: "0",
+    transition: {
+      left: {
+        ease: easeIn,
+        duration: 500
+      },
+      right: {
+        ease: easeIn,
+        duration: 500
+      }
+    }
+  }
+});
+var ImposterMenu = styled__default(menu)(_templateObject$z());
+
+var NavMenuMobile = function NavMenuMobile(_ref) {
+  var id = _ref.id,
+      _ref$menuContent = _ref.menuContent,
+      menuContent = _ref$menuContent === void 0 ? [] : _ref$menuContent,
+      _ref$visible = _ref.visible,
+      visible = _ref$visible === void 0 ? false : _ref$visible,
+      themeValues = _ref.themeValues;
+  return /*#__PURE__*/React__default.createElement(ImposterMenu, {
+    id: id,
+    initialPose: "invisible",
+    pose: visible ? "visible" : "invisible"
+  }, /*#__PURE__*/React__default.createElement(Box, {
+    width: "100vw",
+    padding: "1rem 0.5rem",
+    extraStyles: "position: relative; max-width: 400px; height: calc(100vh - 72px);",
+    background: themeValues.backgroundColor
+  }, menuContent));
 };
 
-var _iconsMap;
-var ACCOUNTS_GENERIC_ICON = "ACCOUNTS_GENERIC";
-var ACCOUNTS_CONSTRUCTION_ICON = "ACCOUNTS_CONSTRUCTION";
-var ACCOUNTS_HEALTH_ICON = "ACCOUNTS_HEALTH";
-var ACCOUNTS_DENTAL_ICON = "ACCOUNTS_DENTAL";
-var ACCOUNTS_UTILITY_ELECTRIC_ICON = "ACCOUNTS_UTILITY_ELECTRIC";
-var ACCOUNTS_UTILITY_GAS_ICON = "ACCOUNTS_UTILITY_GAS";
-var ACCOUNTS_UTILITY_GARBAGE_ICON = "ACCOUNTS_UTILITY_GARBAGE";
-var ACCOUNTS_UTILITY_WATER_ICON = "ACCOUNTS_UTILITY_WATER";
-var PROPERTIES_PERSONAL_ICON = "PROPERTIES_PERSONAL";
-var PROPERTIES_GARAGE_ICON = "PROPERTIES_GARAGE";
-var PROPERTIES_BUSINESS_ICON = "PROPERTIES_BUSINESS";
-var PROPERTIES_STOREFRONT_ICON = "PROPERTIES_STOREFRONT";
-var PROPERTIES_APARTMENT_ICON = "PROPERTIES_APARTMENT";
-var PROPERTIES_LAND_ICON = "PROPERTIES_LAND";
-var PROPERTIES_CAR_ICON = "PROPERTIES_CAR";
-var PROPERTIES_MOTORCYCLE_ICON = "PROPERTIES_MOTORCYCLE";
-var PROPERTIES_COMMERCIAL_AUTO_ICON = "PROPERTIES_COMMERCIAL_AUTO";
-var MISC_BILL_ICON = "MISC_SINGLE_BILL";
-var iconsMap = (_iconsMap = {}, _defineProperty(_iconsMap, ACCOUNTS_GENERIC_ICON, AccountGenericIcon), _defineProperty(_iconsMap, ACCOUNTS_CONSTRUCTION_ICON, AccountConstructionIcon), _defineProperty(_iconsMap, ACCOUNTS_HEALTH_ICON, AccountMedicalIcon), _defineProperty(_iconsMap, ACCOUNTS_DENTAL_ICON, AccountDentalIcon), _defineProperty(_iconsMap, ACCOUNTS_UTILITY_ELECTRIC_ICON, AccountElectricIcon), _defineProperty(_iconsMap, ACCOUNTS_UTILITY_GARBAGE_ICON, AccountGarbageIcon), _defineProperty(_iconsMap, ACCOUNTS_UTILITY_GAS_ICON, AccountGasIcon), _defineProperty(_iconsMap, ACCOUNTS_UTILITY_WATER_ICON, AccountWaterIcon), _defineProperty(_iconsMap, PROPERTIES_PERSONAL_ICON, PropertyPersonalIcon), _defineProperty(_iconsMap, PROPERTIES_GARAGE_ICON, PropertyGarageIcon), _defineProperty(_iconsMap, PROPERTIES_BUSINESS_ICON, PropertyBusinessIcon), _defineProperty(_iconsMap, PROPERTIES_STOREFRONT_ICON, PropertyStorefrontIcon), _defineProperty(_iconsMap, PROPERTIES_APARTMENT_ICON, PropertyApartmentIcon), _defineProperty(_iconsMap, PROPERTIES_LAND_ICON, PropertyLandIcon), _defineProperty(_iconsMap, PROPERTIES_CAR_ICON, PropertyCarIcon), _defineProperty(_iconsMap, PROPERTIES_MOTORCYCLE_ICON, PropertyMotorcycleIcon), _defineProperty(_iconsMap, PROPERTIES_COMMERCIAL_AUTO_ICON, PropertyCommercialVehicleIcon), _defineProperty(_iconsMap, MISC_BILL_ICON, AccountBillIcon), _iconsMap);
+var NavMenuMobile$1 = themeComponent(NavMenuMobile, "NavMenu", fallbackValues$v, "profile");
 
 var IconsModule = function IconsModule(_ref) {
   var icon = _ref.icon,
@@ -40787,6 +40832,7 @@ exports.EditNameForm = EditNameForm;
 exports.EditableList = EditableList;
 exports.EditableTable = EditableTable;
 exports.EmailForm = EmailForm;
+exports.EmptyCartIcon = EmptyCartIcon$1;
 exports.ErroredIcon = ErroredIcon;
 exports.ExternalLink = ExternalLink;
 exports.FailedIcon = FailedIcon;
@@ -40825,6 +40871,7 @@ exports.NavMenuDesktop = NavMenuDesktop$1;
 exports.NavMenuMobile = NavMenuMobile$1;
 exports.NotFoundIcon = NotFoundIcon;
 exports.Obligation = Obligation;
+exports.ObligationIcons = iconsMap;
 exports.Pagination = Pagination;
 exports.Paragraph = Paragraph$1;
 exports.PartialAmountForm = PartialAmountForm;
@@ -40858,6 +40905,7 @@ exports.ResetPasswordSuccess = ResetPasswordSuccess;
 exports.RoutingNumberImage = RoutingNumberImage;
 exports.SearchIcon = SearchIcon;
 exports.SettingsIconSmall = SettingsIconSmall$1;
+exports.ShoppingCartIcon = ShoppingCartIcon;
 exports.Sidebar = Sidebar;
 exports.SidebarSingleContent = SidebarSingleContent$1;
 exports.SidebarStackContent = SidebarStackContent$1;