@axos-web-dev/shared-components 1.0.100-dev.48 → 1.0.100-dev.49

package/dist/Blockquote/Blockquote.module.js

@@ -1,6 +1,6 @@
-import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "_quote_spacer_lqs2u_1";
-const author = "_author_lqs2u_13";
-const quote = "_quote_lqs2u_1";
+import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "_quote_spacer_ovx4r_1";
+const author = "_author_ovx4r_7";
+const quote = "_quote_ovx4r_1";
 const css = {
   quote_spacer,
   author,

package/dist/Forms/MortgageRate/MortgageRateForm.js

@@ -159,7 +159,6 @@ const MortgageRate = ({
   const [downPaymentPercentage, setDownPaymentPercentage] = useState(10);
   const [_downPayment, setDownPayment] = useState(0);
   const [isTypingDownPayment, setIsTypingDownPayment] = useState(false);
-  const [salesPriceVal, setSalesPriceVal] = useState(0);
   const cachedEmailValidator = useCachedEmailValidator(validateEmail);
   const schema = z.object({
     firstName: z.string({ message: "First Name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
@@ -195,19 +194,9 @@ const MortgageRate = ({
     ),
     downPayment: z.number({ message: "Down Payment is required." }).optional().refine((val) => loanPurpose === 1 ? val != null : true, {
       message: "Down Payment is required."
-    }).refine(
-      (val) => {
-        if (loanPurpose === 1) {
-          return val != null && val >= salesPriceVal * 0.01 && val <= salesPriceVal;
-        }
-        return true;
-      },
-      {
-        message: `Value must be between ${salesPriceVal * 0.01} and ${salesPriceVal}.`
-      }
-    ),
+    }),
     creditScore: z.number({ message: "Credit Score is required." }).positive({ message: "Credit Score is required." }),
-    zipCode: z.number({ message: "Zip Code is required." }).positive({ message: "Zip Code is required." }),
+    zipCode: z.string().trim().min(1, { message: "Zip Code is required." }).regex(/^\d{5}$/, { message: "ZIP code must be 5 digits." }),
     appraisedValue: z.number({ message: "Home Price is required." }).optional().refine(
       (val) => {
         if (loanPurpose === 2 && val == null) {
@@ -215,7 +204,7 @@ const MortgageRate = ({
         }
         return true;
       },
-      { message: "Appraised Value is required for refinance" }
+      { message: "Appraised Value is required for refinance." }
     ),
     mortgageBalance: z.number({ message: "Mortgage Balance is required." }).optional().refine(
       (val) => {
@@ -224,7 +213,7 @@ const MortgageRate = ({
         }
         return true;
       },
-      { message: "Mortgage Balance is required for refinance" }
+      { message: "Mortgage Balance is required for refinance." }
     ),
     cashOut: z.number({ message: "Cash Out is required." }).optional(),
     loanPurpose: z.number({ message: "Loan Purpose is required." })
@@ -236,12 +225,28 @@ const MortgageRate = ({
         message: "fields are not valid."
       });
     }
+    if (loanPurpose === 1 && data.salesPrice != null && data.downPayment != null) {
+      const minDownPayment = data.salesPrice * 0.01;
+      const maxDownPayment = data.salesPrice;
+      if (data.downPayment < minDownPayment || data.downPayment > maxDownPayment) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          path: ["downPayment"],
+          message: `Value must be between ${minDownPayment.toLocaleString()} and ${maxDownPayment.toLocaleString()}.`
+        });
+      }
+    }
   });
   const methods = useForm({
-    resolver: zodResolver(gen_schema, {
-      async: true
-    }),
-    mode: "all",
+    resolver: zodResolver(
+      gen_schema,
+      {
+        async: true
+      },
+      { mode: "async" }
+    ),
+    mode: "onChange",
+    reValidateMode: "onChange",
     defaultValues: {
       loanPurpose: 1,
       AlternativeEmail: "bestbank@axos.com",
@@ -282,13 +287,11 @@ const MortgageRate = ({
   const {
     handleSubmit,
     register,
-    formState: { errors, isValid, isSubmitting },
+    formState: { errors, isValid, isSubmitting, isValidating },
     watch
   } = methods;
+  const shouldDisable = !isValid || isSubmitting || isValidating;
   const salesPrice = watch("salesPrice");
-  useEffect(() => {
-    setSalesPriceVal(salesPrice);
-  });
   useEffect(() => {
     if (salesPrice > 0 && !isTypingDownPayment) {
       const calculatedDownPayment = Math.round(
@@ -297,7 +300,7 @@ const MortgageRate = ({
       if (!isTypingDownPayment) setDownPayment(calculatedDownPayment);
       methods.setValue("downPayment", calculatedDownPayment);
     }
-  }, [salesPrice, downPaymentPercentage]);
+  }, [salesPrice, downPaymentPercentage, isTypingDownPayment, methods]);
   const submitForm = async (data) => {
     const processData = {
       ...data
@@ -544,7 +547,8 @@ const MortgageRate = ({
                         type: "text",
                         ...register("downPayment", {
                           required: true,
-                          setValueAs: (value) => parseCurrency(value)
+                          setValueAs: (value) => parseCurrency(value),
+                          deps: ["salesPrice"]
                         }),
                         salesPrice: watch("salesPrice"),
                         downPaymentPercentage,
@@ -652,17 +656,23 @@ const MortgageRate = ({
                     Input,
                     {
                       id: "zipCode",
-                      type: "number",
+                      type: "text",
+                      inputMode: "numeric",
                       ...register("zipCode", {
                         required: true,
-                        setValueAs: (value) => Number(value)
+                        pattern: /^\d{5}$/
                       }),
                       label: "Zip Code",
                       sizes: "medium",
                       required: true,
                       error: !!errors.zipCode,
                       helperText: errors.zipCode?.message,
-                      variant
+                      variant,
+                      maxLength: 5,
+                      onInput: (e) => {
+                        const target = e.target;
+                        target.value = target.value.replace(/\D/g, "");
+                      }
                     }
                   ) }),
                   loanPurpose === 2 ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsx(
@@ -775,12 +785,12 @@ const MortgageRate = ({
                     "button",
                     {
                       type: "submit",
-                      disabled: !isValid,
+                      disabled: shouldDisable,
                       className: button({
                         color: "secondary",
                         size: "large",
                         rounded: "medium",
-                        disabled: !isValid
+                        disabled: shouldDisable
                       }),
                       children: "Get My Rate"
                     }

package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.js

@@ -16,12 +16,12 @@ import "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
 import { DownPaymentInput } from "../../Input/DownPaymentInput.js";
 import "../../Input/RadioButton.js";
+import { LoadingIndicator } from "../../LoadingIndicator/index.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import * as z from "zod";
 import { headerForm, headerContainer, form, fullRowForm, formWrapper, actions, formContainer } from "../Forms.css.js";
 import { SalesforceSchema } from "../SalesforceFieldsForm.js";
-import { LoadingIndicator } from "../../LoadingIndicator/index.js";
 const MortgageRateFilters = ({
   formData,
   onSubmit
@@ -62,7 +62,7 @@ const MortgageRateFilters = ({
       }
     ),
     creditScore: z.number({ message: "Credit Score is required." }).positive({ message: "Credit Score is required." }),
-    zipCode: z.number().positive({ message: "Zip Code is required." }),
+    zipCode: z.string().trim().min(1, { message: "Zip Code is required." }).regex(/^\d{5}$/, { message: "ZIP code must be 5 digits." }),
     appraisedValue: z.number({ message: "Home Price is required." }).optional().refine(
       (val) => {
         if (loanPurpose === 2) {
@@ -390,10 +390,11 @@ const MortgageRateFilters = ({
               Input,
               {
                 id: "zipCode",
-                type: "number",
+                type: "text",
+                inputMode: "numeric",
                 ...register("zipCode", {
                   required: true,
-                  setValueAs: (value) => Number(value)
+                  pattern: /^\d{5}$/
                 }),
                 label: "Zip Code",
                 sizes: "medium",
@@ -401,7 +402,12 @@ const MortgageRateFilters = ({
                 error: !!errors.zipCode,
                 helperText: errors.zipCode?.message,
                 variant: "tertiary",
-                defaultValue: formData.zipCode
+                defaultValue: formData.zipCode,
+                maxLength: 5,
+                onInput: (e) => {
+                  const target = e.target;
+                  target.value = target.value.replace(/\D/g, "");
+                }
               }
             ) }),
             loanPurpose === 2 ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(

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

@@ -1,42 +1,42 @@
-import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_yjw9r_1";
-const wrapper = "_wrapper_yjw9r_9";
-const header_main_row = "_header_main_row_yjw9r_21";
-const logo_wrap = "_logo_wrap_yjw9r_33";
-const primary_links = "_primary_links_yjw9r_41";
-const main_nav_link = "_main_nav_link_yjw9r_49";
-const sub_nav_link = "_sub_nav_link_yjw9r_113";
-const signin_wrap = "_signin_wrap_yjw9r_117";
-const signin_btn = "_signin_btn_yjw9r_119";
-const header_sub_row = "_header_sub_row_yjw9r_195";
-const signin_dropdown = "_signin_dropdown_yjw9r_261";
-const shadow = "_shadow_yjw9r_281";
-const signin_header = "_signin_header_yjw9r_301";
-const signin_subheader = "_signin_subheader_yjw9r_315";
-const opacity = "_opacity_yjw9r_357";
-const fadeInDown = "_fadeInDown_yjw9r_1";
-const signin_footer = "_signin_footer_yjw9r_369";
-const open = "_open_yjw9r_411";
-const dd_wrapper = "_dd_wrapper_yjw9r_435";
-const dd_media = "_dd_media_yjw9r_453";
-const dd_media_img = "_dd_media_img_yjw9r_463";
-const dd_site_navs = "_dd_site_navs_yjw9r_471";
-const dd_media_header = "_dd_media_header_yjw9r_485";
-const mt_8 = "_mt_8_yjw9r_507";
-const mt_16 = "_mt_16_yjw9r_515";
-const ml_8 = "_ml_8_yjw9r_523";
-const reversed_row = "_reversed_row_yjw9r_531";
-const headline = "_headline_yjw9r_539";
-const nav_anchor = "_nav_anchor_yjw9r_555";
-const headline_cta = "_headline_cta_yjw9r_571";
-const site_lists = "_site_lists_yjw9r_603";
-const modify_fit = "_modify_fit_yjw9r_643";
-const mobile_only = "_mobile_only_yjw9r_693";
-const mobile_logo = "_mobile_logo_yjw9r_705";
-const highlight = "_highlight_yjw9r_719";
-const mobile_opened = "_mobile_opened_yjw9r_731";
-const dd_footer = "_dd_footer_yjw9r_747";
-const skip_btn = "_skip_btn_yjw9r_763";
-const desktop_only = "_desktop_only_yjw9r_835";
+import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_1upco_1";
+const wrapper = "_wrapper_1upco_5";
+const header_main_row = "_header_main_row_1upco_11";
+const logo_wrap = "_logo_wrap_1upco_17";
+const primary_links = "_primary_links_1upco_21";
+const main_nav_link = "_main_nav_link_1upco_25";
+const sub_nav_link = "_sub_nav_link_1upco_57";
+const signin_wrap = "_signin_wrap_1upco_59";
+const signin_btn = "_signin_btn_1upco_60";
+const header_sub_row = "_header_sub_row_1upco_98";
+const signin_dropdown = "_signin_dropdown_1upco_131";
+const shadow = "_shadow_1upco_141";
+const signin_header = "_signin_header_1upco_151";
+const signin_subheader = "_signin_subheader_1upco_158";
+const opacity = "_opacity_1upco_179";
+const fadeInDown = "_fadeInDown_1upco_1";
+const signin_footer = "_signin_footer_1upco_185";
+const open = "_open_1upco_206";
+const dd_wrapper = "_dd_wrapper_1upco_218";
+const dd_media = "_dd_media_1upco_227";
+const dd_media_img = "_dd_media_img_1upco_232";
+const dd_site_navs = "_dd_site_navs_1upco_236";
+const dd_media_header = "_dd_media_header_1upco_243";
+const mt_8 = "_mt_8_1upco_254";
+const mt_16 = "_mt_16_1upco_258";
+const ml_8 = "_ml_8_1upco_262";
+const reversed_row = "_reversed_row_1upco_266";
+const headline = "_headline_1upco_270";
+const nav_anchor = "_nav_anchor_1upco_278";
+const headline_cta = "_headline_cta_1upco_286";
+const site_lists = "_site_lists_1upco_302";
+const modify_fit = "_modify_fit_1upco_322";
+const mobile_only = "_mobile_only_1upco_347";
+const mobile_logo = "_mobile_logo_1upco_353";
+const highlight = "_highlight_1upco_360";
+const mobile_opened = "_mobile_opened_1upco_366";
+const dd_footer = "_dd_footer_1upco_374";
+const skip_btn = "_skip_btn_1upco_382";
+const desktop_only = "_desktop_only_1upco_418";
 const styles = {
   header,
   wrapper,

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

@@ -1,40 +1,40 @@
-import '../../assets/NavigationMenu/AxosClearing/NavBar.css.css';const header = "_header_5ho04_1";
-const wrapper = "_wrapper_5ho04_9";
-const header_main_row = "_header_main_row_5ho04_21";
-const mobile_header = "_mobile_header_5ho04_23";
-const logo_wrap = "_logo_wrap_5ho04_35";
-const primary_links = "_primary_links_5ho04_43";
-const main_nav_link = "_main_nav_link_5ho04_51";
-const sub_nav_link = "_sub_nav_link_5ho04_115";
-const signin_wrap = "_signin_wrap_5ho04_119";
-const signin_btn = "_signin_btn_5ho04_121";
-const sub_nav = "_sub_nav_5ho04_115";
-const header_sub_row = "_header_sub_row_5ho04_239";
-const signin_dropdown = "_signin_dropdown_5ho04_287";
-const shadow = "_shadow_5ho04_307";
-const signin_subheader = "_signin_subheader_5ho04_319";
-const opacity = "_opacity_5ho04_361";
-const fadeInDown = "_fadeInDown_5ho04_1";
-const open = "_open_5ho04_373";
-const hamburger = "_hamburger_5ho04_409";
-const mobile_only = "_mobile_only_5ho04_437";
-const mobile_logo = "_mobile_logo_5ho04_449";
-const highlight = "_highlight_5ho04_459";
-const mobile_nav = "_mobile_nav_5ho04_513";
-const mobile_opened = "_mobile_opened_5ho04_535";
-const mobile_nav_item = "_mobile_nav_item_5ho04_551";
-const has_dropdown = "_has_dropdown_5ho04_581";
-const icon_wrap = "_icon_wrap_5ho04_623";
-const mobile_footer = "_mobile_footer_5ho04_633";
-const mobile_footer_content = "_mobile_footer_content_5ho04_643";
-const mobile_footer_media = "_mobile_footer_media_5ho04_673";
-const footer_cta = "_footer_cta_5ho04_685";
-const inner_wrapper = "_inner_wrapper_5ho04_743";
-const btn = "_btn_5ho04_755";
-const sub_menu = "_sub_menu_5ho04_765";
-const main = "_main_5ho04_51";
-const dd_footer = "_dd_footer_5ho04_815";
-const desktop_only = "_desktop_only_5ho04_865";
+import '../../assets/NavigationMenu/AxosClearing/NavBar.css.css';const header = "_header_hmrrj_1";
+const wrapper = "_wrapper_hmrrj_5";
+const header_main_row = "_header_main_row_hmrrj_11";
+const mobile_header = "_mobile_header_hmrrj_12";
+const logo_wrap = "_logo_wrap_hmrrj_18";
+const primary_links = "_primary_links_hmrrj_22";
+const main_nav_link = "_main_nav_link_hmrrj_26";
+const sub_nav_link = "_sub_nav_link_hmrrj_58";
+const signin_wrap = "_signin_wrap_hmrrj_60";
+const signin_btn = "_signin_btn_hmrrj_61";
+const sub_nav = "_sub_nav_hmrrj_58";
+const header_sub_row = "_header_sub_row_hmrrj_120";
+const signin_dropdown = "_signin_dropdown_hmrrj_144";
+const shadow = "_shadow_hmrrj_154";
+const signin_subheader = "_signin_subheader_hmrrj_160";
+const opacity = "_opacity_hmrrj_181";
+const fadeInDown = "_fadeInDown_hmrrj_1";
+const open = "_open_hmrrj_187";
+const hamburger = "_hamburger_hmrrj_205";
+const mobile_only = "_mobile_only_hmrrj_219";
+const mobile_logo = "_mobile_logo_hmrrj_225";
+const highlight = "_highlight_hmrrj_230";
+const mobile_nav = "_mobile_nav_hmrrj_257";
+const mobile_opened = "_mobile_opened_hmrrj_268";
+const mobile_nav_item = "_mobile_nav_item_hmrrj_276";
+const has_dropdown = "_has_dropdown_hmrrj_291";
+const icon_wrap = "_icon_wrap_hmrrj_312";
+const mobile_footer = "_mobile_footer_hmrrj_317";
+const mobile_footer_content = "_mobile_footer_content_hmrrj_322";
+const mobile_footer_media = "_mobile_footer_media_hmrrj_337";
+const footer_cta = "_footer_cta_hmrrj_343";
+const inner_wrapper = "_inner_wrapper_hmrrj_372";
+const btn = "_btn_hmrrj_378";
+const sub_menu = "_sub_menu_hmrrj_383";
+const main = "_main_hmrrj_26";
+const dd_footer = "_dd_footer_hmrrj_408";
+const desktop_only = "_desktop_only_hmrrj_433";
 const styles = {
   header,
   wrapper,

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

@@ -1,44 +1,44 @@
-import '../../assets/NavigationMenu/AxosFiduciary/NavBar.css.css';const header = "_header_1hqsj_1";
-const wrapper = "_wrapper_1hqsj_9";
-const header_main_row = "_header_main_row_1hqsj_21";
-const mobile_header = "_mobile_header_1hqsj_23";
-const logo_wrap = "_logo_wrap_1hqsj_35";
-const primary_links = "_primary_links_1hqsj_43";
-const main_nav = "_main_nav_1hqsj_51";
-const main_nav_link = "_main_nav_link_1hqsj_65";
-const sub_nav_link = "_sub_nav_link_1hqsj_109";
-const signin_wrap = "_signin_wrap_1hqsj_113";
-const signin_btn = "_signin_btn_1hqsj_115";
-const sub_nav = "_sub_nav_1hqsj_109";
-const header_sub_row = "_header_sub_row_1hqsj_197";
-const shadow = "_shadow_1hqsj_229";
-const opacity = "_opacity_1hqsj_261";
-const fadeInDown = "_fadeInDown_1hqsj_1";
-const footer = "_footer_1hqsj_273";
-const open = "_open_1hqsj_305";
-const mt_8 = "_mt_8_1hqsj_321";
-const mt_16 = "_mt_16_1hqsj_329";
-const ml_8 = "_ml_8_1hqsj_337";
-const reversed_row = "_reversed_row_1hqsj_345";
-const nav_anchor = "_nav_anchor_1hqsj_353";
-const site_lists = "_site_lists_1hqsj_375";
-const hamburger = "_hamburger_1hqsj_383";
-const mobile_logo = "_mobile_logo_1hqsj_411";
-const mobile_nav = "_mobile_nav_1hqsj_461";
-const mobile_opened = "_mobile_opened_1hqsj_483";
-const _mobile_opened = "__mobile_opened_1hqsj_491";
-const mobile_nav_item = "_mobile_nav_item_1hqsj_499";
-const icon_wrap = "_icon_wrap_1hqsj_529";
-const mobile_footer = "_mobile_footer_1hqsj_539";
-const mobile_footer_content = "_mobile_footer_content_1hqsj_549";
-const mobile_footer_media = "_mobile_footer_media_1hqsj_579";
-const footer_cta = "_footer_cta_1hqsj_593";
-const inner_wrapper = "_inner_wrapper_1hqsj_657";
-const btn = "_btn_1hqsj_667";
-const sub_menu = "_sub_menu_1hqsj_677";
-const main = "_main_1hqsj_51";
-const desktop_only = "_desktop_only_1hqsj_735";
-const mobile_only = "_mobile_only_1hqsj_829";
+import '../../assets/NavigationMenu/AxosFiduciary/NavBar.css.css';const header = "_header_15z7t_1";
+const wrapper = "_wrapper_15z7t_5";
+const header_main_row = "_header_main_row_15z7t_11";
+const mobile_header = "_mobile_header_15z7t_12";
+const logo_wrap = "_logo_wrap_15z7t_18";
+const primary_links = "_primary_links_15z7t_22";
+const main_nav = "_main_nav_15z7t_26";
+const main_nav_link = "_main_nav_link_15z7t_33";
+const sub_nav_link = "_sub_nav_link_15z7t_55";
+const signin_wrap = "_signin_wrap_15z7t_57";
+const signin_btn = "_signin_btn_15z7t_58";
+const sub_nav = "_sub_nav_15z7t_55";
+const header_sub_row = "_header_sub_row_15z7t_99";
+const shadow = "_shadow_15z7t_115";
+const opacity = "_opacity_15z7t_131";
+const fadeInDown = "_fadeInDown_15z7t_1";
+const footer = "_footer_15z7t_137";
+const open = "_open_15z7t_153";
+const mt_8 = "_mt_8_15z7t_161";
+const mt_16 = "_mt_16_15z7t_165";
+const ml_8 = "_ml_8_15z7t_169";
+const reversed_row = "_reversed_row_15z7t_173";
+const nav_anchor = "_nav_anchor_15z7t_177";
+const site_lists = "_site_lists_15z7t_188";
+const hamburger = "_hamburger_15z7t_192";
+const mobile_logo = "_mobile_logo_15z7t_206";
+const mobile_nav = "_mobile_nav_15z7t_231";
+const mobile_opened = "_mobile_opened_15z7t_242";
+const _mobile_opened = "__mobile_opened_15z7t_246";
+const mobile_nav_item = "_mobile_nav_item_15z7t_250";
+const icon_wrap = "_icon_wrap_15z7t_265";
+const mobile_footer = "_mobile_footer_15z7t_270";
+const mobile_footer_content = "_mobile_footer_content_15z7t_275";
+const mobile_footer_media = "_mobile_footer_media_15z7t_290";
+const footer_cta = "_footer_cta_15z7t_297";
+const inner_wrapper = "_inner_wrapper_15z7t_329";
+const btn = "_btn_15z7t_334";
+const sub_menu = "_sub_menu_15z7t_339";
+const main = "_main_15z7t_26";
+const desktop_only = "_desktop_only_15z7t_368";
+const mobile_only = "_mobile_only_15z7t_415";
 const styles = {
   header,
   wrapper,

package/dist/Table/Table.d.ts

@@ -61,7 +61,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, colSpan,
     is?: string | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
-    popover?: "" | "auto" | "manual" | "hint" | undefined;
+    popover?: "" | "auto" | "manual" | undefined;
     popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
     popoverTarget?: string | undefined;
     onToggle?: import('react').ToggleEventHandler<HTMLTableCellElement> | undefined;

package/dist/assets/Blockquote/Blockquote.css.css

@@ -1,72 +1,72 @@
-._quote_spacer_lqs2u_1 {
-  line-height: 1.35;
-  margin-block: clamp(1.88rem, 1.99vw + 1.41rem, 3rem);
-  margin-inline: auto;
-}
-
-._author_lqs2u_13,
-._quote_lqs2u_1 {
-  color: #1f1f1f;
-}
-
-._author_lqs2u_13 {
-  text-align: right;
-  margin-top: 18px;
-}
-
-._author_lqs2u_13 cite {
-  font-style: normal;
-}
-
-._quote_spacer_lqs2u_1 .img_fluid {
-  margin-right: 24px;
-  transform: rotateY(180deg) scaleY(-1);
-}
-
-._quote_spacer_lqs2u_1 .flex_row {
-  align-items: flex-start;
-}
-
-._quote_lqs2u_1 p {
-  font-size: clamp(1.22rem, 0.92vw + 1rem, 1.74rem);
-  font-style: italic;
-  line-height: 1.2;
-}
-
-.lchs2s1 ._quote_lqs2u_1 p {
-  color: #1e3860;
-}
-
-@media (max-width: 768px) {
-  ._quote_spacer_lqs2u_1 .img_fluid {
-    max-width: 30px;
-    margin-right: 12px;
-  }
-  ._author_lqs2u_13 {
-    margin-top: 14px;
-  }
-  ._quote_lqs2u_1 p {
-    font-size: 18px;
-  }
-  ._author_lqs2u_13 cite {
-    font-size: 14px;
-  }
-}
-
-@media (max-width: 500px) {
-  ._author_lqs2u_13 {
-    margin-top: 12px;
-  }
-}
-
-@media (min-width: 604px) {
-  ._quote_spacer_lqs2u_1 {
-    width: min(calc(100% - 2rem), 792px);
-  }
-}
-
-@media (min-width: 1023px) {
-  ._quote_lqs2u_1 p {
-    font-weight: 700;
-  }
-}
+._quote_spacer_ovx4r_1 {
+  line-height: 1.35;
+  margin-block: clamp(1.88rem, 1.99vw + 1.41rem, 3rem);
+  margin-inline: auto;
+}
+
+._author_ovx4r_7,
+._quote_ovx4r_1 {
+  color: #1f1f1f;
+}
+
+._author_ovx4r_7 {
+  text-align: right;
+  margin-top: 18px;
+}
+
+._author_ovx4r_7 cite {
+  font-style: normal;
+}
+
+._quote_spacer_ovx4r_1 .img_fluid {
+  margin-right: 24px;
+  transform: rotateY(180deg) scaleY(-1);
+}
+
+._quote_spacer_ovx4r_1 .flex_row {
+  align-items: flex-start;
+}
+
+._quote_ovx4r_1 p {
+  font-size: clamp(1.22rem, 0.92vw + 1rem, 1.74rem);
+  font-style: italic;
+  line-height: 1.2;
+}
+
+.lchs2s1 ._quote_ovx4r_1 p {
+  color: #1e3860;
+}
+
+@media (max-width: 768px) {
+  ._quote_spacer_ovx4r_1 .img_fluid {
+    max-width: 30px;
+    margin-right: 12px;
+  }
+  ._author_ovx4r_7 {
+    margin-top: 14px;
+  }
+  ._quote_ovx4r_1 p {
+    font-size: 18px;
+  }
+  ._author_ovx4r_7 cite {
+    font-size: 14px;
+  }
+}
+
+@media (max-width: 500px) {
+  ._author_ovx4r_7 {
+    margin-top: 12px;
+  }
+}
+
+@media (min-width: 604px) {
+  ._quote_spacer_ovx4r_1 {
+    width: min(calc(100% - 2rem), 792px);
+  }
+}
+
+@media (min-width: 1023px) {
+  ._quote_ovx4r_1 p {
+    font-weight: 700;
+  }
+}