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

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 (204) hide show
  1. package/README.md +111 -111
  2. package/dist/ATMLocator/ATMLocator.js +11 -6
  3. package/dist/Auth/ErrorAlert.js +13 -8
  4. package/dist/Auth/SignInPassword.js +1 -0
  5. package/dist/Avatar/Avatar.module.js +7 -7
  6. package/dist/Blockquote/Blockquote.module.js +3 -3
  7. package/dist/BulletItem/BulletItem.js +1 -0
  8. package/dist/Button/Button.js +14 -14
  9. package/dist/Calculators/AnnualFeeCalculator/index.js +2 -1
  10. package/dist/Calculators/ApyCalculator/index.js +1 -3
  11. package/dist/Calculators/AxosOneCalculator/index.js +6 -7
  12. package/dist/Calculators/BalanceAPYCalculator/index.js +1 -0
  13. package/dist/Calculators/BuyDownCalculator/index.js +1 -0
  14. package/dist/Calculators/Calculator.js +12 -7
  15. package/dist/Calculators/MarginTradingCalculator/index.js +2 -119
  16. package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.js +2 -1
  17. package/dist/Calculators/MaxLoanCalculator/index.js +2 -1
  18. package/dist/Calculators/MonthlyPaymentCalculator/index.js +2 -1
  19. package/dist/Calculators/MonthlyPaymentLVFCalculator/index.js +1 -0
  20. package/dist/Calculators/SummitApyCalculator/index.js +2 -3
  21. package/dist/Calculators/calculator.css.d.ts +21 -1
  22. package/dist/Calculators/calculator.css.js +3 -3
  23. package/dist/Carousel/index.js +11 -6
  24. package/dist/Chatbot/AnimatedGradientBorder.css.d.ts +5 -0
  25. package/dist/Chatbot/AnimatedGradientBorder.css.js +13 -3
  26. package/dist/Chatbot/Bubble.css.js +2 -1
  27. package/dist/Chatbot/Bubble.d.ts +1 -0
  28. package/dist/Chatbot/Bubble.js +3 -12
  29. package/dist/Chatbot/Chat.js +17 -7
  30. package/dist/Chatbot/ChatWindow.css.d.ts +4 -0
  31. package/dist/Chatbot/ChatWindow.css.js +39 -31
  32. package/dist/Chatbot/ChatWindow.js +163 -95
  33. package/dist/Chatbot/Chatbot.d.ts +10 -2
  34. package/dist/Chatbot/Chatbot.js +148 -80
  35. package/dist/Chatbot/ChatbotMessage.d.ts +1 -0
  36. package/dist/Chatbot/ChatbotMessage.js +214 -160
  37. package/dist/Chatbot/index.js +5 -1
  38. package/dist/Chatbot/store/chat.d.ts +5 -0
  39. package/dist/Chatbot/store/chat.js +10 -2
  40. package/dist/Chatbot/useHeadlessChat.js +1 -2
  41. package/dist/Chevron/index.js +12 -6
  42. package/dist/Comparison/Comparison.js +11 -6
  43. package/dist/ExecutiveBio/ExecutiveBio.js +9 -4
  44. package/dist/ExecutiveBio/ExecutiveBioSet.js +1 -0
  45. package/dist/FaqAccordion/index.js +11 -6
  46. package/dist/FdicCallout/FdicCallout.module.js +2 -2
  47. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +208 -91
  48. package/dist/Forms/ApplicationStart.js +1 -0
  49. package/dist/Forms/ApplyNow.js +10 -5
  50. package/dist/Forms/BoatMooringLocation.d.ts +6 -1
  51. package/dist/Forms/BoatMooringLocation.js +146 -8
  52. package/dist/Forms/ClearingForm.js +1 -0
  53. package/dist/Forms/CommercialDeposits.js +1 -0
  54. package/dist/Forms/CommercialDepositsNoLendingOption.js +1 -0
  55. package/dist/Forms/CommercialLending.js +1 -0
  56. package/dist/Forms/CommercialPremiumFinance.js +1 -0
  57. package/dist/Forms/ConstructionLendingDynamic.js +1 -0
  58. package/dist/Forms/ContactCompany.js +1 -0
  59. package/dist/Forms/ContactCompanyTitle.js +1 -0
  60. package/dist/Forms/ContactUs.js +1 -0
  61. package/dist/Forms/ContactUsAAS.js +1 -0
  62. package/dist/Forms/ContactUsBusiness.js +11 -6
  63. package/dist/Forms/ContactUsBusinessNameEmail.js +11 -6
  64. package/dist/Forms/ContactUsLVF.js +1 -0
  65. package/dist/Forms/ContactUsNMLSId.js +11 -6
  66. package/dist/Forms/CpraRequest.js +3 -100
  67. package/dist/Forms/CraPublicFile.js +11 -6
  68. package/dist/Forms/DealerServices.js +1 -0
  69. package/dist/Forms/EmailOnly.js +11 -6
  70. package/dist/Forms/EmailUs.js +41 -34
  71. package/dist/Forms/FormEnums.js +2 -2
  72. package/dist/Forms/Forms.css.d.ts +3 -0
  73. package/dist/Forms/Forms.css.js +39 -39
  74. package/dist/Forms/HoneyPot/index.js +1 -0
  75. package/dist/Forms/MortgageRate/MortgageRateForm.js +12 -7
  76. package/dist/Forms/MortgageRate/MortgageRateWatch.js +11 -6
  77. package/dist/Forms/MortgageWarehouseLending.js +11 -6
  78. package/dist/Forms/QuickPricer/QuickPricerForm.js +1 -0
  79. package/dist/Forms/ScheduleCall.js +1 -0
  80. package/dist/Forms/ScheduleCallPremier.js +1 -0
  81. package/dist/Forms/SuccesForm.js +13 -8
  82. package/dist/Forms/VendorQuestionnaire.js +1 -0
  83. package/dist/Forms/index.js +1 -0
  84. package/dist/HeroBanner/HeroBanner.css.d.ts +1 -0
  85. package/dist/HeroBanner/HeroBanner.css.js +19 -16
  86. package/dist/HeroBanner/HeroBanner.d.ts +1 -1
  87. package/dist/HeroBanner/HeroBanner.interface.d.ts +4 -1
  88. package/dist/HeroBanner/HeroBanner.js +26 -160
  89. package/dist/HeroBanner/HeroVideoPoster.d.ts +5 -0
  90. package/dist/HeroBanner/HeroVideoPoster.js +24 -0
  91. package/dist/HeroBanner/LargeBanner.css.d.ts +110 -0
  92. package/dist/HeroBanner/LargeBanner.css.js +22 -8
  93. package/dist/HeroBanner/LargeHeroBanner.d.ts +5 -0
  94. package/dist/HeroBanner/LargeHeroBanner.js +228 -0
  95. package/dist/HeroBanner/index.js +3 -2
  96. package/dist/Hyperlink/index.js +13 -8
  97. package/dist/ImageLink/ImageLink.js +10 -5
  98. package/dist/ImageLink/ImageLinkSet.js +10 -5
  99. package/dist/ImageLink/index.js +10 -5
  100. package/dist/Insight/Featured/CategorySelector.js +10 -5
  101. package/dist/Insight/Featured/Featured.js +11 -6
  102. package/dist/Insight/Featured/Header.js +11 -6
  103. package/dist/Interstitial/Interstitial.module.js +10 -10
  104. package/dist/LoadingIndicator/index.js +1 -0
  105. package/dist/Modal/Modal.js +10 -5
  106. package/dist/Modal/contextApi/store.d.ts +2 -16
  107. package/dist/Modal/contextApi/store.js +6 -37
  108. package/dist/NavigationMenu/AxosALTS/NavBar.module.js +23 -23
  109. package/dist/NavigationMenu/AxosALTS/NavData.d.ts +1 -7
  110. package/dist/NavigationMenu/AxosALTS/NavData.js +137 -6
  111. package/dist/NavigationMenu/AxosALTS/index.js +16 -14
  112. package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +52 -52
  113. package/dist/NavigationMenu/AxosAdvisor/SubNavBar.js +1 -0
  114. package/dist/NavigationMenu/AxosAdvisor/index.js +1 -0
  115. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +53 -53
  116. package/dist/NavigationMenu/AxosAdvisorServices/SubNavBar.js +1 -0
  117. package/dist/NavigationMenu/AxosAdvisorServices/index.js +1 -0
  118. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +4 -128
  119. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +27 -27
  120. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +15 -13
  121. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +368 -196
  122. package/dist/NavigationMenu/AxosBank/NavBar.module.js +39 -39
  123. package/dist/NavigationMenu/AxosBank/NavData.d.ts +2 -39
  124. package/dist/NavigationMenu/AxosBank/NavData.js +166 -34
  125. package/dist/NavigationMenu/AxosBank/SubNavBar.js +486 -429
  126. package/dist/NavigationMenu/AxosBank/index.js +74 -20
  127. package/dist/NavigationMenu/AxosClearing/NavBar.module.js +37 -37
  128. package/dist/NavigationMenu/AxosClearing/index.js +1 -0
  129. package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js +41 -41
  130. package/dist/NavigationMenu/LaVictoire/NavBar.module.js +37 -37
  131. package/dist/NavigationMenu/LaVictoire/NavData.d.ts +2 -13
  132. package/dist/NavigationMenu/LaVictoire/NavData.js +146 -14
  133. package/dist/NavigationMenu/LaVictoire/SubNavBar.js +1 -4
  134. package/dist/NavigationMenu/LaVictoire/index.js +44 -19
  135. package/dist/NavigationMenu/Navbar.js +9 -8
  136. package/dist/NavigationMenu/SignInNavButton.js +27 -19
  137. package/dist/SetContainer/SetContainer.css.d.ts +1 -0
  138. package/dist/SetContainer/SetContainer.css.js +5 -3
  139. package/dist/SetContainer/SetContainer.js +18 -7
  140. package/dist/SetContainer/index.js +2 -1
  141. package/dist/SocialMediaBar/iconsRepository.d.ts +14 -44
  142. package/dist/SocialMediaBar/iconsRepository.js +41 -32
  143. package/dist/SocialMediaBar/index.js +1 -3
  144. package/dist/Tab/Tab.js +1 -0
  145. package/dist/Table/Table.css.d.ts +21 -1
  146. package/dist/Table/Table.css.js +18 -18
  147. package/dist/Table/Table.d.ts +1 -1
  148. package/dist/Table/Table.js +6 -3
  149. package/dist/VideoTile/VideoTile.js +9 -4
  150. package/dist/VideoWrapper/index.js +9 -4
  151. package/dist/WalnutIframe/wrapper.module.js +3 -3
  152. package/dist/assets/Avatar/Avatar.css +59 -59
  153. package/dist/assets/Blockquote/Blockquote.css +72 -72
  154. package/dist/assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css +2 -2
  155. package/dist/assets/Calculators/calculator.css +25 -15
  156. package/dist/assets/Chatbot/AnimatedGradientBorder.css +99 -12
  157. package/dist/assets/Chatbot/Bubble.css +21 -6
  158. package/dist/assets/Chatbot/ChatWindow.css +127 -90
  159. package/dist/assets/Comparison/Comparison.css +2 -2
  160. package/dist/assets/DownloadTile/DownloadTile.css +7 -0
  161. package/dist/assets/ExecutiveBio/ExecutiveBio.css +0 -2
  162. package/dist/assets/FdicCallout/FdicCallout.css +48 -48
  163. package/dist/assets/Forms/Forms.css +94 -91
  164. package/dist/assets/HeroBanner/HeroBanner.css +82 -65
  165. package/dist/assets/HeroBanner/LargeBanner.css +126 -59
  166. package/dist/assets/ImageBillboard/ImageBillboard.css +1 -1
  167. package/dist/assets/Interstitial/Interstitial.css +142 -142
  168. package/dist/assets/NavigationMenu/AxosALTS/NavBar.css +264 -264
  169. package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css +609 -609
  170. package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css +630 -630
  171. package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css +353 -353
  172. package/dist/assets/NavigationMenu/AxosBank/NavBar.css +445 -445
  173. package/dist/assets/NavigationMenu/AxosClearing/NavBar.css +484 -484
  174. package/dist/assets/NavigationMenu/AxosFiduciary/NavBar.css +427 -427
  175. package/dist/assets/NavigationMenu/LaVictoire/NavBar.css +429 -429
  176. package/dist/assets/SetContainer/SetContainer.css +25 -15
  177. package/dist/assets/Table/Table.css +90 -75
  178. package/dist/assets/TextBlock/TextBlock.css +7 -0
  179. package/dist/assets/VideoTile/VideoTile.css +6 -0
  180. package/dist/assets/WalnutIframe/wrapper.css +48 -48
  181. package/dist/assets/globals.css +9 -9
  182. package/dist/assets/notification.mp3.js +4 -0
  183. package/dist/assets/themes/axos.css +8 -7
  184. package/dist/assets/themes/premier.css +9 -8
  185. package/dist/assets/themes/ufb.css +9 -8
  186. package/dist/assets/themes/victorie.css +9 -8
  187. package/dist/assets/utils/optimizeImage/optimizeImage.css +47 -47
  188. package/dist/main.js +11 -6
  189. package/dist/themes/axos.css.d.ts +1 -0
  190. package/dist/themes/axos.css.js +1 -1
  191. package/dist/utils/allowedAxosDomains.d.ts +2 -5
  192. package/dist/utils/allowedAxosDomains.js +46 -50
  193. package/dist/utils/getPosition.d.ts +1 -0
  194. package/dist/utils/getPosition.js +17 -0
  195. package/dist/utils/index.js +1 -2
  196. package/dist/utils/optimizeImage/optimizeImage.module.js +3 -3
  197. package/dist/utils/validateExternalLinks.d.ts +1 -1
  198. package/dist/utils/validateExternalLinks.js +2 -2
  199. package/dist/utils/variant.types.d.ts +1 -0
  200. package/package.json +148 -149
  201. package/dist/Chatbot/authenticate.d.ts +0 -3
  202. package/dist/Chatbot/authenticate.js +0 -16
  203. package/dist/utils/samePageNavigation.d.ts +0 -3
  204. package/dist/utils/samePageNavigation.js +0 -23
