@axos-web-dev/shared-components 1.0.100-dev.50 → 1.0.100-dev.51

package/dist/Tab/Tab.css.d.ts

@@ -1,36 +1,36 @@
 export declare const tab: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         secondary: {
-            color: `var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         tertiary: {
-            color: `var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         quaternary: {
-            color: `var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;
 export declare const active_tab: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})`;
-            borderBottom: `4px solid var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderBottom: `4px solid var(--${string})` | `4px solid var(--${string}, ${string})` | `4px solid var(--${string}, ${number})`;
         };
         secondary: {
-            color: `var(--${string})`;
-            borderBottom: `4px solid var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderBottom: `4px solid var(--${string})` | `4px solid var(--${string}, ${string})` | `4px solid var(--${string}, ${number})`;
         };
         tertiary: {
-            color: `var(--${string})`;
-            borderBottom: `4px solid var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderBottom: `4px solid var(--${string})` | `4px solid var(--${string}, ${string})` | `4px solid var(--${string}, ${number})`;
         };
         quaternary: {
-            color: `var(--${string})`;
-            borderBottom: `4px solid var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderBottom: `4px solid var(--${string})` | `4px solid var(--${string}, ${string})` | `4px solid var(--${string}, ${number})`;
         };
     };
 }>;

package/dist/Tab/Tab.css.js

@@ -1,4 +1,4 @@
-import '../assets/Tab/Tab.css';import '../assets/Typography/Typography.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                          */

package/dist/Table/Table.css.d.ts

