@inera/ids-design 5.1.1 → 5.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/components/dropdown/dropdown-lit.js +1 -1
  2. package/components/dropdown/dropdown.css +7 -12
  3. package/components/header-1177/composite-header-1177.css +55 -56
  4. package/components/header-1177/header-1177-nav-item-lit.js +1 -1
  5. package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
  6. package/components/header-1177/header-1177-nav-item-mobile.css +1 -0
  7. package/components/header-1177/header-1177-nav-item.css +52 -56
  8. package/components/header-1177/header-1177-nav-lit.js +1 -1
  9. package/components/header-1177/header-1177-nav.css +2 -0
  10. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
  11. package/components/header-1177-admin/header-1177-admin-nav-item.css +8 -8
  12. package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
  13. package/components/header-1177-pro/header-1177-pro-nav-item.css +8 -24
  14. package/components/header-inera/header-inera-nav-item-lit.js +1 -1
  15. package/components/header-inera/header-inera-nav-item.css +1 -1
  16. package/components/header-inera-admin/composite-header-inera-admin.css +1 -1
  17. package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
  18. package/components/header-inera-admin/header-inera-admin-nav-item.css +1 -1
  19. package/components/navigation/content/navigation-content-lit.js +1 -1
  20. package/components/navigation/content/navigation-content.css +2 -2
  21. package/global/global.css +25 -46
  22. package/package.json +1 -1
  23. package/themes/1177/1177.css +29 -46
  24. package/themes/1177-pro/1177-pro.css +29 -46
  25. package/themes/inera/inera.css +29 -46
  26. package/themes/inera-admin/inera-admin.css +29 -46
package/components/header-1177/header-1177-nav-item.css CHANGED
@@ -22,7 +22,7 @@
22
22
  .ids-header-1177--unresponsive .ids-header-1177__nav-item ::slotted(a) {
23
23
  display: flex;
24
24
  align-items: center;
25
- padding: 14px 16px;
25
+ padding: 14px 10px;
26
26
  position: relative;
27
27
  text-decoration: none;
28
28
  cursor: pointer;
@@ -37,11 +37,15 @@
37
37
  border-radius: 0px;
38
38
  border: none;
39
39
  }
40
- .ids-header-1177--unresponsive .ids-header-1177__nav-item > a:focus, .ids-header-1177--unresponsive .ids-header-1177__nav-item > a:hover, .ids-header-1177--unresponsive .ids-header-1177__nav-item > button:focus, .ids-header-1177--unresponsive .ids-header-1177__nav-item > button:hover {
40
+ .ids-header-1177--unresponsive .ids-header-1177__nav-item > a:focus, .ids-header-1177--unresponsive .ids-header-1177__nav-item > button:focus {
41
41
  outline: var(--IDS-FOCUS_OUTLINE);
42
42
  outline-offset: -2px !important;
43
43
  }
44
- .ids-header-1177--unresponsive .ids-header-1177__nav-item > a:focus:after, .ids-header-1177--unresponsive .ids-header-1177__nav-item > a:hover:after, .ids-header-1177--unresponsive .ids-header-1177__nav-item > button:focus:after, .ids-header-1177--unresponsive .ids-header-1177__nav-item > button:hover:after {
44
+ .ids-header-1177--unresponsive .ids-header-1177__nav-item > a:focus:after, .ids-header-1177--unresponsive .ids-header-1177__nav-item > button:focus:after {
45
+ width: auto;
46
+ right: 0px;
47
+ }
48
+ .ids-header-1177--unresponsive .ids-header-1177__nav-item > a:hover:after, .ids-header-1177--unresponsive .ids-header-1177__nav-item > button:hover:after {
45
49
  width: auto;
46
50
  right: 0px;
47
51
  }
@@ -102,23 +106,18 @@
102
106
  margin-left: auto;
103
107
  margin-right: auto;
104
108
  }
105
- .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item a {
106
- margin-bottom: 10px;
107
- display: flex;
108
- }
109
- .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
110
- .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted(*) {
109
+ .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-1 a,
110
+ .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-2 a,
111
+ .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-3 a,
112
+ .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
113
+ .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),
114
+ .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]) {
111
115
  display: block;
112
116
  margin-bottom: 10px;
113
117
  margin-right: 40px;
114
118
  font-size: 1rem;
115
119
  line-height: 24px;
116
120
  padding-bottom: 10px;
117
- }
118
- .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
119
- .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
120
- .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),
121
- .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]) {
122
121
  border-bottom: var(--header-nav-item-link_border-bottom);
123
122
  }
