@axos-web-dev/shared-components 2.0.0-dev.1 → 2.0.0-dev.10

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/Chatbot.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/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/Chatbot.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                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
@@ -18,7 +18,6 @@ import { ModalWrapper } from "../ImageBillboard/ExitIntentModal/ModalWrapper.js"
 import { useRef } from "react";
 import { IconBillboard } from "../IconBillboard/IconBillboard.js";
 import "../IconBillboard/IconBillboard.css.js";
-import "../utils/allowedAxosDomains.js";
 import "clsx";
 /* empty css                                          */
 /* empty css                                          */
@@ -78,17 +77,17 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
+/* empty css                                    */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
-import "../Chatbot/authenticate.js";
-/* empty css                                    */
+import "../Chatbot/Chatbot.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../HeroBanner/HeroBanner.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";
@@ -113,15 +112,11 @@ import "next/navigation.js";
 /* empty css                                                              */
 /* empty css                                                                 */
 import "next/link.js";
-import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
 /* empty css                                                   */
-import "../NavigationMenu/AxosBank/NavData.js";
 /* empty css                                                      */
 /* empty css                                                       */
-import "../NavigationMenu/AxosALTS/NavData.js";
 /* empty css                                                   */
 /* empty css                                                     */
-import "../NavigationMenu/LaVictoire/NavData.js";
 import "../PageNavItem/PageNavItem.css.js";
 import "react-slick";
 /* 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/Chatbot.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/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/Chatbot.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                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
@@ -16,7 +16,6 @@ import "../Chevron/Chevron.css.js";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import { header_section } from "../IconBillboard/IconBillboard.css.js";
-import "../utils/allowedAxosDomains.js";
 /* empty css                                          */
 /* empty css                                          */
 import "../Interstitial/Interstitial-variants.css.js";
@@ -71,17 +70,17 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
+/* empty css                                    */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
-import "../Chatbot/authenticate.js";
-/* empty css                                    */
+import "../Chatbot/Chatbot.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../HeroBanner/HeroBanner.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";
@@ -109,15 +108,11 @@ import "next/navigation.js";
 /* empty css                                                              */
 /* empty css                                                                 */
 import "next/link.js";
-import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
 /* empty css                                                   */
-import "../NavigationMenu/AxosBank/NavData.js";
 /* empty css                                                      */
 /* empty css                                                       */
-import "../NavigationMenu/AxosALTS/NavData.js";
 /* empty css                                                   */
 /* empty css                                                     */
-import "../NavigationMenu/LaVictoire/NavData.js";
 import "../PageNavItem/PageNavItem.css.js";
 import "react-slick";
 /* empty css                                                 */

package/dist/WalnutIframe/wrapper.module.js

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

package/dist/assets/Avatar/Avatar.css

@@ -1,59 +1,59 @@
-._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;
-  }
-}
+._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;
+  }
+}

package/dist/assets/Blockquote/Blockquote.css

@@ -1,72 +1,72 @@
-._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;
-  }
-}
+._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;
+  }
+}

package/dist/assets/Calculators/ApyCalculator/ApyCalculator.css

@@ -41,7 +41,7 @@
 ._1vox1xjb label {
   padding-left: 3px;
   font-size: 18px;
-  font-weight: 600;
+  font-weight: 700;
   margin-bottom: 5px;
   display: inline-block;
 }

package/dist/assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css

@@ -51,11 +51,11 @@
   background-color: #ace1fc;
 }
 ._1mgfcbjg {
-  font-weight: 600;
+  font-weight: 700;
 }
 ._1mgfcbjh {
   font-size: 22px;
-  font-weight: 600;
+  font-weight: 700;
 }
 ._1mgfcbji {
   height: 50px;

package/dist/assets/Calculators/SummitApyCalculator/BalanceAPYCalculator.css

@@ -71,7 +71,7 @@
   display: none;
 }
 ._11oamgh8 {
-  font-weight: 600;
+  font-weight: 700;
   font-size: 18px;
   line-height: 1.4;
   padding: 14px 64px;

package/dist/assets/Carousel/Carousel.css

@@ -66,7 +66,7 @@
 }
 .jgs3fsi {
   font-size: 18px;
-  font-weight: 600;
+  font-weight: 700;
   letter-spacing: 0.2px;
 }
 .jgs3fsk {

package/dist/assets/Chatbot/AnimatedGradientBorder.css

@@ -4,6 +4,23 @@
   initial-value: 90deg;
 }
 @keyframes ic6iil0 {
+  0% {
+    transform: translate(-50%, -50%) scale(1.4) rotate(0);
+  }
+  50% {
+    transform: translate(-50%, -50%) scale(1.4) rotate(.5turn);
+  }
+  55% {
+    transform: translate(-50%, -50%) scale(1.4) rotate(.6turn);
+  }
+  95% {
+    transform: translate(-50%, -50%) scale(1.4) rotate(1turn);
+  }
+  100% {
+    transform: translate(-50%, -50%) scale(1.4) rotate(1turn);
+  }
+}
+@keyframes ic6iil1 {
   from {
     --angle: 0deg;
   }
@@ -11,27 +28,67 @@
     --angle: 360deg;
   }
 }
