@axos-web-dev/shared-components 1.0.90 → 1.0.91-brand-refresh.1

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.
Files changed (63) hide show
  1. package/dist/Article/Article.css.d.ts +7 -35
  2. package/dist/AwardsBanner/AwardsBanner.css.js +4 -1
  3. package/dist/AwardsItem/AwardsItem.css.js +1 -2
  4. package/dist/Carousel/Carousel.css.d.ts +8 -19
  5. package/dist/Comparison/Comparison.js +2 -2
  6. package/dist/HeroBanner/HeroBanner.css.d.ts +4 -16
  7. package/dist/IconBillboard/IconBillboard.css.d.ts +6 -40
  8. package/dist/ImageBillboard/ImageBillboard.css.d.ts +5 -61
  9. package/dist/NavigationMenu/AxosBank/NavBar.module.js +38 -41
  10. package/dist/NavigationMenu/AxosBank/SubNavBar.js +8 -7
  11. package/dist/NavigationMenu/AxosBank/SubNavbar.css.d.ts +2 -0
  12. package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +4 -0
  13. package/dist/PageNavItem/PageNavItem.css.d.ts +4 -10
  14. package/dist/assets/Article/Article.css +22 -34
  15. package/dist/assets/ArticlesSet/ArticlesSet.css +4 -4
  16. package/dist/assets/Auth/SignIn.css +3 -3
  17. package/dist/assets/AwardsBanner/AwardsBanner.css +1 -1
  18. package/dist/assets/AwardsItem/AwardsItem.css +3 -4
  19. package/dist/assets/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css +4 -4
  20. package/dist/assets/Calculators/ApyCalculator/ApyCalculator.css +4 -4
  21. package/dist/assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css +4 -4
  22. package/dist/assets/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css +8 -8
  23. package/dist/assets/Calculators/BuyDownCalculator/BuyDownCalculator.css +6 -6
  24. package/dist/assets/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css +4 -4
  25. package/dist/assets/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css +4 -4
  26. package/dist/assets/Calculators/SummitApyCalculator/BalanceAPYCalculator.css +4 -4
  27. package/dist/assets/Calculators/calculator.css +4 -4
  28. package/dist/assets/CallToActionBar/CallToActionBar.css +1 -1
  29. package/dist/assets/Carousel/Carousel.css +24 -38
  30. package/dist/assets/Chevron/Chevron.css +2 -2
  31. package/dist/assets/Comparison/Comparison.css +2 -2
  32. package/dist/assets/ContentBanner/ContentBanner.css +3 -3
  33. package/dist/assets/ExecutiveBio/ExecutiveBio.css +12 -12
  34. package/dist/assets/Forms/Forms.css +18 -18
  35. package/dist/assets/HeroBanner/HeroBanner.css +78 -73
  36. package/dist/assets/HeroBanner/LargeBanner.css +4 -4
  37. package/dist/assets/HeroBanner/SelectionBanner.css +1 -1
  38. package/dist/assets/IconBillboard/IconBillboard.css +18 -41
  39. package/dist/assets/ImageBillboard/ImageBillboard.css +13 -46
  40. package/dist/assets/Input/Input.css +2 -2
  41. package/dist/assets/NavigationMenu/AxosAdvisor/SubNavbar.css +1 -1
  42. package/dist/assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css +1 -1
  43. package/dist/assets/NavigationMenu/AxosBank/NavBar.css +1 -0
  44. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +100 -138
  45. package/dist/assets/NavigationMenu/AxosBank/SubNavbar.css +34 -1
  46. package/dist/assets/PageNavItem/PageNavItem.css +11 -18
  47. package/dist/assets/SetContainer/SetContainer.css +4 -4
  48. package/dist/assets/StepItem/StepItem.css +6 -6
  49. package/dist/assets/StepItemSet/StepItemSet.css +4 -4
  50. package/dist/assets/Tab/Tab.css +2 -2
  51. package/dist/assets/Table/Table.css +7 -7
  52. package/dist/assets/TopicalNavItem/TopicalNavItem.css +2 -2
  53. package/dist/assets/globals.css +3 -3
  54. package/dist/assets/icons/ArrowIcon/ArrowIcon.css +1 -1
  55. package/dist/assets/themes/axos.css +20 -20
  56. package/dist/assets/themes/premier.css +3 -3
  57. package/dist/assets/themes/victorie.css +3 -3
  58. package/dist/icons/CheckCircle.js +1 -1
  59. package/dist/icons/CheckCircleLight.js +1 -1
  60. package/dist/icons/CheckIcon/index.js +1 -1
  61. package/dist/themes/axos.css.d.ts +2 -2
  62. package/dist/themes/axos.css.js +1 -1
  63. package/package.json +133 -133