124
123
 
@@ -126,7 +125,7 @@
126
125
  .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item ::slotted(a) {
127
126
  display: flex;
128
127
  align-items: center;
129
- padding: 14px 16px;
128
+ padding: 14px 10px;
130
129
  position: relative;
131
130
  text-decoration: none;
132
131
  cursor: pointer;
@@ -141,11 +140,15 @@
141
140
  border-radius: 0px;
142
141
  border: none;
143
142
  }
144
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item > a:focus, .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item > a:hover, .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item > button:focus, .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item > button:hover {
143
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item > a:focus, .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item > button:focus {
145
144
  outline: var(--IDS-FOCUS_OUTLINE);
146
145
  outline-offset: -2px !important;
147
146
  }
148
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item > a:focus:after, .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item > a:hover:after, .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item > button:focus:after, .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item > button:hover:after {
147
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item > a:focus:after, .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item > button:focus:after {
148
+ width: auto;
149
+ right: 0px;
150
+ }
151
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item > a:hover:after, .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item > button:hover:after {
149
152
  width: auto;
150
153
  right: 0px;
151
154
  }
@@ -206,23 +209,18 @@
206
209
  margin-left: auto;
207
210
  margin-right: auto;
208
211
  }
209
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item a {
210
- margin-bottom: 10px;
211
- display: flex;
212
- }
213
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
214
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted(*) {
212
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-1 a,
213
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-2 a,
214
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-3 a,
215
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
216
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),
217
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]) {
215
218
  display: block;
216
219
  margin-bottom: 10px;
217
220
  margin-right: 40px;
218
221
  font-size: 1rem;
219
222
  line-height: 24px;
220
223
  padding-bottom: 10px;
221
- }
222
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
223
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
224
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),
225
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]) {
226
224
  border-bottom: var(--header-nav-item-link_border-bottom);
227
225
  }
228
226
  @media (max-width: 1024px) {
@@ -239,7 +237,7 @@
239
237
  :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) ::slotted(a) {
240
238
  display: flex;
241
239
  align-items: center;
242
- padding: 14px 16px;
240
+ padding: 14px 10px;
243
241
  position: relative;
244
242
  text-decoration: none;
245
243
  cursor: pointer;
@@ -254,11 +252,15 @@
254
252
  border-radius: 0px;
255
253
  border: none;
256
254
  }
257
- :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) > a:focus, :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) > a:hover, :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) > button:focus, :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) > button:hover {
255
+ :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) > a:focus, :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) > button:focus {
258
256
  outline: var(--IDS-FOCUS_OUTLINE);
259
257
  outline-offset: -2px !important;
260
258
  }
261
- :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) > a:focus:after, :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) > a:hover:after, :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) > button:focus:after, :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) > button:hover:after {
259
+ :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) > a:focus:after, :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) > button:focus:after {
260
+ width: auto;
261
+ right: 0px;
262
+ }
263
+ :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) > a:hover:after, :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) > button:hover:after {
262
264
  width: auto;
263
265
  right: 0px;
264
266
  }
@@ -319,23 +321,18 @@
319
321
  margin-left: auto;
320
322
  margin-right: auto;
321
323
  }
