@inera/ids-design 5.0.3 → 5.1.0
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/components/alert/alert-lit.js +1 -1
- package/components/alert/alert.css +2 -1
- package/components/alert-global/alert-global-lit.js +1 -1
- package/components/alert-global/alert-global.css +1 -1
- package/components/badge/badge-lit.js +1 -1
- package/components/badge/badge.css +9 -9
- package/components/breadcrumbs/breadcrumbs.css +1 -0
- package/components/card/card.css +1 -0
- package/components/data-table/data-table-lit.js +1 -1
- package/components/data-table/data-table.css +3 -0
- package/components/description-list/description-list-lit.js +7 -0
- package/components/description-list/description-list.css +98 -0
- package/components/dialog/dialog.css +1 -0
- package/components/dropdown/dropdown-lit.js +9 -0
- package/components/dropdown/dropdown.css +118 -0
- package/components/expandable/expandable-lit.js +1 -1
- package/components/expandable/expandable.css +18 -11
- package/components/footer/footer-lit.js +1 -1
- package/components/footer/footer.css +3 -1
- package/components/footer-1177/footer-1177-lit.js +1 -1
- package/components/footer-1177/footer-1177.css +6 -6
- package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
- package/components/footer-1177-admin/footer-1177-admin.css +12 -12
- package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
- package/components/footer-1177-pro/footer-1177-pro.css +14 -12
- package/components/footer-inera/footer-inera-lit.js +1 -1
- package/components/footer-inera/footer-inera.css +6 -6
- package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
- package/components/footer-inera-admin/footer-inera-admin.css +17 -8
- package/components/form/error-message/error-message-lit.js +1 -1
- package/components/form/error-message/error-message.css +1 -1
- package/components/form/select-multiple/select-multiple-lit.js +1 -1
- package/components/form/select-multiple/select-multiple.css +4 -2
- package/components/form/toggle/toggle.css +1 -0
- package/components/header-1177/composite-header-1177.css +76 -40
- package/components/header-1177/header-1177-avatar.css +1 -0
- package/components/header-1177/header-1177-item.css +1 -0
- package/components/header-1177/header-1177-lit.js +1 -1
- package/components/header-1177/header-1177-nav-item-lit.js +1 -1
- package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
- package/components/header-1177/header-1177-nav-item-mobile.css +18 -0
- package/components/header-1177/header-1177-nav-item.css +5 -0
- package/components/header-1177/header-1177-nav-lit.js +1 -1
- package/components/header-1177/header-1177-nav.css +0 -8
- package/components/header-1177/header-1177.css +51 -32
- package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +1 -0
- package/components/header-1177-admin/header-1177-admin-avatar.css +1 -0
- package/components/header-1177-admin/header-1177-admin-item.css +1 -0
- package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-nav-item.css +5 -0
- package/components/header-1177-admin/header-1177-admin.css +1 -0
- package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +1 -0
- package/components/header-1177-pro/header-1177-pro-avatar.css +1 -0
- package/components/header-1177-pro/header-1177-pro-item.css +1 -0
- package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-nav-item.css +5 -0
- package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css +1 -0
- package/components/header-1177-pro/header-1177-pro-region-picker.css +1 -0
- package/components/header-1177-pro/header-1177-pro.css +1 -0
- package/components/header-inera/header-inera-item-lit.d.ts +2 -0
- package/components/header-inera/header-inera-item-lit.js +7 -0
- package/components/header-inera/header-inera-item.css +95 -0
- package/components/header-inera/header-inera-lit.d.ts +2 -0
- package/components/header-inera/header-inera-lit.js +7 -0
- package/components/header-inera/header-inera-nav-item-lit.d.ts +2 -0
- package/components/header-inera/header-inera-nav-item-lit.js +7 -0
- package/components/header-inera/header-inera-nav-item.css +199 -0
- package/components/header-inera/header-inera-nav-lit.d.ts +2 -0
- package/components/header-inera/header-inera-nav-lit.js +7 -0
- package/components/header-inera/header-inera-nav-mobile-lit.d.ts +2 -0
- package/components/header-inera/header-inera-nav-mobile-lit.js +7 -0
- package/components/header-inera/header-inera-nav-mobile.css +131 -0
- package/components/header-inera/header-inera-nav.css +53 -0
- package/components/header-inera/header-inera.css +101 -0
- package/components/header-inera-admin/composite-header-inera-admin.css +845 -0
- package/components/header-inera-admin/header-inera-admin-avatar-lit.js +7 -0
- package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.d.ts +2 -0
- package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +7 -0
- package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +72 -0
- package/components/header-inera-admin/header-inera-admin-avatar.css +143 -0
- package/components/header-inera-admin/header-inera-admin-item-lit.d.ts +2 -0
- package/components/header-inera-admin/header-inera-admin-item-lit.js +7 -0
- package/components/header-inera-admin/header-inera-admin-item.css +95 -0
- package/components/header-inera-admin/header-inera-admin-lit.d.ts +2 -0
- package/components/header-inera-admin/header-inera-admin-lit.js +7 -0
- package/components/header-inera-admin/header-inera-admin-nav-item-lit.d.ts +2 -0
- package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +7 -0
- package/components/header-inera-admin/header-inera-admin-nav-item.css +198 -0
- package/components/header-inera-admin/header-inera-admin-nav-lit.d.ts +2 -0
- package/components/header-inera-admin/header-inera-admin-nav-lit.js +7 -0
- package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.d.ts +2 -0
- package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.js +7 -0
- package/components/header-inera-admin/header-inera-admin-nav-mobile.css +131 -0
- package/components/header-inera-admin/header-inera-admin-nav.css +53 -0
- package/components/header-inera-admin/header-inera-admin.css +147 -0
- package/components/list/list-lit.js +1 -1
- package/components/list/list.css +4 -3
- package/components/mobile-menu/mobile-menu-lit.js +1 -1
- package/components/mobile-menu/mobile-menu.css +23 -22
- package/components/navigation/content/navigation-content-lit.d.ts +2 -0
- package/components/navigation/content/navigation-content-lit.js +7 -0
- package/components/navigation/content/navigation-content.css +67 -0
- package/components/navigation/local/navigation-local-lit.d.ts +2 -0
- package/components/navigation/local/navigation-local-lit.js +7 -0
- package/components/navigation/local/navigation-local.css +85 -0
- package/components/pagination/data-pagination/data-pagination-lit.d.ts +2 -0
- package/components/pagination/data-pagination/data-pagination-lit.js +7 -0
- package/components/pagination/data-pagination/data-pagination.css +141 -0
- package/components/pagination/list-pagination/list-pagination-lit.d.ts +2 -0
- package/components/pagination/list-pagination/list-pagination-lit.js +9 -0
- package/components/pagination/list-pagination/list-pagination.css +152 -0
- package/components/popover/popover-content-lit.d.ts +2 -0
- package/components/popover/popover-content-lit.js +7 -0
- package/components/{popover-content → popover}/popover-content.css +9 -8
- package/components/popover/popover-lit.js +1 -1
- package/components/popover/popover.css +3 -12
- package/components/stepper/stepper-lit.d.ts +2 -0
- package/components/stepper/stepper-lit.js +7 -0
- package/components/stepper/stepper.css +160 -0
- package/components/tabs/tab-lit.d.ts +2 -0
- package/components/tabs/tab-lit.js +7 -0
- package/components/tabs/tab-panel-lit.d.ts +2 -0
- package/components/tabs/tab-panel-lit.js +7 -0
- package/components/tabs/tab-panel.css +27 -0
- package/components/tabs/tab.css +96 -0
- package/components/tabs/tabs-lit.js +2 -2
- package/components/tabs/tabs.css +1 -87
- package/components/tag/tag-lit.js +1 -1
- package/components/tag/tag.css +46 -6
- package/components/tooltip/tooltip-lit.d.ts +2 -0
- package/components/tooltip/tooltip-lit.js +7 -0
- package/components/tooltip/tooltip.css +87 -0
- package/global/_partials.css +2 -1
- package/global/global.css +662 -63
- package/global/util/util.css +24 -0
- package/package.json +2 -1
- package/themes/1177/1177.css +847 -242
- package/themes/1177-pro/1177-pro.css +868 -244
- package/themes/inera/inera.css +849 -234
- package/themes/inera-admin/inera-admin.css +867 -236
- package/components/button/button-lit.js +0 -7
- package/components/button/button.css +0 -308
- package/components/link/link-lit.js +0 -7
- package/components/link/link.css +0 -131
- package/components/popover-content/popover-content-lit.js +0 -7
- /package/components/{button/button-lit.d.ts → description-list/description-list-lit.d.ts} +0 -0
- /package/components/{link/link-lit.d.ts → dropdown/dropdown-lit.d.ts} +0 -0
- /package/components/{popover-content/popover-content-lit.d.ts → header-inera-admin/header-inera-admin-avatar-lit.d.ts} +0 -0
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
/* 1177 Typography - no margins */
|
|
2
|
+
/*******
|
|
3
|
+
* FORM
|
|
4
|
+
********/
|
|
5
|
+
/*******
|
|
6
|
+
* Accessibility
|
|
7
|
+
********/
|
|
8
|
+
/* headings */
|
|
9
|
+
@media (max-width: 1023px) {
|
|
10
|
+
.ids-desktop {
|
|
11
|
+
display: none !important;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@media (min-width: 1024px) {
|
|
16
|
+
.ids-mobile {
|
|
17
|
+
display: none !important;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button {
|
|
22
|
+
height: 30px;
|
|
23
|
+
justify-content: space-between;
|
|
24
|
+
align-content: flex-end;
|
|
25
|
+
align-items: center;
|
|
26
|
+
display: flex;
|
|
27
|
+
flex: 1 1 auto;
|
|
28
|
+
background-color: transparent;
|
|
29
|
+
border: 0;
|
|
30
|
+
padding: 0;
|
|
31
|
+
cursor: pointer;
|
|
32
|
+
}
|
|
33
|
+
.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button-text > * {
|
|
34
|
+
display: inline-block;
|
|
35
|
+
}
|
|
36
|
+
.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__hamburger {
|
|
37
|
+
transition: 0.2s;
|
|
38
|
+
cursor: pointer;
|
|
39
|
+
user-select: none;
|
|
40
|
+
position: relative;
|
|
41
|
+
}
|
|
42
|
+
.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__hamburger-content {
|
|
43
|
+
display: block;
|
|
44
|
+
width: 1.3125rem;
|
|
45
|
+
border-radius: 2px;
|
|
46
|
+
transition: 0.2s;
|
|
47
|
+
background-color: var(--IDS-COLOR-PRIMARY-40);
|
|
48
|
+
position: relative;
|
|
49
|
+
height: 3px;
|
|
50
|
+
width: 1.875rem;
|
|
51
|
+
}
|
|
52
|
+
.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__hamburger-content:before {
|
|
53
|
+
top: 10px;
|
|
54
|
+
display: inline-block;
|
|
55
|
+
width: 1.3125rem;
|
|
56
|
+
border-radius: 2px;
|
|
57
|
+
transition: 0.2s;
|
|
58
|
+
background-color: var(--IDS-COLOR-PRIMARY-40);
|
|
59
|
+
position: absolute;
|
|
60
|
+
left: 0;
|
|
61
|
+
content: "";
|
|
62
|
+
-webkit-transform-origin: 0.13393rem center;
|
|
63
|
+
transform-origin: 0.13393rem center;
|
|
64
|
+
height: 3px;
|
|
65
|
+
width: 1.875rem;
|
|
66
|
+
}
|
|
67
|
+
.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__hamburger-content:after {
|
|
68
|
+
top: -10px;
|
|
69
|
+
display: inline-block;
|
|
70
|
+
width: 1.3125rem;
|
|
71
|
+
border-radius: 2px;
|
|
72
|
+
transition: 0.2s;
|
|
73
|
+
background-color: var(--IDS-COLOR-PRIMARY-40);
|
|
74
|
+
position: absolute;
|
|
75
|
+
left: 0;
|
|
76
|
+
content: "";
|
|
77
|
+
-webkit-transform-origin: 0.13393rem center;
|
|
78
|
+
transform-origin: 0.13393rem center;
|
|
79
|
+
height: 3px;
|
|
80
|
+
width: 1.875rem;
|
|
81
|
+
}
|
|
82
|
+
.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__hamburger.ids-header-inera-admin-nav-mobile__hamburger--x {
|
|
83
|
+
-webkit-transform: scale3d(0.8, 0.8, 0.8);
|
|
84
|
+
transform: scale3d(0.8, 0.8, 0.8);
|
|
85
|
+
}
|
|
86
|
+
.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__hamburger.ids-header-inera-admin-nav-mobile__hamburger--x .ids-header-inera-admin-nav-mobile__hamburger-content {
|
|
87
|
+
background: transparent;
|
|
88
|
+
}
|
|
89
|
+
.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__hamburger.ids-header-inera-admin-nav-mobile__hamburger--x .ids-header-inera-admin-nav-mobile__hamburger-content:before {
|
|
90
|
+
-ms-transform-origin: 50% 50%;
|
|
91
|
+
-webkit-transform-origin: 50% 50%;
|
|
92
|
+
transform-origin: 50% 50%;
|
|
93
|
+
top: 0;
|
|
94
|
+
width: 2.5rem;
|
|
95
|
+
left: -5px;
|
|
96
|
+
-ms-transform: rotate(45deg);
|
|
97
|
+
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
98
|
+
transform: rotate3d(0, 0, 1, 45deg);
|
|
99
|
+
}
|
|
100
|
+
.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__hamburger.ids-header-inera-admin-nav-mobile__hamburger--x .ids-header-inera-admin-nav-mobile__hamburger-content:after {
|
|
101
|
+
-ms-transform-origin: 50% 50%;
|
|
102
|
+
-webkit-transform-origin: 50% 50%;
|
|
103
|
+
transform-origin: 50% 50%;
|
|
104
|
+
top: 0;
|
|
105
|
+
width: 2.5rem;
|
|
106
|
+
left: -5px;
|
|
107
|
+
-ms-transform: rotate(-45deg);
|
|
108
|
+
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
109
|
+
transform: rotate3d(0, 0, 1, -45deg);
|
|
110
|
+
}
|
|
111
|
+
.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__menu-items {
|
|
112
|
+
position: absolute;
|
|
113
|
+
left: 0;
|
|
114
|
+
right: 0;
|
|
115
|
+
z-index: 10;
|
|
116
|
+
box-shadow: var(--header-nav-mobile-menu-items_box-shadow);
|
|
117
|
+
top: 100%;
|
|
118
|
+
}
|
|
119
|
+
@media only screen and (min-width: 1024px) {
|
|
120
|
+
.ids-header-inera-admin-nav-mobile {
|
|
121
|
+
display: none;
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
@media only screen and (max-width: 1024px) {
|
|
125
|
+
.ids-header-inera-admin-nav-mobile {
|
|
126
|
+
display: block;
|
|
127
|
+
}
|
|
128
|
+
.ids-header-inera-admin-nav-mobile.ids-header-inera-admin-nav-mobile--unresponsive {
|
|
129
|
+
display: none;
|
|
130
|
+
}
|
|
131
|
+
}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
/* 1177 Typography - no margins */
|
|
2
|
+
/*******
|
|
3
|
+
* FORM
|
|
4
|
+
********/
|
|
5
|
+
/*******
|
|
6
|
+
* Accessibility
|
|
7
|
+
********/
|
|
8
|
+
/* headings */
|
|
9
|
+
@media (max-width: 1023px) {
|
|
10
|
+
.ids-desktop {
|
|
11
|
+
display: none !important;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@media (min-width: 1024px) {
|
|
16
|
+
.ids-mobile {
|
|
17
|
+
display: none !important;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.ids-header-inera-admin-nav {
|
|
22
|
+
max-width: var(--IDS_MAX-WIDTH);
|
|
23
|
+
width: 100%;
|
|
24
|
+
margin-left: auto;
|
|
25
|
+
margin-right: auto;
|
|
26
|
+
display: flex;
|
|
27
|
+
flex-wrap: wrap;
|
|
28
|
+
flex: 1 1 auto;
|
|
29
|
+
box-sizing: border-box;
|
|
30
|
+
border-top: 1px solid var(--IDS-COLOR-NEUTRAL-90);
|
|
31
|
+
}
|
|
32
|
+
.ids-header-inera-admin-nav .ids-header-inera-admin-nav__nav-items {
|
|
33
|
+
display: flex;
|
|
34
|
+
flex-wrap: wrap;
|
|
35
|
+
}
|
|
36
|
+
.ids-header-inera-admin-nav.ids-header-inera-admin-nav--fluid {
|
|
37
|
+
max-width: none;
|
|
38
|
+
margin-left: 0;
|
|
39
|
+
margin-right: 0;
|
|
40
|
+
}
|
|
41
|
+
@media only screen and (min-width: 1024px) {
|
|
42
|
+
.ids-header-inera-admin-nav {
|
|
43
|
+
display: flex;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
@media only screen and (max-width: 1024px) {
|
|
47
|
+
.ids-header-inera-admin-nav {
|
|
48
|
+
display: none;
|
|
49
|
+
}
|
|
50
|
+
.ids-header-inera-admin-nav.ids-header-inera-admin-nav--unresponsive {
|
|
51
|
+
display: flex;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
/* 1177 Typography - no margins */
|
|
2
|
+
/*******
|
|
3
|
+
* FORM
|
|
4
|
+
********/
|
|
5
|
+
/*******
|
|
6
|
+
* Accessibility
|
|
7
|
+
********/
|
|
8
|
+
/* headings */
|
|
9
|
+
@media (max-width: 1023px) {
|
|
10
|
+
.ids-desktop {
|
|
11
|
+
display: none !important;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@media (min-width: 1024px) {
|
|
16
|
+
.ids-mobile {
|
|
17
|
+
display: none !important;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.ids-header-inera-admin {
|
|
22
|
+
display: flex;
|
|
23
|
+
flex-direction: column;
|
|
24
|
+
position: relative;
|
|
25
|
+
z-index: 3;
|
|
26
|
+
padding: 0 16px;
|
|
27
|
+
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
|
|
28
|
+
}
|
|
29
|
+
.ids-header-inera-admin .ids-header-inera-admin__skip-to-content ::slotted(a),
|
|
30
|
+
.ids-header-inera-admin .ids-header-inera-admin__skip-to-content a {
|
|
31
|
+
display: flex;
|
|
32
|
+
align-items: center;
|
|
33
|
+
justify-content: center;
|
|
34
|
+
padding: 0 16px;
|
|
35
|
+
height: 48px;
|
|
36
|
+
text-align: center;
|
|
37
|
+
background-color: white;
|
|
38
|
+
box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px 0;
|
|
39
|
+
z-index: 10;
|
|
40
|
+
font-family: var(--IDS-LINK--FONT-FAMILY);
|
|
41
|
+
font-size: 16px;
|
|
42
|
+
color: var(--link-colorpreset-1_color);
|
|
43
|
+
text-decoration-color: var(--link-colorpreset-1_color);
|
|
44
|
+
text-decoration: underline;
|
|
45
|
+
position: absolute;
|
|
46
|
+
right: 0;
|
|
47
|
+
left: 0;
|
|
48
|
+
transform: translateY(-300%);
|
|
49
|
+
transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
50
|
+
}
|
|
51
|
+
.ids-header-inera-admin .ids-header-inera-admin__skip-to-content ::slotted(a:focus),
|
|
52
|
+
.ids-header-inera-admin .ids-header-inera-admin__skip-to-content a:focus {
|
|
53
|
+
transform: translateY(0);
|
|
54
|
+
transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
55
|
+
color: var(--link-colorpreset-1-hover_color);
|
|
56
|
+
text-decoration-color: var(--link-colorpreset-1-hover_color);
|
|
57
|
+
outline-offset: -8px !important;
|
|
58
|
+
}
|
|
59
|
+
.ids-header-inera-admin .ids-header-inera-admin__inner {
|
|
60
|
+
z-index: 2;
|
|
61
|
+
background-color: var(--IDS-COLOR-BACKGROUND);
|
|
62
|
+
display: flex;
|
|
63
|
+
flex-wrap: wrap;
|
|
64
|
+
align-items: center;
|
|
65
|
+
justify-content: space-between;
|
|
66
|
+
width: 100%;
|
|
67
|
+
box-sizing: border-box;
|
|
68
|
+
min-height: 48px;
|
|
69
|
+
max-width: var(--IDS_MAX-WIDTH);
|
|
70
|
+
margin-left: auto;
|
|
71
|
+
margin-right: auto;
|
|
72
|
+
}
|
|
73
|
+
.ids-header-inera-admin .ids-header-inera-admin__brand-text,
|
|
74
|
+
.ids-header-inera-admin .ids-header-inera-admin__brand-text-slot a,
|
|
75
|
+
.ids-header-inera-admin ::slotted([slot=brand-text]) {
|
|
76
|
+
display: block;
|
|
77
|
+
font-style: normal;
|
|
78
|
+
font-weight: 600;
|
|
79
|
+
font-family: var(--font-family_2);
|
|
80
|
+
font-size: 16px;
|
|
81
|
+
line-height: 16px;
|
|
82
|
+
margin: 0;
|
|
83
|
+
color: var(--IDS-COLOR-PRIMARY-40);
|
|
84
|
+
display: inline-block;
|
|
85
|
+
text-align: left;
|
|
86
|
+
overflow: hidden;
|
|
87
|
+
text-overflow: ellipsis;
|
|
88
|
+
text-decoration: none;
|
|
89
|
+
}
|
|
90
|
+
.ids-header-inera-admin .ids-header-inera-admin__service-name {
|
|
91
|
+
font-style: normal;
|
|
92
|
+
font-weight: 400;
|
|
93
|
+
font-size: 10px;
|
|
94
|
+
line-height: 12px;
|
|
95
|
+
color: var(--IDS-COLOR-NEUTRAL-20);
|
|
96
|
+
font-family: var(--font-family_1);
|
|
97
|
+
margin: 0;
|
|
98
|
+
padding: 0;
|
|
99
|
+
}
|
|
100
|
+
.ids-header-inera-admin .ids-header-inera-admin__items {
|
|
101
|
+
display: flex;
|
|
102
|
+
flex-wrap: wrap;
|
|
103
|
+
align-items: center;
|
|
104
|
+
}
|
|
105
|
+
.ids-header-inera-admin.ids-header-inera-admin--fluid .ids-header-inera-admin__inner {
|
|
106
|
+
max-width: none;
|
|
107
|
+
margin-left: 0;
|
|
108
|
+
margin-right: 0;
|
|
109
|
+
}
|
|
110
|
+
@media all and (min-width: 1024px) {
|
|
111
|
+
.ids-header-inera-admin {
|
|
112
|
+
padding: 0 88px;
|
|
113
|
+
}
|
|
114
|
+
.ids-header-inera-admin .ids-header-inera-admin__inner {
|
|
115
|
+
min-height: 90px;
|
|
116
|
+
}
|
|
117
|
+
.ids-header-inera-admin .ids-header-inera-admin__brand-text,
|
|
118
|
+
.ids-header-inera-admin .ids-header-inera-admin__brand-text-slot a,
|
|
119
|
+
.ids-header-inera-admin ::slotted([slot=brand-text]) {
|
|
120
|
+
font-size: 30px;
|
|
121
|
+
line-height: 45px;
|
|
122
|
+
margin: 0 0 -3px 0;
|
|
123
|
+
}
|
|
124
|
+
.ids-header-inera-admin .ids-header-inera-admin__service-name {
|
|
125
|
+
margin: 0;
|
|
126
|
+
padding: 0;
|
|
127
|
+
font-size: 14px;
|
|
128
|
+
line-height: 20px;
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
@media all and (max-width: 1024px) {
|
|
132
|
+
.ids-header-inera-admin.ids-header-inera-admin--unresponsive .ids-header-inera-admin__inner {
|
|
133
|
+
min-height: 90px;
|
|
134
|
+
}
|
|
135
|
+
.ids-header-inera-admin.ids-header-inera-admin--unresponsive .ids-header-inera-admin__brand-text,
|
|
136
|
+
.ids-header-inera-admin.ids-header-inera-admin--unresponsive ::slotted([slot=brand-text]) {
|
|
137
|
+
font-size: 1.875rem !important;
|
|
138
|
+
line-height: 40px;
|
|
139
|
+
margin-bottom: -3px;
|
|
140
|
+
}
|
|
141
|
+
.ids-header-inera-admin.ids-header-inera-admin--unresponsive .ids-header-inera-admin__service-name {
|
|
142
|
+
margin: 0;
|
|
143
|
+
padding: 0;
|
|
144
|
+
font-size: 14px;
|
|
145
|
+
line-height: 20px;
|
|
146
|
+
}
|
|
147
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-list{border-top:1px solid var(--list_border);display:flex;flex-direction:column}.ids-list-item{border-bottom:1px solid var(--list_border);color:var(--list_color)!important;display:flex;gap:20px;padding:20px 0;position:relative}.ids-list-item .ids-list-item__icon--hover{display:none}.ids-list-item .ids-icon,.ids-list-item .ids-list-item__icon,.ids-list-item .ids-list-item__icon--hover{align-self:flex-start;margin-right:8px;margin-top:.525rem}.ids-list-item .ids-list-item__date{font-family:Open Sans;font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:1px;line-height:19px;text-transform:uppercase}.ids-list-item .date-label-col{padding-right:20px}.ids-list-item .ids-list-item__header,.ids-list-item ::slotted([slot=headline]){align-items:center!important;color:var(--link-colorpreset-1_color)!important;cursor:pointer;display:inline-flex!important;font-family:var(--
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-list{border-top:1px solid var(--list_border);display:flex;flex-direction:column}.ids-list-item{border-bottom:1px solid var(--list_border);color:var(--list_color)!important;display:flex;gap:20px;padding:20px 0;position:relative}.ids-list-item .ids-list-item__icon--hover{display:none}.ids-list-item .ids-icon,.ids-list-item .ids-list-item__icon,.ids-list-item .ids-list-item__icon--hover{align-self:flex-start;margin-right:8px;margin-top:.525rem}.ids-list-item .ids-list-item__date{font-family:Open Sans;font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:1px;line-height:19px;text-transform:uppercase}.ids-list-item .date-label-col{padding-right:20px}.ids-list-item .ids-list-item__header,.ids-list-item ::slotted([slot=headline]){align-items:center!important;color:var(--link-colorpreset-1_color)!important;cursor:pointer;display:inline-flex!important;font-family:var(--heading-3-font-family)!important;font-size:1.375rem!important;font-style:normal!important;font-weight:var(--heading-3-font-weight)!important;letter-spacing:var(--heading-3-letter-spacing)!important;line-height:1.875rem!important;margin-bottom:0!important;margin-top:0!important;text-decoration:none}.ids-list-item .ids-list-item__body{margin-top:15px}.ids-list-item.ids-list-item--interactive{cursor:pointer}.ids-list-item.ids-list-item--interactive ::slotted([slot=interactive]){bottom:0!important;left:0!important;opacity:0!important;position:absolute!important;right:0!important;top:0!important}.ids-list-item.ids-list-item--interactive:focus-within{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-list-item.ids-list-item--interactive:focus-within .ids-list-item__icon{display:none}.ids-list-item.ids-list-item--interactive:focus-within .ids-list-item__icon--hover{display:flex}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__header,.ids-list-item.ids-list-item--interactive:hover ::slotted([slot=headline]){color:var(--link-colorpreset-1-hover_color)!important;text-decoration:underline!important}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__icon{display:none}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__icon--hover{display:flex}.ids-list-item.ids-list-item--interactive .ids-list-item__header{outline:none}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover{color:var(--link-colorpreset-1-hover_color)!important;text-decoration:underline!important}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover .ids-list-item__icon{display:none}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover .ids-list-item__icon--hover{display:flex}.ids-list-item__info{color:var(--list-item-info_color);display:block;font-family:Open Sans;font-size:1rem;font-style:italic;font-weight:400;margin-bottom:10px;margin-top:10px}";
|
|
4
4
|
|
|
5
5
|
var listLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
package/components/list/list.css
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
/*******
|
|
6
6
|
* Accessibility
|
|
7
7
|
********/
|
|
8
|
+
/* headings */
|
|
8
9
|
@media (max-width: 1023px) {
|
|
9
10
|
.ids-desktop {
|
|
10
11
|
display: none !important;
|
|
@@ -63,9 +64,9 @@
|
|
|
63
64
|
margin-top: 0px !important;
|
|
64
65
|
color: var(--link-colorpreset-1_color) !important;
|
|
65
66
|
font-style: normal !important;
|
|
66
|
-
font-family: var(--
|
|
67
|
-
font-weight: var(--
|
|
68
|
-
letter-spacing: var(--
|
|
67
|
+
font-family: var(--heading-3-font-family) !important;
|
|
68
|
+
font-weight: var(--heading-3-font-weight) !important;
|
|
69
|
+
letter-spacing: var(--heading-3-letter-spacing) !important;
|
|
69
70
|
font-size: 1.375rem !important;
|
|
70
71
|
line-height: 1.875rem !important;
|
|
71
72
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a{color:inherit!important;display:inline-block;flex-grow:1;font-weight:inherit!important;padding:12px 12px 12px 20px!important;text-align:start;text-decoration:none!important;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a{padding-left:20px!important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a{padding-left:40px!important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a{padding-left:60px!important}.ids-mobile-menu-item__sub-items{display:none}.ids-mobile-menu-item--expanded>.ids-mobile-menu-item__sub-items{display:block}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item{min-height:48px;min-width:48px;position:relative}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY__INNER__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM__INNER__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU-ITEM__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-ITEM__INNER__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM__INNER__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU-ITEM__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:48px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:20px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:48px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:20px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2{position:relative}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU-ITEM--2__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:has(.ids-mobile-menu-item__expand-btn){font-weight:var(--IDS-MOBILE-MENU-ITEM--2--HAS-CHILDREN__INNER__FONT-WEIGHT)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:48px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:40px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:48px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:40px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--2--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3{position:relative}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU-ITEM--2__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:48px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:60px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--2--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:48px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:60px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item{position:relative}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU--2-ITEM__INNER__BACKGROUND-COLOR);border-bottom:none;color:var(--IDS-MOBILE-MENU--2-ITEM__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU--2-ITEM__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner:after{background-color:var(--IDS-MOBILE-MENU--2-ITEM__INNER__BORDER-BOTTOM-COLOR);bottom:0;content:\"\";display:block;height:1px;left:20px;position:absolute;right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:48px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:20px;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:48px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:20px;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2{position:relative}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__BACKGROUND-COLOR);border-bottom:none;color:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:after{background-color:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__BORDER-BOTTOM-COLOR)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:after{bottom:0;content:\"\";display:block;height:1px;left:20px;position:absolute;right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:48px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:40px;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:48px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:40px;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3{position:relative}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__BACKGROUND-COLOR);border-bottom:none;color:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:after{background-color:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__BORDER-BOTTOM-COLOR)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:has(.ids-mobile-menu-item__expand-btn){font-weight:var(--IDS-MOBILE-MENU--2-ITEM--3--HAS-CHILDREN__INNER__FONT-WEIGHT)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:after{bottom:0;content:\"\";display:block;height:1px;left:20px;position:absolute;right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:48px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:60px;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu ul{list-style:none;margin:0;padding:0}";
|
|
3
|
+
var css_248z = ".ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a{color:inherit!important;display:inline-block;flex-grow:1;font-weight:inherit!important;padding:12px 12px 12px 20px!important;text-align:start;text-decoration:none!important;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a{padding-left:20px!important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a{padding-left:40px!important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a{padding-left:60px!important}.ids-mobile-menu-item__sub-items{display:none}.ids-mobile-menu-item--expanded>.ids-mobile-menu-item__sub-items{display:block}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item{min-height:48px;min-width:48px;position:relative}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY__INNER__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM__INNER__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU-ITEM__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-ITEM__INNER__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM__INNER__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU-ITEM__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:52px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:20px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:24px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:52px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:20px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:24px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2{position:relative}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU-ITEM--2__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:has(.ids-mobile-menu-item__expand-btn){font-weight:var(--IDS-MOBILE-MENU-ITEM--2--HAS-CHILDREN__INNER__FONT-WEIGHT)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:52px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:40px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:24px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:52px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:40px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:24px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--2--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3{position:relative}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU-ITEM--2__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:52px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:60px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:24px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--2--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:52px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:60px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:24px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item{position:relative}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU--2-ITEM__INNER__BACKGROUND-COLOR);border-bottom:none;color:var(--IDS-MOBILE-MENU--2-ITEM__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU--2-ITEM__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner:after{background-color:var(--IDS-MOBILE-MENU--2-ITEM__INNER__BORDER-BOTTOM-COLOR);bottom:0;content:\"\";display:block;height:1px;left:20px;position:absolute;right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:52px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:20px;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:24px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:52px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:20px;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:24px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2{position:relative}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__BACKGROUND-COLOR);border-bottom:none;color:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:after{background-color:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__BORDER-BOTTOM-COLOR)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:after{bottom:0;content:\"\";display:block;height:1px;left:20px;position:absolute;right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:52px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:40px;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:24px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:52px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:40px;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:24px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3{position:relative}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__BACKGROUND-COLOR);border-bottom:none;color:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:after{background-color:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__BORDER-BOTTOM-COLOR)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:has(.ids-mobile-menu-item__expand-btn){font-weight:var(--IDS-MOBILE-MENU--2-ITEM--3--HAS-CHILDREN__INNER__FONT-WEIGHT)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:after{bottom:0;content:\"\";display:block;height:1px;left:20px;position:absolute;right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:52px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:60px;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:24px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu ul{list-style:none;margin:0;padding:0}";
|
|
4
4
|
|
|
5
5
|
var mobileMenuLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|