@axos-web-dev/shared-components 2.0.0-dev.2-bwaTest → 2.0.0-dev.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (121) hide show
  1. package/dist/ATMLocator/ATMLocator.js +4 -4
  2. package/dist/Accordion/Accordion.js +3 -3
  3. package/dist/AlertBanner/index.js +1 -1
  4. package/dist/Article/Article.js +1 -1
  5. package/dist/Auth/ErrorAlert.js +4 -4
  6. package/dist/Button/Button.js +4 -4
  7. package/dist/Calculators/AnnualFeeCalculator/index.js +1 -1
  8. package/dist/Calculators/ApyCalculator/index.js +1 -1
  9. package/dist/Calculators/BuyDownCalculator/index.js +1 -1
  10. package/dist/Calculators/Calculator.js +4 -4
  11. package/dist/Calculators/MarginTradingCalculator/index.js +5 -5
  12. package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.js +1 -1
  13. package/dist/Calculators/MaxLoanCalculator/index.js +1 -1
  14. package/dist/Calculators/MonthlyPaymentCalculator/index.js +1 -1
  15. package/dist/Calculators/MonthlyPaymentLVFCalculator/index.js +1 -1
  16. package/dist/Carousel/index.js +5 -5
  17. package/dist/Chatbot/AnimatedGradientBorder.css.d.ts +4 -0
  18. package/dist/Chatbot/AnimatedGradientBorder.css.js +11 -3
  19. package/dist/Chatbot/Bubble.css.js +2 -1
  20. package/dist/Chatbot/Bubble.d.ts +1 -0
  21. package/dist/Chatbot/Bubble.js +2 -2
  22. package/dist/Chatbot/Chat.js +17 -7
  23. package/dist/Chatbot/ChatWindow.css.d.ts +4 -0
  24. package/dist/Chatbot/ChatWindow.css.js +39 -31
  25. package/dist/Chatbot/ChatWindow.js +31 -19
  26. package/dist/Chatbot/Chatbot.d.ts +10 -2
  27. package/dist/Chatbot/Chatbot.js +85 -52
  28. package/dist/Chatbot/ChatbotMessage.d.ts +1 -0
  29. package/dist/Chatbot/ChatbotMessage.js +47 -4
  30. package/dist/Chatbot/index.js +5 -1
  31. package/dist/Chatbot/useHeadlessChat.js +1 -2
  32. package/dist/Chevron/index.js +4 -4
  33. package/dist/Comparison/Comparison.js +4 -4
  34. package/dist/ContentBanner/index.js +1 -1
  35. package/dist/ExecutiveBio/ExecutiveBio.js +5 -5
  36. package/dist/ExecutiveBio/ExecutiveBioSet.js +1 -1
  37. package/dist/FaqAccordion/index.js +5 -5
  38. package/dist/FooterDisclosure/FooterDisclosure.js +1 -1
  39. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +22 -4
  40. package/dist/Forms/ApplyNow.js +4 -4
  41. package/dist/Forms/BoatMooringLocation.d.ts +6 -1
  42. package/dist/Forms/BoatMooringLocation.js +145 -8
  43. package/dist/Forms/ContactUsBusiness.js +4 -4
  44. package/dist/Forms/ContactUsBusinessNameEmail.js +4 -4
  45. package/dist/Forms/ContactUsNMLSId.js +4 -4
  46. package/dist/Forms/CpraRequest.js +4 -4
  47. package/dist/Forms/CraPublicFile.js +4 -4
  48. package/dist/Forms/EmailOnly.js +4 -4
  49. package/dist/Forms/FormEnums.js +2 -2
  50. package/dist/Forms/MortgageRate/MortgageRateForm.js +5 -5
  51. package/dist/Forms/MortgageRate/MortgageRateWatch.js +4 -4
  52. package/dist/Forms/MortgageWarehouseLending.js +4 -4
  53. package/dist/Forms/SuccesForm.js +4 -4
  54. package/dist/HeroBanner/HeroBanner.css.d.ts +1 -0
  55. package/dist/HeroBanner/HeroBanner.css.js +19 -16
  56. package/dist/HeroBanner/HeroBanner.d.ts +1 -1
  57. package/dist/HeroBanner/HeroBanner.interface.d.ts +4 -1
  58. package/dist/HeroBanner/HeroBanner.js +26 -160
  59. package/dist/HeroBanner/HeroVideoPoster.d.ts +5 -0
  60. package/dist/HeroBanner/HeroVideoPoster.js +24 -0
  61. package/dist/HeroBanner/LargeBanner.css.d.ts +110 -0
  62. package/dist/HeroBanner/LargeBanner.css.js +22 -8
  63. package/dist/HeroBanner/LargeHeroBanner.d.ts +5 -0
  64. package/dist/HeroBanner/LargeHeroBanner.js +228 -0
  65. package/dist/HeroBanner/index.js +3 -2
  66. package/dist/Hyperlink/index.js +4 -4
  67. package/dist/IconBillboard/IconBillboardSet.js +1 -1
  68. package/dist/ImageBillboard/ImageBillboard.js +1 -1
  69. package/dist/ImageLink/ImageLink.js +3 -3
  70. package/dist/ImageLink/ImageLinkSet.js +3 -3
  71. package/dist/ImageLink/index.js +4 -4
  72. package/dist/Input/Checkbox.js +2 -2
  73. package/dist/Input/DownPaymentInput.js +1 -1
  74. package/dist/Input/Dropdown.js +1 -1
  75. package/dist/Input/Input.js +1 -1
  76. package/dist/Input/InputTextArea.js +1 -1
  77. package/dist/Insight/Featured/CategorySelector.js +4 -4
  78. package/dist/Insight/Featured/Featured.js +6 -6
  79. package/dist/Insight/Featured/Header.js +4 -4
  80. package/dist/LandingPageHeader/LandingPageHeader.js +1 -1
  81. package/dist/Modal/Modal.js +4 -4
  82. package/dist/Modal/contextApi/store.js +1 -1
  83. package/dist/NavigationMenu/AxosALTS/index.js +4 -4
  84. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +4 -4
  85. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +27 -27
  86. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +11 -8
  87. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +20 -19
  88. package/dist/NavigationMenu/AxosBank/NavBar.module.js +39 -39
  89. package/dist/NavigationMenu/AxosBank/SubNavBar.js +41 -36
  90. package/dist/NavigationMenu/AxosBank/index.js +31 -21
  91. package/dist/NavigationMenu/LaVictoire/index.js +4 -4
  92. package/dist/NavigationMenu/Navbar.js +4 -4
  93. package/dist/NavigationMenu/SignInNavButton.js +4 -4
  94. package/dist/PageNavItem/PageNavItem.js +1 -1
  95. package/dist/SetContainer/SetContainer.js +4 -4
  96. package/dist/SocialMediaBar/iconsRepository.js +4 -4
  97. package/dist/StepItem/StepItem.js +1 -1
  98. package/dist/StepItemSet/StepItemSet.js +1 -1
  99. package/dist/Table/Table.js +1 -1
  100. package/dist/Topic/Topic.js +1 -1
  101. package/dist/VideoTile/VideoTile.js +4 -4
  102. package/dist/VideoWrapper/index.js +4 -4
  103. package/dist/assets/Chatbot/AnimatedGradientBorder.css +99 -12
  104. package/dist/assets/Chatbot/Bubble.css +19 -6
  105. package/dist/assets/Chatbot/ChatWindow.css +99 -63
  106. package/dist/assets/ExecutiveBio/ExecutiveBio.css +0 -2
  107. package/dist/assets/HeroBanner/HeroBanner.css +82 -65
  108. package/dist/assets/HeroBanner/LargeBanner.css +126 -59
  109. package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css +49 -49
  110. package/dist/assets/NavigationMenu/AxosBank/NavBar.css +88 -88
  111. package/dist/assets/globals.css +9 -9
  112. package/dist/assets/notification.mp3.js +4 -0
  113. package/dist/assets/themes/axos.css +1 -1
  114. package/dist/assets/themes/ufb.css +1 -1
  115. package/dist/main.js +8 -3
  116. package/dist/utils/getPosition.d.ts +1 -0
  117. package/dist/utils/getPosition.js +17 -0
  118. package/dist/utils/variant.types.d.ts +1 -0
  119. package/package.json +2 -2
  120. package/dist/Chatbot/authenticate.d.ts +0 -3
  121. package/dist/Chatbot/authenticate.js +0 -16
