@axos-web-dev/shared-components 1.0.100-dev.42-chatbot-reset-fix.7 → 1.0.100-dev.43-executive.2

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 (99) hide show
  1. package/dist/ATMLocator/ATMLocator.js +3 -2
  2. package/dist/Auth/ErrorAlert.js +2 -1
  3. package/dist/Auth/SignInPassword.js +2 -2
  4. package/dist/BulletItem/BulletItem.js +0 -1
  5. package/dist/Button/Button.js +2 -1
  6. package/dist/Calculators/AnnualFeeCalculator/index.js +1 -1
  7. package/dist/Calculators/BuyDownCalculator/index.js +1 -1
  8. package/dist/Calculators/Calculator.js +3 -2
  9. package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.js +1 -1
  10. package/dist/Calculators/MaxLoanCalculator/index.js +1 -1
  11. package/dist/Calculators/MonthlyPaymentCalculator/index.js +1 -1
  12. package/dist/Carousel/index.js +2 -1
  13. package/dist/Chatbot/Bubble.css.js +1 -0
  14. package/dist/Chatbot/ChatWindow.css.d.ts +0 -1
  15. package/dist/Chatbot/ChatWindow.css.js +11 -13
  16. package/dist/Chatbot/ChatWindow.js +66 -87
  17. package/dist/Chatbot/Chatbot.css.js +0 -1
  18. package/dist/Chatbot/Chatbot.d.ts +1 -1
  19. package/dist/Chatbot/Chatbot.js +10 -46
  20. package/dist/Chatbot/index.js +1 -2
  21. package/dist/Chevron/index.js +2 -1
  22. package/dist/Comparison/Comparison.js +2 -1
  23. package/dist/ExecutiveBio/ExecutiveBio.css.d.ts +136 -0
  24. package/dist/ExecutiveBio/ExecutiveBio.css.js +46 -0
  25. package/dist/ExecutiveBio/ExecutiveBio.d.ts +1 -1
  26. package/dist/ExecutiveBio/ExecutiveBio.interface.d.ts +10 -4
  27. package/dist/ExecutiveBio/ExecutiveBio.js +331 -86
  28. package/dist/ExecutiveBio/index.js +24 -1
  29. package/dist/FaqAccordion/index.js +2 -1
  30. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +2 -1
  31. package/dist/Forms/ApplicationStart.js +2 -4
  32. package/dist/Forms/ApplyNow.js +3 -2
  33. package/dist/Forms/ClearingForm.js +2 -4
  34. package/dist/Forms/CommercialDeposits.js +2 -4
  35. package/dist/Forms/CommercialDepositsNoLendingOption.js +2 -4
  36. package/dist/Forms/CommercialLending.js +2 -4
  37. package/dist/Forms/CommercialPremiumFinance.js +2 -4
  38. package/dist/Forms/ContactCompany.js +2 -4
  39. package/dist/Forms/ContactCompanyTitle.js +2 -4
  40. package/dist/Forms/ContactUs.js +2 -4
  41. package/dist/Forms/ContactUsAAS.js +2 -4
  42. package/dist/Forms/ContactUsBusiness.js +4 -5
  43. package/dist/Forms/ContactUsBusinessNameEmail.js +4 -5
  44. package/dist/Forms/ContactUsLVF.js +2 -4
  45. package/dist/Forms/ContactUsNMLSId.js +4 -5
  46. package/dist/Forms/CpraRequest.d.ts +1 -1
  47. package/dist/Forms/CpraRequest.js +2 -5
  48. package/dist/Forms/CraPublicFile.js +4 -5
  49. package/dist/Forms/DealerServices.js +2 -4
  50. package/dist/Forms/EmailOnly.js +4 -5
  51. package/dist/Forms/EmailUs.js +5 -7
  52. package/dist/Forms/HoneyPot/index.js +1 -2
  53. package/dist/Forms/MortgageRate/MortgageRateForm.js +4 -5
  54. package/dist/Forms/MortgageRate/MortgageRateWatch.js +2 -1
  55. package/dist/Forms/MortgageWarehouseLending.js +4 -5
  56. package/dist/Forms/QuickPricer/QuickPricerForm.js +12 -16
  57. package/dist/Forms/ScheduleCall.js +2 -4
  58. package/dist/Forms/ScheduleCallPremier.js +2 -4
  59. package/dist/Forms/SuccesForm.js +3 -2
  60. package/dist/Forms/VendorQuestionnaire.js +2 -6
  61. package/dist/Forms/index.js +0 -1
  62. package/dist/Hyperlink/index.js +2 -1
  63. package/dist/ImageLink/ImageLink.js +3 -2
  64. package/dist/ImageLink/ImageLinkSet.js +2 -1
  65. package/dist/ImageLink/index.js +2 -1
  66. package/dist/Insight/Featured/CategorySelector.js +2 -1
  67. package/dist/Insight/Featured/Featured.js +2 -1
  68. package/dist/Insight/Featured/Header.js +2 -1
  69. package/dist/LoadingIndicator/index.js +0 -1
  70. package/dist/Modal/Modal.js +2 -1
  71. package/dist/Modal/contextApi/store.js +1 -1
  72. package/dist/NavigationMenu/AxosALTS/NavData.js +2 -1
  73. package/dist/NavigationMenu/AxosALTS/index.js +2 -1
  74. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +2 -1
  75. package/dist/NavigationMenu/AxosBank/NavData.js +2 -1
  76. package/dist/NavigationMenu/AxosBank/SubNavBar.js +2 -1
  77. package/dist/NavigationMenu/AxosBank/index.js +2 -1
  78. package/dist/NavigationMenu/LaVictoire/NavData.js +2 -1
  79. package/dist/NavigationMenu/LaVictoire/index.js +2 -1
  80. package/dist/NavigationMenu/NavDataJson.js +2 -1
  81. package/dist/NavigationMenu/Navbar.js +2 -1
  82. package/dist/NavigationMenu/SignInNavButton.js +2 -1
  83. package/dist/SetContainer/SetContainer.js +3 -2
  84. package/dist/SocialMediaBar/iconsRepository.js +2 -1
  85. package/dist/Tab/Tab.js +0 -1
  86. package/dist/VideoTile/VideoTile.js +2 -1
  87. package/dist/VideoWrapper/index.js +2 -1
  88. package/dist/assets/Chatbot/ChatWindow.css +26 -38
  89. package/dist/assets/ExecutiveBio/ExecutiveBio.css +239 -0
  90. package/dist/main.js +26 -11
  91. package/dist/utils/index.d.ts +1 -4
  92. package/dist/utils/index.js +1 -9
  93. package/package.json +136 -136
  94. package/dist/utils/emailValidation.d.ts +0 -1
  95. package/dist/utils/emailValidation.js +0 -31
  96. package/dist/utils/nmlsValidation.d.ts +0 -1
  97. package/dist/utils/nmlsValidation.js +0 -34
  98. package/dist/utils/useCachedValidators.d.ts +0 -2
  99. package/dist/utils/useCachedValidators.js +0 -22
