@inera/ids-design 5.0.2 → 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-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +1 -0
- package/components/header-1177-admin/header-1177-admin-avatar.css +13 -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-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +1 -0
- package/components/header-1177-pro/header-1177-pro-avatar.css +17 -4
- 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
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
/*******
|
|
18
18
|
* Accessibility
|
|
19
19
|
********/
|
|
20
|
+
/* headings */
|
|
20
21
|
:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit, :host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name, :host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit, :host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name, .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit, .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name, .ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit, .ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name {
|
|
21
22
|
text-align: start;
|
|
22
23
|
max-width: 15.625rem;
|
|
@@ -71,9 +72,12 @@
|
|
|
71
72
|
}
|
|
72
73
|
.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content {
|
|
73
74
|
display: grid;
|
|
74
|
-
grid-template-rows: 1fr
|
|
75
|
+
grid-template-rows: 1fr;
|
|
75
76
|
min-width: 100px;
|
|
76
77
|
}
|
|
78
|
+
.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content:has(.ids-header-1177-pro__avatar-content__unit) {
|
|
79
|
+
grid-template-rows: 1fr 1fr;
|
|
80
|
+
}
|
|
77
81
|
.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit {
|
|
78
82
|
font-size: 0.875rem;
|
|
79
83
|
}
|
|
@@ -143,9 +147,12 @@
|
|
|
143
147
|
}
|
|
144
148
|
.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content {
|
|
145
149
|
display: grid;
|
|
146
|
-
grid-template-rows: 1fr
|
|
150
|
+
grid-template-rows: 1fr;
|
|
147
151
|
min-width: 100px;
|
|
148
152
|
}
|
|
153
|
+
.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content:has(.ids-header-1177-pro__avatar-content__unit) {
|
|
154
|
+
grid-template-rows: 1fr 1fr;
|
|
155
|
+
}
|
|
149
156
|
.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit {
|
|
150
157
|
font-size: 0.875rem;
|
|
151
158
|
}
|
|
@@ -215,9 +222,12 @@
|
|
|
215
222
|
}
|
|
216
223
|
:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content {
|
|
217
224
|
display: grid;
|
|
218
|
-
grid-template-rows: 1fr
|
|
225
|
+
grid-template-rows: 1fr;
|
|
219
226
|
min-width: 100px;
|
|
220
227
|
}
|
|
228
|
+
:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content:has(.ids-header-1177-pro__avatar-content__unit) {
|
|
229
|
+
grid-template-rows: 1fr 1fr;
|
|
230
|
+
}
|
|
221
231
|
:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit {
|
|
222
232
|
font-size: 0.875rem;
|
|
223
233
|
}
|
|
@@ -281,9 +291,12 @@
|
|
|
281
291
|
}
|
|
282
292
|
:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content {
|
|
283
293
|
display: grid;
|
|
284
|
-
grid-template-rows: 1fr
|
|
294
|
+
grid-template-rows: 1fr;
|
|
285
295
|
min-width: 100px;
|
|
286
296
|
}
|
|
297
|
+
:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content:has(.ids-header-1177-pro__avatar-content__unit) {
|
|
298
|
+
grid-template-rows: 1fr 1fr;
|
|
299
|
+
}
|
|
287
300
|
:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit {
|
|
288
301
|
font-size: 0.875rem;
|
|
289
302
|
}
|
|
@@ -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-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item ::slotted(a),.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>a,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.5px;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>a:focus,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>a:focus:after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>a:hover:after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>button:focus:after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>button:hover:after{right:0;width:auto}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>a:after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>button:after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item ::slotted(a):after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item ::slotted(a:focus):after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item ::slotted(a:hover):after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--active ::slotted(a):after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--active button:after{right:0;width:auto}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:absolute;top:100%;width:100%;z-index:-1}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content ::slotted(*){border-bottom:1px solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item ::slotted(a),.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>a,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.5px;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>a:focus,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>a:focus:after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>a:hover:after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>button:focus:after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>button:hover:after{right:0;width:auto}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>a:after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>button:after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item ::slotted(a):after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item ::slotted(a:focus):after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item ::slotted(a:hover):after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--active ::slotted(a):after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--active button:after{right:0;width:auto}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:absolute;top:100%;width:100%;z-index:-1}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content ::slotted(*){border-bottom:1px solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item{display:none}}.ids-header-1177-pro--fluid .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content{max-width:100%!important}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) ::slotted(a),:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>a,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.5px;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>a:focus,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>a:focus:after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>a:hover:after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>button:focus:after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>button:hover:after{right:0;width:auto}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>a:after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>button:after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) ::slotted(a):after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) ::slotted(a:focus):after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) ::slotted(a:hover):after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive).ids-header-1177-pro__nav-item--active ::slotted(a):after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive).ids-header-1177-pro__nav-item--active button:after{right:0;width:auto}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) .ids-header-1177-pro__items__item-dropdown{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:absolute;top:100%;width:100%;z-index:-1}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content ::slotted(*){border-bottom:1px solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px}@media (max-width:1024px){:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive){display:none}}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive ::slotted(a),:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>a,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.5px;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>a:focus,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>a:focus:after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>a:hover:after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>button:focus:after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>button:hover:after{right:0;width:auto}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>a:after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>button:after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive ::slotted(a):after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive ::slotted(a:focus):after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive ::slotted(a:hover):after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive.ids-header-1177-pro__nav-item--active ::slotted(a):after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive.ids-header-1177-pro__nav-item--active button:after{right:0;width:auto}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive .ids-header-1177-pro__items__item-dropdown{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:absolute;top:100%;width:100%;z-index:-1}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content ::slotted(*){border-bottom:1px solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--fluid .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content{max-width:100%!important}";
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item ::slotted(a),.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>a,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.5px;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>a:focus,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>a:focus:after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>a:hover:after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>button:focus:after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>button:hover:after{right:0;width:auto}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>a:after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>button:after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item ::slotted(a):after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item ::slotted(a:focus):after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item ::slotted(a:hover):after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--active ::slotted(a):after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--active button:after{right:0;width:auto}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:absolute;top:100%;width:100%;z-index:-1}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content ::slotted(*){border-bottom:1px solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px;padding-bottom:10px}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item ::slotted(a),.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>a,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.5px;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>a:focus,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>a:focus:after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>a:hover:after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>button:focus:after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>button:hover:after{right:0;width:auto}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>a:after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>button:after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item ::slotted(a):after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item ::slotted(a:focus):after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item ::slotted(a:hover):after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--active ::slotted(a):after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--active button:after{right:0;width:auto}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:absolute;top:100%;width:100%;z-index:-1}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content ::slotted(*){border-bottom:1px solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px;padding-bottom:10px}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item{display:none}}.ids-header-1177-pro--fluid .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content{max-width:100%!important}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) ::slotted(a),:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>a,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.5px;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>a:focus,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>a:focus:after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>a:hover:after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>button:focus:after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>button:hover:after{right:0;width:auto}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>a:after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>button:after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) ::slotted(a):after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) ::slotted(a:focus):after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) ::slotted(a:hover):after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive).ids-header-1177-pro__nav-item--active ::slotted(a):after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive).ids-header-1177-pro__nav-item--active button:after{right:0;width:auto}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) .ids-header-1177-pro__items__item-dropdown{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:absolute;top:100%;width:100%;z-index:-1}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content ::slotted(*){border-bottom:1px solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px;padding-bottom:10px}@media (max-width:1024px){:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive){display:none}}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive ::slotted(a),:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>a,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.5px;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>a:focus,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>a:focus:after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>a:hover:after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>button:focus:after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>button:hover:after{right:0;width:auto}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>a:after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>button:after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive ::slotted(a):after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive ::slotted(a:focus):after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive ::slotted(a:hover):after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive.ids-header-1177-pro__nav-item--active ::slotted(a):after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive.ids-header-1177-pro__nav-item--active button:after{right:0;width:auto}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive .ids-header-1177-pro__items__item-dropdown{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:absolute;top:100%;width:100%;z-index:-1}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content ::slotted(*){border-bottom:1px solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px;padding-bottom:10px}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--fluid .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content{max-width:100%!important}";
|
|
4
4
|
|
|
5
5
|
var header1177ProNavItemLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
|
@@ -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;
|
|
@@ -110,6 +111,7 @@
|
|
|
110
111
|
display: block;
|
|
111
112
|
margin-bottom: 10px;
|
|
112
113
|
margin-right: 40px;
|
|
114
|
+
padding-bottom: 10px;
|
|
113
115
|
font-size: 1rem;
|
|
114
116
|
line-height: 24px;
|
|
115
117
|
border-bottom: 1px solid var(--IDS-COLOR-ACCENT-90);
|
|
@@ -208,6 +210,7 @@
|
|
|
208
210
|
display: block;
|
|
209
211
|
margin-bottom: 10px;
|
|
210
212
|
margin-right: 40px;
|
|
213
|
+
padding-bottom: 10px;
|
|
211
214
|
font-size: 1rem;
|
|
212
215
|
line-height: 24px;
|
|
213
216
|
border-bottom: 1px solid var(--IDS-COLOR-ACCENT-90);
|
|
@@ -315,6 +318,7 @@
|
|
|
315
318
|
display: block;
|
|
316
319
|
margin-bottom: 10px;
|
|
317
320
|
margin-right: 40px;
|
|
321
|
+
padding-bottom: 10px;
|
|
318
322
|
font-size: 1rem;
|
|
319
323
|
line-height: 24px;
|
|
320
324
|
border-bottom: 1px solid var(--IDS-COLOR-ACCENT-90);
|
|
@@ -417,6 +421,7 @@
|
|
|
417
421
|
display: block;
|
|
418
422
|
margin-bottom: 10px;
|
|
419
423
|
margin-right: 40px;
|
|
424
|
+
padding-bottom: 10px;
|
|
420
425
|
font-size: 1rem;
|
|
421
426
|
line-height: 24px;
|
|
422
427
|
border-bottom: 1px solid var(--IDS-COLOR-ACCENT-90);
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { css, unsafeCSS } from 'lit';
|
|
2
|
+
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera-item{align-items:center;display:none;margin-right:16px;position:relative}.ids-header-inera-item.ids-header-inera-item--mobile{display:flex}.ids-header-inera-item .ids-header-inera-item__link{align-items:center;display:flex}.ids-header-inera-item a{bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.ids-header-inera-item .ids-header-inera-item__link-text{color:var(--IDS-COLOR-NEUTRAL-20);display:none;font-family:var(--font-family_1)!important;font-size:1rem!important;font-weight:600!important;margin-left:8px;text-decoration:none}.ids-header-inera-item .ids-header-inera-item__link-icon{display:flex}.ids-header-inera-item ::slotted(:not([slot=icon])){bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;z-index:1}.ids-header-inera-item:focus-within{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}@media (min-width:1024px){.ids-header-inera-item{display:flex;margin-right:30px}.ids-header-inera-item .ids-header-inera-item__link-text{display:flex}.ids-header-inera-item.ids-header-inera-item__separator{margin-left:32px}.ids-header-inera-item.ids-header-inera-item__separator:after{background-color:var(--IDS-COLOR-NEUTRAL-90);bottom:-15px;content:\"\";left:-16px;position:absolute;top:-20px;width:1px}}@media (max-width:1024px){.ids-header-inera-item.ids-header-inera-item--unresponsive,.ids-header-inera-item.ids-header-inera-item--unresponsive .ids-header-inera-item__link-text{display:flex}}";
|
|
4
|
+
|
|
5
|
+
var headerIneraItemLit = css`${unsafeCSS(css_248z)}`;
|
|
6
|
+
|
|
7
|
+
export { headerIneraItemLit as default };
|
|
@@ -0,0 +1,95 @@
|
|
|
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-item {
|
|
22
|
+
position: relative;
|
|
23
|
+
align-items: center;
|
|
24
|
+
margin-right: 16px;
|
|
25
|
+
display: none;
|
|
26
|
+
}
|
|
27
|
+
.ids-header-inera-item.ids-header-inera-item--mobile {
|
|
28
|
+
display: flex;
|
|
29
|
+
}
|
|
30
|
+
.ids-header-inera-item .ids-header-inera-item__link {
|
|
31
|
+
display: flex;
|
|
32
|
+
align-items: center;
|
|
33
|
+
}
|
|
34
|
+
.ids-header-inera-item a {
|
|
35
|
+
position: absolute;
|
|
36
|
+
top: 0;
|
|
37
|
+
bottom: 0;
|
|
38
|
+
left: 0;
|
|
39
|
+
right: 0;
|
|
40
|
+
z-index: 2;
|
|
41
|
+
}
|
|
42
|
+
.ids-header-inera-item .ids-header-inera-item__link-text {
|
|
43
|
+
display: none;
|
|
44
|
+
text-decoration: none;
|
|
45
|
+
font-weight: 600 !important;
|
|
46
|
+
font-family: var(--font-family_1) !important;
|
|
47
|
+
font-size: 1rem !important;
|
|
48
|
+
color: var(--IDS-COLOR-NEUTRAL-20);
|
|
49
|
+
margin-left: 8px;
|
|
50
|
+
}
|
|
51
|
+
.ids-header-inera-item .ids-header-inera-item__link-icon {
|
|
52
|
+
display: flex;
|
|
53
|
+
}
|
|
54
|
+
.ids-header-inera-item ::slotted(:not([slot=icon])) {
|
|
55
|
+
opacity: 0;
|
|
56
|
+
position: absolute;
|
|
57
|
+
top: 0;
|
|
58
|
+
bottom: 0;
|
|
59
|
+
left: 0;
|
|
60
|
+
right: 0;
|
|
61
|
+
z-index: 1;
|
|
62
|
+
}
|
|
63
|
+
.ids-header-inera-item:focus-within {
|
|
64
|
+
outline: var(--focus_outline);
|
|
65
|
+
outline-offset: var(--focus_outline-offset);
|
|
66
|
+
}
|
|
67
|
+
@media all and (min-width: 1024px) {
|
|
68
|
+
.ids-header-inera-item {
|
|
69
|
+
margin-right: 30px;
|
|
70
|
+
display: flex;
|
|
71
|
+
}
|
|
72
|
+
.ids-header-inera-item .ids-header-inera-item__link-text {
|
|
73
|
+
display: flex;
|
|
74
|
+
}
|
|
75
|
+
.ids-header-inera-item.ids-header-inera-item__separator {
|
|
76
|
+
margin-left: 32px;
|
|
77
|
+
}
|
|
78
|
+
.ids-header-inera-item.ids-header-inera-item__separator::after {
|
|
79
|
+
content: "";
|
|
80
|
+
background-color: var(--IDS-COLOR-NEUTRAL-90);
|
|
81
|
+
width: 1px;
|
|
82
|
+
position: absolute;
|
|
83
|
+
top: -20px;
|
|
84
|
+
bottom: -15px;
|
|
85
|
+
left: -16px;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
@media all and (max-width: 1024px) {
|
|
89
|
+
.ids-header-inera-item.ids-header-inera-item--unresponsive {
|
|
90
|
+
display: flex;
|
|
91
|
+
}
|
|
92
|
+
.ids-header-inera-item.ids-header-inera-item--unresponsive .ids-header-inera-item__link-text {
|
|
93
|
+
display: flex;
|
|
94
|
+
}
|
|
95
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { css, unsafeCSS } from 'lit';
|
|
2
|
+
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera{box-shadow:0 0 10px rgba(0,0,0,.3);display:flex;flex-direction:column;padding:0 16px;position:relative;z-index:3}.ids-header-inera .ids-header-inera__skip-to-content ::slotted(a),.ids-header-inera .ids-header-inera__skip-to-content a{align-items:center;background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.3);color:var(--link-colorpreset-1_color);display:flex;font-family:var(--IDS-LINK--FONT-FAMILY);font-size:16px;height:48px;justify-content:center;left:0;padding:0 16px;position:absolute;right:0;text-align:center;text-decoration-color:var(--link-colorpreset-1_color);text-decoration:underline;transform:translateY(-300%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:10}.ids-header-inera .ids-header-inera__skip-to-content ::slotted(a:focus),.ids-header-inera .ids-header-inera__skip-to-content a:focus{color:var(--link-colorpreset-1-hover_color);outline-offset:-8px!important;text-decoration-color:var(--link-colorpreset-1-hover_color);transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.ids-header-inera .ids-header-inera__inner{align-items:center;background-color:var(--IDS-COLOR-BACKGROUND);box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);min-height:48px;width:100%;z-index:2}.ids-header-inera .ids-header-inera__logo{width:82px}.ids-header-inera .ids-header-inera__items{align-items:center;display:flex;flex-wrap:wrap}.ids-header-inera.ids-header-inera--fluid .ids-header-inera__inner{margin-left:0;margin-right:0;max-width:none}@media (min-width:1024px){.ids-header-inera{padding:0 88px}.ids-header-inera .ids-header-inera__inner{min-height:90px}.ids-header-inera .ids-header-inera__logo{width:148px}}@media (max-width:1024px){.ids-header-inera.ids-header-inera--unresponsive .ids-header-inera__inner{min-height:90px}}";
|
|
4
|
+
|
|
5
|
+
var headerIneraLit = css`${unsafeCSS(css_248z)}`;
|
|
6
|
+
|
|
7
|
+
export { headerIneraLit as default };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { css, unsafeCSS } from 'lit';
|
|
2
|
+
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera-nav-item{display:none}.ids-header-inera-nav-item ::slotted(.ids-link),.ids-header-inera-nav-item ::slotted(a){bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.ids-header-inera-nav-item .ids-notification-badge,.ids-header-inera-nav-item ids-notification-badge{display:inline-flex;height:0;margin-left:3px;position:relative;top:-2px}.ids-header-inera-nav-item.ids-header-inera-nav-item--unresponsive{display:block}.ids-header-inera-nav-item:focus-within .ids-header-inera-nav-item__link{outline:var(--focus_outline);outline-offset:-5px}.ids-header-inera-nav-item .ids-header-inera-nav-item__button,.ids-header-inera-nav-item .ids-header-inera-nav-item__link{background-color:transparent;border:0;color:var(--IDS-COLOR-NEUTRAL-20);cursor:pointer;display:block;font-family:var(--font-family_2);font-size:18px;font-weight:600;line-height:24px;outline-offset:-2px!important;padding:8px 16px;position:relative;text-decoration:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button a,.ids-header-inera-nav-item .ids-header-inera-nav-item__link a{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--font-family_2);text-decoration:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button a:focus,.ids-header-inera-nav-item .ids-header-inera-nav-item__link a:focus{outline:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--active,.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__link--active,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__button--active,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__link--active{background-color:var(--header-nav-item-active_background-color)}.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--active:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__link--active:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__button--active:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__link--active:after{right:0;width:auto}.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--expanded,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__button--expanded{background-color:var(--header-nav-item-expanded_background-color);border:var(--header-nav-item-expanded_border)!important;color:var(--header-nav-item-expanded_color)}.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--expanded:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__button--expanded:after{right:0;width:auto}.ids-header-inera-nav-item .ids-header-inera-nav-item__button:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:after{background:var(--header-nav-item-after_background);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:10px;margin-right:10px;position:absolute;right:100%;transition:all .3s ease;width:0}.ids-header-inera-nav-item .ids-header-inera-nav-item__button:hover,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:hover{border:var(--header-nav-item-hover_border);text-decoration:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button:hover:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:hover:after{right:0;width:auto}.ids-header-inera-nav-item .ids-header-inera-nav-item__button.focus-within:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__button:focus-visible:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__button:focus:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.focus-within:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:focus-visible:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:focus:after{right:0;width:auto}.ids-header-inera-nav-item .ids-header-inera-nav-item__button:focus-visible:focus,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:focus-visible:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-inera-nav-item .ids-header-inera-nav-item__content{background-color:var(--IDS-COLOR-SECONDARY-95);box-shadow:0 4px 8px 0 rgba(53,53,53,.2);box-sizing:border-box;display:flex;left:0;min-height:173px;overflow:hidden;padding:40px 16px 50px;position:absolute;right:0;top:101%;width:100%;z-index:20}.ids-header-inera-nav-item .ids-header-inera-nav-item__content-inner{display:flex;margin:0 auto;max-width:var(--IDS_MAX-WIDTH);width:100%}.ids-header-inera-nav-item .ids-header-inera-nav-item__content-inner.ids-header-inera-nav-item__content-inner--fluid{max-width:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__content-col{flex:0 25%}.ids-header-inera-nav-item ::slotted([slot=col-1]),.ids-header-inera-nav-item ::slotted([slot=col-2]),.ids-header-inera-nav-item ::slotted([slot=col-3]),.ids-header-inera-nav-item ::slotted([slot=col-4]){border-bottom:var(--header-nav-item-link_border-bottom);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px;padding-bottom:10px}.ids-header-inera-nav-item ::slotted([slot=col-1]) a,.ids-header-inera-nav-item ::slotted([slot=col-2]) a,.ids-header-inera-nav-item ::slotted([slot=col-3]) a,.ids-header-inera-nav-item ::slotted([slot=col-4]) a{display:block}.ids-header-inera-nav-item .ids-header-inera-nav-item__content-col>div{border-bottom:var(--header-nav-item-link_border-bottom);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px;padding-bottom:10px}@media only screen and (min-width:1024px){.ids-header-inera-nav-item{display:flex}.ids-header-inera-nav-item .ids-header-inera-nav-item__content{padding:40px 88px 50px}}@media only screen and (max-width:1440){.ids-header-inera-nav-item .nav-item{font-size:1.0625rem!important}}";
|
|
4
|
+
|
|
5
|
+
var headerIneraNavItemLit = css`${unsafeCSS(css_248z)}`;
|
|
6
|
+
|
|
7
|
+
export { headerIneraNavItemLit as default };
|
|
@@ -0,0 +1,199 @@
|
|
|
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-nav-item {
|
|
22
|
+
display: none;
|
|
23
|
+
}
|
|
24
|
+
.ids-header-inera-nav-item ::slotted(a),
|
|
25
|
+
.ids-header-inera-nav-item ::slotted(.ids-link) {
|
|
26
|
+
position: absolute;
|
|
27
|
+
top: 0;
|
|
28
|
+
bottom: 0;
|
|
29
|
+
left: 0;
|
|
30
|
+
right: 0;
|
|
31
|
+
opacity: 0;
|
|
32
|
+
}
|
|
33
|
+
.ids-header-inera-nav-item ids-notification-badge,
|
|
34
|
+
.ids-header-inera-nav-item .ids-notification-badge {
|
|
35
|
+
margin-left: 3px;
|
|
36
|
+
display: inline-flex;
|
|
37
|
+
height: 0;
|
|
38
|
+
position: relative;
|
|
39
|
+
top: -2px;
|
|
40
|
+
}
|
|
41
|
+
.ids-header-inera-nav-item.ids-header-inera-nav-item--unresponsive {
|
|
42
|
+
display: block;
|
|
43
|
+
}
|
|
44
|
+
.ids-header-inera-nav-item:focus-within .ids-header-inera-nav-item__link {
|
|
45
|
+
outline: var(--focus_outline);
|
|
46
|
+
outline-offset: -5px;
|
|
47
|
+
}
|
|
48
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__button,
|
|
49
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__link {
|
|
50
|
+
display: block;
|
|
51
|
+
position: relative;
|
|
52
|
+
padding: 8px 16px;
|
|
53
|
+
outline-offset: -2px !important;
|
|
54
|
+
text-decoration: none;
|
|
55
|
+
font-size: 18px;
|
|
56
|
+
line-height: 24px;
|
|
57
|
+
font-weight: 600;
|
|
58
|
+
font-family: var(--font-family_2);
|
|
59
|
+
color: var(--IDS-COLOR-NEUTRAL-20);
|
|
60
|
+
background-color: transparent;
|
|
61
|
+
border: 0;
|
|
62
|
+
cursor: pointer;
|
|
63
|
+
}
|
|
64
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__button a,
|
|
65
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__link a {
|
|
66
|
+
font-family: var(--font-family_2);
|
|
67
|
+
color: var(--IDS-COLOR-NEUTRAL-20);
|
|
68
|
+
text-decoration: none;
|
|
69
|
+
}
|
|
70
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__button a:focus,
|
|
71
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__link a:focus {
|
|
72
|
+
outline: none;
|
|
73
|
+
}
|
|
74
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--active, .ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__link--active,
|
|
75
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__button--active,
|
|
76
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__link--active {
|
|
77
|
+
background-color: var(--header-nav-item-active_background-color);
|
|
78
|
+
}
|
|
79
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--active:after, .ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__link--active:after,
|
|
80
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__button--active:after,
|
|
81
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__link--active:after {
|
|
82
|
+
width: auto;
|
|
83
|
+
right: 0;
|
|
84
|
+
}
|
|
85
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--expanded,
|
|
86
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__button--expanded {
|
|
87
|
+
background-color: var(--header-nav-item-expanded_background-color);
|
|
88
|
+
border: var(--header-nav-item-expanded_border) !important;
|
|
89
|
+
color: var(--header-nav-item-expanded_color);
|
|
90
|
+
}
|
|
91
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--expanded:after,
|
|
92
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__button--expanded:after {
|
|
93
|
+
width: auto;
|
|
94
|
+
right: 0;
|
|
95
|
+
}
|
|
96
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__button:after,
|
|
97
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__link:after {
|
|
98
|
+
content: "";
|
|
99
|
+
background: var(--header-nav-item-after_background);
|
|
100
|
+
display: block;
|
|
101
|
+
height: 5px;
|
|
102
|
+
left: 0;
|
|
103
|
+
right: 100%;
|
|
104
|
+
bottom: 0;
|
|
105
|
+
position: absolute;
|
|
106
|
+
transition: all 0.3s ease;
|
|
107
|
+
width: 0;
|
|
108
|
+
margin-left: 10px;
|
|
109
|
+
margin-right: 10px;
|
|
110
|
+
}
|
|
111
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__button:hover,
|
|
112
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__link:hover {
|
|
113
|
+
border: var(--header-nav-item-hover_border);
|
|
114
|
+
text-decoration: none;
|
|
115
|
+
}
|
|
116
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__button:hover:after,
|
|
117
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__link:hover:after {
|
|
118
|
+
width: auto;
|
|
119
|
+
right: 0;
|
|
120
|
+
}
|
|
121
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__button:focus:after, .ids-header-inera-nav-item .ids-header-inera-nav-item__button:focus-visible:after, .ids-header-inera-nav-item .ids-header-inera-nav-item__button.focus-within:after,
|
|
122
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__link:focus:after,
|
|
123
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__link:focus-visible:after,
|
|
124
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__link.focus-within:after {
|
|
125
|
+
width: auto;
|
|
126
|
+
right: 0;
|
|
127
|
+
}
|
|
128
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__button:focus-visible:focus,
|
|
129
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__link:focus-visible:focus {
|
|
130
|
+
outline: var(--IDS-FOCUS_OUTLINE);
|
|
131
|
+
outline-offset: -2px !important;
|
|
132
|
+
}
|
|
133
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__content {
|
|
134
|
+
background-color: var(--IDS-COLOR-SECONDARY-95);
|
|
135
|
+
left: 0;
|
|
136
|
+
right: 0;
|
|
137
|
+
top: 101%;
|
|
138
|
+
min-height: 173px;
|
|
139
|
+
overflow: hidden;
|
|
140
|
+
padding: 40px 16px 50px;
|
|
141
|
+
position: absolute;
|
|
142
|
+
width: 100%;
|
|
143
|
+
z-index: 20;
|
|
144
|
+
display: flex;
|
|
145
|
+
box-sizing: border-box;
|
|
146
|
+
box-shadow: 0 4px 8px 0 rgba(53, 53, 53, 0.2);
|
|
147
|
+
}
|
|
148
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__content-inner {
|
|
149
|
+
max-width: var(--IDS_MAX-WIDTH);
|
|
150
|
+
margin: 0 auto;
|
|
151
|
+
width: 100%;
|
|
152
|
+
display: flex;
|
|
153
|
+
}
|
|
154
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__content-inner.ids-header-inera-nav-item__content-inner--fluid {
|
|
155
|
+
max-width: none;
|
|
156
|
+
}
|
|
157
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__content-col {
|
|
158
|
+
flex: 0 25%;
|
|
159
|
+
}
|
|
160
|
+
.ids-header-inera-nav-item ::slotted([slot=col-1]),
|
|
161
|
+
.ids-header-inera-nav-item ::slotted([slot=col-2]),
|
|
162
|
+
.ids-header-inera-nav-item ::slotted([slot=col-3]),
|
|
163
|
+
.ids-header-inera-nav-item ::slotted([slot=col-4]) {
|
|
164
|
+
display: block;
|
|
165
|
+
margin-bottom: 10px;
|
|
166
|
+
padding-bottom: 10px;
|
|
167
|
+
margin-right: 40px;
|
|
168
|
+
font-size: 1rem;
|
|
169
|
+
line-height: 24px;
|
|
170
|
+
border-bottom: var(--header-nav-item-link_border-bottom);
|
|
171
|
+
}
|
|
172
|
+
.ids-header-inera-nav-item ::slotted([slot=col-1]) a,
|
|
173
|
+
.ids-header-inera-nav-item ::slotted([slot=col-2]) a,
|
|
174
|
+
.ids-header-inera-nav-item ::slotted([slot=col-3]) a,
|
|
175
|
+
.ids-header-inera-nav-item ::slotted([slot=col-4]) a {
|
|
176
|
+
display: block;
|
|
177
|
+
}
|
|
178
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__content-col > div {
|
|
179
|
+
display: block;
|
|
180
|
+
margin-bottom: 10px;
|
|
181
|
+
padding-bottom: 10px;
|
|
182
|
+
margin-right: 40px;
|
|
183
|
+
font-size: 1rem;
|
|
184
|
+
line-height: 24px;
|
|
185
|
+
border-bottom: var(--header-nav-item-link_border-bottom);
|
|
186
|
+
}
|
|
187
|
+
@media only screen and (min-width: 1024px) {
|
|
188
|
+
.ids-header-inera-nav-item {
|
|
189
|
+
display: flex;
|
|
190
|
+
}
|
|
191
|
+
.ids-header-inera-nav-item .ids-header-inera-nav-item__content {
|
|
192
|
+
padding: 40px 88px 50px;
|
|
193
|
+
}
|
|
194
|
+
}
|
|
195
|
+
@media only screen and (max-width: 1440) {
|
|
196
|
+
.ids-header-inera-nav-item .nav-item {
|
|
197
|
+
font-size: 1.0625rem !important;
|
|
198
|
+
}
|
|
199
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { css, unsafeCSS } from 'lit';
|
|
2
|
+
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera-nav{border-top:1px solid var(--IDS-COLOR-NEUTRAL-90);box-sizing:border-box;display:flex;flex:1 1 auto;flex-wrap:wrap;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);width:100%}.ids-header-inera-nav .ids-header-inera-nav__nav-items{display:flex;flex-wrap:wrap}.ids-header-inera-nav.ids-header-inera-nav--fluid{margin-left:0;margin-right:0;max-width:none}@media only screen and (min-width:1024px){.ids-header-inera-nav{display:flex}}@media only screen and (max-width:1024px){.ids-header-inera-nav{display:none}.ids-header-inera-nav.ids-header-inera-nav--unresponsive{display:flex}}";
|
|
4
|
+
|
|
5
|
+
var headerIneraNavLit = css`${unsafeCSS(css_248z)}`;
|
|
6
|
+
|
|
7
|
+
export { headerIneraNavLit as default };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { css, unsafeCSS } from 'lit';
|
|
2
|
+
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button{align-content:flex-end;align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;flex:1 1 auto;height:30px;justify-content:space-between;padding:0}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button-text>*{display:inline-block}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__hamburger{cursor:pointer;position:relative;transition:.2s;user-select:none}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__hamburger-content{background-color:var(--IDS-COLOR-PRIMARY-40);border-radius:2px;display:block;height:3px;position:relative;transition:.2s;width:1.3125rem;width:1.875rem}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__hamburger-content:before{top:10px}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__hamburger-content:after,.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__hamburger-content:before{background-color:var(--IDS-COLOR-PRIMARY-40);border-radius:2px;content:\"\";display:inline-block;height:3px;left:0;position:absolute;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:.2s;width:1.3125rem;width:1.875rem}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__hamburger-content:after{top:-10px}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__hamburger.ids-header-inera-nav-mobile__hamburger--x{-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__hamburger.ids-header-inera-nav-mobile__hamburger--x .ids-header-inera-nav-mobile__hamburger-content{background:transparent}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__hamburger.ids-header-inera-nav-mobile__hamburger--x .ids-header-inera-nav-mobile__hamburger-content:before{left:-5px;top:0;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:2.5rem}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__hamburger.ids-header-inera-nav-mobile__hamburger--x .ids-header-inera-nav-mobile__hamburger-content:after{left:-5px;top:0;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:2.5rem}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__menu-items{box-shadow:var(--header-nav-mobile-menu-items_box-shadow);left:0;position:absolute;right:0;top:100%;z-index:10}@media only screen and (min-width:1024px){.ids-header-inera-nav-mobile{display:none}}@media only screen and (max-width:1024px){.ids-header-inera-nav-mobile{display:block}.ids-header-inera-nav-mobile.ids-header-inera-nav-mobile--unresponsive{display:none}}";
|
|
4
|
+
|
|
5
|
+
var headerIneraNavMobileLit = css`${unsafeCSS(css_248z)}`;
|
|
6
|
+
|
|
7
|
+
export { headerIneraNavMobileLit as default };
|