@axos-web-dev/shared-components 0.0.167 → 0.0.169

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.
@@ -1,650 +1,650 @@
1
- ._header_16n8x_1 {
2
- border-bottom: 1px solid #ebebeb;
3
- }
4
-
5
- ._wrapper_16n8x_9 {
6
- width: calc(100% - 80px);
7
- margin-left: auto;
8
- margin-right: auto;
9
- }
10
-
11
- ._header_main_row_16n8x_21,
12
- ._mobile_header_16n8x_23 {
13
- min-height: 80px;
14
- padding-top: 1rem;
15
- padding-bottom: 0.5rem;
16
- }
17
-
18
- ._logo_wrap_16n8x_35 {
19
- padding: 9px 6px;
20
- }
21
-
22
- ._primary_links_16n8x_43 {
23
- margin-left: 30px;
24
- }
25
-
26
- ._main_nav_link_16n8x_51 {
27
- padding: 10px 8px;
28
- text-align: center;
29
- }
30
-
31
- ._main_nav_link_16n8x_51 .active {
32
- border-color: currentColor;
33
- transition: border-color 0.5s ease;
34
- font-weight: 700;
35
- }
36
-
37
- ._main_nav_link_16n8x_51 > a {
38
- display: inline-block;
39
- font-size: 16px;
40
- padding: 4px 26px;
41
- border-bottom: 4px solid transparent;
42
- }
43
-
44
- ._sub_nav_link_16n8x_87 a,
45
- ._main_nav_link_16n8x_51 a,
46
- ._signin_wrap_16n8x_91 a,
47
- ._signin_btn_16n8x_93 {
48
- text-decoration: none;
49
- transition: opacity 0.3s ease;
50
- }
51
-
52
- ._sub_nav_link_16n8x_87:hover,
53
- ._main_nav_link_16n8x_51 a:hover,
54
- ._signin_wrap_16n8x_91 a:hover {
55
- opacity: 0.8;
56
- }
57
-
58
- ._signin_wrap_16n8x_91 .link {
59
- text-decoration: none;
60
- padding: 8px;
61
- }
62
-
63
- ._signin_btn_16n8x_93 {
64
- border-color: transparent;
65
- color: #fff;
66
- padding: 11px 24px;
67
- font-size: 16px;
68
- font-weight: 700;
69
- line-height: 1.44;
70
- border-radius: 8px;
71
- margin-left: 8px;
72
- cursor: pointer;
73
- }
74
-
75
- ._signin_btn_16n8x_93:hover {
76
- background-color: transparent;
77
- opacity: 0.9;
78
- }
79
-
80
- ._signin_btn_16n8x_93 > span {
81
- margin-right: 8px;
82
- }
83
-
84
- ._header_sub_row_16n8x_167 {
85
- min-height: 48px;
86
- position: relative;
87
- }
88
-
89
- ._sub_nav_link_16n8x_87 {
90
- padding-inline: 1rem;
91
- text-align: center;
92
- color: #fff;
93
- }
94
-
95
- ._sub_nav_link_16n8x_87 a {
96
- display: flex;
97
- align-items: center;
98
- font-weight: 500;
99
- line-height: 1.5;
100
- padding: 12px 9.5px;
101
- }
102
-
103
- ._sub_nav_link_16n8x_87 a:hover {
104
- background: linear-gradient(207deg, transparent, rgb(255 255 255 / 28%));
105
- }
106
-
107
- ._signin_dropdown_16n8x_213 {
108
- min-width: 288px;
109
- padding: 1.5rem 1rem;
110
- position: absolute;
111
- right: 0;
112
- top: 100%;
113
- z-index: 1204;
114
- display: none;
115
- }
116
-
117
- ._shadow_16n8x_233 {
118
- box-shadow: 0px 8px 16px 0px rgba(30, 38, 47, 0.2);
119
- border: 0.5px solid rgb(255 255 255 / 14%);
120
- border-top: none;
121
- }
122
-
123
- ._signin_dropdown_16n8x_213 li[role="heading"] {
124
- margin-top: 1px;
125
- }
126
-
127
- ._signin_header_16n8x_253 {
128
- color: #323339;
129
- font-weight: 700;
130
- padding: 0.5rem 1rem;
131
- text-align: left;
132
- }
133
-
134
- ._signin_subheader_16n8x_267 {
135
- color: #2f5b88;
136
- padding: 0.5rem 0.5rem 0.5rem 1.5rem;
137
- }
138
-
139
- ._signin_header_16n8x_253,
140
- ._signin_subheader_16n8x_267 a {
141
- line-height: 1.5;
142
- }
143
-
144
- @keyframes _fadeInDown_16n8x_1 {
145
- from {
146
- opacity: 0;
147
- transform: translate3d(0, -1%, 0);
148
- }
149
-
150
- to {
151
- opacity: 1;
152
- transform: none;
153
- }
154
- }
155
-
156
- ._opacity_16n8x_311 {
157
- animation-duration: 0.5s;
158
- animation-fill-mode: both;
159
- animation-name: _fadeInDown_16n8x_1;
160
- }
161
-
162
- ._signin_footer_16n8x_323 {
163
- margin-top: 0.5rem;
164
- padding-top: 1rem;
165
- }
166
-
167
- ._signin_footer_16n8x_323 > a + a {
168
- display: block;
169
- margin-top: 16px;
170
- }
171
-
172
- ._signin_footer_16n8x_323::before {
173
- content: "";
174
- background-color: #8f8f8f;
175
- height: 2px;
176
- opacity: 0.3;
177
- position: absolute;
178
- right: 8px;
179
- top: 0;
180
- width: 94%;
181
- }
182
-
183
- ._open_16n8x_365 {
184
- opacity: 0.8;
185
- }
186
-
187
- ._open_16n8x_365 > svg {
188
- transform: scaleY(-1);
189
- }
190
-
191
- ._open_16n8x_365 + ._signin_dropdown_16n8x_213 {
192
- display: block;
193
- }
194
-
195
- ._dd_wrapper_16n8x_389 {
196
- max-width: 1440px;
197
- outline: none !important;
198
- position: absolute;
199
- top: 0;
200
- width: 100%;
201
- z-index: 1203;
202
- }
203
-
204
- ._dd_media_16n8x_407 {
205
- padding: 1.5rem;
206
- width: 280px;
207
- }
208
-
209
- ._dd_media_img_16n8x_417 {
210
- min-height: 232px;
211
- }
212
-
213
- ._dd_site_navs_16n8x_425 {
214
- display: flex;
215
- flex-direction: column;
216
- flex: 1 1 0%;
217
- padding: 1.5rem;
218
- }
219
-
220
- ._dd_media_header_16n8x_439 p {
221
- color: #fff;
222
- font-size: 14px;
223
- line-height: 1.42;
224
- }
225
-
226
- ._dd_media_header_16n8x_439 p[role="heading"] {
227
- font: 600 1.25rem/ 1.4 var(--header-font-family);
228
- }
229
-
230
- ._mt_8_16n8x_459 {
231
- margin-top: 8px;
232
- }
233
-
234
- ._mt_16_16n8x_467 {
235
- margin-top: 1rem;
236
- }
237
-
238
- ._ml_8_16n8x_475 {
239
- margin-left: 8px;
240
- }
241
-
242
- ._dd_media_cta_16n8x_483 > a:first-child {
243
- border-radius: 8px;
244
- border: 2px solid transparent;
245
- color: var(--_1073cm83) !important;
246
- display: inline-block;
247
- font-size: 1.125rem;
248
- font-weight: 700;
249
- line-height: 1.44;
250
- padding: 12px;
251
- text-decoration: none;
252
- transition: all 0.25s ease;
253
- width: 100%;
254
- }
255
-
256
- ._dd_media_cta_16n8x_483 > a:first-child:hover {
257
- background-color: transparent;
258
- border-color: #fff;
259
- color: #fff !important;
260
- }
261
-
262
- ._dd_media_cta_16n8x_483 > a:nth-child(2) {
263
- color: #fff;
264
- display: inline-block;
265
- margin-top: 8px;
266
- text-decoration: none;
267
- }
268
-
269
- ._dd_media_cta_16n8x_483 > a:nth-child(2):hover {
270
- opacity: 0.8;
271
- text-decoration: underline;
272
- }
273
-
274
- ._reversed_row_16n8x_547 {
275
- flex-direction: row-reverse;
276
- }
277
-
278
- ._dd_media_cta_16n8x_483 > a:first-child:active {
279
- background-color: #fff;
280
- border-color: transparent;
281
- color: #1e3860 !important;
282
- }
283
-
284
- ._headline_16n8x_567 > p {
285
- color: var(--_1073cm83);
286
- flex: 1 1 0%;
287
- font: 600 1.5rem / 1.33 var(--header-font-family);
288
- margin-bottom: 0;
289
- }
290
-
291
- ._nav_anchor_16n8x_581 {
292
- aspect-ratio: 1;
293
- background-color: #4a5560;
294
- border-radius: 8px;
295
- height: 1.5rem;
296
- width: 1.5rem;
297
- }
298
-
299
- ._headline_cta_16n8x_597 {
300
- margin-left: 8px;
301
- }
302
-
303
- ._headline_cta_16n8x_597 > a {
304
- color: var(--_1073cm83);
305
- font-weight: 700;
306
- line-height: 1.5;
307
- text-decoration: none;
308
- }
309
-
310
- ._sub_nav_link_16n8x_87:hover,
311
- ._signin_wrap_16n8x_91 a:hover,
312
- ._main_nav_link_16n8x_51 a:not(.active):hover,
313
- ._dd_site_navs_16n8x_425 a:hover,
314
- ._site_lists_16n8x_627 a:hover {
315
- text-decoration: underline;
316
- }
317
-
318
- ._dd_site_navs_16n8x_425 hr {
319
- border-style: solid;
320
- border-width: 1px;
321
- color: #a0aab3;
322
- margin: 1.5rem 0;
323
- opacity: 0.3;
324
- position: relative;
325
- }
326
-
327
- ._site_lists_16n8x_627 {
328
- display: grid;
329
- grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
330
- gap: 24px;
331
- padding-bottom: 1.5rem;
332
- }
333
-
334
- ._site_lists_16n8x_627 > * {
335
- width: 100%;
336
- }
337
-
338
- ._site_lists_16n8x_627 a {
339
- color: #323339;
340
- text-decoration: none;
341
- }
342
-
343
- ._site_lists_16n8x_627 [role="heading"] {
344
- color: var(--_1073cm83);
345
- font-weight: 700;
346
- }
347
-
348
- ._site_lists_16n8x_627 li + li {
349
- margin-top: 8px;
350
- }
351
-
352
- ._hamburger_16n8x_703 {
353
- background: transparent;
354
- border: none;
355
- font-size: 0px;
356
- line-height: 1;
357
- outline: none;
358
- }
359
-
360
- ._hamburger_16n8x_703:hover,
361
- ._mobile_header_16n8x_23 button:hover {
362
- cursor: pointer;
363
- opacity: 0.8;
364
- }
365
-
366
- ._signin_wrap_16n8x_91 > ._mobile_only_16n8x_731 > a {
367
- color: #4a5560;
368
- padding: 0;
369
- line-height: 1;
370
- }
371
-
372
- ._mobile_logo_16n8x_743 {
373
- flex: 1 1 0%;
374
- text-align: center;
375
- }
376
-
377
- ._highlight_16n8x_753 > a {
378
- border-bottom: none;
379
- font-weight: 700;
380
- line-height: 1.44;
381
- }
382
-
383
- ._mobile_header_16n8x_23 {
384
- border-bottom: 1px solid #ebebeb;
385
- display: grid;
386
- padding-bottom: 1rem;
387
- place-items: center;
388
- }
389
-
390
- ._mobile_header_16n8x_23 p {
391
- font: 400 20px / 1.3 var(--header-font-family);
392
- }
393
-
394
- ._mobile_header_16n8x_23 button {
395
- background: none;
396
- border: none;
397
- position: absolute;
398
- right: 40px;
399
- top: 50%;
400
- transform: translateY(-50%);
401
- }
402
-
403
- ._mobile_nav_16n8x_805 {
404
- border-right: 1px solid #ebebeb;
405
- left: -100%;
406
- min-height: 100vh;
407
- position: fixed;
408
- top: 0;
409
- transition: all 0.4s ease-in-out;
410
- width: 100%;
411
- z-index: 1205;
412
- }
413
-
414
- ._mobile_opened_16n8x_827 {
415
- left: 0%;
416
- }
417
-
418
- body:has(._mobile_opened_16n8x_827) {
419
- overflow-y: hidden;
420
- }
421
-
422
- ._mobile_nav_item_16n8x_843 {
423
- background-color: #f4f4f4;
424
- border-bottom: 1px solid #ebebeb;
425
- }
426
-
427
- ._mobile_nav_item_16n8x_843 > a {
428
- color: #323339;
429
- display: flex;
430
- font-weight: 700;
431
- line-height: 1.5;
432
- padding: 16px 40px;
433
- text-decoration: none;
434
- width: 100%;
435
- }
436
-
437
- ._mobile_nav_item_16n8x_843._has_dropdown_16n8x_873 {
438
- isolation: isolate;
439
- position: relative;
440
- }
441
-
442
- ._mobile_nav_item_16n8x_843._has_dropdown_16n8x_873::before {
443
- content: "";
444
- background-color: #ebebeb;
445
- height: 100%;
446
- position: absolute;
447
- right: 104px;
448
- top: 0;
449
- width: 1px;
450
- z-index: -1;
451
- }
452
-
453
- ._icon_wrap_16n8x_905 {
454
- line-height: 1;
455
- height: 24px;
456
- }
457
-
458
- ._mobile_footer_16n8x_915 {
459
- position: relative;
460
- width: 100%;
461
- }
462
-
463
- ._mobile_footer_content_16n8x_925 {
464
- background-color: #f4f4f4;
465
- flex: 1 1 0%;
466
- padding: 16px 24px 16px 40px;
467
- }
468
-
469
- ._mobile_footer_content_16n8x_925 p {
470
- line-height: 1.5;
471
- text-overflow: ellipsis;
472
- display: -webkit-box;
473
- -webkit-box-orient: vertical;
474
- -webkit-line-clamp: 2;
475
- }
476
-
477
- ._mobile_footer_media_16n8x_953 {
478
- flex-basis: min(42%, 300px);
479
- background: url("https://images.axos.com/o9ov1v03uwqk/4Fwdu6ylqpXOmJsDWRUETe/25365425dea4c1a8c3910834c2a3c9ed/personal-contact-us-hero.webp")
480
- no-repeat 81% / cover;
481
- }
482
-
483
- ._footer_cta_16n8x_965 {
484
- margin-top: 3px;
485
- }
486
-
487
- ._footer_cta_16n8x_965 a {
488
- border-radius: 4px;
489
- border: 2px solid transparent;
490
- color: #fff;
491
- display: inline-block;
492
- font-weight: 700;
493
- padding: 4px 32px;
494
- text-decoration: none;
495
- }
496
-
497
- ._footer_cta_16n8x_965 a:hover {
498
- background-color: transparent;
499
- text-decoration: underline;
500
- }
501
-
502
- ._footer_cta_16n8x_965 a:active {
503
- border-color: transparent;
504
- color: #fff;
505
- }
506
-
507
- ._mobile_footer_16n8x_915 > .flex_row {
508
- min-height: 112px;
509
- }
510
-
511
- ._inner_wrapper_16n8x_1021 {
512
- max-height: 100vh;
513
- overflow-y: scroll;
514
- }
515
-
516
- ._btn_16n8x_1031 {
517
- display: block;
518
- position: relative;
519
- }
520
-
521
- ._sub_menu_16n8x_1041 {
522
- overflow: hidden;
523
- max-height: 0;
524
- transition: max-height 0.8s ease-out;
525
- background: #fff;
526
- overflow-y: scroll;
527
- }
528
-
529
- ._sub_menu_16n8x_1041 a,
530
- ._sub_menu_16n8x_1041 span {
531
- display: block;
532
- padding: 12px 14px 12px 64px;
533
- position: relative;
534
- color: #323339;
535
- text-decoration: none;
536
- }
537
-
538
- ._sub_menu_16n8x_1041 ._main_16n8x_51 {
539
- font-weight: 700;
540
- }
541
-
542
- ._sub_menu_16n8x_1041 > * {
543
- border-top: 1px solid #ebebeb;
544
- }
545
-
546
- ._dd_footer_16n8x_1091 {
547
- justify-content: flex-end;
548
- flex: 1 1 0%;
549
- align-items: end;
550
- font-size: 11px;
551
- letter-spacing: 0.3px;
552
- }
553
-
554
- ._skip_btn_16n8x_1107 {
555
- clip: rect(1px 1px 1px 1px);
556
- margin: -1px;
557
- overflow: hidden;
558
- padding: 0;
559
- position: absolute;
560
- }
561
-
562
- ._skip_btnt_16n8x_1123:active,
563
- ._skip_btn_16n8x_1107:focus {
564
- background-color: #faa74a;
565
- border-radius: 8px;
566
- clip: auto;
567
- color: #1e3869;
568
- font-size: 14px;
569
- font-weight: 700;
570
- margin: 0;
571
- overflow: visible;
572
- padding: 9px 24px;
573
- position: relative;
574
- text-decoration: none;
575
- top: 12px;
576
- }
577
-
578
- @media (max-width: 1121px) {
579
- ._mobile_logo_16n8x_743 {
580
- position: absolute;
581
- transform: translateX(-50%);
582
- left: 50%;
583
- flex: none;
584
- }
585
- }
586
-
587
- @media (max-width: 1280px) and (min-width: 1024px) {
588
- ._wrapper_16n8x_9 {
589
- width: calc(100% - 28px);
590
- }
591
-
592
- ._dd_wrapper_16n8x_389 > ._wrapper_16n8x_9 {
593
- width: 100%;
594
- }
595
- ._main_nav_link_16n8x_51 > a {
596
- padding: 4px 6px;
597
- font-size: 15px;
598
- }
599
- ._desktop_only_16n8x_1197 > a {
600
- font-size: 15px;
601
- }
602
- }
603
-
604
- @media (max-width: 1023px) {
605
- ._desktop_only_16n8x_1197 {
606
- display: none !important;
607
- }
608
- }
609
-
610
- @media (max-width: 768px) {
611
- ._wrapper_16n8x_9 {
612
- width: calc(100% - 48px);
613
- }
614
-
615
- ._mobile_header_16n8x_23 button {
616
- right: 1.5rem;
617
- }
618
-
619
- ._mobile_nav_item_16n8x_843 > a {
620
- padding: 16px 24px;
621
- }
622
-
623
- ._sub_menu_16n8x_1041 a,
624
- ._sub_menu_16n8x_1041 span {
625
- padding-left: 48px;
626
- }
627
-
628
- ._mobile_nav_item_16n8x_843._has_dropdown_16n8x_873::before {
629
- right: 72px;
630
- }
631
-
632
- ._mobile_footer_content_16n8x_925 {
633
- padding-right: 15px;
634
- padding-left: 24px;
635
- }
636
- }
637
-
638
- @media (max-width: 450px) {
639
- ._footer_cta_16n8x_965 a {
640
- white-space: break-spaces;
641
- width: 100%;
642
- text-align: center;
643
- }
644
- }
645
-
646
- @media (min-width: 1024px) {
647
- ._mobile_only_16n8x_731 {
648
- display: none !important;
649
- }
650
- }
1
+ ._header_1ci4h_1 {
2
+ border-bottom: 1px solid #ebebeb;
3
+ }
4
+
5
+ ._wrapper_1ci4h_5 {
6
+ width: calc(100% - 80px);
7
+ margin-left: auto;
8
+ margin-right: auto;
9
+ }
10
+
11
+ ._header_main_row_1ci4h_11,
12
+ ._mobile_header_1ci4h_12 {
13
+ min-height: 80px;
14
+ padding-top: 1rem;
15
+ padding-bottom: 0.5rem;
16
+ }
17
+
18
+ ._logo_wrap_1ci4h_18 {
19
+ padding: 9px 6px;
20
+ }
21
+
22
+ ._primary_links_1ci4h_22 {
23
+ margin-left: 30px;
24
+ }
25
+
26
+ ._main_nav_link_1ci4h_26 {
27
+ padding: 10px 8px;
28
+ text-align: center;
29
+ }
30
+
31
+ ._main_nav_link_1ci4h_26 .active {
32
+ border-color: currentColor;
33
+ transition: border-color 0.5s ease;
34
+ font-weight: 700;
35
+ }
36
+
37
+ ._main_nav_link_1ci4h_26 > a {
38
+ display: inline-block;
39
+ font-size: 16px;
40
+ padding: 4px 26px;
41
+ border-bottom: 4px solid transparent;
42
+ }
43
+
44
+ ._sub_nav_link_1ci4h_44 a,
45
+ ._main_nav_link_1ci4h_26 a,
46
+ ._signin_wrap_1ci4h_46 a,
47
+ ._signin_btn_1ci4h_47 {
48
+ text-decoration: none;
49
+ transition: opacity 0.3s ease;
50
+ }
51
+
52
+ ._sub_nav_link_1ci4h_44:hover,
53
+ ._main_nav_link_1ci4h_26 a:hover,
54
+ ._signin_wrap_1ci4h_46 a:hover {
55
+ opacity: 0.8;
56
+ }
57
+
58
+ ._signin_wrap_1ci4h_46 .link {
59
+ text-decoration: none;
60
+ padding: 8px;
61
+ }
62
+
63
+ ._signin_btn_1ci4h_47 {
64
+ border-color: transparent;
65
+ color: #fff;
66
+ padding: 11px 24px;
67
+ font-size: 16px;
68
+ font-weight: 700;
69
+ line-height: 1.44;
70
+ border-radius: 8px;
71
+ margin-left: 8px;
72
+ cursor: pointer;
73
+ }
74
+
75
+ ._signin_btn_1ci4h_47:hover {
76
+ background-color: transparent;
77
+ opacity: 0.9;
78
+ }
79
+
80
+ ._signin_btn_1ci4h_47 > span {
81
+ margin-right: 8px;
82
+ }
83
+
84
+ ._header_sub_row_1ci4h_84 {
85
+ min-height: 48px;
86
+ position: relative;
87
+ }
88
+
89
+ ._sub_nav_link_1ci4h_44 {
90
+ padding-inline: 1rem;
91
+ text-align: center;
92
+ color: #fff;
93
+ }
94
+
95
+ ._sub_nav_link_1ci4h_44 a {
96
+ display: flex;
97
+ align-items: center;
98
+ font-weight: 500;
99
+ line-height: 1.5;
100
+ padding: 12px 9.5px;
101
+ }
102
+
103
+ ._sub_nav_link_1ci4h_44 a:hover {
104
+ background: linear-gradient(207deg, transparent, rgb(255 255 255 / 28%));
105
+ }
106
+
107
+ ._signin_dropdown_1ci4h_107 {
108
+ min-width: 288px;
109
+ padding: 1.5rem 1rem;
110
+ position: absolute;
111
+ right: 0;
112
+ top: 100%;
113
+ z-index: 1204;
114
+ display: none;
115
+ }
116
+
117
+ ._shadow_1ci4h_117 {
118
+ box-shadow: 0px 8px 16px 0px rgba(30, 38, 47, 0.2);
119
+ border: 0.5px solid rgb(255 255 255 / 14%);
120
+ border-top: none;
121
+ }
122
+
123
+ ._signin_dropdown_1ci4h_107 li[role="heading"] {
124
+ margin-top: 1px;
125
+ }
126
+
127
+ ._signin_header_1ci4h_127 {
128
+ color: #323339;
129
+ font-weight: 700;
130
+ padding: 0.5rem 1rem;
131
+ text-align: left;
132
+ }
133
+
134
+ ._signin_subheader_1ci4h_134 {
135
+ color: #2f5b88;
136
+ padding: 0.5rem 0.5rem 0.5rem 1.5rem;
137
+ }
138
+
139
+ ._signin_header_1ci4h_127,
140
+ ._signin_subheader_1ci4h_134 a {
141
+ line-height: 1.5;
142
+ }
143
+
144
+ @keyframes _fadeInDown_1ci4h_1 {
145
+ from {
146
+ opacity: 0;
147
+ transform: translate3d(0, -1%, 0);
148
+ }
149
+
150
+ to {
151
+ opacity: 1;
152
+ transform: none;
153
+ }
154
+ }
155
+
156
+ ._opacity_1ci4h_156 {
157
+ animation-duration: 0.5s;
158
+ animation-fill-mode: both;
159
+ animation-name: _fadeInDown_1ci4h_1;
160
+ }
161
+
162
+ ._signin_footer_1ci4h_162 {
163
+ margin-top: 0.5rem;
164
+ padding-top: 1rem;
165
+ }
166
+
167
+ ._signin_footer_1ci4h_162 > a + a {
168
+ display: block;
169
+ margin-top: 16px;
170
+ }
171
+
172
+ ._signin_footer_1ci4h_162::before {
173
+ content: "";
174
+ background-color: #8f8f8f;
175
+ height: 2px;
176
+ opacity: 0.3;
177
+ position: absolute;
178
+ right: 8px;
179
+ top: 0;
180
+ width: 94%;
181
+ }
182
+
183
+ ._open_1ci4h_183 {
184
+ opacity: 0.8;
185
+ }
186
+
187
+ ._open_1ci4h_183 > svg {
188
+ transform: scaleY(-1);
189
+ }
190
+
191
+ ._open_1ci4h_183 + ._signin_dropdown_1ci4h_107 {
192
+ display: block;
193
+ }
194
+
195
+ ._dd_wrapper_1ci4h_195 {
196
+ max-width: 1440px;
197
+ outline: none !important;
198
+ position: absolute;
199
+ top: 0;
200
+ width: 100%;
201
+ z-index: 1203;
202
+ }
203
+
204
+ ._dd_media_1ci4h_204 {
205
+ padding: 1.5rem;
206
+ width: 280px;
207
+ }
208
+
209
+ ._dd_media_img_1ci4h_209 {
210
+ min-height: 232px;
211
+ }
212
+
213
+ ._dd_site_navs_1ci4h_213 {
214
+ display: flex;
215
+ flex-direction: column;
216
+ flex: 1 1 0%;
217
+ padding: 1.5rem;
218
+ }
219
+
220
+ ._dd_media_header_1ci4h_220 p {
221
+ color: #fff;
222
+ font-size: 14px;
223
+ line-height: 1.42;
224
+ }
225
+
226
+ ._dd_media_header_1ci4h_220 p[role="heading"] {
227
+ font: 600 1.25rem/ 1.4 var(--header-font-family);
228
+ }
229
+
230
+ ._mt_8_1ci4h_230 {
231
+ margin-top: 8px;
232
+ }
233
+
234
+ ._mt_16_1ci4h_234 {
235
+ margin-top: 1rem;
236
+ }
237
+
238
+ ._ml_8_1ci4h_238 {
239
+ margin-left: 8px;
240
+ }
241
+
242
+ ._dd_media_cta_1ci4h_242 > a:first-child {
243
+ border-radius: 8px;
244
+ border: 2px solid transparent;
245
+ color: var(--_1073cm83) !important;
246
+ display: inline-block;
247
+ font-size: 1.125rem;
248
+ font-weight: 700;
249
+ line-height: 1.44;
250
+ padding: 12px;
251
+ text-decoration: none;
252
+ transition: all 0.25s ease;
253
+ width: 100%;
254
+ }
255
+
256
+ ._dd_media_cta_1ci4h_242 > a:first-child:hover {
257
+ background-color: transparent;
258
+ border-color: #fff;
259
+ color: #fff !important;
260
+ }
261
+
262
+ ._dd_media_cta_1ci4h_242 > a:nth-child(2) {
263
+ color: #fff;
264
+ display: inline-block;
265
+ margin-top: 8px;
266
+ text-decoration: none;
267
+ }
268
+
269
+ ._dd_media_cta_1ci4h_242 > a:nth-child(2):hover {
270
+ opacity: 0.8;
271
+ text-decoration: underline;
272
+ }
273
+
274
+ ._reversed_row_1ci4h_274 {
275
+ flex-direction: row-reverse;
276
+ }
277
+
278
+ ._dd_media_cta_1ci4h_242 > a:first-child:active {
279
+ background-color: #fff;
280
+ border-color: transparent;
281
+ color: #1e3860 !important;
282
+ }
283
+
284
+ ._headline_1ci4h_284 > p {
285
+ color: var(--_1073cm83);
286
+ flex: 1 1 0%;
287
+ font: 600 1.5rem / 1.33 var(--header-font-family);
288
+ margin-bottom: 0;
289
+ }
290
+
291
+ ._nav_anchor_1ci4h_291 {
292
+ aspect-ratio: 1;
293
+ background-color: #4a5560;
294
+ border-radius: 8px;
295
+ height: 1.5rem;
296
+ width: 1.5rem;
297
+ }
298
+
299
+ ._headline_cta_1ci4h_299 {
300
+ margin-left: 8px;
301
+ }
302
+
303
+ ._headline_cta_1ci4h_299 > a {
304
+ color: var(--_1073cm83);
305
+ font-weight: 700;
306
+ line-height: 1.5;
307
+ text-decoration: none;
308
+ }
309
+
310
+ ._sub_nav_link_1ci4h_44:hover,
311
+ ._signin_wrap_1ci4h_46 a:hover,
312
+ ._main_nav_link_1ci4h_26 a:not(.active):hover,
313
+ ._dd_site_navs_1ci4h_213 a:hover,
314
+ ._site_lists_1ci4h_314 a:hover {
315
+ text-decoration: underline;
316
+ }
317
+
318
+ ._dd_site_navs_1ci4h_213 hr {
319
+ border-style: solid;
320
+ border-width: 1px;
321
+ color: #a0aab3;
322
+ margin: 1.5rem 0;
323
+ opacity: 0.3;
324
+ position: relative;
325
+ }
326
+
327
+ ._site_lists_1ci4h_314 {
328
+ display: grid;
329
+ grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
330
+ gap: 24px;
331
+ padding-bottom: 1.5rem;
332
+ }
333
+
334
+ ._site_lists_1ci4h_314 > * {
335
+ width: 100%;
336
+ }
337
+
338
+ ._site_lists_1ci4h_314 a {
339
+ color: #323339;
340
+ text-decoration: none;
341
+ }
342
+
343
+ ._site_lists_1ci4h_314 [role="heading"] {
344
+ color: var(--_1073cm83);
345
+ font-weight: 700;
346
+ }
347
+
348
+ ._site_lists_1ci4h_314 li + li {
349
+ margin-top: 8px;
350
+ }
351
+
352
+ ._hamburger_1ci4h_352 {
353
+ background: transparent;
354
+ border: none;
355
+ font-size: 0px;
356
+ line-height: 1;
357
+ outline: none;
358
+ }
359
+
360
+ ._hamburger_1ci4h_352:hover,
361
+ ._mobile_header_1ci4h_12 button:hover {
362
+ cursor: pointer;
363
+ opacity: 0.8;
364
+ }
365
+
366
+ ._signin_wrap_1ci4h_46 > ._mobile_only_1ci4h_366 > a {
367
+ color: #4a5560;
368
+ padding: 0;
369
+ line-height: 1;
370
+ }
371
+
372
+ ._mobile_logo_1ci4h_372 {
373
+ flex: 1 1 0%;
374
+ text-align: center;
375
+ }
376
+
377
+ ._highlight_1ci4h_377 > a {
378
+ border-bottom: none;
379
+ font-weight: 700;
380
+ line-height: 1.44;
381
+ }
382
+
383
+ ._mobile_header_1ci4h_12 {
384
+ border-bottom: 1px solid #ebebeb;
385
+ display: grid;
386
+ padding-bottom: 1rem;
387
+ place-items: center;
388
+ }
389
+
390
+ ._mobile_header_1ci4h_12 p {
391
+ font: 400 20px / 1.3 var(--header-font-family);
392
+ }
393
+
394
+ ._mobile_header_1ci4h_12 button {
395
+ background: none;
396
+ border: none;
397
+ position: absolute;
398
+ right: 40px;
399
+ top: 50%;
400
+ transform: translateY(-50%);
401
+ }
402
+
403
+ ._mobile_nav_1ci4h_403 {
404
+ border-right: 1px solid #ebebeb;
405
+ left: -100%;
406
+ min-height: 100vh;
407
+ position: fixed;
408
+ top: 0;
409
+ transition: all 0.4s ease-in-out;
410
+ width: 100%;
411
+ z-index: 1205;
412
+ }
413
+
414
+ ._mobile_opened_1ci4h_414 {
415
+ left: 0%;
416
+ }
417
+
418
+ body:has(._mobile_opened_1ci4h_414) {
419
+ overflow-y: hidden;
420
+ }
421
+
422
+ ._mobile_nav_item_1ci4h_422 {
423
+ background-color: #f4f4f4;
424
+ border-bottom: 1px solid #ebebeb;
425
+ }
426
+
427
+ ._mobile_nav_item_1ci4h_422 > a {
428
+ color: #323339;
429
+ display: flex;
430
+ font-weight: 700;
431
+ line-height: 1.5;
432
+ padding: 16px 40px;
433
+ text-decoration: none;
434
+ width: 100%;
435
+ }
436
+
437
+ ._mobile_nav_item_1ci4h_422._has_dropdown_1ci4h_437 {
438
+ isolation: isolate;
439
+ position: relative;
440
+ }
441
+
442
+ ._mobile_nav_item_1ci4h_422._has_dropdown_1ci4h_437::before {
443
+ content: "";
444
+ background-color: #ebebeb;
445
+ height: 100%;
446
+ position: absolute;
447
+ right: 104px;
448
+ top: 0;
449
+ width: 1px;
450
+ z-index: -1;
451
+ }
452
+
453
+ ._icon_wrap_1ci4h_453 {
454
+ line-height: 1;
455
+ height: 24px;
456
+ }
457
+
458
+ ._mobile_footer_1ci4h_458 {
459
+ position: relative;
460
+ width: 100%;
461
+ }
462
+
463
+ ._mobile_footer_content_1ci4h_463 {
464
+ background-color: #f4f4f4;
465
+ flex: 1 1 0%;
466
+ padding: 16px 24px 16px 40px;
467
+ }
468
+
469
+ ._mobile_footer_content_1ci4h_463 p {
470
+ line-height: 1.5;
471
+ text-overflow: ellipsis;
472
+ display: -webkit-box;
473
+ -webkit-box-orient: vertical;
474
+ -webkit-line-clamp: 2;
475
+ }
476
+
477
+ ._mobile_footer_media_1ci4h_477 {
478
+ flex-basis: min(42%, 300px);
479
+ background: url("https://images.axos.com/o9ov1v03uwqk/4Fwdu6ylqpXOmJsDWRUETe/25365425dea4c1a8c3910834c2a3c9ed/personal-contact-us-hero.webp")
480
+ no-repeat 81% / cover;
481
+ }
482
+
483
+ ._footer_cta_1ci4h_483 {
484
+ margin-top: 3px;
485
+ }
486
+
487
+ ._footer_cta_1ci4h_483 a {
488
+ border-radius: 4px;
489
+ border: 2px solid transparent;
490
+ color: #fff;
491
+ display: inline-block;
492
+ font-weight: 700;
493
+ padding: 4px 32px;
494
+ text-decoration: none;
495
+ }
496
+
497
+ ._footer_cta_1ci4h_483 a:hover {
498
+ background-color: transparent;
499
+ text-decoration: underline;
500
+ }
501
+
502
+ ._footer_cta_1ci4h_483 a:active {
503
+ border-color: transparent;
504
+ color: #fff;
505
+ }
506
+
507
+ ._mobile_footer_1ci4h_458 > .flex_row {
508
+ min-height: 112px;
509
+ }
510
+
511
+ ._inner_wrapper_1ci4h_511 {
512
+ max-height: 100vh;
513
+ overflow-y: scroll;
514
+ }
515
+
516
+ ._btn_1ci4h_516 {
517
+ display: block;
518
+ position: relative;
519
+ }
520
+
521
+ ._sub_menu_1ci4h_521 {
522
+ overflow: hidden;
523
+ max-height: 0;
524
+ transition: max-height 0.8s ease-out;
525
+ background: #fff;
526
+ overflow-y: scroll;
527
+ }
528
+
529
+ ._sub_menu_1ci4h_521 a,
530
+ ._sub_menu_1ci4h_521 span {
531
+ display: block;
532
+ padding: 12px 14px 12px 64px;
533
+ position: relative;
534
+ color: #323339;
535
+ text-decoration: none;
536
+ }
537
+
538
+ ._sub_menu_1ci4h_521 ._main_1ci4h_26 {
539
+ font-weight: 700;
540
+ }
541
+
542
+ ._sub_menu_1ci4h_521 > * {
543
+ border-top: 1px solid #ebebeb;
544
+ }
545
+
546
+ ._dd_footer_1ci4h_546 {
547
+ justify-content: flex-end;
548
+ flex: 1 1 0%;
549
+ align-items: end;
550
+ font-size: 11px;
551
+ letter-spacing: 0.3px;
552
+ }
553
+
554
+ ._skip_btn_1ci4h_554 {
555
+ clip: rect(1px 1px 1px 1px);
556
+ margin: -1px;
557
+ overflow: hidden;
558
+ padding: 0;
559
+ position: absolute;
560
+ }
561
+
562
+ ._skip_btnt_1ci4h_562:active,
563
+ ._skip_btn_1ci4h_554:focus {
564
+ background-color: #faa74a;
565
+ border-radius: 8px;
566
+ clip: auto;
567
+ color: #1e3869;
568
+ font-size: 14px;
569
+ font-weight: 700;
570
+ margin: 0;
571
+ overflow: visible;
572
+ padding: 9px 24px;
573
+ position: relative;
574
+ text-decoration: none;
575
+ top: 12px;
576
+ }
577
+
578
+ @media (max-width: 1121px) {
579
+ ._mobile_logo_1ci4h_372 {
580
+ position: absolute;
581
+ transform: translateX(-50%);
582
+ left: 50%;
583
+ flex: none;
584
+ }
585
+ }
586
+
587
+ @media (max-width: 1280px) and (min-width: 1024px) {
588
+ ._wrapper_1ci4h_5 {
589
+ width: calc(100% - 28px);
590
+ }
591
+
592
+ ._dd_wrapper_1ci4h_195 > ._wrapper_1ci4h_5 {
593
+ width: 100%;
594
+ }
595
+ ._main_nav_link_1ci4h_26 > a {
596
+ padding: 4px 6px;
597
+ font-size: 15px;
598
+ }
599
+ ._desktop_only_1ci4h_599 > a {
600
+ font-size: 15px;
601
+ }
602
+ }
603
+
604
+ @media (max-width: 1023px) {
605
+ ._desktop_only_1ci4h_599 {
606
+ display: none !important;
607
+ }
608
+ }
609
+
610
+ @media (max-width: 768px) {
611
+ ._wrapper_1ci4h_5 {
612
+ width: calc(100% - 48px);
613
+ }
614
+
615
+ ._mobile_header_1ci4h_12 button {
616
+ right: 1.5rem;
617
+ }
618
+
619
+ ._mobile_nav_item_1ci4h_422 > a {
620
+ padding: 16px 24px;
621
+ }
622
+
623
+ ._sub_menu_1ci4h_521 a,
624
+ ._sub_menu_1ci4h_521 span {
625
+ padding-left: 48px;
626
+ }
627
+
628
+ ._mobile_nav_item_1ci4h_422._has_dropdown_1ci4h_437::before {
629
+ right: 72px;
630
+ }
631
+
632
+ ._mobile_footer_content_1ci4h_463 {
633
+ padding-right: 15px;
634
+ padding-left: 24px;
635
+ }
636
+ }
637
+
638
+ @media (max-width: 450px) {
639
+ ._footer_cta_1ci4h_483 a {
640
+ white-space: break-spaces;
641
+ width: 100%;
642
+ text-align: center;
643
+ }
644
+ }
645
+
646
+ @media (min-width: 1024px) {
647
+ ._mobile_only_1ci4h_366 {
648
+ display: none !important;
649
+ }
650
+ }