@@ -68,12 +68,13 @@ import "../Auth/SignInPassword.js";
68
68
  /* empty css */
69
69
  /* empty css */
70
70
  import "../Carousel/index.js";
71
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
71
72
  /* empty css */
72
73
  import "../Chatbot/store/chat.js";
73
74
  import "../Chatbot/authenticate.js";
74
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
75
75
  /* empty css */
76
76
  import "../Chatbot/store/messages.js";
77
+ import "@ujet/websdk-headless";
77
78
  /* empty css */
78
79
  import "../Comparison/Comparison.css.js";
79
80
  import "next/image.js";
@@ -70,12 +70,13 @@ import "../Auth/SignInPassword.js";
70
70
  /* empty css */
71
71
  /* empty css */
72
72
  import "../Carousel/index.js";
73
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
73
74
  /* empty css */
74
75
  import "../Chatbot/store/chat.js";
75
76
  import "../Chatbot/authenticate.js";
76
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
77
77
  /* empty css */
78
78
  import "../Chatbot/store/messages.js";
79
+ import "@ujet/websdk-headless";
79
80
  /* empty css */
80
81
  import "../Comparison/Comparison.css.js";
81
82
  import "next/image.js";
@@ -71,12 +71,13 @@ import "../Auth/SignInPassword.js";
71
71
  /* empty css */
