@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-nav-item.css CHANGED
@@ -1,4 +1,7 @@
1
1
  /*******
2
+ * ICONS
3
+ ********/
4
+ /*******
2
5
  * BUTTONS
3
6
  ********/
4
7
  /*******
@@ -91,24 +94,30 @@
91
94
  background-color: var(--IDS-COLOR-NEUTRAL-100);
92
95
  left: 0;
93
96
  min-height: 10.813rem;
94
- padding: 2.5rem 0 3.125rem;
97
+ padding: 2.5rem 0.625rem 3.125rem;
95
98
  position: absolute;
96
99
  width: 100%;
97
100
  top: 100%;
98
101
  z-index: -1;
102
+ display: flex;
103
+ box-sizing: border-box;
99
104
  box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.2);
100
105
  }
101
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 {
102
107
  max-width: var(--IDS__MAX-WIDTH);
103
- display: grid;
104
- grid-template-columns: 1fr 1fr 1fr 1fr;
105
- padding: 0 0.625rem;
106
- margin-left: auto;
107
- margin-right: auto;
108
+ margin: 0 auto;
109
+ width: 100%;
110
+ display: flex;
111
+ }
112
+ .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,
113
+ .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,
114
+ .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,
115
+ .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 {
116
+ flex: 0 25%;
108
117
  }
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 a,
118
+ .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,
110
119
  .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
- display: block;
120
+ display: flex;
112
121
  margin-bottom: 0.625rem;
113
122
  margin-right: 2.5rem;
114
123
  padding-bottom: 0.625rem;
@@ -186,24 +195,30 @@
186
195
  background-color: var(--IDS-COLOR-NEUTRAL-100);
187
196
  left: 0;
188
197
  min-height: 10.813rem;
189
- padding: 2.5rem 0 3.125rem;
198
+ padding: 2.5rem 0.625rem 3.125rem;
190
199
  position: absolute;
191
200
  width: 100%;
192
201
  top: 100%;
193
202
  z-index: -1;
203
+ display: flex;
204
+ box-sizing: border-box;
194
205
  box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.2);
195
206
  }
196
207
  .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 {
197
208
  max-width: var(--IDS__MAX-WIDTH);
198
- display: grid;
199
- grid-template-columns: 1fr 1fr 1fr 1fr;
200
- padding: 0 0.625rem;
201
- margin-left: auto;
202
- margin-right: auto;
209
+ margin: 0 auto;
210
+ width: 100%;
211
+ display: flex;
212
+ }
213
+ .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,
214
+ .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,
215
+ .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,
216
+ .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 {
217
+ flex: 0 25%;
203
218
  }
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 a,
219
+ .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,
205
220
  .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(*) {
206
- display: block;
221
+ display: flex;
207
222
  margin-bottom: 0.625rem;
208
223
  margin-right: 2.5rem;
209
224
  padding-bottom: 0.625rem;
@@ -290,24 +305,30 @@
290
305
  background-color: var(--IDS-COLOR-NEUTRAL-100);
291
306
  left: 0;
292
307
  min-height: 10.813rem;
293
- padding: 2.5rem 0 3.125rem;
308
+ padding: 2.5rem 0.625rem 3.125rem;
294
309
  position: absolute;
295
310
  width: 100%;
296
311
  top: 100%;
297
312
  z-index: -1;
313
+ display: flex;
314
+ box-sizing: border-box;
298
315
  box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.2);
299
316
  }
300
317
  :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 {
301
318
  max-width: var(--IDS__MAX-WIDTH);
302
- display: grid;
303
- grid-template-columns: 1fr 1fr 1fr 1fr;
304
- padding: 0 0.625rem;
305
- margin-left: auto;
306
- margin-right: auto;
319
+ margin: 0 auto;
320
+ width: 100%;
321
+ display: flex;
307
322
  }
308
- :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,
323
+ :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,
324
+ :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,
325
+ :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,
326
+ :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 {
327
+ flex: 0 25%;
328
+ }
329
+ :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,
309
330
  :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(*) {
310
- display: block;
331
+ display: flex;
311
332
  margin-bottom: 0.625rem;
312
333
  margin-right: 2.5rem;
313
334
  padding-bottom: 0.625rem;
@@ -389,24 +410,30 @@
389
410
  background-color: var(--IDS-COLOR-NEUTRAL-100);
390
411
  left: 0;
391
412
  min-height: 10.813rem;
392
- padding: 2.5rem 0 3.125rem;
413
+ padding: 2.5rem 0.625rem 3.125rem;
393
414
  position: absolute;
394
415
  width: 100%;
395
416
  top: 100%;
396
417
  z-index: -1;
418
+ display: flex;
419
+ box-sizing: border-box;
397
420
  box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.2);
398
421
  }
399
422
  :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 {
400
423
  max-width: var(--IDS__MAX-WIDTH);
401
- display: grid;
402
- grid-template-columns: 1fr 1fr 1fr 1fr;
403
- padding: 0 0.625rem;
404
- margin-left: auto;
405
- margin-right: auto;
424
+ margin: 0 auto;
425
+ width: 100%;
426
+ display: flex;
406
427
  }
407
- :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,
428
+ :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,
429
+ :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,
430
+ :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,
431
+ :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 {
432
+ flex: 0 25%;
433
+ }
434
+ :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,
408
435
  :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(*) {
409
- display: block;
436
+ display: flex;
410
437
  margin-bottom: 0.625rem;
411
438
  margin-right: 2.5rem;
412
439
  padding-bottom: 0.625rem;
package/components/header-1177-pro/header-1177-pro-nav-menu-mobile-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__nav-mobile__menu{background:none;border:none;color:inherit;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font:inherit;outline:inherit;padding:0}.ids-header-1177-pro__nav-mobile__menu .ids-hamburger{cursor:pointer;position:relative;transition:all .2s;user-select:none}.ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines{background-color:var(--IDS-COLOR-ACCENT-40);border-radius:.125rem;display:block;height:.188rem;position:relative;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:after,.ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:before{background-color:var(--IDS-COLOR-ACCENT-40);border-radius:.125rem;content:\"\";display:inline-block;height:.188rem;left:0;position:absolute;-webkit-transform-origin:.09375rem center;transform-origin:.09375rem center;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:before{top:.5rem}.ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:after{top:-.5rem}.ids-header-1177-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-header-1177-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-header-1177-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{left:-.1rem;top:0;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:1.5rem}.ids-header-1177-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ids-header-1177-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media (min-width:1024px){.ids-header-1177-pro__nav-mobile__menu{display:none}}.ids-header-1177-pro__nav-mobile__menu-items{box-shadow:0 .125rem .313rem #c5c5c5;display:block;left:0;position:absolute;right:0;top:calc(100% + .063rem);z-index:10}@media (min-width:1024px){.ids-header-1177-pro__nav-mobile__menu-items{display:none}}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item{align-items:center;color:var(--IDS-COLOR-ACCENT-40);display:none;height:3rem;justify-content:center;margin:0 -.5rem;padding:0 .5rem;position:relative}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item a,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font:inherit;font-size:.875rem;gap:.5rem;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item ::slotted(a){inset:0;opacity:0;position:absolute}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item{align-items:center;color:var(--IDS-COLOR-ACCENT-40);display:none;height:3rem;justify-content:center;margin:0 -.5rem;padding:0 .5rem;position:relative}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item a,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font:inherit;font-size:.875rem;gap:.5rem;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item ::slotted(a){inset:0;opacity:0;position:absolute}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__items__item--mobile){display:flex}}:host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive){align-items:center;color:var(--IDS-COLOR-ACCENT-40);display:none;height:3rem;justify-content:center;margin:0 -.5rem;padding:0 .5rem;position:relative}:host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive) a,:host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive) button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font:inherit;font-size:.875rem;gap:.5rem;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}:host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive) ::slotted(a){inset:0;opacity:0;position:absolute}:host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive):focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}@media (max-width:1024px){:host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive):not(.ids-header-1177-pro__items__item--mobile){display:flex}}:host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive{align-items:center;color:var(--IDS-COLOR-ACCENT-40);display:none;height:3rem;justify-content:center;margin:0 -.5rem;padding:0 .5rem;position:relative}:host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive a,:host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font:inherit;font-size:.875rem;gap:.5rem;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}:host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive ::slotted(a){inset:0;opacity:0;position:absolute}:host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!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__nav-mobile__menu{background:none;border:none;color:inherit;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font:inherit;outline:inherit;padding:0}.ids-header-1177-pro__nav-mobile__menu .ids-hamburger{cursor:pointer;position:relative;transition:all .2s;user-select:none}.ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines{background-color:var(--IDS-COLOR-ACCENT-40);border-radius:.125rem;display:block;height:.125rem;position:relative;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:after,.ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:before{background-color:var(--IDS-COLOR-ACCENT-40);border-radius:.125rem;content:\"\";display:inline-block;height:.125rem;left:0;position:absolute;-webkit-transform-origin:.09375rem center;transform-origin:.09375rem center;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:before{top:.5rem}.ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:after{top:-.5rem}.ids-header-1177-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-header-1177-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-header-1177-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{left:-.1rem;top:0;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:1.5rem}.ids-header-1177-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ids-header-1177-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media (min-width:1024px){.ids-header-1177-pro__nav-mobile__menu{display:none}}.ids-header-1177-pro__nav-mobile__menu-items{box-shadow:0 .125rem .313rem #c5c5c5;display:block;left:0;position:absolute;right:0;top:calc(100% + .063rem);z-index:10}@media (min-width:1024px){.ids-header-1177-pro__nav-mobile__menu-items{display:none}}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item{align-items:center;color:var(--IDS-COLOR-ACCENT-40);display:none;height:3rem;justify-content:center;margin:0 -.5rem;padding:0 .5rem;position:relative}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item a,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font:inherit;font-size:.875rem;gap:.5rem;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item ::slotted(a){inset:0;opacity:0;position:absolute}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item{align-items:center;color:var(--IDS-COLOR-ACCENT-40);display:none;height:3rem;justify-content:center;margin:0 -.5rem;padding:0 .5rem;position:relative}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item a,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font:inherit;font-size:.875rem;gap:.5rem;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item ::slotted(a){inset:0;opacity:0;position:absolute}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__items__item--mobile){display:flex}}:host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive){align-items:center;color:var(--IDS-COLOR-ACCENT-40);display:none;height:3rem;justify-content:center;margin:0 -.5rem;padding:0 .5rem;position:relative}:host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive) a,:host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive) button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font:inherit;font-size:.875rem;gap:.5rem;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}:host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive) ::slotted(a){inset:0;opacity:0;position:absolute}:host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive):focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}@media (max-width:1024px){:host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive):not(.ids-header-1177-pro__items__item--mobile){display:flex}}:host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive{align-items:center;color:var(--IDS-COLOR-ACCENT-40);display:none;height:3rem;justify-content:center;margin:0 -.5rem;padding:0 .5rem;position:relative}:host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive a,:host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font:inherit;font-size:.875rem;gap:.5rem;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}:host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive ::slotted(a){inset:0;opacity:0;position:absolute}:host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}";
4
4
 
5
5
  var header1177ProNavMenuMobileLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css CHANGED
@@ -1,4 +1,7 @@
1
1
  /*******
2
+ * ICONS
3
+ ********/
4
+ /*******
2
5
  * BUTTONS
3
6
  ********/
