@inera/ids-design 7.2.1 → 8.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (200) hide show
  1. package/components/accordion/accordion-lit.js +1 -1
  2. package/components/accordion/accordion.css +157 -11
  3. package/components/alert/alert-lit.js +1 -1
  4. package/components/alert/alert.css +275 -77
  5. package/components/badge/badge-lit.js +1 -1
  6. package/components/badge/badge.css +16 -10
  7. package/components/box-link/box-link-lit.js +1 -1
  8. package/components/box-link/box-link.css +16 -28
  9. package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
  10. package/components/breadcrumbs/breadcrumbs.css +11 -6
  11. package/components/button-group/button-group-lit.js +1 -1
  12. package/components/button-group/button-group.css +4 -0
  13. package/components/card/card-lit.js +1 -1
  14. package/components/card/card.css +162 -33
  15. package/components/carousel/carousel-item-lit.js +1 -1
  16. package/components/carousel/carousel-item.css +169 -7
  17. package/components/carousel/carousel-lit.js +1 -1
  18. package/components/carousel/carousel.css +18 -12
  19. package/components/data-table/data-table-lit.js +1 -1
  20. package/components/data-table/data-table.css +14 -6
  21. package/components/date-label/date-label-lit.js +1 -1
  22. package/components/date-label/date-label.css +35 -14
  23. package/components/dialog/dialog-lit.js +1 -1
  24. package/components/dialog/dialog.css +34 -39
  25. package/components/dropdown/dropdown-lit.js +1 -1
  26. package/components/dropdown/dropdown.css +87 -28
  27. package/components/footer-1177/footer-1177-lit.js +1 -1
  28. package/components/footer-1177/footer-1177.css +225 -116
  29. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  30. package/components/footer-1177-admin/footer-1177-admin.css +292 -135
  31. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  32. package/components/footer-1177-pro/footer-1177-pro.css +390 -104
  33. package/components/footer-inera/footer-inera-lit.js +1 -1
  34. package/components/footer-inera/footer-inera.css +279 -159
  35. package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
  36. package/components/footer-inera-admin/footer-inera-admin.css +338 -183
  37. package/components/form/error-message/error-message-lit.js +1 -1
  38. package/components/form/error-message/error-message.css +10 -6
  39. package/components/form/group/group-lit.js +1 -1
  40. package/components/form/group/group.css +148 -1
  41. package/components/form/range/range-lit.js +1 -1
  42. package/components/form/range/range.css +225 -2
  43. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  44. package/components/form/select-multiple/select-multiple.css +37 -33
  45. package/components/form/spinner/spinner-lit.js +1 -1
  46. package/components/form/spinner/spinner.css +6 -11
  47. package/components/global-alert/global-alert-lit.js +9 -0
  48. package/components/global-alert/global-alert.css +354 -0
  49. package/components/grid/container/container-lit.js +1 -1
  50. package/components/grid/container/container.css +2 -9
  51. package/components/header-1177/composite-header-1177.css +1105 -974
  52. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  53. package/components/header-1177/header-1177-avatar.css +406 -191
  54. package/components/header-1177/header-1177-item-lit.js +1 -1
  55. package/components/header-1177/header-1177-item.css +125 -75
  56. package/components/header-1177/header-1177-lit.js +1 -1
  57. package/components/header-1177/header-1177-menu-mobile-lit.js +1 -1
  58. package/components/header-1177/header-1177-menu-mobile.css +14 -9
  59. package/components/header-1177/header-1177-nav-item-lit.js +1 -1
  60. package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
  61. package/components/header-1177/header-1177-nav-item-mobile.css +107 -164
  62. package/components/header-1177/header-1177-nav-item.css +109 -88
  63. package/components/header-1177/header-1177-nav-lit.js +1 -1
  64. package/components/header-1177/header-1177-nav.css +100 -45
  65. package/components/header-1177/header-1177-region-picker-lit.d.ts +2 -0
  66. package/components/header-1177/header-1177-region-picker-lit.js +7 -0
  67. package/components/header-1177/header-1177-region-picker-mobile-lit.d.ts +2 -0
  68. package/components/header-1177/header-1177-region-picker-mobile-lit.js +9 -0
  69. package/components/header-1177/header-1177-region-picker-mobile.css +112 -0
  70. package/components/header-1177/header-1177-region-picker.css +107 -0
  71. package/components/header-1177/header-1177.css +125 -450
  72. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  73. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
  74. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +170 -29
  75. package/components/header-1177-admin/header-1177-admin-avatar.css +490 -278
  76. package/components/header-1177-admin/header-1177-admin-item-lit.js +1 -1
  77. package/components/header-1177-admin/header-1177-admin-item.css +131 -89
  78. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  79. package/components/header-1177-admin/header-1177-admin-menu-mobile-lit.js +7 -0
  80. package/components/header-1177-admin/header-1177-admin-menu-mobile.css +145 -0
  81. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
  82. package/components/header-1177-admin/header-1177-admin-nav-item.css +163 -134
  83. package/components/header-1177-admin/header-1177-admin-nav-lit.js +1 -1
  84. package/components/header-1177-admin/header-1177-admin-nav.css +76 -47
  85. package/components/header-1177-admin/header-1177-admin.css +91 -285
  86. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  87. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
  88. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +146 -74
  89. package/components/header-1177-pro/header-1177-pro-avatar.css +448 -275
  90. package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
  91. package/components/header-1177-pro/header-1177-pro-item.css +169 -103
  92. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  93. package/components/header-1177-pro/header-1177-pro-menu-mobile-lit.js +7 -0
  94. package/components/header-1177-pro/header-1177-pro-menu-mobile.css +146 -0
  95. package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
  96. package/components/header-1177-pro/header-1177-pro-nav-item.css +139 -122
  97. package/components/header-1177-pro/header-1177-pro-nav-lit.js +1 -1
  98. package/components/header-1177-pro/header-1177-pro-nav.css +75 -46
  99. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  100. package/components/header-1177-pro/header-1177-pro-region-picker-mobile-lit.js +9 -0
  101. package/components/header-1177-pro/header-1177-pro-region-picker-mobile.css +117 -0
  102. package/components/header-1177-pro/header-1177-pro-region-picker.css +38 -810
  103. package/components/header-1177-pro/header-1177-pro.css +140 -139
  104. package/components/header-inera/header-inera-item-lit.js +1 -1
  105. package/components/header-inera/header-inera-item.css +31 -21
  106. package/components/header-inera/header-inera-lit.js +1 -1
  107. package/components/header-inera/header-inera-menu-mobile-lit.d.ts +2 -0
  108. package/components/header-inera/header-inera-menu-mobile-lit.js +7 -0
  109. package/components/header-inera/header-inera-menu-mobile.css +136 -0
  110. package/components/header-inera/header-inera-nav-item-lit.js +1 -1
  111. package/components/header-inera/header-inera-nav-item.css +26 -23
  112. package/components/header-inera/header-inera-nav-lit.js +1 -1
  113. package/components/header-inera/header-inera-nav.css +11 -8
  114. package/components/header-inera/header-inera.css +50 -21
  115. package/components/header-inera-admin/composite-header-inera-admin.css +858 -245
  116. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  117. package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +1 -1
  118. package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +173 -44
  119. package/components/header-inera-admin/header-inera-admin-avatar.css +558 -100
  120. package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
  121. package/components/header-inera-admin/header-inera-admin-item.css +14 -7
  122. package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
  123. package/components/header-inera-admin/header-inera-admin-menu-mobile-lit.d.ts +2 -0
  124. package/components/header-inera-admin/header-inera-admin-menu-mobile-lit.js +7 -0
  125. package/components/header-inera-admin/header-inera-admin-menu-mobile.css +147 -0
  126. package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
  127. package/components/header-inera-admin/header-inera-admin-nav-item.css +28 -25
  128. package/components/header-inera-admin/header-inera-admin-nav-lit.js +1 -1
  129. package/components/header-inera-admin/header-inera-admin-nav.css +16 -16
  130. package/components/header-inera-admin/header-inera-admin.css +34 -24
  131. package/components/header-patient/header-patient-lit.js +1 -1
  132. package/components/header-patient/header-patient.css +166 -8
  133. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  134. package/components/mobile-menu/mobile-menu.css +340 -244
  135. package/components/navigation/content/navigation-content-lit.js +1 -1
  136. package/components/navigation/content/navigation-content.css +203 -16
  137. package/components/navigation/local/navigation-local-lit.js +1 -1
  138. package/components/navigation/local/navigation-local.css +37 -56
  139. package/components/notification-badge/notification-badge-lit.js +1 -1
  140. package/components/notification-badge/notification-badge.css +15 -13
  141. package/components/pagination/data-pagination/data-pagination-lit.js +1 -1
  142. package/components/pagination/data-pagination/data-pagination.css +206 -44
  143. package/components/pagination/list-pagination/list-pagination-lit.js +1 -1
  144. package/components/pagination/list-pagination/list-pagination.css +5 -5
  145. package/components/popover/popover-content-lit.js +1 -1
  146. package/components/popover/popover-content.css +262 -114
  147. package/components/progressbar/progressbar-lit.js +1 -1
  148. package/components/progressbar/progressbar.css +147 -4
  149. package/components/puff-list/puff-list-lit.js +1 -1
  150. package/components/puff-list/puff-list.css +258 -35
  151. package/components/region-icon/region-icon-lit.js +1 -1
  152. package/components/region-icon/region-icon.css +5 -5
  153. package/components/side-menu/side-menu-lit.js +1 -1
  154. package/components/side-menu/side-menu.css +6 -9
  155. package/components/side-panel/side-panel-lit.js +1 -1
  156. package/components/side-panel/side-panel.css +61 -26
  157. package/components/stepper/stepper-lit.js +1 -1
  158. package/components/stepper/stepper.css +170 -22
  159. package/components/table/table.css +6 -3
  160. package/components/tabs/tab-lit.js +1 -1
  161. package/components/tabs/tab-panel-lit.js +1 -1
  162. package/components/tabs/tab-panel.css +2 -0
  163. package/components/tabs/tab.css +26 -14
  164. package/components/tabs/tabs-lit.js +2 -2
  165. package/components/tabs/tabs.css +1 -1
  166. package/components/tag/tag-lit.js +1 -1
  167. package/components/tag/tag.css +10 -7
  168. package/components/tooltip/tooltip-lit.js +1 -1
  169. package/components/tooltip/tooltip.css +8 -5
  170. package/global/_partials.css +15 -0
  171. package/{themes/1177-pro/1177-pro.css → global/global.css} +3958 -3504
  172. package/global/icons/Inera-Design-Icons.eot +0 -0
  173. package/global/icons/Inera-Design-Icons.svg +9 -0
  174. package/global/icons/Inera-Design-Icons.ttf +0 -0
  175. package/global/icons/Inera-Design-Icons.woff +0 -0
  176. package/global/util/util.css +2745 -0
  177. package/package.json +1 -1
  178. package/reset.css +90 -0
  179. package/styles.css +8320 -0
  180. package/tokens/component-tokens.scss +86 -0
  181. package/tokens/themes/1177-admin-tokens.css +340 -263
  182. package/tokens/themes/1177-pro-tokens.css +340 -263
  183. package/tokens/themes/1177-tokens.css +340 -263
  184. package/tokens/themes/inera-admin-tokens.css +294 -252
  185. package/tokens/themes/inera-tokens.css +294 -252
  186. package/components/alert-global/alert-global-lit.js +0 -7
  187. package/components/alert-global/alert-global.css +0 -195
  188. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile-lit.js +0 -7
  189. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css +0 -304
  190. package/components/header-inera/header-inera-nav-mobile-lit.js +0 -7
  191. package/components/header-inera/header-inera-nav-mobile.css +0 -126
  192. package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.js +0 -7
  193. package/components/header-inera-admin/header-inera-admin-nav-mobile.css +0 -126
  194. package/themes/1177/1177.css +0 -6196
  195. package/themes/inera/inera.css +0 -6220
  196. package/themes/inera-admin/inera-admin.css +0 -6293
  197. /package/components/{alert-global/alert-global-lit.d.ts → global-alert/global-alert-lit.d.ts} +0 -0
  198. /package/components/{header-1177-pro/header-1177-pro-nav-menu-mobile-lit.d.ts → header-1177-admin/header-1177-admin-menu-mobile-lit.d.ts} +0 -0
  199. /package/components/{header-inera-admin/header-inera-admin-nav-mobile-lit.d.ts → header-1177-pro/header-1177-pro-menu-mobile-lit.d.ts} +0 -0
  200. /package/components/{header-inera/header-inera-nav-mobile-lit.d.ts → header-1177-pro/header-1177-pro-region-picker-mobile-lit.d.ts} +0 -0
