@inera/ids-design 5.0.2 → 5.1.0

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