322
- :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item a {
323
- margin-bottom: 10px;
324
- display: flex;
325
- }
326
- :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
327
- :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted(*) {
324
+ :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-1 a,
325
+ :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-2 a,
326
+ :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-3 a,
327
+ :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
328
+ :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),
329
+ :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]) {
328
330
  display: block;
329
331
  margin-bottom: 10px;
330
332
  margin-right: 40px;
331
333
  font-size: 1rem;
332
334
  line-height: 24px;
333
335
  padding-bottom: 10px;
334
- }
335
- :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
336
- :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
337
- :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),
338
- :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]) {
339
336
  border-bottom: var(--header-nav-item-link_border-bottom);
340
337
  }
341
338
  @media (max-width: 1024px) {
@@ -347,7 +344,7 @@
347
344
  :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive ::slotted(a) {
348
345
  display: flex;
349
346
  align-items: center;
350
- padding: 14px 16px;
347
+ padding: 14px 10px;
351
348
  position: relative;
352
349
  text-decoration: none;
353
350
  cursor: pointer;
@@ -362,11 +359,15 @@
362
359
  border-radius: 0px;
363
360
  border: none;
364
361
  }
365
- :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive > a:focus, :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive > a:hover, :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive > button:focus, :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive > button:hover {
362
+ :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive > a:focus, :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive > button:focus {
366
363
  outline: var(--IDS-FOCUS_OUTLINE);
367
364
  outline-offset: -2px !important;
368
365
  }
369
- :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive > a:focus:after, :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive > a:hover:after, :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive > button:focus:after, :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive > button:hover:after {
366
+ :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive > a:focus:after, :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive > button:focus:after {
367
+ width: auto;
368
+ right: 0px;
369
+ }
370
+ :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive > a:hover:after, :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive > button:hover:after {
370
371
  width: auto;
371
372
  right: 0px;
372
373
  }
@@ -427,23 +428,18 @@
427
428
  margin-left: auto;
428
429
  margin-right: auto;
429
430
  }
430
- :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item a {
431
- margin-bottom: 10px;
432
- display: flex;
433
- }
434
- :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
435
- :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted(*) {
431
+ :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-1 a,
432
+ :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-2 a,
433
+ :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-3 a,
434
+ :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
435
+ :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),
436
+ :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]) {
436
437
  display: block;
437
438
  margin-bottom: 10px;
438
439
  margin-right: 40px;
439
440
  font-size: 1rem;
440
441
  line-height: 24px;
441
442
  padding-bottom: 10px;
442
- }
443
- :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
444
- :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
445
- :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),
446
- :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]) {
447
443
  border-bottom: var(--header-nav-item-link_border-bottom);
448
444
  }
