@inera/ids-design 9.1.0 → 9.2.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 (261) hide show
  1. package/components/accordion/accordion-lit.js +1 -1
  2. package/components/accordion/accordion-shadow-lit.js +1 -1
  3. package/components/accordion/accordion-shadow.css +17 -5
  4. package/components/accordion/accordion.css +41 -15
  5. package/components/action-link/action-link-lit.js +1 -1
  6. package/components/action-link/action-link-shadow-lit.js +1 -1
  7. package/components/action-link/action-link-shadow.css +18 -6
  8. package/components/action-link/action-link.css +73 -13
  9. package/components/alert/alert-lit.js +1 -1
  10. package/components/alert/alert-shadow-lit.js +1 -1
  11. package/components/alert/alert-shadow.css +17 -5
  12. package/components/alert/alert.css +24 -5
  13. package/components/box-link/box-link-lit.js +1 -1
  14. package/components/box-link/box-link-shadow-lit.js +1 -1
  15. package/components/box-link/box-link-shadow.css +3 -1
  16. package/components/box-link/box-link.css +3 -1
  17. package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
  18. package/components/breadcrumbs/breadcrumbs-shadow-lit.js +1 -1
  19. package/components/breadcrumbs/breadcrumbs-shadow.css +3 -2
  20. package/components/breadcrumbs/breadcrumbs.css +5 -4
  21. package/components/card/card-lit.js +1 -1
  22. package/components/card/card-shadow-lit.js +1 -1
  23. package/components/card/card-shadow.css +2 -0
  24. package/components/card/card.css +27 -12
  25. package/components/carousel/carousel-lit.js +1 -1
  26. package/components/carousel/carousel.css +18 -5
  27. package/components/data-pagination/data-pagination-lit.js +1 -1
  28. package/components/data-pagination/data-pagination-shadow.css +4 -4
  29. package/components/data-pagination/data-pagination.css +5 -4
  30. package/components/data-table/data-table-lit.js +1 -1
  31. package/components/data-table/data-table.css +135 -18
  32. package/components/dialog/dialog-lit.js +1 -1
  33. package/components/dialog/dialog.css +2 -1
  34. package/components/dropdown/dropdown-lit.js +1 -1
  35. package/components/dropdown/dropdown.css +3 -3
  36. package/components/footer-1177/footer-1177-lit.js +1 -1
  37. package/components/footer-1177/footer-1177-shadow-lit.js +1 -1
  38. package/components/footer-1177/footer-1177-shadow.css +10 -5
  39. package/components/footer-1177/footer-1177.css +35 -12
  40. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  41. package/components/footer-1177-admin/footer-1177-admin-shadow-lit.js +1 -1
  42. package/components/footer-1177-admin/footer-1177-admin-shadow.css +27 -10
  43. package/components/footer-1177-admin/footer-1177-admin.css +35 -12
  44. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  45. package/components/footer-1177-pro/footer-1177-pro-shadow-lit.js +1 -1
  46. package/components/footer-1177-pro/footer-1177-pro-shadow.css +27 -10
  47. package/components/footer-1177-pro/footer-1177-pro.css +36 -13
  48. package/components/footer-inera/footer-inera-lit.js +1 -1
  49. package/components/footer-inera/footer-inera-shadow-lit.js +1 -1
  50. package/components/footer-inera/footer-inera-shadow.css +27 -10
  51. package/components/footer-inera/footer-inera.css +34 -12
  52. package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
  53. package/components/footer-inera-admin/footer-inera-admin-shadow-lit.js +1 -1
  54. package/components/footer-inera-admin/footer-inera-admin-shadow.css +27 -10
  55. package/components/footer-inera-admin/footer-inera-admin.css +34 -53
  56. package/components/footer-inera-general/footer-inera-general-lit.d.ts +2 -0
  57. package/components/footer-inera-general/footer-inera-general-lit.js +9 -0
  58. package/components/footer-inera-general/footer-inera-general-shadow-lit.d.ts +2 -0
  59. package/components/footer-inera-general/footer-inera-general-shadow-lit.js +9 -0
  60. package/components/footer-inera-general/footer-inera-general-shadow.css +115 -0
  61. package/components/footer-inera-general/footer-inera-general.css +329 -0
  62. package/components/form/darkmode-toggle/darkmode-toggle-lit.js +1 -1
  63. package/components/form/darkmode-toggle/darkmode-toggle.css +10 -1
  64. package/components/form/datepicker/datepicker-lit.js +1 -1
  65. package/components/form/datepicker/datepicker.css +49 -50
  66. package/components/form/error-message/error-message-lit.js +1 -1
  67. package/components/form/error-message/error-message.css +1 -0
  68. package/components/form/range/range-lit.js +1 -1
  69. package/components/form/range/range.css +20 -5
  70. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  71. package/components/form/select-multiple/select-multiple.css +3 -1
  72. package/components/global-alert/global-alert-lit.js +1 -1
  73. package/components/global-alert/global-alert.css +23 -19
  74. package/components/header-1177/composite-header-1177.css +46 -17
  75. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  76. package/components/header-1177/header-1177-avatar-shadow-lit.js +1 -1
  77. package/components/header-1177/header-1177-avatar-shadow.css +17 -5
  78. package/components/header-1177/header-1177-avatar.css +21 -7
  79. package/components/header-1177/header-1177-item-lit.js +1 -1
  80. package/components/header-1177/header-1177-item-shadow-lit.js +1 -1
  81. package/components/header-1177/header-1177-item-shadow.css +23 -8
  82. package/components/header-1177/header-1177-item.css +23 -8
  83. package/components/header-1177/header-1177-lit.js +1 -1
  84. package/components/header-1177/header-1177-nav-item-lit.js +1 -1
  85. package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
  86. package/components/header-1177/header-1177-nav-item-mobile-shadow-lit.js +1 -1
  87. package/components/header-1177/header-1177-nav-item-mobile-shadow.css +20 -7
  88. package/components/header-1177/header-1177-nav-item-mobile.css +20 -7
  89. package/components/header-1177/header-1177-nav-item-shadow-lit.js +1 -1
  90. package/components/header-1177/header-1177-nav-item-shadow.css +19 -5
  91. package/components/header-1177/header-1177-nav-item.css +21 -6
  92. package/components/header-1177/header-1177-region-picker-lit.js +1 -1
  93. package/components/header-1177/header-1177-region-picker-mobile-lit.js +1 -1
  94. package/components/header-1177/header-1177-region-picker-mobile.css +23 -7
  95. package/components/header-1177/header-1177-region-picker.css +21 -7
  96. package/components/header-1177/header-1177-shadow-lit.js +1 -1
  97. package/components/header-1177/header-1177-shadow.css +17 -5
  98. package/components/header-1177/header-1177.css +19 -5
  99. package/components/header-1177-admin/composite-header-1177-admin.css +75 -39
  100. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  101. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
  102. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +8 -5
  103. package/components/header-1177-admin/header-1177-admin-avatar.css +33 -25
  104. package/components/header-1177-admin/header-1177-admin-item-lit.js +1 -1
  105. package/components/header-1177-admin/header-1177-admin-item-shadow-lit.js +1 -1
  106. package/components/header-1177-admin/header-1177-admin-item-shadow.css +4 -2
  107. package/components/header-1177-admin/header-1177-admin-item.css +11 -4
  108. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  109. package/components/header-1177-admin/header-1177-admin-menu-mobile-lit.js +1 -1
  110. package/components/header-1177-admin/header-1177-admin-menu-mobile.css +1 -1
  111. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
  112. package/components/header-1177-admin/header-1177-admin-nav-item-mobile-lit.js +1 -1
  113. package/components/header-1177-admin/header-1177-admin-nav-item-mobile-shadow-lit.js +1 -1
  114. package/components/header-1177-admin/header-1177-admin-nav-item-mobile-shadow.css +3 -2
  115. package/components/header-1177-admin/header-1177-admin-nav-item-mobile.css +4 -3
  116. package/components/header-1177-admin/header-1177-admin-nav-item-shadow-lit.js +1 -1
  117. package/components/header-1177-admin/header-1177-admin-nav-item-shadow.css +2 -0
  118. package/components/header-1177-admin/header-1177-admin-nav-item.css +4 -1
  119. package/components/header-1177-admin/header-1177-admin-nav-lit.js +1 -1
  120. package/components/header-1177-admin/header-1177-admin-nav.css +10 -0
  121. package/components/header-1177-admin/header-1177-admin.css +4 -0
  122. package/components/header-1177-pro/composite-header-1177-pro.css +71 -24
  123. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  124. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
  125. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +7 -4
  126. package/components/header-1177-pro/header-1177-pro-avatar.css +21 -7
  127. package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
  128. package/components/header-1177-pro/header-1177-pro-item-shadow-lit.js +1 -1
  129. package/components/header-1177-pro/header-1177-pro-item-shadow.css +4 -2
  130. package/components/header-1177-pro/header-1177-pro-item.css +4 -2
  131. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  132. package/components/header-1177-pro/header-1177-pro-menu-mobile-lit.js +1 -1
  133. package/components/header-1177-pro/header-1177-pro-menu-mobile.css +1 -1
  134. package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
  135. package/components/header-1177-pro/header-1177-pro-nav-item-mobile-lit.js +1 -1
  136. package/components/header-1177-pro/header-1177-pro-nav-item-mobile-shadow-lit.js +1 -1
  137. package/components/header-1177-pro/header-1177-pro-nav-item-mobile-shadow.css +3 -2
  138. package/components/header-1177-pro/header-1177-pro-nav-item-mobile.css +4 -2
  139. package/components/header-1177-pro/header-1177-pro-nav-item-shadow-lit.js +1 -1
  140. package/components/header-1177-pro/header-1177-pro-nav-item-shadow.css +2 -0
  141. package/components/header-1177-pro/header-1177-pro-nav-item.css +4 -1
  142. package/components/header-1177-pro/header-1177-pro-nav-lit.js +1 -1
  143. package/components/header-1177-pro/header-1177-pro-nav.css +10 -0
  144. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  145. package/components/header-1177-pro/header-1177-pro-region-picker-mobile-lit.js +1 -1
  146. package/components/header-1177-pro/header-1177-pro-region-picker-mobile.css +5 -2
  147. package/components/header-1177-pro/header-1177-pro-region-picker.css +5 -3
  148. package/components/header-1177-pro/header-1177-pro.css +10 -2
  149. package/components/header-inera/composite-header-inera.css +9 -5
  150. package/components/header-inera/header-inera-item-lit.js +1 -1
  151. package/components/header-inera/header-inera-item-shadow-lit.js +1 -1
  152. package/components/header-inera/header-inera-item-shadow.css +54 -1
  153. package/components/header-inera/header-inera-item.css +2 -1
  154. package/components/header-inera/header-inera-lit.js +1 -1
  155. package/components/header-inera/header-inera-menu-mobile-lit.js +1 -1
  156. package/components/header-inera/header-inera-menu-mobile.css +1 -1
  157. package/components/header-inera/header-inera-nav-item-lit.js +1 -1
  158. package/components/header-inera/header-inera-nav-item-shadow-lit.js +1 -1
  159. package/components/header-inera/header-inera-nav-item-shadow.css +2 -0
  160. package/components/header-inera/header-inera-nav-item.css +4 -1
  161. package/components/header-inera/header-inera-nav-lit.js +1 -1
  162. package/components/header-inera/header-inera-nav.css +0 -2
  163. package/components/header-inera/header-inera.css +2 -0
  164. package/components/header-inera-admin/composite-header-inera-admin.css +46 -19
  165. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  166. package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +1 -1
  167. package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +8 -5
  168. package/components/header-inera-admin/header-inera-admin-avatar.css +21 -7
  169. package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
  170. package/components/header-inera-admin/header-inera-admin-item-shadow-lit.js +1 -1
  171. package/components/header-inera-admin/header-inera-admin-item-shadow.css +2 -1
  172. package/components/header-inera-admin/header-inera-admin-item.css +2 -1
  173. package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
  174. package/components/header-inera-admin/header-inera-admin-menu-mobile-lit.js +1 -1
  175. package/components/header-inera-admin/header-inera-admin-menu-mobile.css +1 -1
  176. package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
  177. package/components/header-inera-admin/header-inera-admin-nav-item-mobile-lit.js +1 -1
  178. package/components/header-inera-admin/header-inera-admin-nav-item-mobile-shadow-lit.js +1 -1
  179. package/components/header-inera-admin/header-inera-admin-nav-item-mobile-shadow.css +3 -2
  180. package/components/header-inera-admin/header-inera-admin-nav-item-mobile.css +4 -3
  181. package/components/header-inera-admin/header-inera-admin-nav-item-shadow-lit.js +1 -1
  182. package/components/header-inera-admin/header-inera-admin-nav-item-shadow.css +2 -0
  183. package/components/header-inera-admin/header-inera-admin-nav-item.css +4 -1
  184. package/components/header-inera-admin/header-inera-admin-nav-lit.js +1 -1
  185. package/components/header-inera-admin/header-inera-admin-nav.css +5 -1
  186. package/components/header-inera-admin/header-inera-admin.css +1 -0
  187. package/components/header-inera-general/composite-header-inera-general.css +584 -0
  188. package/components/header-inera-general/header-inera-general-item-lit.d.ts +2 -0
  189. package/components/header-inera-general/header-inera-general-item-lit.js +9 -0
  190. package/components/header-inera-general/header-inera-general-item-shadow-lit.d.ts +2 -0
  191. package/components/header-inera-general/header-inera-general-item-shadow-lit.js +9 -0
  192. package/components/header-inera-general/header-inera-general-item-shadow.css +140 -0
  193. package/components/header-inera-general/header-inera-general-item.css +168 -0
  194. package/components/header-inera-general/header-inera-general-lit.d.ts +2 -0
  195. package/components/header-inera-general/header-inera-general-lit.js +9 -0
  196. package/components/header-inera-general/header-inera-general-menu-mobile-lit.d.ts +2 -0
  197. package/components/header-inera-general/header-inera-general-menu-mobile-lit.js +9 -0
  198. package/components/header-inera-general/header-inera-general-menu-mobile.css +129 -0
  199. package/components/header-inera-general/header-inera-general-nav-item-lit.d.ts +2 -0
  200. package/components/header-inera-general/header-inera-general-nav-item-lit.js +9 -0
  201. package/components/header-inera-general/header-inera-general-nav-item-shadow-lit.d.ts +2 -0
  202. package/components/header-inera-general/header-inera-general-nav-item-shadow-lit.js +9 -0
  203. package/components/header-inera-general/header-inera-general-nav-item-shadow.css +45 -0
  204. package/components/header-inera-general/header-inera-general-nav-item.css +156 -0
  205. package/components/header-inera-general/header-inera-general-nav-lit.d.ts +2 -0
  206. package/components/header-inera-general/header-inera-general-nav-lit.js +9 -0
  207. package/components/header-inera-general/header-inera-general-nav.css +42 -0
  208. package/components/header-inera-general/header-inera-general-shadow-lit.d.ts +2 -0
  209. package/components/header-inera-general/header-inera-general-shadow-lit.js +9 -0
  210. package/components/header-inera-general/header-inera-general-shadow.css +30 -0
  211. package/components/header-inera-general/header-inera-general.css +133 -0
  212. package/components/header-patient/header-patient-lit.js +1 -1
  213. package/components/header-patient/header-patient.css +27 -15
  214. package/components/list-pagination/list-pagination-lit.js +1 -1
  215. package/components/list-pagination/list-pagination-shadow.css +2 -2
  216. package/components/list-pagination/list-pagination.css +5 -4
  217. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  218. package/components/mobile-menu/mobile-menu.css +13 -6
  219. package/components/navigation-content/navigation-content-lit.js +1 -1
  220. package/components/navigation-content/navigation-content.css +17 -5
  221. package/components/notification-badge/notification-badge-lit.js +1 -1
  222. package/components/notification-badge/notification-badge-shadow-lit.js +1 -1
  223. package/components/notification-badge/notification-badge-shadow.css +0 -3
  224. package/components/notification-badge/notification-badge.css +0 -3
  225. package/components/popover/popover-lit.js +1 -1
  226. package/components/popover/popover-shadow-lit.js +1 -1
  227. package/components/popover/popover-shadow.css +17 -5
  228. package/components/popover/popover.css +18 -6
  229. package/components/progressbar/progressbar-lit.js +1 -1
  230. package/components/progressbar/progressbar.css +17 -5
  231. package/components/puff-list/puff-list-lit.js +1 -1
  232. package/components/puff-list/puff-list-shadow-lit.js +1 -1
  233. package/components/puff-list/puff-list-shadow.css +17 -14
  234. package/components/puff-list/puff-list.css +27 -14
  235. package/components/side-menu/side-menu-lit.js +1 -1
  236. package/components/side-menu/side-menu.css +2 -1
  237. package/components/side-panel/side-panel-lit.js +1 -1
  238. package/components/side-panel/side-panel.css +1 -0
  239. package/components/stepper/stepper-lit.js +1 -1
  240. package/components/stepper/stepper-shadow-lit.js +1 -1
  241. package/components/stepper/stepper-shadow.css +17 -5
  242. package/components/stepper/stepper.css +24 -12
  243. package/components/table/table.css +91 -1
  244. package/components/tabs/tabs-lit.js +1 -1
  245. package/components/tag/tag-lit.js +1 -1
  246. package/components/tag/tag.css +60 -49
  247. package/components/toolbar/toolbar-lit.d.ts +2 -0
  248. package/components/toolbar/toolbar-lit.js +7 -0
  249. package/components/toolbar/toolbar.css +28 -0
  250. package/components/tooltip/tooltip-lit.js +1 -1
  251. package/components/tooltip/tooltip.css +52 -3
  252. package/global/global.css +203 -85
  253. package/package.json +1 -1
  254. package/styles.css +427 -164
  255. package/tokens/component-tokens.scss +3 -0
  256. package/tokens/themes/1177-admin-tokens.css +36 -42
  257. package/tokens/themes/1177-pro-tokens.css +36 -42
  258. package/tokens/themes/1177-tokens.css +36 -42
  259. package/tokens/themes/inera-admin-tokens.css +66 -72
  260. package/tokens/themes/inera-general-tokens.css +951 -0
  261. package/tokens/themes/inera-tokens.css +60 -66
