@axos-web-dev/shared-components 2.2.24 → 2.2.26

package/dist/TopicalNavItem/TopicalNavItem.js

@@ -1,46 +1,24 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Hyperlink } from "../Hyperlink/index.js";
-import { picker_navItem, picker_itemContent, picker_navIcon, picker_itemProduct, picker_arrow } from "./TopicalNavItem.css.js";
+import { picker_navItem, picker_itemContent, picker_navIcon, picker_itemProduct } from "./TopicalNavItem.css.js";
 const TopicalNavItem = ({
   id,
   icon,
   displayText,
   targetUrl
 }) => {
-  return /* @__PURE__ */ jsxs(Hyperlink, { className: picker_navItem, targetUrl, id: `id_${id}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: picker_itemContent, children: [
-      /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: icon?.src,
-          alt: "",
-          className: picker_navIcon,
-          width: 24,
-          height: 24,
-          "aria-hidden": "true"
-        }
-      ),
-      /* @__PURE__ */ jsx("p", { className: picker_itemProduct, children: displayText })
-    ] }),
+  return /* @__PURE__ */ jsx(Hyperlink, { className: picker_navItem, targetUrl, id: `id_${id}`, children: /* @__PURE__ */ jsxs("div", { className: picker_itemContent, children: [
     /* @__PURE__ */ jsx(
-      "svg",
+      "img",
       {
-        className: picker_arrow,
-        width: "12",
-        height: "20",
-        viewBox: "0 0 12 20",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M1.76378 0.46875L11.2941 9.99908L1.76378 19.5294L0.703125 18.4687L9.17295 9.99908L0.703125 1.52941L1.76378 0.46875Z",
-            fill: "#4A5560"
-          }
-        )
+        src: icon?.src,
+        alt: "",
+        className: picker_navIcon,
+        "aria-hidden": "true"
       }
-    )
-  ] });
+    ),
+    /* @__PURE__ */ jsx("p", { className: picker_itemProduct, children: displayText })
+  ] }) });
 };
 export {
   TopicalNavItem

package/dist/TopicalNavItem/index.js

@@ -1,8 +1,7 @@
-import { picker_arrow, picker_itemContent, picker_itemProduct, picker_navIcon, picker_navItem } from "./TopicalNavItem.css.js";
+import { picker_itemContent, picker_itemProduct, picker_navIcon, picker_navItem } from "./TopicalNavItem.css.js";
 import { TopicalNavItem } from "./TopicalNavItem.js";
 export {
   TopicalNavItem,
-  picker_arrow,
   picker_itemContent,
   picker_itemProduct,
   picker_navIcon,

package/dist/TopicalNavSet/TopicalNavSet.js

@@ -5,16 +5,24 @@ const TopicalNavSet = ({
   id,
   topicalNavigationItems
 }) => {
-  return /* @__PURE__ */ jsx("nav", { id: `id_${id}`, className: picker_section, children: /* @__PURE__ */ jsx("div", { className: picker_container, children: /* @__PURE__ */ jsx("div", { className: `${picker_orient} flex`, children: topicalNavigationItems?.map((nav) => /* @__PURE__ */ jsx(
-    TopicalNavItem,
+  return /* @__PURE__ */ jsx(
+    "nav",
     {
-      id: `id_${nav?.id}`,
-      icon: { src: nav?.icon?.src || "" },
-      displayText: nav?.displayText,
-      targetUrl: nav?.targetUrl
-    },
-    `id_${nav?.id}`
-  )) }) }) });
+      id: `id_${id}`,
+      className: picker_section,
+      "aria-label": "popular topics navigation",
+      children: /* @__PURE__ */ jsx("div", { className: picker_container, children: /* @__PURE__ */ jsx("div", { className: `${picker_orient} flex`, children: topicalNavigationItems?.map((nav) => /* @__PURE__ */ jsx(
+        TopicalNavItem,
+        {
+          id: `id_${nav?.id}`,
+          icon: { src: nav?.icon?.src || "" },
+          displayText: nav?.displayText,
+          targetUrl: nav?.targetUrl
+        },
+        `id_${nav?.id}`
+      )) }) })
+    }
+  );
 };
 export {
   TopicalNavSet

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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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/Chatbot/AnimatedGradientBorder.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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/NavigationMenu/AxosBank/NavBar2.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/Chatbot/AnimatedGradientBorder.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/ImageToast/ImageToast.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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
@@ -33,9 +33,14 @@ import "../Button/Button.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
-import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "next/image.js";
+import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
+import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/SelectionBanner.css.js";
+/* empty css                                          */
+import "../SetContainer/SetContainer.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -79,18 +84,14 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
-import "../HeroBanner/LargeBanner.css.js";
-import "../HeroBanner/HeroBanner.css.js";
-import "../HeroBanner/SelectionBanner.css.js";
-import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
 import "../ContentBanner/ContentBanner.css.js";
@@ -107,13 +108,13 @@ import "../ImageBillboard/ImageBillboard.css.js";
 /* empty css                                                      */
 /* empty css                                            */
 import "../LandingPageHeader/LandingPageHeader.css.js";
+import "next/link.js";
+/* empty css                                                   */
 /* empty css                                                      */
 import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
-import "next/link.js";
-/* empty css                                                   */
 /* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                   */

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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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/Chatbot/AnimatedGradientBorder.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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty 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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/NavigationMenu/AxosBank/NavBar2.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/Chatbot/AnimatedGradientBorder.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/ImageToast/ImageToast.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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
@@ -26,9 +26,14 @@ import "react-use";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
-import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "next/image.js";
+import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
+import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/SelectionBanner.css.js";
+/* empty css                                          */
+import "../SetContainer/SetContainer.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -72,18 +77,14 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
-import "../HeroBanner/LargeBanner.css.js";
-import "../HeroBanner/HeroBanner.css.js";
-import "../HeroBanner/SelectionBanner.css.js";
-import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
 import "../ContentBanner/ContentBanner.css.js";
@@ -103,13 +104,13 @@ import { VideoTile } from "../VideoTile/VideoTile.js";
 /* empty css                                                      */
 /* empty css                                            */
 import "../LandingPageHeader/LandingPageHeader.css.js";
+import "next/link.js";
+/* empty css                                                   */
 /* empty css                                                      */
 import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
-import "next/link.js";
-/* empty css                                                   */
 /* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                   */

package/dist/assets/Article/Article.css

@@ -2,15 +2,23 @@
   position: relative;
 }
 .n5hj5p2 {
+  background: var(--_1073cm81);
+  color: var(--_1073cm83);
   border: 1px solid #B9C1CE;
 }
 .n5hj5p3 {
+  background: var(--_1073cm88);
+  color: var(--_1073cm8a);
   border: none;
 }
 .n5hj5p4 {
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8h);
   border: none;
 }
 .n5hj5p5 {
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8o);
   border: none;
 }
 .n5hj5p6 {
@@ -73,19 +81,15 @@
 }
 .n5hj5pj {
   color: var(--_1073cm83);
-  background: var(--_1073cm81);
 }
 .n5hj5pk {
   color: var(--_1073cm8a);
-  background: var(--_1073cm88);
 }
 .n5hj5pl {
   color: var(--_1073cm8h);
-  background: var(--_1073cm8f);
 }
 .n5hj5pm {
   color: var(--_1073cm8o);
-  background: var(--_1073cm8m);
 }
 .n5hj5pn {
   border: 2px solid transparent;

package/dist/assets/ArticlesSet/ArticlesSet.css

@@ -1,104 +1,119 @@
 .kjcqgc0 {
-  margin: 56px 0;
   background-color: #fff;
 }
 .kjcqgc1 {
-  margin-bottom: 40px;
+  color: var(--_1073cm83);
+  background: var(--_1073cm81);
+}
+.kjcqgc2 {
+  color: var(--_1073cm8a);
+  background: var(--_1073cm88);
+  padding-block: 2.5rem;
 }
 .kjcqgc3 {
-  color: var(--_1073cm85);
+  color: var(--_1073cm8h);
+  background: var(--_1073cm8f);
+  padding-block: 2.5rem;
 }
 .kjcqgc4 {
-  color: var(--_1073cm8c);
+  color: var(--_1073cm8o);
+  background: var(--_1073cm8m);
+  padding-block: 2.5rem;
+}
+.page_body_contents > div:has(.kjcqgc2), .page_body_contents > div:has(.kjcqgc3), .page_body_contents > div:has(.kjcqgc4) {
+  margin-top: 0;
 }
 .kjcqgc5 {
+  margin-bottom: 40px;
+}
+.kjcqgc7 {
+  color: var(--_1073cm85);
+}
+.kjcqgc8 {
+  color: var(--_1073cm8c);
+}
+.kjcqgc9 {
   color: var(--_1073cm8j);
 }
-.kjcqgc6 {
+.kjcqgca {
   color: var(--_1073cm8q);
 }
-.kjcqgc7 {
+.kjcqgcb {
   font: 700 18px/1.44 var(--main-font-family);
   text-decoration: none;
   margin-right: 1em;
 }
-.kjcqgc7:hover {
+.kjcqgcb:hover {
   opacity: 0.7;
 }
-.kjcqgc8 {
+.kjcqgcc {
   color: var(--_1073cm82);
 }
-.kjcqgc9 {
-  color: var(--_1073cm82);
+.kjcqgcd {
+  color: var(--_1073cm89);
 }
-.kjcqgca {
-  color: var(--_1073cm82);
+.kjcqgce {
+  color: var(--_1073cm8g);
 }
-.kjcqgcb {
-  color: var(--_1073cm82);
+.kjcqgcf {
+  color: var(--_1073cm8n);
 }
-.kjcqgc2 + .sc__btn {
+.kjcqgc6 + .sc__btn {
   display: inline-block;
 }
-.kjcqgcd {
+.kjcqgch {
   fill: var(--_1073cm82);
 }
-.kjcqgce {
-  fill: var(--_1073cm82);
+.kjcqgci {
+  fill: var(--_1073cm89);
 }
-.kjcqgcf {
-  fill: var(--_1073cm82);
+.kjcqgcj {
+  fill: var(--_1073cm8g);
 }
-.kjcqgcg {
-  fill: var(--_1073cm82);
+.kjcqgck {
+  fill: var(--_1073cm8n);
 }
-.kjcqgch article {
+.kjcqgcl article {
   flex: 1 1 0%;
 }
-.kjcqgcj {
+.kjcqgcn {
   color: var(--_1073cm83);
   background: var(--_1073cm81);
 }
-.kjcqgck {
+.kjcqgco {
   color: var(--_1073cm8a);
   background: var(--_1073cm88);
 }
-.kjcqgcl {
+.kjcqgcp {
   color: var(--_1073cm8h);
   background: var(--_1073cm8f);
 }
-.kjcqgcm {
+.kjcqgcq {
   color: var(--_1073cm8o);
   background: var(--_1073cm8m);
 }
 @media (max-width: 1023px) {
-  .kjcqgc0 {
-    padding: 44px 0;
-  }
-  .kjcqgc1 {
+  .kjcqgc5 {
     margin-bottom: 32px;
   }
-  .kjcqgc2 + .sc__btn {
+  .kjcqgc6 + .sc__btn {
     margin-top: 16px;
   }
 }
 @media (max-width: 768px) {
-  .kjcqgc0 {
-    padding: 32px 0;
-  }
-  .kjcqgc1 {
+  .kjcqgc5 {
     margin-bottom: 24px;
   }
-  .kjcqgc7 {
+  .kjcqgcb {
     font-size: 1rem;
     line-height: 1.5;
   }
-  .kjcqgch {
+  .kjcqgcl {
     flex-direction: column;
   }
 }
 @media (max-width:1023px) and (min-width:769px) {
-  .kjcqgci > * {
+  .kjcqgcm > * {
     font-size: 15px;
     line-height: 1.4;
   }

package/dist/assets/Auth/SignIn.css

@@ -16,7 +16,8 @@
   color: var(--_1073cm8h);
   gap: 16px;
   isolation: isolate;
-  margin: 0 auto;
+  margin-block: 3.5rem;
+  margin-inline: auto;
   opacity: 0;
   padding: 2.5rem;
   width: min(685px, 100%);