@inera/ids-design 5.4.1 → 5.5.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 (83) hide show
  1. package/components/alert/alert-lit.js +1 -1
  2. package/components/alert/alert.css +67 -70
  3. package/components/badge/badge-lit.js +1 -1
  4. package/components/badge/badge.css +1 -1
  5. package/components/box-link/box-link-lit.d.ts +2 -0
  6. package/components/box-link/box-link-lit.js +7 -0
  7. package/components/box-link/box-link.css +75 -0
  8. package/components/data-table/data-table-lit.js +1 -1
  9. package/components/data-table/data-table.css +28 -23
  10. package/components/dialog/dialog-lit.js +1 -1
  11. package/components/dialog/dialog.css +1 -0
  12. package/components/dropdown/dropdown-lit.js +1 -1
  13. package/components/dropdown/dropdown.css +7 -2
  14. package/components/footer/footer-lit.js +1 -1
  15. package/components/footer/footer.css +0 -18
  16. package/components/footer-1177/footer-1177-lit.js +1 -1
  17. package/components/footer-1177/footer-1177.css +3 -20
  18. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  19. package/components/footer-1177-admin/footer-1177-admin.css +0 -18
  20. package/components/footer-inera/footer-inera-lit.js +1 -1
  21. package/components/footer-inera/footer-inera.css +3 -20
  22. package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
  23. package/components/footer-inera-admin/footer-inera-admin.css +5 -22
  24. package/components/grid/column/column-lit.js +1 -1
  25. package/components/grid/column/column.css +170 -175
  26. package/components/grid/container/container-lit.d.ts +2 -0
  27. package/components/grid/container/container-lit.js +7 -0
  28. package/components/grid/container/container.css +20 -0
  29. package/components/grid/row/row-lit.d.ts +2 -0
  30. package/components/grid/row/row-lit.js +7 -0
  31. package/components/grid/row/row.css +57 -0
  32. package/components/header-1177/composite-header-1177.css +165 -126
  33. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  34. package/components/header-1177/header-1177-avatar.css +40 -42
  35. package/components/header-1177/header-1177-lit.js +1 -1
  36. package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
  37. package/components/header-1177/header-1177-nav-item-mobile.css +5 -9
  38. package/components/header-1177/header-1177-nav-lit.js +1 -1
  39. package/components/header-1177/header-1177-nav.css +4 -0
  40. package/components/header-1177/header-1177.css +116 -75
  41. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  42. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
  43. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +4 -0
  44. package/components/header-1177-admin/header-1177-admin-avatar.css +64 -28
  45. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  46. package/components/header-1177-admin/header-1177-admin.css +59 -58
  47. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  48. package/components/header-1177-pro/header-1177-pro-avatar.css +57 -21
  49. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  50. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile-lit.js +1 -1
  51. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css +16 -12
  52. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  53. package/components/header-1177-pro/header-1177-pro-region-picker.css +306 -16
  54. package/components/header-1177-pro/header-1177-pro.css +33 -63
  55. package/components/header-inera/header-inera-nav-mobile-lit.js +1 -1
  56. package/components/header-inera/header-inera-nav-mobile.css +7 -10
  57. package/components/header-inera-admin/composite-header-inera-admin.css +7 -16
  58. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  59. package/components/header-inera-admin/header-inera-admin-avatar.css +0 -6
  60. package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.js +1 -1
  61. package/components/header-inera-admin/header-inera-admin-nav-mobile.css +7 -10
  62. package/components/notification-badge/notification-badge-lit.js +1 -1
  63. package/components/notification-badge/notification-badge.css +1 -0
  64. package/components/pagination/data-pagination/data-pagination-lit.js +1 -1
  65. package/components/pagination/data-pagination/data-pagination.css +1 -1
  66. package/components/popover/popover-content-lit.js +1 -1
  67. package/components/popover/popover-content.css +6 -1
  68. package/components/progressbar/progressbar-lit.js +1 -1
  69. package/components/progressbar/progressbar.css +2 -3
  70. package/components/side-menu/side-menu-lit.js +1 -1
  71. package/components/side-menu/side-menu.css +109 -37
  72. package/components/side-panel/side-panel-lit.js +1 -1
  73. package/components/side-panel/side-panel.css +7 -9
  74. package/components/tabs/tab-lit.js +1 -1
  75. package/components/tabs/tab.css +14 -8
  76. package/components/tabs/tabs-lit.js +1 -1
  77. package/components/tabs/tabs.css +52 -14
  78. package/global/global.css +136 -11
  79. package/package.json +1 -1
  80. package/themes/1177/1177.css +158 -20
  81. package/themes/1177-pro/1177-pro.css +158 -20
  82. package/themes/inera/inera.css +157 -19
  83. package/themes/inera-admin/inera-admin.css +157 -19
