@inera/ids-design 5.5.0 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (139) hide show
  1. package/components/accordion/accordion-lit.js +9 -0
  2. package/components/accordion/accordion.css +260 -0
  3. package/components/alert/alert-lit.js +1 -1
  4. package/components/alert/alert.css +245 -133
  5. package/components/alert-global/alert-global-lit.js +1 -1
  6. package/components/alert-global/alert-global.css +51 -20
  7. package/components/badge/badge-lit.js +1 -1
  8. package/components/badge/badge.css +3 -4
  9. package/components/box-link/box-link-lit.js +1 -1
  10. package/components/box-link/box-link.css +59 -22
  11. package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
  12. package/components/breadcrumbs/breadcrumbs.css +36 -29
  13. package/components/card/card-lit.js +4 -2
  14. package/components/card/card.css +81 -40
  15. package/components/carousel/carousel-lit.js +1 -1
  16. package/components/carousel/carousel.css +47 -17
  17. package/components/data-table/data-table-lit.js +1 -1
  18. package/components/data-table/data-table.css +8 -14
  19. package/components/date-label/date-label-lit.js +1 -1
  20. package/components/date-label/date-label.css +8 -8
  21. package/components/dialog/dialog-lit.js +1 -1
  22. package/components/dialog/dialog.css +21 -2
  23. package/components/dropdown/dropdown-lit.js +1 -1
  24. package/components/dropdown/dropdown.css +15 -60
  25. package/components/footer-1177/footer-1177-lit.js +1 -1
  26. package/components/footer-1177/footer-1177.css +27 -9
  27. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  28. package/components/footer-1177-admin/footer-1177-admin.css +28 -8
  29. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  30. package/components/footer-1177-pro/footer-1177-pro.css +20 -1
  31. package/components/footer-inera/footer-inera-lit.js +1 -1
  32. package/components/footer-inera/footer-inera.css +14 -8
  33. package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
  34. package/components/footer-inera-admin/footer-inera-admin.css +14 -8
  35. package/components/form/error-message/error-message-lit.js +1 -1
  36. package/components/form/error-message/error-message.css +30 -5
  37. package/components/form/range/range-lit.js +1 -1
  38. package/components/form/range/range.css +0 -1
  39. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  40. package/components/form/select-multiple/select-multiple.css +33 -16
  41. package/components/header-1177/composite-header-1177.css +416 -191
  42. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  43. package/components/header-1177/header-1177-avatar.css +123 -60
  44. package/components/header-1177/header-1177-item-lit.js +1 -1
  45. package/components/header-1177/header-1177-item.css +37 -4
  46. package/components/header-1177/header-1177-lit.js +1 -1
  47. package/components/header-1177/header-1177-nav-item-lit.js +1 -1
  48. package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
  49. package/components/header-1177/header-1177-nav-item-mobile.css +47 -8
  50. package/components/header-1177/header-1177-nav-item.css +71 -48
  51. package/components/header-1177/header-1177.css +166 -75
  52. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  53. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
  54. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +55 -12
  55. package/components/header-1177-admin/header-1177-admin-avatar.css +107 -40
  56. package/components/header-1177-admin/header-1177-admin-item-lit.js +1 -1
  57. package/components/header-1177-admin/header-1177-admin-item.css +31 -0
  58. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  59. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
  60. package/components/header-1177-admin/header-1177-admin-nav-item.css +47 -44
  61. package/components/header-1177-admin/header-1177-admin.css +61 -11
  62. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  63. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
  64. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +57 -13
  65. package/components/header-1177-pro/header-1177-pro-avatar.css +125 -60
  66. package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
  67. package/components/header-1177-pro/header-1177-pro-item.css +23 -0
  68. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  69. package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
  70. package/components/header-1177-pro/header-1177-pro-nav-item.css +59 -32
  71. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile-lit.js +1 -1
  72. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css +5 -2
  73. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  74. package/components/header-1177-pro/header-1177-pro-region-picker.css +240 -60
  75. package/components/header-1177-pro/header-1177-pro.css +72 -12
  76. package/components/header-inera/header-inera-item-lit.js +1 -1
  77. package/components/header-inera/header-inera-item.css +6 -1
  78. package/components/header-inera/header-inera-lit.js +1 -1
  79. package/components/header-inera/header-inera-nav-item-lit.js +1 -1
  80. package/components/header-inera/header-inera-nav-item.css +13 -7
  81. package/components/header-inera/header-inera-nav-mobile-lit.js +1 -1
  82. package/components/header-inera/header-inera-nav-mobile.css +5 -2
  83. package/components/header-inera/header-inera.css +41 -4
  84. package/components/header-inera-admin/composite-header-inera-admin.css +44 -23
  85. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  86. package/components/header-inera-admin/header-inera-admin-avatar.css +28 -4
  87. package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
  88. package/components/header-inera-admin/header-inera-admin-item.css +12 -6
  89. package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
  90. package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
  91. package/components/header-inera-admin/header-inera-admin-nav-item.css +13 -7
  92. package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.js +1 -1
  93. package/components/header-inera-admin/header-inera-admin-nav-mobile.css +5 -2
  94. package/components/header-inera-admin/header-inera-admin.css +7 -4
  95. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  96. package/components/mobile-menu/mobile-menu.css +135 -0
  97. package/components/navigation/content/navigation-content-lit.js +1 -1
  98. package/components/navigation/content/navigation-content.css +11 -9
  99. package/components/pagination/data-pagination/data-pagination-lit.js +1 -1
  100. package/components/pagination/data-pagination/data-pagination.css +113 -46
  101. package/components/pagination/list-pagination/list-pagination-lit.js +1 -1
  102. package/components/pagination/list-pagination/list-pagination.css +104 -41
  103. package/components/popover/popover-content-lit.js +1 -1
  104. package/components/popover/popover-content.css +30 -11
  105. package/components/puff-list/puff-list-lit.js +7 -0
  106. package/components/puff-list/puff-list.css +169 -0
  107. package/components/side-menu/side-menu-lit.js +1 -1
  108. package/components/side-menu/side-menu.css +43 -26
  109. package/components/side-panel/side-panel-lit.js +1 -1
  110. package/components/side-panel/side-panel.css +43 -8
  111. package/components/stepper/stepper-lit.js +1 -1
  112. package/components/stepper/stepper.css +45 -4
  113. package/components/tabs/tab-lit.js +1 -1
  114. package/components/tabs/tab.css +7 -0
  115. package/components/tabs/tabs-lit.js +1 -1
  116. package/components/tag/tag-lit.js +1 -1
  117. package/components/tag/tag.css +45 -20
  118. package/global/_partials.css +3 -0
  119. package/global/global.css +771 -173
  120. package/global/icons/font/Inera-Design-Icons.eot +0 -0
  121. package/global/icons/font/Inera-Design-Icons.svg +155 -0
  122. package/global/icons/font/Inera-Design-Icons.ttf +0 -0
  123. package/global/icons/font/Inera-Design-Icons.woff +0 -0
  124. package/global/util/util.css +18 -0
  125. package/package.json +1 -1
  126. package/themes/1177/1177-tokens.css +2 -0
  127. package/themes/1177/1177.css +862 -318
  128. package/themes/1177-pro/1177-pro.css +864 -365
  129. package/themes/inera/inera.css +878 -328
  130. package/themes/inera-admin/inera-admin.css +881 -345
  131. package/components/expandable/expandable-lit.js +0 -7
  132. package/components/expandable/expandable.css +0 -108
  133. package/components/footer/footer-lit.js +0 -7
  134. package/components/footer/footer.css +0 -450
  135. package/components/list/list-lit.d.ts +0 -2
  136. package/components/list/list-lit.js +0 -7
  137. package/components/list/list.css +0 -143
  138. /package/components/{expandable/expandable-lit.d.ts → accordion/accordion-lit.d.ts} +0 -0
  139. /package/components/{footer/footer-lit.d.ts → puff-list/puff-list-lit.d.ts} +0 -0