package/components/global-alert/global-alert.css CHANGED
@@ -1,4 +1,5 @@
1
- .ids--light, .ids--dark {
1
+ .ids--light,
2
+ .ids--dark {
2
3
  --IDS-FONT-FAMILY-BASE: "Open Sans";
3
4
  --IDS-FONT-FAMILY-HEADING: "Inter";
4
5
  --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
@@ -16,10 +17,15 @@
16
17
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
17
18
  --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
18
19
  }
19
- .ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
20
+ .ids--light.ids--1177-pro, .ids--light.ids--1177-admin,
21
+ .ids--dark.ids--1177-pro,
22
+ .ids--dark.ids--1177-admin {
20
23
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
21
24
  }
22
- .ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
25
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
26
+ .ids--dark.ids--inera,
27
+ .ids--dark.ids--inera-general,
28
+ .ids--dark.ids--inera-admin {
23
29
  --IDS-FONT-FAMILY-BASE: "Open Sans";
24
30
  --IDS-FONT-FAMILY-HEADING: "Poppins";
25
31
  --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
@@ -31,10 +37,16 @@
31
37
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
32
38
  --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
33
39
  }
34
- .ids--light.ids--dark, .ids--dark.ids--dark {
40
+ .ids--light.ids--dark,
41
+ .ids--dark.ids--dark {
35
42
  --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
36
43
  }
37
- .ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-admin, .ids--dark.ids--dark.ids--1177-pro, .ids--dark.ids--dark.ids--1177-admin, .ids--dark.ids--dark.ids--inera, .ids--dark.ids--dark.ids--inera-admin {
44
+ .ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-general, .ids--light.ids--dark.ids--inera-admin,
45
+ .ids--dark.ids--dark.ids--1177-pro,
46
+ .ids--dark.ids--dark.ids--1177-admin,
47
+ .ids--dark.ids--dark.ids--inera,
48
+ .ids--dark.ids--dark.ids--inera-general,
49
+ .ids--dark.ids--dark.ids--inera-admin {
38
50
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
39
51
  }
40
52
 
@@ -85,6 +97,7 @@
85
97
  position: absolute;
86
98
  -webkit-font-smoothing: antialiased;
87
99
  -moz-osx-font-smoothing: grayscale;
100
+ font-size: 1rem;
88
101
  content: "\e905";
89
102
  width: 1.25rem;
90
103
  height: 1.25rem;
@@ -152,6 +165,7 @@
152
165
  position: absolute;
153
166
  -webkit-font-smoothing: antialiased;
154
167
  -moz-osx-font-smoothing: grayscale;
168
+ font-size: 1rem;
155
169
  content: "\e936";
156
170
  font-size: 1.25rem;
157
171
  top: 1.5rem;
@@ -175,8 +189,9 @@
175
189
  }
176
190
  .ids-global-alert .ids-global-alert__button:hover .ids-global-alert__headline,
177
191
  .ids-global-alert .ids-global-alert__button:hover .ids-global-alert__headline * {
178
- text-decoration: underline;
179
- text-underline-offset: 0.125rem;
192
+ text-decoration: underline !important;
193
+ text-underline-offset: 0.125rem !important;
194
+ text-decoration-thickness: 0.0938rem !important;
180
195
  }
181
196
  .ids-global-alert .ids-global-alert__button:hover:before {
182
197
  color: var(--IDS-GLOBAL-ALERT__CHEVRON-HOVER-COLOR);
@@ -192,7 +207,7 @@
192
207
  padding: 0 1.25rem 0.75rem 1.25rem;
193
208
  }
194
209
  .ids-global-alert .ids-global-alert__sub-content {
195
- margin-top: 0.75rem;
210
+ padding: 0 1.25rem 0.75rem 1.25rem;
196
211
  }
197
212
  @media (min-width: 1024px) {
198
213
  .ids-global-alert .ids-global-alert__icon-headline {
@@ -211,9 +226,6 @@
211
226
  .ids-global-alert.ids-global-alert--collapsed .ids-global-alert__content {
212
227
  display: none;
213
228
  }
214
- .ids-global-alert.ids-global-alert--collapsed .ids-global-alert__sub-content {
215
- display: none;
216
- }
217
229
  .ids-global-alert.ids-global-alert--agent {
218
230
  color: var(--IDS-GLOBAL-ALERT--AGENT__COLOR) !important;
219
231
  background-color: var(--IDS-GLOBAL-ALERT--AGENT__BACKGROUND-COLOR) !important;
@@ -222,12 +234,4 @@
222
234
  .ids-global-alert.ids-global-alert--agent .ids-global-alert__icon-headline:before {
223
235
  content: "\e91f";
224
236
  color: var(--IDS-GLOBAL-ALERT--AGENT__ICON-COLOR);
225
- }
226
- @media (max-width: 1023px) {
227
- .ids-global-alert.ids-global-alert--hide-icon-on-m .ids-global-alert__icon-headline {
228
- padding-left: 0 !important;
229
- }
230
- .ids-global-alert.ids-global-alert--hide-icon-on-m .ids-global-alert__icon-headline:before {
231
- display: none !important;
232
- }
233
237
  }
package/components/header-1177/composite-header-1177.css CHANGED
@@ -10,7 +10,8 @@
10
10
  }
11
11
  }
12
12
 
13
- .ids--light, .ids--dark {
13
+ .ids--light,
14
+ .ids--dark {
14
15
  --IDS-FONT-FAMILY-BASE: "Open Sans";
15
16
  --IDS-FONT-FAMILY-HEADING: "Inter";
16
17
  --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
@@ -28,10 +29,15 @@
28
29
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
29
30
  --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
30
31
  }
31
- .ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
32
+ .ids--light.ids--1177-pro, .ids--light.ids--1177-admin,
33
+ .ids--dark.ids--1177-pro,
34
+ .ids--dark.ids--1177-admin {
32
35
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
33
36
  }
34
- .ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
37
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
38
+ .ids--dark.ids--inera,
39
+ .ids--dark.ids--inera-general,
40
+ .ids--dark.ids--inera-admin {
35
41
  --IDS-FONT-FAMILY-BASE: "Open Sans";
36
42
  --IDS-FONT-FAMILY-HEADING: "Poppins";
37
43
  --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
@@ -43,10 +49,16 @@
43
49
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
44
50
  --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
45
51
  }
46
- .ids--light.ids--dark, .ids--dark.ids--dark {
52
+ .ids--light.ids--dark,
53
+ .ids--dark.ids--dark {
47
54
  --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
48
55
  }
49
- .ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-admin, .ids--dark.ids--dark.ids--1177-pro, .ids--dark.ids--dark.ids--1177-admin, .ids--dark.ids--dark.ids--inera, .ids--dark.ids--dark.ids--inera-admin {
56
+ .ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-general, .ids--light.ids--dark.ids--inera-admin,
57
+ .ids--dark.ids--dark.ids--1177-pro,
58
+ .ids--dark.ids--dark.ids--1177-admin,
59
+ .ids--dark.ids--dark.ids--inera,
60
+ .ids--dark.ids--dark.ids--inera-general,
61
+ .ids--dark.ids--dark.ids--inera-admin {
50
62
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
51
63
  }
52
64
 
@@ -205,6 +217,7 @@ header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__con
205
217
  position: absolute;
206
218
  -webkit-font-smoothing: antialiased;
207
219
  -moz-osx-font-smoothing: grayscale;
220
+ font-size: 1rem;
208
221
  content: "\e91e";
209
222
  color: var(--IDS-HEADER-1177__LOGO-COLOR);
210
223
  font-size: 6.625rem;
@@ -408,6 +421,7 @@ header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container
408
421
  position: absolute;
409
422
  -webkit-font-smoothing: antialiased;
410
423
  -moz-osx-font-smoothing: grayscale;
424
+ font-size: 1rem;
411
425
  content: "\e91e";
412
426
  color: var(--IDS-HEADER-1177__LOGO-COLOR);
413
427
  font-size: 6.625rem;
@@ -478,6 +492,7 @@ header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177-nav__mobil
478
492
  position: absolute;
479
493
  -webkit-font-smoothing: antialiased;
480
494
  -moz-osx-font-smoothing: grayscale;
495
+ font-size: 1rem;
481
496
  content: "\e936";
482
497
  color: var(--IDS-HEADER-1177-REGION-PICKER__TEXT-COLOR-DESKTOP);
483
498
  right: 0.125rem;
@@ -489,8 +504,9 @@ header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177-nav__mobil
489
504
  }
490
505
  .ids-header-1177-region-picker .ids-header-1177-region-picker__button:hover {
491
506
  color: var(--IDS-HEADER-1177-REGION-PICKER__TEXT-HOVER-COLOR-DESKTOP);
492
- text-decoration: underline;
493
- text-underline-offset: 0.125rem;
507
+ text-decoration: underline !important;
508
+ text-underline-offset: 0.125rem !important;
509
+ text-decoration-thickness: 0.0938rem !important;
494
510
  }
495
511
  .ids-header-1177-region-picker .ids-header-1177-region-picker__button:hover:after, .ids-header-1177-region-picker .ids-header-1177-region-picker__button:hover:before {
496
512
  color: var(--IDS-HEADER-1177-REGION-PICKER__TEXT-HOVER-COLOR-DESKTOP);
@@ -563,6 +579,7 @@ header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177-nav__mobil
563
579
  position: absolute;
564
580
  -webkit-font-smoothing: antialiased;
565
581
  -moz-osx-font-smoothing: grayscale;
582
+ font-size: 1rem;
566
583
  content: "\e921";
567
584
  font-size: 1.5rem;
568
585
  color: var(--IDS-HEADER-1177-REGION-PICKER__TEXT-COLOR-MOBILE);
@@ -577,15 +594,18 @@ header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177-nav__mobil
577
594
  position: absolute;
578
595
  -webkit-font-smoothing: antialiased;
579
596
  -moz-osx-font-smoothing: grayscale;
597
+ font-size: 1rem;
580
598
  content: "\e936";
581
599
  color: var(--IDS-HEADER-1177-REGION-PICKER__TEXT-COLOR-MOBILE);
582
600
  right: 0.125rem;
583
601
  top: 50%;
584
602
  transform: translateY(-50%);
603
+ font-size: 1rem;
585
604
  }
586
605
  .ids-header-1177-region-picker-mobile .ids-header-1177-region-picker-mobile__button:hover .ids-header-1177-region-picker-mobile__button-text {
587
- text-decoration: underline;
588
- text-underline-offset: 0.125rem;
606
+ text-decoration: underline !important;
607
+ text-underline-offset: 0.125rem !important;
608
+ text-decoration-thickness: 0.0938rem !important;
589
609
  }
590
610
  .ids-header-1177-region-picker-mobile .ids-header-1177-region-picker-mobile__button.ids-header-1177-region-picker-mobile__button--expanded:after {
591
611
  content: "\e939";
@@ -714,7 +734,8 @@ header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177-nav__mobil
714
734
  .ids-header-1177-item:not(.ids-header-1177-item--unresponsive) button:hover {
715
735
  color: var(--IDS-HEADER-1177-ITEM__HOVER-COLOR);
716
736
  text-decoration: underline !important;
717
- text-underline-offset: 0.125rem;
737
+ text-underline-offset: 0.125rem !important;
738
+ text-decoration-thickness: 0.0938rem !important;
718
739
  }
719
740
  @media (max-width: 1023px) {
720
741
  .ids-header-1177-item:not(.ids-header-1177-item--unresponsive) {
@@ -756,7 +777,8 @@ header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177-nav__mobil
756
777
  font-size: 1.125rem;
757
778
  color: var(--IDS-HEADER-1177-ITEM__HOVER-COLOR);
758
779
  text-decoration: underline !important;
759
- text-underline-offset: 0.125rem;
780
+ text-underline-offset: 0.125rem !important;
781
+ text-decoration-thickness: 0.0938rem !important;
760
782
  }
761
783
  }
762
784
  @media (max-width: 1023px) {
@@ -853,7 +875,8 @@ header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177-nav__mobil
853
875
  .ids-header-1177-item.ids-header-1177-item--unresponsive button:hover {
854
876
  color: var(--IDS-HEADER-1177-ITEM__HOVER-COLOR);
855
877
  text-decoration: underline !important;
856
- text-underline-offset: 0.125rem;
878
+ text-underline-offset: 0.125rem !important;
879
+ text-decoration-thickness: 0.0938rem !important;
857
880
  }
858
881
  .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) {
859
882
  justify-self: flex-end;
@@ -908,6 +931,7 @@ header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177-nav__mobil
908
931
  position: absolute;
909
932
  -webkit-font-smoothing: antialiased;
910
933
  -moz-osx-font-smoothing: grayscale;
934
+ font-size: 1rem;
911
935
  content: "\e923";
912
936
  font-size: 1.75rem;
913
937
  color: var(--IDS-HEADER-1177-AVATAR__ICON-COLOR);
@@ -922,8 +946,8 @@ header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177-nav__mobil
922
946
  position: absolute;
923
947
  -webkit-font-smoothing: antialiased;
924
948
  -moz-osx-font-smoothing: grayscale;
925
- content: "\e936";
926
949
  font-size: 1rem;
950
+ content: "\e936";
927
951
  padding: 0.25rem;
928
952
  color: var(--IDS-HEADER-1177-AVATAR__ICON-COLOR);
929
953
  background-color: var(--IDS-HEADER-1177-AVATAR__BACKGROUND-COLOR);
@@ -1091,6 +1115,7 @@ header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177-nav__mobil
1091
1115
  position: absolute;
1092
1116
  -webkit-font-smoothing: antialiased;
1093
1117
  -moz-osx-font-smoothing: grayscale;
1118
+ font-size: 1rem;
1094
1119
  content: "\e923";
1095
1120
  font-size: 1.75rem;
1096
1121
  color: var(--IDS-HEADER-1177-AVATAR__ICON-COLOR);
@@ -1105,8 +1130,8 @@ header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177-nav__mobil
1105
1130
  position: absolute;
1106
1131
  -webkit-font-smoothing: antialiased;
1107
1132
  -moz-osx-font-smoothing: grayscale;
1108
- content: "\e936";
1109
1133
  font-size: 1rem;
1134
+ content: "\e936";
1110
1135
  padding: 0.25rem;
1111
1136
  color: var(--IDS-HEADER-1177-AVATAR__ICON-COLOR);
1112
1137
  background-color: var(--IDS-HEADER-1177-AVATAR__BACKGROUND-COLOR);
@@ -1328,6 +1353,7 @@ nav.ids-header-1177-nav.ids-header-1177-nav--unresponsive .ids-header-1177-nav__
1328
1353
  .ids-header-1177-nav-item .ids-header-1177-nav-item__button a:focus-visible,
1329
1354
  .ids-header-1177-nav-item .ids-header-1177-nav-item__link a:focus-visible {
1330
1355
  outline: var(--IDS-FOCUS__OUTLINE);
1356
+ border-radius: var(--IDS-FOCUS__BORDER-RADIUS);
1331
1357
  }
1332
1358
  .ids-header-1177-nav-item .ids-header-1177-nav-item__button:hover,
1333
1359
  .ids-header-1177-nav-item .ids-header-1177-nav-item__link:hover {
@@ -1340,6 +1366,7 @@ nav.ids-header-1177-nav.ids-header-1177-nav--unresponsive .ids-header-1177-nav__
1340
1366
  }
1341
1367
  .ids-header-1177-nav-item button:focus-visible {
1342
1368
  outline: var(--IDS-FOCUS__OUTLINE);
1369
+ border-radius: var(--IDS-FOCUS__BORDER-RADIUS);
1343
1370
  }
1344
1371
  .ids-header-1177-nav-item.ids-header-1177-nav-item--active .ids-header-1177-nav-item__button:after,
1345
1372
  .ids-header-1177-nav-item.ids-header-1177-nav-item--active .ids-header-1177-nav-item__link:after {
@@ -1363,11 +1390,12 @@ nav.ids-header-1177-nav.ids-header-1177-nav--unresponsive .ids-header-1177-nav__
1363
1390
  right: 0;
1364
1391
  top: 100%;
1365
1392
  min-height: 10.813rem;
1366
- overflow: hidden;
1367
1393
  padding: 3rem 0;
1368
1394
  position: absolute;
1369
1395
  width: 100%;
1370
1396
  box-sizing: border-box;
1397
+ overflow-y: hidden;
1398
+ overflow-x: auto;
1371
1399
  display: none;
1372
1400
  }
1373
1401
  .ids-header-1177-nav-item .ids-header-1177-nav-item__menu.ids-header-1177-nav-item__menu--expanded {
@@ -1448,8 +1476,9 @@ nav.ids-header-1177-nav.ids-header-1177-nav--unresponsive .ids-header-1177-nav__
1448
1476
  .ids-header-1177-nav-item-mobile a:hover,
1449
1477
  .ids-header-1177-nav-item-mobile button:hover {
1450
1478
  color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);
1451
- text-decoration: underline;
1452
- text-underline-offset: 0.125rem;
1479
+ text-decoration: underline !important;
1480
+ text-underline-offset: 0.125rem !important;
1481
+ text-decoration-thickness: 0.0938rem !important;
1453
1482
  }
1454
1483
  @media (max-width: 1023px) {
1455
1484
  .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive) {
package/components/header-1177/header-1177-avatar-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--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--light.ids--inera,.ids--light.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive){align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;justify-content:flex-end;justify-self:flex-end;margin-left:.5rem}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__avatar{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;justify-content:flex-end;justify-self:flex-end;margin-top:.0625rem;position:relative}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__menu-wrapper{display:flex;justify-content:flex-end;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button{align-items:center;background-color:var(--IDS-HEADER-1177-AVATAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-AVATAR__BORDER-COLOR);border-radius:2rem;cursor:pointer;display:flex;justify-content:center;max-width:100%;min-width:8.5rem;overflow:hidden;padding:.75rem 1.25rem .75rem 1.75rem;position:relative}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-AVATAR__ICON-COLOR);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.75rem;left:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-HEADER-1177-AVATAR__BACKGROUND-COLOR);color:var(--IDS-HEADER-1177-AVATAR__ICON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%)}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button:hover:after,.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button:hover:before{color:var(--IDS-HEADER-1177-AVATAR__ICON-HOVER-COLOR)}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button:focus-visible{z-index:20}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button.ids-header-1177-avatar__button--expanded:after{content:\"\\e939\"}@media (max-width:1023px){.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button{gap:.5rem;justify-content:flex-start;margin-left:.75rem;margin-right:0;padding:.375rem .5rem}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button:before{font-size:1.25rem;left:.75rem}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button:after{right:.5rem}}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button .ids-header-1177-avatar__name{color:var(--IDS-HEADER-1177-AVATAR__COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;line-height:1.5rem;overflow:hidden;padding:0 1.75rem 0 2rem;position:relative;text-align:start;text-align:left;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1023px){.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button .ids-header-1177-avatar__name{font-size:.875rem;line-height:1.25rem}}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__menu{background-color:var(--IDS-HEADER-1177-AVATAR__DROPDOWN-BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-AVATAR__DROPDOWN-BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS-MEDIUM);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);box-sizing:border-box;display:none;flex-direction:column;gap:1rem;left:auto;max-width:20rem;padding:1.25rem;position:absolute;right:0;top:calc(100% + .0625rem);width:100%;z-index:12}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__menu.ids-header-1177-avatar__menu--expanded{display:flex}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__menu .ids-header-1177-avatar__agent p{color:var(--ids-color-surface-text-on-default);font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-weight:var(--ids-font-weight-body-text);letter-spacing:0;line-height:var(--ids-font-line-height-body-text);margin-bottom:0!important;margin-top:.75rem!important}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__menu .ids-header-1177-avatar__menu-links{display:flex;flex-direction:column;gap:1rem}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__menu hr{border:0;border-top:.0625rem solid var(--IDS-HEADER-1177-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0625rem;margin:0;width:100%}@media (max-width:1023px){.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__menu{border-top-left-radius:0;border-top-right-radius:0;max-width:30rem;top:calc(100% + .4375rem)}}@media (max-width:639px){.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__menu{max-width:100vw;right:-3.5rem;width:100vw}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__menu.ids-header-1177-avatar__menu--no-mobile-menu{right:-1rem}}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;justify-content:flex-end;justify-self:flex-end;margin-left:.5rem}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__avatar{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;justify-content:flex-end;justify-self:flex-end;margin-top:.0625rem;position:relative}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__menu-wrapper{display:flex;justify-content:flex-end;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button{align-items:center;background-color:var(--IDS-HEADER-1177-AVATAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-AVATAR__BORDER-COLOR);border-radius:2rem;cursor:pointer;display:flex;justify-content:center;max-width:100%;min-width:8.5rem;overflow:hidden;padding:.75rem 1.25rem .75rem 1.75rem;position:relative}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-AVATAR__ICON-COLOR);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.75rem;left:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-HEADER-1177-AVATAR__BACKGROUND-COLOR);color:var(--IDS-HEADER-1177-AVATAR__ICON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%)}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button:hover:after,.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button:hover:before{color:var(--IDS-HEADER-1177-AVATAR__ICON-HOVER-COLOR)}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button:focus-visible{z-index:20}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button.ids-header-1177-avatar__button--expanded:after{content:\"\\e939\"}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button .ids-header-1177-avatar__name{color:var(--IDS-HEADER-1177-AVATAR__COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;line-height:1.5rem;overflow:hidden;padding:0 1.75rem 0 2rem;position:relative;text-align:start;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__menu{background-color:var(--IDS-HEADER-1177-AVATAR__DROPDOWN-BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-AVATAR__DROPDOWN-BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS-MEDIUM);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);box-sizing:border-box;display:none;flex-direction:column;gap:1rem;left:auto;max-width:20rem;padding:1.25rem;position:absolute;right:0;top:calc(100% + .0625rem);width:100%;z-index:12}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__menu.ids-header-1177-avatar__menu--expanded{display:flex}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__menu .ids-header-1177-avatar__agent p{color:var(--ids-color-surface-text-on-default);font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-weight:var(--ids-font-weight-body-text);letter-spacing:0;line-height:var(--ids-font-line-height-body-text);margin-bottom:0!important;margin-top:.75rem!important}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__menu .ids-header-1177-avatar__menu-links{display:flex;flex-direction:column;gap:1rem}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__menu hr{border:0;border-top:.0625rem solid var(--IDS-HEADER-1177-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0625rem;margin:0;width:100%}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--dark.ids--inera-general,.ids--light.ids--inera,.ids--light.ids--inera-admin,.ids--light.ids--inera-general{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--dark.ids--dark.ids--inera-general,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--inera-general{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive){align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;justify-content:flex-end;justify-self:flex-end;margin-left:.5rem}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__avatar{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;justify-content:flex-end;justify-self:flex-end;margin-top:.0625rem;position:relative}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__menu-wrapper{display:flex;justify-content:flex-end;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button{align-items:center;background-color:var(--IDS-HEADER-1177-AVATAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-AVATAR__BORDER-COLOR);border-radius:2rem;cursor:pointer;display:flex;justify-content:center;max-width:100%;min-width:8.5rem;overflow:hidden;padding:.75rem 1.25rem .75rem 1.75rem;position:relative}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-AVATAR__ICON-COLOR);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;font-size:1.75rem;left:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-HEADER-1177-AVATAR__BACKGROUND-COLOR);color:var(--IDS-HEADER-1177-AVATAR__ICON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%)}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button:hover:after,.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button:hover:before{color:var(--IDS-HEADER-1177-AVATAR__ICON-HOVER-COLOR)}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button:focus-visible{z-index:20}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button.ids-header-1177-avatar__button--expanded:after{content:\"\\e939\"}@media (max-width:1023px){.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button{gap:.5rem;justify-content:flex-start;margin-left:.75rem;margin-right:0;padding:.375rem .5rem}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button:before{font-size:1.25rem;left:.75rem}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button:after{right:.5rem}}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button .ids-header-1177-avatar__name{color:var(--IDS-HEADER-1177-AVATAR__COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;line-height:1.5rem;overflow:hidden;padding:0 1.75rem 0 2rem;position:relative;text-align:start;text-align:left;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1023px){.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button .ids-header-1177-avatar__name{font-size:.875rem;line-height:1.25rem}}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__menu{background-color:var(--IDS-HEADER-1177-AVATAR__DROPDOWN-BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-AVATAR__DROPDOWN-BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS-MEDIUM);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);box-sizing:border-box;display:none;flex-direction:column;gap:1rem;left:auto;max-width:20rem;padding:1.25rem;position:absolute;right:0;top:calc(100% + .0625rem);width:100%;z-index:12}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__menu.ids-header-1177-avatar__menu--expanded{display:flex}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__menu .ids-header-1177-avatar__agent p{color:var(--ids-color-surface-text-on-default);font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-weight:var(--ids-font-weight-body-text);letter-spacing:0;line-height:var(--ids-font-line-height-body-text);margin-bottom:0!important;margin-top:.75rem!important}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__menu .ids-header-1177-avatar__menu-links{display:flex;flex-direction:column;gap:1rem}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__menu hr{border:0;border-top:.0625rem solid var(--IDS-HEADER-1177-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0625rem;margin:0;width:100%}@media (max-width:1023px){.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__menu{border-top-left-radius:0;border-top-right-radius:0;max-width:30rem;top:calc(100% + .4375rem)}}@media (max-width:639px){.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__menu{max-width:100vw;right:-3.5rem;width:100vw}.ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__menu.ids-header-1177-avatar__menu--no-mobile-menu{right:-1rem}}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;justify-content:flex-end;justify-self:flex-end;margin-left:.5rem}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__avatar{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;justify-content:flex-end;justify-self:flex-end;margin-top:.0625rem;position:relative}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__menu-wrapper{display:flex;justify-content:flex-end;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button{align-items:center;background-color:var(--IDS-HEADER-1177-AVATAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-AVATAR__BORDER-COLOR);border-radius:2rem;cursor:pointer;display:flex;justify-content:center;max-width:100%;min-width:8.5rem;overflow:hidden;padding:.75rem 1.25rem .75rem 1.75rem;position:relative}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-AVATAR__ICON-COLOR);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;font-size:1.75rem;left:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-HEADER-1177-AVATAR__BACKGROUND-COLOR);color:var(--IDS-HEADER-1177-AVATAR__ICON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%)}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button:hover:after,.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button:hover:before{color:var(--IDS-HEADER-1177-AVATAR__ICON-HOVER-COLOR)}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button:focus-visible{z-index:20}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button.ids-header-1177-avatar__button--expanded:after{content:\"\\e939\"}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button .ids-header-1177-avatar__name{color:var(--IDS-HEADER-1177-AVATAR__COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;line-height:1.5rem;overflow:hidden;padding:0 1.75rem 0 2rem;position:relative;text-align:start;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__menu{background-color:var(--IDS-HEADER-1177-AVATAR__DROPDOWN-BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-AVATAR__DROPDOWN-BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS-MEDIUM);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);box-sizing:border-box;display:none;flex-direction:column;gap:1rem;left:auto;max-width:20rem;padding:1.25rem;position:absolute;right:0;top:calc(100% + .0625rem);width:100%;z-index:12}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__menu.ids-header-1177-avatar__menu--expanded{display:flex}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__menu .ids-header-1177-avatar__agent p{color:var(--ids-color-surface-text-on-default);font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-weight:var(--ids-font-weight-body-text);letter-spacing:0;line-height:var(--ids-font-line-height-body-text);margin-bottom:0!important;margin-top:.75rem!important}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__menu .ids-header-1177-avatar__menu-links{display:flex;flex-direction:column;gap:1rem}.ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__menu hr{border:0;border-top:.0625rem solid var(--IDS-HEADER-1177-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0625rem;margin:0;width:100%}";
4
4
 
5
5
  var header1177AvatarLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177/header-1177-avatar-shadow-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--light.ids--inera,.ids--light.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-avatar .ids-header-1177-avatar__menu .ids-header-1177-avatar__agent ::slotted(p){color:var(--ids-color-surface-text-on-default);font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-weight:var(--ids-font-weight-body-text);letter-spacing:0;line-height:var(--ids-font-line-height-body-text);margin-bottom:0!important;margin-top:.75rem!important}.ids-header-1177-avatar .ids-header-1177-avatar__menu ::slotted(hr){border:0;border-top:.0625rem solid var(--IDS-HEADER-1177-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0625rem;margin:0;width:100%}";
3
+ var css_248z = ".ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--dark.ids--inera-general,.ids--light.ids--inera,.ids--light.ids--inera-admin,.ids--light.ids--inera-general{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--dark.ids--dark.ids--inera-general,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--inera-general{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-avatar .ids-header-1177-avatar__menu .ids-header-1177-avatar__agent ::slotted(p){color:var(--ids-color-surface-text-on-default);font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-weight:var(--ids-font-weight-body-text);letter-spacing:0;line-height:var(--ids-font-line-height-body-text);margin-bottom:0!important;margin-top:.75rem!important}.ids-header-1177-avatar .ids-header-1177-avatar__menu ::slotted(hr){border:0;border-top:.0625rem solid var(--IDS-HEADER-1177-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0625rem;margin:0;width:100%}";
4
4
 
5
5
  var header1177AvatarShadowLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177/header-1177-avatar-shadow.css CHANGED
@@ -1,4 +1,5 @@
1
- .ids--light, .ids--dark {
1
+ .ids--light,
2
+ .ids--dark {
2
3
  --IDS-FONT-FAMILY-BASE: "Open Sans";
3
4
  --IDS-FONT-FAMILY-HEADING: "Inter";
4
5
  --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
@@ -16,10 +17,15 @@
16
17
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
17
18
  --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
18
19
  }
19
- .ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
20
+ .ids--light.ids--1177-pro, .ids--light.ids--1177-admin,
21
+ .ids--dark.ids--1177-pro,
22
+ .ids--dark.ids--1177-admin {
20
23
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
21
24
  }
22
- .ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
25
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
26
+ .ids--dark.ids--inera,
27
+ .ids--dark.ids--inera-general,
28
+ .ids--dark.ids--inera-admin {
23
29
  --IDS-FONT-FAMILY-BASE: "Open Sans";
24
30
  --IDS-FONT-FAMILY-HEADING: "Poppins";
25
31
  --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
@@ -31,10 +37,16 @@
31
37
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
32
38
  --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
33
39
  }
34
- .ids--light.ids--dark, .ids--dark.ids--dark {
40
+ .ids--light.ids--dark,
41
+ .ids--dark.ids--dark {
35
42
  --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
36
43
  }
37
- .ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-admin, .ids--dark.ids--dark.ids--1177-pro, .ids--dark.ids--dark.ids--1177-admin, .ids--dark.ids--dark.ids--inera, .ids--dark.ids--dark.ids--inera-admin {
44
+ .ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-general, .ids--light.ids--dark.ids--inera-admin,
45
+ .ids--dark.ids--dark.ids--1177-pro,
46
+ .ids--dark.ids--dark.ids--1177-admin,
47
+ .ids--dark.ids--dark.ids--inera,
48
+ .ids--dark.ids--dark.ids--inera-general,
49
+ .ids--dark.ids--dark.ids--inera-admin {
38
50
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
39
51
  }
40
52
 
package/components/header-1177/header-1177-avatar.css CHANGED
@@ -10,7 +10,8 @@
10
10
  }
11
11
  }
12
12
 
13
- .ids--light, .ids--dark {
13
+ .ids--light,
14
+ .ids--dark {
14
15
  --IDS-FONT-FAMILY-BASE: "Open Sans";
15
16
  --IDS-FONT-FAMILY-HEADING: "Inter";
16
17
  --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
@@ -28,10 +29,15 @@
28
29
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
29
30
  --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
30
31
  }
31
- .ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
32
+ .ids--light.ids--1177-pro, .ids--light.ids--1177-admin,
33
+ .ids--dark.ids--1177-pro,
34
+ .ids--dark.ids--1177-admin {
32
35
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
33
36
  }
34
- .ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
37
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
38
+ .ids--dark.ids--inera,
39
+ .ids--dark.ids--inera-general,
40
+ .ids--dark.ids--inera-admin {
35
41
  --IDS-FONT-FAMILY-BASE: "Open Sans";
36
42
  --IDS-FONT-FAMILY-HEADING: "Poppins";
37
43
  --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
@@ -43,10 +49,16 @@
43
49
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
44
50
  --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
45
51
  }
46
- .ids--light.ids--dark, .ids--dark.ids--dark {
52
+ .ids--light.ids--dark,
53
+ .ids--dark.ids--dark {
47
54
  --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
48
55
  }
49
- .ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-admin, .ids--dark.ids--dark.ids--1177-pro, .ids--dark.ids--dark.ids--1177-admin, .ids--dark.ids--dark.ids--inera, .ids--dark.ids--dark.ids--inera-admin {
56
+ .ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-general, .ids--light.ids--dark.ids--inera-admin,
57
+ .ids--dark.ids--dark.ids--1177-pro,
58
+ .ids--dark.ids--dark.ids--1177-admin,
59
+ .ids--dark.ids--dark.ids--inera,
60
+ .ids--dark.ids--dark.ids--inera-general,
61
+ .ids--dark.ids--dark.ids--inera-admin {
50
62
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
51
63
  }
52
64
 
@@ -103,6 +115,7 @@
103
115
  position: absolute;
104
116
  -webkit-font-smoothing: antialiased;
105
117
  -moz-osx-font-smoothing: grayscale;
118
+ font-size: 1rem;
106
119
  content: "\e923";
107
120
  font-size: 1.75rem;
108
121
  color: var(--IDS-HEADER-1177-AVATAR__ICON-COLOR);
@@ -117,8 +130,8 @@
117
130
  position: absolute;
118
131
  -webkit-font-smoothing: antialiased;
119
132
  -moz-osx-font-smoothing: grayscale;
120
- content: "\e936";
121
133
  font-size: 1rem;
134
+ content: "\e936";
122
135
  padding: 0.25rem;
123
136
  color: var(--IDS-HEADER-1177-AVATAR__ICON-COLOR);
124
137
  background-color: var(--IDS-HEADER-1177-AVATAR__BACKGROUND-COLOR);
@@ -286,6 +299,7 @@
286
299
  position: absolute;
287
300
  -webkit-font-smoothing: antialiased;
288
301
  -moz-osx-font-smoothing: grayscale;
302
+ font-size: 1rem;
289
303
  content: "\e923";
290
304
  font-size: 1.75rem;
291
305
  color: var(--IDS-HEADER-1177-AVATAR__ICON-COLOR);
@@ -300,8 +314,8 @@
300
314
  position: absolute;
301
315
  -webkit-font-smoothing: antialiased;
302
316
  -moz-osx-font-smoothing: grayscale;
303
- content: "\e936";
304
317
  font-size: 1rem;
318
+ content: "\e936";
305
319
  padding: 0.25rem;
306
320
  color: var(--IDS-HEADER-1177-AVATAR__ICON-COLOR);
307
321
  background-color: var(--IDS-HEADER-1177-AVATAR__BACKGROUND-COLOR);
package/components/header-1177/header-1177-item-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--light.ids--inera,.ids--light.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive){align-items:center;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);display:flex;flex-direction:column;height:3.875rem;justify-content:flex-end;margin-left:1.25rem;min-width:2rem;position:relative;text-decoration:none}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) .ids-header-1177-item-icon{display:flex;left:50%;margin-left:0;margin-right:0;max-height:2rem;max-width:2rem;position:absolute;top:0;transform:translateX(-50%)}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) .ids-header-1177-item-icon [class^=ids-icon-]{color:var(--IDS-HEADER-1177-ITEM__ICON-COLOR);font-size:2rem}@media (max-width:1023px){.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) .ids-header-1177-item-icon{max-height:1.5rem;max-width:1.5rem}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) .ids-header-1177-item-icon [class^=ids-icon-]{font-size:1.5rem}}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) a{text-decoration:none}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) a,.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) button{align-items:flex-end;border:0;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-ITEM__COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.125rem;height:3.875rem;inset:0;bottom:0;display:flex;justify-content:center;left:50%;line-height:1.5rem!important;margin:0;outline-offset:0!important;padding:0;position:relative;text-align:center;transform:translateX(-50%);white-space:nowrap;width:100%;z-index:1}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) button{background-color:transparent}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive):hover .ids-header-1177-item-icon,.ids-header-1177-item:not(.ids-header-1177-item--unresponsive):hover .ids-header-1177-item-icon [class^=ids-icon-]:before{color:var(--IDS-HEADER-1177-ITEM__HOVER-COLOR)}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) a:hover,.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) button:hover{color:var(--IDS-HEADER-1177-ITEM__HOVER-COLOR);text-decoration:underline!important;text-underline-offset:.125rem}@media (max-width:1023px){.ids-header-1177-item:not(.ids-header-1177-item--unresponsive){height:2rem;margin-left:1rem}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) .ids-header-1177-item-icon{top:.25rem}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) a,.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) a:hover,.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) button,.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) button:hover{color:transparent;font-size:.0063rem;height:2rem;width:2rem}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive).ids-header-1177-item--keep-text .ids-header-1177-item-icon{left:0;transform:none}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive).ids-header-1177-item--keep-text a,.ids-header-1177-item:not(.ids-header-1177-item--unresponsive).ids-header-1177-item--keep-text button{align-items:center;color:var(--IDS-HEADER-1177-ITEM__COLOR);font-size:1.125rem;left:auto;padding-left:2rem;top:auto;transform:none;width:auto}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive).ids-header-1177-item--keep-text a:hover,.ids-header-1177-item:not(.ids-header-1177-item--unresponsive).ids-header-1177-item--keep-text button:hover{color:var(--IDS-HEADER-1177-ITEM__COLOR);color:var(--IDS-HEADER-1177-ITEM__HOVER-COLOR);font-size:1.125rem;text-decoration:underline!important;text-underline-offset:.125rem}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive):not(.ids-header-1177-item--mobile){display:none}}.ids-header-1177-item.ids-header-1177-item--unresponsive{align-items:center;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);display:flex;flex-direction:column;height:3.875rem;justify-content:flex-end;margin-left:1.25rem;min-width:2rem;position:relative;text-decoration:none}.ids-header-1177-item.ids-header-1177-item--unresponsive .ids-header-1177-item-icon{display:flex;left:50%;margin-left:0;margin-right:0;max-height:2rem;max-width:2rem;position:absolute;top:0;transform:translateX(-50%)}.ids-header-1177-item.ids-header-1177-item--unresponsive .ids-header-1177-item-icon [class^=ids-icon-]{color:var(--IDS-HEADER-1177-ITEM__ICON-COLOR);font-size:2rem}.ids-header-1177-item.ids-header-1177-item--unresponsive a{text-decoration:none}.ids-header-1177-item.ids-header-1177-item--unresponsive a,.ids-header-1177-item.ids-header-1177-item--unresponsive button{align-items:flex-end;border:0;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-ITEM__COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.125rem;height:3.875rem;inset:0;bottom:0;display:flex;justify-content:center;left:50%;line-height:1.5rem!important;margin:0;outline-offset:0!important;padding:0;position:relative;text-align:center;transform:translateX(-50%);white-space:nowrap;width:100%;z-index:1}.ids-header-1177-item.ids-header-1177-item--unresponsive button{background-color:transparent}.ids-header-1177-item.ids-header-1177-item--unresponsive:hover .ids-header-1177-item-icon,.ids-header-1177-item.ids-header-1177-item--unresponsive:hover .ids-header-1177-item-icon [class^=ids-icon-]:before{color:var(--IDS-HEADER-1177-ITEM__HOVER-COLOR)}.ids-header-1177-item.ids-header-1177-item--unresponsive a:hover,.ids-header-1177-item.ids-header-1177-item--unresponsive button:hover{color:var(--IDS-HEADER-1177-ITEM__HOVER-COLOR);text-decoration:underline!important;text-underline-offset:.125rem}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--dark.ids--inera-general,.ids--light.ids--inera,.ids--light.ids--inera-admin,.ids--light.ids--inera-general{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--dark.ids--dark.ids--inera-general,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--inera-general{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive){align-items:center;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);display:flex;flex-direction:column;height:3.875rem;justify-content:flex-end;margin-left:1.25rem;min-width:2rem;position:relative;text-decoration:none}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) .ids-header-1177-item-icon{display:flex;left:50%;margin-left:0;margin-right:0;max-height:2rem;max-width:2rem;position:absolute;top:0;transform:translateX(-50%)}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) .ids-header-1177-item-icon [class^=ids-icon-]{color:var(--IDS-HEADER-1177-ITEM__ICON-COLOR);font-size:2rem}@media (max-width:1023px){.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) .ids-header-1177-item-icon{max-height:1.5rem;max-width:1.5rem}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) .ids-header-1177-item-icon [class^=ids-icon-]{font-size:1.5rem}}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) a{text-decoration:none}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) a,.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) button{align-items:flex-end;border:0;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-ITEM__COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.125rem;height:3.875rem;inset:0;bottom:0;display:flex;justify-content:center;left:50%;line-height:1.5rem!important;margin:0;outline-offset:0!important;padding:0;position:relative;text-align:center;transform:translateX(-50%);white-space:nowrap;width:100%;z-index:1}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) button{background-color:transparent}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive):hover .ids-header-1177-item-icon,.ids-header-1177-item:not(.ids-header-1177-item--unresponsive):hover .ids-header-1177-item-icon [class^=ids-icon-]:before{color:var(--IDS-HEADER-1177-ITEM__HOVER-COLOR)}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) a:hover,.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) button:hover{color:var(--IDS-HEADER-1177-ITEM__HOVER-COLOR);text-decoration:underline!important;text-decoration-thickness:.0938rem!important;text-underline-offset:.125rem!important}@media (max-width:1023px){.ids-header-1177-item:not(.ids-header-1177-item--unresponsive){height:2rem;margin-left:1rem}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) .ids-header-1177-item-icon{top:.25rem}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) a,.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) a:hover,.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) button,.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) button:hover{color:transparent;font-size:.0063rem;height:2rem;width:2rem}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive).ids-header-1177-item--keep-text .ids-header-1177-item-icon{left:0;transform:none}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive).ids-header-1177-item--keep-text a,.ids-header-1177-item:not(.ids-header-1177-item--unresponsive).ids-header-1177-item--keep-text button{align-items:center;color:var(--IDS-HEADER-1177-ITEM__COLOR);font-size:1.125rem;left:auto;padding-left:2rem;top:auto;transform:none;width:auto}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive).ids-header-1177-item--keep-text a:hover,.ids-header-1177-item:not(.ids-header-1177-item--unresponsive).ids-header-1177-item--keep-text button:hover{color:var(--IDS-HEADER-1177-ITEM__COLOR);color:var(--IDS-HEADER-1177-ITEM__HOVER-COLOR);font-size:1.125rem;text-decoration:underline!important;text-decoration-thickness:.0938rem!important;text-underline-offset:.125rem!important}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive):not(.ids-header-1177-item--mobile){display:none}}.ids-header-1177-item.ids-header-1177-item--unresponsive{align-items:center;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);display:flex;flex-direction:column;height:3.875rem;justify-content:flex-end;margin-left:1.25rem;min-width:2rem;position:relative;text-decoration:none}.ids-header-1177-item.ids-header-1177-item--unresponsive .ids-header-1177-item-icon{display:flex;left:50%;margin-left:0;margin-right:0;max-height:2rem;max-width:2rem;position:absolute;top:0;transform:translateX(-50%)}.ids-header-1177-item.ids-header-1177-item--unresponsive .ids-header-1177-item-icon [class^=ids-icon-]{color:var(--IDS-HEADER-1177-ITEM__ICON-COLOR);font-size:2rem}.ids-header-1177-item.ids-header-1177-item--unresponsive a{text-decoration:none}.ids-header-1177-item.ids-header-1177-item--unresponsive a,.ids-header-1177-item.ids-header-1177-item--unresponsive button{align-items:flex-end;border:0;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-ITEM__COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.125rem;height:3.875rem;inset:0;bottom:0;display:flex;justify-content:center;left:50%;line-height:1.5rem!important;margin:0;outline-offset:0!important;padding:0;position:relative;text-align:center;transform:translateX(-50%);white-space:nowrap;width:100%;z-index:1}.ids-header-1177-item.ids-header-1177-item--unresponsive button{background-color:transparent}.ids-header-1177-item.ids-header-1177-item--unresponsive:hover .ids-header-1177-item-icon,.ids-header-1177-item.ids-header-1177-item--unresponsive:hover .ids-header-1177-item-icon [class^=ids-icon-]:before{color:var(--IDS-HEADER-1177-ITEM__HOVER-COLOR)}.ids-header-1177-item.ids-header-1177-item--unresponsive a:hover,.ids-header-1177-item.ids-header-1177-item--unresponsive button:hover{color:var(--IDS-HEADER-1177-ITEM__HOVER-COLOR);text-decoration:underline!important;text-decoration-thickness:.0938rem!important;text-underline-offset:.125rem!important}";
4
4
 