@@ -1,4 +1,12 @@
1
- @keyframes _13n1jqku {
1
+ @keyframes _13n1jqk0 {
2
+ from {
3
+ box-shadow: 0 0 16px 4px var(--_1073cm817);
4
+ }
5
+ to {
6
+ box-shadow: none;
7
+ }
8
+ }
9
+ @keyframes _13n1jqkv {
2
10
  0% {
3
11
  background-position: 200% 0;
4
12
  }
@@ -6,52 +14,55 @@
6
14
  background-position: -200% 0;
7
15
  }
8
16
  }
9
- ._13n1jqk0 {
10
- background: var(--_1073cm817);
11
- border-radius: 10px;
12
- bottom: 16px;
13
- box-shadow: -4px -4px 60px 5px rgba(0, 0, 0, 0.3);
17
+ ._13n1jqk1 {
18
+ background: var(--_1073cm818);
19
+ border-radius: 24px;
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 2s forwards;
38
+ box-shadow: 0 0 16px 4px var(--_1073cm817);
29
39
  transform: translate(0px) scale(1);
30
40
  transition: transform 0.3s;
31
41
  visibility: visible;
42
+ animation-delay: 1s;
32
43
  }
33
- ._13n1jqk2 {
44
+ ._13n1jqk3 {
34
45
  align-items: center;
35
- background-color: var(--_1073cm817);
46
+ background-color: var(--_1073cm818);
36
47
  display: grid;
37
48
  grid-template-columns: 40px auto max-content;
38
49
  min-height: 50px;
39
- color: var(--_1073cm819);
50
+ color: var(--_1073cm81a);
40
51
  padding: 20px 24px;
41
52
  gap: 8px;
42
53
  }
43
- ._13n1jqk4 {
44
- color: var(--_1073cm819);
54
+ ._13n1jqk5 {
55
+ color: var(--_1073cm81a);
45
56
  font-weight: 700;
46
57
  font-size: 18px;
47
58
  line-height: 1.5;
48
59
  }
49
- ._13n1jqk5 {
60
+ ._13n1jqk6 {
50
61
  display: flex;
51
62
  align-items: center;
52
- gap: 8px;
63
+ gap: 4px;
53
64
  }
54
- ._13n1jqk6 {
65
+ ._13n1jqk7 {
55
66
  width: 32px;
56
67
  height: 32px;
57
68
  border-radius: 50%;
@@ -61,75 +72,75 @@
61
72
  justify-content: center;
62
73
  align-items: center;
63
74
  }
64
- ._13n1jqk6:hover {
75
+ ._13n1jqk7:hover {
65
76
  background: #0000000f;
66
77
  cursor: pointer;
67
78
  }
68
- button:has(span:hover) ._13n1jqk6 {
79
+ button:has(span:hover) ._13n1jqk7 {
69
80
  background: #0000000f;
70
81
  cursor: pointer;
71
82
  }
72
- ._13n1jqk7 {
83
+ ._13n1jqk8 {
73
84
  border: none;
74
85
  cursor: pointer;
75
86
  line-height: 1;
76
- 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 {
86
- fill: var(--_1073cm819);
87
- color: var(--_1073cm819);
88
- }
89
95
  ._13n1jqk9 {
96
+ fill: var(--_1073cm81a);
97
+ color: var(--_1073cm81a);
98
+ }
99
+ ._13n1jqka {
90
100
  border: none;
91
101
  color: #1F1F1F;
92
102
  flex: 1 0 0;
93
103
  font-size: 16px;
94
- opacity: 0.7;
95
104
  outline: none;
96
105
  background: transparent;
97
106
  resize: none;
107
+ margin-right: 8px;
98
108
  }
99
- ._13n1jqk9::placeholder {
100
- color: rgba(31,31,31,.38);
109
+ ._13n1jqka::placeholder {
110
+ color: #435164;
101
111
  }
102
- ._1hpv6vm1 ._13n1jqk9::placeholder {
103
- color: rgba(31,31,31,.58);
112
+ ._1hpv6vm1 ._13n1jqka::placeholder {
113
+ color: #435164;
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 {
113
- padding-inline: 20px;
122
+ ._13n1jqkc {
123
+ display: flex;
124
+ align-items: center;
114
125
  background: transparent;
115
126
  border: none;
116
127
  }
117
- ._13n1jqkb:hover {
128
+ ._13n1jqkc:hover {
118
129
  cursor: pointer;
119
130
  }
120
- ._13n1jqkb:disabled {
131
+ ._13n1jqkc:disabled {
121
132
  cursor: not-allowed;
122
133
  }
123
- ._13n1jqkb svg {
134
+ ._13n1jqkc svg {
124
135
  fill: rgba(31,31,31,.38);
125
136
  }
126
- ._13n1jqkb.active svg {
137
+ ._13n1jqkc.active svg {
127
138
  fill: #1e3860;
128
139
  }
129
- ._1hpv6vm1 ._13n1jqkb.active svg {
140
+ ._1hpv6vm1 ._13n1jqkc.active svg {
130
141
  fill: #e18357;
131
142
  }
132
- ._13n1jqkc {
143
+ ._13n1jqkd {
133
144
  background: #ffffff;
134
145
  display: flex;
135
146
  flex: 1;
@@ -140,26 +151,26 @@ button:has(span:hover) ._13n1jqk6 {
140
151
  scrollbar-color: #ccc transparent;
141
152
  overflow-x: hidden;
142
153
  }
143
- ._13n1jqkc > :first-child {
154
+ ._13n1jqkd > :first-child {
144
155
  margin-top: auto;
145
156
  }
146
- ._13n1jqkd {
157
+ ._13n1jqke {
147
158
  color: #888;
148
159
  font-size: 10px;
149
160
  margin-bottom: 4px;
150
161
  text-align: center;
151
162
  }
152
- ._13n1jqke {
163
+ ._13n1jqkf {
153
164
  border-top-left-radius: 32px;
154
165
  border-top-right-radius: 32px;
155
- margin-bottom: 4px;
166
+ margin-bottom: 0;
156
167
  max-width: 93%;
157
168
  padding: 12px 24px;
158
169
  }
159
- ._13n1jqke ul {
170
+ ._13n1jqkf ul {
160
171
  padding-left: 24px;
161
172
  }
162
- ._13n1jqkf {
173
+ ._13n1jqkg {
163
174
  border-radius: 8px;
164
175
  display: flex;
165
176
  flex-direction: column;
@@ -167,24 +178,24 @@ button:has(span:hover) ._13n1jqk6 {
167
178
  align-items: flex-end;
168
179
  gap: 5px;
169
180
  }
170
- ._13n1jqkg {
181
+ ._13n1jqkh {
171
182
  font-size: 12px;
172
183
  text-align: center;
173
- background: var(--_1073cm817);
174
- color: var(--_1073cm819);
184
+ background: var(--_1073cm818);
185
+ color: var(--_1073cm81a);
175
186
  cursor: pointer;
176
187
  padding: 5px 12px;
177
188
  border-radius: 8px;
178
189
  width: min(60%,180px);
179
- border: 1px solid var(--_1073cm81c);
190
+ border: 1px solid var(--_1073cm81d);
180
191
  }
181
- ._13n1jqkg:hover {
192
+ ._13n1jqkh:hover {
182
193
  background: #f0f0f0;
183
194
  }
184
- ._1hpv6vm1 ._13n1jqkg {
195
+ ._1hpv6vm1 ._13n1jqkh {
185
196
  color: #323339;
186
197
  }
187
- ._13n1jqkh {
198
+ ._13n1jqki {
188
199
  background: #1e629a;
189
200
  border: none;
190
201
  color: #fff;
@@ -195,19 +206,19 @@ button:has(span:hover) ._13n1jqk6 {
195
206
  text-align: center;
196
207
  width: 100%;
197
208
  }
198
- ._13n1jqkh:hover {
209
+ ._13n1jqki:hover {
199
210
  opacity: 0.8;
200
211
  }
201
- ._13n1jqki {
212
+ ._13n1jqkj {
202
213
  background: white;
203
- color: var(--_1073cm819);
204
- border: 1px solid var(--_1073cm81e);
214
+ color: var(--_1073cm81a);
215
+ border: 1px solid var(--_1073cm81f);
205
216
  }
206
- ._13n1jqkj {
217
+ ._13n1jqkk {
207
218
  position: absolute;
208
219
  top: 48px;
209
220
  right: 70px;
210
- background: var(--_1073cm817);
221
+ background: var(--_1073cm818);
211
222
  padding: 4px 16px;
212
223
  border-radius: 16px;
213
224
  list-style: none;
@@ -219,7 +230,7 @@ button:has(span:hover) ._13n1jqk6 {
219
230
  color: #323339;
220
231
  }
221
232
  }
222
- ._13n1jqkk {
233
+ ._13n1jqkl {
223
234
  color: #435164;
224
235
  border-bottom: 1px solid #1f2d3e;
225
236
  padding: 12px;
@@ -227,28 +238,28 @@ button:has(span:hover) ._13n1jqk6 {
227
238
  font-size: 14px;
228
239
  border-radius: 16px;
229
240
  }
230
- ._13n1jqkk:last-child {
241
+ ._13n1jqkl:last-child {
231
242
  border-bottom: none;
232
243
  }
233
- ._13n1jqkk button {
244
+ ._13n1jqkl button {
234
245
  background: transparent;
235
246
  border: none;
236
247
  color: inherit;
237
248
  cursor: pointer;
238
249
  }
239
- ._13n1jqkl {
250
+ ._13n1jqkm {
240
251
  font-size: 10px;
241
252
  text-align: center;
242
253
  margin-bottom: 8px;
243
254
  margin-top: 8px;
244
255
  color: #1e3860;
245
256
  }
246
- ._1hpv6vm1 ._13n1jqkl {
257
+ ._1hpv6vm1 ._13n1jqkm {
247
258
  color: #323339;
248
259
  }
249
- ._13n1jqkm {
260
+ ._13n1jqkn {
250
261
  align-items: center;
251
- background-color: var(--_1073cm817);
262
+ background-color: var(--_1073cm818);
252
263
  bottom: 0;
253
264
  display: flex;
254
265
  justify-content: center;
@@ -267,7 +278,7 @@ button:has(span:hover) ._13n1jqk6 {
267
278
  margin: auto;
268
279
  padding: 24px;
269
280
  }
270
- ._13n1jqkn {
281
+ ._13n1jqko {
271
282
  display: flex;
272
283
  flex-direction: column;
273
284
  align-items: center;
@@ -276,51 +287,77 @@ button:has(span:hover) ._13n1jqk6 {
276
287
  gap: 16px;
277
288
  width: 100%;
278
289
  }
279
- ._13n1jqkp {
290
+ ._13n1jqkq {
280
291
  gap: 8px;
281
292
  }
282
- ._13n1jqkq {
293
+ ._13n1jqkr {
283
294
  text-align: center;
284
295
  width: 80px;
285
296
  height: 80px;
286
297
  object-fit: contain;
287
298
  }
288
- ._13n1jqkm p {
299
+ ._13n1jqkn p {
289
300
  margin-bottom: 0;
290
301
  }
291
- ._13n1jqkr {
302
+ ._13n1jqks {
292
303
  background-color: #FFF0F3;
293
304
  }
294
- ._13n1jqks {
295
- background-color: var(--_1073cm81b);
296
- color: var(--_1073cm819);
305
+ ._13n1jqkt {
306
+ background-color: var(--_1073cm81c);
307
+ color: var(--_1073cm81a);
297
308
  align-self: flex-end;
298
309
  border-bottom-left-radius: 32px;
299
310
  }
300
- ._13n1jqkt {
301
- background-color: var(--_1073cm81a);
302
- color: var(--_1073cm819);
311
+ ._13n1jqku {
312
+ background-color: var(--_1073cm81b);
313
+ color: var(--_1073cm81a);
303
314
  align-self: flex-start;
304
315
  border-bottom-right-radius: 32px;
305
316
  }
306
- ._13n1jqkv {
317
+ ._13n1jqkw {
307
318
  background: linear-gradient(
308
319
  90deg,
309
- var(--_1073cm819) 0%,
320
+ var(--_1073cm81a) 0%,
310
321
  rgba(255,255,255,0.8) 50%,
311
- var(--_1073cm819) 100%
322
+ var(--_1073cm81a) 100%
312
323
  );
313
324
  background-size: 200% auto;
314
325
  background-clip: text;
315
326
  -webkit-background-clip: text;
316
327
  color: transparent;
317
- animation: _13n1jqku 2s linear infinite;
328
+ animation: _13n1jqkv 2s linear infinite;
318
329
  font-weight: bold;
319
330
  letter-spacing: 0.22px;
320
331
  font-size: 14px;
321
332
  }
333
+ ._13n1jqkx {
334
+ width: max-content;
335
+ table-layout: fixed;
336
+ }
337
+ ._13n1jqky {
338
+ background: var(--_1073cm81a);
339
+ color: var(--_1073cm818);
340
+ padding-inline: 1.5rem;
341
+ padding-top: 1em;
342
+ padding-bottom: 1em;
343
+ }
344
+ ._13n1jqkz {
345
+ padding: 1em;
346
+ padding-inline: 1.5rem;
347
+ font-variant-numeric: tabular-nums;
348
+ text-align: center;
349
+ }
350
+ ._13n1jqk10 {
351
+ background: var(--_1073cm818);
352
+ }
353
+ ._13n1jqk10:nth-child(odd) {
354
+ background: var(--_1073cm818);
355
+ }
356
+ ._13n1jqk10:nth-child(even) {
357
+ background: var(--_1073cm81b);
358
+ }
322
359
  @media screen and (max-width: 768px) {
323
- ._13n1jqk0 {
360
+ ._13n1jqk1 {
324
361
  width: 100dvw;
325
362
  right: 0;
326
363
  bottom: 0;
@@ -329,30 +366,30 @@ button:has(span:hover) ._13n1jqk6 {
329
366
  left: 0;
330
367
  top: 0;
331
368
  }
332
- ._13n1jqkc > :first-child {
369
+ ._13n1jqkd > :first-child {
333
370
  margin-top: 0;
334
371
  }
335
- ._13n1jqko {
372
+ ._13n1jqkp {
336
373
  width: 100dvw;
337
374
  max-width: 100dvw;
338
375
  height: 100dvh;
339
376
  border-radius: 0;
340
377
  }
341
- ._13n1jqkq {
378
+ ._13n1jqkr {
342
379
  width: 323px;
343
380
  height: 343px;
344
381
  }
345
382
  }
346
383
  @media screen and (max-width:768px) {
347
- ._13n1jqk7 >:first-child {
384
+ ._13n1jqk8 >:first-child {
348
385
  display: none;
349
386
  }
350
- ._13n1jqk7 > :last-child {
387
+ ._13n1jqk8 > :last-child {
351
388
  display: block;
352
389
  }
353
390
  }
354
391
  @media (hover: none) and (pointer: coarse) {
355
- body:has(._1hpv6vm1 ._13n1jqk1), body:has(._1hpv6vm0 ._13n1jqk1) {
392
+ body:has(._1hpv6vm1 ._13n1jqk2), body:has(._1hpv6vm0 ._13n1jqk2) {
356
393
  overscroll-behavior: contain;
357
394
  overflow: hidden;
358
395
  }
@@ -106,10 +106,10 @@
106
106
  gap: 24px;
107
107
  align-items: center;
108
108
  }
109
- ._198o0lt0 ._1nivbwe1 {
109
+ ._198o0lt0 ._1nivbwe5 {
110
110
  height: initial;
111
111
  }
112
- ._198o0lt0 ._1nivbwe5 {
112
+ ._198o0lt0 ._1nivbwe9 {
113
113
  font-size: 20px;
114
114
  }
115
115
  .comparison_container--many_items ._198o0lte {
@@ -1,3 +1,10 @@
1
+ ._14gexxj0 {
2
+ margin-inline: auto;
3
+ padding-top: 2.5rem;
4
+ }
5
+ .page_body_contents > div:not(:first-child) ._14gexxj0 {
6
+ padding-top: 0px;
7
+ }
1
8
  ._14gexxj1 {
2
9
  margin: 0 auto;
3
10
  width: 94%;
@@ -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;
@@ -1,48 +1,48 @@
1
- ._fdic_callout_eqzgp_1 {
2
- background-color: #000;
3
- color: #fff;
4
- }
5
-
6
- ._inner_container_eqzgp_11 {
7
- margin-left: auto;
8
- margin-right: auto;
9
- width: calc(100% - 90px);
10
- }
11
-
12
- ._fdic_callout_eqzgp_1 .flex {
13
- min-height: 32px;
14
- }
15
-
16
- ._fdic_callout_eqzgp_1 img {
17
- padding-block: 8px;
18
- }
19
-
20
- @media (max-width: 1280px) and (min-width: 1024px) {
21
- ._inner_container_eqzgp_11 {
22
- width: calc(100% - 40px);
23
- }
24
- }
25
-
26
- @media (max-width: 769px) {
27
- ._inner_container_eqzgp_11 {
28
- width: calc(100% - 60px);
29
- }
30
- }
31
-
32
- @media (max-width: 603px) {
33
- ._fdic_callout_eqzgp_1 .flex {
34
- min-height: 28px;
35
- }
36
- }
37
-
38
- @media (max-width: 470px) {
39
- ._fdic_callout_eqzgp_1 img {
40
- padding-block: 5px;
41
- }
42
- }
43
-
44
- @media (max-width: 400px) {
45
- ._inner_container_eqzgp_11 {
46
- width: calc(100% - 20px);
47
- }
48
- }
1
+ ._fdic_callout_1f6md_1 {
2
+ background-color: #000;
3
+ color: #fff;
4
+ }
5
+
6
+ ._inner_container_1f6md_6 {
7
+ margin-left: auto;
8
+ margin-right: auto;
9
+ width: calc(100% - 90px);
10
+ }
11
+
12
+ ._fdic_callout_1f6md_1 .flex {
13
+ min-height: 32px;
14
+ }
15
+
16
+ ._fdic_callout_1f6md_1 img {
17
+ padding-block: 8px;
18
+ }
19
+
20
+ @media (max-width: 1280px) and (min-width: 1024px) {
21
+ ._inner_container_1f6md_6 {
22
+ width: calc(100% - 40px);
23
+ }
24
+ }
25
+
26
+ @media (max-width: 769px) {
27
+ ._inner_container_1f6md_6 {
28
+ width: calc(100% - 60px);
29
+ }
30
+ }
31
+
32
+ @media (max-width: 603px) {
33
+ ._fdic_callout_1f6md_1 .flex {
34
+ min-height: 28px;
35
+ }
36
+ }
37
+
38
+ @media (max-width: 470px) {
39
+ ._fdic_callout_1f6md_1 img {
40
+ padding-block: 5px;
41
+ }
42
+ }
43
+
44
+ @media (max-width: 400px) {
45
+ ._inner_container_1f6md_6 {
46
+ width: calc(100% - 20px);
47
+ }
48
+ }