package/components/header-1177-pro/header-1177-pro-avatar.css CHANGED
@@ -10,6 +10,9 @@
10
10
  }
11
11
  }
12
12
 
13
+ /*******
14
+ * ICONS
15
+ ********/
13
16
  /*******
14
17
  * BUTTONS
15
18
  ********/
@@ -57,33 +60,44 @@
57
60
  font: inherit;
58
61
  cursor: pointer;
59
62
  outline: inherit;
60
- display: grid;
61
- grid-template-columns: auto auto;
63
+ display: flex;
64
+ padding: 0 0.5rem;
65
+ margin: 0 -0.5rem;
62
66
  align-items: center;
63
67
  justify-content: center;
64
68
  gap: 0.75rem;
65
69
  }
66
- .ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box[aria-expanded=true] .ids-header-1177-pro__avatar-chevron {
67
- transform: rotate(180deg);
68
- }
69
70
  .ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon {
70
71
  display: flex;
71
- max-width: 2.25rem;
72
- max-height: 2.75rem;
72
+ width: 1.25rem;
73
+ height: 1.25rem;
74
+ }
75
+ .ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon:before {
76
+ font: icon;
77
+ font-family: "Inera-Design-Icons";
78
+ display: block;
79
+ position: absolute;
80
+ pointer-events: none;
81
+ content: "\e923";
82
+ font-size: 1.25rem;
83
+ color: var(--IDS-COLOR-ACCENT-40);
73
84
  }
74
85
  .ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron {
75
- width: 0.75rem;
76
- grid-column: 3;
77
86
  position: relative;
87
+ width: 0.75rem;
88
+ height: 0.75rem;
78
89
  }