@@ -3,7 +3,7 @@ import "../Accordion/Accordion.js";
3
3
  import "../Accordion/Accordion.css.js";
4
4
  import "../icons/ArrowIcon/ArrowIcon.css.js";
5
5
  import "../icons/CheckIcon/CheckIcon.css.js";
6
- 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 */
6
+ 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 */
7
7
  /* empty css */
8
8
  /* empty css */
9
9
  /* empty css */
@@ -70,17 +70,17 @@ import "../Auth/SignInPassword.js";
70
70
  /* empty css */
71
71
  import "../Carousel/index.js";
72
72
  /* empty css */
73
+ /* empty css */
73
74
  /* empty css */
74
75
  import "../Chatbot/store/chat.js";
75
- import "../Chatbot/authenticate.js";
76
- /* empty css */
76
+ import "../Chatbot/Chatbot.js";
77
77
  /* empty css */
78
78
  import "../Chatbot/store/messages.js";
79
79
  /* empty css */
80
80
  import "../Comparison/Comparison.css.js";
81
81
  import "next/image.js";
82
- import "../HeroBanner/HeroBanner.css.js";
83
82
  import "../HeroBanner/LargeBanner.css.js";
83
+ import "../HeroBanner/HeroBanner.css.js";
84
84
  import "../HeroBanner/SelectionBanner.css.js";
