@axos-web-dev/shared-components 1.0.8 → 1.0.9

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,661 +1,661 @@
1
- ._header_o9pri_1 {
2
- border-bottom: 1px solid #ebebeb;
3
- }
4
-
5
- ._wrapper_o9pri_9 {
6
- width: calc(100% - 80px);
7
- margin-left: auto;
8
- margin-right: auto;
9
- }
10
-
11
- ._header_main_row_o9pri_21,
12
- ._mobile_header_o9pri_23 {
13
- min-height: 80px;
14
- padding-top: 1rem;
15
- padding-bottom: 0.5rem;
16
- }
17
-
18
- ._logo_wrap_o9pri_35 {
19
- padding: 9px 6px;
20
- }
21
-
22
- ._primary_links_o9pri_43 {
23
- margin-left: 30px;
24
- }
25
-
26
- ._main_nav_link_o9pri_51 {
27
- padding: 10px 8px;
28
- text-align: center;
29
- }
30
-
31
- ._main_nav_link_o9pri_51 .active {
32
- border-color: currentColor;
33
- transition: border-color 0.5s ease;
34
- font-weight: 700;
35
- }
36
-
37
- ._main_nav_link_o9pri_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_o9pri_87 a,
45
- ._main_nav_link_o9pri_51 a,
46
- ._signin_wrap_o9pri_91 a,
47
- ._signin_btn_o9pri_93 {
48
- text-decoration: none;
49
- transition: opacity 0.3s ease;
50
- }
51
-
52
- ._sub_nav_link_o9pri_87:hover,
53
- ._main_nav_link_o9pri_51 a:hover,
54
- ._signin_wrap_o9pri_91 a:hover {
55
- opacity: 0.8;
56
- }
57
-
58
- ._signin_wrap_o9pri_91 .link {
59
- text-decoration: none;
60
- padding: 8px;
61
- }
62
-
63
- ._signin_btn_o9pri_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_o9pri_93:hover {
76
- background-color: transparent;
77
- opacity: 0.9;
78
- }
79
-
80
- ._signin_btn_o9pri_93 > span {
81
- margin-right: 8px;
82
- }
83
-
84
- ._header_sub_row_o9pri_167 {
85
- min-height: 48px;
86
- position: relative;
87
- }
88
-
89
- ._sub_nav_link_o9pri_87 {
90
- padding-inline: 1rem;
91
- text-align: center;
92
- color: #fff;
93
- display: flex;
94
- }
95
-
96
- ._sub_nav_link_o9pri_87 a {
97
- display: flex;
98
- align-items: center;
99
- font-weight: 500;
100
- line-height: 1.5;
101
- padding: 12px 0px;
102
- }
103
- ._sub_nav_link_o9pri_87 a:first-child {
104
- padding-left: 9.5px;
105
- padding-right: 1.5px;
106
- }
107
-
108
- ._sub_nav_link_o9pri_87 a:last-child {
109
- padding-right: 9.5px;
110
- }
111
-
112
- ._sub_nav_link_o9pri_87:hover {
113
- background: linear-gradient(207deg, transparent, rgb(255 255 255 / 28%));
114
- }
115
-
116
- ._signin_dropdown_o9pri_231 {
117
- min-width: 288px;
118
- padding: 1.5rem 1rem;
119
- position: absolute;
120
- right: 0;
121
- top: 100%;
122
- z-index: 1204;
123
- display: none;
124
- }
125
-
126
- ._shadow_o9pri_251 {
127
- box-shadow: 0px 8px 16px 0px rgba(30, 38, 47, 0.2);
128
- border: 0.5px solid rgb(255 255 255 / 14%);
129
- border-top: none;
130
- }
131
-
132
- ._signin_dropdown_o9pri_231 li[role="heading"] {
133
- margin-top: 1px;
134
- }
135
-
136
- ._signin_header_o9pri_271 {
137
- color: #323339;
138
- font-weight: 700;
139
- padding: 0.5rem 1rem;
140
- text-align: left;
141
- }
142
-
143
- ._signin_subheader_o9pri_285 {
144
- color: #2f5b88;
145
- padding: 0.5rem 0.5rem 0.5rem 1.5rem;
146
- }
147
-
148
- ._signin_header_o9pri_271,
149
- ._signin_subheader_o9pri_285 a {
150
- line-height: 1.5;
151
- }
152
-
153
- @keyframes _fadeInDown_o9pri_1 {
154
- from {
155
- opacity: 0;
156
- transform: translate3d(0, -1%, 0);
157
- }
158
-
159
- to {
160
- opacity: 1;
161
- transform: none;
162
- }
163
- }
164
-
165
- ._opacity_o9pri_329 {
166
- animation-duration: 0.5s;
167
- animation-fill-mode: both;
168
- animation-name: _fadeInDown_o9pri_1;
169
- }
170
-
171
- ._signin_footer_o9pri_341 {
172
- margin-top: 0.5rem;
173
- padding-top: 1rem;
174
- }
175
-
176
- ._signin_footer_o9pri_341 > a + a {
177
- display: block;
178
- margin-top: 16px;
179
- }
180
-
181
- ._signin_footer_o9pri_341::before {
182
- content: "";
183
- background-color: #8f8f8f;
184
- height: 2px;
185
- opacity: 0.3;
186
- position: absolute;
187
- right: 8px;
188
- top: 0;
189
- width: 94%;
190
- }
191
-
192
- ._open_o9pri_383 {
193
- opacity: 0.8;
194
- }
195
-
196
- ._open_o9pri_383 > svg {
197
- transform: scaleY(-1);
198
- }
199
-
200
- ._open_o9pri_383 + ._signin_dropdown_o9pri_231 {
201
- display: block;
202
- }
203
-
204
- ._dd_wrapper_o9pri_407 {
205
- max-width: 1440px;
206
- outline: none !important;
207
- position: absolute;
208
- top: 0;
209
- width: 100%;
210
- z-index: 1203;
211
- }
212
-
213
- ._dd_media_o9pri_425 {
214
- padding: 1.5rem;
215
- width: 280px;
216
- }
217
-
218
- ._dd_media_img_o9pri_435 {
219
- min-height: 232px;
220
- }
221
-
222
- ._dd_site_navs_o9pri_443 {
223
- display: flex;
224
- flex-direction: column;
225
- flex: 1 1 0%;
226
- padding: 1.5rem;
227
- }
228
-
229
- ._dd_media_header_o9pri_457 p {
230
- color: #fff;
231
- font-size: 14px;
232
- line-height: 1.42;
233
- }
234
-
235
- ._dd_media_header_o9pri_457 p[role="heading"] {
236
- font: 600 1.25rem/ 1.4 var(--header-font-family);
237
- }
238
-
239
- ._mt_8_o9pri_477 {
240
- margin-top: 8px;
241
- }
242
-
243
- ._mt_16_o9pri_485 {
244
- margin-top: 1rem;
245
- }
246
-
247
- ._ml_8_o9pri_493 {
248
- margin-left: 8px;
249
- }
250
-
251
- ._dd_media_cta_o9pri_501 > a:first-child {
252
- border-radius: 8px;
253
- border: 2px solid transparent;
254
- color: var(--_1073cm83) !important;
255
- display: inline-block;
256
- font-size: 1.125rem;
257
- font-weight: 700;
258
- line-height: 1.44;
259
- padding: 12px;
260
- text-decoration: none;
261
- transition: all 0.25s ease;
262
- width: 100%;
263
- }
264
-
265
- ._dd_media_cta_o9pri_501 > a:first-child:hover {
266
- background-color: transparent;
267
- border-color: #fff;
268
- color: #fff !important;
269
- }
270
-
271
- ._dd_media_cta_o9pri_501 > a:nth-child(2) {
272
- color: #fff;
273
- display: inline-block;
274
- margin-top: 8px;
275
- text-decoration: none;
276
- }
277
-
278
- ._dd_media_cta_o9pri_501 > a:nth-child(2):hover {
279
- opacity: 0.8;
280
- text-decoration: underline;
281
- }
282
-
283
- ._reversed_row_o9pri_565 {
284
- flex-direction: row-reverse;
285
- }
286
-
287
- ._dd_media_cta_o9pri_501 > a:first-child:active {
288
- background-color: #fff;
289
- border-color: transparent;
290
- color: #1e3860 !important;
291
- }
292
-
293
- ._headline_o9pri_585 > [role="heading"] {
294
- color: var(--_1073cm83);
295
- flex: 1 1 0%;
296
- font: 600 1.5rem / 1.33 var(--header-font-family);
297
- margin-bottom: 0;
298
- text-decoration: none;
299
- }
300
-
301
- ._nav_anchor_o9pri_601 {
302
- aspect-ratio: 1;
303
- background-color: #4a5560;
304
- border-radius: 8px;
305
- height: 1.5rem;
306
- width: 1.5rem;
307
- }
308
-
309
- ._headline_cta_o9pri_617 {
310
- margin-left: 8px;
311
- }
312
-
313
- ._headline_cta_o9pri_617 > a {
314
- color: var(--_1073cm83);
315
- font-weight: 700;
316
- line-height: 1.5;
317
- text-decoration: none;
318
- }
319
-
320
- ._sub_nav_link_o9pri_87:hover,
321
- ._signin_wrap_o9pri_91 a:hover,
322
- ._main_nav_link_o9pri_51 a:not(.active):hover,
323
- ._dd_site_navs_o9pri_443 a:hover,
324
- ._site_lists_o9pri_647 a:hover {
325
- text-decoration: underline;
326
- }
327
-
328
- ._dd_site_navs_o9pri_443 hr {
329
- border-style: solid;
330
- border-width: 1px;
331
- color: #a0aab3;
332
- margin: 1.5rem 0;
333
- opacity: 0.3;
334
- position: relative;
335
- }
336
-
337
- ._site_lists_o9pri_647 {
338
- display: grid;
339
- grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
340
- gap: 24px;
341
- padding-bottom: 1.5rem;
342
- }
343
-
344
- ._site_lists_o9pri_647 > * {
345
- width: 100%;
346
- }
347
-
348
- ._site_lists_o9pri_647 a {
349
- color: #323339;
350
- text-decoration: none;
351
- }
352
-
353
- ._site_lists_o9pri_647 [role="heading"] {
354
- color: var(--_1073cm83);
355
- font-weight: 700;
356
- }
357
-
358
- ._site_lists_o9pri_647 li + li {
359
- margin-top: 8px;
360
- }
361
-
362
- ._hamburger_o9pri_723 {
363
- background: transparent;
364
- border: none;
365
- font-size: 0px;
366
- line-height: 1;
367
- outline: none;
368
- }
369
-
370
- ._hamburger_o9pri_723:hover,
371
- ._mobile_header_o9pri_23 button:hover {
372
- cursor: pointer;
373
- opacity: 0.8;
374
- }
375
-
376
- ._signin_wrap_o9pri_91 > ._mobile_only_o9pri_751 > a {
377
- color: #4a5560;
378
- padding: 0;
379
- line-height: 1;
380
- }
381
-
382
- ._mobile_logo_o9pri_763 {
383
- flex: 1 1 0%;
384
- text-align: center;
385
- }
386
-
387
- ._highlight_o9pri_773 > a {
388
- border-bottom: none;
389
- font-weight: 700;
390
- line-height: 1.44;
391
- }
392
-
393
- ._mobile_header_o9pri_23 {
394
- border-bottom: 1px solid #ebebeb;
395
- display: grid;
396
- padding-bottom: 1rem;
397
- place-items: center;
398
- }
399
-
400
- ._mobile_header_o9pri_23 h2 {
401
- font: 400 20px / 1.3 var(--header-font-family);
402
- }
403
-
404
- ._mobile_header_o9pri_23 button {
405
- background: none;
406
- border: none;
407
- position: absolute;
408
- right: 40px;
409
- top: 50%;
410
- transform: translateY(-50%);
411
- }
412
-
413
- ._mobile_nav_o9pri_825 {
414
- border-right: 1px solid #ebebeb;
415
- left: -100%;
416
- min-height: 100vh;
417
- position: fixed;
418
- top: 0;
419
- transition: all 0.4s ease-in-out;
420
- width: 100%;
421
- z-index: 1205;
422
- }
423
-
424
- ._mobile_opened_o9pri_847 {
425
- left: 0%;
426
- }
427
-
428
- body:has(._mobile_opened_o9pri_847) {
429
- overflow-y: hidden;
430
- }
431
-
432
- ._mobile_nav_item_o9pri_863 {
433
- background-color: #f4f4f4;
434
- border-bottom: 1px solid #ebebeb;
435
- }
436
-
437
- ._mobile_nav_item_o9pri_863 > a {
438
- color: #323339;
439
- display: flex;
440
- font-weight: 700;
441
- line-height: 1.5;
442
- padding: 16px 40px;
443
- text-decoration: none;
444
- width: 100%;
445
- }
446
-
447
- ._mobile_nav_item_o9pri_863._has_dropdown_o9pri_893 {
448
- isolation: isolate;
449
- position: relative;
450
- }
451
-
452
- ._mobile_nav_item_o9pri_863._has_dropdown_o9pri_893::before {
453
- content: "";
454
- background-color: #ebebeb;
455
- height: 100%;
456
- position: absolute;
457
- right: 104px;
458
- top: 0;
459
- width: 1px;
460
- z-index: -1;
461
- }
462
-
463
- ._icon_wrap_o9pri_925 {
464
- line-height: 1;
465
- height: 24px;
466
- }
467
-
468
- ._mobile_footer_o9pri_935 {
469
- position: relative;
470
- width: 100%;
471
- }
472
-
473
- ._mobile_footer_content_o9pri_945 {
474
- background-color: #f4f4f4;
475
- flex: 1 1 0%;
476
- padding: 16px 24px 16px 40px;
477
- }
478
-
479
- ._mobile_footer_content_o9pri_945 p {
480
- line-height: 1.5;
481
- text-overflow: ellipsis;
482
- display: -webkit-box;
483
- -webkit-box-orient: vertical;
484
- -webkit-line-clamp: 2;
485
- line-clamp: 2;
486
- }
487
-
488
- ._mobile_footer_media_o9pri_975 {
489
- flex-basis: min(42%, 300px);
490
- background: url("https://images.axos.com/o9ov1v03uwqk/4Fwdu6ylqpXOmJsDWRUETe/25365425dea4c1a8c3910834c2a3c9ed/personal-contact-us-hero.webp")
491
- no-repeat 81% / cover;
492
- }
493
-
494
- ._footer_cta_o9pri_987 {
495
- margin-top: 3px;
496
- }
497
-
498
- ._footer_cta_o9pri_987 a {
499
- border-radius: 4px;
500
- border: 2px solid transparent;
501
- color: #fff;
502
- display: inline-block;
503
- font-weight: 700;
504
- padding: 4px 32px;
505
- text-decoration: none;
506
- }
507
-
508
- ._footer_cta_o9pri_987 a:hover {
509
- background-color: transparent;
510
- text-decoration: underline;
511
- }
512
-
513
- ._footer_cta_o9pri_987 a:active {
514
- border-color: transparent;
515
- color: #fff;
516
- }
517
-
518
- ._mobile_footer_o9pri_935 > .flex_row {
519
- min-height: 112px;
520
- }
521
-
522
- ._inner_wrapper_o9pri_1043 {
523
- max-height: 100vh;
524
- overflow-y: scroll;
525
- }
526
-
527
- ._btn_o9pri_1053 {
528
- display: block;
529
- position: relative;
530
- }
531
-
532
- ._sub_menu_o9pri_1063 {
533
- overflow: hidden;
534
- max-height: 0;
535
- transition: max-height 0.8s ease-out;
536
- background: #fff;
537
- overflow-y: scroll;
538
- }
539
-
540
- ._sub_menu_o9pri_1063 a,
541
- ._sub_menu_o9pri_1063 span {
542
- display: block;
543
- padding: 12px 14px 12px 64px;
544
- position: relative;
545
- color: #323339;
546
- text-decoration: none;
547
- }
548
-
549
- ._sub_menu_o9pri_1063 ._main_o9pri_51 {
550
- font-weight: 700;
551
- }
552
-
553
- ._sub_menu_o9pri_1063 > * {
554
- border-top: 1px solid #ebebeb;
555
- }
556
-
557
- ._dd_footer_o9pri_1113 {
558
- justify-content: flex-end;
559
- flex: 1 1 0%;
560
- align-items: end;
561
- font-size: 11px;
562
- letter-spacing: 0.3px;
563
- }
564
-
565
- ._skip_btn_o9pri_1129 {
566
- clip: rect(1px 1px 1px 1px);
567
- margin: -1px;
568
- overflow: hidden;
569
- padding: 0;
570
- position: absolute;
571
- }
572
-
573
- ._skip_btn_o9pri_1129:active,
574
- ._skip_btn_o9pri_1129:focus {
575
- background-color: #faa74a;
576
- border-radius: 8px;
577
- clip: auto;
578
- color: #1e3869;
579
- font-size: 14px;
580
- font-weight: 700;
581
- margin: 0;
582
- overflow: visible;
583
- padding: 9px 24px;
584
- position: relative;
585
- text-decoration: none;
586
- top: 12px;
587
- }
588
-
589
- @media (max-width: 1121px) {
590
- ._mobile_logo_o9pri_763 {
591
- position: absolute;
592
- transform: translateX(-50%);
593
- left: 50%;
594
- flex: none;
595
- }
596
- }
597
-
598
- @media (max-width: 1280px) and (min-width: 1024px) {
599
- ._wrapper_o9pri_9 {
600
- width: calc(100% - 28px);
601
- }
602
-
603
- ._dd_wrapper_o9pri_407 > ._wrapper_o9pri_9 {
604
- width: 100%;
605
- }
606
- ._main_nav_link_o9pri_51 > a {
607
- padding: 4px 6px;
608
- font-size: 15px;
609
- }
610
- ._desktop_only_o9pri_1219 > a {
611
- font-size: 15px;
612
- }
613
- }
614
-
615
- @media (max-width: 1023px) {
616
- ._desktop_only_o9pri_1219 {
617
- display: none !important;
618
- }
619
- }
620
-
621
- @media (max-width: 768px) {
622
- ._wrapper_o9pri_9 {
623
- width: calc(100% - 48px);
624
- }
625
-
626
- ._mobile_header_o9pri_23 button {
627
- right: 1.5rem;
628
- }
629
-
630
- ._mobile_nav_item_o9pri_863 > a {
631
- padding: 16px 24px;
632
- }
633
-
634
- ._sub_menu_o9pri_1063 a,
635
- ._sub_menu_o9pri_1063 span {
636
- padding-left: 48px;
637
- }
638
-
639
- ._mobile_nav_item_o9pri_863._has_dropdown_o9pri_893::before {
640
- right: 72px;
641
- }
642
-
643
- ._mobile_footer_content_o9pri_945 {
644
- padding-right: 15px;
645
- padding-left: 24px;
646
- }
647
- }
648
-
649
- @media (max-width: 450px) {
650
- ._footer_cta_o9pri_987 a {
651
- white-space: break-spaces;
652
- width: 100%;
653
- text-align: center;
654
- }
655
- }
656
-
657
- @media (min-width: 1024px) {
658
- ._mobile_only_o9pri_751 {
659
- display: none !important;
660
- }
661
- }
1
+ ._header_1bt29_1 {
2
+ border-bottom: 1px solid #ebebeb;
3
+ }
4
+
5
+ ._wrapper_1bt29_5 {
6
+ width: calc(100% - 80px);
7
+ margin-left: auto;
8
+ margin-right: auto;
9
+ }
10
+
11
+ ._header_main_row_1bt29_11,
12
+ ._mobile_header_1bt29_12 {
13
+ min-height: 80px;
14
+ padding-top: 1rem;
15
+ padding-bottom: 0.5rem;
16
+ }
17
+
18
+ ._logo_wrap_1bt29_18 {
19
+ padding: 9px 6px;
20
+ }
21
+
22
+ ._primary_links_1bt29_22 {
23
+ margin-left: 30px;
24
+ }
25
+
26
+ ._main_nav_link_1bt29_26 {
27
+ padding: 10px 8px;
28
+ text-align: center;
29
+ }
30
+
31
+ ._main_nav_link_1bt29_26 .active {
32
+ border-color: currentColor;
33
+ transition: border-color 0.5s ease;
34
+ font-weight: 700;
35
+ }
36
+
37
+ ._main_nav_link_1bt29_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_1bt29_44 a,
45
+ ._main_nav_link_1bt29_26 a,
46
+ ._signin_wrap_1bt29_46 a,
47
+ ._signin_btn_1bt29_47 {
48
+ text-decoration: none;
49
+ transition: opacity 0.3s ease;
50
+ }
51
+
52
+ ._sub_nav_link_1bt29_44:hover,
53
+ ._main_nav_link_1bt29_26 a:hover,
54
+ ._signin_wrap_1bt29_46 a:hover {
55
+ opacity: 0.8;
56
+ }
57
+
58
+ ._signin_wrap_1bt29_46 .link {
59
+ text-decoration: none;
60
+ padding: 8px;
61
+ }
62
+
63
+ ._signin_btn_1bt29_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_1bt29_47:hover {
76
+ background-color: transparent;
77
+ opacity: 0.9;
78
+ }
79
+
80
+ ._signin_btn_1bt29_47 > span {
81
+ margin-right: 8px;
82
+ }
83
+
84
+ ._header_sub_row_1bt29_84 {
85
+ min-height: 48px;
86
+ position: relative;
87
+ }
88
+
89
+ ._sub_nav_link_1bt29_44 {
90
+ padding-inline: 1rem;
91
+ text-align: center;
92
+ color: #fff;
93
+ display: flex;
94
+ }
95
+
96
+ ._sub_nav_link_1bt29_44 a {
97
+ display: flex;
98
+ align-items: center;
99
+ font-weight: 500;
100
+ line-height: 1.5;
101
+ padding: 12px 0px;
102
+ }
103
+ ._sub_nav_link_1bt29_44 a:first-child {
104
+ padding-left: 9.5px;
105
+ padding-right: 1.5px;
106
+ }
107
+
108
+ ._sub_nav_link_1bt29_44 a:last-child {
109
+ padding-right: 9.5px;
110
+ }
111
+
112
+ ._sub_nav_link_1bt29_44:hover {
113
+ background: linear-gradient(207deg, transparent, rgb(255 255 255 / 28%));
114
+ }
115
+
116
+ ._signin_dropdown_1bt29_116 {
117
+ min-width: 288px;
118
+ padding: 1.5rem 1rem;
119
+ position: absolute;
120
+ right: 0;
121
+ top: 100%;
122
+ z-index: 1204;
123
+ display: none;
124
+ }
125
+
126
+ ._shadow_1bt29_126 {
127
+ box-shadow: 0px 8px 16px 0px rgba(30, 38, 47, 0.2);
128
+ border: 0.5px solid rgb(255 255 255 / 14%);
129
+ border-top: none;
130
+ }
131
+
132
+ ._signin_dropdown_1bt29_116 li[role="heading"] {
133
+ margin-top: 1px;
134
+ }
135
+
136
+ ._signin_header_1bt29_136 {
137
+ color: #323339;
138
+ font-weight: 700;
139
+ padding: 0.5rem 1rem;
140
+ text-align: left;
141
+ }
142
+
143
+ ._signin_subheader_1bt29_143 {
144
+ color: #2f5b88;
145
+ padding: 0.5rem 0.5rem 0.5rem 1.5rem;
146
+ }
147
+
148
+ ._signin_header_1bt29_136,
149
+ ._signin_subheader_1bt29_143 a {
150
+ line-height: 1.5;
151
+ }
152
+
153
+ @keyframes _fadeInDown_1bt29_1 {
154
+ from {
155
+ opacity: 0;
156
+ transform: translate3d(0, -1%, 0);
157
+ }
158
+
159
+ to {
160
+ opacity: 1;
161
+ transform: none;
162
+ }
163
+ }
164
+
165
+ ._opacity_1bt29_165 {
166
+ animation-duration: 0.5s;
167
+ animation-fill-mode: both;
168
+ animation-name: _fadeInDown_1bt29_1;
169
+ }
170
+
171
+ ._signin_footer_1bt29_171 {
172
+ margin-top: 0.5rem;
173
+ padding-top: 1rem;
174
+ }
175
+
176
+ ._signin_footer_1bt29_171 > a + a {
177
+ display: block;
178
+ margin-top: 16px;
179
+ }
180
+
181
+ ._signin_footer_1bt29_171::before {
182
+ content: "";
183
+ background-color: #8f8f8f;
184
+ height: 2px;
185
+ opacity: 0.3;
186
+ position: absolute;
187
+ right: 8px;
188
+ top: 0;
189
+ width: 94%;
190
+ }
191
+
192
+ ._open_1bt29_192 {
193
+ opacity: 0.8;
194
+ }
195
+
196
+ ._open_1bt29_192 > svg {
197
+ transform: scaleY(-1);
198
+ }
199
+
200
+ ._open_1bt29_192 + ._signin_dropdown_1bt29_116 {
201
+ display: block;
202
+ }
203
+
204
+ ._dd_wrapper_1bt29_204 {
205
+ max-width: 1440px;
206
+ outline: none !important;
207
+ position: absolute;
208
+ top: 0;
209
+ width: 100%;
210
+ z-index: 1203;
211
+ }
212
+
213
+ ._dd_media_1bt29_213 {
214
+ padding: 1.5rem;
215
+ width: 280px;
216
+ }
217
+
218
+ ._dd_media_img_1bt29_218 {
219
+ min-height: 232px;
220
+ }
221
+
222
+ ._dd_site_navs_1bt29_222 {
223
+ display: flex;
224
+ flex-direction: column;
225
+ flex: 1 1 0%;
226
+ padding: 1.5rem;
227
+ }
228
+
229
+ ._dd_media_header_1bt29_229 p {
230
+ color: #fff;
231
+ font-size: 14px;
232
+ line-height: 1.42;
233
+ }
234
+
235
+ ._dd_media_header_1bt29_229 p[role="heading"] {
236
+ font: 600 1.25rem/ 1.4 var(--header-font-family);
237
+ }
238
+
239
+ ._mt_8_1bt29_239 {
240
+ margin-top: 8px;
241
+ }
242
+
243
+ ._mt_16_1bt29_243 {
244
+ margin-top: 1rem;
245
+ }
246
+
247
+ ._ml_8_1bt29_247 {
248
+ margin-left: 8px;
249
+ }
250
+
251
+ ._dd_media_cta_1bt29_251 > a:first-child {
252
+ border-radius: 8px;
253
+ border: 2px solid transparent;
254
+ color: var(--_1073cm83) !important;
255
+ display: inline-block;
256
+ font-size: 1.125rem;
257
+ font-weight: 700;
258
+ line-height: 1.44;
259
+ padding: 12px;
260
+ text-decoration: none;
261
+ transition: all 0.25s ease;
262
+ width: 100%;
263
+ }
264
+
265
+ ._dd_media_cta_1bt29_251 > a:first-child:hover {
266
+ background-color: transparent;
267
+ border-color: #fff;
268
+ color: #fff !important;
269
+ }
270
+
271
+ ._dd_media_cta_1bt29_251 > a:nth-child(2) {
272
+ color: #fff;
273
+ display: inline-block;
274
+ margin-top: 8px;
275
+ text-decoration: none;
276
+ }
277
+
278
+ ._dd_media_cta_1bt29_251 > a:nth-child(2):hover {
279
+ opacity: 0.8;
280
+ text-decoration: underline;
281
+ }
282
+
283
+ ._reversed_row_1bt29_283 {
284
+ flex-direction: row-reverse;
285
+ }
286
+
287
+ ._dd_media_cta_1bt29_251 > a:first-child:active {
288
+ background-color: #fff;
289
+ border-color: transparent;
290
+ color: #1e3860 !important;
291
+ }
292
+
293
+ ._headline_1bt29_293 > [role="heading"] {
294
+ color: var(--_1073cm83);
295
+ flex: 1 1 0%;
296
+ font: 600 1.5rem / 1.33 var(--header-font-family);
297
+ margin-bottom: 0;
298
+ text-decoration: none;
299
+ }
300
+
301
+ ._nav_anchor_1bt29_301 {
302
+ aspect-ratio: 1;
303
+ background-color: #4a5560;
304
+ border-radius: 8px;
305
+ height: 1.5rem;
306
+ width: 1.5rem;
307
+ }
308
+
309
+ ._headline_cta_1bt29_309 {
310
+ margin-left: 8px;
311
+ }
312
+
313
+ ._headline_cta_1bt29_309 > a {
314
+ color: var(--_1073cm83);
315
+ font-weight: 700;
316
+ line-height: 1.5;
317
+ text-decoration: none;
318
+ }
319
+
320
+ ._sub_nav_link_1bt29_44:hover,
321
+ ._signin_wrap_1bt29_46 a:hover,
322
+ ._main_nav_link_1bt29_26 a:not(.active):hover,
323
+ ._dd_site_navs_1bt29_222 a:hover,
324
+ ._site_lists_1bt29_324 a:hover {
325
+ text-decoration: underline;
326
+ }
327
+
328
+ ._dd_site_navs_1bt29_222 hr {
329
+ border-style: solid;
330
+ border-width: 1px;
331
+ color: #a0aab3;
332
+ margin: 1.5rem 0;
333
+ opacity: 0.3;
334
+ position: relative;
335
+ }
336
+
337
+ ._site_lists_1bt29_324 {
338
+ display: grid;
339
+ grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
340
+ gap: 24px;
341
+ padding-bottom: 1.5rem;
342
+ }
343
+
344
+ ._site_lists_1bt29_324 > * {
345
+ width: 100%;
346
+ }
347
+
348
+ ._site_lists_1bt29_324 a {
349
+ color: #323339;
350
+ text-decoration: none;
351
+ }
352
+
353
+ ._site_lists_1bt29_324 [role="heading"] {
354
+ color: var(--_1073cm83);
355
+ font-weight: 700;
356
+ }
357
+
358
+ ._site_lists_1bt29_324 li + li {
359
+ margin-top: 8px;
360
+ }
361
+
362
+ ._hamburger_1bt29_362 {
363
+ background: transparent;
364
+ border: none;
365
+ font-size: 0px;
366
+ line-height: 1;
367
+ outline: none;
368
+ }
369
+
370
+ ._hamburger_1bt29_362:hover,
371
+ ._mobile_header_1bt29_12 button:hover {
372
+ cursor: pointer;
373
+ opacity: 0.8;
374
+ }
375
+
376
+ ._signin_wrap_1bt29_46 > ._mobile_only_1bt29_376 > a {
377
+ color: #4a5560;
378
+ padding: 0;
379
+ line-height: 1;
380
+ }
381
+
382
+ ._mobile_logo_1bt29_382 {
383
+ flex: 1 1 0%;
384
+ text-align: center;
385
+ }
386
+
387
+ ._highlight_1bt29_387 > a {
388
+ border-bottom: none;
389
+ font-weight: 700;
390
+ line-height: 1.44;
391
+ }
392
+
393
+ ._mobile_header_1bt29_12 {
394
+ border-bottom: 1px solid #ebebeb;
395
+ display: grid;
396
+ padding-bottom: 1rem;
397
+ place-items: center;
398
+ }
399
+
400
+ ._mobile_header_1bt29_12 h2 {
401
+ font: 400 20px / 1.3 var(--header-font-family);
402
+ }
403
+
404
+ ._mobile_header_1bt29_12 button {
405
+ background: none;
406
+ border: none;
407
+ position: absolute;
408
+ right: 40px;
409
+ top: 50%;
410
+ transform: translateY(-50%);
411
+ }
412
+
413
+ ._mobile_nav_1bt29_413 {
414
+ border-right: 1px solid #ebebeb;
415
+ left: -100%;
416
+ min-height: 100vh;
417
+ position: fixed;
418
+ top: 0;
419
+ transition: all 0.4s ease-in-out;
420
+ width: 100%;
421
+ z-index: 1205;
422
+ }
423
+
424
+ ._mobile_opened_1bt29_424 {
425
+ left: 0%;
426
+ }
427
+
428
+ body:has(._mobile_opened_1bt29_424) {
429
+ overflow-y: hidden;
430
+ }
431
+
432
+ ._mobile_nav_item_1bt29_432 {
433
+ background-color: #f4f4f4;
434
+ border-bottom: 1px solid #ebebeb;
435
+ }
436
+
437
+ ._mobile_nav_item_1bt29_432 > a {
438
+ color: #323339;
439
+ display: flex;
440
+ font-weight: 700;
441
+ line-height: 1.5;
442
+ padding: 16px 40px;
443
+ text-decoration: none;
444
+ width: 100%;
445
+ }
446
+
447
+ ._mobile_nav_item_1bt29_432._has_dropdown_1bt29_447 {
448
+ isolation: isolate;
449
+ position: relative;
450
+ }
451
+
452
+ ._mobile_nav_item_1bt29_432._has_dropdown_1bt29_447::before {
453
+ content: "";
454
+ background-color: #ebebeb;
455
+ height: 100%;
456
+ position: absolute;
457
+ right: 104px;
458
+ top: 0;
459
+ width: 1px;
460
+ z-index: -1;
461
+ }
462
+
463
+ ._icon_wrap_1bt29_463 {
464
+ line-height: 1;
465
+ height: 24px;
466
+ }
467
+
468
+ ._mobile_footer_1bt29_468 {
469
+ position: relative;
470
+ width: 100%;
471
+ }
472
+
473
+ ._mobile_footer_content_1bt29_473 {
474
+ background-color: #f4f4f4;
475
+ flex: 1 1 0%;
476
+ padding: 16px 24px 16px 40px;
477
+ }
478
+
479
+ ._mobile_footer_content_1bt29_473 p {
480
+ line-height: 1.5;
481
+ text-overflow: ellipsis;
482
+ display: -webkit-box;
483
+ -webkit-box-orient: vertical;
484
+ -webkit-line-clamp: 2;
485
+ line-clamp: 2;
486
+ }
487
+
488
+ ._mobile_footer_media_1bt29_488 {
489
+ flex-basis: min(42%, 300px);
490
+ background: url("https://images.axos.com/o9ov1v03uwqk/4Fwdu6ylqpXOmJsDWRUETe/25365425dea4c1a8c3910834c2a3c9ed/personal-contact-us-hero.webp")
491
+ no-repeat 81% / cover;
492
+ }
493
+
494
+ ._footer_cta_1bt29_494 {
495
+ margin-top: 3px;
496
+ }
497
+
498
+ ._footer_cta_1bt29_494 a {
499
+ border-radius: 4px;
500
+ border: 2px solid transparent;
501
+ color: #fff;
502
+ display: inline-block;
503
+ font-weight: 700;
504
+ padding: 4px 32px;
505
+ text-decoration: none;
506
+ }
507
+
508
+ ._footer_cta_1bt29_494 a:hover {
509
+ background-color: transparent;
510
+ text-decoration: underline;
511
+ }
512
+
513
+ ._footer_cta_1bt29_494 a:active {
514
+ border-color: transparent;
515
+ color: #fff;
516
+ }
517
+
518
+ ._mobile_footer_1bt29_468 > .flex_row {
519
+ min-height: 112px;
520
+ }
521
+
522
+ ._inner_wrapper_1bt29_522 {
523
+ max-height: 100vh;
524
+ overflow-y: scroll;
525
+ }
526
+
527
+ ._btn_1bt29_527 {
528
+ display: block;
529
+ position: relative;
530
+ }
531
+
532
+ ._sub_menu_1bt29_532 {
533
+ overflow: hidden;
534
+ max-height: 0;
535
+ transition: max-height 0.8s ease-out;
536
+ background: #fff;
537
+ overflow-y: scroll;
538
+ }
539
+
540
+ ._sub_menu_1bt29_532 a,
541
+ ._sub_menu_1bt29_532 span {
542
+ display: block;
543
+ padding: 12px 14px 12px 64px;
544
+ position: relative;
545
+ color: #323339;
546
+ text-decoration: none;
547
+ }
548
+
549
+ ._sub_menu_1bt29_532 ._main_1bt29_26 {
550
+ font-weight: 700;
551
+ }
552
+
553
+ ._sub_menu_1bt29_532 > * {
554
+ border-top: 1px solid #ebebeb;
555
+ }
556
+
557
+ ._dd_footer_1bt29_557 {
558
+ justify-content: flex-end;
559
+ flex: 1 1 0%;
560
+ align-items: end;
561
+ font-size: 11px;
562
+ letter-spacing: 0.3px;
563
+ }
564
+
565
+ ._skip_btn_1bt29_565 {
566
+ clip: rect(1px 1px 1px 1px);
567
+ margin: -1px;
568
+ overflow: hidden;
569
+ padding: 0;
570
+ position: absolute;
571
+ }
572
+
573
+ ._skip_btn_1bt29_565:active,
574
+ ._skip_btn_1bt29_565:focus {
575
+ background-color: #faa74a;
576
+ border-radius: 8px;
577
+ clip: auto;
578
+ color: #1e3869;
579
+ font-size: 14px;
580
+ font-weight: 700;
581
+ margin: 0;
582
+ overflow: visible;
583
+ padding: 9px 24px;
584
+ position: relative;
585
+ text-decoration: none;
586
+ top: 12px;
587
+ }
588
+
589
+ @media (max-width: 1121px) {
590
+ ._mobile_logo_1bt29_382 {
591
+ position: absolute;
592
+ transform: translateX(-50%);
593
+ left: 50%;
594
+ flex: none;
595
+ }
596
+ }
597
+
598
+ @media (max-width: 1280px) and (min-width: 1024px) {
599
+ ._wrapper_1bt29_5 {
600
+ width: calc(100% - 28px);
601
+ }
602
+
603
+ ._dd_wrapper_1bt29_204 > ._wrapper_1bt29_5 {
604
+ width: 100%;
605
+ }
606
+ ._main_nav_link_1bt29_26 > a {
607
+ padding: 4px 6px;
608
+ font-size: 15px;
609
+ }
610
+ ._desktop_only_1bt29_610 > a {
611
+ font-size: 15px;
612
+ }
613
+ }
614
+
615
+ @media (max-width: 1023px) {
616
+ ._desktop_only_1bt29_610 {
617
+ display: none !important;
618
+ }
619
+ }
620
+
621
+ @media (max-width: 768px) {
622
+ ._wrapper_1bt29_5 {
623
+ width: calc(100% - 48px);
624
+ }
625
+
626
+ ._mobile_header_1bt29_12 button {
627
+ right: 1.5rem;
628
+ }
629
+
630
+ ._mobile_nav_item_1bt29_432 > a {
631
+ padding: 16px 24px;
632
+ }
633
+
634
+ ._sub_menu_1bt29_532 a,
635
+ ._sub_menu_1bt29_532 span {
636
+ padding-left: 48px;
637
+ }
638
+
639
+ ._mobile_nav_item_1bt29_432._has_dropdown_1bt29_447::before {
640
+ right: 72px;
641
+ }
642
+
643
+ ._mobile_footer_content_1bt29_473 {
644
+ padding-right: 15px;
645
+ padding-left: 24px;
646
+ }
647
+ }
648
+
649
+ @media (max-width: 450px) {
650
+ ._footer_cta_1bt29_494 a {
651
+ white-space: break-spaces;
652
+ width: 100%;
653
+ text-align: center;
654
+ }
655
+ }
656
+
657
+ @media (min-width: 1024px) {
658
+ ._mobile_only_1bt29_376 {
659
+ display: none !important;
660
+ }
661
+ }