package/components/header-1177-pro/header-1177-pro-avatar.css CHANGED
@@ -26,7 +26,7 @@
26
26
  font-size: 1rem;
27
27
  font-family: var(--IDS-FONT-FAMILY-BASE);
28
28
  text-align: start;
29
- max-width: 15.625rem;
29
+ max-width: 12.5rem;
30
30
  white-space: nowrap;
31
31
  overflow: hidden;
32
32
  position: relative;
@@ -35,14 +35,16 @@
35
35
  }
36
36
 
37
37
  .ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar {
38
- grid-column: 4;
39
- justify-self: end;
40
- display: grid;
38
+ justify-self: flex-end;
39
+ display: flex;
41
40
  align-items: center;
42
- padding-left: 1.25rem;
43
- margin-right: 1.25rem;
41
+ padding-left: 1.5rem;
42
+ margin-right: 1.5rem;
44
43
  position: relative;
45
44
  }
45
+ .ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar button {
46
+ padding: 0 0.5rem;
47
+ }
46
48
  .ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar button:focus {
47
49
  outline: var(--IDS-FOCUS__OUTLINE);
48
50
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
@@ -72,6 +74,13 @@
72
74
  .ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron {
73
75
  width: 0.75rem;
74
76
  grid-column: 3;
77
+ position: relative;
78
+ }
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 {
80
+ position: absolute;
81
+ top: 50%;
82
+ left: 50%;
83
+ transform: translate(-50%, -50%);
75
84
  }
76
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 {
77
86
  transform: rotate(180deg);
@@ -105,14 +114,16 @@
105
114
  }
106
115
 
107
116
  .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar {
108
- grid-column: 4;
109
- justify-self: end;
110
- display: grid;
117
+ justify-self: flex-end;
118
+ display: flex;
111
119
  align-items: center;
112
- padding-left: 1.25rem;
113
- margin-right: 1.25rem;
120
+ padding-left: 1.5rem;
121
+ margin-right: 1.5rem;
114
122
  position: relative;
115
123
  }
124
+ .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar button {
125
+ padding: 0 0.5rem;
126
+ }
116
127
  .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar button:focus {
117
128
  outline: var(--IDS-FOCUS__OUTLINE);
118
129
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
@@ -147,6 +158,13 @@
147
158
  .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 {
148
159
  width: 0.75rem;
149
160
  grid-column: 3;
161
+ position: relative;
162
+ }
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 {
164
+ position: absolute;
165
+ top: 50%;
166
+ left: 50%;
167
+ transform: translate(-50%, -50%);
150
168
  }
151
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 {
152
170
  transform: rotate(180deg);
@@ -180,14 +198,16 @@
180
198
  }
181
199
 
182
200
  :host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) {
183
- grid-column: 4;
184
- justify-self: end;
185
- display: grid;
201
+ justify-self: flex-end;
202
+ display: flex;
186
203
  align-items: center;
187
- padding-left: 1.25rem;
188
- margin-right: 1.25rem;
204
+ padding-left: 1.5rem;
205
+ margin-right: 1.5rem;
189
206
  position: relative;
190
207
  }
208
+ :host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) button {
209
+ padding: 0 0.5rem;
210
+ }
191
211
  :host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) button:focus {
192
212
  outline: var(--IDS-FOCUS__OUTLINE);
193
213
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
@@ -222,6 +242,13 @@
222
242
  :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 {
223
243
  width: 0.75rem;
224
244
  grid-column: 3;
245
+ position: relative;
246
+ }
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 {
248
+ position: absolute;
249
+ top: 50%;
250
+ left: 50%;
251
+ transform: translate(-50%, -50%);
225
252
  }
226
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 {
227
254
  transform: rotate(180deg);
@@ -254,14 +281,16 @@
254
281
  z-index: 1;
255
282
  }
256
283
  :host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive {
257
- grid-column: 4;
258
- justify-self: end;
259
- display: grid;
284
+ justify-self: flex-end;
285
+ display: flex;
260
286
  align-items: center;
261
- padding-left: 1.25rem;
262
- margin-right: 1.25rem;
287
+ padding-left: 1.5rem;
288
+ margin-right: 1.5rem;
263
289
  position: relative;
264
290
  }
291
+ :host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive button {
292
+ padding: 0 0.5rem;
293
+ }
265
294
  :host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive button:focus {
266
295
  outline: var(--IDS-FOCUS__OUTLINE);
267
296
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
@@ -291,6 +320,13 @@
291
320
  :host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron {
292
321
  width: 0.75rem;
293
322
  grid-column: 3;
323
+ position: relative;
324
+ }
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 {
326
+ position: absolute;
327
+ top: 50%;
328
+ left: 50%;
329
+ transform: translate(-50%, -50%);
294
330
  }
295
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 {
296
332
  transform: rotate(180deg);
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}}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:grid;grid-template-columns:auto auto 1fr;height:7.25rem;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);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{grid-template-columns:auto 1fr;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:has(.ids-header-1177-pro__items){grid-template-columns:auto 1fr}}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:grid;grid-template-columns:auto auto}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;height:2.5rem;justify-content:center;margin-left:1.25rem;margin-right:1.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;height:4rem;left:-1.5rem;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{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:after{background:var(--IDS-COLOR-ACCENT-30);content:\"\";display:block;height:4rem;position:absolute;right:-1.5rem;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:after{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;height:2rem;height:4rem;left:-.75rem;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{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{align-items:center;display:grid;gap:2.5rem;grid-auto-flow:column;justify-self:end;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: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:grid;grid-template-columns:auto auto 1fr;height:7.25rem;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);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:grid;grid-template-columns:auto auto}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;height:2.5rem;justify-content:center;margin-left:1.25rem;margin-right:1.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;height:4rem;left:-1.5rem;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__logo-text:after{background:var(--IDS-COLOR-ACCENT-30);content:\"\";display:block;height:4rem;position:absolute;right:-1.5rem;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{align-items:center;display:grid;gap:2.5rem;grid-auto-flow:column;justify-self:end;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}@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}";
4
4
 
5
5
  var header1177ProLit = css`${unsafeCSS(css_248z)}`;
6
6
 
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:none;font:inherit;outline:inherit;padding:0}.ids-header-1177-pro__nav-mobile__menu .ids-hamburger{cursor:pointer;position:relative;transition:.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:.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:.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{-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}.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:-.313rem;top:0;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:2rem}.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 (max-width:1024px){.ids-header-1177-pro__nav-mobile__menu{display:flex}}.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;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;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;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;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:.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}";
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
@@ -31,10 +31,10 @@
31
31
  cursor: pointer;
