@axos-web-dev/shared-components 0.0.211 → 0.0.213

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,651 +1,660 @@
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
- }
1
+ ._header_peo1a_1 {
2
+ border-bottom: 1px solid #ebebeb;
3
+ }
4
+
5
+ ._wrapper_peo1a_9 {
6
+ width: calc(100% - 80px);
7
+ margin-left: auto;
8
+ margin-right: auto;
9
+ }
10
+
11
+ ._header_main_row_peo1a_21,
12
+ ._mobile_header_peo1a_23 {
13
+ min-height: 80px;
14
+ padding-top: 1rem;
15
+ padding-bottom: 0.5rem;
16
+ }
17
+
18
+ ._logo_wrap_peo1a_35 {
19
+ padding: 9px 6px;
20
+ }
21
+
22
+ ._primary_links_peo1a_43 {
23
+ margin-left: 30px;
24
+ }
25
+
26
+ ._main_nav_link_peo1a_51 {
27
+ padding: 10px 8px;
28
+ text-align: center;
29
+ }
30
+
31
+ ._main_nav_link_peo1a_51 .active {
32
+ border-color: currentColor;
33
+ transition: border-color 0.5s ease;
34
+ font-weight: 700;
35
+ }
36
+
37
+ ._main_nav_link_peo1a_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_peo1a_87 a,
45
+ ._main_nav_link_peo1a_51 a,
46
+ ._signin_wrap_peo1a_91 a,
47
+ ._signin_btn_peo1a_93 {
48
+ text-decoration: none;
49
+ transition: opacity 0.3s ease;
50
+ }
51
+
52
+ ._sub_nav_link_peo1a_87:hover,
53
+ ._main_nav_link_peo1a_51 a:hover,
54
+ ._signin_wrap_peo1a_91 a:hover {
55
+ opacity: 0.8;
56
+ }
57
+
58
+ ._signin_wrap_peo1a_91 .link {
59
+ text-decoration: none;
60
+ padding: 8px;
61
+ }
62
+
63
+ ._signin_btn_peo1a_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_peo1a_93:hover {
76
+ background-color: transparent;
77
+ opacity: 0.9;
78
+ }
79
+
80
+ ._signin_btn_peo1a_93 > span {
81
+ margin-right: 8px;
82
+ }
83
+
84
+ ._header_sub_row_peo1a_167 {
85
+ min-height: 48px;
86
+ position: relative;
87
+ }
88
+
89
+ ._sub_nav_link_peo1a_87 {
90
+ padding-inline: 1rem;
91
+ text-align: center;
92
+ color: #fff;
93
+ display: flex;
94
+ }
95
+
96
+ ._sub_nav_link_peo1a_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_peo1a_87 a:first-child {
104
+ padding-left: 9.5px;
105
+ padding-right: 1.5px;
106
+ }
107
+
108
+ ._sub_nav_link_peo1a_87 a:last-child {
109
+ padding-right: 9.5px;
110
+ }
111
+
112
+ ._sub_nav_link_peo1a_87:hover {
113
+ background: linear-gradient(207deg, transparent, rgb(255 255 255 / 28%));
114
+ }
115
+
116
+ ._signin_dropdown_peo1a_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_peo1a_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_peo1a_231 li[role="heading"] {
133
+ margin-top: 1px;
134
+ }
135
+
136
+ ._signin_header_peo1a_271 {
137
+ color: #323339;
138
+ font-weight: 700;
139
+ padding: 0.5rem 1rem;
140
+ text-align: left;
141
+ }
142
+
143
+ ._signin_subheader_peo1a_285 {
144
+ color: #2f5b88;
145
+ padding: 0.5rem 0.5rem 0.5rem 1.5rem;
146
+ }
147
+
148
+ ._signin_header_peo1a_271,
149
+ ._signin_subheader_peo1a_285 a {
150
+ line-height: 1.5;
151
+ }
152
+
153
+ @keyframes _fadeInDown_peo1a_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_peo1a_329 {
166
+ animation-duration: 0.5s;
167
+ animation-fill-mode: both;
168
+ animation-name: _fadeInDown_peo1a_1;
169
+ }
170
+
171
+ ._signin_footer_peo1a_341 {
172
+ margin-top: 0.5rem;
173
+ padding-top: 1rem;
174
+ }
175
+
176
+ ._signin_footer_peo1a_341 > a + a {
177
+ display: block;
178
+ margin-top: 16px;
179
+ }
180
+
181
+ ._signin_footer_peo1a_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_peo1a_383 {
193
+ opacity: 0.8;
194
+ }
195
+
196
+ ._open_peo1a_383 > svg {
197
+ transform: scaleY(-1);
198
+ }
199
+
200
+ ._open_peo1a_383 + ._signin_dropdown_peo1a_231 {
201
+ display: block;
202
+ }
203
+
204
+ ._dd_wrapper_peo1a_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_peo1a_425 {
214
+ padding: 1.5rem;
215
+ width: 280px;
216
+ }
217
+
218
+ ._dd_media_img_peo1a_435 {
219
+ min-height: 232px;
220
+ }
221
+
222
+ ._dd_site_navs_peo1a_443 {
223
+ display: flex;
224
+ flex-direction: column;
225
+ flex: 1 1 0%;
226
+ padding: 1.5rem;
227
+ }
228
+
229
+ ._dd_media_header_peo1a_457 p {
230
+ color: #fff;
231
+ font-size: 14px;
232
+ line-height: 1.42;
233
+ }
234
+
235
+ ._dd_media_header_peo1a_457 p[role="heading"] {
236
+ font: 600 1.25rem/ 1.4 var(--header-font-family);
237
+ }
238
+
239
+ ._mt_8_peo1a_477 {
240
+ margin-top: 8px;
241
+ }
242
+
243
+ ._mt_16_peo1a_485 {
244
+ margin-top: 1rem;
245
+ }
246
+
247
+ ._ml_8_peo1a_493 {
248
+ margin-left: 8px;
249
+ }
250
+
251
+ ._dd_media_cta_peo1a_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_peo1a_501 > a:first-child:hover {
266
+ background-color: transparent;
267
+ border-color: #fff;
268
+ color: #fff !important;
269
+ }
270
+
271
+ ._dd_media_cta_peo1a_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_peo1a_501 > a:nth-child(2):hover {
279
+ opacity: 0.8;
280
+ text-decoration: underline;
281
+ }
282
+
283
+ ._reversed_row_peo1a_565 {
284
+ flex-direction: row-reverse;
285
+ }
286
+
287
+ ._dd_media_cta_peo1a_501 > a:first-child:active {
288
+ background-color: #fff;
289
+ border-color: transparent;
290
+ color: #1e3860 !important;
291
+ }
292
+
293
+ ._headline_peo1a_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_peo1a_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_peo1a_617 {
310
+ margin-left: 8px;
311
+ }
312
+
313
+ ._headline_cta_peo1a_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_peo1a_87:hover,
321
+ ._signin_wrap_peo1a_91 a:hover,
322
+ ._main_nav_link_peo1a_51 a:not(.active):hover,
323
+ ._dd_site_navs_peo1a_443 a:hover,
324
+ ._site_lists_peo1a_647 a:hover {
325
+ text-decoration: underline;
326
+ }
327
+
328
+ ._dd_site_navs_peo1a_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_peo1a_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_peo1a_647 > * {
345
+ width: 100%;
346
+ }
347
+
348
+ ._site_lists_peo1a_647 a {
349
+ color: #323339;
350
+ text-decoration: none;
351
+ }
352
+
353
+ ._site_lists_peo1a_647 [role="heading"] {
354
+ color: var(--_1073cm83);
355
+ font-weight: 700;
356
+ }
357
+
358
+ ._site_lists_peo1a_647 li + li {
359
+ margin-top: 8px;
360
+ }
361
+
362
+ ._hamburger_peo1a_723 {
363
+ background: transparent;
364
+ border: none;
365
+ font-size: 0px;
366
+ line-height: 1;
367
+ outline: none;
368
+ }
369
+
370
+ ._hamburger_peo1a_723:hover,
371
+ ._mobile_header_peo1a_23 button:hover {
372
+ cursor: pointer;
373
+ opacity: 0.8;
374
+ }
375
+
376
+ ._signin_wrap_peo1a_91 > ._mobile_only_peo1a_751 > a {
377
+ color: #4a5560;
378
+ padding: 0;
379
+ line-height: 1;
380
+ }
381
+
382
+ ._mobile_logo_peo1a_763 {
383
+ flex: 1 1 0%;
384
+ text-align: center;
385
+ }
386
+
387
+ ._highlight_peo1a_773 > a {
388
+ border-bottom: none;
389
+ font-weight: 700;
390
+ line-height: 1.44;
391
+ }
392
+
393
+ ._mobile_header_peo1a_23 {
394
+ border-bottom: 1px solid #ebebeb;
395
+ display: grid;
396
+ padding-bottom: 1rem;
397
+ place-items: center;
398
+ }
399
+
400
+ ._mobile_header_peo1a_23 p {
401
+ font: 400 20px / 1.3 var(--header-font-family);
402
+ }
403
+
404
+ ._mobile_header_peo1a_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_peo1a_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_peo1a_847 {
425
+ left: 0%;
426
+ }
427
+
428
+ body:has(._mobile_opened_peo1a_847) {
429
+ overflow-y: hidden;
430
+ }
431
+
432
+ ._mobile_nav_item_peo1a_863 {
433
+ background-color: #f4f4f4;
434
+ border-bottom: 1px solid #ebebeb;
435
+ }
436
+
437
+ ._mobile_nav_item_peo1a_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_peo1a_863._has_dropdown_peo1a_893 {
448
+ isolation: isolate;
449
+ position: relative;
450
+ }
451
+
452
+ ._mobile_nav_item_peo1a_863._has_dropdown_peo1a_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_peo1a_925 {
464
+ line-height: 1;
465
+ height: 24px;
466
+ }
467
+
468
+ ._mobile_footer_peo1a_935 {
469
+ position: relative;
470
+ width: 100%;
471
+ }
472
+
473
+ ._mobile_footer_content_peo1a_945 {
474
+ background-color: #f4f4f4;
475
+ flex: 1 1 0%;
476
+ padding: 16px 24px 16px 40px;
477
+ }
478
+
479
+ ._mobile_footer_content_peo1a_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
+ }
486
+
487
+ ._mobile_footer_media_peo1a_973 {
488
+ flex-basis: min(42%, 300px);
489
+ background: url("https://images.axos.com/o9ov1v03uwqk/4Fwdu6ylqpXOmJsDWRUETe/25365425dea4c1a8c3910834c2a3c9ed/personal-contact-us-hero.webp")
490
+ no-repeat 81% / cover;
491
+ }
492
+
493
+ ._footer_cta_peo1a_985 {
494
+ margin-top: 3px;
495
+ }
496
+
497
+ ._footer_cta_peo1a_985 a {
498
+ border-radius: 4px;
499
+ border: 2px solid transparent;
500
+ color: #fff;
501
+ display: inline-block;
502
+ font-weight: 700;
503
+ padding: 4px 32px;
504
+ text-decoration: none;
505
+ }
506
+
507
+ ._footer_cta_peo1a_985 a:hover {
508
+ background-color: transparent;
509
+ text-decoration: underline;
510
+ }
511
+
512
+ ._footer_cta_peo1a_985 a:active {
513
+ border-color: transparent;
514
+ color: #fff;
515
+ }
516
+
517
+ ._mobile_footer_peo1a_935 > .flex_row {
518
+ min-height: 112px;
519
+ }
520
+
521
+ ._inner_wrapper_peo1a_1041 {
522
+ max-height: 100vh;
523
+ overflow-y: scroll;
524
+ }
525
+
526
+ ._btn_peo1a_1051 {
527
+ display: block;
528
+ position: relative;
529
+ }
530
+
531
+ ._sub_menu_peo1a_1061 {
532
+ overflow: hidden;
533
+ max-height: 0;
534
+ transition: max-height 0.8s ease-out;
535
+ background: #fff;
536
+ overflow-y: scroll;
537
+ }
538
+
539
+ ._sub_menu_peo1a_1061 a,
540
+ ._sub_menu_peo1a_1061 span {
541
+ display: block;
542
+ padding: 12px 14px 12px 64px;
543
+ position: relative;
544
+ color: #323339;
545
+ text-decoration: none;
546
+ }
547
+
548
+ ._sub_menu_peo1a_1061 ._main_peo1a_51 {
549
+ font-weight: 700;
550
+ }
551
+
552
+ ._sub_menu_peo1a_1061 > * {
553
+ border-top: 1px solid #ebebeb;
554
+ }
555
+
556
+ ._dd_footer_peo1a_1111 {
557
+ justify-content: flex-end;
558
+ flex: 1 1 0%;
559
+ align-items: end;
560
+ font-size: 11px;
561
+ letter-spacing: 0.3px;
562
+ }
563
+
564
+ ._skip_btn_peo1a_1127 {
565
+ clip: rect(1px 1px 1px 1px);
566
+ margin: -1px;
567
+ overflow: hidden;
568
+ padding: 0;
569
+ position: absolute;
570
+ }
571
+
572
+ ._skip_btn_peo1a_1127:active,
573
+ ._skip_btn_peo1a_1127:focus {
574
+ background-color: #faa74a;
575
+ border-radius: 8px;
576
+ clip: auto;
577
+ color: #1e3869;
578
+ font-size: 14px;
579
+ font-weight: 700;
580
+ margin: 0;
581
+ overflow: visible;
582
+ padding: 9px 24px;
583
+ position: relative;
584
+ text-decoration: none;
585
+ top: 12px;
586
+ }
587
+
588
+ @media (max-width: 1121px) {
589
+ ._mobile_logo_peo1a_763 {
590
+ position: absolute;
591
+ transform: translateX(-50%);
592
+ left: 50%;
593
+ flex: none;
594
+ }
595
+ }
596
+
597
+ @media (max-width: 1280px) and (min-width: 1024px) {
598
+ ._wrapper_peo1a_9 {
599
+ width: calc(100% - 28px);
600
+ }
601
+
602
+ ._dd_wrapper_peo1a_407 > ._wrapper_peo1a_9 {
603
+ width: 100%;
604
+ }
605
+ ._main_nav_link_peo1a_51 > a {
606
+ padding: 4px 6px;
607
+ font-size: 15px;
608
+ }
609
+ ._desktop_only_peo1a_1217 > a {
610
+ font-size: 15px;
611
+ }
612
+ }
613
+
614
+ @media (max-width: 1023px) {
615
+ ._desktop_only_peo1a_1217 {
616
+ display: none !important;
617
+ }
618
+ }
619
+
620
+ @media (max-width: 768px) {
621
+ ._wrapper_peo1a_9 {
622
+ width: calc(100% - 48px);
623
+ }
624
+
625
+ ._mobile_header_peo1a_23 button {
626
+ right: 1.5rem;
627
+ }
628
+
629
+ ._mobile_nav_item_peo1a_863 > a {
630
+ padding: 16px 24px;
631
+ }
632
+
633
+ ._sub_menu_peo1a_1061 a,
634
+ ._sub_menu_peo1a_1061 span {
635
+ padding-left: 48px;
636
+ }
637
+
638
+ ._mobile_nav_item_peo1a_863._has_dropdown_peo1a_893::before {
639
+ right: 72px;
640
+ }
641
+
642
+ ._mobile_footer_content_peo1a_945 {
643
+ padding-right: 15px;
644
+ padding-left: 24px;
645
+ }
646
+ }
647
+
648
+ @media (max-width: 450px) {
649
+ ._footer_cta_peo1a_985 a {
650
+ white-space: break-spaces;
651
+ width: 100%;
652
+ text-align: center;
653
+ }
654
+ }
655
+
656
+ @media (min-width: 1024px) {
657
+ ._mobile_only_peo1a_751 {
658
+ display: none !important;
659
+ }
660
+ }