449
445
  :host .ids-header-1177__nav-item.ids-header-1177__nav-item--fluid .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content {
package/components/header-1177/header-1177-nav-lit.js CHANGED
@@ -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--unresponsive nav.ids-header-1177__nav{background-color:#fff;position:relative}.ids-header-1177--unresponsive nav.ids-header-1177__nav .ids-header-1177__nav-inner{background-color:var(--header-nav_background-color);display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}.ids-header-1177:not(.ids-header-1177--unresponsive) nav.ids-header-1177__nav{background-color:#fff;position:relative}.ids-header-1177:not(.ids-header-1177--unresponsive) nav.ids-header-1177__nav .ids-header-1177__nav-inner{background-color:var(--header-nav_background-color);display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) nav.ids-header-1177__nav .ids-header-1177__nav-inner{background-color:var(--IDS-COLOR-PRIMARY-90);box-sizing:border-box;flex:1 1 auto;flex-wrap:wrap}}.ids-header-1177--fluid .ids-header-1177__container .ids-header-1177__nav-inner{max-width:100%!important}:host nav.ids-header-1177__nav:not(.ids-header-1177__nav--unresponsive){background-color:#fff;position:relative}:host nav.ids-header-1177__nav:not(.ids-header-1177__nav--unresponsive) .ids-header-1177__nav-inner{background-color:var(--header-nav_background-color);display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}@media (max-width:1024px){:host nav.ids-header-1177__nav:not(.ids-header-1177__nav--unresponsive) .ids-header-1177__nav-inner{background-color:var(--IDS-COLOR-PRIMARY-90);box-sizing:border-box;flex:1 1 auto;flex-wrap:wrap}}:host nav.ids-header-1177__nav.ids-header-1177__nav--unresponsive{background-color:#fff;position:relative}:host nav.ids-header-1177__nav.ids-header-1177__nav--unresponsive .ids-header-1177__nav-inner{background-color:var(--header-nav_background-color);display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}:host nav.ids-header-1177__nav.ids-header-1177__nav--fluid .ids-header-1177__nav-inner{max-width:100%}";
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--unresponsive nav.ids-header-1177__nav{background-color:#fff;position:relative}.ids-header-1177--unresponsive nav.ids-header-1177__nav .ids-header-1177__nav-inner{background-color:var(--header-nav_background-color);display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}.ids-header-1177:not(.ids-header-1177--unresponsive) nav.ids-header-1177__nav{background-color:#fff;position:relative}.ids-header-1177:not(.ids-header-1177--unresponsive) nav.ids-header-1177__nav .ids-header-1177__nav-inner{background-color:var(--header-nav_background-color);display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) nav.ids-header-1177__nav .ids-header-1177__nav-inner{background-color:var(--IDS-COLOR-PRIMARY-90);box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-sizing:border-box;flex:1 1 auto;flex-wrap:wrap}}.ids-header-1177--fluid .ids-header-1177__container .ids-header-1177__nav-inner{max-width:100%!important}:host nav.ids-header-1177__nav:not(.ids-header-1177__nav--unresponsive){background-color:#fff;position:relative}:host nav.ids-header-1177__nav:not(.ids-header-1177__nav--unresponsive) .ids-header-1177__nav-inner{background-color:var(--header-nav_background-color);display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}@media (max-width:1024px){:host nav.ids-header-1177__nav:not(.ids-header-1177__nav--unresponsive) .ids-header-1177__nav-inner{background-color:var(--IDS-COLOR-PRIMARY-90);box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-sizing:border-box;flex:1 1 auto;flex-wrap:wrap}}:host nav.ids-header-1177__nav.ids-header-1177__nav--unresponsive{background-color:#fff;position:relative}:host nav.ids-header-1177__nav.ids-header-1177__nav--unresponsive .ids-header-1177__nav-inner{background-color:var(--header-nav_background-color);display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}:host nav.ids-header-1177__nav.ids-header-1177__nav--fluid .ids-header-1177__nav-inner{max-width:100%}";
4
4
 
5
5
  var header1177NavLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177/header-1177-nav.css CHANGED
@@ -41,6 +41,7 @@
41
41
  }
42
42
  @media (max-width: 1024px) {
43
43
  .ids-header-1177:not(.ids-header-1177--unresponsive) nav.ids-header-1177__nav .ids-header-1177__nav-inner {
44
+ box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;
44
45
  background-color: var(--IDS-COLOR-PRIMARY-90);
45
46
  flex-wrap: wrap;
46
47
  flex: 1 1 auto;
@@ -68,6 +69,7 @@
68
69
  }
69
70
  @media (max-width: 1024px) {
70
71
  :host nav.ids-header-1177__nav:not(.ids-header-1177__nav--unresponsive) .ids-header-1177__nav-inner {
72
+ box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;
71
73
  background-color: var(--IDS-COLOR-PRIMARY-90);
72
74
  flex-wrap: wrap;
73
75
  flex: 1 1 auto;
package/components/header-1177-admin/header-1177-admin-nav-item-lit.js CHANGED
@@ -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-admin--unresponsive .ids-header-1177-admin__nav-item ::slotted(a),.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>a,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__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:1.125rem!important;font-weight:400!important;height:100%;letter-spacing:-.5px;line-height:1rem;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>a:focus,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>a:focus:after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>a:hover:after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>button:focus:after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>button:hover:after{right:0;width:auto}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>a:after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__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-admin--unresponsive .ids-header-1177-admin__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-admin--unresponsive .ids-header-1177-admin__nav-item ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item ::slotted(a:focus):after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item ::slotted(a:hover):after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--active ::slotted(a):after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--active button:after{right:0;width:auto}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item .ids-header-1177-admin__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:relative;position:absolute;top:100%;width:100%;z-index:-1}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__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-admin--unresponsive .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__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-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item ::slotted(a),.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>a,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__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:1.125rem!important;font-weight:400!important;height:100%;letter-spacing:-.5px;line-height:1rem;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>a:focus,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>a:focus:after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>a:hover:after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>button:focus:after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>button:hover:after{right:0;width:auto}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>a:after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__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-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__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-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item ::slotted(a:focus):after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item ::slotted(a:hover):after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--active ::slotted(a):after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--active button:after{right:0;width:auto}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item .ids-header-1177-admin__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:relative;position:absolute;top:100%;width:100%;z-index:-1}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__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-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__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-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item{display:none}}.ids-header-1177-admin--fluid .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content{max-width:100%!important}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) ::slotted(a),:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>a,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__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:1.125rem!important;font-weight:400!important;height:100%;letter-spacing:-.5px;line-height:1rem;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>a:focus,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>a:focus:after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>a:hover:after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>button:focus:after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>button:hover:after{right:0;width:auto}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>a:after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__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-admin__nav-item:not(.ids-header-1177-admin__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-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) ::slotted(a:focus):after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) ::slotted(a:hover):after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive).ids-header-1177-admin__nav-item--active ::slotted(a):after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive).ids-header-1177-admin__nav-item--active button:after{right:0;width:auto}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) .ids-header-1177-admin__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:relative;position:absolute;top:100%;width:100%;z-index:-1}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__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-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__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-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive){display:none}}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive ::slotted(a),:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>a,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__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:1.125rem!important;font-weight:400!important;height:100%;letter-spacing:-.5px;line-height:1rem;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>a:focus,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>a:focus:after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>a:hover:after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>button:focus:after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>button:hover:after{right:0;width:auto}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>a:after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__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-admin__nav-item.ids-header-1177-admin__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-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive ::slotted(a:focus):after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive ::slotted(a:hover):after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive.ids-header-1177-admin__nav-item--active ::slotted(a):after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive.ids-header-1177-admin__nav-item--active button:after{right:0;width:auto}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive .ids-header-1177-admin__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:relative;position:absolute;top:100%;width:100%;z-index:-1}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__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-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__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-admin__nav-item.ids-header-1177-admin__nav-item--fluid .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__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-admin--unresponsive .ids-header-1177-admin__nav-item ::slotted(a),.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>a,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__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:1.125rem!important;font-weight:400!important;height:100%;letter-spacing:-.5px;line-height:1rem;min-height:40px;padding:8px 10px;position:relative;text-decoration:none}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>a:focus,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>a:focus:after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>a:hover:after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>button:focus:after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>button:hover:after{right:0;width:auto}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>a:after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__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-admin--unresponsive .ids-header-1177-admin__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-admin--unresponsive .ids-header-1177-admin__nav-item ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item ::slotted(a:focus):after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item ::slotted(a:hover):after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--active ::slotted(a):after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--active button:after{right:0;width:auto}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item .ids-header-1177-admin__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:relative;position:absolute;top:100%;width:100%;z-index:-1}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__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-admin--unresponsive .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item a{display:block;margin-bottom:10px}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__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-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item ::slotted(a),.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>a,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__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:1.125rem!important;font-weight:400!important;height:100%;letter-spacing:-.5px;line-height:1rem;min-height:40px;padding:8px 10px;position:relative;text-decoration:none}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>a:focus,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>a:focus:after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>a:hover:after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>button:focus:after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>button:hover:after{right:0;width:auto}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>a:after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__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-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__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-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item ::slotted(a:focus):after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item ::slotted(a:hover):after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--active ::slotted(a):after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--active button:after{right:0;width:auto}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item .ids-header-1177-admin__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:relative;position:absolute;top:100%;width:100%;z-index:-1}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__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-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item a{display:block;margin-bottom:10px}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__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-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item{display:none}}.ids-header-1177-admin--fluid .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content{max-width:100%!important}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) ::slotted(a),:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>a,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__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:1.125rem!important;font-weight:400!important;height:100%;letter-spacing:-.5px;line-height:1rem;min-height:40px;padding:8px 10px;position:relative;text-decoration:none}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>a:focus,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>a:focus:after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>a:hover:after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>button:focus:after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>button:hover:after{right:0;width:auto}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>a:after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__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-admin__nav-item:not(.ids-header-1177-admin__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-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) ::slotted(a:focus):after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) ::slotted(a:hover):after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive).ids-header-1177-admin__nav-item--active ::slotted(a):after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive).ids-header-1177-admin__nav-item--active button:after{right:0;width:auto}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) .ids-header-1177-admin__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:relative;position:absolute;top:100%;width:100%;z-index:-1}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__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-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item a{display:block;margin-bottom:10px}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__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-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive){display:none}}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive ::slotted(a),:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>a,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__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:1.125rem!important;font-weight:400!important;height:100%;letter-spacing:-.5px;line-height:1rem;min-height:40px;padding:8px 10px;position:relative;text-decoration:none}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>a:focus,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>a:focus:after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>a:hover:after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>button:focus:after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>button:hover:after{right:0;width:auto}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>a:after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__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-admin__nav-item.ids-header-1177-admin__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-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive ::slotted(a:focus):after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive ::slotted(a:hover):after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive.ids-header-1177-admin__nav-item--active ::slotted(a):after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive.ids-header-1177-admin__nav-item--active button:after{right:0;width:auto}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive .ids-header-1177-admin__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:relative;position:absolute;top:100%;width:100%;z-index:-1}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__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-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item a{display:block;margin-bottom:10px}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__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-admin__nav-item.ids-header-1177-admin__nav-item--fluid .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content{max-width:100%!important}";
4
4
 