32
32
  outline: inherit;
33
33
  color: var(--IDS-COLOR-PRIMARY-35);
34
- display: none;
34
+ display: flex;
35
35
  }
36
36
  .ids-header-1177-pro__nav-mobile__menu .ids-hamburger {
37
- transition: 0.2s;
37
+ transition: all 0.2s;
38
38
  cursor: pointer;
39
39
  user-select: none;
40
40
  position: relative;
@@ -43,7 +43,7 @@
43
43
  display: block;
44
44
  width: 1.3125rem;
45
45
  border-radius: 0.125rem;
46
- transition: 0.2s;
46
+ transition: all 0.2s;
47
47
  background-color: var(--IDS-COLOR-ACCENT-40);
48
48
  position: relative;
49
49
  height: 0.188rem;
@@ -54,7 +54,7 @@
54
54
  display: inline-block;
55
55
  width: 1.3125rem;
56
56
  border-radius: 0.125rem;
57
- transition: 0.2s;
57
+ transition: all 0.2s;
58
58
  background-color: var(--IDS-COLOR-ACCENT-40);
59
59
  position: absolute;
60
60
  left: 0;
@@ -78,10 +78,6 @@
78
78
  .ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:after {
79
79
  top: -0.5rem;
80
80
  }
81
- .ids-header-1177-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger {
82
- -webkit-transform: scale3d(0.8, 0.8, 0.8);
83
- transform: scale3d(0.8, 0.8, 0.8);
84
- }
85
81
  .ids-header-1177-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines {
86
82
  background: transparent;
87
83
  }
@@ -90,8 +86,8 @@
90
86
  -webkit-transform-origin: 50% 50%;
91
87
  transform-origin: 50% 50%;
92
88
  top: 0;
93
- width: 2rem;
94
- left: -0.313rem;
89
+ width: 1.5rem;
90
+ left: -0.1rem;
95
91
  }