@@ -28,8 +28,8 @@
28
28
  padding: 24px;
29
29
  }
30
30
  .n5hj5p7 {
31
- font: 700 18px / 1.44 var(--main-font-family);
32
31
  display: block;
32
+ font: 700 18px / 1.44 var(--main-font-family);
33
33
  }
34
34
  .n5hj5p8 {
35
35
  color: var(--_1073cm83);
@@ -38,37 +38,25 @@
38
38
  color: var(--_1073cm8a);
39
39
  }
40
40
  .n5hj5pa {
41
- color: #FAA74A;
41
+ color: var(--_1073cm8g);
42
42
  }
43
43
  .n5hj5pb {
44
- color: var(--_1073cm8o);
44
+ color: var(--_1073cm8n);
45
45
  }
46
46
  .n5hj5pc {
47
47
  font-size: 28px;
48
48
  }
49
- ._1073cm80 .n5hj5pd {
50
- -webkit-background-clip: text;
51
- background-image: var(--_1073cm84);
52
- -webkit-text-fill-color: transparent;
53
- text-shadow: 0px 0px #00000000;
54
- }
55
- ._1es6o1h0 .n5hj5pd {
49
+ .n5hj5pd {
56
50
  color: var(--_1073cm83);
57
51
  }
58
- ._1073cm80 .n5hj5pe {
59
- -webkit-background-clip: text;
60
- background-image: var(--_1073cm8b);
61
- -webkit-text-fill-color: transparent;
62
- text-shadow: 0px 0px #00000000;
63
- }
64
- ._1es6o1h0 .n5hj5pe {
52
+ .n5hj5pe {
65
53
  color: var(--_1073cm8a);
66
54
  }
67
55
  .n5hj5pf {
68
- color: var(--_1073cm8h);
56
+ color: var(--_1073cm8g);
69
57
  }
70
58
  .n5hj5pg {
71
- color: var(--_1073cm8o);
59
+ color: var(--_1073cm8n);
72
60
  }
73
61
  .n5hj5pi {
74
62
  color: var(--_1073cm82);
@@ -79,29 +67,29 @@
79
67
  background: var(--_1073cm88);
80
68
  }
81
69
  .n5hj5pk {
82
- color: var(--_1073cm8g);
70
+ color: var(--_1073cm8h);
83
71
  background: var(--_1073cm8f);
84
72
  }
85
73
  .n5hj5pl {
86
- color: var(--_1073cm8n);
74
+ color: var(--_1073cm8o);
87
75
  background: var(--_1073cm8m);
88
76
  }
89
77
  .n5hj5pm {
90
78
  border: 2px solid transparent;
79
+ border-radius: 8px;
80
+ cursor: pointer;
81
+ display: inline-block;
82
+ font-size: 18px;
91
83
  font-weight: 700;
84
+ line-height: 1.44;
92
85
  margin-bottom: 0;
86
+ opacity: 1;
87
+ padding: 12px 64px;
88
+ text-decoration: none;
93
89
  transition-duration: 0.15s;
94
90
  transition-property: color , background-color , border-color;
95
91
  transition-timing-function: linear;
96
- text-decoration: none;
97
- display: inline-block;
98
92
  white-space: nowrap;
99
- font-size: 18px;
100
- opacity: 1;
101
- cursor: pointer;
102
- padding: 12px 64px;
103
- border-radius: 8px;
104
- line-height: 1.44;
105
93
  }
106
94
  .n5hj5pm:hover {
107
95
  background-color: transparent;
@@ -116,7 +104,7 @@
116
104
  }
117
105
  .n5hj5pn:active {
118
106
  background-color: var(--_1073cm86);
119
- color: var(--_1073cm86);
107
+ color: var(--_1073cm85);
120
108
  }
121
109
  .n5hj5po {
122
110
  background: var(--_1073cm8d);
@@ -131,28 +119,28 @@
131
119
  color: var(--_1073cm8c);
132
120
  }
133
121
  .n5hj5pp {
134
- color: var(--_1073cm8j);
135
122
  background-color: var(--_1073cm86);
123
+ color: var(--_1073cm8j);
136
124
  }
137
125
  .n5hj5pp:hover {
138
126
  border-color: var(--_1073cm8k);
139
127
  color: var(--_1073cm86);
140
128
  }
141
129
  .n5hj5pp:active {
142
- color: var(--_1073cm8j);
143
130
  background-color: var(--_1073cm86);
131
+ color: var(--_1073cm8j);
144
132
  }
145
133
  .n5hj5pq {
146
- color: var(--_1073cm8q);
147
134
  background-color: var(--_1073cm8r);
135
+ color: var(--_1073cm8q);
148
136
  }
149
137
  .n5hj5pq:hover {
150
138
  border-color: var(--_1073cm8r);
151
139
  color: var(--_1073cm8r);
152
140
  }
153
141
  .n5hj5pq:active {
154
- color: var(--_1073cm8q);
155
142
  background-color: var(--_1073cm8r);
143
+ color: var(--_1073cm8q);
156
144
  }
157
145
  @media (max-width:1280px) {
158
146
  .n5hj5p5 {
@@ -12,13 +12,13 @@
12
12
  color: var(--_1073cm8a);
13
13
  }
14
14
  ._1073cm80 .kjcqgc5 {
15
- color: var(--_1073cm8h);
15
+ color: var(--_1073cm8g);
16
16
  }
17
17
  ._1es6o1h0 .kjcqgc5 {
18
18
  color: #1E262F;
19
19
  }
20
20
  ._1073cm80 .kjcqgc6 {
21
- color: var(--_1073cm8o);
21
+ color: var(--_1073cm8n);
22
22
  }
23
23
  ._1es6o1h0 .kjcqgc6 {
24
24
  color: #1E262F;
@@ -94,11 +94,11 @@
94
94
  background: var(--_1073cm88);
95
95
  }
96
96
  .kjcqgcl {
97
- color: var(--_1073cm8g);
97
+ color: var(--_1073cm8h);
98
98
  background: var(--_1073cm8f);
99
99
  }
100
100
  .kjcqgcm {
101
- color: var(--_1073cm8n);
101
+ color: var(--_1073cm8o);
102
102
  background: var(--_1073cm8m);
103
103
  }
104
104
  @media (max-width: 1023px) {
@@ -13,7 +13,7 @@
13
13
  animation-delay: 0.2s;
14
14
  background: #1E3860;
15
15
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
16
- color: var(--_1073cm8g);
16
+ color: var(--_1073cm8h);
17
17
  gap: 16px;
18
18
  isolation: isolate;
19
19
  margin: 0 auto;
@@ -74,10 +74,10 @@
74
74
  width: min(434px, 100%);
75
75
  }
76
76
  ._1c7jj85 ._18du0lar:focus-within {
77
- color: var(--_1073cm8o);
77
+ color: var(--_1073cm8n);
78
78
  }
79
79
  ._1c7jj85 ._18du0laf:focus-within {
80
- border-color: var(--_1073cm8o);
80
+ border-color: var(--_1073cm8n);
81
81
  }
82
82
  @media (max-width: 603px) {
83
83
  ._1c7jj81 {
@@ -1,5 +1,5 @@
1
1
  ._1amgyqo0 {
2
- background-color: #333d46;
2
+ background-color: var(--_1073cm8f);
3
3
  color: #fff;
4
4
  -webkit-filter: drop-shadow(03px4pxrgba(0,0,0,0.25));
5
5
  filter: drop-shadow(03px4pxrgba(0,0,0,0.25));
@@ -7,7 +7,7 @@
7
7
  ._16tnqb20::after {
8
8
  content: "";
9
9
  position: absolute;
10
- background-color: #bdbdbd;
10
+ background-color: #B9C1CE;
11
11
  height: 18.5px;
12
12
  width: 1px;
13
13
  left: 0;
@@ -24,12 +24,11 @@
24
24
  color: #ddd;
25
25
  font-size: 12px;
26
26
  font-weight: 400;
27
- line-height: 16px;
27
+ line-height: 1.5;
28
28
  }
29
29
  ._16tnqb22 {
30
- font-family: var(--header-font-family);
31
30
  font-size: 14px;
32
- font-weight: 600;
31
+ font-weight: 700;
33
32
  margin-bottom: 2px;
34
33
  }
35
34
  @media (max-width: 1023px) {
@@ -9,11 +9,11 @@
9
9
  }
10
10
  ._7zr6kt3 {
11
11
  background: var(--_1073cm8f);
12
- color: var(--_1073cm8g);
12
+ color: var(--_1073cm8h);
13
13
  }
14
14
  ._7zr6kt4 {
15
15
  background: var(--_1073cm8m);
16
- color: var(--_1073cm8n);
16
+ color: var(--_1073cm8o);
17
17
  }
18
18
  ._7zr6kt5 {
19
19
  width: 50%;
@@ -44,10 +44,10 @@
44
44
  color: var(--_1073cm8a);
45
45
  }
46
46
  ._7zr6ktd {
47
- color: var(--_1073cm8h);
47
+ color: var(--_1073cm8g);
48
48
  }
49
49
  ._7zr6kte {
50
- color: var(--_1073cm8o);
50
+ color: var(--_1073cm8n);
51
51
  }
52
52
  ._7zr6ktf {
53
53
  width: 100%;
@@ -8,11 +8,11 @@
8
8
  }
9
9
  ._1vox1xj3 {
10
10
  background: var(--_1073cm8f);
11
- color: var(--_1073cm8g);
11
+ color: var(--_1073cm8h);
12
12
  }
13
13
  ._1vox1xj4 {
14
14
  background: var(--_1073cm8m);
15
- color: var(--_1073cm8n);
15
+ color: var(--_1073cm8o);
16
16
  }
17
17
  ._1vox1xj5 {
18
18
  padding: 2.5rem 0;
@@ -119,10 +119,10 @@
119
119
  color: var(--_1073cm8a);
120
120
  }
121
121
  ._1vox1xjq {
122
- color: var(--_1073cm8h);
122
+ color: var(--_1073cm8g);
123
123
  }
124
124
  ._1vox1xjr {
125
- color: var(--_1073cm8o);
125
+ color: var(--_1073cm8n);
126
126
  }
127
127
  ._1vox1xjs {
128
128
  margin-top: 0.5rem;
@@ -99,10 +99,10 @@
99
99
  color: var(--_1073cm89);
100
100
  }
101
101
  ._11b2y8zg {
102
- color: var(--_1073cm8g);
102
+ color: var(--_1073cm8h);
103
103
  }
104
104
  ._11b2y8zh {
105
- color: var(--_1073cm8n);
105
+ color: var(--_1073cm8o);
106
106
  }
107
107
  ._11b2y8zi {
108
108
  margin-top: 16px;
@@ -114,10 +114,10 @@
114
114
  color: var(--_1073cm89);
115
115
  }
116
116
  ._11b2y8zl {
117
- color: var(--_1073cm8g);
117
+ color: var(--_1073cm8h);
118
118
  }
119
119
  ._11b2y8zm {
120
- color: var(--_1073cm8n);
120
+ color: var(--_1073cm8o);
121
121
  }
122
122
  @media screen and (max-width: 1023px) {
123
123
  ._11b2y8z0 > .containment {
@@ -11,11 +11,11 @@
11
11
  }
12
12
  ._1mjmksf3 {
13
13
  background: var(--_1073cm8f);
14
- color: var(--_1073cm8g);
14
+ color: var(--_1073cm8h);
15
15
  }
16
16
  ._1mjmksf4 {
17
17
  background: var(--_1073cm8m);
18
- color: var(--_1073cm8n);
18
+ color: var(--_1073cm8o);
19
19
  }
20
20
  ._1mjmksf5 {
21
21
  padding: 64px;
@@ -105,10 +105,10 @@
105
105
  color: var(--_1073cm8a);
106
106
  }
107
107
  ._1mjmksfk {
108
- color: var(--_1073cm8h);
108
+ color: var(--_1073cm8g);
109
109
  }
110
110
  ._1mjmksfl {
111
- color: var(--_1073cm8o);
111
+ color: var(--_1073cm8n);
112
112
  }
113
113
  ._1mjmksfm {
114
114
  margin-inline: auto;
@@ -123,10 +123,10 @@
123
123
  color: var(--_1073cm89);
124
124
  }
125
125
  ._1mjmksfq {
126
- color: var(--_1073cm8g);
126
+ color: var(--_1073cm8h);
127
127
  }
128
128
  ._1mjmksfr {
129
- color: var(--_1073cm8n);
129
+ color: var(--_1073cm8o);
130
130
  }
131
131
  ._1mjmksfs {
132
132
  margin-top: 16px;
@@ -138,10 +138,10 @@
138
138
  color: var(--_1073cm89);
139
139
  }
140
140
  ._1mjmksfv {
141
- color: var(--_1073cm8g);
141
+ color: var(--_1073cm8h);
142
142
  }
143
143
  ._1mjmksfw {
144
- color: var(--_1073cm8n);
144
+ color: var(--_1073cm8o);
145
145
  }
146
146
  @media screen and (max-width: 603px) {
147
147
  ._1mjmksf5 {
@@ -16,11 +16,11 @@
16
16
  }
17
17
  .n9fzuw3 {
18
18
  background: var(--_1073cm8f);
19
- color: var(--_1073cm8g);
19
+ color: var(--_1073cm8h);
20
20
  }
21
21
  .n9fzuw4 {
22
22
  background: var(--_1073cm8m);
23
- color: var(--_1073cm8n);
23
+ color: var(--_1073cm8o);
24
24
  }
25
25
  .n9fzuw5 {
26
26
  padding: 2.5rem 0;
@@ -56,10 +56,10 @@
56
56
  color: var(--_1073cm89);
57
57
  }
58
58
  .n9fzuwd {
59
- color: var(--_1073cm8g);
59
+ color: var(--_1073cm8h);
60
60
  }
61
61
  .n9fzuwe {
62
- color: var(--_1073cm8n);
62
+ color: var(--_1073cm8o);
63
63
  }
64
64
  .n9fzuwf {
65
65
  max-width: 792px;
@@ -140,10 +140,10 @@
140
140
  color: var(--_1073cm8a);
141
141
  }
142
142
  .n9fzuwv {
143
- color: var(--_1073cm8h);
143
+ color: var(--_1073cm8g);
144
144
  }
145
145
  .n9fzuww {
146
- color: var(--_1073cm8o);
146
+ color: var(--_1073cm8n);
147
147
  }
148
148
  .n9fzuwx {
149
149
  margin-top: 0.5rem;
@@ -8,11 +8,11 @@
8
8
  }
9
9
  ._10pitvc3 {
10
10
  background: var(--_1073cm8f);
11
- color: var(--_1073cm8g);
11
+ color: var(--_1073cm8h);
12
12
  }
13
13
  ._10pitvc4 {
14
14
  background: var(--_1073cm8m);
15
- color: var(--_1073cm8n);
15
+ color: var(--_1073cm8o);
16
16
  }
17
17
  ._10pitvc5 {
18
18
  width: 33%;
@@ -31,10 +31,10 @@
31
31
  color: var(--_1073cm89);
32
32
  }
33
33
  ._10pitvc9 {
34
- color: var(--_1073cm8g);
34
+ color: var(--_1073cm8h);
35
35
  }
36
36
  ._10pitvca {
37
- color: var(--_1073cm8n);
37
+ color: var(--_1073cm8o);
38
38
  }
39
39
  ._10pitvcb {
40
40
  background: var(--_1073cm84);
@@ -36,10 +36,10 @@
36
36
  color: var(--_1073cm8a);
37
37
  }
38
38
  ._1xynjwx9 {
39
- color: var(--_1073cm8h);
39
+ color: var(--_1073cm8g);
40
40
  }
41
41
  ._1xynjwxa {
42
- color: var(--_1073cm8o);
42
+ color: var(--_1073cm8n);
43
43
  }
44
44
  ._1xynjwxb {
45
45
  line-height: 1.5;
@@ -52,10 +52,10 @@
52
52
  color: var(--_1073cm89);
53
53
  }
54
54
  ._1xynjwxe {
55
- color: var(--_1073cm8g);
55
+ color: var(--_1073cm8h);
56
56
  }
57
57
  ._1xynjwxf {
58
- color: var(--_1073cm8n);
58
+ color: var(--_1073cm8o);
59
59
  }
60
60
  ._1xynjwxg {
61
61
  background-color: #1C3D57;
@@ -97,10 +97,10 @@
97
97
  color: var(--_1073cm89);
98
98
  }
99
99
  ._11oamghh {
100
- color: var(--_1073cm8g);
100
+ color: var(--_1073cm8h);
101
101
  }
102
102
  ._11oamghi {
103
- color: var(--_1073cm8n);
103
+ color: var(--_1073cm8o);
104
104
  }
105
105
  ._11oamghj {
106
106
  margin-top: 16px;
@@ -112,10 +112,10 @@
112
112
  color: var(--_1073cm89);
113
113
  }
114
114
  ._11oamghm {
115
- color: var(--_1073cm8g);
115
+ color: var(--_1073cm8h);
116
116
  }
117
117
  ._11oamghn {
118
- color: var(--_1073cm8n);
118
+ color: var(--_1073cm8o);
119
119
  }
120
120
  @media screen and (max-width: 1023px) {
121
121
  ._11oamgh0 > .containment {
@@ -13,11 +13,11 @@
13
13
  }
14
14
  .iois7n4 {
15
15
  background: var(--_1073cm8f);
16
- color: var(--_1073cm8g);
16
+ color: var(--_1073cm8h);
17
17
  }
18
18
  .iois7n5 {
19
19
  background: var(--_1073cm8m);
20
- color: var(--_1073cm8n);
20
+ color: var(--_1073cm8o);
21
21
  }
22
22
  .iois7n6 {
23
23
  font: 600 2.5rem / 1.25 var(--header-font-family);
@@ -35,10 +35,10 @@
35
35
  text-shadow: 0px 0px #00000000;
36
36
  }
37
37
  .iois7n9 {
38
- color: var(--_1073cm8h);
38
+ color: var(--_1073cm8g);
39
39
  }
40
40
  .iois7na {
41
- color: var(--_1073cm8o);
41
+ color: var(--_1073cm8n);
42
42
  }
43
43
  main > div:nth-last-child(2) > .iois7n0 {
44
44
  margin-bottom: 3.5rem;
@@ -1,7 +1,7 @@
1
1
  ._1tdyl740 {
2
2
  width: 100%;
3
3
  background: var(--_1073cm8f);
4
- color: var(--_1073cm8g);
4
+ color: var(--_1073cm8h);
5
5
  }
6
6
  ._1tdyl740 .containment {
7
7
  height: 100%;
@@ -2,51 +2,37 @@
2
2
  display: flex;
3
3
  flex: row;
4
4
  gap: 1em;
5
- width: 100%;
6
5
  justify-content: center;
7
6
  margin-top: 16px;
7
+ width: 100%;
8
8
  }
9
9
  .jgs3fs3 {
10
- background: var(--_1073cm84);
11
- background-clip: text;
12
- -webkit-text-fill-color: transparent;
13
- text-shadow: 0px 0px #00000000;
10
+ color: var(--_1073cm83);
14
11
  }
15
12
  .jgs3fs4 {
16
- background: var(--_1073cm8b);
17
- background-clip: text;
18
- -webkit-text-fill-color: transparent;
19
- text-shadow: 0px 0px #00000000;
13
+ color: var(--_1073cm8a);
20
14
  }
21
15
  .jgs3fs5 {
22
- color: var(--_1073cm8i);
23
- background-clip: text;
24
- -webkit-text-fill-color: transparent;
25
- text-shadow: 0px 0px #00000000;
16
+ color: var(--_1073cm8g);
26
17
  }
27
18
  .jgs3fs6 {
28
- color: var(--_1073cm8p);
29
- background-clip: text;
30
- -webkit-text-fill-color: transparent;
31
- text-shadow: 0px 0px #00000000;
19
+ color: var(--_1073cm8n);
32
20
  }
33
21
  .jgs3fs7 {
22
+ border-radius: 16px;
34
23
  display: flex;
35
24
  flex-direction: column;
36
- border-radius: 16px;
37
- box-shadow: 0 1px 8px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
38
- padding-left: 24px;
39
- padding-right: 24px;
40
- padding-top: 40px;
41
- padding-bottom: 40px;
25
+ padding-block: 40px;
26
+ padding-inline: 24px;
42
27
  }
43
28
  .jgs3fs8 {
44
29
  background: var(--_1073cm81);
45
- color: var(--_1073cm83);
30
+ border: 1px solid #E9EBEF;
31
+ color: var(--_1073cm82);
46
32
  }
47
33
  .jgs3fs9 {
48
34
  background: var(--_1073cm88);
49
- color: var(--_1073cm8a);
35
+ color: var(--_1073cm89);
50
36
  }
51
37
  .jgs3fsa {
52
38
  background: var(--_1073cm8f);
@@ -54,7 +40,7 @@
54
40
  }
55
41
  .jgs3fsb {
56
42
  background: var(--_1073cm8m);
57
- color: var(--_1073cm8n);
43
+ color: var(--_1073cm8o);
58
44
  }
59
45
  .jgs3fsc {
60
46
  margin-top: 16px;
@@ -69,7 +55,7 @@
69
55
  color: var(--_1073cm8j);
70
56
  }
71
57
  .jgs3fsg {
72
- color: var(--_1073cm8n);
58
+ color: var(--_1073cm8o);
73
59
  }
74
60
  .jgs3fsh {
75
61
  display: flex;
@@ -90,10 +76,10 @@
90
76
  color: var(--_1073cm8a);
91
77
  }
92
78
  .jgs3fsm {
93
- color: var(--_1073cm8h);
79
+ color: var(--_1073cm8g);
94
80
  }
95
81
  .jgs3fsn {
96
- color: var(--_1073cm8o);
82
+ color: var(--_1073cm8n);
97
83
  }
98
84
  .jgs3fso {
99
85
  text-align: center;
@@ -141,40 +127,40 @@
141
127
  cursor: pointer;
142
128
  }
143
129
  .jgs3fsu {
144
- border-color: #1E3860;
130
+ border-color: var(--_1073cm83);
145
131
  }
146
132
  .jgs3fsu:hover {
147
133
  background: #87B9D7;
148
134
  }
149
135
  .jgs3fsv {
150
- border-color: #1E3860;
136
+ border-color: var(--_1073cm83);
151
137
  }
152
138
  .jgs3fsv:hover {
153
139
  background: #87B9D7;
154
140
  }
155
141
  .jgs3fsw {
156
- border-color: #FFFFFF;
142
+ border-color: var(--_1073cm83);
157
143
  }
158
144
  .jgs3fsw:hover {
159
145
  background: #EBEBEB;
160
146
  }
161
147
  .jgs3fsx {
162
- border-color: #FAA74A;
148
+ border-color: var(--_1073cm83);
163
149
  }
164
150
  .jgs3fsx:hover {
165
- background: #FFE7D2;
151
+ background: #EBEBEB;
166
152
  }
167
153
  .jgs3fsz {
168
- background: #1E3860;
154
+ background: var(--_1073cm83);
169
155
  }
170
156
  .jgs3fs10 {
171
- background: #1E3860;
157
+ background: var(--_1073cm83);
172
158
  }
173
159
  .jgs3fs11 {
174
- background: #FFFFFF;
160
+ background: var(--_1073cm83);
175
161
  }
176
162
  .jgs3fs12 {
177
- background: #FAA74A;
163
+ background: var(--_1073cm83);
178
164
  }
179
165
  main > div:nth-last-child(2) > .jgs3fs0 {
180
166
  margin-bottom: 3.5rem;
@@ -22,11 +22,11 @@
22
22
  text-decoration-color: var(--_1073cm8k);
23
23
  }
24
24
  ._1gp5vfo3 {
25
- color: var(--_1073cm8g);
25
+ color: var(--_1073cm8h);
26
26
  }
27
27
  ._1gp5vfo3:hover {
28
28
  text-decoration: underline;
29
- text-decoration-color: var(--_1073cm8g);
29
+ text-decoration-color: var(--_1073cm8h);
30
30
  }
31
31
  ._1gp5vfo4 .arrow {
32
32
  margin-left: 15px;
@@ -24,14 +24,14 @@
24
24
  }
25
25
  ._198o0lt3 {
26
26
  background: var(--_1073cm8f);
27
- color: var(--_1073cm8g);
27
+ color: var(--_1073cm8h);
28
28
  }
29
29
  ._198o0lt3::before {
30
30
  background: var(--_1073cm8f);
31
31
  }
32
32
  ._198o0lt4 {
33
33
  background: var(--_1073cm8m);
34
- color: var(--_1073cm8n);
34
+ color: var(--_1073cm8o);
35
35
  }
36
36
  ._198o0lt4::before {
37
37
  background: var(--_1073cm8m);