72
72
  /* empty css */
73
73
  import "../Carousel/index.js";
74
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
74
75
  /* empty css */
75
76
  import "../Chatbot/store/chat.js";
76
77
  import "../Chatbot/authenticate.js";
77
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
78
78
  /* empty css */
79
79
  import "../Chatbot/store/messages.js";
80
+ import "@ujet/websdk-headless";
80
81
  /* empty css */
81
82
  import "../Comparison/Comparison.css.js";
82
83
  import "next/image.js";
@@ -11,7 +11,6 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
11
11
  /* empty css */
12
12
  import "../utils/allowedAxosDomains.js";
13
13
  import { getVariant } from "../utils/getVariant.js";
14
- import "react";
15
14
  import { columnValues } from "../utils/variant.types.js";
16
15
  import clsx from "clsx";
17
16
  /* empty css */
@@ -19,6 +18,7 @@ import clsx from "clsx";
19
18
  import "../Accordion/Accordion.js";
20
19
  import "../Accordion/Accordion.css.js";
21
20
  import "../AlertBanner/AlertBanner.css.js";
21
+ import "react";
22
22
  import "../Article/Article.css.js";
23
23
  import "../ArticlesSet/ArticlesSet.css.js";
24
24
  import "../Calculators/calculator.css.js";
@@ -72,12 +72,13 @@ import "../Auth/SignInPassword.js";
72
72
  /* empty css */
73
73
  /* empty css */
74
74
  import "../Carousel/index.js";
75
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
75
76
  /* empty css */
76
77
  import "../Chatbot/store/chat.js";
77
78
  import "../Chatbot/authenticate.js";
78
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
79
79
  /* empty css */
80
80
  import "../Chatbot/store/messages.js";
81
+ import "@ujet/websdk-headless";
81
82
  /* empty css */
82
83
  import "../Comparison/Comparison.css.js";
83
84
  import { setcontainer_section_text, set_container_cols, inline_container, set_container, isolate_container } from "./SetContainer.css.js";
@@ -68,12 +68,13 @@ import "../Auth/SignInPassword.js";
68
68
  /* empty css */
69
69
  /* empty css */
70
70
  import "../Carousel/index.js";
71
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
71
72
  /* empty css */
72
73
  import "../Chatbot/store/chat.js";
73
74
  import "../Chatbot/authenticate.js";
74
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
75
75
  /* empty css */
76
76
  import "../Chatbot/store/messages.js";
77
+ import "@ujet/websdk-headless";
77
78
  /* empty css */
78
79
  import "../Comparison/Comparison.css.js";
79
80
  import "next/image.js";
package/dist/Tab/Tab.js CHANGED
@@ -1,7 +1,6 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import "../utils/allowedAxosDomains.js";
3
3
  import { getVariant } from "../utils/getVariant.js";
4
- import "react";
5
4
  import clsx from "clsx";
6
5
  import { tab } from "./Tab.css.js";