96
92
  .ids-header-1177-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before {
97
93
  -ms-transform: rotate(45deg);
@@ -103,9 +99,9 @@
103
99
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
104
100
  transform: rotate3d(0, 0, 1, -45deg);
105
101
  }
106
- @media (max-width: 1024px) {
102
+ @media (min-width: 1024px) {
107
103
  .ids-header-1177-pro__nav-mobile__menu {
108
- display: flex;
104
+ display: none;
109
105
  }
110
106
  }
111
107
 
@@ -131,6 +127,8 @@
131
127
  height: 3rem;
132
128
  position: relative;
133
129
  color: var(--IDS-COLOR-ACCENT-40);
130
+ padding: 0 0.5rem;
131
+ margin: 0 -0.5rem;
134
132
  }
135
133
  .ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item a,
136
134
  .ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item button {
@@ -168,6 +166,8 @@
168
166
  height: 3rem;
169
167
  position: relative;
170
168
  color: var(--IDS-COLOR-ACCENT-40);
169
+ padding: 0 0.5rem;
170
+ margin: 0 -0.5rem;
171
171
  }
172
172
  .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item a,
173
173
  .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item button {
@@ -215,6 +215,8 @@
215
215
  height: 3rem;
216
216
  position: relative;
217
217
  color: var(--IDS-COLOR-ACCENT-40);
218
+ padding: 0 0.5rem;
219
+ margin: 0 -0.5rem;
218
220
  }
219
221
  :host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive) a,
220
222
  :host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive) button {
@@ -261,6 +263,8 @@
261
263
  height: 3rem;
262
264
  position: relative;
263
265
  color: var(--IDS-COLOR-ACCENT-40);
266
+ padding: 0 0.5rem;
267
+ margin: 0 -0.5rem;
264
268
  }
265
269
  :host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive a,
266
270
  :host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive button {
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--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;height:2.5rem;margin-left:1.5rem;margin-right:1.5rem;max-height:2.5rem;outline:inherit;padding:0;position:relative}.ids-header-1177-pro--unresponsive button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile{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;height:2.5rem;margin-left:1.5rem;margin-right:1.5rem;max-height:2.5rem;outline:inherit;padding:0;position:relative}.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: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;height:2.5rem;margin-left:1.5rem;margin-right:1.5rem;max-height:2.5rem;outline:inherit;padding:0;position:relative}: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 .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;height:2.5rem;margin-left:1.5rem;margin-right:1.5rem;max-height:2.5rem;outline:inherit;padding:0;position:relative}: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 .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}@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}";
4
4
 
5
5
  var header1177ProRegionPickerLit = css`${unsafeCSS(css_248z)}`;
6
6