85
85
  import "../SetContainer/SetContainer.css.js";
86
86
  import "../Tab/Tab.css.js";
@@ -4,6 +4,23 @@
4
4
  initial-value: 90deg;
5
5
  }
6
6
  @keyframes ic6iil0 {
7
+ 0% {
8
+ transform: translate(-50%, -50%) scale(1.4) rotate(0);
9
+ }
10
+ 50% {
11
+ transform: translate(-50%, -50%) scale(1.4) rotate(.5turn);
12
+ }
13
+ 55% {
14
+ transform: translate(-50%, -50%) scale(1.4) rotate(.6turn);
15
+ }
16
+ 95% {
17
+ transform: translate(-50%, -50%) scale(1.4) rotate(1turn);
18
+ }
19
+ 100% {
20
+ transform: translate(-50%, -50%) scale(1.4) rotate(1turn);
21
+ }
22
+ }
23
+ @keyframes ic6iil1 {
7
24
  from {
8
25
  --angle: 0deg;
9
26
  }
@@ -11,28 +28,98 @@
11
28
  --angle: 360deg;
12
29
  }
13
30
  }
14
- .ic6iil1 {
31
+ @keyframes ic6iil4 {
32
+ 0% {
33
+ box-shadow: px -4px 12px -6px var(--_1073cm813);
34
+ }
35
+ 50% {
36
+ box-shadow: 0px -14px 40px -10px var(--_1073cm813);
37
+ }
38
+ 100% {
39
+ box-shadow: 0px -4px 12px -6px var(--_1073cm813);
40
+ }
41
+ }
42
+ @keyframes ic6iil6 {
43
+ from {
44
+ box-shadow: 0 0 0 rgba(0, 0, 0, 0);
45
+ }
46
+ to {
47
+ box-shadow: 0 0 16px 4px var(--_1073cm813);
48
+ }
49
+ }
50
+ @keyframes ic6iil7 {
51
+ from {
52
+ box-shadow: 0 0 16px 4px var(--_1073cm813);
53
+ }
54
+ to {
55
+ box-shadow: 0 0 rgba(0, 0, 0, 0);
56
+ }
57
+ }
58
+ .ic6iil2 {
59
+ --offset: 3px;
60
+ background: var(--_1073cm813);
61
+ max-width: 100%;
62
+ overflow: hidden;
63
+ border-width: 3px;
64
+ border: var(--_1073cm813);
65
+ border-style: solid;
66
+ }
67
+ .ic6iil3 {
15
68
  border: 2px solid var(--_1073cm813);
16
69
  background: var(--_1073cm815);
17
- animation: ic6iil0 2s ease-in-out infinite;
70
+ animation: ic6iil1 2s ease-in-out infinite;
18
71
  }
19
- .ic6iil2 {
72
+ .ic6iil5 {
20
73
  --angle: 90deg;
21
- border: 2px solid var(--_1073cm819);
22
- animation: ic6iil0 3s ease-in-out infinite;
74
+ border: 1px solid var(--_1073cm81c);
23
75
  border-radius: 12px;
24
76
  background: linear-gradient(white) padding-box, var(--_1073cm815) border-box;
25
77
  }
26
- .ic6iil2:focus-within {
27
- --angle: 270deg;
28
- border: 2px solid transparent;
29
- background: linear-gradient(white) padding-box, linear-gradient(var(--angle), var(--_1073cm815)) border-box;
30
- background: linear-gradient(var(--angle), var(--_1073cm815)) border-box;
78
+ .ic6iil5:focus-within {
79
+ border: 1px solid #404040;
80
+ animation: ic6iil4 2s ease-in-out infinite;
81
+ }
82
+ .ic6iil8 {
83
+ animation: ic6iil7 0.4s ease forwards;
84
+ }
85
+ @media screen and (max-width:768px) {
86
+ .ic6iil2 {
87
+ border: none;
88
+ }
31
89
  }
32
90
  @media screen and (min-width:768px) {
33
- .ic6iil1:hover {
91
+ .ic6iil2 {
92
+ width: 164px;
93
+ height: 42px;
94
+ border-radius: 50px;
95
+ }
96
+ .ic6iil2:hover::before {
97
+ content: "";
98
+ background: conic-gradient(transparent 320deg, white, white);
99
+ position: absolute;
100
+ top: 50%;
101
+ left: 50%;
102
+ transform: translate(-50%, -50%);
103
+ aspect-ratio: 1;
104
+ width: 100%;
105
+ animation: ic6iil0 1.7s linear infinite;
106
+ }
107
+ .ic6iil2:hover::after {
108
+ content: "";
109
+ border-radius: inherit;
110
+ background: var(--_1073cm813);
111
+ position: absolute;
112
+ inset: var(--offset);
113
+ height: calc(100% - 2 * var(--offset));
114
+ width: calc(100% - 2 * var(--offset));
115
+ }
116
+ .ic6iil3:hover {
34
117
  --angle: 270deg;
35
118
  border: 2px solid transparent;
36
- background: linear-gradient(white, white) padding-box, linear-gradient(var(--angle), var(--_1073cm815)) border-box;
119
+ background: linear-gradient(var(--_1073cm813)) padding-box, linear-gradient(var(--angle), var(--_1073cm815)) border-box;
120
+ }
121
+ .ic6iil8:hover {
122
+ box-shadow: 0 0 16px 4px var(--_1073cm813);
123
+ animation: ic6iil6 0.4s ease forwards;
37
124
  }
38
125
  }
@@ -46,28 +46,31 @@
46
46
  right: 16px;
47
47
  z-index: 9999;
48
48
  overflow: hidden;
49
- border-radius: 100px;
49
+ }
50
+ ._1hpv6vm1 ._7u9pv32 {
51
+ background-color: var(--_1073cm813);
50
52
  }
51
53
  ._7u9pv33 {
52
54
  align-items: center;
53
- background-color: var(--_1073cm813);
55
+ background-color: transparent;
54
56
  cursor: pointer;
55
57
  display: flex;
56
- height: 56px;
57
58
  gap: 4px;
58
59
  color: var(--_1073cm816);
59
60
  line-height: 97%;
60
61
  place-items: center;
61
62
  justify-content: center;
62
- padding: 12px 32px;
63
63
  font-weight: 700;
64
64
  font-size: 14px;
65
65
  border: none;
66
66
  }
67
+ ._1hpv6vm1 ._7u9pv33 {
68
+ background-color: var(--_1073cm813);
69
+ }
67
70
  ._7u9pv34 {
68
- position: relative;
71
+ position: absolute;
69
72
  z-index: 1;
70
- overflow: hidden;
73
+ inset: 0;
71
74
  }
72
75
  ._7u9pv36 {
73
76
  fill: var(--_1073cm816);
@@ -77,12 +80,22 @@
77
80
  border-radius: 16px;
78
81
  height: 56px;
79
82
  width: 56px;
83
+ border: none;
80
84
  }
81
85
  ._7u9pv33 {
82
86
  width: 56px;
87
+ height: 56px;
83
88
  padding: 0;
89
+ line-height: 0;
84
90
  }
85
91
  ._7u9pv35 {
86
92
  display: none;
87
93
  }
94
+ }
95
+ @media screen and (min-width:768px) {
96
+ ._7u9pv32 {
97
+ border-radius: 100px;
98
+ width: 164px;
99
+ height: 42px;
100
+ }
88
101
  }
@@ -1,4 +1,12 @@
1
- @keyframes _13n1jqku {
1
+ @keyframes _13n1jqk0 {
2
+ from {
3
+ box-shadow: 0 0 16px 4px var(--_1073cm813);
4
+ }
5
+ to {
6
+ box-shadow: none;
7
+ }
8
+ }
9
+ @keyframes _13n1jqkv {
2
10
  0% {
3
11
  background-position: 200% 0;
4
12
  }
@@ -6,31 +14,33 @@
6
14
  background-position: -200% 0;
7
15
  }
8
16
  }
9
- ._13n1jqk0 {
17
+ ._13n1jqk1 {
10
18
  background: var(--_1073cm817);
11
19
  border-radius: 10px;
12
- bottom: 16px;
13
- box-shadow: -4px -4px 60px 5px rgba(0, 0, 0, 0.3);
20
+ bottom: 15px;
14
21
  display: flex;
22
+ border: 1px solid #E9EBEF;
15
23
  flex-direction: column;
16
24
  height: min(calc(100vh - 112px), 560px);
17
25
  max-width: 100%;
18
26
  outline: none;
19
27
  overflow: hidden;
20
28
  position: fixed;
21
- right: 16px;
29
+ right: 15px;
22
30
  transform: translate(calc(0px - 64px / 2), calc(64px / 2 + 24px)) scale(0);
23
- transition: transform 0.3s, visibility 0.3s;
31
+ transition: transform 0.3s, visibility 0.3s, box-shadow 0.3s ease;
24
32
  transform-origin: bottom right;
25
33
  width: min(calc(100vw - 50px), 350px);
26
34
  z-index: 10000;
27
35
  }
28
- ._13n1jqk1 {
36
+ ._13n1jqk2 {
37
+ animation: _13n1jqk0 3s forwards;
38
+ box-shadow: 0 0 16px 4px var(--_1073cm813);
29
39
  transform: translate(0px) scale(1);
30
40
  transition: transform 0.3s;
31
41
  visibility: visible;
32
42
  }
33
- ._13n1jqk2 {
43
+ ._13n1jqk3 {
34
44
  align-items: center;
35
45
  background-color: var(--_1073cm817);
36
46
  display: grid;
@@ -40,18 +50,18 @@
40
50
  padding: 20px 24px;
41
51
  gap: 8px;
42
52
  }
43
- ._13n1jqk4 {
53
+ ._13n1jqk5 {
44
54
  color: var(--_1073cm819);
45
55
  font-weight: 700;
46
56
  font-size: 18px;
47
57
  line-height: 1.5;
48
58
  }
49
- ._13n1jqk5 {
59
+ ._13n1jqk6 {
50
60
  display: flex;
51
61
  align-items: center;
52
62
  gap: 8px;
53
63
  }
54
- ._13n1jqk6 {
64
+ ._13n1jqk7 {
55
65
  width: 32px;
56
66
  height: 32px;
57
67
  border-radius: 50%;
@@ -61,32 +71,32 @@
61
71
  justify-content: center;
62
72
  align-items: center;
63
73
  }
64
- ._13n1jqk6:hover {
74
+ ._13n1jqk7:hover {
65
75
  background: #0000000f;
66
76
  cursor: pointer;
67
77
  }
68
- button:has(span:hover) ._13n1jqk6 {
78
+ button:has(span:hover) ._13n1jqk7 {
69
79
  background: #0000000f;
70
80
  cursor: pointer;
71
81
  }
72
- ._13n1jqk7 {
82
+ ._13n1jqk8 {
73
83
  border: none;
74
84
  cursor: pointer;
75
85
  line-height: 1;
76
86
  margin-left: 8px;
77
87
  padding: 0;
78
88
  }
79
- ._13n1jqk7 >:first-child {
89
+ ._13n1jqk8 >:first-child {
80
90
  display: block;
81
91
  }
82
- ._13n1jqk7 > :last-child {
92
+ ._13n1jqk8 > :last-child {
83
93
  display: none;
84
94
  }
85
- ._13n1jqk8 {
95
+ ._13n1jqk9 {
86
96
  fill: var(--_1073cm819);
87
97
  color: var(--_1073cm819);
88
98
  }
89
- ._13n1jqk9 {
99
+ ._13n1jqka {
90
100
  border: none;
91
101
  color: #1F1F1F;
92
102
  flex: 1 0 0;
@@ -96,40 +106,40 @@ button:has(span:hover) ._13n1jqk6 {
96
106
  background: transparent;
97
107
  resize: none;
98
108
  }
99
- ._13n1jqk9::placeholder {
109
+ ._13n1jqka::placeholder {
100
110
  color: rgba(31,31,31,.38);
101
111
  }
102
- ._1hpv6vm1 ._13n1jqk9::placeholder {
112
+ ._1hpv6vm1 ._13n1jqka::placeholder {
103
113
  color: rgba(31,31,31,.58);
104
114
  }
105
- ._13n1jqk9:disabled {
115
+ ._13n1jqka:disabled {
106
116
  cursor: not-allowed;
107
117
  }
108
- ._13n1jqka {
118
+ ._13n1jqkb {
109
119
  overflow-y: hidden;
110
120
  min-height: 20px;
111
121
  }
112
- ._13n1jqkb {
122
+ ._13n1jqkc {
113
123
  padding-inline: 20px;
114
124
  background: transparent;
115
125
  border: none;
116
126
  }
117
- ._13n1jqkb:hover {
127
+ ._13n1jqkc:hover {
118
128
  cursor: pointer;
119
129
  }
120
- ._13n1jqkb:disabled {
130
+ ._13n1jqkc:disabled {
121
131
  cursor: not-allowed;
122
132
  }
123
- ._13n1jqkb svg {
133
+ ._13n1jqkc svg {
124
134
  fill: rgba(31,31,31,.38);
125
135
  }
126
- ._13n1jqkb.active svg {
136
+ ._13n1jqkc.active svg {
127
137
  fill: #1e3860;
128
138
  }
129
- ._1hpv6vm1 ._13n1jqkb.active svg {
139
+ ._1hpv6vm1 ._13n1jqkc.active svg {
130
140
  fill: #e18357;
131
141
  }
132
- ._13n1jqkc {
142
+ ._13n1jqkd {
133
143
  background: #ffffff;
134
144
  display: flex;
135
145
  flex: 1;
@@ -140,26 +150,26 @@ button:has(span:hover) ._13n1jqk6 {
140
150
  scrollbar-color: #ccc transparent;
141
151
  overflow-x: hidden;
142
152
  }
143
- ._13n1jqkc > :first-child {
153
+ ._13n1jqkd > :first-child {
144
154
  margin-top: auto;
145
155
  }
146
- ._13n1jqkd {
156
+ ._13n1jqke {
147
157
  color: #888;
148
158
  font-size: 10px;
149
159
  margin-bottom: 4px;
150
160
  text-align: center;
151
161
  }
152
- ._13n1jqke {
162
+ ._13n1jqkf {
153
163
  border-top-left-radius: 32px;
154
164
  border-top-right-radius: 32px;
155
165
  margin-bottom: 4px;
156
166
  max-width: 93%;
157
167
  padding: 12px 24px;
158
168
  }
159
- ._13n1jqke ul {
169
+ ._13n1jqkf ul {
160
170
  padding-left: 24px;
161
171
  }
162
- ._13n1jqkf {
172
+ ._13n1jqkg {
163
173
  border-radius: 8px;
164
174
  display: flex;
165
175
  flex-direction: column;
@@ -167,7 +177,7 @@ button:has(span:hover) ._13n1jqk6 {
167
177
  align-items: flex-end;
168
178
  gap: 5px;
169
179
  }
170
- ._13n1jqkg {
180
+ ._13n1jqkh {
171
181
  font-size: 12px;
172
182
  text-align: center;
173
183
  background: var(--_1073cm817);
@@ -178,13 +188,13 @@ button:has(span:hover) ._13n1jqk6 {
178
188
  width: min(60%,180px);
179
189
  border: 1px solid var(--_1073cm81c);
180
190
  }
181
- ._13n1jqkg:hover {
191
+ ._13n1jqkh:hover {
182
192
  background: #f0f0f0;
183
193
  }
184
- ._1hpv6vm1 ._13n1jqkg {
194
+ ._1hpv6vm1 ._13n1jqkh {
185
195
  color: #323339;
186
196
  }
187
- ._13n1jqkh {
197
+ ._13n1jqki {
188
198
  background: #1e629a;
189
199
  border: none;
190
200
  color: #fff;
@@ -195,15 +205,15 @@ button:has(span:hover) ._13n1jqk6 {
195
205
  text-align: center;
196
206
  width: 100%;
197
207
  }
198
- ._13n1jqkh:hover {
208
+ ._13n1jqki:hover {
199
209
  opacity: 0.8;
200
210
  }
201
- ._13n1jqki {
211
+ ._13n1jqkj {
202
212
  background: white;
203
213
  color: var(--_1073cm819);
204
214
  border: 1px solid var(--_1073cm81e);
205
215
  }
206
- ._13n1jqkj {
216
+ ._13n1jqkk {
207
217
  position: absolute;
208
218
  top: 48px;
209
219
  right: 70px;
@@ -219,7 +229,7 @@ button:has(span:hover) ._13n1jqk6 {
219
229
  color: #323339;
220
230
  }
221
231
  }
222
- ._13n1jqkk {
232
+ ._13n1jqkl {
223
233
  color: #435164;
224
234
  border-bottom: 1px solid #1f2d3e;
225
235
  padding: 12px;
@@ -227,26 +237,26 @@ button:has(span:hover) ._13n1jqk6 {
227
237
  font-size: 14px;
228
238
  border-radius: 16px;
229
239
  }
230
- ._13n1jqkk:last-child {
240
+ ._13n1jqkl:last-child {
231
241
  border-bottom: none;
232
242
  }
233
- ._13n1jqkk button {
243
+ ._13n1jqkl button {
234
244
  background: transparent;
235
245
  border: none;
236
246
  color: inherit;
237
247
  cursor: pointer;
238
248
  }
239
- ._13n1jqkl {
249
+ ._13n1jqkm {
240
250
  font-size: 10px;
241
251
  text-align: center;
242
252
  margin-bottom: 8px;
243
253
  margin-top: 8px;
244
254
  color: #1e3860;
245
255
  }
246
- ._1hpv6vm1 ._13n1jqkl {
256
+ ._1hpv6vm1 ._13n1jqkm {
247
257
  color: #323339;
248
258
  }
249
- ._13n1jqkm {
259
+ ._13n1jqkn {
250
260
  align-items: center;
251
261
  background-color: var(--_1073cm817);
252
262
  bottom: 0;
@@ -267,7 +277,7 @@ button:has(span:hover) ._13n1jqk6 {
267
277
  margin: auto;
268
278
  padding: 24px;
269
279
  }
270
- ._13n1jqkn {
280
+ ._13n1jqko {
271
281
  display: flex;
272
282
  flex-direction: column;
273
283
  align-items: center;
@@ -276,34 +286,34 @@ button:has(span:hover) ._13n1jqk6 {
276
286
  gap: 16px;
277
287
  width: 100%;
278
288
  }
279
- ._13n1jqkp {
289
+ ._13n1jqkq {
280
290
  gap: 8px;
281
291
  }
282
- ._13n1jqkq {
292
+ ._13n1jqkr {
283
293
  text-align: center;
284
294
  width: 80px;
285
295
  height: 80px;
286
296
  object-fit: contain;
287
297
  }
288
- ._13n1jqkm p {
298
+ ._13n1jqkn p {
289
299
  margin-bottom: 0;
290
300
  }
291
- ._13n1jqkr {
301
+ ._13n1jqks {
292
302
  background-color: #FFF0F3;
293
303
  }
294
- ._13n1jqks {
304
+ ._13n1jqkt {
295
305
  background-color: var(--_1073cm81b);
296
306
  color: var(--_1073cm819);
297
307
  align-self: flex-end;
298
308
  border-bottom-left-radius: 32px;
299
309
  }
300
- ._13n1jqkt {
310
+ ._13n1jqku {
301
311
  background-color: var(--_1073cm81a);
302
312
  color: var(--_1073cm819);
303
313
  align-self: flex-start;
304
314
  border-bottom-right-radius: 32px;
305
315
  }
306
- ._13n1jqkv {
316
+ ._13n1jqkw {
307
317
  background: linear-gradient(
308
318
  90deg,
309
319
  var(--_1073cm819) 0%,
@@ -314,13 +324,39 @@ button:has(span:hover) ._13n1jqk6 {
314
324
  background-clip: text;
315
325
  -webkit-background-clip: text;
316
326
  color: transparent;
317
- animation: _13n1jqku 2s linear infinite;
327
+ animation: _13n1jqkv 2s linear infinite;
318
328
  font-weight: bold;
319
329
  letter-spacing: 0.22px;
320
330
  font-size: 14px;
321
331
  }
332
+ ._13n1jqkx {
333
+ width: max-content;
334
+ table-layout: fixed;
335
+ }
336
+ ._13n1jqky {
337
+ background: var(--_1073cm819);
338
+ color: var(--_1073cm817);
339
+ padding-inline: 1.5rem;
340
+ padding-top: 1em;
341
+ padding-bottom: 1em;
342
+ }
343
+ ._13n1jqkz {
344
+ padding: 1em;
345
+ padding-inline: 1.5rem;
346
+ font-variant-numeric: tabular-nums;
347
+ text-align: center;
348
+ }
349
+ ._13n1jqk10 {
350
+ background: var(--_1073cm817);
351
+ }
352
+ ._13n1jqk10:nth-child(odd) {
353
+ background: var(--_1073cm817);
354
+ }
355
+ ._13n1jqk10:nth-child(even) {
356
+ background: var(--_1073cm81a);
357
+ }
322
358
  @media screen and (max-width: 768px) {
323
- ._13n1jqk0 {
359
+ ._13n1jqk1 {
324
360
  width: 100dvw;
325
361
  right: 0;
326
362
  bottom: 0;
@@ -329,30 +365,30 @@ button:has(span:hover) ._13n1jqk6 {
329
365
  left: 0;
330
366
  top: 0;
331
367
  }
332
- ._13n1jqkc > :first-child {
368
+ ._13n1jqkd > :first-child {
333
369
  margin-top: 0;
334
370
  }
335
- ._13n1jqko {
371
+ ._13n1jqkp {
336
372
  width: 100dvw;
337
373
  max-width: 100dvw;
338
374
  height: 100dvh;
339
375
  border-radius: 0;
340
376
  }
341
- ._13n1jqkq {
377
+ ._13n1jqkr {
342
378
  width: 323px;
343
379
  height: 343px;
344
380
  }
345
381
  }
346
382
  @media screen and (max-width:768px) {
347
- ._13n1jqk7 >:first-child {
383
+ ._13n1jqk8 >:first-child {
348
384
  display: none;
349
385
  }
350
- ._13n1jqk7 > :last-child {
386
+ ._13n1jqk8 > :last-child {
351
387
  display: block;
352
388
  }
353
389
  }
354
390
  @media (hover: none) and (pointer: coarse) {
355
- body:has(._1hpv6vm1 ._13n1jqk1), body:has(._1hpv6vm0 ._13n1jqk1) {
391
+ body:has(._1hpv6vm1 ._13n1jqk2), body:has(._1hpv6vm0 ._13n1jqk2) {
356
392
  overscroll-behavior: contain;
357
393
  overflow: hidden;
358
394
  }
@@ -207,8 +207,6 @@
207
207
  }
208
208
  .txcb8d16 {
209
209
  margin-bottom: 40px;
210
- margin-inline: auto;
211
- max-width: 800px;
212
210
  text-align: center;
213
211
  display: flex;
214
212
  flex-direction: column;