4
7
  /*******
@@ -46,7 +49,7 @@
46
49
  transition: all 0.2s;
47
50
  background-color: var(--IDS-COLOR-ACCENT-40);
48
51
  position: relative;
49
- height: 0.188rem;
52
+ height: 0.125rem;
50
53
  width: 1.25rem;
51
54
  }
52
55
  .ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:before,
@@ -64,7 +67,7 @@
64
67
  }
65
68
  .ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:before,
66
69
  .ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:after {
67
- height: 0.188rem;
70
+ height: 0.125rem;
68
71
  width: 1.25rem;
69
72
  }
70
73
  .ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:before,
package/components/header-1177-pro/header-1177-pro-region-picker-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}.ids-header-1177-pro--unresponsive button.ids-header-1177-pro__region-picker{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40)!important;cursor:pointer;display:flex;font:inherit;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:.85rem!important;gap:1rem;margin-left:1rem;margin-right:1rem;min-height:2.5rem;outline:inherit;padding:0 .5rem;position:relative}.ids-header-1177-pro--unresponsive button.ids-header-1177-pro__region-picker: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}.ids-header-1177-pro--unresponsive button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile,.ids-header-1177-pro--unresponsive button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile:before{display:none}.ids-header-1177-pro--unresponsive button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile .ids-header-1177-pro__region-picker__text{display:flex;font-size:.875rem;gap:.5rem}.ids-header-1177-pro--unresponsive button.ids-header-1177-pro__region-picker:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-header-1177-pro--unresponsive button.ids-header-1177-pro__region-picker ::slotted([slot=region]){height:2.5rem;max-width:12.5rem}.ids-header-1177-pro--unresponsive button.ids-header-1177-pro__region-picker ::slotted([slot=region-mobile]){height:2.5rem;max-width:12.5rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) button.ids-header-1177-pro__region-picker{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40)!important;cursor:pointer;display:flex;font:inherit;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:.85rem!important;gap:1rem;margin-left:1rem;margin-right:1rem;min-height:2.5rem;outline:inherit;padding:0 .5rem;position:relative}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) button.ids-header-1177-pro__region-picker: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){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) button.ids-header-1177-pro__region-picker:before{min-height:2rem}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile:before{display:none}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile .ids-header-1177-pro__region-picker__text{display:flex;font-size:.875rem;gap:.5rem}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) button.ids-header-1177-pro__region-picker:not(.ids-header-1177-pro__region-picker--mobile){display:none}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile{display:flex;gap:.75rem;margin-left:0}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile ::slotted([slot=region]){height:1.5rem;max-width:12.5rem}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) button.ids-header-1177-pro__region-picker:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) button.ids-header-1177-pro__region-picker ::slotted([slot=region]){height:2.5rem;max-width:12.5rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) button.ids-header-1177-pro__region-picker ::slotted([slot=region-mobile]){height:2.5rem;max-width:12.5rem}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) button.ids-header-1177-pro__region-picker{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40)!important;cursor:pointer;display:flex;font:inherit;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:.85rem!important;gap:1rem;margin-left:1rem;margin-right:1rem;min-height:2.5rem;outline:inherit;padding:0 .5rem;position:relative}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) button.ids-header-1177-pro__region-picker: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){:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) button.ids-header-1177-pro__region-picker:before{min-height:2rem}}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile{display:none}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile:before{display:none}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile .ids-header-1177-pro__region-picker__text{display:flex;font-size:.875rem;gap:.5rem}@media (max-width:1024px){:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) button.ids-header-1177-pro__region-picker:not(.ids-header-1177-pro__region-picker--mobile){display:none}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile{display:flex;gap:.75rem;margin-left:0}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile ::slotted([slot=region]){height:1.5rem;max-width:12.5rem}}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) button.ids-header-1177-pro__region-picker:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) button.ids-header-1177-pro__region-picker ::slotted([slot=region]){height:2.5rem;max-width:12.5rem}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) button.ids-header-1177-pro__region-picker ::slotted([slot=region-mobile]){height:2.5rem;max-width:12.5rem}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive button.ids-header-1177-pro__region-picker{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40)!important;cursor:pointer;display:flex;font:inherit;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:.85rem!important;gap:1rem;margin-left:1rem;margin-right:1rem;min-height:2.5rem;outline:inherit;padding:0 .5rem;position:relative}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive button.ids-header-1177-pro__region-picker: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}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile{display:none}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile:before{display:none}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile .ids-header-1177-pro__region-picker__text{display:flex;font-size:.875rem;gap:.5rem}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive button.ids-header-1177-pro__region-picker:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive button.ids-header-1177-pro__region-picker ::slotted([slot=region]){height:2.5rem;max-width:12.5rem}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive button.ids-header-1177-pro__region-picker ::slotted([slot=region-mobile]){height:2.5rem;max-width:12.5rem}";
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}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__region-picker-button{align-items:center;background:none;background-color:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40)!important;cursor:pointer;display:flex;font:inherit;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:.85rem!important;gap:1rem;margin-left:1rem;margin-right:1rem;min-height:2.5rem;outline:inherit;padding:0 2rem 0 .5rem;position:relative}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__region-picker-button: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}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__region-picker-button:after{color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons;pointer-events:none;position:absolute;right:.5rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--expanded:after{content:\"\\e939\"}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--mobile{display:none;margin-right:0;padding-right:2rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--mobile:before{display:none}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--mobile .ids-header-1177-pro__region-picker__text{display:flex;font-size:.875rem;padding-left:1.75rem;position:relative}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--mobile .ids-header-1177-pro__region-picker__text:before{color:var(--IDS-ICON__COLOR);content:\"\\e921\";display:block;font:icon;font-family:Inera-Design-Icons;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__region-picker-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__region-picker-button ::slotted([slot=region]){height:2.5rem;max-width:12.5rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__region-picker-button ::slotted([slot=region-mobile]){height:2.5rem;max-width:12.5rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button{align-items:center;background:none;background-color:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40)!important;cursor:pointer;display:flex;font:inherit;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:.85rem!important;gap:1rem;margin-left:1rem;margin-right:1rem;min-height:2.5rem;outline:inherit;padding:0 2rem 0 .5rem;position:relative}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button: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){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button:before{min-height:2rem}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button:after{color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons;pointer-events:none;position:absolute;right:.5rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--expanded:after{content:\"\\e939\"}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--mobile{display:none;margin-right:0;padding-right:2rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--mobile:before{display:none}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--mobile .ids-header-1177-pro__region-picker__text{display:flex;font-size:.875rem;padding-left:1.75rem;position:relative}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--mobile .ids-header-1177-pro__region-picker__text:before{color:var(--IDS-ICON__COLOR);content:\"\\e921\";display:block;font:icon;font-family:Inera-Design-Icons;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button:not(.ids-header-1177-pro__region-picker-button--mobile){display:none}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--mobile{display:flex;gap:.75rem;margin-left:0}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--mobile ::slotted([slot=region]){height:1.5rem;max-width:12.5rem}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-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__region-picker-button ::slotted([slot=region]){height:2.5rem;max-width:12.5rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button ::slotted([slot=region-mobile]){height:2.5rem;max-width:12.5rem}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button{align-items:center;background:none;background-color:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40)!important;cursor:pointer;display:flex;font:inherit;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:.85rem!important;gap:1rem;margin-left:1rem;margin-right:1rem;min-height:2.5rem;outline:inherit;padding:0 2rem 0 .5rem;position:relative}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button: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){:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button:before{min-height:2rem}}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button:after{color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons;pointer-events:none;position:absolute;right:.5rem}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--expanded:after{content:\"\\e939\"}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--mobile{display:none;margin-right:0;padding-right:2rem}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--mobile:before{display:none}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--mobile .ids-header-1177-pro__region-picker__text{display:flex;font-size:.875rem;padding-left:1.75rem;position:relative}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--mobile .ids-header-1177-pro__region-picker__text:before{color:var(--IDS-ICON__COLOR);content:\"\\e921\";display:block;font:icon;font-family:Inera-Design-Icons;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}@media (max-width:1024px){:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button:not(.ids-header-1177-pro__region-picker-button--mobile){display:none}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--mobile{display:flex;gap:.75rem;margin-left:0}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--mobile ::slotted([slot=region]){height:1.5rem;max-width:12.5rem}}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button ::slotted([slot=region]){height:2.5rem;max-width:12.5rem}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button ::slotted([slot=region-mobile]){height:2.5rem;max-width:12.5rem}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__region-picker-button{align-items:center;background:none;background-color:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40)!important;cursor:pointer;display:flex;font:inherit;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:.85rem!important;gap:1rem;margin-left:1rem;margin-right:1rem;min-height:2.5rem;outline:inherit;padding:0 2rem 0 .5rem;position:relative}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__region-picker-button: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}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__region-picker-button:after{color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons;pointer-events:none;position:absolute;right:.5rem}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--expanded:after{content:\"\\e939\"}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--mobile{display:none;margin-right:0;padding-right:2rem}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--mobile:before{display:none}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--mobile .ids-header-1177-pro__region-picker__text{display:flex;font-size:.875rem;padding-left:1.75rem;position:relative}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--mobile .ids-header-1177-pro__region-picker__text:before{color:var(--IDS-ICON__COLOR);content:\"\\e921\";display:block;font:icon;font-family:Inera-Design-Icons;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__region-picker-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__region-picker-button ::slotted([slot=region]){height:2.5rem;max-width:12.5rem}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__region-picker-button ::slotted([slot=region-mobile]){height:2.5rem;max-width:12.5rem}";
4
4
 
5
5
  var header1177ProRegionPickerLit = css`${unsafeCSS(css_248z)}`;
6
6