@axos-web-dev/shared-components 0.0.146 → 0.0.148

package/dist/Hyperlink/index.js

@@ -34,12 +34,13 @@ import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Dropdown.js";
-/* empty css                                   */
+import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
@@ -47,6 +48,7 @@ import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
+import "../Inputs/Input.css.js";
 import "iframe-resizer";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";

package/dist/ImageLink/ImageLink.js

@@ -28,12 +28,13 @@ import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Dropdown.js";
-/* empty css                                   */
+import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
@@ -42,6 +43,9 @@ import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "react-use";
 import "../Input/RadioButton.js";
+import "../Chevron/Chevron.css.js";
+import "../Interstitial/Interstitial-variants.css.js";
+import "../Inputs/Input.css.js";
 import "iframe-resizer";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
@@ -68,7 +72,6 @@ import "react-wrap-balancer";
 /* empty css                                                      */
 /* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
-import "../Chevron/Chevron.css.js";
 /* empty css                                */
 import "../Modal/contextApi/store.js";
 /* empty css                                                      */
@@ -95,7 +98,6 @@ import "../StepItemSet/StepItemSet.css.js";
 import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */
-import "../Interstitial/Interstitial-variants.css.js";
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 const ImageLink = ({

package/dist/ImageLink/ImageLinkSet.js

@@ -33,12 +33,13 @@ import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Dropdown.js";
-/* empty css                                   */
+import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
@@ -46,6 +47,9 @@ import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
+import "../Chevron/Chevron.css.js";
+import "../Interstitial/Interstitial-variants.css.js";
+import "../Inputs/Input.css.js";
 import "iframe-resizer";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
@@ -73,9 +77,7 @@ import "react-wrap-balancer";
 /* empty css                                              */
 /* empty css                                                      */
 /* empty css                                    */
-import "../Interstitial/Interstitial-variants.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
-import "../Chevron/Chevron.css.js";
 /* empty css                                */
 import "../Modal/contextApi/store.js";
 /* empty css                                                      */

package/dist/ImageLink/index.js

@@ -32,12 +32,13 @@ import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Dropdown.js";
-/* empty css                                   */
+import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
@@ -45,6 +46,7 @@ import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
+import "../Inputs/Input.css.js";
 import "iframe-resizer";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";

package/dist/Input/CurrencyInput.js

@@ -3,13 +3,13 @@ import { InputNumberFormat } from "@react-input/number-format";
 import { forwardRef } from "react";
 import "./Checkbox.js";
 import "./Dropdown.js";
-/* empty css                                          */
-/* empty css                            */
+import "./Dropdown.css.js";
 import { Input } from "./Input.js";
 import "./Input.css.js";
 import "./InputAmount.js";
 import "./InputPhone.js";
 import "./InputTextArea.js";
+import "./DownPaymentInput.js";
 const CurrencyInput = forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsx(

package/dist/Input/DownPaymentInput.d.ts

@@ -0,0 +1,12 @@
+import { InputProps } from './InputProps';
+
+interface DownPaymentInputProps extends InputProps {
+    salesPrice: number | undefined;
+    downPaymentPercentage: number;
+    setDownPaymentPercentage: (percentage: number) => void;
+    isTypingDownPayment: boolean;
+    setIsTypingDownPayment: (value: boolean) => void;
+    methods: any;
+}
+export declare const DownPaymentInput: import('react').ForwardRefExoticComponent<DownPaymentInputProps & import('react').RefAttributes<HTMLInputElement>>;
+export {};

package/dist/Input/DownPaymentInput.js

@@ -0,0 +1,123 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef, useState, useEffect } from "react";
+import { wrapper, labelClassName, container, input, helperText } from "./Input.css.js";
+import { dp_input } from "./Dropdown.css.js";
+const DownPaymentInput = forwardRef(
+  ({
+    salesPrice,
+    downPaymentPercentage,
+    isTypingDownPayment,
+    methods,
+    setIsTypingDownPayment,
+    setDownPaymentPercentage,
+    label,
+    variant,
+    disabled,
+    helperText: helper,
+    error = false,
+    ...rest
+  }, ref) => {
+    const [downPayment, setDownPayment] = useState(0);
+    useEffect(() => {
+      if (salesPrice && salesPrice > 0 && !isTypingDownPayment) {
+        const calculatedDownPayment = Math.round(
+          salesPrice * downPaymentPercentage / 100
+        );
+        setDownPayment(calculatedDownPayment);
+      }
+    }, [salesPrice, downPaymentPercentage, isTypingDownPayment]);
+    const handleDownPaymentChange = (e) => {
+      const value = parseCurrency(e.target.value);
+      setDownPayment(value);
+      setIsTypingDownPayment(true);
+      console.log("handleDownPaymentChange ? yup");
+      methods.setValue("downPayment", value);
+      methods.trigger("downPayment");
+      if (salesPrice && !isTypingDownPayment) {
+        const newPercentage = Math.round(value / salesPrice * 100);
+        setDownPaymentPercentage(newPercentage);
+      }
+    };
+    const handlePercentageChange = (e) => {
+      const newPercentage = Math.max(1, Math.min(100, Number(e.target.value)));
+      setDownPaymentPercentage(newPercentage);
+      setIsTypingDownPayment(false);
+      if (salesPrice) {
+        const calculatedDownPayment = Math.round(
+          salesPrice * newPercentage / 100
+        );
+        setDownPayment(calculatedDownPayment);
+      }
+    };
+    const handleDownPaymentFocus = () => {
+      setIsTypingDownPayment(true);
+    };
+    const handleDownPaymentBlur = () => {
+      setIsTypingDownPayment(true);
+    };
+    return /* @__PURE__ */ jsxs("div", { className: `${wrapper()} ${dp_input}`, children: [
+      label && /* @__PURE__ */ jsx(
+        "label",
+        {
+          className: `${labelClassName({ error, variant })}`,
+          htmlFor: rest.name,
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: container({ size: "medium", error }),
+          style: { display: "flex", alignItems: "center" },
+          children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ...rest,
+                ref,
+                className: clsx(rest.className, input()),
+                type: "text",
+                value: formatCurrency(downPayment),
+                onChange: handleDownPaymentChange,
+                onFocus: handleDownPaymentFocus,
+                onBlur: handleDownPaymentBlur
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "number",
+                min: 1,
+                max: 100,
+                value: downPaymentPercentage,
+                onChange: handlePercentageChange,
+                style: {
+                  width: "40px",
+                  marginLeft: "8px",
+                  border: "none",
+                  color: "#5E6A74"
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { style: { marginLeft: "4px", color: "#5E6A74" }, children: "%" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
+    ] });
+  }
+);
+const formatCurrency = (value) => {
+  if (value > 0) {
+    return `$${value.toLocaleString()}`;
+  } else return "";
+};
+const parseCurrency = (value) => {
+  const cleanedValue = value.replace(/[^0-9.-]+/g, "");
+  return cleanedValue ? Number(cleanedValue) : 0;
+};
+export {
+  DownPaymentInput
+};

package/dist/Input/Dropdown.css.d.ts

@@ -1 +1,6 @@
 export declare const selectInput: string;
+export declare const dp_input: import('@vanilla-extract/recipes').RuntimeFn<{
+    [x: string]: {
+        [x: string]: string | import('@vanilla-extract/css').ComplexStyleRule;
+    };
+}>;

package/dist/Input/Dropdown.css.js

@@ -1,6 +1,9 @@
 /* empty css                                          */
 /* empty css                            */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var selectInput = "_1vzv2cd0";
+var dp_input = createRuntimeFn({ defaultClassName: "_1vzv2cd1", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
 export {
+  dp_input,
   selectInput
 };

package/dist/Input/Input.js

@@ -15,6 +15,7 @@ const Input = forwardRef((props, ref) => {
     helperText: helper,
     variant,
     type = "text",
+    placeholder,
     ...rest
   } = props;
   return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
@@ -34,7 +35,8 @@ const Input = forwardRef((props, ref) => {
           ...rest,
           ref,
           className: clsx(props.className, input({ size: sizes })),
-          type
+          type,
+          placeholder
         }
       ),
       iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })

package/dist/Input/InputAmount.js

@@ -4,12 +4,12 @@ import { forwardRef } from "react";
 import "./Checkbox.js";
 import "./CurrencyInput.js";
 import "./Dropdown.js";
-/* empty css                                          */
-/* empty css                            */
+import "./Dropdown.css.js";
 import { Input } from "./Input.js";
 import "./Input.css.js";
 import "./InputPhone.js";
 import "./InputTextArea.js";
+import "./DownPaymentInput.js";
 const InputAmount = forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsx(

package/dist/Input/InputPhone.js

@@ -4,12 +4,12 @@ import { forwardRef } from "react";
 import "./Checkbox.js";
 import "./CurrencyInput.js";
 import "./Dropdown.js";
-/* empty css                                          */
-/* empty css                            */
+import "./Dropdown.css.js";
 import { Input } from "./Input.js";
 import "./Input.css.js";
 import "./InputAmount.js";
 import "./InputTextArea.js";
+import "./DownPaymentInput.js";
 const InputPhone = forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsx(

package/dist/Input/InputProps.d.ts

@@ -36,3 +36,6 @@ export interface RadioButtonProps extends InputProps {
     value: string | number;
     groupName: string;
 }
+export interface DownPaymentProps extends InputHTMLAttributes<HTMLInputElement> {
+    inputRight?: ReactNode;
+}

package/dist/Input/index.d.ts

@@ -8,3 +8,4 @@ export * from './InputAmount';
 export * from './InputPhone';
 export * from './InputProps';
 export * from './InputTextArea';
+export * from './DownPaymentInput';

package/dist/Input/index.js

@@ -1,21 +1,24 @@
 import { Checkbox } from "./Checkbox.js";
 import { CurrencyInput } from "./CurrencyInput.js";
 import { Dropdown } from "./Dropdown.js";
-import { selectInput } from "./Dropdown.css.js";
+import { dp_input, selectInput } from "./Dropdown.css.js";
 import { Input } from "./Input.js";
 import { container, helperText, iconContainer, iconContainerBase, iconInput, input, labelClassName, wrapper } from "./Input.css.js";
 import { InputAmount } from "./InputAmount.js";
 import { InputPhone } from "./InputPhone.js";
 import { InputTextArea } from "./InputTextArea.js";
+import { DownPaymentInput } from "./DownPaymentInput.js";
 export {
   Checkbox,
   CurrencyInput,
+  DownPaymentInput,
   Dropdown,
   Input,
   InputAmount,
   InputPhone,
   InputTextArea,
   container,
+  dp_input,
   helperText,
   iconContainer,
   iconContainerBase,

package/dist/Insight/Featured/CategorySelector.js

@@ -31,12 +31,13 @@ import "@hookform/resolvers/zod";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
 import "../../Input/Dropdown.js";
-/* empty css                                      */
+import "../../Input/Dropdown.css.js";
 import "../../Input/Input.js";
 import "../../Input/Input.css.js";
 import "../../Input/InputAmount.js";
 import "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
+import "../../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
 import "../../Forms/SalesforceFieldsForm.js";
@@ -45,6 +46,7 @@ import "../../Input/Checkbox.css.js";
 import "../../LoadingIndicator/LoadingIndicator.css.js";
 import "react-use";
 import "../../Input/RadioButton.js";
+import "../../Inputs/Input.css.js";
 import "iframe-resizer";
 /* empty css                                                                                   */
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";

package/dist/Insight/Featured/Featured.js

@@ -34,12 +34,13 @@ import "@hookform/resolvers/zod";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
 import "../../Input/Dropdown.js";
-/* empty css                                      */
+import "../../Input/Dropdown.css.js";
 import "../../Input/Input.js";
 import "../../Input/Input.css.js";
 import "../../Input/InputAmount.js";
 import "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
+import "../../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
 import "../../Forms/SalesforceFieldsForm.js";
@@ -47,6 +48,7 @@ import "../../Input/RadioButton.css.js";
 import "../../Input/Checkbox.css.js";
 import "../../LoadingIndicator/LoadingIndicator.css.js";
 import "../../Input/RadioButton.js";
+import "../../Inputs/Input.css.js";
 import "iframe-resizer";
 /* empty css                                                                                   */
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";

package/dist/Interstitial/Interstitial.module.js

@@ -1,12 +1,13 @@
-const overlay = "_overlay_s4llo_47";
-const modal = "_modal_s4llo_79";
-const vanish = "_vanish_s4llo_1";
-const appear = "_appear_s4llo_1";
-const close_button = "_close_button_s4llo_109";
-const modal_content = "_modal_content_s4llo_139";
-const img_area = "_img_area_s4llo_147";
-const body_copy = "_body_copy_s4llo_167";
-const btns = "_btns_s4llo_195";
+const overlay = "_overlay_zy28p_47";
+const modal = "_modal_zy28p_79";
+const vanish = "_vanish_zy28p_1";
+const appear = "_appear_zy28p_1";
+const close_button = "_close_button_zy28p_109";
+const modal_content = "_modal_content_zy28p_139";
+const img_area = "_img_area_zy28p_147";
+const body_copy = "_body_copy_zy28p_167";
+const btns = "_btns_zy28p_195";
+const white_modal = "_white_modal_zy28p_277";
 const css = {
   overlay,
   modal,
@@ -16,7 +17,8 @@ const css = {
   modal_content,
   img_area,
   body_copy,
-  btns
+  btns,
+  white_modal
 };
 export {
   appear,
@@ -28,5 +30,6 @@ export {
   modal,
   modal_content,
   overlay,
-  vanish
+  vanish,
+  white_modal
 };

package/dist/Modal/Modal.js

@@ -28,13 +28,13 @@ import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Dropdown.js";
-/* empty css                                          */
-/* empty css                                   */
+import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
@@ -42,12 +42,15 @@ import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
+import "../Interstitial/Interstitial-variants.css.js";
+import "../Inputs/Input.css.js";
 import "iframe-resizer";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                          */
+/* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
 import "../Hyperlink/Hyperlink.css.js";
@@ -71,7 +74,6 @@ import "react-wrap-balancer";
 /* empty css                                              */
 /* empty css                                                      */
 /* empty css                                    */
-import "../Interstitial/Interstitial-variants.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
 import "./contextApi/store.js";
 /* empty css                                                      */

package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js

@@ -1,57 +1,57 @@
-const header = "_header_10rry_1";
-const wrapper = "_wrapper_10rry_9";
-const header_main_row = "_header_main_row_10rry_21";
-const mobile_header = "_mobile_header_10rry_23";
-const logo_wrap = "_logo_wrap_10rry_35";
-const primary_links = "_primary_links_10rry_43";
-const main_nav_link = "_main_nav_link_10rry_51";
-const sub_nav_link = "_sub_nav_link_10rry_95";
-const signin_wrap = "_signin_wrap_10rry_99";
-const signin_btn = "_signin_btn_10rry_101";
-const sub_nav = "_sub_nav_10rry_95";
-const header_sub_row = "_header_sub_row_10rry_187";
-const signin_dropdown = "_signin_dropdown_10rry_219";
-const shadow = "_shadow_10rry_239";
-const signin_header = "_signin_header_10rry_255";
-const signin_subheader = "_signin_subheader_10rry_269";
-const opacity = "_opacity_10rry_313";
-const fadeInDown = "_fadeInDown_10rry_1";
-const footer = "_footer_10rry_325";
-const open = "_open_10rry_357";
-const dd_wrapper = "_dd_wrapper_10rry_381";
-const dd_media = "_dd_media_10rry_391";
-const dd_media_img = "_dd_media_img_10rry_401";
-const dd_site_navs = "_dd_site_navs_10rry_409";
-const dd_media_header = "_dd_media_header_10rry_423";
-const mt_8 = "_mt_8_10rry_441";
-const mt_16 = "_mt_16_10rry_449";
-const ml_8 = "_ml_8_10rry_457";
-const dd_media_cta = "_dd_media_cta_10rry_465";
-const reversed_row = "_reversed_row_10rry_493";
-const headline = "_headline_10rry_525";
-const nav_anchor = "_nav_anchor_10rry_537";
-const headline_cta = "_headline_cta_10rry_553";
-const site_lists = "_site_lists_10rry_583";
-const hamburger = "_hamburger_10rry_653";
-const mobile_only = "_mobile_only_10rry_681";
-const mobile_logo = "_mobile_logo_10rry_693";
-const highlight = "_highlight_10rry_703";
-const mobile_nav = "_mobile_nav_10rry_775";
-const mobile_opened = "_mobile_opened_10rry_797";
-const _mobile_opened = "__mobile_opened_10rry_805";
-const mobile_nav_item = "_mobile_nav_item_10rry_813";
-const has_dropdown = "_has_dropdown_10rry_843";
-const icon_wrap = "_icon_wrap_10rry_885";
-const mobile_footer = "_mobile_footer_10rry_895";
-const mobile_footer_content = "_mobile_footer_content_10rry_905";
-const mobile_footer_media = "_mobile_footer_media_10rry_933";
-const footer_cta = "_footer_cta_10rry_945";
-const inner_wrapper = "_inner_wrapper_10rry_1001";
-const btn = "_btn_10rry_1011";
-const sub_menu = "_sub_menu_10rry_1021";
-const main = "_main_10rry_51";
-const dd_footer = "_dd_footer_10rry_1071";
-const desktop_only = "_desktop_only_10rry_1109";
+const header = "_header_5kqsg_1";
+const wrapper = "_wrapper_5kqsg_5";
+const header_main_row = "_header_main_row_5kqsg_11";
+const mobile_header = "_mobile_header_5kqsg_12";
+const logo_wrap = "_logo_wrap_5kqsg_18";
+const primary_links = "_primary_links_5kqsg_22";
+const main_nav_link = "_main_nav_link_5kqsg_26";
+const sub_nav_link = "_sub_nav_link_5kqsg_48";
+const signin_wrap = "_signin_wrap_5kqsg_50";
+const signin_btn = "_signin_btn_5kqsg_51";
+const sub_nav = "_sub_nav_5kqsg_48";
+const header_sub_row = "_header_sub_row_5kqsg_94";
+const signin_dropdown = "_signin_dropdown_5kqsg_110";
+const shadow = "_shadow_5kqsg_120";
+const signin_header = "_signin_header_5kqsg_128";
+const signin_subheader = "_signin_subheader_5kqsg_135";
+const opacity = "_opacity_5kqsg_157";
+const fadeInDown = "_fadeInDown_5kqsg_1";
+const footer = "_footer_5kqsg_163";
+const open = "_open_5kqsg_179";
+const dd_wrapper = "_dd_wrapper_5kqsg_191";
+const dd_media = "_dd_media_5kqsg_196";
+const dd_media_img = "_dd_media_img_5kqsg_201";
+const dd_site_navs = "_dd_site_navs_5kqsg_205";
+const dd_media_header = "_dd_media_header_5kqsg_212";
+const mt_8 = "_mt_8_5kqsg_221";
+const mt_16 = "_mt_16_5kqsg_225";
+const ml_8 = "_ml_8_5kqsg_229";
+const dd_media_cta = "_dd_media_cta_5kqsg_233";
+const reversed_row = "_reversed_row_5kqsg_247";
+const headline = "_headline_5kqsg_263";
+const nav_anchor = "_nav_anchor_5kqsg_269";
+const headline_cta = "_headline_cta_5kqsg_277";
+const site_lists = "_site_lists_5kqsg_292";
+const hamburger = "_hamburger_5kqsg_327";
+const mobile_only = "_mobile_only_5kqsg_341";
+const mobile_logo = "_mobile_logo_5kqsg_347";
+const highlight = "_highlight_5kqsg_352";
+const mobile_nav = "_mobile_nav_5kqsg_388";
+const mobile_opened = "_mobile_opened_5kqsg_399";
+const _mobile_opened = "__mobile_opened_5kqsg_403";
+const mobile_nav_item = "_mobile_nav_item_5kqsg_407";
+const has_dropdown = "_has_dropdown_5kqsg_422";
+const icon_wrap = "_icon_wrap_5kqsg_443";
+const mobile_footer = "_mobile_footer_5kqsg_448";
+const mobile_footer_content = "_mobile_footer_content_5kqsg_453";
+const mobile_footer_media = "_mobile_footer_media_5kqsg_467";
+const footer_cta = "_footer_cta_5kqsg_473";
+const inner_wrapper = "_inner_wrapper_5kqsg_501";
+const btn = "_btn_5kqsg_506";
+const sub_menu = "_sub_menu_5kqsg_511";
+const main = "_main_5kqsg_26";
+const dd_footer = "_dd_footer_5kqsg_536";
+const desktop_only = "_desktop_only_5kqsg_555";
 const styles = {
   header,
   wrapper,