79
- .ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron .ids-icon {
90
+ .ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron:before {
91
+ font: icon;
92
+ font-family: "Inera-Design-Icons";
93
+ display: block;
80
94
  position: absolute;
81
- top: 50%;
82
- left: 50%;
83
- transform: translate(-50%, -50%);
95
+ pointer-events: none;
96
+ content: "\e936";
97
+ color: var(--IDS-ICON__COLOR);
84
98
  }
85
- .ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded .ids-icon {
86
- transform: rotate(180deg);
99
+ .ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded:before {
100
+ content: "\e939";
87
101
  }
88
102
  .ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content {
89
103
  display: grid;
@@ -141,33 +155,53 @@
141
155
  font: inherit;
142
156
  cursor: pointer;
143
157
  outline: inherit;
144
- display: grid;
145
- grid-template-columns: auto auto;
158
+ display: flex;
159
+ padding: 0 0.5rem;
160
+ margin: 0 -0.5rem;
146
161
  align-items: center;
147
162
  justify-content: center;
148
163
  gap: 0.75rem;
149
164
  }
150
- .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box[aria-expanded=true] .ids-header-1177-pro__avatar-chevron {
151
- transform: rotate(180deg);
152
- }
153
165
  .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon {
154
166
  display: flex;
155
- max-width: 2.25rem;
156
- max-height: 2.75rem;
167
+ width: 1.25rem;
168
+ height: 1.25rem;
169
+ }
170
+ .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon:before {
171
+ font: icon;
172
+ font-family: "Inera-Design-Icons";
173
+ display: block;
174
+ position: absolute;
175
+ pointer-events: none;
176
+ content: "\e923";
177
+ font-size: 1.25rem;
178
+ color: var(--IDS-COLOR-ACCENT-40);
179
+ }
180
+ @media (min-width: 1024px) {
181
+ .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon {
182
+ width: 2em;
183
+ height: 2rem;
184
+ }
185
+ .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon:before {
186
+ font-size: 2rem;
187
+ }
157
188
  }
158
189
  .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron {
159
- width: 0.75rem;
160
- grid-column: 3;
161
190
  position: relative;
191
+ width: 0.75rem;
192
+ height: 0.75rem;
162
193
  }
163
- .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron .ids-icon {
194
+ .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron:before {
195
+ font: icon;
196
+ font-family: "Inera-Design-Icons";
197
+ display: block;
164
198
  position: absolute;
165
- top: 50%;
166
- left: 50%;
167
- transform: translate(-50%, -50%);
199
+ pointer-events: none;
200
+ content: "\e936";
201
+ color: var(--IDS-ICON__COLOR);
168
202
  }
169
- .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded .ids-icon {
170
- transform: rotate(180deg);
203
+ .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded:before {
204
+ content: "\e939";
171
205
  }
172
206
  .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content {
173
207
  display: grid;
@@ -225,33 +259,53 @@
225
259
  font: inherit;
226
260
  cursor: pointer;
227
261
  outline: inherit;
228
- display: grid;
229
- grid-template-columns: auto auto;
262
+ display: flex;
263
+ padding: 0 0.5rem;
264
+ margin: 0 -0.5rem;
230
265
  align-items: center;
231
266
  justify-content: center;
232
267
  gap: 0.75rem;
233
268
  }
234
- :host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box[aria-expanded=true] .ids-header-1177-pro__avatar-chevron {
235
- transform: rotate(180deg);
236
- }
237
269
  :host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon {
238
270
  display: flex;
239
- max-width: 2.25rem;
240
- max-height: 2.75rem;
271
+ width: 1.25rem;
272
+ height: 1.25rem;
273
+ }
274
+ :host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon:before {
275
+ font: icon;
276
+ font-family: "Inera-Design-Icons";
277
+ display: block;
278
+ position: absolute;
279
+ pointer-events: none;
280
+ content: "\e923";
281
+ font-size: 1.25rem;
282
+ color: var(--IDS-COLOR-ACCENT-40);
283
+ }
284
+ @media (min-width: 1024px) {
285
+ :host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon {
286
+ width: 2em;
287
+ height: 2rem;
288
+ }
289
+ :host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon:before {
290
+ font-size: 2rem;
291
+ }
241
292
  }
242
293
  :host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron {
243
- width: 0.75rem;
244
- grid-column: 3;
245
294
  position: relative;
295
+ width: 0.75rem;
296
+ height: 0.75rem;
246
297
  }
247
- :host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron .ids-icon {
298
+ :host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron:before {
299
+ font: icon;
300
+ font-family: "Inera-Design-Icons";
301
+ display: block;
248
302
  position: absolute;
249
- top: 50%;
250
- left: 50%;
251
- transform: translate(-50%, -50%);
303
+ pointer-events: none;
304
+ content: "\e936";
305
+ color: var(--IDS-ICON__COLOR);
252
306
  }
253
- :host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded .ids-icon {
254
- transform: rotate(180deg);
307
+ :host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded:before {
308
+ content: "\e939";
255
309
  }
256
310
  :host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content {
257
311
  display: grid;
@@ -303,33 +357,44 @@
303
357
  font: inherit;
304
358
  cursor: pointer;
305
359
  outline: inherit;
306
- display: grid;
307
- grid-template-columns: auto auto;
360
+ display: flex;
361
+ padding: 0 0.5rem;
362
+ margin: 0 -0.5rem;
308
363
  align-items: center;
309
364
  justify-content: center;
310
365
  gap: 0.75rem;
311
366
  }
312
- :host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box[aria-expanded=true] .ids-header-1177-pro__avatar-chevron {
313
- transform: rotate(180deg);
314
- }
315
367
  :host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon {
316
368
  display: flex;
317
- max-width: 2.25rem;
318
- max-height: 2.75rem;
369
+ width: 1.25rem;
370
+ height: 1.25rem;
371
+ }
372
+ :host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon:before {
373
+ font: icon;
374
+ font-family: "Inera-Design-Icons";
375
+ display: block;
376
+ position: absolute;
377
+ pointer-events: none;
378
+ content: "\e923";
379
+ font-size: 1.25rem;
380
+ color: var(--IDS-COLOR-ACCENT-40);
319
381
  }
320
382
  :host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron {
321
- width: 0.75rem;
322
- grid-column: 3;
323
383
  position: relative;
384
+ width: 0.75rem;
385
+ height: 0.75rem;
324
386
  }
325
- :host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron .ids-icon {
387
+ :host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron:before {
388
+ font: icon;
389
+ font-family: "Inera-Design-Icons";
390
+ display: block;
326
391
  position: absolute;
327
- top: 50%;
328
- left: 50%;
329
- transform: translate(-50%, -50%);
392
+ pointer-events: none;
393
+ content: "\e936";
394
+ color: var(--IDS-ICON__COLOR);
330
395
  }
331
- :host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded .ids-icon {
332
- transform: rotate(180deg);
396
+ :host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded:before {
397
+ content: "\e939";
333
398
  }
334
399
  :host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content {
335
400
  display: grid;
package/components/header-1177-pro/header-1177-pro-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__items__item{align-items:center;background-color:transparent;border:0;display:flex;gap:1rem;position:relative;text-decoration:none}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__items__item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon{align-items:center;background-color:var(--IDS-COLOR-ACCENT-40);border-radius:100%;display:flex;height:2.5rem;justify-content:center;min-height:2.5rem;min-width:2.5rem;width:2.5rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-text{color:var(--IDS-COLOR-ACCENT-40)!important;font-size:1rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item{align-items:center;background-color:transparent;border:0;display:flex;gap:1rem;position:relative;text-decoration:none}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--mobile){display:none}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon{align-items:center;background-color:var(--IDS-COLOR-ACCENT-40);border-radius:100%;display:flex;height:2.5rem;justify-content:center;min-height:2.5rem;min-width:2.5rem;width:2.5rem}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon{height:2rem;min-height:2rem;min-width:2rem;width:2rem}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-text{color:var(--IDS-COLOR-ACCENT-40)!important;font-size:1rem}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-text{display:none}}:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive){align-items:center;background-color:transparent;border:0;display:flex;gap:1rem;position:relative;text-decoration:none}:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive):focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}@media (max-width:1024px){:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive):not(.ids-header-1177-pro__items__item--mobile){display:none}}:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive) .ids-header-1177-pro__items__item-icon{align-items:center;background-color:var(--IDS-COLOR-ACCENT-40);border-radius:100%;display:flex;height:2.5rem;justify-content:center;min-height:2.5rem;min-width:2.5rem;width:2.5rem}@media (max-width:1024px){:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive) .ids-header-1177-pro__items__item-icon{height:2rem;min-height:2rem;min-width:2rem;width:2rem}}:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive) .ids-header-1177-pro__items__item-text{color:var(--IDS-COLOR-ACCENT-40)!important;font-size:1rem}@media (max-width:1024px){:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive) .ids-header-1177-pro__items__item-text{display:none}}:host .ids-header-1177-pro__items__item.ids-header-1177-pro__items__item--unresponsive{align-items:center;background-color:transparent;border:0;display:flex;gap:1rem;position:relative;text-decoration:none}:host .ids-header-1177-pro__items__item.ids-header-1177-pro__items__item--unresponsive:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}:host .ids-header-1177-pro__items__item.ids-header-1177-pro__items__item--unresponsive .ids-header-1177-pro__items__item-icon{align-items:center;background-color:var(--IDS-COLOR-ACCENT-40);border-radius:100%;display:flex;height:2.5rem;justify-content:center;min-height:2.5rem;min-width:2.5rem;width:2.5rem}:host .ids-header-1177-pro__items__item.ids-header-1177-pro__items__item--unresponsive .ids-header-1177-pro__items__item-text{color:var(--IDS-COLOR-ACCENT-40)!important;font-size:1rem}";
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__items__item{align-items:center;background-color:transparent;border:0;display:flex;gap:1rem;position:relative;text-decoration:none}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__items__item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon{align-items:center;background-color:var(--IDS-COLOR-ACCENT-40);border-radius:100%;display:flex;height:2.5rem;justify-content:center;min-height:2.5rem;min-width:2.5rem;width:2.5rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon ::slotted([class^=ids-icon-]),.ids-header-1177-pro--unresponsive .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon [class^=ids-icon-]{color:var(--IDS-COLOR-NEUTRAL-100);font-size:1.25rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-text{color:var(--IDS-COLOR-ACCENT-40)!important;font-size:1rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item{align-items:center;background-color:transparent;border:0;display:flex;gap:1rem;position:relative;text-decoration:none}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--mobile){display:none}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon{align-items:center;background-color:var(--IDS-COLOR-ACCENT-40);border-radius:100%;display:flex;height:2.5rem;justify-content:center;min-height:2.5rem;min-width:2.5rem;width:2.5rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon ::slotted([class^=ids-icon-]),.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon [class^=ids-icon-]{color:var(--IDS-COLOR-NEUTRAL-100);font-size:1.25rem}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon{height:2rem;min-height:2rem;min-width:2rem;width:2rem}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-text{color:var(--IDS-COLOR-ACCENT-40)!important;font-size:1rem}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-text{display:none}}:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive){align-items:center;background-color:transparent;border:0;display:flex;gap:1rem;position:relative;text-decoration:none}:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive):focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}@media (max-width:1024px){:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive):not(.ids-header-1177-pro__items__item--mobile){display:none}}:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive) .ids-header-1177-pro__items__item-icon{align-items:center;background-color:var(--IDS-COLOR-ACCENT-40);border-radius:100%;display:flex;height:2.5rem;justify-content:center;min-height:2.5rem;min-width:2.5rem;width:2.5rem}:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive) .ids-header-1177-pro__items__item-icon ::slotted([class^=ids-icon-]),:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive) .ids-header-1177-pro__items__item-icon [class^=ids-icon-]{color:var(--IDS-COLOR-NEUTRAL-100);font-size:1.25rem}@media (max-width:1024px){:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive) .ids-header-1177-pro__items__item-icon{height:2rem;min-height:2rem;min-width:2rem;width:2rem}}:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive) .ids-header-1177-pro__items__item-text{color:var(--IDS-COLOR-ACCENT-40)!important;font-size:1rem}@media (max-width:1024px){:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive) .ids-header-1177-pro__items__item-text{display:none}}:host .ids-header-1177-pro__items__item.ids-header-1177-pro__items__item--unresponsive{align-items:center;background-color:transparent;border:0;display:flex;gap:1rem;position:relative;text-decoration:none}:host .ids-header-1177-pro__items__item.ids-header-1177-pro__items__item--unresponsive:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}:host .ids-header-1177-pro__items__item.ids-header-1177-pro__items__item--unresponsive .ids-header-1177-pro__items__item-icon{align-items:center;background-color:var(--IDS-COLOR-ACCENT-40);border-radius:100%;display:flex;height:2.5rem;justify-content:center;min-height:2.5rem;min-width:2.5rem;width:2.5rem}:host .ids-header-1177-pro__items__item.ids-header-1177-pro__items__item--unresponsive .ids-header-1177-pro__items__item-icon ::slotted([class^=ids-icon-]),:host .ids-header-1177-pro__items__item.ids-header-1177-pro__items__item--unresponsive .ids-header-1177-pro__items__item-icon [class^=ids-icon-]{color:var(--IDS-COLOR-NEUTRAL-100);font-size:1.25rem}:host .ids-header-1177-pro__items__item.ids-header-1177-pro__items__item--unresponsive .ids-header-1177-pro__items__item-text{color:var(--IDS-COLOR-ACCENT-40)!important;font-size:1rem}";
4
4
 