7
6
  const Tab = ({
@@ -76,12 +76,13 @@ import "../Auth/SignInPassword.js";
76
76
  /* empty css */
77
77
  /* empty css */
78
78
  import "../Carousel/index.js";
79
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
79
80
  /* empty css */
80
81
  import "../Chatbot/store/chat.js";
81
82
  import "../Chatbot/authenticate.js";
82
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
83
83
  /* empty css */
84
84
  import "../Chatbot/store/messages.js";
85
+ import "@ujet/websdk-headless";
85
86
  /* empty css */
86
87
  import "../Comparison/Comparison.css.js";
87
88
  import "next/image.js";
@@ -69,12 +69,13 @@ import "../Auth/SignInPassword.js";
69
69
  /* empty css */
70
70
  /* empty css */
71
71
  import "../Carousel/index.js";
72
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
72
73
  /* empty css */
73
74
  import "../Chatbot/store/chat.js";
74
75
  import "../Chatbot/authenticate.js";
75
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
76
76
  /* empty css */
77
77
  import "../Chatbot/store/messages.js";
78
+ import "@ujet/websdk-headless";
78
79
  /* empty css */
79
80
  import "../Comparison/Comparison.css.js";
80
81
  import "next/image.js";
@@ -57,12 +57,10 @@
57
57
  color: #1F1F1F;
58
58
  flex: 1;
59
59
  font-family: var(--header-font-family);
60
- font-size: 16px;
60
+ font-size: 13px;
61
61
  opacity: 0.7;
62
62
  outline: none;
63
63
  padding: 20px 0 20px 20px;
64
- resize: none;
65
- transform: scale(0.8);
66
64
  }
67
65
  ._13n1jqk6::placeholder {
68
66
  color: rgba(31,31,31,.38);
@@ -74,31 +72,27 @@
74
72
  color: rgba(31,31,31,.58);
75
73
  }
76
74
  ._13n1jqk7 {
77
- overflow-y: hidden;
78
- min-height: 20px;
79
- }
80
- ._13n1jqk8 {
81
75
  padding-inline: 20px;
82
76
  background: #fafafa;
83
77
  border: none;
84
78
  }
85
- ._13n1jqk8:hover {
79
+ ._13n1jqk7:hover {
86
80
  background: #E9F8FF;
87
81
  cursor: pointer;
88
82
  }
89
- ._1hpv6vm1 ._13n1jqk8:hover {
83
+ ._1hpv6vm1 ._13n1jqk7:hover {
90
84
  background: #eae8e8;
91
85
  }
92
- ._13n1jqk8 svg {
86
+ ._13n1jqk7 svg {
93
87
  fill: rgba(31,31,31,.38);
94
88
  }
95
- ._13n1jqk8.active svg {
89
+ ._13n1jqk7.active svg {
96
90
  fill: #1e3860;
97
91
  }
98
- ._1hpv6vm1 ._13n1jqk8.active svg {
92
+ ._1hpv6vm1 ._13n1jqk7.active svg {
99
93
  fill: #e18357;
100
94
  }
101
- ._13n1jqk9 {
95
+ ._13n1jqk8 {
102
96
  background: #f9f9f9;
103
97
  display: flex;
104
98
  flex: 1;
@@ -108,22 +102,22 @@
108
102
  padding: 1rem;
109
103
  scrollbar-color: #ccc transparent;
110
104
  }
111
- ._13n1jqka {
105
+ ._13n1jqk9 {
112
106
  color: #888;
113
107
  font-size: 10px;
114
108
  margin-bottom: 4px;
115
109
  text-align: center;
116
110
  }
117
- ._13n1jqkb {
111
+ ._13n1jqka {
118
112
  border-radius: 8px;
119
113
  margin-bottom: 8px;
120
114
  max-width: 93%;
121
115
  padding: 8px 12px;
122
116
  }
123
- ._13n1jqkb ul {
117
+ ._13n1jqka ul {
124
118
  padding-left: 24px;
125
119
  }
126
- ._13n1jqkc {
120
+ ._13n1jqkb {
127
121
  border: 1px solid #ddd;
128
122
  border-radius: 8px;
129
123
  box-shadow: 0 1px 4px #b3e0ff55;
@@ -131,20 +125,20 @@
131
125
  flex-direction: column;
132
126
  margin-bottom: 8px;
133
127
  }
134
- ._13n1jqkd {
128
+ ._13n1jqkc {
135
129
  font-size: 12px;
136
130
  text-align: left;
137
131
  background: #fff;
138
132
  color: #1e3860;
139
133
  cursor: pointer;
140
134
  }
141
- ._13n1jqkd:hover {
135
+ ._13n1jqkc:hover {
142
136
  background: #f0f0f0;
143
137
  }
144
- ._1hpv6vm1 ._13n1jqkd {
138
+ ._1hpv6vm1 ._13n1jqkc {
145
139
  color: #323339;
146
140
  }
147
- ._13n1jqke {
141
+ ._13n1jqkd {
148
142
  background: #1e629a;
149
143
  border: none;
150
144
  color: #fff;
@@ -154,14 +148,14 @@
154
148
  border-radius: 4px;
155
149
  text-align: center;
156
150
  }
157
- ._13n1jqke:hover {
151
+ ._13n1jqkd:hover {
158
152
  opacity: 0.8;
159
153
  }
160
- ._1hpv6vm1 ._13n1jqke {
154
+ ._1hpv6vm1 ._13n1jqkd {
161
155
  background: #e18357;
162
156
  color: #323339;
163
157
  }
164
- ._13n1jqkf {
158
+ ._13n1jqke {
165
159
  position: absolute;
166
160
  top: 40px;
167
161
  right: 25px;
@@ -177,49 +171,43 @@
177
171
  color: #323339;
178
172
  }
179
173
  }
180
- ._13n1jqkg {
174
+ ._13n1jqkf {
181
175
  color: #fff;
182
176
  border-bottom: 1px solid #1f2d3e;
183
177
  padding: 2px 12px;
184
178
  cursor: pointer;
185
179
  font-size: 12px;
186
180
  }
187
- ._13n1jqkg:last-child {
181
+ ._13n1jqkf:last-child {
188
182
  border-bottom: none;
189
183
  }
190
- ._13n1jqkg:hover {
184
+ ._13n1jqkf:hover {
191
185
  background: #1f2d3e;
192
186
  }
193
- ._1hpv6vm1 ._13n1jqkg {
187
+ ._1hpv6vm1 ._13n1jqkf {
194
188
  background: #e18357;
195
189
  color: #323339;
196
190
  }
197
- ._13n1jqkg button {
191
+ ._13n1jqkf button {
198
192
  background: transparent;
199
193
  border: none;
200
194
  color: inherit;
201
195
  cursor: pointer;
202
196
  }
203
- ._13n1jqkh {
197
+ ._13n1jqkg {
204
198
  font-size: 10px;
205
199
  text-align: center;
206
200
  margin-bottom: 8px;
207
201
  margin-top: 8px;
208
202
  color: #1e3860;
209
203
  }
210
- ._1hpv6vm1 ._13n1jqkh {
204
+ ._1hpv6vm1 ._13n1jqkg {
211
205
  color: #323339;
212
206
  }
213
- ._13n1jqki {
207
+ ._13n1jqkh {
214
208
  display: flex;
215
209
  flex-direction: column;
216
210
  align-items: center;
217
211
  justify-content: center;
218
212
  padding: 0 1rem;
219
- }
220
- @media (hover: none) and (pointer: coarse) {
221
- body:has(._1hpv6vm1 ._13n1jqk1), body:has(._1hpv6vm0 ._13n1jqk1) {
222
- overscroll-behavior: contain;
223
- overflow: hidden;
224
- }
225
213
  }
@@ -199,6 +199,205 @@ main > div:nth-last-child(2) > .txcb8d0 {
199
199
  .txcb8dm + .txcb8d1d {
200
200
  margin-top: 24px;
201
201
  }
202
+ .txcb8d1e {
203
+ display: flex;
204
+ flex-direction: column;
205
+ }
206
+ .txcb8d1f {
207
+ padding-block: 80px;
208
+ }
209
+ .txcb8d1g {
210
+ background: var(--_1073cm81);
211
+ color: var(--_1073cm83);
212
+ }
213
+ .txcb8d1h {
214
+ background: var(--_1073cm88);
215
+ color: var(--_1073cm8a);
216
+ }
217
+ .txcb8d1i {
218
+ background: var(--_1073cm8f);
219
+ color: var(--_1073cm8h);
220
+ }
221
+ .txcb8d1j {
222
+ background: var(--_1073cm8m);
223
+ color: var(--_1073cm8o);
224
+ }
225
+ .txcb8d1l {
226
+ display: flex;
227
+ align-items: flex-start;
228
+ gap: 56px;
229
+ }
230
+ .txcb8d1m {
231
+ gap: 32px;
232
+ width: min(344px, 100%);
233
+ }
234
+ .txcb8d1n {
235
+ aspect-ratio: 344 / 392;
236
+ background-color: #DAE2E5;
237
+ border-radius: 16px;
238
+ align-self: stretch;
239
+ overflow: hidden;
240
+ max-width: 344px;
241
+ position: relative;
242
+ }
243
+ .txcb8d1o {
244
+ height: 100%;
245
+ width: 100%;
246
+ object-fit: cover;
247
+ position: absolute;
248
+ inset: 0;
249
+ }
250
+ .txcb8d1p {
251
+ gap: 16px;
252
+ }
253
+ .txcb8d1q {
254
+ display: block;
255
+ font: 700 18px / 1.5 var(--header-font-family);
256
+ letter-spacing: -0.198px;
257
+ }
258
+ .txcb8d1r {
259
+ color: var(--_1073cm85);
260
+ }
261
+ .txcb8d1s {
262
+ color: var(--_1073cm8c);
263
+ }
264
+ .txcb8d1t {
265
+ color: var(--_1073cm8j);
266
+ }
267
+ .txcb8d1u {
268
+ color: var(--_1073cm8q);
269
+ }
270
+ .txcb8d1v {
271
+ gap: 3px;
272
+ padding-left: 20px;
273
+ }
274
+ .txcb8d1w {
275
+ flex: 1;
276
+ gap: 24px;
277
+ }
278
+ .txcb8d1x {
279
+ gap: 16px;
280
+ }
281
+ .txcb8d1y {
282
+ gap: 12px;
283
+ }
284
+ .txcb8d20 {
285
+ color: var(--_1073cm85);
286
+ }
287
+ .txcb8d21 {
288
+ color: var(--_1073cm8c);
289
+ }
290
+ .txcb8d22 {
291
+ color: var(--_1073cm8j);
292
+ }
293
+ .txcb8d23 {
294
+ color: var(--_1073cm8q);
295
+ }
296
+ .txcb8d24 {
297
+ font-size: 20px;
298
+ line-height: 1.5;
299
+ }
300
+ .txcb8d25 {
301
+ color: var(--_1073cm85);
302
+ }
303
+ .txcb8d26 {
304
+ color: var(--_1073cm8c);
305
+ }
306
+ .txcb8d27 {
307
+ color: var(--_1073cm8j);
308
+ }
309
+ .txcb8d28 {
310
+ color: var(--_1073cm8q);
311
+ }
312
+ .txcb8d29 {
313
+ display: flex;
314
+ align-items: center;
315
+ gap: 18px;
316
+ }
317
+ .txcb8d2b {
318
+ fill: #2F5B88;
319
+ }
320
+ .txcb8d2c {
321
+ fill: #2F5B88;
322
+ }
323
+ .txcb8d2d {
324
+ fill: var(--_1073cm8g);
325
+ }
326
+ .txcb8d2e {
327
+ fill: var(--_1073cm8n);
328
+ }
329
+ .txcb8d2f {
330
+ font-size: 24px;
331
+ font-weight: 600;
332
+ line-height: 1.37;
333
+ font-family: var(--header-font-family);
334
+ text-wrap: pretty;
335
+ }
336
+ .txcb8d2g {
337
+ color: var(--_1073cm85);
338
+ }
339
+ .txcb8d2h {
340
+ color: var(--_1073cm8c);
341
+ }
342
+ .txcb8d2i {
343
+ color: var(--_1073cm8j);
344
+ }
345
+ .txcb8d2j {
346
+ color: var(--_1073cm8q);
347
+ }
348
+ .txcb8d2k p {
349
+ font-size: 16px;
350
+ line-height: 1.5;
351
+ }
352
+ .txcb8d2l {
353
+ scale: 1;
354
+ transition: scale 0.25s ease;
355
+ will-change: scale;
356
+ }
357
+ .txcb8d2l:hover {
358
+ scale: 1.1;
359
+ }
360
+ .txcb8d2m {
361
+ position: relative;
362
+ display: flex;
363
+ }
364
+ .txcb8d2n {
365
+ visibility: hidden;
366
+ min-width: 120px;
367
+ text-align: center;
368
+ padding: 5px 0;
369
+ border-radius: 8px;
370
+ position: absolute;
371
+ z-index: 1;
372
+ bottom: 120%;
373
+ left: 100%;
374
+ margin-left: -33px;
375
+ opacity: 0;
376
+ transition: opacity 0.3s;
377
+ will-change: opacity;
378
+ font-weight: 700;
379
+ font-family: var(--header-font-family);
380
+ }
381
+ .txcb8d2m:hover .txcb8d2n {
382
+ visibility: visible;
383
+ opacity: 1;
384
+ }
385
+ .txcb8d2o {
386
+ background: var(--_1073cm82);
387
+ color: var(--_1073cm86);
388
+ }
389
+ .txcb8d2p {
390
+ background: var(--_1073cm89);
391
+ color: var(--_1073cm8d);
392
+ }
393
+ .txcb8d2q {
394
+ background: var(--_1073cm8g);
395
+ color: var(--_1073cm8k);
396
+ }
397
+ .txcb8d2r {
398
+ background: var(--_1073cm8n);
399
+ color: var(--_1073cm8r);
400
+ }
202
401
  @media (max-width: 1240px) and (min-width: 1024px) {
203
402
  .txcb8dm {
204
403
  max-width: max-content;
@@ -237,6 +436,12 @@ main > div:nth-last-child(2) > .txcb8d0 {
237
436
  .txcb8d1c {
238
437
  margin-top: 24px;
239
438
  }
439
+ .txcb8d1f {
440
+ padding-block: 42px;
441
+ }
442
+ .txcb8d1l {
443
+ gap: 32px;
444
+ }
240
445
  }
241
446
  @media (max-width: 768px) {
242
447
  .txcb8db {
@@ -275,6 +480,9 @@ main > div:nth-last-child(2) > .txcb8d0 {
275
480
  .txcb8dm + .txcb8d1d {
276
481
  margin-top: 10px;
277
482
  }
483
+ .txcb8d1f {
484
+ padding-block: 32px;
485
+ }
278
486
  }
279
487
  @media screen and (max-width: 1023px) {
280
488
  main > div:nth-last-child(2) > .txcb8d0 {
@@ -297,4 +505,35 @@ main > div:nth-last-child(2) > .txcb8d0 {
297
505
  flex-direction: column;
298
506
  gap: 10px;
299
507
  }
508
+ }
509
+ @media (max-width: 1023px) and (min-width: 769px) {
510
+ .txcb8d1k {
511
+ width: min(1200px, calc(100% - 4rem));
512
+ }
513
+ }
514
+ @media (max-width: 850px) {
515
+ .txcb8d1l {
516
+ flex-direction: column;
517
+ gap: 24px;
518
+ }
519
+ .txcb8d1m {
520
+ display: contents;
521
+ }
522
+ .txcb8d1p {
523
+ order: 1;
524
+ }
525
+ .txcb8d1w {
526
+ display: contents;
527
+ }
528
+ .txcb8d2k {
529
+ order: 2;
530
+ }
531
+ .txcb8d2s {
532
+ order: 3;
533
+ }
534
+ }
535
+ @media (min-width: 769px) {
536
+ .txcb8d2s > * + * {
537
+ margin-top: 14px;
538
+ }
300
539
  }