@axos-web-dev/shared-components 0.0.197 → 0.0.199

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,658 +1,651 @@
1
- ._header_17ny8_1 {
2
- border-bottom: 1px solid #ebebeb;
3
- }
4
-
5
- ._wrapper_17ny8_9 {
6
- width: calc(100% - 80px);
7
- margin-left: auto;
8
- margin-right: auto;
9
- }
10
-
11
- ._header_main_row_17ny8_21,
12
- ._mobile_header_17ny8_23 {
13
- min-height: 80px;
14
- padding-top: 1rem;
15
- padding-bottom: 0.5rem;
16
- }
17
-
18
- ._logo_wrap_17ny8_35 {
19
- padding: 9px 6px;
20
- }
21
-
22
- ._primary_links_17ny8_43 {
23
- margin-left: 30px;
24
- }
25
-
26
- ._main_nav_link_17ny8_51 {
27
- padding: 10px 8px;
28
- text-align: center;
29
- }
30
-
31
- ._main_nav_link_17ny8_51 .active {
32
- border-color: currentColor;
33
- transition: border-color 0.5s ease;
34
- font-weight: 700;
35
- }
36
-
37
- ._main_nav_link_17ny8_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_17ny8_87 a,
45
- ._main_nav_link_17ny8_51 a,
46
- ._signin_wrap_17ny8_91 a,
47
- ._signin_btn_17ny8_93 {
48
- text-decoration: none;
49
- transition: opacity 0.3s ease;
50
- }
51
-
52
- ._sub_nav_link_17ny8_87:hover,
53
- ._main_nav_link_17ny8_51 a:hover,
54
- ._signin_wrap_17ny8_91 a:hover {
55
- opacity: 0.8;
56
- }
57
-
58
- ._signin_wrap_17ny8_91 .link {
59
- text-decoration: none;
60
- padding: 8px;
61
- }
62
-
63
- ._signin_btn_17ny8_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_17ny8_93:hover {
76
- background-color: transparent;
77
- opacity: 0.9;
78
- }
79
-
80
- ._signin_btn_17ny8_93 > span {
81
- margin-right: 8px;
82
- }
83
-
84
- ._header_sub_row_17ny8_167 {
85
- min-height: 48px;
86
- position: relative;
87
- }
88
-
89
- ._sub_nav_link_17ny8_87 {
90
- padding-inline: 1rem;
91
- text-align: center;
92
- color: #fff;
93
- }
94
-
95
- ._sub_nav_link_17ny8_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_17ny8_87 a:hover {
104
- background: linear-gradient(207deg, transparent, rgb(255 255 255 / 28%));
105
- }
106
-
107
- ._signin_dropdown_17ny8_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_17ny8_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_17ny8_213 li[role="heading"] {
124
- margin-top: 1px;
125
- }
126
-
127
- ._signin_header_17ny8_253 {
128
- color: #323339;
129
- font-weight: 700;
130
- padding: 0.5rem 1rem;
131
- text-align: left;
132
- }
133
-
134
- ._signin_subheader_17ny8_267 {
135
- color: #2f5b88;
136
- padding: 0.5rem 0.5rem 0.5rem 1.5rem;
137
- }
138
-
139
- ._signin_header_17ny8_253,
140
- ._signin_subheader_17ny8_267 a {
141
- line-height: 1.5;
142
- }
143
-
144
- @keyframes _fadeInDown_17ny8_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_17ny8_311 {
157
- animation-duration: 0.5s;
158
- animation-fill-mode: both;
159
- animation-name: _fadeInDown_17ny8_1;
160
- }
161
-
162
- ._signin_footer_17ny8_323 {
163
- margin-top: 0.5rem;
164
- padding-top: 1rem;
165
- }
166
-
167
- ._signin_footer_17ny8_323 > a + a {
168
- display: block;
169
- margin-top: 16px;
170
- }
171
-
172
- ._signin_footer_17ny8_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_17ny8_365 {
184
- opacity: 0.8;
185
- }
186
-
187
- ._open_17ny8_365 > svg {
188
- transform: scaleY(-1);
189
- }
190
-
191
- ._open_17ny8_365 + ._signin_dropdown_17ny8_213 {
192
- display: block;
193
- }
194
-
195
- ._dd_wrapper_17ny8_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_17ny8_407 {
205
- padding: 1.5rem;
206
- width: 280px;
207
- }
208
-
209
- ._dd_media_img_17ny8_417 {
210
- min-height: 232px;
211
- }
212
-
213
- ._dd_site_navs_17ny8_425 {
214
- display: flex;
215
- flex-direction: column;
216
- flex: 1 1 0%;
217
- padding: 1.5rem;
218
- }
219
-
220
- ._dd_media_header_17ny8_439 p {
221
- color: #fff;
222
- font-size: 14px;
223
- line-height: 1.42;
224
- }
225
-
226
- ._dd_media_header_17ny8_439 p[role="heading"] {
227
- font: 600 1.25rem/ 1.4 var(--header-font-family);
228
- }
229
-
230
- ._mt_8_17ny8_459 {
231
- margin-top: 8px;
232
- }
233
-
234
- ._mt_16_17ny8_467 {
235
- margin-top: 1rem;
236
- }
237
-
238
- ._ml_8_17ny8_475 {
239
- margin-left: 8px;
240
- }
241
-
242
- ._dd_media_cta_17ny8_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_17ny8_483 > a:first-child:hover {
257
- background-color: transparent;
258
- border-color: #fff;
259
- color: #fff !important;
260
- }
261
-
262
- ._dd_media_cta_17ny8_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_17ny8_483 > a:nth-child(2):hover {
270
- opacity: 0.8;
271
- text-decoration: underline;
272
- }
273
-
274
- ._reversed_row_17ny8_547 {
275
- flex-direction: row-reverse;
276
- }
277
-
278
- ._dd_media_cta_17ny8_483 > a:first-child:active {
279
- background-color: #fff;
280
- border-color: transparent;
281
- color: #1e3860 !important;
282
- }
283
-
284
- ._headline_17ny8_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
- ._headline_17ny8_567 > a[role="heading"] {
292
- color: var(--_1073cm83);
293
- flex: 1 1 0%;
294
- font: 600 1.5rem / 1.33 var(--header-font-family);
295
- margin-bottom: 0;
296
- text-decoration: none;
297
- }
298
-
299
- ._nav_anchor_17ny8_597 {
300
- aspect-ratio: 1;
301
- background-color: #4a5560;
302
- border-radius: 8px;
303
- height: 1.5rem;
304
- width: 1.5rem;
305
- }
306
-
307
- ._headline_cta_17ny8_613 {
308
- margin-left: 8px;
309
- }
310
-
311
- ._headline_cta_17ny8_613 > a {
312
- color: var(--_1073cm83);
313
- font-weight: 700;
314
- line-height: 1.5;
315
- text-decoration: none;
316
- }
317
-
318
- ._sub_nav_link_17ny8_87:hover,
319
- ._signin_wrap_17ny8_91 a:hover,
320
- ._main_nav_link_17ny8_51 a:not(.active):hover,
321
- ._dd_site_navs_17ny8_425 a:hover,
322
- ._site_lists_17ny8_643 a:hover {
323
- text-decoration: underline;
324
- }
325
-
326
- ._dd_site_navs_17ny8_425 hr {
327
- border-style: solid;
328
- border-width: 1px;
329
- color: #a0aab3;
330
- margin: 1.5rem 0;
331
- opacity: 0.3;
332
- position: relative;
333
- }
334
-
335
- ._site_lists_17ny8_643 {
336
- display: grid;
337
- grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
338
- gap: 24px;
339
- padding-bottom: 1.5rem;
340
- }
341
-
342
- ._site_lists_17ny8_643 > * {
343
- width: 100%;
344
- }
345
-
346
- ._site_lists_17ny8_643 a {
347
- color: #323339;
348
- text-decoration: none;
349
- }
350
-
351
- ._site_lists_17ny8_643 [role="heading"] {
352
- color: var(--_1073cm83);
353
- font-weight: 700;
354
- }
355
-
356
- ._site_lists_17ny8_643 li + li {
357
- margin-top: 8px;
358
- }
359
-
360
- ._hamburger_17ny8_719 {
361
- background: transparent;
362
- border: none;
363
- font-size: 0px;
364
- line-height: 1;
365
- outline: none;
366
- }
367
-
368
- ._hamburger_17ny8_719:hover,
369
- ._mobile_header_17ny8_23 button:hover {
370
- cursor: pointer;
371
- opacity: 0.8;
372
- }
373
-
374
- ._signin_wrap_17ny8_91 > ._mobile_only_17ny8_747 > a {
375
- color: #4a5560;
376
- padding: 0;
377
- line-height: 1;
378
- }
379
-
380
- ._mobile_logo_17ny8_759 {
381
- flex: 1 1 0%;
382
- text-align: center;
383
- }
384
-
385
- ._highlight_17ny8_769 > a {
386
- border-bottom: none;
387
- font-weight: 700;
388
- line-height: 1.44;
389
- }
390
-
391
- ._mobile_header_17ny8_23 {
392
- border-bottom: 1px solid #ebebeb;
393
- display: grid;
394
- padding-bottom: 1rem;
395
- place-items: center;
396
- }
397
-
398
- ._mobile_header_17ny8_23 p {
399
- font: 400 20px / 1.3 var(--header-font-family);
400
- }
401
-
402
- ._mobile_header_17ny8_23 button {
403
- background: none;
404
- border: none;
405
- position: absolute;
406
- right: 40px;
407
- top: 50%;
408
- transform: translateY(-50%);
409
- }
410
-
411
- ._mobile_nav_17ny8_821 {
412
- border-right: 1px solid #ebebeb;
413
- left: -100%;
414
- min-height: 100vh;
415
- position: fixed;
416
- top: 0;
417
- transition: all 0.4s ease-in-out;
418
- width: 100%;
419
- z-index: 1205;
420
- }
421
-
422
- ._mobile_opened_17ny8_843 {
423
- left: 0%;
424
- }
425
-
426
- body:has(._mobile_opened_17ny8_843) {
427
- overflow-y: hidden;
428
- }
429
-
430
- ._mobile_nav_item_17ny8_859 {
431
- background-color: #f4f4f4;
432
- border-bottom: 1px solid #ebebeb;
433
- }
434
-
435
- ._mobile_nav_item_17ny8_859 > a {
436
- color: #323339;
437
- display: flex;
438
- font-weight: 700;
439
- line-height: 1.5;
440
- padding: 16px 40px;
441
- text-decoration: none;
442
- width: 100%;
443
- }
444
-
445
- ._mobile_nav_item_17ny8_859._has_dropdown_17ny8_889 {
446
- isolation: isolate;
447
- position: relative;
448
- }
449
-
450
- ._mobile_nav_item_17ny8_859._has_dropdown_17ny8_889::before {
451
- content: "";
452
- background-color: #ebebeb;
453
- height: 100%;
454
- position: absolute;
455
- right: 104px;
456
- top: 0;
457
- width: 1px;
458
- z-index: -1;
459
- }
460
-
461
- ._icon_wrap_17ny8_921 {
462
- line-height: 1;
463
- height: 24px;
464
- }
465
-
466
- ._mobile_footer_17ny8_931 {
467
- position: relative;
468
- width: 100%;
469
- }
470
-
471
- ._mobile_footer_content_17ny8_941 {
472
- background-color: #f4f4f4;
473
- flex: 1 1 0%;
474
- padding: 16px 24px 16px 40px;
475
- }
476
-
477
- ._mobile_footer_content_17ny8_941 p {
478
- line-height: 1.5;
479
- text-overflow: ellipsis;
480
- display: -webkit-box;
481
- -webkit-box-orient: vertical;
482
- -webkit-line-clamp: 2;
483
- }
484
-
485
- ._mobile_footer_media_17ny8_969 {
486
- flex-basis: min(42%, 300px);
487
- background: url("https://images.axos.com/o9ov1v03uwqk/4Fwdu6ylqpXOmJsDWRUETe/25365425dea4c1a8c3910834c2a3c9ed/personal-contact-us-hero.webp")
488
- no-repeat 81% / cover;
489
- }
490
-
491
- ._footer_cta_17ny8_981 {
492
- margin-top: 3px;
493
- }
494
-
495
- ._footer_cta_17ny8_981 a {
496
- border-radius: 4px;
497
- border: 2px solid transparent;
498
- color: #fff;
499
- display: inline-block;
500
- font-weight: 700;
501
- padding: 4px 32px;
502
- text-decoration: none;
503
- }
504
-
505
- ._footer_cta_17ny8_981 a:hover {
506
- background-color: transparent;
507
- text-decoration: underline;
508
- }
509
-
510
- ._footer_cta_17ny8_981 a:active {
511
- border-color: transparent;
512
- color: #fff;
513
- }
514
-
515
- ._mobile_footer_17ny8_931 > .flex_row {
516
- min-height: 112px;
517
- }
518
-
519
- ._inner_wrapper_17ny8_1037 {
520
- max-height: 100vh;
521
- overflow-y: scroll;
522
- }
523
-
524
- ._btn_17ny8_1047 {
525
- display: block;
526
- position: relative;
527
- }
528
-
529
- ._sub_menu_17ny8_1057 {
530
- overflow: hidden;
531
- max-height: 0;
532
- transition: max-height 0.8s ease-out;
533
- background: #fff;
534
- overflow-y: scroll;
535
- }
536
-
537
- ._sub_menu_17ny8_1057 a,
538
- ._sub_menu_17ny8_1057 span {
539
- display: block;
540
- padding: 12px 14px 12px 64px;
541
- position: relative;
542
- color: #323339;
543
- text-decoration: none;
544
- }
545
-
546
- ._sub_menu_17ny8_1057 ._main_17ny8_51 {
547
- font-weight: 700;
548
- }
549
-
550
- ._sub_menu_17ny8_1057 > * {
551
- border-top: 1px solid #ebebeb;
552
- }
553
-
554
- ._dd_footer_17ny8_1107 {
555
- justify-content: flex-end;
556
- flex: 1 1 0%;
557
- align-items: end;
558
- font-size: 11px;
559
- letter-spacing: 0.3px;
560
- }
561
-
562
- ._skip_btn_17ny8_1123 {
563
- clip: rect(1px 1px 1px 1px);
564
- margin: -1px;
565
- overflow: hidden;
566
- padding: 0;
567
- position: absolute;
568
- }
569
-
570
- ._skip_btn_17ny8_1123:active,
571
- ._skip_btn_17ny8_1123:focus {
572
- background-color: #faa74a;
573
- border-radius: 8px;
574
- clip: auto;
575
- color: #1e3869;
576
- font-size: 14px;
577
- font-weight: 700;
578
- margin: 0;
579
- overflow: visible;
580
- padding: 9px 24px;
581
- position: relative;
582
- text-decoration: none;
583
- top: 12px;
584
- }
585
-
586
- @media (max-width: 1121px) {
587
- ._mobile_logo_17ny8_759 {
588
- position: absolute;
589
- transform: translateX(-50%);
590
- left: 50%;
591
- flex: none;
592
- }
593
- }
594
-
595
- @media (max-width: 1280px) and (min-width: 1024px) {
596
- ._wrapper_17ny8_9 {
597
- width: calc(100% - 28px);
598
- }
599
-
600
- ._dd_wrapper_17ny8_389 > ._wrapper_17ny8_9 {
601
- width: 100%;
602
- }
603
- ._main_nav_link_17ny8_51 > a {
604
- padding: 4px 6px;
605
- font-size: 15px;
606
- }
607
- ._desktop_only_17ny8_1213 > a {
608
- font-size: 15px;
609
- }
610
- }
611
-
612
- @media (max-width: 1023px) {
613
- ._desktop_only_17ny8_1213 {
614
- display: none !important;
615
- }
616
- }
617
-
618
- @media (max-width: 768px) {
619
- ._wrapper_17ny8_9 {
620
- width: calc(100% - 48px);
621
- }
622
-
623
- ._mobile_header_17ny8_23 button {
624
- right: 1.5rem;
625
- }
626
-
627
- ._mobile_nav_item_17ny8_859 > a {
628
- padding: 16px 24px;
629
- }
630
-
631
- ._sub_menu_17ny8_1057 a,
632
- ._sub_menu_17ny8_1057 span {
633
- padding-left: 48px;
634
- }
635
-
636
- ._mobile_nav_item_17ny8_859._has_dropdown_17ny8_889::before {
637
- right: 72px;
638
- }
639
-
640
- ._mobile_footer_content_17ny8_941 {
641
- padding-right: 15px;
642
- padding-left: 24px;
643
- }
644
- }
645
-
646
- @media (max-width: 450px) {
647
- ._footer_cta_17ny8_981 a {
648
- white-space: break-spaces;
649
- width: 100%;
650
- text-align: center;
651
- }
652
- }
653
-
654
- @media (min-width: 1024px) {
655
- ._mobile_only_17ny8_747 {
656
- display: none !important;
657
- }
658
- }
1
+ ._header_3kuh2_1 {
2
+ border-bottom: 1px solid #ebebeb;
3
+ }
4
+
5
+ ._wrapper_3kuh2_5 {
6
+ width: calc(100% - 80px);
7
+ margin-left: auto;
8
+ margin-right: auto;
9
+ }
10
+
11
+ ._header_main_row_3kuh2_11,
12
+ ._mobile_header_3kuh2_12 {
13
+ min-height: 80px;
14
+ padding-top: 1rem;
15
+ padding-bottom: 0.5rem;
16
+ }
17
+
18
+ ._logo_wrap_3kuh2_18 {
19
+ padding: 9px 6px;
20
+ }
21
+
22
+ ._primary_links_3kuh2_22 {
23
+ margin-left: 30px;
24
+ }
25
+
26
+ ._main_nav_link_3kuh2_26 {
27
+ padding: 10px 8px;
28
+ text-align: center;
29
+ }
30
+
31
+ ._main_nav_link_3kuh2_26 .active {
32
+ border-color: currentColor;
33
+ transition: border-color 0.5s ease;
34
+ font-weight: 700;
35
+ }
36
+
37
+ ._main_nav_link_3kuh2_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_3kuh2_44 a,
45
+ ._main_nav_link_3kuh2_26 a,
46
+ ._signin_wrap_3kuh2_46 a,
47
+ ._signin_btn_3kuh2_47 {
48
+ text-decoration: none;
49
+ transition: opacity 0.3s ease;
50
+ }
51
+
52
+ ._sub_nav_link_3kuh2_44:hover,
53
+ ._main_nav_link_3kuh2_26 a:hover,
54
+ ._signin_wrap_3kuh2_46 a:hover {
55
+ opacity: 0.8;
56
+ }
57
+
58
+ ._signin_wrap_3kuh2_46 .link {
59
+ text-decoration: none;
60
+ padding: 8px;
61
+ }
62
+
63
+ ._signin_btn_3kuh2_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_3kuh2_47:hover {
76
+ background-color: transparent;
77
+ opacity: 0.9;
78
+ }
79
+
80
+ ._signin_btn_3kuh2_47 > span {
81
+ margin-right: 8px;
82
+ }
83
+
84
+ ._header_sub_row_3kuh2_84 {
85
+ min-height: 48px;
86
+ position: relative;
87
+ }
88
+
89
+ ._sub_nav_link_3kuh2_44 {
90
+ padding-inline: 1rem;
91
+ text-align: center;
92
+ color: #fff;
93
+ }
94
+
95
+ ._sub_nav_link_3kuh2_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_3kuh2_44 a:hover {
104
+ background: linear-gradient(207deg, transparent, rgb(255 255 255 / 28%));
105
+ }
106
+
107
+ ._signin_dropdown_3kuh2_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_3kuh2_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_3kuh2_107 li[role="heading"] {
124
+ margin-top: 1px;
125
+ }
126
+
127
+ ._signin_header_3kuh2_127 {
128
+ color: #323339;
129
+ font-weight: 700;
130
+ padding: 0.5rem 1rem;
131
+ text-align: left;
132
+ }
133
+
134
+ ._signin_subheader_3kuh2_134 {
135
+ color: #2f5b88;
136
+ padding: 0.5rem 0.5rem 0.5rem 1.5rem;
137
+ }
138
+
139
+ ._signin_header_3kuh2_127,
140
+ ._signin_subheader_3kuh2_134 a {
141
+ line-height: 1.5;
142
+ }
143
+
144
+ @keyframes _fadeInDown_3kuh2_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_3kuh2_156 {
157
+ animation-duration: 0.5s;
158
+ animation-fill-mode: both;
159
+ animation-name: _fadeInDown_3kuh2_1;
160
+ }
161
+
162
+ ._signin_footer_3kuh2_162 {
163
+ margin-top: 0.5rem;
164
+ padding-top: 1rem;
165
+ }
166
+
167
+ ._signin_footer_3kuh2_162 > a + a {
168
+ display: block;
169
+ margin-top: 16px;
170
+ }
171
+
172
+ ._signin_footer_3kuh2_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_3kuh2_183 {
184
+ opacity: 0.8;
185
+ }
186
+
187
+ ._open_3kuh2_183 > svg {
188
+ transform: scaleY(-1);
189
+ }
190
+
191
+ ._open_3kuh2_183 + ._signin_dropdown_3kuh2_107 {
192
+ display: block;
193
+ }
194
+
195
+ ._dd_wrapper_3kuh2_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_3kuh2_204 {
205
+ padding: 1.5rem;
206
+ width: 280px;
207
+ }
208
+
209
+ ._dd_media_img_3kuh2_209 {
210
+ min-height: 232px;
211
+ }
212
+
213
+ ._dd_site_navs_3kuh2_213 {
214
+ display: flex;
215
+ flex-direction: column;
216
+ flex: 1 1 0%;
217
+ padding: 1.5rem;
218
+ }
219
+
220
+ ._dd_media_header_3kuh2_220 p {
221
+ color: #fff;
222
+ font-size: 14px;
223
+ line-height: 1.42;
224
+ }
225
+
226
+ ._dd_media_header_3kuh2_220 p[role="heading"] {
227
+ font: 600 1.25rem/ 1.4 var(--header-font-family);
228
+ }
229
+
230
+ ._mt_8_3kuh2_230 {
231
+ margin-top: 8px;
232
+ }
233
+
234
+ ._mt_16_3kuh2_234 {
235
+ margin-top: 1rem;
236
+ }
237
+
238
+ ._ml_8_3kuh2_238 {
239
+ margin-left: 8px;
240
+ }
241
+
242
+ ._dd_media_cta_3kuh2_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_3kuh2_242 > a:first-child:hover {
257
+ background-color: transparent;
258
+ border-color: #fff;
259
+ color: #fff !important;
260
+ }
261
+
262
+ ._dd_media_cta_3kuh2_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_3kuh2_242 > a:nth-child(2):hover {
270
+ opacity: 0.8;
271
+ text-decoration: underline;
272
+ }
273
+
274
+ ._reversed_row_3kuh2_274 {
275
+ flex-direction: row-reverse;
276
+ }
277
+
278
+ ._dd_media_cta_3kuh2_242 > a:first-child:active {
279
+ background-color: #fff;
280
+ border-color: transparent;
281
+ color: #1e3860 !important;
282
+ }
283
+
284
+ ._headline_3kuh2_284 > [role="heading"] {
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
+ text-decoration: none;
290
+ }
291
+
292
+ ._nav_anchor_3kuh2_292 {
293
+ aspect-ratio: 1;
294
+ background-color: #4a5560;
295
+ border-radius: 8px;
296
+ height: 1.5rem;
297
+ width: 1.5rem;
298
+ }
299
+
300
+ ._headline_cta_3kuh2_300 {
301
+ margin-left: 8px;
302
+ }
303
+
304
+ ._headline_cta_3kuh2_300 > a {
305
+ color: var(--_1073cm83);
306
+ font-weight: 700;
307
+ line-height: 1.5;
308
+ text-decoration: none;
309
+ }
310
+
311
+ ._sub_nav_link_3kuh2_44:hover,
312
+ ._signin_wrap_3kuh2_46 a:hover,
313
+ ._main_nav_link_3kuh2_26 a:not(.active):hover,
314
+ ._dd_site_navs_3kuh2_213 a:hover,
315
+ ._site_lists_3kuh2_315 a:hover {
316
+ text-decoration: underline;
317
+ }
318
+
319
+ ._dd_site_navs_3kuh2_213 hr {
320
+ border-style: solid;
321
+ border-width: 1px;
322
+ color: #a0aab3;
323
+ margin: 1.5rem 0;
324
+ opacity: 0.3;
325
+ position: relative;
326
+ }
327
+
328
+ ._site_lists_3kuh2_315 {
329
+ display: grid;
330
+ grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
331
+ gap: 24px;
332
+ padding-bottom: 1.5rem;
333
+ }
334
+
335
+ ._site_lists_3kuh2_315 > * {
336
+ width: 100%;
337
+ }
338
+
339
+ ._site_lists_3kuh2_315 a {
340
+ color: #323339;
341
+ text-decoration: none;
342
+ }
343
+
344
+ ._site_lists_3kuh2_315 [role="heading"] {
345
+ color: var(--_1073cm83);
346
+ font-weight: 700;
347
+ }
348
+
349
+ ._site_lists_3kuh2_315 li + li {
350
+ margin-top: 8px;
351
+ }
352
+
353
+ ._hamburger_3kuh2_353 {
354
+ background: transparent;
355
+ border: none;
356
+ font-size: 0px;
357
+ line-height: 1;
358
+ outline: none;
359
+ }
360
+
361
+ ._hamburger_3kuh2_353:hover,
362
+ ._mobile_header_3kuh2_12 button:hover {
363
+ cursor: pointer;
364
+ opacity: 0.8;
365
+ }
366
+
367
+ ._signin_wrap_3kuh2_46 > ._mobile_only_3kuh2_367 > a {
368
+ color: #4a5560;
369
+ padding: 0;
370
+ line-height: 1;
371
+ }
372
+
373
+ ._mobile_logo_3kuh2_373 {
374
+ flex: 1 1 0%;
375
+ text-align: center;
376
+ }
377
+
378
+ ._highlight_3kuh2_378 > a {
379
+ border-bottom: none;
380
+ font-weight: 700;
381
+ line-height: 1.44;
382
+ }
383
+
384
+ ._mobile_header_3kuh2_12 {
385
+ border-bottom: 1px solid #ebebeb;
386
+ display: grid;
387
+ padding-bottom: 1rem;
388
+ place-items: center;
389
+ }
390
+
391
+ ._mobile_header_3kuh2_12 p {
392
+ font: 400 20px / 1.3 var(--header-font-family);
393
+ }
394
+
395
+ ._mobile_header_3kuh2_12 button {
396
+ background: none;
397
+ border: none;
398
+ position: absolute;
399
+ right: 40px;
400
+ top: 50%;
401
+ transform: translateY(-50%);
402
+ }
403
+
404
+ ._mobile_nav_3kuh2_404 {
405
+ border-right: 1px solid #ebebeb;
406
+ left: -100%;
407
+ min-height: 100vh;
408
+ position: fixed;
409
+ top: 0;
410
+ transition: all 0.4s ease-in-out;
411
+ width: 100%;
412
+ z-index: 1205;
413
+ }
414
+
415
+ ._mobile_opened_3kuh2_415 {
416
+ left: 0%;
417
+ }
418
+
419
+ body:has(._mobile_opened_3kuh2_415) {
420
+ overflow-y: hidden;
421
+ }
422
+
423
+ ._mobile_nav_item_3kuh2_423 {
424
+ background-color: #f4f4f4;
425
+ border-bottom: 1px solid #ebebeb;
426
+ }
427
+
428
+ ._mobile_nav_item_3kuh2_423 > a {
429
+ color: #323339;
430
+ display: flex;
431
+ font-weight: 700;
432
+ line-height: 1.5;
433
+ padding: 16px 40px;
434
+ text-decoration: none;
435
+ width: 100%;
436
+ }
437
+
438
+ ._mobile_nav_item_3kuh2_423._has_dropdown_3kuh2_438 {
439
+ isolation: isolate;
440
+ position: relative;
441
+ }
442
+
443
+ ._mobile_nav_item_3kuh2_423._has_dropdown_3kuh2_438::before {
444
+ content: "";
445
+ background-color: #ebebeb;
446
+ height: 100%;
447
+ position: absolute;
448
+ right: 104px;
449
+ top: 0;
450
+ width: 1px;
451
+ z-index: -1;
452
+ }
453
+
454
+ ._icon_wrap_3kuh2_454 {
455
+ line-height: 1;
456
+ height: 24px;
457
+ }
458
+
459
+ ._mobile_footer_3kuh2_459 {
460
+ position: relative;
461
+ width: 100%;
462
+ }
463
+
464
+ ._mobile_footer_content_3kuh2_464 {
465
+ background-color: #f4f4f4;
466
+ flex: 1 1 0%;
467
+ padding: 16px 24px 16px 40px;
468
+ }
469
+
470
+ ._mobile_footer_content_3kuh2_464 p {
471
+ line-height: 1.5;
472
+ text-overflow: ellipsis;
473
+ display: -webkit-box;
474
+ -webkit-box-orient: vertical;
475
+ -webkit-line-clamp: 2;
476
+ }
477
+
478
+ ._mobile_footer_media_3kuh2_478 {
479
+ flex-basis: min(42%, 300px);
480
+ background: url("https://images.axos.com/o9ov1v03uwqk/4Fwdu6ylqpXOmJsDWRUETe/25365425dea4c1a8c3910834c2a3c9ed/personal-contact-us-hero.webp")
481
+ no-repeat 81% / cover;
482
+ }
483
+
484
+ ._footer_cta_3kuh2_484 {
485
+ margin-top: 3px;
486
+ }
487
+
488
+ ._footer_cta_3kuh2_484 a {
489
+ border-radius: 4px;
490
+ border: 2px solid transparent;
491
+ color: #fff;
492
+ display: inline-block;
493
+ font-weight: 700;
494
+ padding: 4px 32px;
495
+ text-decoration: none;
496
+ }
497
+
498
+ ._footer_cta_3kuh2_484 a:hover {
499
+ background-color: transparent;
500
+ text-decoration: underline;
501
+ }
502
+
503
+ ._footer_cta_3kuh2_484 a:active {
504
+ border-color: transparent;
505
+ color: #fff;
506
+ }
507
+
508
+ ._mobile_footer_3kuh2_459 > .flex_row {
509
+ min-height: 112px;
510
+ }
511
+
512
+ ._inner_wrapper_3kuh2_512 {
513
+ max-height: 100vh;
514
+ overflow-y: scroll;
515
+ }
516
+
517
+ ._btn_3kuh2_517 {
518
+ display: block;
519
+ position: relative;
520
+ }
521
+
522
+ ._sub_menu_3kuh2_522 {
523
+ overflow: hidden;
524
+ max-height: 0;
525
+ transition: max-height 0.8s ease-out;
526
+ background: #fff;
527
+ overflow-y: scroll;
528
+ }
529
+
530
+ ._sub_menu_3kuh2_522 a,
531
+ ._sub_menu_3kuh2_522 span {
532
+ display: block;
533
+ padding: 12px 14px 12px 64px;
534
+ position: relative;
535
+ color: #323339;
536
+ text-decoration: none;
537
+ }
538
+
539
+ ._sub_menu_3kuh2_522 ._main_3kuh2_26 {
540
+ font-weight: 700;
541
+ }
542
+
543
+ ._sub_menu_3kuh2_522 > * {
544
+ border-top: 1px solid #ebebeb;
545
+ }
546
+
547
+ ._dd_footer_3kuh2_547 {
548
+ justify-content: flex-end;
549
+ flex: 1 1 0%;
550
+ align-items: end;
551
+ font-size: 11px;
552
+ letter-spacing: 0.3px;
553
+ }
554
+
555
+ ._skip_btn_3kuh2_555 {
556
+ clip: rect(1px 1px 1px 1px);
557
+ margin: -1px;
558
+ overflow: hidden;
559
+ padding: 0;
560
+ position: absolute;
561
+ }
562
+
563
+ ._skip_btn_3kuh2_555:active,
564
+ ._skip_btn_3kuh2_555:focus {
565
+ background-color: #faa74a;
566
+ border-radius: 8px;
567
+ clip: auto;
568
+ color: #1e3869;
569
+ font-size: 14px;
570
+ font-weight: 700;
571
+ margin: 0;
572
+ overflow: visible;
573
+ padding: 9px 24px;
574
+ position: relative;
575
+ text-decoration: none;
576
+ top: 12px;
577
+ }
578
+
579
+ @media (max-width: 1121px) {
580
+ ._mobile_logo_3kuh2_373 {
581
+ position: absolute;
582
+ transform: translateX(-50%);
583
+ left: 50%;
584
+ flex: none;
585
+ }
586
+ }
587
+
588
+ @media (max-width: 1280px) and (min-width: 1024px) {
589
+ ._wrapper_3kuh2_5 {
590
+ width: calc(100% - 28px);
591
+ }
592
+
593
+ ._dd_wrapper_3kuh2_195 > ._wrapper_3kuh2_5 {
594
+ width: 100%;
595
+ }
596
+ ._main_nav_link_3kuh2_26 > a {
597
+ padding: 4px 6px;
598
+ font-size: 15px;
599
+ }
600
+ ._desktop_only_3kuh2_600 > a {
601
+ font-size: 15px;
602
+ }
603
+ }
604
+
605
+ @media (max-width: 1023px) {
606
+ ._desktop_only_3kuh2_600 {
607
+ display: none !important;
608
+ }
609
+ }
610
+
611
+ @media (max-width: 768px) {
612
+ ._wrapper_3kuh2_5 {
613
+ width: calc(100% - 48px);
614
+ }
615
+
616
+ ._mobile_header_3kuh2_12 button {
617
+ right: 1.5rem;
618
+ }
619
+
620
+ ._mobile_nav_item_3kuh2_423 > a {
621
+ padding: 16px 24px;
622
+ }
623
+
624
+ ._sub_menu_3kuh2_522 a,
625
+ ._sub_menu_3kuh2_522 span {
626
+ padding-left: 48px;
627
+ }
628
+
629
+ ._mobile_nav_item_3kuh2_423._has_dropdown_3kuh2_438::before {
630
+ right: 72px;
631
+ }
632
+
633
+ ._mobile_footer_content_3kuh2_464 {
634
+ padding-right: 15px;
635
+ padding-left: 24px;
636
+ }
637
+ }
638
+
639
+ @media (max-width: 450px) {
640
+ ._footer_cta_3kuh2_484 a {
641
+ white-space: break-spaces;
642
+ width: 100%;
643
+ text-align: center;
644
+ }
645
+ }
646
+
647
+ @media (min-width: 1024px) {
648
+ ._mobile_only_3kuh2_367 {
649
+ display: none !important;
650
+ }
651
+ }