5
5
  var header1177AdminNavItemLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177-admin/header-1177-admin-nav-item.css CHANGED
@@ -22,7 +22,7 @@
22
22
  .ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item ::slotted(a) {
23
23
  display: flex;
24
24
  align-items: center;
25
- padding: 8px 16px;
25
+ padding: 8px 10px;
26
26
  position: relative;
27
27
  text-decoration: none;
28
28
  cursor: pointer;
@@ -106,7 +106,7 @@
106
106
  }
107
107
  .ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item a {
108
108
  margin-bottom: 10px;
109
- display: flex;
109
+ display: block;
110
110
  }
111
111
  .ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item,
112
112
  .ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content ::slotted(*) {
@@ -123,7 +123,7 @@
123
123
  .ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item ::slotted(a) {
124
124
  display: flex;
125
125
  align-items: center;
126
- padding: 8px 16px;
126
+ padding: 8px 10px;
127
127
  position: relative;
128
128
  text-decoration: none;
129
129
  cursor: pointer;
@@ -207,7 +207,7 @@
207
207
  }
208
208
  .ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item a {
209
209
  margin-bottom: 10px;
210
- display: flex;
210
+ display: block;
211
211
  }
212
212
  .ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item,
213
213
  .ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content ::slotted(*) {
@@ -233,7 +233,7 @@
233
233
  :host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) ::slotted(a) {
234
234
  display: flex;
235
235
  align-items: center;
236
- padding: 8px 16px;
236
+ padding: 8px 10px;
237
237
  position: relative;
238
238
  text-decoration: none;
239
239
  cursor: pointer;
@@ -317,7 +317,7 @@
317
317
  }
318
318
  :host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item a {
319
319
  margin-bottom: 10px;
320
- display: flex;
320
+ display: block;
321
321
  }
322
322
  :host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item,
323
323
  :host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content ::slotted(*) {
@@ -338,7 +338,7 @@
338
338
  :host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive ::slotted(a) {
339
339
  display: flex;
340
340
  align-items: center;
341
- padding: 8px 16px;
341
+ padding: 8px 10px;
342
342
  position: relative;
343
343
  text-decoration: none;
344
344
  cursor: pointer;
@@ -422,7 +422,7 @@
422
422
  }
423
423
  :host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item a {
424
424
  margin-bottom: 10px;
425
- display: flex;
425
+ display: block;
426
426
  }
427
427
  :host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item,
428
428
  :host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content ::slotted(*) {
package/components/header-1177-pro/header-1177-pro-nav-item-lit.js CHANGED
@@ -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;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}";
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 10px;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 ::slotted(*),.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 a{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 10px;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 ::slotted(*),.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 a{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 10px;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 ::slotted(*),: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 a{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 10px;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 ::slotted(*),: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 a{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
 
package/components/header-1177-pro/header-1177-pro-nav-item.css CHANGED
@@ -22,7 +22,7 @@
22
22
  .ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item ::slotted(a) {
23
23
  display: flex;
24
24
  align-items: center;
25
- padding: 8px 16px;
25
+ padding: 8px 10px;
26
26
  position: relative;
27
27
  text-decoration: none;
28
28
  cursor: pointer;
@@ -102,11 +102,7 @@
102
102
  margin-left: auto;
103
103
  margin-right: auto;
104
104
  }
105
- .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 {
106
- margin-bottom: 10px;
107
- display: flex;
108
- }
109
- .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,
105
+ .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 a,
110
106
  .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(*) {
111
107
  display: block;
112
108
  margin-bottom: 10px;
@@ -121,7 +117,7 @@
121
117
  .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item ::slotted(a) {
122
118
  display: flex;
123
119
  align-items: center;
124
- padding: 8px 16px;
120
+ padding: 8px 10px;
125
121
  position: relative;
126
122
  text-decoration: none;
127
123
  cursor: pointer;
@@ -201,11 +197,7 @@
201
197
  margin-left: auto;
202
198
  margin-right: auto;
203
199
  }
204
- .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 {
205
- margin-bottom: 10px;
206
- display: flex;
207
- }
208
- .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,
200
+ .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 a,
209
201
  .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(*) {
210
202
  display: block;
211
203
  margin-bottom: 10px;
@@ -229,7 +221,7 @@
229
221
  :host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) ::slotted(a) {
230
222
  display: flex;
231
223
  align-items: center;
232
- padding: 8px 16px;
224
+ padding: 8px 10px;
233
225
  position: relative;
234
226
  text-decoration: none;
235
227
  cursor: pointer;
@@ -309,11 +301,7 @@
309
301
  margin-left: auto;
310
302
  margin-right: auto;
311
303
  }
312
- :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 {
313
- margin-bottom: 10px;
314
- display: flex;
315
- }
316
- :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,
304
+ :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 a,
317
305
  :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(*) {
318
306
  display: block;
319
307
  margin-bottom: 10px;
@@ -332,7 +320,7 @@
332
320
  :host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive ::slotted(a) {
333
321
  display: flex;
334
322
  align-items: center;
335
- padding: 8px 16px;
323
+ padding: 8px 10px;
336
324
  position: relative;
337
325
  text-decoration: none;
338
326
  cursor: pointer;
@@ -412,11 +400,7 @@
412
400
  margin-left: auto;
413
401
  margin-right: auto;
414
402
  }
415
- :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 {
416
- margin-bottom: 10px;
417
- display: flex;
418
- }
419
- :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,
403
+ :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 a,
420
404
  :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(*) {
421
405
  display: block;
422
406
  margin-bottom: 10px;