@@ -17,7 +17,7 @@
17
17
  * BUTTONS
18
18
  ********/
19
19
  /*******
20
- * SCROLLBARS
20
+ * SCROLLBAR
21
21
  ********/
22
22
  /*******
23
23
  * FORM
@@ -31,25 +31,26 @@
31
31
  align-items: flex-start;
32
32
  text-align: left;
33
33
  position: fixed;
34
+ box-sizing: border-box;
34
35
  top: 50%;
35
36
  left: 50%;
36
37
  z-index: 200;
37
- border: 0.0625rem solid var(--IDS-DIALOG__BORDER-COLOR);
38
+ border: var(--IDS-DIALOG__BORDER-WIDTH) solid var(--IDS-DIALOG__BORDER-COLOR);
38
39
  -webkit-transform: translateX(-50%) translateY(-50%);
39
40
  -moz-transform: translateX(-50%) translateY(-50%);
40
41
  -ms-transform: translateX(-50%) translateY(-50%);
41
42
  transform: translateX(-50%) translateY(-50%);
42
- background-color: var(--IDS-COLOR-NEUTRAL-100);
43
- box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.3);
43
+ background-color: var(--IDS-DIALOG__BACKGROUND-COLOR);
44
+ box-shadow: var(--IDS-BOX-SHADOW);
44
45
  border-radius: var(--IDS-DIALOG__BORDER-RADIUS);
45
- padding: 2.5rem 1.875rem 2.5rem 1.875rem;
46
+ padding: 2.5rem 1.875rem;
46
47
  max-height: calc(100% - 10rem);
47
48
  max-width: calc(100% - 3.75rem);
48
49
  color: var(--IDS-DIALOG__COLOR);
49
50
  }
50
51
  @media (max-width: 1024px) {
51
52
  .ids-dialog {
52
- padding: 2.5rem 0.625rem 2.5rem 0.625rem;
53
+ padding: 2.5rem 1.25rem;
53
54
  }
54
55
  }
55
56
  @media (max-width: 640px) {
@@ -58,21 +59,22 @@
58
59
  width: calc(100% - 3.75rem);
59
60
  }
60
61
  }
61
- .ids-dialog:has(.ids-dialog__header) {
62
- padding-top: 1.25rem;
63
- }
64
62
  .ids-dialog.ids-dialog--hidden {
65
63
  display: none;
66
64
  }
67
- .ids-dialog .ids-dialog__header {
68
- width: 100%;
69
- align-items: flex-end;
70
- justify-content: flex-end;
71
- display: flex;
65
+ .ids-dialog .ids-dialog__dismissible {
66
+ padding-left: 0.25rem;
72
67
  padding-bottom: 0.25rem;
73
- word-break: break-all;
68
+ position: absolute;
69
+ top: 0.75rem;
70
+ right: 1rem;
71
+ }
72
+ @media (max-width: 1024px) {
73
+ .ids-dialog .ids-dialog__dismissible {
74
+ right: 0.5rem;
75
+ }
74
76
  }
75
- .ids-dialog .ids-dialog__header .ids-dialog__header__button {
77
+ .ids-dialog .ids-dialog__dismissible .ids-dialog__close-button {
76
78
  min-width: 1.5rem;
77
79
  min-height: 1.5rem;
78
80
  background: none;
@@ -88,11 +90,11 @@
88
90
  -ms-user-select: none;
89
91
  user-select: none;
90
92
  }
91
- .ids-dialog .ids-dialog__header .ids-dialog__header__button:focus {
93
+ .ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:focus {
92
94
  outline: var(--IDS-FOCUS__OUTLINE);
93
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
95
+ outline-offset: 0.375rem !important;
94
96
  }
95
- .ids-dialog .ids-dialog__header .ids-dialog__header__button {
97
+ .ids-dialog .ids-dialog__dismissible .ids-dialog__close-button {
96
98
  cursor: pointer;
97
99
  display: flex;
98
100
  align-items: center;
@@ -100,8 +102,9 @@
100
102
  position: relative;
101
103
  width: 1.25rem;
102
104
  height: 1.25rem;
105
+ border-radius: 100%;
103
106
  }
104
- .ids-dialog .ids-dialog__header .ids-dialog__header__button:before {
107
+ .ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:before {
105
108
  font: icon;
106
109
  font-family: "Inera-Design-Icons" !important;
107
110
  display: block;
@@ -111,11 +114,11 @@
111
114
  -moz-osx-font-smoothing: grayscale;
112
115
  content: "\e916";
113
116
  font-size: 1.25rem;
114
- color: var(--IDS-ICON__COLOR);
115
- }
116
- .ids-dialog .ids-dialog__header .ids-dialog__header__button:hover:before, .ids-dialog .ids-dialog__header .ids-dialog__header__button:focus:before, .ids-dialog .ids-dialog__header .ids-dialog__header__button:active:before {
117
117
  color: var(--IDS-ICON--ACTIVE-COLOR);
118
118
  }
119
+ .ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:hover:before, .ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:focus:before, .ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:active:before {
120
+ color: var(--IDS-ICON--ACTIVE-HOVER-COLOR);
121
+ }
119
122
  .ids-dialog .ids-dialog__body::-webkit-scrollbar {
120
123
  width: 0.625rem;
121
124
  }
@@ -132,17 +135,18 @@
132
135
  background: var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);
133
136
  border-radius: 0.625rem;
134
137
  outline: 0.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR);
138
+ margin-top: 0;
135
139
  }
136
140
  .ids-dialog .ids-dialog__body::-webkit-scrollbar-corner {
137
141
  background-color: transparent;
138
142
  }
139
143
  .ids-dialog .ids-dialog__body {
140
- padding: 0 0.375rem 0 0.625rem;
141
- margin-right: 0.188rem;
144
+ padding: 0 0.25rem;
142
145
  height: 100%;
143
146
  box-sizing: content-box;
144
147
  overflow-y: auto;
145
- word-break: break-word;
148
+ width: -webkit-fill-available;
149
+ width: -moz-available;
146
150
  }
147
151
  .ids-dialog .ids-dialog__body.ids-dialog__body--scroll-area-focus:focus {
148
152
  outline: var(--IDS-FOCUS__OUTLINE);
@@ -150,27 +154,18 @@
150
154
  }
151
155
  .ids-dialog .ids-dialog__body.ids-dialog__body--has-scrollbar {
152
156
  padding-right: 1.25rem;
157
+ margin-right: -0.4375rem;
153
158
  }
154
- .ids-dialog .ids-dialog__body .ids-dialog__body__headline {
159
+ .ids-dialog .ids-dialog__body .ids-dialog__body-headline {
155
160
  margin: 0;
156
161
  align-self: center;
157
162
  }
158
163
  @media (max-width: 1024px) {
159
- .ids-dialog .ids-dialog__body .ids-dialog__body__headline {
164
+ .ids-dialog .ids-dialog__body .ids-dialog__body-headline {
160
165
  padding-top: 0;
161
166
  }
162
167
  }
163
- .ids-dialog .ids-dialog__body .ids-dialog__body__header {
164
- box-sizing: content-box;
165
- padding: 1.25rem 0 0 0;
166
- width: 100%;
167
- display: flex;
168
- -webkit-justify-content: flex-end;
169
- justify-content: flex-end;
170
- align-items: flex-end;
171
- -webkit-align-items: flex-end;
172
- }
173
- .ids-dialog .ids-dialog__body .ids-dialog__body__content {
168
+ .ids-dialog .ids-dialog__body .ids-dialog__body-content {
174
169
  margin-top: 1.25rem;
175
170
  }
176
171
  .ids-dialog .ids-dialog__footer {
@@ -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}}@media (max-width:640px){.ids-dropdown.ids-dropdown--sblock,:host([sblock]) .ids-dropdown{display:block;width:100%}}@media (max-width:1024px){.ids-dropdown.ids-dropdown--mblock,:host([mblock]) .ids-dropdown{display:block;width:100%}}.ids-dropdown{display:inline-block;position:relative}.ids-dropdown__content{background:var(--IDS-COLOR-NEUTRAL-100);border:.063rem solid var(--IDS-DROPDOWN__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS);box-shadow:0 0 .625rem 0 rgba(0,0,0,.3);left:0;padding:.5rem;position:absolute;top:calc(100% + 4px);width:max-content;z-index:10}.ids-dropdown__content.ids-dropdown__content--position-right{left:auto;right:0}.ids-dropdown__content.ids-dropdown__content--hide{display:none}@media (max-width:1024px){.ids-dropdown__content.ids-dropdown__content--mblock,.ids-dropdown__content:host([mblock]){width:100%}}@media (max-width:640px){.ids-dropdown__content.ids-dropdown__content--sblock,.ids-dropdown__content:host([sblock]){width:100%}}.ids-dropdown__content .ids-dropdown-content-link{border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;line-height:1.5rem!important;outline-color:var(--IDS-COLOR-NEUTRAL-100)!important;outline-offset:-.25rem!important;padding:.375rem .75rem!important;text-align:left;text-decoration:none!important;white-space:normal!important}.ids-dropdown__content ::slotted(*){align-items:flex-start!important;border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);display:block;display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;gap:.5rem!important;line-height:1.5rem!important;outline-color:var(--IDS-COLOR-NEUTRAL-100)!important;outline-offset:-.25rem!important;padding:.375rem .75rem!important;text-align:left;text-decoration:none!important;white-space:normal!important}.ids-dropdown__content .ids-dropdown-content-link:focus,.ids-dropdown__content .ids-dropdown-content-link:hover,.ids-dropdown__content ::slotted(a:focus),.ids-dropdown__content ::slotted(a:hover){background-color:var(--IDS-COLOR-ACCENT-30);border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-COLOR-NEUTRAL-100)}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}@media (max-width:640px){.ids-dropdown.ids-dropdown--sblock,:host([sblock]) .ids-dropdown{display:block;width:100%}}@media (max-width:1024px){.ids-dropdown.ids-dropdown--mblock,:host([mblock]) .ids-dropdown{display:block;width:100%}}.ids-dropdown{display:inline-block;position:relative}.ids-dropdown-content{background-color:var(--IDS-DROPDOWN__CONTENT-BACKGROUND-COLOR);border:.063rem solid var(--IDS-DROPDOWN__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS);box-shadow:var(--IDS-BOX-SHADOW);display:none;display:flex;flex-direction:column;left:0;max-width:fit-content;padding:.5rem;position:absolute;right:auto;top:calc(100% + .25rem);width:auto;z-index:10}.ids-dropdown-content.ids-dropdown-content--show{display:flex}.ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area{border-radius:var(--IDS-BORDER-RADIUS);margin:0 -.5rem;overflow:auto;padding:0 .5rem}.ids-dropdown-content.ids-dropdown-content--position-right{left:auto;right:0}@media (max-width:1024px){.ids-dropdown-content.ids-dropdown-content--mblock{left:0!important;max-width:none;right:0!important}}@media (max-width:640px){.ids-dropdown-content.ids-dropdown-content--sblock{left:0!important;max-width:none;right:0!important}}@media (max-width:1024px){.ids-dropdown-content:host([mblock]){max-width:none}}@media (max-width:640px){.ids-dropdown-content:host([sblock]){max-width:none}}.ids-dropdown-content .ids-dropdown-content__button,.ids-dropdown-content .ids-dropdown-content__link{background:none;border:none;border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-DROPDOWN__LINK-COLOR);cursor:pointer;display:flex;flex-grow:1;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;gap:.5rem;line-height:1.5rem!important;outline-color:var(--IDS-DROPDOWN__LINK-OUTLINE-COLOR)!important;outline-offset:-.25rem!important;padding:.375rem .75rem!important;text-align:left;text-decoration:none!important;white-space:normal!important}.ids-dropdown-content ::slotted(*){align-items:flex-start!important;background:none;border:none;border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-DROPDOWN__LINK-COLOR);cursor:pointer;display:flex;display:flex!important;flex-grow:1;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;gap:.5rem;gap:.5rem!important;line-height:1.5rem!important;outline-color:var(--IDS-DROPDOWN__LINK-OUTLINE-COLOR)!important;outline-offset:-.25rem!important;padding:.375rem .75rem!important;text-align:left;text-decoration:none!important;white-space:normal!important}.ids-dropdown-content .ids-dropdown-content__button:focus,.ids-dropdown-content .ids-dropdown-content__button:hover,.ids-dropdown-content .ids-dropdown-content__link:focus,.ids-dropdown-content .ids-dropdown-content__link:hover,.ids-dropdown-content ::slotted(a:focus),.ids-dropdown-content ::slotted(a:hover),.ids-dropdown-content ::slotted(button:focus),.ids-dropdown-content ::slotted(button:hover){background-color:var(--IDS-DROPDOWN__LINK-HOVER-BACKGROUND-COLOR);border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-DROPDOWN__LINK-HOVER-COLOR)}";
4
4
 
5
5
  var dropdownLit = css`
6
6
  ${unsafeCSS(css_248z)}
@@ -10,6 +10,21 @@
10
10
  }
11
11
  }
12
12
 
13
+ /*******
14
+ * ICONS
15
+ ********/
16
+ /*******
17
+ * BUTTONS
18
+ ********/
19
+ /*******
20
+ * SCROLLBAR
21
+ ********/
22
+ /*******
23
+ * FORM
24
+ ********/
25
+ /*******
26
+ * A11Y
27
+ ********/
13
28
  @media (max-width: 640px) {
14
29
  :host([sblock]) .ids-dropdown,
15
30
  .ids-dropdown.ids-dropdown--sblock {
@@ -29,39 +44,74 @@
29
44
  display: inline-block;
30
45
  }
31
46
 
32
- .ids-dropdown__content {
47
+ .ids-dropdown-content {
33
48
  position: absolute;
34
49
  border-radius: var(--IDS-BORDER-RADIUS);
35
50
  border: 0.063rem solid var(--IDS-DROPDOWN__BORDER-COLOR);
36
- background: var(--IDS-COLOR-NEUTRAL-100);
37
- box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.3);
51
+ background-color: var(--IDS-DROPDOWN__CONTENT-BACKGROUND-COLOR);
52
+ box-shadow: var(--IDS-BOX-SHADOW);
38
53
  padding: 0.5rem;
39
- left: 0px;
40
- top: calc(100% + 4px);
54
+ left: 0;
55
+ right: auto;
56
+ top: calc(100% + 0.25rem);
41
57
  z-index: 10;
42
- width: max-content;
58
+ display: none;
59
+ display: flex;
60
+ width: auto;
61
+ max-width: fit-content;
62
+ flex-direction: column;
63
+ }
64
+ .ids-dropdown-content.ids-dropdown-content--show {
65
+ display: flex;
43
66
  }
44
- .ids-dropdown__content.ids-dropdown__content--position-right {
45
- right: 0px;
67
+ .ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area:focus {
68
+ outline: var(--IDS-FOCUS__OUTLINE);
69
+ outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
70
+ }
71
+ .ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area {
72
+ overflow: auto;
73
+ padding: 0 0.5rem;
74
+ margin: 0 -0.5rem;
75
+ border-radius: var(--IDS-BORDER-RADIUS);
76
+ }
77
+ .ids-dropdown-content.ids-dropdown-content--position-right {
78
+ right: 0;
46
79
  left: auto;
47
80
  }
48
- .ids-dropdown__content.ids-dropdown__content--hide {
49
- display: none;
81
+ @media (max-width: 1024px) {
82
+ .ids-dropdown-content.ids-dropdown-content--mblock {
83
+ left: 0 !important;
84
+ right: 0 !important;
85
+ max-width: none;
86
+ }
87
+ }
88
+ @media (max-width: 640px) {
89
+ .ids-dropdown-content.ids-dropdown-content--sblock {
90
+ left: 0 !important;
91
+ right: 0 !important;
92
+ max-width: none;
93
+ }
50
94
  }
51
95
  @media (max-width: 1024px) {
52
- .ids-dropdown__content.ids-dropdown__content--mblock, .ids-dropdown__content:host([mblock]) {
53
- width: 100%;
96
+ .ids-dropdown-content:host([mblock]) {
97
+ max-width: none;
54
98
  }
55
99
  }
56
100
  @media (max-width: 640px) {
57
- .ids-dropdown__content.ids-dropdown__content--sblock, .ids-dropdown__content:host([sblock]) {
58
- width: 100%;
101
+ .ids-dropdown-content:host([sblock]) {
102
+ max-width: none;
59
103
  }
60
104
  }
61
- .ids-dropdown__content .ids-dropdown-content-link {
62
- display: block;
105
+ .ids-dropdown-content .ids-dropdown-content__link,
106
+ .ids-dropdown-content .ids-dropdown-content__button {
107
+ display: flex;
108
+ gap: 0.5rem;
109
+ flex-grow: 1;
110
+ background: none;
111
+ border: none;
112
+ cursor: pointer;
63
113
  border-radius: var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);
64
- color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
114
+ color: var(--IDS-DROPDOWN__LINK-COLOR);
65
115
  font-family: var(--IDS-FONT-FAMILY-BASE) !important;
66
116
  font-size: 1rem !important;
67
117
  font-style: normal !important;
@@ -69,15 +119,20 @@
69
119
  line-height: 1.5rem !important;
70
120
  padding: 0.375rem 0.75rem !important;
71
121
  outline-offset: -0.25rem !important;
72
- outline-color: var(--IDS-COLOR-NEUTRAL-100) !important;
122
+ outline-color: var(--IDS-DROPDOWN__LINK-OUTLINE-COLOR) !important;
73
123
  text-decoration: none !important;
74
124
  text-align: left;
75
125
  white-space: normal !important;
76
126
  }
77
- .ids-dropdown__content ::slotted(*) {
78
- display: block;
127
+ .ids-dropdown-content ::slotted(*) {
128
+ display: flex;
129
+ gap: 0.5rem;
130
+ flex-grow: 1;
131
+ background: none;
132
+ border: none;
133
+ cursor: pointer;
79
134
  border-radius: var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);
80
- color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
135
+ color: var(--IDS-DROPDOWN__LINK-COLOR);
81
136
  font-family: var(--IDS-FONT-FAMILY-BASE) !important;
82
137
  font-size: 1rem !important;
83
138
  font-style: normal !important;
@@ -85,7 +140,7 @@
85
140
  line-height: 1.5rem !important;
86
141
  padding: 0.375rem 0.75rem !important;
87
142
  outline-offset: -0.25rem !important;
88
- outline-color: var(--IDS-COLOR-NEUTRAL-100) !important;
143
+ outline-color: var(--IDS-DROPDOWN__LINK-OUTLINE-COLOR) !important;
89
144
  text-decoration: none !important;
90
145
  text-align: left;
91
146
  white-space: normal !important;
@@ -93,11 +148,15 @@
93
148
  gap: 0.5rem !important;
94
149
  align-items: flex-start !important;
95
150
  }
96
- .ids-dropdown__content ::slotted(a:hover),
97
- .ids-dropdown__content ::slotted(a:focus),
98
- .ids-dropdown__content .ids-dropdown-content-link:hover,
99
- .ids-dropdown__content .ids-dropdown-content-link:focus {
100
- color: var(--IDS-COLOR-NEUTRAL-100);
101
- background-color: var(--IDS-COLOR-ACCENT-30);
151
+ .ids-dropdown-content ::slotted(a:hover),
152
+ .ids-dropdown-content ::slotted(a:focus),
153
+ .ids-dropdown-content ::slotted(button:hover),
154
+ .ids-dropdown-content ::slotted(button:focus),
155
+ .ids-dropdown-content .ids-dropdown-content__link:hover,
156
+ .ids-dropdown-content .ids-dropdown-content__link:focus,
157
+ .ids-dropdown-content .ids-dropdown-content__button:hover,
158
+ .ids-dropdown-content .ids-dropdown-content__button:focus {
159
+ color: var(--IDS-DROPDOWN__LINK-HOVER-COLOR);
160
+ background-color: var(--IDS-DROPDOWN__LINK-HOVER-BACKGROUND-COLOR);
102
161
  border-radius: var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);
103
162
  }
@@ -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-footer-1177{background-color:var(--IDS-COLOR-PRIMARY-90);margin-top:1.875rem;position:relative}.ids-footer-1177 .ids-footer-1177__inner{margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);padding:1.875rem 1.25rem 6.25rem}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner{padding-bottom:3.125rem}}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row{padding-bottom:1.25rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row .ids-footer-1177__headline{color:var(--IDS-COLOR-PRIMARY-40);display:inline;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.5rem;font-weight:700;line-height:1.875rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row .ids-footer-1177__headline .ids-footer-1177__headline--sub{color:var(--IDS-COLOR-PRIMARY-30)}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row .ids-footer-1177__headline--sr{clip:rect(0,0,0,0);border:0;height:.063rem;margin:-.063rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:.063rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content{display:flex;flex-wrap:wrap;gap:.5rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text{color:var(--IDS-COLOR-NEUTRAL-20);flex:0 0 40%;font-family:var(--IDS-BODY__FONT-FAMILY);font-size:var(--IDS-BODY__FONT-SIZE);font-style:normal;font-weight:400;letter-spacing:0;line-height:var(--IDS-BODY__LINE-HEIGHT);margin-right:8.3%;max-width:40%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text{flex:0 0 100%;margin-right:0;max-width:100%}}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col{flex:0 0 16%;max-width:16%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ul{list-style:none;margin:0;padding:0}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col .ids-link{margin-bottom:.625rem!important}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-1]),.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-2]),.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-3]){display:block;margin-bottom:.625rem!important}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--2{flex:0 0 25%;max-width:25%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--1{flex:0 0 50%;max-width:50%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-auto{flex:0 0 auto;width:auto}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-1{flex:0 0 8.3%;max-width:8.3%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-2{flex:0 0 16%;max-width:16%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-3{flex:0 0 25%;max-width:25%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-4{flex:0 0 33.3%;max-width:33.3%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-5{flex:0 0 41.6%;max-width:41.6%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-6{flex:0 0 50%;max-width:50%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col{display:none}}.ids-footer-1177 .ids-footer-1177__sub-footer{background-color:var(--IDS-COLOR-PRIMARY-40);padding-bottom:1.25rem;padding-top:.313rem;position:relative}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__mobile-menu{display:none}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__mobile-menu{display:block}.ids-footer-1177 .ids-footer-1177__sub-footer{background-color:var(--IDS-COLOR-PRIMARY-40);border-top:none}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container{margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);padding-left:1.25rem;padding-right:1.25rem}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177_sub-footer-mobile-text{color:var(--IDS-COLOR-NEUTRAL-100);display:inline-block;font-size:.875rem;line-height:1.25rem;padding:1.875rem 2.5rem .625rem;text-align:center}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row{align-items:center;display:flex;justify-content:space-between}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row{align-items:unset;flex-direction:column}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left p{color:var(--IDS-COLOR-NEUTRAL-100)!important;flex:50%;font-size:.875rem!important;line-height:1.125rem!important}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left p{display:none}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right{flex:auto;text-align:end}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right .ids-link,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right ::slotted(*){color:var(--IDS-COLOR-NEUTRAL-100);display:inline-block!important;font-size:.875rem;margin-left:1.25rem!important}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right{display:none}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container{height:auto;padding-left:0;padding-right:0}}.ids-footer-1177 .ids-footer-1177__content-row{z-index:1}.ids-footer-1177 .ids-footer-1177__mobile-links{display:none;flex-direction:column;font-size:.875rem;gap:2rem;padding:2rem 1.25rem}.ids-footer-1177 .ids-footer-1177__mobile-links ::slotted(*),.ids-footer-1177 .ids-footer-1177__mobile-links a{display:block;width:100%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__mobile-links{display:flex}}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile{display:none;position:relative}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-COLOR-NEUTRAL-100);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:5.625rem;pointer-events:none;position:absolute;top:-1.75rem}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer-mobile{align-items:center;color:var(--IDS-COLOR-NEUTRAL-100);display:flex;flex-direction:column;font-size:.875rem;justify-content:center;line-height:1.25rem;padding:2.875rem 2.5rem 1rem;text-align:center}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile .ids-footer-1177__sub-footer-mobile-text{margin-top:1.875rem}}.ids-footer-1177:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' preserveAspectRatio='none' height='30'%3E%3Cpath d='M0 0c251.387 7.408 495.186 11.112 731.395 11.112C967.605 11.112 1203.806 7.408 1440 0v30H0V0z' fill='%23FAEEF0' fill-rule='evenodd'/%3E%3C/svg%3E\");z-index:2}.ids-footer-1177 .ids-footer-1177__sub-footer:after,.ids-footer-1177:after{background-color:transparent;background-size:100% 1.875rem;content:\"\";height:1.875rem;position:absolute;top:-1.875rem;width:100%}.ids-footer-1177 .ids-footer-1177__sub-footer:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' preserveAspectRatio='none' height='30'%3E%3Cpath d='M0 0c251.387 7.408 495.186 11.112 731.395 11.112C967.605 11.112 1203.806 7.408 1440 0v30H0V0z' fill='%23C12143' fill-rule='evenodd'/%3E%3C/svg%3E\");z-index:3}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer:after{content:none!important}}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}:root{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__COLOR:var(--ids-color-heading-text-xxl);--IDS-HEADING-XXL__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-XXL__FONT-SIZE:2rem;--IDS-HEADING-XXL__LINE-HEIGHT:2.5rem;--IDS-HEADING-XXL__FONT-SIZE-DESKTOP:3rem;--IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP:3.25rem;--IDS-HEADING-XXL__FONT-WEIGHT:700;--IDS-HEADING-XXL__LETTER-SPACING:-0.052rem;--IDS-HEADING-XXL__LETTER-SPACING-DESKTOP:-0.078rem;--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__COLOR:var(--ids-color-heading-text-xl);--IDS-HEADING-XL__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-XL__FONT-SIZE:1.625rem;--IDS-HEADING-XL__LINE-HEIGHT:2.125rem;--IDS-HEADING-XL__FONT-SIZE-DESKTOP:2.25rem;--IDS-HEADING-XL__LINE-HEIGHT-DESKTOP:2.625rem;--IDS-HEADING-XL__FONT-WEIGHT:700;--IDS-HEADING-XL__LETTER-SPACING:-0.031rem;--IDS-HEADING-XL__LETTER-SPACING-DESKTOP:-0.063rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__COLOR:var(--ids-color-heading-text-l);--IDS-HEADING-L__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-L__FONT-SIZE-DESKTOP:1.75rem;--IDS-HEADING-L__LINE-HEIGHT-DESKTOP:2.25rem;--IDS-HEADING-L__FONT-SIZE:1.5rem;--IDS-HEADING-L__LINE-HEIGHT:1.875rem;--IDS-HEADING-L__FONT-WEIGHT:700;--IDS-HEADING-L__LETTER-SPACING:-0.025rem;--IDS-HEADING-L__LETTER-SPACING-DESKTOP:-0.044rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-M__COLOR:var(--ids-color-heading-text-m);--IDS-HEADING-M__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-M__FONT-SIZE:1.375rem;--IDS-HEADING-M__LINE-HEIGHT:1.75rem;--IDS-HEADING-M__FONT-SIZE-DESKTOP:1.5rem;--IDS-HEADING-M__LINE-HEIGHT-DESKTOP:1.875rem;--IDS-HEADING-M__FONT-WEIGHT:700;--IDS-HEADING-M__LETTER-SPACING:-0.019rem;--IDS-HEADING-M__LETTER-SPACING-DESKTOP:-0.031rem;--IDS-HEADING-S__COLOR:var(--ids-color-heading-text-s);--IDS-HEADING-S__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-S__FONT-SIZE:1.25rem;--IDS-HEADING-S__LINE-HEIGHT:1.5rem;--IDS-HEADING-S__FONT-SIZE-DESKTOP:1.25rem;--IDS-HEADING-S__LINE-HEIGHT-DESKTOP:1.5rem;--IDS-HEADING-S__FONT-WEIGHT:700;--IDS-HEADING-S__LETTER-SPACING:-0.013rem;--IDS-HEADING-S__LETTER-SPACING-DESKTOP:-0.025rem;--IDS-HEADING-XS__COLOR:var(--ids-color-heading-text-xs);--IDS-HEADING-XS__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-XS__FONT-SIZE:1rem;--IDS-HEADING-XS__LINE-HEIGHT:1.25rem;--IDS-HEADING-XS__FONT-WEIGHT:700;--IDS-HEADING-XS__LETTER-SPACING:0;--IDS-ANCHOR__COLOR:var(--ids-color-interactive-text-default);--IDS-ANCHOR__HOVER-COLOR:var(--ids-color-interactive-text-hover);--IDS-PREAMBLE__FONT-FAMILY:var(--IDS-FONT-FAMILY-BASE);--IDS-PREAMBLE__FONT-SIZE:1.125rem;--IDS-PREAMBLE__LINE-HEIGHT:1.75rem;--IDS-PREAMBLE__FONT-SIZE-DESKTOP:1.375rem;--IDS-PREAMBLE__LINE-HEIGHT-DESKTOP:2.25rem;--IDS-BODY__FONT-FAMILY:var(--IDS-FONT-FAMILY-BASE);--IDS-BODY__FONT-SIZE:1rem;--IDS-BODY__LINE-HEIGHT:1.5rem;--IDS-BODY--DISABLED__COLOR:var(--ids-color-interactive-text-disabled);--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)}:root.ids--1177-admin,:root.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}:root.ids--inera,:root.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__FONT-SIZE:1.875rem;--IDS-HEADING-XXL__LINE-HEIGHT:2.375rem;--IDS-HEADING-XXL__FONT-SIZE-DESKTOP:2.5rem;--IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP:3.125rem;--IDS-HEADING-XXL__FONT-WEIGHT:600;--IDS-HEADING-XXL__LETTER-SPACING:inherit;--IDS-HEADING-XXL__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__FONT-SIZE:1.625rem;--IDS-HEADING-XL__LINE-HEIGHT:2rem;--IDS-HEADING-XL__FONT-SIZE-DESKTOP:2rem;--IDS-HEADING-XL__LINE-HEIGHT-DESKTOP:2.5rem;--IDS-HEADING-XL__FONT-WEIGHT:600;--IDS-HEADING-XL__LETTER-SPACING:inherit;--IDS-HEADING-XL__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__FONT-SIZE:1.5rem;--IDS-HEADING-L__LINE-HEIGHT:1.875rem;--IDS-HEADING-L__FONT-SIZE-DESKTOP:1.75rem;--IDS-HEADING-L__LINE-HEIGHT-DESKTOP:2.25rem;--IDS-HEADING-L__FONT-WEIGHT:600;--IDS-HEADING-L__LETTER-SPACING:inherit;--IDS-HEADING-L__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-M__FONT-SIZE:1.375rem;--IDS-HEADING-M__LINE-HEIGHT:1.75rem;--IDS-HEADING-M__FONT-SIZE-DESKTOP:1.5rem;--IDS-HEADING-M__LINE-HEIGHT-DESKTOP:2rem;--IDS-HEADING-M__FONT-WEIGHT:600;--IDS-HEADING-M__LETTER-SPACING:inherit;--IDS-HEADING-M__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-S__FONT-SIZE:1.25rem;--IDS-HEADING-S__LINE-HEIGHT:1.5rem;--IDS-HEADING-S__FONT-SIZE-DESKTOP:1.25rem;--IDS-HEADING-S__LINE-HEIGHT-DESKTOP:1.625rem;--IDS-HEADING-S__FONT-WEIGHT:600;--IDS-HEADING-S__LETTER-SPACING:inherit;--IDS-HEADING-S__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-XS__FONT-SIZE:1rem;--IDS-HEADING-XS__LINE-HEIGHT:1.25rem;--IDS-HEADING-XS__FONT-WEIGHT:600;--IDS-HEADING-XS__LETTER-SPACING:inherit;--IDS-BODY__LINE-HEIGHT:1.625rem;--IDS-BODY--DISABLED__COLOR:var(--ids-color-interactive-text-disabled);--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}:root.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}:root.ids--dark.ids--1177-admin,:root.ids--dark.ids--1177-pro,:root.ids--dark.ids--inera,:root.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-footer-1177{background-color:var(--IDS-FOOTER-1177__BACKGROUND-COLOR);position:relative}.ids-footer-1177 .ids-footer-1177__inner{margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);padding-bottom:6.25rem;padding-top:1.875rem}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner{padding-bottom:2.5rem}}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-wrapper{padding-bottom:1.25rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-wrapper .ids-footer-1177__headline{color:var(--IDS-FOOTER-1177__HEADLINE-COLOR);display:inline;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.5rem;font-weight:700;line-height:1.875rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-wrapper .ids-footer-1177__headline .ids-footer-1177__headline--sub{color:var(--IDS-FOOTER-1177__BYLINE-COLOR)}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-wrapper .ids-footer-1177__headline--sr{clip:rect(0,0,0,0);border:0;height:.063rem;margin:-.063rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:.063rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content{display:flex;gap:6.5rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text{color:var(--IDS-FOOTER-1177__COLOR);flex:0 0 40%;font-family:var(--IDS-BODY__FONT-FAMILY);font-size:var(--IDS-BODY__FONT-SIZE);font-style:normal;font-weight:400;letter-spacing:0;line-height:var(--IDS-BODY__LINE-HEIGHT);max-width:40%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text{flex:0 0 100%;margin-right:0;max-width:100%}}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__cols{display:flex;flex-grow:1;gap:3.5rem;justify-content:space-between}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col .ids-link{margin-bottom:.625rem!important}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-1]),.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-2]),.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-3]){display:block;margin-bottom:.625rem!important}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--100{width:100%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--50{width:50%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--33{width:33%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col{display:none}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content{gap:0}}.ids-footer-1177 .ids-footer-1177__mobile-menu{display:none}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__mobile-menu{display:block;padding-bottom:1.25rem}}.ids-footer-1177 .ids-footer-1177__sub-footer{background-color:var(--IDS-FOOTER-1177-SUB__BACKGROUND-COLOR);position:relative}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer{border-top:none}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container{margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);padding-bottom:1rem}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177_sub-footer-mobile-text{color:var(--IDS-FOOTER-1177-SUB__COLOR);display:inline-block;font-size:.875rem;line-height:1.25rem;padding:1.875rem 2.5rem .625rem;text-align:center}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner{align-items:center;display:flex;justify-content:space-between}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner{align-items:unset;flex-direction:column}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-left{display:flex;flex:60%;flex-wrap:wrap;gap:.25rem 3rem}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-left .ids-link,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-left ::slotted(*){display:block!important;white-space:nowrap}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-left{display:none}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-right,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-right p{color:var(--IDS-FOOTER-1177-SUB__COLOR)!important;flex:auto;font-size:.875rem!important;line-height:1.125rem!important;text-align:end}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-right,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-right p{display:none}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container{height:auto;padding:0}}.ids-footer-1177 .ids-footer-1177__mobile-links{background-color:var(--IDS-FOOTER-1177-SUB__BACKGROUND-COLOR);display:none;flex-direction:column;font-size:.875rem;gap:2rem;padding-left:1.25rem;padding-right:1.25rem;padding-top:2rem}.ids-footer-1177 .ids-footer-1177__mobile-links ::slotted(*),.ids-footer-1177 .ids-footer-1177__mobile-links a{display:block;width:100%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__mobile-links{display:flex}}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile{align-items:center;background-color:var(--IDS-FOOTER-1177-SUB__BACKGROUND-COLOR);color:var(--IDS-FOOTER-1177-SUB__COLOR);display:none;flex-direction:column;font-size:.875rem;justify-content:center;line-height:1.25rem;margin-top:2.5rem;padding:2.125rem 2.5rem 2.5rem;position:relative;text-align:center}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile .ids-footer-1177__sub-footer-mobile-text{margin-top:2rem}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-FOOTER-1177-SUB__COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:5.625rem;pointer-events:none;position:absolute;top:-1.75rem}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer-mobile{display:flex}}.ids-footer-1177:after{background-image:var(--IDS-FOOTER-1177__AFTER);z-index:2}.ids-footer-1177 .ids-footer-1177__sub-footer:before,.ids-footer-1177:after{background-color:transparent;background-size:100% 1.875rem;content:\"\";height:1.875rem;position:absolute;top:-1.875rem;width:100%}.ids-footer-1177 .ids-footer-1177__sub-footer:before{background-image:var(--IDS-FOOTER-1177-SUB__BEFORE);z-index:3}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer:before{content:none!important}}";
4
4
 
5
5
  var footer1177Lit = css`${unsafeCSS(css_248z)}`;
6
6