@@ -2,7 +2,7 @@ export declare const table_section: string;
 export declare const table_container: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         apy: {
-            background: `var(--${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             padding: "2rem 0";
         };
         standard: {
@@ -21,27 +21,27 @@ export declare const th: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             color: "#4A5560";
-            background: `var(--${string})`;
-            borderBottom: `1px solid var(--${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderBottom: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
         };
         secondary: {
             color: "#4A5560";
-            background: `var(--${string})`;
-            borderBottom: `1px solid var(--${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderBottom: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
         };
         tertiary: {
-            color: `var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             borderBottom: "1px solid #F4F4F4";
             selectors: {
                 "&:first-child": {
-                    background: `var(--${string})`;
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
             };
             "@media": {
                 "screen and (max-width: 768px)": {
                     selectors: {
                         "&:first-child": {
-                            background: `var(--${string})`;
+                            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                         };
                     };
                 };
@@ -52,14 +52,14 @@ export declare const th: import('@vanilla-extract/recipes').RuntimeFn<{
             borderBottom: "1px solid #F4F4F4";
             selectors: {
                 "&:first-child": {
-                    background: `var(--${string})`;
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
             };
             "@media": {
                 "screen and (max-width: 768px)": {
                     selectors: {
                         "&:first-child": {
-                            backgroundImage: `var(--${string})`;
+                            backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                         };
                     };
                 };
@@ -74,48 +74,48 @@ export declare const apy_table: string;
 export declare const td: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             color: "#4A5560";
             borderBottom: string;
         };
         secondary: {
-            background: `var(--${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             color: "#4A5560";
             borderBottom: string;
         };
         tertiary: {
-            color: `var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             borderBottom: string;
             selectors: {
                 "&:first-child": {
-                    background: `var(--${string})`;
-                    color: `var(--${string})`;
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
             };
             "@media": {
                 "screen and (max-width: 327px)": {
                     selectors: {
                         "&:first-child": {
-                            backgroundImage: `var(--${string})`;
+                            backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                         };
                     };
                 };
             };
         };
         quaternary: {
-            color: `var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             borderBottom: string;
             selectors: {
                 "&:first-child": {
-                    background: `var(--${string})`;
-                    color: `var(--${string})`;
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
             };
             "@media": {
                 "screen and (max-width: 327px)": {
                     selectors: {
                         "&:first-child": {
-                            backgroundImage: `var(--${string})`;
+                            backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                         };
                     };
                 };
@@ -129,10 +129,10 @@ export declare const td: import('@vanilla-extract/recipes').RuntimeFn<{
 export declare const tableWrapper: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            border: `1px solid var(--${string})`;
+            border: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
         };
         secondary: {
-            border: `1px solid var(--${string})`;
+            border: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
         };
         tertiary: {
             border: "none";
@@ -145,16 +145,16 @@ export declare const tableWrapper: import('@vanilla-extract/recipes').RuntimeFn<
 export declare const table: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         secondary: {
-            background: `var(--${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         tertiary: {
-            background: `var(--${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         quaternary: {
-            background: `var(--${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;

package/dist/Table/Table.css.js

@@ -1,4 +1,4 @@
-import '../assets/Table/Table.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                         */

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/Table/Table.js

@@ -3,7 +3,7 @@ import clsx from "clsx";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -11,7 +11,7 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
 import { createElement } from "react";
-import { table_section, table_container_text, table_headline, table_description_text, table_container, table, highlight_first_row, highlight_last_row, alternate_color_rows, apy_table, tableWrapper, td, th } from "./Table.css.js";
+import { table_section, table_container, table_container_text, table_headline, table_description_text, tableWrapper, table, highlight_first_row, highlight_last_row, alternate_color_rows, apy_table, td, th } from "./Table.css.js";
 const TableContainer = ({
   tableTitle,
   tableBody,

package/dist/TextBlock/TextBlock.css.js

@@ -1,4 +1,4 @@
-import '../assets/TextBlock/TextBlock.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                             */

package/dist/TextBlock/TextBlock.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { textBlockHeader, textBlockSection } from "./TextBlock.css.js";
+import { textBlockSection, textBlockHeader } from "./TextBlock.css.js";
 const TextBlock = (props) => {
   return /* @__PURE__ */ jsxs(
     "div",

package/dist/Topic/Topic.css.js

@@ -1,4 +1,4 @@
-import '../assets/Topic/Topic.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+/* empty css                                          */
 /* empty css                         */
 var topic_container = "un906l0";
 var topic_columns = "un906l1";

package/dist/TopicalNavItem/TopicalNavItem.css.js

@@ -1,4 +1,4 @@
-import '../assets/TopicalNavItem/TopicalNavItem.css';/* empty css                                  */
+/* empty css                                  */
 var picker_navItem = "dmebjx0";
 var picker_itemProduct = "dmebjx1";
 var picker_arrow = "dmebjx2";

package/dist/TopicalNavSet/TopicalNavSet.css.js

@@ -1,4 +1,4 @@
-import '../assets/TopicalNavSet/TopicalNavSet.css';/* empty css                                 */
+/* empty css                                 */
 var picker_section = "xbzzeo0";
 var picker_container = "xbzzeo1";
 var picker_orient = "xbzzeo2";

package/dist/Typography/Typography.css.js

@@ -1,4 +1,4 @@
-import '../assets/Typography/Typography.css';/* empty css                              */
+/* empty css                              */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var headerCssVariable = "var(--header-font-family)";
 var mainCssVariable = "var(--main-font-family)";

package/dist/VideoTile/VideoTile.css.js

@@ -1,4 +1,4 @@
-import '../assets/VideoTile/VideoTile.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                    */

package/dist/VideoTile/VideoTile.js

@@ -4,7 +4,7 @@ import SvgArrowIcon from "../icons/ArrowIcon/index.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
-import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */

package/dist/VideoWrapper/VideoWrapper.css.js

@@ -1,4 +1,4 @@
-import '../assets/VideoWrapper/VideoWrapper.css';/* empty css                                */
+/* empty css                                */
 var video_tile_set = "_2i5u4u0";
 var grid_wrapper = "_2i5u4u1";
 var grid_2 = "_2i5u4u2";

package/dist/VideoWrapper/index.js

@@ -3,7 +3,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */

package/dist/WalnutIframe/wrapper.module.js

@@ -1,4 +1,4 @@
-import '../assets/WalnutIframe/wrapper.css.css';const wrapper = "_wrapper_f1tr5_10";
+const wrapper = "_wrapper_f1tr5_10";
 const shimmer = "_shimmer_f1tr5_1";
 const wrapper_control = "_wrapper_control_f1tr5_39";
 const css = {

package/dist/assets/Avatar/Avatar.css.css

@@ -1,59 +1,59 @@
-._avatar_sec_q4a8z_1 {
-  margin: 16px 0;
-}
-
-._container_q4a8z_9 {
-  border-bottom: 1px solid #d4d4d4;
-  border-top: 1px solid #d4d4d4;
-  margin-inline: auto;
-  max-width: 1200px;
-  padding: 16px 0;
-  width: 100%;
-}
-
-._image_q4a8z_27 {
-  aspect-ratio: 1;
-  background-position: 0 0;
-  background-size: contain;
-  border-radius: 50%;
-  flex: 0 0 100px;
-  height: 100px;
-}
-
-._text_q4a8z_45 {
-  flex: 1 1 0%;
-  align-self: center;
-  margin-left: 16px;
-}
-
-._name_q4a8z_57 {
-  color: #1e3860;
-  font-family: var(--header-font-family);
-  font-size: 20px;
-  font-weight: 700;
-  line-height: 1.4;
-}
-
-._title_q4a8z_73 {
-  color: #1e3860;
-  font-size: 18px;
-  font-weight: 500;
-  line-height: 1.44;
-}
-
-._description_q4a8z_87 p {
-  font-size: 14px;
-  line-height: 1.33;
-  color: #333d46;
-}
-
-* + ._description_q4a8z_87 {
-  margin-top: 8px;
-}
-
-@media (max-width: 603px) {
-  ._image_q4a8z_27 {
-    height: 75px;
-    flex: 0 0 75px;
-  }
-}
+._avatar_sec_1clr6_1 {
+  margin: 16px 0;
+}
+
+._container_1clr6_5 {
+  border-bottom: 1px solid #d4d4d4;
+  border-top: 1px solid #d4d4d4;
+  margin-inline: auto;
+  max-width: 1200px;
+  padding: 16px 0;
+  width: 100%;
+}
+
+._image_1clr6_14 {
+  aspect-ratio: 1;
+  background-position: 0 0;
+  background-size: contain;
+  border-radius: 50%;
+  flex: 0 0 100px;
+  height: 100px;
+}
+
+._text_1clr6_23 {
+  flex: 1 1 0%;
+  align-self: center;
+  margin-left: 16px;
+}
+
+._name_1clr6_29 {
+  color: #1e3860;
+  font-family: var(--header-font-family);
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 1.4;
+}
+
+._title_1clr6_37 {
+  color: #1e3860;
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 1.44;
+}
+
+._description_1clr6_44 p {
+  font-size: 14px;
+  line-height: 1.33;
+  color: #333d46;
+}
+
+* + ._description_1clr6_44 {
+  margin-top: 8px;
+}
+
+@media (max-width: 603px) {
+  ._image_1clr6_14 {
+    height: 75px;
+    flex: 0 0 75px;
+  }
+}

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;
+  }
+}