@axos-web-dev/shared-components 2.0.0-dev.13-stepForm.4 → 2.0.0-dev.13-stepForm.5

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.
@@ -12,14 +12,18 @@ export declare const propertyTypeOptions: readonly [{
12
12
  readonly label: "Condo";
13
13
  readonly value: "condo";
14
14
  }, {
15
- readonly label: "Co-op";
16
- readonly value: "co-op";
15
+ readonly label: "2-4 Unit";
16
+ readonly value: "2-4-unit";
17
+ }];
18
+ export declare const unitCountOptions: readonly [{
19
+ readonly label: "2 units";
20
+ readonly value: "2";
17
21
  }, {
18
- readonly label: "Manufactured Single Wide";
19
- readonly value: "manufactured-single-wide";
22
+ readonly label: "3 units";
23
+ readonly value: "3";
20
24
  }, {
21
- readonly label: "Manufactured Double Wide";
22
- readonly value: "manufactured-double-wide";
25
+ readonly label: "4 units";
26
+ readonly value: "4";
23
27
  }];
24
28
  export declare const propertyUseOptions: readonly [{
25
29
  readonly label: "Primary residence";
@@ -32,8 +36,14 @@ export declare const propertyUseOptions: readonly [{
32
36
  readonly value: "investment";
33
37
  }];
34
38
  export declare const creditScoreOptions: readonly [{
35
- readonly label: "740+";
36
- readonly value: "740+";
39
+ readonly label: "780+";
40
+ readonly value: "780+";
41
+ }, {
42
+ readonly label: "779-760";
43
+ readonly value: "779-760";
44
+ }, {
45
+ readonly label: "759-740";
46
+ readonly value: "759-740";
37
47
  }, {
38
48
  readonly label: "739-720";
39
49
  readonly value: "739-720";
@@ -52,9 +62,6 @@ export declare const creditScoreOptions: readonly [{
52
62
  }, {
53
63
  readonly label: "639-620";
54
64
  readonly value: "639-620";
55
- }, {
56
- readonly label: "Below 620";
57
- readonly value: "below-620";
58
65
  }];
59
66
  export declare const amortizationTypeOptions: readonly [{
60
67
  readonly label: "Fixed";
@@ -99,3 +106,13 @@ export declare const armLoanTermOptions: readonly [{
99
106
  readonly label: "10 Year";
100
107
  readonly value: "10-year";
101
108
  }];
109
+ export declare const updateFrequencyOptions: readonly [{
110
+ readonly label: "Daily";
111
+ readonly value: "daily";
112
+ }, {
113
+ readonly label: "Weekly";
114
+ readonly value: "weekly";
115
+ }, {
116
+ readonly label: "Monthly";
117
+ readonly value: "monthly";
118
+ }];
@@ -5,9 +5,12 @@ const mortgageTypeOptions = [
5
5
  const propertyTypeOptions = [
6
6
  { label: "Single family home", value: "single-family-home" },
7
7
  { label: "Condo", value: "condo" },
8
- { label: "Co-op", value: "co-op" },
9
- { label: "Manufactured Single Wide", value: "manufactured-single-wide" },
10
- { label: "Manufactured Double Wide", value: "manufactured-double-wide" }
8
+ { label: "2-4 Unit", value: "2-4-unit" }
9
+ ];
10
+ const unitCountOptions = [
11
+ { label: "2 units", value: "2" },
12
+ { label: "3 units", value: "3" },
13
+ { label: "4 units", value: "4" }
11
14
  ];
12
15
  const propertyUseOptions = [
13
16
  { label: "Primary residence", value: "primary-residence" },
@@ -15,14 +18,15 @@ const propertyUseOptions = [
15
18
  { label: "Investment", value: "investment" }
16
19
  ];
17
20
  const creditScoreOptions = [
18
- { label: "740+", value: "740+" },
21
+ { label: "780+", value: "780+" },
22
+ { label: "779-760", value: "779-760" },
23
+ { label: "759-740", value: "759-740" },
19
24
  { label: "739-720", value: "739-720" },
20
25
  { label: "719-700", value: "719-700" },
21
26
  { label: "699-680", value: "699-680" },
22
27
  { label: "679-660", value: "679-660" },
23
28
  { label: "659-640", value: "659-640" },
24
- { label: "639-620", value: "639-620" },
25
- { label: "Below 620", value: "below-620" }
29
+ { label: "639-620", value: "639-620" }
26
30
  ];
27
31
  const amortizationTypeOptions = [
28
32
  { label: "Fixed", value: "fixed" },
@@ -45,6 +49,11 @@ const armLoanTermOptions = [
45
49
  { label: "7 Year", value: "7-year" },
46
50
  { label: "10 Year", value: "10-year" }
47
51
  ];
52
+ const updateFrequencyOptions = [
53
+ { label: "Daily", value: "daily" },
54
+ { label: "Weekly", value: "weekly" },
55
+ { label: "Monthly", value: "monthly" }
56
+ ];
48
57
  export {
49
58
  amortizationTypeOptions,
50
59
  armLoanTermOptions,
@@ -53,5 +62,7 @@ export {
53
62
  fixedLoanTypeOptions,
54
63
  mortgageTypeOptions,
55
64
  propertyTypeOptions,
56
- propertyUseOptions
65
+ propertyUseOptions,
66
+ unitCountOptions,
67
+ updateFrequencyOptions
57
68
  };
@@ -1,13 +1,16 @@
1
1
  export type MortgageIntent = "purchase-rates" | "refinance-rates";
2
- export type PropertyType = "single-family-home" | "condo" | "co-op" | "manufactured-single-wide" | "manufactured-double-wide";
2
+ export type PropertyType = "single-family-home" | "condo" | "2-4-unit";
3
+ export type UnitCount = "2" | "3" | "4";
3
4
  export type PropertyUse = "primary-residence" | "vacation-home" | "investment";
4
- export type CreditScoreRange = "740+" | "739-720" | "719-700" | "699-680" | "679-660" | "659-640" | "639-620" | "below-620";
5
+ export type CreditScoreRange = "780+" | "779-760" | "759-740" | "739-720" | "719-700" | "699-680" | "679-660" | "659-640" | "639-620";
5
6
  export type AmortizationType = "fixed" | "arm";
6
7
  export type FixedLoanType = "conforming" | "non-conforming" | "fha" | "va";
7
8
  export type LoanTerm = "30-year" | "20-year" | "15-year" | "10-year" | "7-year" | "5-year";
9
+ export type UpdateFrequency = "daily" | "weekly" | "monthly";
8
10
  export interface MortgageLeadFormValues {
9
11
  mortgageType: MortgageIntent | "";
10
12
  propertyType: PropertyType | "";
13
+ unitCount: UnitCount | "";
11
14
  propertyUse: PropertyUse | "";
12
15
  creditScore: CreditScoreRange | "";
13
16
  purchasePrice: string;
@@ -22,6 +25,7 @@ export interface MortgageLeadFormValues {
22
25
  loanTerm: LoanTerm | "";
23
26
  desiredRate: string;
24
27
  discountPoints: string;
28
+ updateFrequency: UpdateFrequency | "";
25
29
  firstName: string;
26
30
  lastName: string;
27
31
  email: string;
@@ -1,30 +1,30 @@
1
- import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css';const overlay = "_overlay_7ufer_1";
2
- const drawer = "_drawer_7ufer_9";
3
- const mobileNavRow = "_mobileNavRow_7ufer_29";
4
- const loginTrigger = "_loginTrigger_7ufer_35";
5
- const hamburger = "_hamburger_7ufer_51";
6
- const loginDrawerTitle = "_loginDrawerTitle_7ufer_73";
7
- const loginDrawerContent = "_loginDrawerContent_7ufer_79";
8
- const header = "_header_7ufer_85";
9
- const back = "_back_7ufer_96";
10
- const close = "_close_7ufer_104";
11
- const levelContainer = "_levelContainer_7ufer_115";
12
- const level = "_level_7ufer_115";
13
- const levelTitle = "_levelTitle_7ufer_131";
14
- const menu = "_menu_7ufer_136";
15
- const menuItem = "_menuItem_7ufer_152";
16
- const loginAccordion = "_loginAccordion_7ufer_168";
17
- const loginAccordionList = "_loginAccordionList_7ufer_172";
18
- const loginAccordionGroup = "_loginAccordionGroup_7ufer_178";
19
- const loginAccordionHeading = "_loginAccordionHeading_7ufer_215";
20
- const loginAccordionGroupList = "_loginAccordionGroupList_7ufer_225";
21
- const loginHeading = "_loginHeading_7ufer_269";
22
- const chevron = "_chevron_7ufer_279";
23
- const chevronIcon = "_chevronIcon_7ufer_284";
24
- const quickLinks = "_quickLinks_7ufer_295";
25
- const quickLink = "_quickLink_7ufer_295";
26
- const sr_only = "_sr_only_7ufer_319";
27
- const loginAccordionOverlay = "_loginAccordionOverlay_7ufer_344";
1
+ import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css';const overlay = "_overlay_hbh7s_1";
2
+ const drawer = "_drawer_hbh7s_9";
3
+ const mobileNavRow = "_mobileNavRow_hbh7s_29";
4
+ const loginTrigger = "_loginTrigger_hbh7s_35";
5
+ const hamburger = "_hamburger_hbh7s_51";
6
+ const loginDrawerTitle = "_loginDrawerTitle_hbh7s_73";
7
+ const loginDrawerContent = "_loginDrawerContent_hbh7s_79";
8
+ const header = "_header_hbh7s_85";
9
+ const back = "_back_hbh7s_96";
10
+ const close = "_close_hbh7s_104";
11
+ const levelContainer = "_levelContainer_hbh7s_115";
12
+ const level = "_level_hbh7s_115";
13
+ const levelTitle = "_levelTitle_hbh7s_131";
14
+ const menu = "_menu_hbh7s_136";
15
+ const menuItem = "_menuItem_hbh7s_152";
16
+ const loginAccordion = "_loginAccordion_hbh7s_168";
17
+ const loginAccordionList = "_loginAccordionList_hbh7s_172";
18
+ const loginAccordionGroup = "_loginAccordionGroup_hbh7s_178";
19
+ const loginAccordionHeading = "_loginAccordionHeading_hbh7s_215";
20
+ const loginAccordionGroupList = "_loginAccordionGroupList_hbh7s_225";
21
+ const loginHeading = "_loginHeading_hbh7s_269";
22
+ const chevron = "_chevron_hbh7s_279";
23
+ const chevronIcon = "_chevronIcon_hbh7s_284";
24
+ const quickLinks = "_quickLinks_hbh7s_295";
25
+ const quickLink = "_quickLink_hbh7s_295";
26
+ const sr_only = "_sr_only_hbh7s_319";
27
+ const loginAccordionOverlay = "_loginAccordionOverlay_hbh7s_344";
28
28
  const styles = {
29
29
  overlay,
30
30
  drawer,
@@ -194,6 +194,7 @@ export declare const getMenuData: (resolveUrl: UrlResolver) => {
194
194
  "Leveraged Finance": string;
195
195
  "Dealer Floorplan Finance": string;
196
196
  "Premium Finance": string;
197
+ "Franchise Finance": string;
197
198
  };
198
199
  "Other Resources": {
199
200
  "Business Support": string;
@@ -253,11 +254,13 @@ export declare const getMenuData: (resolveUrl: UrlResolver) => {
253
254
  Business: {
254
255
  "Business Banking Login": string;
255
256
  "MWA Business Login": string;
256
- "Commercial Portal": string;
257
+ };
258
+ Commercial: {
259
+ "Commercial Online Banking Login": string;
260
+ "Commercial Loan Portal": string;
257
261
  };
258
262
  Partners: {
259
263
  "Wholesale and Correspondent": string;
260
- "Advisor Login": string;
261
264
  };
262
265
  Additional: {
263
266
  "Customer Support": string;
@@ -359,6 +359,9 @@ const getMenuData = (resolveUrl) => ({
359
359
  ),
360
360
  "Premium Finance": resolveUrl(
361
361
  "{AXOSBANK}/commercial/lending/premium-finance"
362
+ ),
363
+ "Franchise Finance": resolveUrl(
364
+ "{AXOSBANK}/commercial/lending/franchise-finance"
362
365
  )
363
366
  },
364
367
  "Other Resources": {
@@ -438,16 +441,18 @@ const getMenuData = (resolveUrl) => ({
438
441
  },
439
442
  Business: {
440
443
  "Business Banking Login": resolveUrl("{ONLINEBANKING}/auth/Login"),
441
- "MWA Business Login": resolveUrl("{ONLINEBANKING}/auth/Login"),
442
- "Commercial Portal": resolveUrl(
444
+ "MWA Business Login": resolveUrl("{ONLINEBANKING}/auth/Login")
445
+ },
446
+ Commercial: {
447
+ "Commercial Online Banking Login": resolveUrl("https://ace.axos.com/"),
448
+ "Commercial Loan Portal": resolveUrl(
443
449
  "{AXOSBANK}/commercial/lending/commercial-portal"
444
450
  )
445
451
  },
446
452
  Partners: {
447
453
  "Wholesale and Correspondent": resolveUrl(
448
454
  "https://thirdpartylending.axosbank.com/index"
449
- ),
450
- "Advisor Login": resolveUrl("{ARMS}")
455
+ )
451
456
  },
452
457
  Additional: {
453
458
  "Customer Support": resolveUrl("{AXOSBANK}/customer-support"),
@@ -1,42 +1,42 @@
1
- import '../../assets/NavigationMenu/AxosBank/NavBar.css';const header = "_header_ak0c_1";
2
- const wrapper = "_wrapper_ak0c_5";
3
- const header_main_row = "_header_main_row_ak0c_11";
4
- const logo_wrap = "_logo_wrap_ak0c_17";
5
- const primary_links = "_primary_links_ak0c_21";
6
- const main_nav_link = "_main_nav_link_ak0c_25";
7
- const sub_nav_link = "_sub_nav_link_ak0c_57";
8
- const signin_wrap = "_signin_wrap_ak0c_59";
9
- const signin_btn = "_signin_btn_ak0c_60";
10
- const header_sub_row = "_header_sub_row_ak0c_98";
11
- const signin_dropdown = "_signin_dropdown_ak0c_131";
12
- const shadow = "_shadow_ak0c_141";
13
- const signin_header = "_signin_header_ak0c_151";
14
- const signin_subheader = "_signin_subheader_ak0c_158";
15
- const opacity = "_opacity_ak0c_179";
16
- const fadeInDown = "_fadeInDown_ak0c_1";
17
- const signin_footer = "_signin_footer_ak0c_185";
18
- const open = "_open_ak0c_206";
19
- const dd_wrapper = "_dd_wrapper_ak0c_218";
20
- const dd_media = "_dd_media_ak0c_227";
21
- const dd_media_img = "_dd_media_img_ak0c_232";
22
- const dd_site_navs = "_dd_site_navs_ak0c_236";
23
- const dd_media_header = "_dd_media_header_ak0c_243";
24
- const mt_8 = "_mt_8_ak0c_254";
25
- const mt_16 = "_mt_16_ak0c_258";
26
- const ml_8 = "_ml_8_ak0c_262";
27
- const reversed_row = "_reversed_row_ak0c_266";
28
- const headline = "_headline_ak0c_270";
29
- const nav_anchor = "_nav_anchor_ak0c_278";
30
- const headline_cta = "_headline_cta_ak0c_286";
31
- const site_lists = "_site_lists_ak0c_302";
32
- const modify_fit = "_modify_fit_ak0c_322";
33
- const mobile_only = "_mobile_only_ak0c_347";
34
- const mobile_logo = "_mobile_logo_ak0c_353";
35
- const highlight = "_highlight_ak0c_360";
36
- const mobile_opened = "_mobile_opened_ak0c_366";
37
- const dd_footer = "_dd_footer_ak0c_374";
38
- const skip_btn = "_skip_btn_ak0c_382";
39
- const desktop_only = "_desktop_only_ak0c_418";
1
+ import '../../assets/NavigationMenu/AxosBank/NavBar.css';const header = "_header_4c252_1";
2
+ const wrapper = "_wrapper_4c252_5";
3
+ const header_main_row = "_header_main_row_4c252_11";
4
+ const logo_wrap = "_logo_wrap_4c252_17";
5
+ const primary_links = "_primary_links_4c252_21";
6
+ const main_nav_link = "_main_nav_link_4c252_25";
7
+ const sub_nav_link = "_sub_nav_link_4c252_57";
8
+ const signin_wrap = "_signin_wrap_4c252_59";
9
+ const signin_btn = "_signin_btn_4c252_60";
10
+ const header_sub_row = "_header_sub_row_4c252_98";
11
+ const signin_dropdown = "_signin_dropdown_4c252_131";
12
+ const shadow = "_shadow_4c252_141";
13
+ const signin_header = "_signin_header_4c252_151";
14
+ const signin_subheader = "_signin_subheader_4c252_158";
15
+ const opacity = "_opacity_4c252_179";
16
+ const fadeInDown = "_fadeInDown_4c252_1";
17
+ const signin_footer = "_signin_footer_4c252_185";
18
+ const open = "_open_4c252_206";
19
+ const dd_wrapper = "_dd_wrapper_4c252_218";
20
+ const dd_media = "_dd_media_4c252_227";
21
+ const dd_media_img = "_dd_media_img_4c252_232";
22
+ const dd_site_navs = "_dd_site_navs_4c252_236";
23
+ const dd_media_header = "_dd_media_header_4c252_243";
24
+ const mt_8 = "_mt_8_4c252_254";
25
+ const mt_16 = "_mt_16_4c252_258";
26
+ const ml_8 = "_ml_8_4c252_262";
27
+ const reversed_row = "_reversed_row_4c252_266";
28
+ const headline = "_headline_4c252_270";
29
+ const nav_anchor = "_nav_anchor_4c252_278";
30
+ const headline_cta = "_headline_cta_4c252_286";
31
+ const site_lists = "_site_lists_4c252_302";
32
+ const modify_fit = "_modify_fit_4c252_322";
33
+ const mobile_only = "_mobile_only_4c252_347";
34
+ const mobile_logo = "_mobile_logo_4c252_353";
35
+ const highlight = "_highlight_4c252_360";
36
+ const mobile_opened = "_mobile_opened_4c252_366";
37
+ const dd_footer = "_dd_footer_4c252_374";
38
+ const skip_btn = "_skip_btn_4c252_382";
39
+ const desktop_only = "_desktop_only_4c252_418";
40
40
  const styles = {
41
41
  header,
42
42
  wrapper,
@@ -2926,6 +2926,15 @@ function SubNavBar() {
2926
2926
  ),
2927
2927
  children: "Premium Finance"
2928
2928
  }
2929
+ ) }),
2930
+ /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
2931
+ Link,
2932
+ {
2933
+ href: resolveUrl(
2934
+ "{AXOSBANK}/commercial/lending/franchise-finance"
2935
+ ),
2936
+ children: "Franchise Finance"
2937
+ }
2929
2938
  ) })
2930
2939
  ] })
2931
2940
  ] }),
@@ -477,6 +477,25 @@ function NavBar({
477
477
  className: `${styles.signin_subheader} ${signin_subheader}`,
478
478
  children: /* @__PURE__ */ jsx("a", { href: resolveUrl("{ONLINEBANKING}/auth/Login"), children: "MWA Business Banking" })
479
479
  }
480
+ )
481
+ ] })
482
+ ] }),
483
+ /* @__PURE__ */ jsxs("li", { role: "heading", children: [
484
+ /* @__PURE__ */ jsx(
485
+ "a",
486
+ {
487
+ className: styles.signin_header,
488
+ href: resolveUrl("{AXOSBANK}/commercial"),
489
+ children: "Commercial"
490
+ }
491
+ ),
492
+ /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
493
+ /* @__PURE__ */ jsx(
494
+ "li",
495
+ {
496
+ className: `${styles.signin_subheader} ${signin_subheader}`,
497
+ children: /* @__PURE__ */ jsx("a", { href: resolveUrl("https://ace.axos.com/"), children: "Commercial Online Banking Login" })
498
+ }
480
499
  ),
481
500
  /* @__PURE__ */ jsx(
482
501
  "li",
@@ -488,7 +507,7 @@ function NavBar({
488
507
  href: resolveUrl(
489
508
  "{AXOSBANK}/commercial/lending/commercial-portal"
490
509
  ),
491
- children: "Commercial Portal"
510
+ children: "Commercial Loan Portal"
492
511
  }
493
512
  )
494
513
  }
@@ -504,22 +523,13 @@ function NavBar({
504
523
  children: "Partners"
505
524
  }
506
525
  ),
507
- /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
508
- /* @__PURE__ */ jsx(
509
- "li",
510
- {
511
- className: `${styles.signin_subheader} ${signin_subheader}`,
512
- children: /* @__PURE__ */ jsx("a", { href: "https://thirdpartylending.axosbank.com/index", children: "Wholesale and Correspondent" })
513
- }
514
- ),
515
- /* @__PURE__ */ jsx(
516
- "li",
517
- {
518
- className: `${styles.signin_subheader} ${signin_subheader}`,
519
- children: /* @__PURE__ */ jsx("a", { href: resolveUrl("{ARMS}"), children: "Advisor Login" })
520
- }
521
- )
522
- ] })
526
+ /* @__PURE__ */ jsx("ul", { className: "list_unstyled", children: /* @__PURE__ */ jsx(
527
+ "li",
528
+ {
529
+ className: `${styles.signin_subheader} ${signin_subheader}`,
530
+ children: /* @__PURE__ */ jsx("a", { href: "https://thirdpartylending.axosbank.com/index", children: "Wholesale and Correspondent" })
531
+ }
532
+ ) })
523
533
  ] }),