5
5
  var header1177ItemLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177/header-1177-item-shadow-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--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--light.ids--inera,.ids--light.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) .ids-header-1177-item-icon ::slotted([class^=ids-icon-]){color:var(--IDS-HEADER-1177-ITEM__ICON-COLOR);font-size:2rem}@media (max-width:1023px){.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) .ids-header-1177-item-icon ::slotted([class^=ids-icon-]){font-size:1.5rem}}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) ::slotted(a){align-items:flex-end;border:0;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-ITEM__COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.125rem;height:3.875rem;inset:0;bottom:0;display:flex;justify-content:center;left:50%;line-height:1.5rem!important;margin:0;outline-offset:0!important;padding:0;position:relative;text-align:center;text-decoration:none;transform:translateX(-50%);white-space:nowrap;width:100%;z-index:1}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) ::slotted(button){align-items:flex-end;background-color:transparent;border:0;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-ITEM__COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.125rem;height:3.875rem;inset:0;bottom:0;display:flex;justify-content:center;left:50%;line-height:1.5rem!important;margin:0;outline-offset:0!important;padding:0;position:relative;text-align:center;transform:translateX(-50%);white-space:nowrap;width:100%;z-index:1}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive):hover .ids-header-1177-item-icon ::slotted([class^=ids-icon-]):before{color:var(--IDS-HEADER-1177-ITEM__HOVER-COLOR)}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) ::slotted(a:hover),.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) ::slotted(button:hover){color:var(--IDS-HEADER-1177-ITEM__HOVER-COLOR);text-decoration:underline!important;text-underline-offset:.125rem}@media (max-width:1023px){.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) ::slotted(a),.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) ::slotted(a:hover),.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) ::slotted(button),.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) ::slotted(button:hover){color:transparent;font-size:.0063rem;height:2rem;width:2rem}}@media (max-width:1023px){.ids-header-1177-item:not(.ids-header-1177-item--unresponsive).ids-header-1177-item--keep-text ::slotted(a),.ids-header-1177-item:not(.ids-header-1177-item--unresponsive).ids-header-1177-item--keep-text ::slotted(button){align-items:center;color:var(--IDS-HEADER-1177-ITEM__COLOR);font-size:1.125rem;left:auto;padding-left:2rem;top:auto;transform:none;width:auto}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive).ids-header-1177-item--keep-text ::slotted(a:hover),.ids-header-1177-item:not(.ids-header-1177-item--unresponsive).ids-header-1177-item--keep-text ::slotted(button:hover){color:var(--IDS-HEADER-1177-ITEM__COLOR);color:var(--IDS-HEADER-1177-ITEM__HOVER-COLOR);font-size:1.125rem;text-decoration:underline!important;text-underline-offset:.125rem}}.ids-header-1177-item.ids-header-1177-item--unresponsive .ids-header-1177-item-icon ::slotted([class^=ids-icon-]){color:var(--IDS-HEADER-1177-ITEM__ICON-COLOR);font-size:2rem}.ids-header-1177-item.ids-header-1177-item--unresponsive ::slotted(a){align-items:flex-end;border:0;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-ITEM__COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.125rem;height:3.875rem;inset:0;bottom:0;display:flex;justify-content:center;left:50%;line-height:1.5rem!important;margin:0;outline-offset:0!important;padding:0;position:relative;text-align:center;text-decoration:none;transform:translateX(-50%);white-space:nowrap;width:100%;z-index:1}.ids-header-1177-item.ids-header-1177-item--unresponsive ::slotted(button){align-items:flex-end;background-color:transparent;border:0;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-ITEM__COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.125rem;height:3.875rem;inset:0;bottom:0;display:flex;justify-content:center;left:50%;line-height:1.5rem!important;margin:0;outline-offset:0!important;padding:0;position:relative;text-align:center;transform:translateX(-50%);white-space:nowrap;width:100%;z-index:1}.ids-header-1177-item.ids-header-1177-item--unresponsive:hover .ids-header-1177-item-icon ::slotted([class^=ids-icon-]):before{color:var(--IDS-HEADER-1177-ITEM__HOVER-COLOR)}.ids-header-1177-item.ids-header-1177-item--unresponsive ::slotted(a:hover),.ids-header-1177-item.ids-header-1177-item--unresponsive ::slotted(button:hover){color:var(--IDS-HEADER-1177-ITEM__HOVER-COLOR);text-decoration:underline!important;text-underline-offset:.125rem}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--dark.ids--inera-general,.ids--light.ids--inera,.ids--light.ids--inera-admin,.ids--light.ids--inera-general{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--dark.ids--dark.ids--inera-general,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--inera-general{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) .ids-header-1177-item-icon ::slotted([class^=ids-icon-]){color:var(--IDS-HEADER-1177-ITEM__ICON-COLOR);font-size:2rem}@media (max-width:1023px){.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) .ids-header-1177-item-icon ::slotted([class^=ids-icon-]){font-size:1.5rem}}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) ::slotted(a){align-items:flex-end;border:0;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-ITEM__COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.125rem;height:3.875rem;inset:0;bottom:0;display:flex;justify-content:center;left:50%;line-height:1.5rem!important;margin:0;outline-offset:0!important;padding:0;position:relative;text-align:center;text-decoration:none;transform:translateX(-50%);white-space:nowrap;width:100%;z-index:1}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) ::slotted(button){align-items:flex-end;background-color:transparent;border:0;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-ITEM__COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.125rem;height:3.875rem;inset:0;bottom:0;display:flex;justify-content:center;left:50%;line-height:1.5rem!important;margin:0;outline-offset:0!important;padding:0;position:relative;text-align:center;transform:translateX(-50%);white-space:nowrap;width:100%;z-index:1}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive):hover .ids-header-1177-item-icon ::slotted([class^=ids-icon-]):before{color:var(--IDS-HEADER-1177-ITEM__HOVER-COLOR)}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) ::slotted(a:hover),.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) ::slotted(button:hover){color:var(--IDS-HEADER-1177-ITEM__HOVER-COLOR);text-decoration:underline!important;text-decoration-thickness:.0938rem!important;text-underline-offset:.125rem!important}@media (max-width:1023px){.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) ::slotted(a),.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) ::slotted(a:hover),.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) ::slotted(button),.ids-header-1177-item:not(.ids-header-1177-item--unresponsive) ::slotted(button:hover){color:transparent;font-size:.0063rem;height:2rem;width:2rem}}@media (max-width:1023px){.ids-header-1177-item:not(.ids-header-1177-item--unresponsive).ids-header-1177-item--keep-text ::slotted(a),.ids-header-1177-item:not(.ids-header-1177-item--unresponsive).ids-header-1177-item--keep-text ::slotted(button){align-items:center;color:var(--IDS-HEADER-1177-ITEM__COLOR);font-size:1.125rem;left:auto;padding-left:2rem;top:auto;transform:none;width:auto}.ids-header-1177-item:not(.ids-header-1177-item--unresponsive).ids-header-1177-item--keep-text ::slotted(a:hover),.ids-header-1177-item:not(.ids-header-1177-item--unresponsive).ids-header-1177-item--keep-text ::slotted(button:hover){color:var(--IDS-HEADER-1177-ITEM__COLOR);color:var(--IDS-HEADER-1177-ITEM__HOVER-COLOR);font-size:1.125rem;text-decoration:underline!important;text-decoration-thickness:.0938rem!important;text-underline-offset:.125rem!important}}.ids-header-1177-item.ids-header-1177-item--unresponsive .ids-header-1177-item-icon ::slotted([class^=ids-icon-]){color:var(--IDS-HEADER-1177-ITEM__ICON-COLOR);font-size:2rem}.ids-header-1177-item.ids-header-1177-item--unresponsive ::slotted(a){align-items:flex-end;border:0;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-ITEM__COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.125rem;height:3.875rem;inset:0;bottom:0;display:flex;justify-content:center;left:50%;line-height:1.5rem!important;margin:0;outline-offset:0!important;padding:0;position:relative;text-align:center;text-decoration:none;transform:translateX(-50%);white-space:nowrap;width:100%;z-index:1}.ids-header-1177-item.ids-header-1177-item--unresponsive ::slotted(button){align-items:flex-end;background-color:transparent;border:0;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-ITEM__COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.125rem;height:3.875rem;inset:0;bottom:0;display:flex;justify-content:center;left:50%;line-height:1.5rem!important;margin:0;outline-offset:0!important;padding:0;position:relative;text-align:center;transform:translateX(-50%);white-space:nowrap;width:100%;z-index:1}.ids-header-1177-item.ids-header-1177-item--unresponsive:hover .ids-header-1177-item-icon ::slotted([class^=ids-icon-]):before{color:var(--IDS-HEADER-1177-ITEM__HOVER-COLOR)}.ids-header-1177-item.ids-header-1177-item--unresponsive ::slotted(a:hover),.ids-header-1177-item.ids-header-1177-item--unresponsive ::slotted(button:hover){color:var(--IDS-HEADER-1177-ITEM__HOVER-COLOR);text-decoration:underline!important;text-decoration-thickness:.0938rem!important;text-underline-offset:.125rem!important}";
4
4
 
5
5
  var header1177ItemShadowLit = css`${unsafeCSS(css_248z)}`;
6
6