-.ic6iil1 {
+.ic6iil2 {
+  --offset: 3px;
+  background: var(--_1073cm813);
+  max-width: 100%;
+  overflow: hidden;
+  border-width: 3px;
+  border: var(--_1073cm813);
+  border-style: solid;
+}
+.ic6iil3 {
   border: 2px solid var(--_1073cm813);
   background: var(--_1073cm815);
-  animation: ic6iil0 2s ease-in-out infinite;
+  animation: ic6iil1 2s ease-in-out infinite;
 }
-.ic6iil2 {
+.ic6iil4 {
   --angle: 90deg;
   border: 2px solid var(--_1073cm819);
-  animation: ic6iil0 3s ease-in-out infinite;
+  animation: ic6iil1 3s ease-in-out infinite;
   border-radius: 12px;
   background: linear-gradient(white) padding-box, var(--_1073cm815) border-box;
 }
-.ic6iil2:focus-within {
+.ic6iil4:focus-within {
   --angle: 270deg;
   border: 2px solid transparent;
-  background: linear-gradient(white) padding-box, linear-gradient(var(--angle), #EAD4BB, #806646 , #EAD4BB ) border-box;
+  background: linear-gradient(white) padding-box, linear-gradient(var(--angle),  var(--_1073cm815)) border-box;
+  background: linear-gradient(var(--angle),  var(--_1073cm815)) border-box;
+}
+@media screen and (max-width:768px) {
+  .ic6iil2 {
+    border: none;
+  }
 }
 @media screen and (min-width:768px) {
-  .ic6iil1:hover {
+  .ic6iil2 {
+    width: 164px;
+    height: 42px;
+    border-radius: 50px;
+  }
+  .ic6iil2:hover::before {
+    content: "";
+    background: conic-gradient(transparent 320deg, white, white);
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    aspect-ratio: 1;
+    width: 100%;
+    animation: ic6iil0 1.7s linear infinite;
+  }
+  .ic6iil2:hover::after {
+    content: "";
+    border-radius: inherit;
+    background: var(--_1073cm813);
+    position: absolute;
+    inset: var(--offset);
+    height: calc(100% - 2 * var(--offset));
+    width: calc(100% - 2 * var(--offset));
+  }
+  .ic6iil3:hover {
     --angle: 270deg;
     border: 2px solid transparent;
-    background: linear-gradient(white, white) padding-box, linear-gradient(var(--angle), var(--_1073cm815)) border-box;
+    background: linear-gradient(var(--_1073cm813)) padding-box, linear-gradient(var(--angle), var(--_1073cm815)) border-box;
   }
 }

package/dist/assets/Chatbot/Bubble.css

@@ -46,28 +46,31 @@
   right: 16px;
   z-index: 9999;
   overflow: hidden;
-  border-radius: 100px;
+}
+._1hpv6vm1 ._7u9pv32 {
+  background-color: var(--_1073cm813);
 }
 ._7u9pv33 {
   align-items: center;
-  background-color: var(--_1073cm813);
+  background-color: transparent;
   cursor: pointer;
   display: flex;
-  height: 56px;
   gap: 4px;
   color: var(--_1073cm816);
   line-height: 97%;
   place-items: center;
   justify-content: center;
-  padding: 12px 32px;
   font-weight: 700;
   font-size: 14px;
   border: none;
 }
+._1hpv6vm1 ._7u9pv33 {
+  background-color: var(--_1073cm813);
+}
 ._7u9pv34 {
-  position: relative;
+  position: absolute;
   z-index: 1;
-  overflow: hidden;
+  inset: 0;
 }
 ._7u9pv36 {
   fill: var(--_1073cm816);
@@ -77,12 +80,22 @@
     border-radius: 16px;
     height: 56px;
     width: 56px;
+    border: none;
   }
   ._7u9pv33 {
     width: 56px;
+    height: 56px;
     padding: 0;
+    line-height: 0;
   }
   ._7u9pv35 {
     display: none;
   }
+}
+@media screen and (min-width:768px) {
+  ._7u9pv32 {
+    border-radius: 100px;
+    width: 164px;
+    height: 42px;
+  }
 }