@axos-web-dev/shared-components 1.0.38 → 1.0.39
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.
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +26 -6
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +15 -15
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +1 -1
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +1 -1
- package/dist/NavigationMenu/AxosBank/NavBar.module.js +39 -39
- package/dist/WalnutIframe/wrapper.module.js +2 -2
- package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css +166 -166
- package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +473 -473
- package/dist/assets/WalnutIframe/wrapper.css.css +51 -51
- package/package.json +1 -1
|
@@ -25,6 +25,7 @@ const slideVariants = {
|
|
|
25
25
|
})
|
|
26
26
|
};
|
|
27
27
|
const MobileDrawerMenu = () => {
|
|
28
|
+
const currentSearch = typeof window !== "undefined" ? window.location.search : "";
|
|
28
29
|
const pathname = usePathname();
|
|
29
30
|
const [open, setOpen] = useState(false);
|
|
30
31
|
const [stack, setStack] = useState([
|
|
@@ -70,6 +71,21 @@ const MobileDrawerMenu = () => {
|
|
|
70
71
|
setOpen(false);
|
|
71
72
|
}
|
|
72
73
|
};
|
|
74
|
+
const handleParams = (link, currentSearch2) => {
|
|
75
|
+
try {
|
|
76
|
+
if (typeof window === "undefined") return link;
|
|
77
|
+
const url = new URL(link, window.location.origin);
|
|
78
|
+
const currentParams = new URLSearchParams(currentSearch2);
|
|
79
|
+
currentParams.forEach((value, key) => {
|
|
80
|
+
if (!url.searchParams.has(key)) {
|
|
81
|
+
url.searchParams.append(key, value);
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
return url.pathname + url.search + url.hash;
|
|
85
|
+
} catch {
|
|
86
|
+
return link;
|
|
87
|
+
}
|
|
88
|
+
};
|
|
73
89
|
useEffect(() => {
|
|
74
90
|
if (open) {
|
|
75
91
|
document.addEventListener("mousedown", handleOutsideClick);
|
|
@@ -206,10 +222,9 @@ const MobileDrawerMenu = () => {
|
|
|
206
222
|
"span",
|
|
207
223
|
{
|
|
208
224
|
className: `${styles.level} flex middle`,
|
|
209
|
-
id: "menu-level",
|
|
210
225
|
"aria-label": "current menu level",
|
|
211
226
|
children: [
|
|
212
|
-
/* @__PURE__ */ jsx("h2", { className: styles.levelTitle, children: currentLevel.title }),
|
|
227
|
+
/* @__PURE__ */ jsx("h2", { className: styles.levelTitle, id: "menu-level", children: currentLevel.title }),
|
|
213
228
|
/* @__PURE__ */ jsx(
|
|
214
229
|
"svg",
|
|
215
230
|
{
|
|
@@ -255,6 +270,7 @@ const MobileDrawerMenu = () => {
|
|
|
255
270
|
{
|
|
256
271
|
className: styles.menuItem,
|
|
257
272
|
onClick: () => handleClick(key),
|
|
273
|
+
"aria-label": `navigate to submenu for more ${key} options`,
|
|
258
274
|
children: [
|
|
259
275
|
/* @__PURE__ */ jsx("span", { children: key }),
|
|
260
276
|
/* @__PURE__ */ jsx("span", { className: styles.chevron, children: /* @__PURE__ */ jsx(
|
|
@@ -280,7 +296,10 @@ const MobileDrawerMenu = () => {
|
|
|
280
296
|
) : /* @__PURE__ */ jsx(
|
|
281
297
|
Link,
|
|
282
298
|
{
|
|
283
|
-
href:
|
|
299
|
+
href: handleParams(
|
|
300
|
+
value,
|
|
301
|
+
currentSearch
|
|
302
|
+
),
|
|
284
303
|
className: styles.menuItem,
|
|
285
304
|
children: /* @__PURE__ */ jsx("span", { children: key })
|
|
286
305
|
}
|
|
@@ -293,10 +312,11 @@ const MobileDrawerMenu = () => {
|
|
|
293
312
|
}
|
|
294
313
|
),
|
|
295
314
|
/* @__PURE__ */ jsx("div", { className: `${styles.quickLinks} flex middle between`, children: quickLinks.map((link) => /* @__PURE__ */ jsxs(
|
|
296
|
-
|
|
315
|
+
"a",
|
|
297
316
|
{
|
|
298
|
-
href: link.url,
|
|
317
|
+
href: handleParams(link.url, currentSearch),
|
|
299
318
|
className: `${styles.quickLink} flex_col middle`,
|
|
319
|
+
"aria-labelledby": `id_${link.title.toLowerCase()}`,
|
|
300
320
|
children: [
|
|
301
321
|
/* @__PURE__ */ jsx(
|
|
302
322
|
"img",
|
|
@@ -308,7 +328,7 @@ const MobileDrawerMenu = () => {
|
|
|
308
328
|
loading: "lazy"
|
|
309
329
|
}
|
|
310
330
|
),
|
|
311
|
-
/* @__PURE__ */ jsx("span", { children: link.title })
|
|
331
|
+
/* @__PURE__ */ jsx("span", { id: `id_${link.title.toLowerCase()}`, children: link.title })
|
|
312
332
|
]
|
|
313
333
|
},
|
|
314
334
|
link.title
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css';const overlay = "
|
|
2
|
-
const drawer = "
|
|
3
|
-
const hamburger = "
|
|
4
|
-
const header = "
|
|
5
|
-
const back = "
|
|
6
|
-
const close = "
|
|
7
|
-
const levelContainer = "
|
|
8
|
-
const level = "
|
|
9
|
-
const levelTitle = "
|
|
10
|
-
const menu = "
|
|
11
|
-
const menuItem = "
|
|
12
|
-
const chevron = "
|
|
13
|
-
const chevronIcon = "
|
|
14
|
-
const quickLinks = "
|
|
15
|
-
const quickLink = "
|
|
1
|
+
import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css';const overlay = "_overlay_1bxir_1";
|
|
2
|
+
const drawer = "_drawer_1bxir_9";
|
|
3
|
+
const hamburger = "_hamburger_1bxir_23";
|
|
4
|
+
const header = "_header_1bxir_34";
|
|
5
|
+
const back = "_back_1bxir_42";
|
|
6
|
+
const close = "_close_1bxir_53";
|
|
7
|
+
const levelContainer = "_levelContainer_1bxir_60";
|
|
8
|
+
const level = "_level_1bxir_60";
|
|
9
|
+
const levelTitle = "_levelTitle_1bxir_74";
|
|
10
|
+
const menu = "_menu_1bxir_79";
|
|
11
|
+
const menuItem = "_menuItem_1bxir_99";
|
|
12
|
+
const chevron = "_chevron_1bxir_115";
|
|
13
|
+
const chevronIcon = "_chevronIcon_1bxir_120";
|
|
14
|
+
const quickLinks = "_quickLinks_1bxir_131";
|
|
15
|
+
const quickLink = "_quickLink_1bxir_131";
|
|
16
16
|
const styles = {
|
|
17
17
|
overlay,
|
|
18
18
|
drawer,
|
|
@@ -125,7 +125,7 @@ const menuData = {
|
|
|
125
125
|
"Checking Accounts": findMoreAxosDomains(
|
|
126
126
|
"{AXOSBANK}/personal/bank/checking-accounts"
|
|
127
127
|
),
|
|
128
|
-
"Axos ONE Checking": findMoreAxosDomains(
|
|
128
|
+
"Axos ONE® Checking": findMoreAxosDomains(
|
|
129
129
|
"{AXOSBANK}/personal/bank/axos-one"
|
|
130
130
|
),
|
|
131
131
|
"Rewards Checking": findMoreAxosDomains(
|
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "
|
|
2
|
-
const wrapper = "
|
|
3
|
-
const header_main_row = "
|
|
4
|
-
const logo_wrap = "
|
|
5
|
-
const primary_links = "
|
|
6
|
-
const main_nav_link = "
|
|
7
|
-
const sub_nav_link = "
|
|
8
|
-
const signin_wrap = "
|
|
9
|
-
const signin_btn = "
|
|
10
|
-
const header_sub_row = "
|
|
11
|
-
const signin_dropdown = "
|
|
12
|
-
const shadow = "
|
|
13
|
-
const signin_header = "
|
|
14
|
-
const signin_subheader = "
|
|
15
|
-
const opacity = "
|
|
16
|
-
const fadeInDown = "
|
|
17
|
-
const signin_footer = "
|
|
18
|
-
const open = "
|
|
19
|
-
const dd_wrapper = "
|
|
20
|
-
const dd_media = "
|
|
21
|
-
const dd_media_img = "
|
|
22
|
-
const dd_site_navs = "
|
|
23
|
-
const dd_media_header = "
|
|
24
|
-
const mt_8 = "
|
|
25
|
-
const mt_16 = "
|
|
26
|
-
const ml_8 = "
|
|
27
|
-
const dd_media_cta = "
|
|
28
|
-
const reversed_row = "
|
|
29
|
-
const headline = "
|
|
30
|
-
const nav_anchor = "
|
|
31
|
-
const headline_cta = "
|
|
32
|
-
const site_lists = "
|
|
33
|
-
const mobile_only = "
|
|
34
|
-
const mobile_logo = "
|
|
35
|
-
const highlight = "
|
|
36
|
-
const mobile_opened = "
|
|
37
|
-
const dd_footer = "
|
|
38
|
-
const skip_btn = "
|
|
39
|
-
const desktop_only = "
|
|
1
|
+
import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_68bu0_1";
|
|
2
|
+
const wrapper = "_wrapper_68bu0_5";
|
|
3
|
+
const header_main_row = "_header_main_row_68bu0_11";
|
|
4
|
+
const logo_wrap = "_logo_wrap_68bu0_17";
|
|
5
|
+
const primary_links = "_primary_links_68bu0_21";
|
|
6
|
+
const main_nav_link = "_main_nav_link_68bu0_25";
|
|
7
|
+
const sub_nav_link = "_sub_nav_link_68bu0_57";
|
|
8
|
+
const signin_wrap = "_signin_wrap_68bu0_59";
|
|
9
|
+
const signin_btn = "_signin_btn_68bu0_60";
|
|
10
|
+
const header_sub_row = "_header_sub_row_68bu0_97";
|
|
11
|
+
const signin_dropdown = "_signin_dropdown_68bu0_129";
|
|
12
|
+
const shadow = "_shadow_68bu0_139";
|
|
13
|
+
const signin_header = "_signin_header_68bu0_149";
|
|
14
|
+
const signin_subheader = "_signin_subheader_68bu0_156";
|
|
15
|
+
const opacity = "_opacity_68bu0_178";
|
|
16
|
+
const fadeInDown = "_fadeInDown_68bu0_1";
|
|
17
|
+
const signin_footer = "_signin_footer_68bu0_184";
|
|
18
|
+
const open = "_open_68bu0_205";
|
|
19
|
+
const dd_wrapper = "_dd_wrapper_68bu0_217";
|
|
20
|
+
const dd_media = "_dd_media_68bu0_226";
|
|
21
|
+
const dd_media_img = "_dd_media_img_68bu0_231";
|
|
22
|
+
const dd_site_navs = "_dd_site_navs_68bu0_235";
|
|
23
|
+
const dd_media_header = "_dd_media_header_68bu0_242";
|
|
24
|
+
const mt_8 = "_mt_8_68bu0_252";
|
|
25
|
+
const mt_16 = "_mt_16_68bu0_256";
|
|
26
|
+
const ml_8 = "_ml_8_68bu0_260";
|
|
27
|
+
const dd_media_cta = "_dd_media_cta_68bu0_264";
|
|
28
|
+
const reversed_row = "_reversed_row_68bu0_296";
|
|
29
|
+
const headline = "_headline_68bu0_306";
|
|
30
|
+
const nav_anchor = "_nav_anchor_68bu0_314";
|
|
31
|
+
const headline_cta = "_headline_cta_68bu0_322";
|
|
32
|
+
const site_lists = "_site_lists_68bu0_337";
|
|
33
|
+
const mobile_only = "_mobile_only_68bu0_375";
|
|
34
|
+
const mobile_logo = "_mobile_logo_68bu0_381";
|
|
35
|
+
const highlight = "_highlight_68bu0_388";
|
|
36
|
+
const mobile_opened = "_mobile_opened_68bu0_394";
|
|
37
|
+
const dd_footer = "_dd_footer_68bu0_402";
|
|
38
|
+
const skip_btn = "_skip_btn_68bu0_410";
|
|
39
|
+
const desktop_only = "_desktop_only_68bu0_446";
|
|
40
40
|
const styles = {
|
|
41
41
|
header,
|
|
42
42
|
wrapper,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import '../assets/WalnutIframe/wrapper.css.css';const wrapper = "
|
|
2
|
-
const shimmer = "
|
|
1
|
+
import '../assets/WalnutIframe/wrapper.css.css';const wrapper = "_wrapper_s95e7_10";
|
|
2
|
+
const shimmer = "_shimmer_s95e7_1";
|
|
3
3
|
const css = {
|
|
4
4
|
wrapper,
|
|
5
5
|
shimmer
|
|
@@ -1,166 +1,166 @@
|
|
|
1
|
-
.
|
|
2
|
-
position: fixed;
|
|
3
|
-
inset: 0;
|
|
4
|
-
height: 100vh;
|
|
5
|
-
background: rgba(0, 0, 0, 0.6);
|
|
6
|
-
z-index: 10000;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.
|
|
10
|
-
position: fixed;
|
|
11
|
-
top: 0;
|
|
12
|
-
right: 0;
|
|
13
|
-
background: #fff;
|
|
14
|
-
border-radius: 0 0 0 1rem;
|
|
15
|
-
box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15);
|
|
16
|
-
max-height: 100vh;
|
|
17
|
-
max-width: 500px;
|
|
18
|
-
overflow-y: auto;
|
|
19
|
-
width: 85%;
|
|
20
|
-
z-index: 10001;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.
|
|
24
|
-
background: transparent;
|
|
25
|
-
border: none;
|
|
26
|
-
cursor: pointer;
|
|
27
|
-
transition: opacity 0.3s ease;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.
|
|
31
|
-
opacity: 0.8;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.
|
|
35
|
-
display: flex;
|
|
36
|
-
align-items: center;
|
|
37
|
-
background: #f4f4f4;
|
|
38
|
-
justify-content: space-between;
|
|
39
|
-
padding: 0.9rem 1.2rem 0.9rem 1rem;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.
|
|
43
|
-
background: none;
|
|
44
|
-
border: none;
|
|
45
|
-
color: var(--_1073cm86);
|
|
46
|
-
cursor: pointer;
|
|
47
|
-
font-size: 1rem;
|
|
48
|
-
font-weight: 700;
|
|
49
|
-
line-height: 1;
|
|
50
|
-
padding: 0;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.
|
|
54
|
-
background: none;
|
|
55
|
-
border: none;
|
|
56
|
-
cursor: pointer;
|
|
57
|
-
font-size: 1.3rem;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.
|
|
61
|
-
height: 100%;
|
|
62
|
-
overflow-x: hidden;
|
|
63
|
-
position: relative;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
.
|
|
67
|
-
background: var(--_1073cm86);
|
|
68
|
-
color: var(--_1073cm85);
|
|
69
|
-
font-size: 0.9rem;
|
|
70
|
-
padding: 14px 1.2rem;
|
|
71
|
-
width: 100%;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.
|
|
75
|
-
font: 700 0.9rem / 1.39 var(--main-font-family);
|
|
76
|
-
letter-spacing: 0.4px;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
.
|
|
80
|
-
background-color: transparent;
|
|
81
|
-
list-style: none;
|
|
82
|
-
margin: 0;
|
|
83
|
-
min-height: 100%;
|
|
84
|
-
padding: 0 1.2rem;
|
|
85
|
-
position: relative;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
.
|
|
89
|
-
color: var(--_1073cm83);
|
|
90
|
-
font-family: var(--header-font-family);
|
|
91
|
-
font-weight: 500;
|
|
92
|
-
border-top: 1px solid #e9e9e9;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
.
|
|
96
|
-
margin-top: 0.5rem;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
.
|
|
100
|
-
display: flex;
|
|
101
|
-
align-items: center;
|
|
102
|
-
background: none;
|
|
103
|
-
border: none;
|
|
104
|
-
color: inherit;
|
|
105
|
-
cursor: pointer;
|
|
106
|
-
font-size: 1rem;
|
|
107
|
-
justify-content: space-between;
|
|
108
|
-
padding: 0.75rem 0;
|
|
109
|
-
text-align: left;
|
|
110
|
-
text-decoration: none;
|
|
111
|
-
transition: background 0.2s ease;
|
|
112
|
-
width: 100%;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
.
|
|
116
|
-
font-size: 1.2rem;
|
|
117
|
-
margin-left: auto;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
.
|
|
121
|
-
margin-right: 10px;
|
|
122
|
-
max-width: 8px;
|
|
123
|
-
height: auto;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
body:has(.
|
|
127
|
-
overflow-y: hidden;
|
|
128
|
-
position: relative;
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
.
|
|
132
|
-
padding: 1rem;
|
|
133
|
-
background-color: #f4f4f4;
|
|
134
|
-
box-shadow: 0 15px 10px -20px rgba(0, 0, 0, 0.45) inset;
|
|
135
|
-
margin-top: 9px;
|
|
136
|
-
gap: 8px;
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
.
|
|
140
|
-
display: flex;
|
|
141
|
-
align-items: center;
|
|
142
|
-
color: var(--_1073cm86);
|
|
143
|
-
flex-direction: column;
|
|
144
|
-
flex: 1 1 0%;
|
|
145
|
-
font-size: 0.8rem;
|
|
146
|
-
font-weight: 600;
|
|
147
|
-
gap: 8px;
|
|
148
|
-
line-height: 1.5;
|
|
149
|
-
text-decoration: none;
|
|
150
|
-
text-transform: uppercase;
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
@media (max-width: 540px) {
|
|
154
|
-
.
|
|
155
|
-
border-radius: 0;
|
|
156
|
-
max-width: none;
|
|
157
|
-
width: 100%;
|
|
158
|
-
}
|
|
159
|
-
.
|
|
160
|
-
margin-top: 3px;
|
|
161
|
-
}
|
|
162
|
-
.
|
|
163
|
-
font-size: 0.9rem;
|
|
164
|
-
padding: 0.65rem 0;
|
|
165
|
-
}
|
|
166
|
-
}
|
|
1
|
+
._overlay_1bxir_1 {
|
|
2
|
+
position: fixed;
|
|
3
|
+
inset: 0;
|
|
4
|
+
height: 100vh;
|
|
5
|
+
background: rgba(0, 0, 0, 0.6);
|
|
6
|
+
z-index: 10000;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
._drawer_1bxir_9 {
|
|
10
|
+
position: fixed;
|
|
11
|
+
top: 0;
|
|
12
|
+
right: 0;
|
|
13
|
+
background: #fff;
|
|
14
|
+
border-radius: 0 0 0 1rem;
|
|
15
|
+
box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15);
|
|
16
|
+
max-height: 100vh;
|
|
17
|
+
max-width: 500px;
|
|
18
|
+
overflow-y: auto;
|
|
19
|
+
width: 85%;
|
|
20
|
+
z-index: 10001;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
._hamburger_1bxir_23 {
|
|
24
|
+
background: transparent;
|
|
25
|
+
border: none;
|
|
26
|
+
cursor: pointer;
|
|
27
|
+
transition: opacity 0.3s ease;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
._hamburger_1bxir_23:hover {
|
|
31
|
+
opacity: 0.8;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
._header_1bxir_34 {
|
|
35
|
+
display: flex;
|
|
36
|
+
align-items: center;
|
|
37
|
+
background: #f4f4f4;
|
|
38
|
+
justify-content: space-between;
|
|
39
|
+
padding: 0.9rem 1.2rem 0.9rem 1rem;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
._back_1bxir_42 {
|
|
43
|
+
background: none;
|
|
44
|
+
border: none;
|
|
45
|
+
color: var(--_1073cm86);
|
|
46
|
+
cursor: pointer;
|
|
47
|
+
font-size: 1rem;
|
|
48
|
+
font-weight: 700;
|
|
49
|
+
line-height: 1;
|
|
50
|
+
padding: 0;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
._close_1bxir_53 {
|
|
54
|
+
background: none;
|
|
55
|
+
border: none;
|
|
56
|
+
cursor: pointer;
|
|
57
|
+
font-size: 1.3rem;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
._levelContainer_1bxir_60 {
|
|
61
|
+
height: 100%;
|
|
62
|
+
overflow-x: hidden;
|
|
63
|
+
position: relative;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
._level_1bxir_60 {
|
|
67
|
+
background: var(--_1073cm86);
|
|
68
|
+
color: var(--_1073cm85);
|
|
69
|
+
font-size: 0.9rem;
|
|
70
|
+
padding: 14px 1.2rem;
|
|
71
|
+
width: 100%;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
._levelTitle_1bxir_74 {
|
|
75
|
+
font: 700 0.9rem / 1.39 var(--main-font-family);
|
|
76
|
+
letter-spacing: 0.4px;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
._menu_1bxir_79 {
|
|
80
|
+
background-color: transparent;
|
|
81
|
+
list-style: none;
|
|
82
|
+
margin: 0;
|
|
83
|
+
min-height: 100%;
|
|
84
|
+
padding: 0 1.2rem;
|
|
85
|
+
position: relative;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
._menu_1bxir_79 li {
|
|
89
|
+
color: var(--_1073cm83);
|
|
90
|
+
font-family: var(--header-font-family);
|
|
91
|
+
font-weight: 500;
|
|
92
|
+
border-top: 1px solid #e9e9e9;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
._menu_1bxir_79 li + li {
|
|
96
|
+
margin-top: 0.5rem;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
._menuItem_1bxir_99 {
|
|
100
|
+
display: flex;
|
|
101
|
+
align-items: center;
|
|
102
|
+
background: none;
|
|
103
|
+
border: none;
|
|
104
|
+
color: inherit;
|
|
105
|
+
cursor: pointer;
|
|
106
|
+
font-size: 1rem;
|
|
107
|
+
justify-content: space-between;
|
|
108
|
+
padding: 0.75rem 0;
|
|
109
|
+
text-align: left;
|
|
110
|
+
text-decoration: none;
|
|
111
|
+
transition: background 0.2s ease;
|
|
112
|
+
width: 100%;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
._chevron_1bxir_115 {
|
|
116
|
+
font-size: 1.2rem;
|
|
117
|
+
margin-left: auto;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
._chevronIcon_1bxir_120 {
|
|
121
|
+
margin-right: 10px;
|
|
122
|
+
max-width: 8px;
|
|
123
|
+
height: auto;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
body:has(._drawer_1bxir_9) {
|
|
127
|
+
overflow-y: hidden;
|
|
128
|
+
position: relative;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
._quickLinks_1bxir_131 {
|
|
132
|
+
padding: 1rem;
|
|
133
|
+
background-color: #f4f4f4;
|
|
134
|
+
box-shadow: 0 15px 10px -20px rgba(0, 0, 0, 0.45) inset;
|
|
135
|
+
margin-top: 9px;
|
|
136
|
+
gap: 8px;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
._quickLink_1bxir_131 {
|
|
140
|
+
display: flex;
|
|
141
|
+
align-items: center;
|
|
142
|
+
color: var(--_1073cm86);
|
|
143
|
+
flex-direction: column;
|
|
144
|
+
flex: 1 1 0%;
|
|
145
|
+
font-size: 0.8rem;
|
|
146
|
+
font-weight: 600;
|
|
147
|
+
gap: 8px;
|
|
148
|
+
line-height: 1.5;
|
|
149
|
+
text-decoration: none;
|
|
150
|
+
text-transform: uppercase;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
@media (max-width: 540px) {
|
|
154
|
+
._drawer_1bxir_9 {
|
|
155
|
+
border-radius: 0;
|
|
156
|
+
max-width: none;
|
|
157
|
+
width: 100%;
|
|
158
|
+
}
|
|
159
|
+
._menu_1bxir_79 li + li {
|
|
160
|
+
margin-top: 3px;
|
|
161
|
+
}
|
|
162
|
+
._menuItem_1bxir_99 {
|
|
163
|
+
font-size: 0.9rem;
|
|
164
|
+
padding: 0.65rem 0;
|
|
165
|
+
}
|
|
166
|
+
}
|