5
5
  var header1177ProItemLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177-pro/header-1177-pro-item.css CHANGED
@@ -10,6 +10,9 @@
10
10
  }
11
11
  }
12
12
 
13
+ /*******
14
+ * ICONS
15
+ ********/
13
16
  /*******
14
17
  * BUTTONS
15
18
  ********/
@@ -46,6 +49,11 @@
46
49
  background-color: var(--IDS-COLOR-ACCENT-40);
47
50
  border-radius: 100%;
48
51
  }
52
+ .ids-header-1177-pro--unresponsive .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon ::slotted([class^=ids-icon-]),
53
+ .ids-header-1177-pro--unresponsive .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon [class^=ids-icon-] {
54
+ font-size: 1.25rem;
55
+ color: var(--IDS-COLOR-NEUTRAL-100);
56
+ }
49
57
  .ids-header-1177-pro--unresponsive .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-text {
50
58
  font-size: 1rem;
51
59
  color: var(--IDS-COLOR-ACCENT-40) !important;
@@ -80,6 +88,11 @@
80
88
  background-color: var(--IDS-COLOR-ACCENT-40);
81
89
  border-radius: 100%;
82
90
  }
91
+ .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon ::slotted([class^=ids-icon-]),
92
+ .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon [class^=ids-icon-] {
93
+ font-size: 1.25rem;
94
+ color: var(--IDS-COLOR-NEUTRAL-100);
95
+ }
83
96
  @media (max-width: 1024px) {
84
97
  .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon {
85
98
  width: 2rem;
@@ -127,6 +140,11 @@
127
140
  background-color: var(--IDS-COLOR-ACCENT-40);
128
141
  border-radius: 100%;
129
142
  }
143
+ :host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive) .ids-header-1177-pro__items__item-icon ::slotted([class^=ids-icon-]),
144
+ :host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive) .ids-header-1177-pro__items__item-icon [class^=ids-icon-] {
145
+ font-size: 1.25rem;
146
+ color: var(--IDS-COLOR-NEUTRAL-100);
147
+ }
130
148
  @media (max-width: 1024px) {
131
149
  :host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive) .ids-header-1177-pro__items__item-icon {
132
150
  width: 2rem;
@@ -168,6 +186,11 @@
168
186
  background-color: var(--IDS-COLOR-ACCENT-40);
169
187
  border-radius: 100%;
170
188
  }