524
534
  /* @__PURE__ */ jsxs(
525
535
  "li",
@@ -107,6 +107,9 @@
107
107
  border-color: #1e629a;
108
108
  background: #e9f8ff;
109
109
  }
110
+ ._13s19j3e[data-focus] {
111
+ outline-color: #1e629a;
112
+ }
110
113
  ._13s19j3f {
111
114
  border-color: #1e3860;
112
115
  background: #f2fbff;
@@ -143,6 +146,8 @@
143
146
  font-family: var(--header-font-family);
144
147
  outline: none;
145
148
  padding: 14px 16px;
149
+ caret-color: #2f5b88;
150
+ caret-shape: underscore;
146
151
  }
147
152
  ._13s19j3j:focus {
148
153
  border-color: #1e629a;
@@ -150,6 +155,7 @@
150
155
  }
151
156
  ._13s19j3a:has(._13s19j3b) ._13s19j3j {
152
157
  border-color: #b42318;
158
+ background: rgb(255, 245, 245);
153
159
  }
154
160
  ._13s19j3k {
155
161
  color: #58677a;
@@ -318,6 +324,117 @@
318
324
  line-height: 1.5;
319
325
  margin-top: 8px;
320
326
  }
327
+ ._13s19j31d {
328
+ border: none;
329
+ margin-top: 0;
330
+ margin-inline: 0;
331
+ padding: 0;
332
+ }
333
+ ._13s19j31e {
334
+ position: relative;
335
+ margin-top: 16px;
336
+ }
337
+ ._13s19j31f {
338
+ display: flex;
339
+ align-items: center;
340
+ background: #fff;
341
+ border: 1px solid #1e3860;
342
+ border-radius: 12px;
343
+ color: #14263d;
344
+ cursor: pointer;
345
+ font-family: var(--header-font-family);
346
+ font-size: 1rem;
347
+ font-weight: 500;
348
+ justify-content: space-between;
349
+ padding: 14px 16px;
350
+ text-align: left;
351
+ transition: border-color 0.2s ease, box-shadow 0.2s ease;
352
+ width: 100%;
353
+ }
354
+ ._13s19j31f:hover {
355
+ border-color: #1e629a;
356
+ }
357
+ ._13s19j31f:focus {
358
+ outline: none;
359
+ border-color: #1e629a;
360
+ box-shadow: 0 0 0 3px rgba(30, 98, 154, 0.2);
361
+ }
362
+ ._13s19j31f[data-open] {
363
+ border-color: #1e629a;
364
+ box-shadow: 0 0 0 3px rgba(30, 98, 154, 0.2);
365
+ }
366
+ ._13s19j31g {
367
+ color: #6b7c93;
368
+ }
369
+ ._13s19j31h {
370
+ width: 20px;
371
+ height: 20px;
372
+ margin-left: 8px;
373
+ color: #1e3860;
374
+ transition: transform 0.2s ease;
375
+ }
376
+ [data-open="true"] ._13s19j31h {
377
+ transform: rotate(180deg);
378
+ }
379
+ ._13s19j31i {
380
+ position: absolute;
381
+ top: calc(100% + 4px);
382
+ left: 0;
383
+ right: 0;
384
+ z-index: 10;
385
+ margin: 0;
386
+ padding: 4px;
387
+ list-style: none;
388
+ background: #fff;
389
+ border: 1px solid #1e3860;
390
+ border-radius: 12px;
391
+ box-shadow: 0 8px 24px rgba(20, 38, 61, 0.12);
392
+ max-height: 240px;
393
+ overflow-y: auto;
394
+ display: grid;
395
+ gap: 4px;
396
+ }
397
+ ._13s19j31j {
398
+ padding: 12px 14px;
399
+ border-radius: 8px;
400
+ cursor: pointer;
401
+ color: #14263d;
402
+ font-size: 1rem;
403
+ transition: background 0.15s ease;
404
+ font-family: var(--header-font-family);
405
+ border: 1px solid transparent;
406
+ }
407
+ ._13s19j31j[data-selected], ._13s19j31j[data-focus] {
408
+ background: #f2fbff;
409
+ box-shadow: 0 0 0 1px #1e3860;
410
+ border-color: #1e3860;
411
+ }
412
+ ._13s19j31j[data-selected] {
413
+ font-weight: 600;
414
+ }
415
+ ._13s19j31k {
416
+ display: block;
417
+ font-size: 14px;
418
+ font-weight: 600;
419
+ color: #1e3860;
420
+ }
421
+ ._13s19j31l {
422
+ margin-top: 16px;
423
+ padding-top: 16px;
424
+ border-top: 1px solid #e9f8ff;
425
+ }
426
+ ._13s19j31m {
427
+ display: block;
428
+ margin-block: 12px;
429
+ font-weight: 600;
430
+ color: #1e3860;
431
+ }
432
+ ._13s19j31n {
433
+ overflow: hidden;
434
+ }
435
+ ._13s19j31n:has(._13s19j31f[data-open]) {
436
+ overflow: visible !important;
437
+ }
321
438
  @media screen and (max-width: 768px) {
322
439
  ._13s19j30 {
323
440
  min-height: calc(100dvh - 66px);