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

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