189
+ :host .ids-header-1177-pro__items__item.ids-header-1177-pro__items__item--unresponsive .ids-header-1177-pro__items__item-icon ::slotted([class^=ids-icon-]),
190
+ :host .ids-header-1177-pro__items__item.ids-header-1177-pro__items__item--unresponsive .ids-header-1177-pro__items__item-icon [class^=ids-icon-] {
191
+ font-size: 1.25rem;
192
+ color: var(--IDS-COLOR-NEUTRAL-100);
193
+ }
171
194
  :host .ids-header-1177-pro__items__item.ids-header-1177-pro__items__item--unresponsive .ids-header-1177-pro__items__item-text {
172
195
  font-size: 1rem;
173
196
  color: var(--IDS-COLOR-ACCENT-40) !important;
package/components/header-1177-pro/header-1177-pro-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__items{display:block;margin-left:auto}header.ids-header-1177-pro{background:var(--IDS-COLOR-NEUTRAL-100);border-top:.25rem solid var(--IDS-COLOR-ACCENT-40);position:relative;z-index:1}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container{padding:0;position:relative;z-index:2}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container{box-shadow:0 0 .625rem 0 rgba(0,0,0,.2)}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);min-height:7.25rem;position:relative;width:100%}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner{min-height:3rem;padding:0 1.25rem}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col{align-items:center;display:flex}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo{align-items:center;display:flex;justify-content:center;margin-left:1.25rem;margin-right:1.5rem;min-height:2.5rem;position:relative;width:6.438rem}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo{margin-left:0;margin-right:.75rem;width:2.563rem}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a{display:block}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]:focus){display:block;outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text{color:var(--IDS-COLOR-ACCENT-30);font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem;font-weight:700;margin-left:1.5rem;margin-right:1.5rem;position:relative}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{background:var(--IDS-COLOR-ACCENT-30);content:\"\";display:block;left:-1.5rem;min-height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:.063rem}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{min-height:2rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text{font-size:.875rem;margin-left:.75rem;margin-right:.75rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{background:var(--IDS-COLOR-ACCENT-30);content:\"\";display:block;left:-.75rem;min-height:2rem;min-height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:.063rem}}@media (max-width:1024px) and (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{min-height:2rem}}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:after{display:none}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__items-inner{align-self:center;display:flex;gap:2.5rem;padding-right:1.25rem}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__items-inner:not(.ids-header-1177-pro__items__item--mobile){gap:0;margin-right:0;padding-right:0}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive){border-top:.25rem solid var(--IDS-COLOR-ACCENT-40);box-shadow:none}}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container{padding:0;position:relative;z-index:2}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);min-height:7.25rem;position:relative;width:100%}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col{align-items:center;display:flex}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo{align-items:center;display:flex;justify-content:center;margin-left:1.25rem;margin-right:1.5rem;min-height:2.5rem;position:relative;width:6.438rem}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a{display:block}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]:focus){display:block;outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text{color:var(--IDS-COLOR-ACCENT-30);font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem;font-weight:700;margin-left:1.5rem;margin-right:1.5rem;position:relative}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{background:var(--IDS-COLOR-ACCENT-30);content:\"\";display:block;left:-1.5rem;min-height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:.063rem}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__items-inner{align-self:center;display:flex;gap:2.5rem;padding-right:1.25rem}header.ids-header-1177-pro.ids-header-1177-pro--fluid .ids-header-1177-pro__container .ids-header-1177-pro__inner{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__items{display:block;margin-left:auto}header.ids-header-1177-pro{background:var(--IDS-COLOR-NEUTRAL-100);border-top:.25rem solid var(--IDS-COLOR-ACCENT-40);position:relative;z-index:1}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container{padding:0;position:relative;z-index:2}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container{box-shadow:0 0 .625rem 0 rgba(0,0,0,.2)}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);min-height:7.25rem;position:relative;width:100%}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner{min-height:3rem;padding:0 1.25rem}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col{align-items:center;display:flex}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo{align-items:center;display:flex;justify-content:center;margin-left:1.25rem;margin-right:1.5rem;min-height:2.5rem;position:relative;width:6.438rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link{align-items:center;cursor:pointer;display:flex;min-height:2.5rem;position:relative;width:6.438rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link:before{color:var(--IDS-ICON__COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons;font-size:6.125rem;pointer-events:none;position:absolute}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]),header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a{align-items:center;color:var(--IDS-ICON__COLOR);display:flex;font-size:6.125rem;min-height:2.5rem;width:6.438rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]):focus,header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]:focus){display:block;outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo{margin-left:0;margin-right:.75rem;width:2.563rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link:before{font-size:2.5rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]),header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a{font-size:2.5rem}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text{color:var(--IDS-COLOR-ACCENT-30);font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem;font-weight:700;margin-left:1.5rem;margin-right:1.5rem;position:relative}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{background:var(--IDS-COLOR-ACCENT-30);content:\"\";display:block;left:-1.5rem;min-height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:.063rem}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{min-height:2rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text{font-size:.875rem;margin-left:.75rem;margin-right:.75rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{background:var(--IDS-COLOR-ACCENT-30);content:\"\";display:block;left:-.75rem;min-height:2rem;min-height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:.063rem}}@media (max-width:1024px) and (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{min-height:2rem}}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:after{display:none}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__items-inner{align-self:center;display:flex;gap:2.5rem;padding-right:1.25rem}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__items-inner:not(.ids-header-1177-pro__items__item--mobile){gap:0;margin-right:0;padding-right:0}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive){border-top:.25rem solid var(--IDS-COLOR-ACCENT-40);box-shadow:none}}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container{padding:0;position:relative;z-index:2}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);min-height:7.25rem;position:relative;width:100%}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col{align-items:center;display:flex}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo{align-items:center;display:flex;justify-content:center;margin-left:1.25rem;margin-right:1.5rem;min-height:2.5rem;position:relative;width:6.438rem}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link{align-items:center;cursor:pointer;display:flex;min-height:2.5rem;position:relative;width:6.438rem}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link:before{color:var(--IDS-ICON__COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons;font-size:6.125rem;pointer-events:none;position:absolute}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]),header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a{align-items:center;color:var(--IDS-ICON__COLOR);display:flex;font-size:6.125rem;min-height:2.5rem;width:6.438rem}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]):focus,header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]:focus){display:block;outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text{color:var(--IDS-COLOR-ACCENT-30);font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem;font-weight:700;margin-left:1.5rem;margin-right:1.5rem;position:relative}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{background:var(--IDS-COLOR-ACCENT-30);content:\"\";display:block;left:-1.5rem;min-height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:.063rem}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__items-inner{align-self:center;display:flex;gap:2.5rem;padding-right:1.25rem}header.ids-header-1177-pro.ids-header-1177-pro--fluid .ids-header-1177-pro__container .ids-header-1177-pro__inner{max-width:100%!important}";
4
4
 
5
5
  var header1177ProLit = css`${unsafeCSS(css_248z)}`;
6
6
 
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(--IDS-FONT-FAMILY-HEADING);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.031rem;min-height:2.5rem;padding:.5rem .625rem;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:-.125rem!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:.313rem;left:0;margin-left:.5rem;margin-right:.5rem;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:.313rem;left:0;margin-left:.5rem;margin-right:.5rem;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:-.125rem!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:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 0 .625rem 0 rgba(0,0,0,.2);left:0;min-height:10.813rem;padding:2.5rem 0 3.125rem;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 .625rem}.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:.063rem solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:1.5rem;margin-bottom:.625rem;margin-right:2.5rem;padding-bottom:.625rem}.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(--IDS-FONT-FAMILY-HEADING);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.031rem;min-height:2.5rem;padding:.5rem .625rem;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:-.125rem!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:.313rem;left:0;margin-left:.5rem;margin-right:.5rem;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:.313rem;left:0;margin-left:.5rem;margin-right:.5rem;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:-.125rem!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:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 0 .625rem 0 rgba(0,0,0,.2);left:0;min-height:10.813rem;padding:2.5rem 0 3.125rem;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 .625rem}.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:.063rem solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:1.5rem;margin-bottom:.625rem;margin-right:2.5rem;padding-bottom:.625rem}@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(--IDS-FONT-FAMILY-HEADING);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.031rem;min-height:2.5rem;padding:.5rem .625rem;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:-.125rem!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:.313rem;left:0;margin-left:.5rem;margin-right:.5rem;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:.313rem;left:0;margin-left:.5rem;margin-right:.5rem;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:-.125rem!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:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 0 .625rem 0 rgba(0,0,0,.2);left:0;min-height:10.813rem;padding:2.5rem 0 3.125rem;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 .625rem}: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:.063rem solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:1.5rem;margin-bottom:.625rem;margin-right:2.5rem;padding-bottom:.625rem}@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(--IDS-FONT-FAMILY-HEADING);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.031rem;min-height:2.5rem;padding:.5rem .625rem;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:-.125rem!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:.313rem;left:0;margin-left:.5rem;margin-right:.5rem;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:.313rem;left:0;margin-left:.5rem;margin-right:.5rem;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:-.125rem!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:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 0 .625rem 0 rgba(0,0,0,.2);left:0;min-height:10.813rem;padding:2.5rem 0 3.125rem;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 .625rem}: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:.063rem solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:1.5rem;margin-bottom:.625rem;margin-right:2.5rem;padding-bottom:.625rem}: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(--IDS-FONT-FAMILY-HEADING);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.031rem;min-height:2.5rem;padding:.5rem .625rem;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:-.125rem!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:.313rem;left:0;margin-left:.5rem;margin-right:.5rem;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:.313rem;left:0;margin-left:.5rem;margin-right:.5rem;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:-.125rem!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:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 0 .625rem 0 rgba(0,0,0,.2);box-sizing:border-box;display:flex;left:0;min-height:10.813rem;padding:2.5rem .625rem 3.125rem;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:flex;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);width:100%}.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-col-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 .ids-header-1177-pro__items__item-dropdown__content-col-2,.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-col-3,.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-col-4{flex:0 25%}.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__item-wrapper,.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:.063rem solid var(--IDS-COLOR-ACCENT-90);display:flex;font-size:1rem;line-height:1.5rem;margin-bottom:.625rem;margin-right:2.5rem;padding-bottom:.625rem}.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(--IDS-FONT-FAMILY-HEADING);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.031rem;min-height:2.5rem;padding:.5rem .625rem;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:-.125rem!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:.313rem;left:0;margin-left:.5rem;margin-right:.5rem;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:.313rem;left:0;margin-left:.5rem;margin-right:.5rem;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:-.125rem!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:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 0 .625rem 0 rgba(0,0,0,.2);box-sizing:border-box;display:flex;left:0;min-height:10.813rem;padding:2.5rem .625rem 3.125rem;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:flex;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);width:100%}.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-col-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 .ids-header-1177-pro__items__item-dropdown__content-col-2,.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-col-3,.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-col-4{flex:0 25%}.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__item-wrapper,.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:.063rem solid var(--IDS-COLOR-ACCENT-90);display:flex;font-size:1rem;line-height:1.5rem;margin-bottom:.625rem;margin-right:2.5rem;padding-bottom:.625rem}@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(--IDS-FONT-FAMILY-HEADING);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.031rem;min-height:2.5rem;padding:.5rem .625rem;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:-.125rem!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:.313rem;left:0;margin-left:.5rem;margin-right:.5rem;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:.313rem;left:0;margin-left:.5rem;margin-right:.5rem;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:-.125rem!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:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 0 .625rem 0 rgba(0,0,0,.2);box-sizing:border-box;display:flex;left:0;min-height:10.813rem;padding:2.5rem .625rem 3.125rem;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:flex;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);width:100%}: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-col-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 .ids-header-1177-pro__items__item-dropdown__content-col-2,: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-col-3,: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-col-4{flex:0 25%}: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__item-wrapper,: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:.063rem solid var(--IDS-COLOR-ACCENT-90);display:flex;font-size:1rem;line-height:1.5rem;margin-bottom:.625rem;margin-right:2.5rem;padding-bottom:.625rem}@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(--IDS-FONT-FAMILY-HEADING);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.031rem;min-height:2.5rem;padding:.5rem .625rem;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:-.125rem!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:.313rem;left:0;margin-left:.5rem;margin-right:.5rem;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:.313rem;left:0;margin-left:.5rem;margin-right:.5rem;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:-.125rem!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:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 0 .625rem 0 rgba(0,0,0,.2);box-sizing:border-box;display:flex;left:0;min-height:10.813rem;padding:2.5rem .625rem 3.125rem;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:flex;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);width:100%}: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-col-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 .ids-header-1177-pro__items__item-dropdown__content-col-2,: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-col-3,: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-col-4{flex:0 25%}: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__item-wrapper,: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:.063rem solid var(--IDS-COLOR-ACCENT-90);display:flex;font-size:1rem;line-height:1.5rem;margin-bottom:.625rem;margin-right:2.5rem;padding-bottom:.625rem}: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