@inera/ids-design 8.0.1 → 8.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 (168) hide show
  1. package/components/accordion/accordion-lit.js +1 -1
  2. package/components/accordion/accordion.css +35 -175
  3. package/components/action-link/action-link-lit.d.ts +2 -0
  4. package/components/action-link/action-link-lit.js +7 -0
  5. package/components/action-link/action-link.css +173 -0
  6. package/components/alert/alert-lit.js +1 -1
  7. package/components/alert/alert.css +28 -138
  8. package/components/box-link/box-link-lit.js +1 -1
  9. package/components/box-link/box-link.css +92 -39
  10. package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
  11. package/components/breadcrumbs/breadcrumbs.css +1 -0
  12. package/components/card/card-lit.js +1 -1
  13. package/components/card/card.css +42 -140
  14. package/components/carousel/carousel-item-lit.js +1 -1
  15. package/components/carousel/carousel-item.css +10 -123
  16. package/components/carousel/carousel-lit.js +1 -1
  17. package/components/carousel/carousel.css +41 -17
  18. package/components/data-table/data-table-lit.js +1 -1
  19. package/components/data-table/data-table.css +5 -11
  20. package/components/dialog/dialog-lit.js +1 -1
  21. package/components/dialog/dialog.css +8 -11
  22. package/components/dropdown/dropdown-lit.js +1 -1
  23. package/components/dropdown/dropdown.css +21 -12
  24. package/components/footer-1177/footer-1177-lit.js +1 -1
  25. package/components/footer-1177/footer-1177.css +48 -125
  26. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  27. package/components/footer-1177-admin/footer-1177-admin.css +47 -140
  28. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  29. package/components/footer-1177-pro/footer-1177-pro.css +47 -140
  30. package/components/footer-inera/footer-inera-lit.js +1 -1
  31. package/components/footer-inera/footer-inera.css +42 -123
  32. package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
  33. package/components/footer-inera-admin/footer-inera-admin.css +47 -132
  34. package/components/form/datepicker/datepicker-lit.d.ts +2 -0
  35. package/components/form/datepicker/datepicker-lit.js +9 -0
  36. package/components/form/datepicker/datepicker.css +570 -0
  37. package/components/form/error-message/error-message-lit.js +1 -1
  38. package/components/form/error-message/error-message.css +1 -0
  39. package/components/form/group/group-lit.js +1 -1
  40. package/components/form/group/group.css +11 -114
  41. package/components/form/range/range-lit.js +1 -1
  42. package/components/form/range/range.css +51 -120
  43. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  44. package/components/form/select-multiple/select-multiple.css +56 -10
  45. package/components/global-alert/global-alert-lit.js +1 -1
  46. package/components/global-alert/global-alert.css +55 -161
  47. package/components/grid/container/container-lit.js +1 -1
  48. package/components/grid/container/container.css +1 -1
  49. package/components/header-1177/composite-header-1177.css +612 -842
  50. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  51. package/components/header-1177/header-1177-avatar.css +57 -156
  52. package/components/header-1177/header-1177-item-lit.js +1 -1
  53. package/components/header-1177/header-1177-item.css +366 -139
  54. package/components/header-1177/header-1177-lit.js +1 -1
  55. package/components/header-1177/header-1177-menu-mobile-lit.js +1 -1
  56. package/components/header-1177/header-1177-menu-mobile.css +14 -4
  57. package/components/header-1177/header-1177-nav-item-lit.js +1 -1
  58. package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
  59. package/components/header-1177/header-1177-nav-item-mobile.css +40 -116
  60. package/components/header-1177/header-1177-nav-item.css +102 -416
  61. package/components/header-1177/header-1177-nav-lit.js +1 -1
  62. package/components/header-1177/header-1177-nav.css +20 -1
  63. package/components/header-1177/header-1177-region-picker-lit.js +1 -1
  64. package/components/header-1177/header-1177-region-picker-mobile-lit.js +1 -1
  65. package/components/header-1177/header-1177-region-picker-mobile.css +3 -2
  66. package/components/header-1177/header-1177-region-picker.css +3 -2
  67. package/components/header-1177/header-1177.css +19 -17
  68. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  69. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
  70. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +8 -12
  71. package/components/header-1177-admin/header-1177-admin-avatar.css +29 -132
  72. package/components/header-1177-admin/header-1177-admin-item-lit.js +1 -1
  73. package/components/header-1177-admin/header-1177-admin-item.css +307 -122
  74. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  75. package/components/header-1177-admin/header-1177-admin-menu-mobile-lit.js +1 -1
  76. package/components/header-1177-admin/header-1177-admin-menu-mobile.css +14 -4
  77. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
  78. package/components/header-1177-admin/header-1177-admin-nav-item.css +108 -436
  79. package/components/header-1177-admin/header-1177-admin.css +33 -33
  80. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  81. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
  82. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +8 -13
  83. package/components/header-1177-pro/header-1177-pro-avatar.css +25 -128
  84. package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
  85. package/components/header-1177-pro/header-1177-pro-item.css +338 -141
  86. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  87. package/components/header-1177-pro/header-1177-pro-menu-mobile-lit.js +1 -1
  88. package/components/header-1177-pro/header-1177-pro-menu-mobile.css +14 -4
  89. package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
  90. package/components/header-1177-pro/header-1177-pro-nav-item.css +112 -386
  91. package/components/header-1177-pro/header-1177-pro-nav-lit.js +1 -1
  92. package/components/header-1177-pro/header-1177-pro-nav.css +10 -0
  93. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  94. package/components/header-1177-pro/header-1177-pro-region-picker-mobile-lit.js +1 -1
  95. package/components/header-1177-pro/header-1177-pro-region-picker-mobile.css +4 -4
  96. package/components/header-1177-pro/header-1177-pro-region-picker.css +3 -2
  97. package/components/header-1177-pro/header-1177-pro.css +35 -33
  98. package/components/header-inera/header-inera-item-lit.js +1 -1
  99. package/components/header-inera/header-inera-item.css +92 -53
  100. package/components/header-inera/header-inera-lit.js +1 -1
  101. package/components/header-inera/header-inera-menu-mobile-lit.js +1 -1
  102. package/components/header-inera/header-inera-menu-mobile.css +18 -4
  103. package/components/header-inera/header-inera-nav-item-lit.js +1 -1
  104. package/components/header-inera/header-inera-nav-item.css +51 -70
  105. package/components/header-inera/header-inera.css +12 -9
  106. package/components/header-inera-admin/composite-header-inera-admin.css +241 -320
  107. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  108. package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +1 -1
  109. package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +9 -12
  110. package/components/header-inera-admin/header-inera-admin-avatar.css +25 -128
  111. package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
  112. package/components/header-inera-admin/header-inera-admin-item.css +101 -53
  113. package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
  114. package/components/header-inera-admin/header-inera-admin-menu-mobile-lit.js +1 -1
  115. package/components/header-inera-admin/header-inera-admin-menu-mobile.css +61 -58
  116. package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
  117. package/components/header-inera-admin/header-inera-admin-nav-item.css +52 -76
  118. package/components/header-inera-admin/header-inera-admin.css +5 -5
  119. package/components/header-patient/header-patient-lit.js +1 -1
  120. package/components/header-patient/header-patient.css +27 -126
  121. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  122. package/components/mobile-menu/mobile-menu.css +311 -435
  123. package/components/navigation/content/navigation-content-lit.js +1 -1
  124. package/components/navigation/content/navigation-content.css +15 -149
  125. package/components/navigation/local/navigation-local-lit.js +1 -1
  126. package/components/navigation/local/navigation-local.css +11 -15
  127. package/components/notification-badge/notification-badge-lit.js +1 -1
  128. package/components/notification-badge/notification-badge.css +1 -0
  129. package/components/pagination/data-pagination/data-pagination-lit.js +1 -1
  130. package/components/pagination/data-pagination/data-pagination.css +107 -131
  131. package/components/pagination/list-pagination/list-pagination-lit.js +1 -1
  132. package/components/pagination/list-pagination/list-pagination.css +84 -54
  133. package/components/popover/popover-content-lit.js +1 -1
  134. package/components/popover/popover-content.css +86 -167
  135. package/components/popover/popover-lit.js +1 -1
  136. package/components/popover/popover.css +2 -2
  137. package/components/progressbar/progressbar-lit.js +1 -1
  138. package/components/progressbar/progressbar.css +10 -113
  139. package/components/puff-list/puff-list-lit.js +1 -1
  140. package/components/puff-list/puff-list.css +89 -216
  141. package/components/side-menu/side-menu-lit.js +1 -1
  142. package/components/side-menu/side-menu.css +66 -75
  143. package/components/side-panel/side-panel-lit.js +1 -1
  144. package/components/side-panel/side-panel.css +23 -19
  145. package/components/stepper/stepper-lit.js +1 -1
  146. package/components/stepper/stepper.css +20 -166
  147. package/components/tabs/tab-lit.js +1 -1
  148. package/components/tabs/tab.css +10 -7
  149. package/components/tabs/tabs-lit.js +2 -2
  150. package/components/tabs/tabs.css +0 -2
  151. package/components/tag/tag-lit.js +1 -1
  152. package/components/tag/tag.css +12 -7
  153. package/components/tooltip/tooltip-lit.js +1 -1
  154. package/components/tooltip/tooltip.css +9 -10
  155. package/global/global.css +1055 -766
  156. package/global/icons/Inera-Design-Icons.eot +0 -0
  157. package/global/icons/Inera-Design-Icons.svg +14 -2
  158. package/global/icons/Inera-Design-Icons.ttf +0 -0
  159. package/global/icons/Inera-Design-Icons.woff +0 -0
  160. package/global/util/util.css +12 -2
  161. package/package.json +1 -1
  162. package/styles.css +1591 -1212
  163. package/tokens/component-tokens.scss +2 -0
  164. package/tokens/themes/1177-admin-tokens.css +615 -219
  165. package/tokens/themes/1177-pro-tokens.css +615 -219
  166. package/tokens/themes/1177-tokens.css +615 -219
  167. package/tokens/themes/inera-admin-tokens.css +443 -158
  168. package/tokens/themes/inera-tokens.css +443 -158
@@ -37,11 +37,12 @@
37
37
  width: 100%;
38
38
  margin-left: 0;
39
39
  margin-right: 0;
40
+ border: var(--IDS-CAROUSEL-ITEM__BORDER);
40
41
  }
41
- .ids-carousel .ids-carousel__button-prev:focus,
42
- .ids-carousel .ids-carousel__button-next:focus {
43
- outline: var(--IDS-FOCUS__OUTLINE);
44
- outline-offset: 0 !important;
42
+ .ids-carousel .ids-carousel__button-prev:focus-visible,
43
+ .ids-carousel .ids-carousel__button-next:focus-visible {
44
+ outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
45
+ outline-offset: -0.125rem !important;
45
46
  }
46
47
  .ids-carousel .ids-carousel__button-prev,
47
48
  .ids-carousel .ids-carousel__button-next {
@@ -60,8 +61,8 @@
60
61
  align-items: center;
61
62
  justify-content: center;
62
63
  }
63
- .ids-carousel .ids-carousel__button-prev::before,
64
- .ids-carousel .ids-carousel__button-next::before {
64
+ .ids-carousel .ids-carousel__button-prev:before,
65
+ .ids-carousel .ids-carousel__button-next:before {
65
66
  font: icon;
66
67
  font-family: "Inera-Design-Icons" !important;
67
68
  display: block;
@@ -73,30 +74,43 @@
73
74
  text-align: center;
74
75
  color: var(--IDS-CAROUSEL-ICON__COLOR);
75
76
  }
77
+ .ids-carousel .ids-carousel__button-prev:hover:before,
78
+ .ids-carousel .ids-carousel__button-next:hover:before {
79
+ color: var(--IDS-CAROUSEL-ICON__HOVER-COLOR);
80
+ }
81
+ .ids-carousel .ids-carousel__button-prev:active:before,
82
+ .ids-carousel .ids-carousel__button-next:active:before {
83
+ color: var(--IDS-CAROUSEL-ICON__ACTIVE-COLOR);
84
+ }
76
85
  .ids-carousel .ids-carousel__button-prev.ids-carousel__button-next--mobile, .ids-carousel .ids-carousel__button-prev.ids-carousel__button-prev--mobile,
77
86
  .ids-carousel .ids-carousel__button-next.ids-carousel__button-next--mobile,
78
87
  .ids-carousel .ids-carousel__button-next.ids-carousel__button-prev--mobile {
79
88
  display: flex;
80
89
  }
81
- .ids-carousel .ids-carousel__button-prev.ids-carousel__button-next--mobile::before, .ids-carousel .ids-carousel__button-prev.ids-carousel__button-prev--mobile::before,
82
- .ids-carousel .ids-carousel__button-next.ids-carousel__button-next--mobile::before,
83
- .ids-carousel .ids-carousel__button-next.ids-carousel__button-prev--mobile::before {
90
+ .ids-carousel .ids-carousel__button-prev.ids-carousel__button-next--mobile:before, .ids-carousel .ids-carousel__button-prev.ids-carousel__button-prev--mobile:before,
91
+ .ids-carousel .ids-carousel__button-next.ids-carousel__button-next--mobile:before,
92
+ .ids-carousel .ids-carousel__button-next.ids-carousel__button-prev--mobile:before {
84
93
  font-size: 1.25rem;
85
94
  color: var(--IDS-CAROUSEL-ICON__COLOR-MOBILE);
86
95
  }
87
- .ids-carousel .ids-carousel__button-prev.ids-carousel__button-prev--mobile::before,
88
- .ids-carousel .ids-carousel__button-next.ids-carousel__button-prev--mobile::before {
96
+ .ids-carousel .ids-carousel__button-prev.ids-carousel__button-next--mobile:focus-visible, .ids-carousel .ids-carousel__button-prev.ids-carousel__button-prev--mobile:focus-visible,
97
+ .ids-carousel .ids-carousel__button-next.ids-carousel__button-next--mobile:focus-visible,
98
+ .ids-carousel .ids-carousel__button-next.ids-carousel__button-prev--mobile:focus-visible {
99
+ outline-color: var(--IDS-FOCUS__OUTLINE--LIGHT-COLOR) !important;
100
+ }
101
+ .ids-carousel .ids-carousel__button-prev.ids-carousel__button-prev--mobile:before,
102
+ .ids-carousel .ids-carousel__button-next.ids-carousel__button-prev--mobile:before {
89
103
  left: 0;
90
104
  }
91
- .ids-carousel .ids-carousel__button-prev.ids-carousel__button-next--mobile::before,
92
- .ids-carousel .ids-carousel__button-next.ids-carousel__button-next--mobile::before {
105
+ .ids-carousel .ids-carousel__button-prev.ids-carousel__button-next--mobile:before,
106
+ .ids-carousel .ids-carousel__button-next.ids-carousel__button-next--mobile:before {
93
107
  right: 0.125rem;
94
108
  }
95
- .ids-carousel .ids-carousel__button-prev::before {
109
+ .ids-carousel .ids-carousel__button-prev:before {
96
110
  content: "\e937";
97
111
  left: 0.25rem;
98
112
  }
99
- .ids-carousel .ids-carousel__button-next::before {
113
+ .ids-carousel .ids-carousel__button-next:before {
100
114
  content: "\e938";
101
115
  right: 0.25rem;
102
116
  }
@@ -105,10 +119,8 @@
105
119
  justify-content: center;
106
120
  align-items: center;
107
121
  background-color: var(--IDS-CAROUSEL-ICON__BACKGROUND-COLOR);
108
- box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.3);
109
122
  height: 3rem;
110
123
  width: 1.6875rem;
111
- box-shadow: rgba(0, 0, 0, 0.3) 0 0;
112
124
  }
113
125
  .ids-carousel .ids-carousel-btn__inner .ids-icon {
114
126
  width: 1rem;
@@ -131,6 +143,14 @@
131
143
  .ids-carousel .ids-carousel__button-next .ids-icon {
132
144
  padding-left: 0.313rem;
133
145
  }
146
+ .ids-carousel .ids-carousel__button-prev:hover .ids-carousel-btn__inner,
147
+ .ids-carousel .ids-carousel__button-next:hover .ids-carousel-btn__inner {
148
+ background-color: var(--IDS-CAROUSEL-ICON__HOVER-BACKGROUND-COLOR);
149
+ }
150
+ .ids-carousel .ids-carousel__button-prev:active .ids-carousel-btn__inner,
151
+ .ids-carousel .ids-carousel__button-next:active .ids-carousel-btn__inner {
152
+ background-color: var(--IDS-CAROUSEL-ICON__ACTIVE-BACKGROUND-COLOR);
153
+ }
134
154
  @media only screen and (min-width: 1024px) {
135
155
  .ids-carousel .ids-carousel-content {
136
156
  width: calc(100% - 6.25rem);
@@ -160,6 +180,7 @@
160
180
  width: 100%;
161
181
  z-index: 1;
162
182
  transition: left 0.5s ease-in-out;
183
+ opacity: 0;
163
184
  }
164
185
  .ids-carousel {
165
186
  /* Display the initial item and bring it to the front using 'z-index'. These styles also apply to the 'active' item. */
@@ -172,18 +193,21 @@
172
193
  position: relative;
173
194
  z-index: 2;
174
195
  left: 0;
196
+ opacity: 1;
175
197
  }
176
198
  .ids-carousel .ids-carousel-item-wrapper.prev,
177
199
  .ids-carousel .ids-carousel-item-wrapper.next,
178
200
  .ids-carousel ::slotted(.ids-carousel-item-wrapper.prev),
179
201
  .ids-carousel ::slotted(.ids-carousel-item-wrapper.next) {
180
202
  z-index: 2;
203
+ opacity: 1;
181
204
  }
182
205
  .ids-carousel .ids-carousel-item-wrapper.prev,
183
206
  .ids-carousel .ids-carousel-item-wrapper.next,
184
207
  .ids-carousel ::slotted(.ids-carousel-item-wrapper.prev),
185
208
  .ids-carousel ::slotted(.ids-carousel-item-wrapper.next) {
186
209
  z-index: 2;
210
+ opacity: 1;
187
211
  }
188
212
  .ids-carousel .animating-right .ids-carousel-item-wrapper.prev,
189
213
  .ids-carousel .animating-right ::slotted(.ids-carousel-item-wrapper.prev) {
@@ -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-data-table table{border:.063rem solid var(--IDS-DATA-TABLE__CELL-BORDER_COLOR);border-collapse:separate;border-radius:var(--IDS-DATA-TABLE__BORDER-RADIUS);border-spacing:0;margin:1.25rem auto 3.125rem;overflow:visible;width:100%}.ids-data-table td,.ids-data-table th{border-bottom:.063rem solid var(--IDS-DATA-TABLE__CELL-BORDER_COLOR);border-right:none;line-height:1.25rem;padding:.5rem;position:relative;text-align:left;white-space:nowrap}.ids-data-table td:first-child,.ids-data-table th:first-child{padding-left:1rem}.ids-data-table td:last-child,.ids-data-table th:last-child{padding-right:1rem}.ids-data-table td.ids-data-table__col--wide,.ids-data-table th.ids-data-table__col--wide{width:30em}.ids-data-table td .ids-data-table__icon,.ids-data-table th .ids-data-table__icon{color:var(--IDS-DATA-TABLE__ICON-COLOR);margin-bottom:-.125rem;margin-left:.5rem}.ids-data-table td:hover .ids-data-table__icon,.ids-data-table th:hover .ids-data-table__icon{color:var(--IDS-DATA-TABLE__ICON-HOVER-COLOR)}.ids-data-table th{background-color:var(--IDS-DATA-TABLE__HEAD-BACKGROUND_COLOR);border-bottom:.125rem solid var(--IDS-DATA-TABLE__CELL-BORDER_COLOR);color:var(--IDS-DATA-TABLE__HEAD-COLOR);cursor:pointer;font-family:var(--IDS-DATA-TABLE__HEAD-FONT-FAMILY);font-weight:700}.ids-data-table th:not(:first-child):not(:last-child){padding:.75rem .5rem}.ids-data-table th:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.313rem!important;z-index:2}.ids-data-table thead tr{border-top-right-radius:var(--IDS-DATA-TABLE__BORDER-TOP-RADIUS)}.ids-data-table thead tr,.ids-data-table thead tr th:first-child{border-top-left-radius:var(--IDS-DATA-TABLE__BORDER-TOP-RADIUS)}.ids-data-table thead tr th:last-child{border-top-right-radius:var(--IDS-DATA-TABLE__BORDER-TOP-RADIUS)}.ids-data-table tbody tr{border-bottom:.063rem solid var(--IDS-DATA-TABLE__CELL-BORDER_COLOR)}.ids-data-table tbody tr td{color:var(--IDS-DATA-TABLE__CELL-COLOR)}.ids-data-table tbody tr:focus{outline:none}.ids-data-table tbody tr[selected]{background-color:var(--IDS-DATA-TABLE__ROW--SELECTED__COLOR)}.ids-data-table tbody tr:last-child{border-bottom-left-radius:var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS);border-bottom-right-radius:var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS)}.ids-data-table tbody tr:last-child td{border-bottom:none}.ids-data-table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS)}.ids-data-table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS)}.ids-data-table.ids-data-table--interactive tbody tr:hover{background-color:var(--IDS-DATA-TABLE__ROW--SELECTED__COLOR);cursor:pointer;position:relative;z-index:2}.ids-data-table.ids-data-table--interactive tbody tr:focus{background-color:var(--IDS-DATA-TABLE__ROW--SELECTED__COLOR);outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.25rem!important}.ids-data-table.ids-data-table--interactive tbody tr:focus:last-child{border-radius:0 0 var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS) var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS)}.ids-data-table.ids-data-table--empty td{padding:1em}.ids-data-table.ids-data-table--empty .empty-message{text-align:left}.ids-data-table.ids-data-table--empty .empty-message:focus{outline:none}@media (max-width:1024px){.ids-data-table table{width:100%}}@media (max-width:640px){.ids-data-table .ids-data-table__col--wide{width:auto}}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-data-table table{border:.063rem solid var(--IDS-DATA-TABLE__CELL-BORDER_COLOR);border-collapse:separate;border-radius:var(--IDS-DATA-TABLE__BORDER-RADIUS);border-spacing:0;margin:1.25rem auto 3.125rem;overflow:visible;width:100%}.ids-data-table td,.ids-data-table th{border-bottom:.063rem solid var(--IDS-DATA-TABLE__CELL-BORDER_COLOR);border-right:none;line-height:1.25rem;padding:.5rem;position:relative;text-align:left;white-space:nowrap}.ids-data-table td:first-child,.ids-data-table th:first-child{padding-left:1rem}.ids-data-table td:last-child,.ids-data-table th:last-child{padding-right:1rem}.ids-data-table td.ids-data-table__col--wide,.ids-data-table th.ids-data-table__col--wide{width:30em}.ids-data-table td .ids-data-table__icon,.ids-data-table th .ids-data-table__icon{color:var(--IDS-DATA-TABLE__ICON-COLOR);margin-bottom:-.125rem;margin-left:.5rem}.ids-data-table td:hover .ids-data-table__icon,.ids-data-table th:hover .ids-data-table__icon{color:var(--IDS-DATA-TABLE__ICON-HOVER-COLOR)}.ids-data-table th{background-color:var(--IDS-DATA-TABLE__HEAD-BACKGROUND_COLOR);border-bottom:.125rem solid var(--IDS-DATA-TABLE__CELL-BORDER_COLOR);color:var(--IDS-DATA-TABLE__HEAD-COLOR);cursor:pointer;font-family:var(--IDS-DATA-TABLE__HEAD-FONT-FAMILY);font-weight:700}.ids-data-table th:not(:first-child):not(:last-child){padding:.75rem .5rem}.ids-data-table th:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.313rem!important;z-index:2}.ids-data-table thead tr{border-top-right-radius:var(--IDS-DATA-TABLE__BORDER-TOP-RADIUS)}.ids-data-table thead tr,.ids-data-table thead tr th:first-child{border-top-left-radius:var(--IDS-DATA-TABLE__BORDER-TOP-RADIUS)}.ids-data-table thead tr th:last-child{border-top-right-radius:var(--IDS-DATA-TABLE__BORDER-TOP-RADIUS)}.ids-data-table tbody tr{border-bottom:.063rem solid var(--IDS-DATA-TABLE__CELL-BORDER_COLOR)}.ids-data-table tbody tr td{color:var(--IDS-DATA-TABLE__CELL-COLOR)}.ids-data-table tbody tr[selected]{background-color:var(--IDS-DATA-TABLE__ROW--SELECTED__COLOR)}.ids-data-table tbody tr:last-child{border-bottom-left-radius:var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS);border-bottom-right-radius:var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS)}.ids-data-table tbody tr:last-child td{border-bottom:none}.ids-data-table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS)}.ids-data-table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS)}.ids-data-table.ids-data-table--interactive tbody tr:hover{background-color:var(--IDS-DATA-TABLE__ROW--SELECTED__COLOR);cursor:pointer;position:relative;z-index:2}.ids-data-table.ids-data-table--interactive tbody tr:focus-visible{background-color:var(--IDS-DATA-TABLE__ROW--SELECTED__COLOR);outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.25rem!important}.ids-data-table.ids-data-table--interactive tbody tr:focus-visible:last-child{border-radius:0 0 var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS) var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS)}.ids-data-table.ids-data-table--empty td{padding:1em}.ids-data-table.ids-data-table--empty .empty-message{text-align:left}@media (max-width:1024px){.ids-data-table table{width:100%}}@media (max-width:640px){.ids-data-table .ids-data-table__col--wide{width:auto}}";
4
4
 
5
5
  var dataTableLit = css`${unsafeCSS(css_248z)}`;
6
6
 
@@ -77,8 +77,8 @@
77
77
  .ids-data-table th:not(:first-child):not(:last-child) {
78
78
  padding: 0.75rem 0.5rem 0.75rem 0.5rem;
79
79
  }
80
- .ids-data-table th:focus {
81
- outline: var(--IDS-FOCUS__OUTLINE);
80
+ .ids-data-table th:focus-visible {
81
+ outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
82
82
  outline-offset: -0.313rem !important;
83
83
  z-index: 2;
84
84
  }
@@ -98,9 +98,6 @@
98
98
  .ids-data-table tbody tr td {
99
99
  color: var(--IDS-DATA-TABLE__CELL-COLOR);
100
100
  }
101
- .ids-data-table tbody tr:focus {
102
- outline: none;
103
- }
104
101
  .ids-data-table tbody tr[selected] {
105
102
  background-color: var(--IDS-DATA-TABLE__ROW--SELECTED__COLOR);
106
103
  }
@@ -123,12 +120,12 @@
123
120
  background-color: var(--IDS-DATA-TABLE__ROW--SELECTED__COLOR);
124
121
  cursor: pointer;
125
122
  }
126
- .ids-data-table.ids-data-table--interactive tbody tr:focus {
127
- outline: var(--IDS-FOCUS__OUTLINE);
123
+ .ids-data-table.ids-data-table--interactive tbody tr:focus-visible {
124
+ outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
128
125
  outline-offset: -0.25rem !important;
129
126
  background-color: var(--IDS-DATA-TABLE__ROW--SELECTED__COLOR);
130
127
  }
131
- .ids-data-table.ids-data-table--interactive tbody tr:focus:last-child {
128
+ .ids-data-table.ids-data-table--interactive tbody tr:focus-visible:last-child {
132
129
  border-radius: 0 0 var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS) var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS);
133
130
  }
134
131
  .ids-data-table.ids-data-table--empty td {
@@ -137,9 +134,6 @@
137
134
  .ids-data-table.ids-data-table--empty .empty-message {
138
135
  text-align: left;
139
136
  }
140
- .ids-data-table.ids-data-table--empty .empty-message:focus {
141
- outline: none;
142
- }
143
137
  @media (max-width: 1024px) {
144
138
  .ids-data-table table {
145
139
  width: 100%;
@@ -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-dialog{align-items:flex-start;background-color:var(--IDS-DIALOG__BACKGROUND-COLOR);border:var(--IDS-DIALOG__BORDER-WIDTH) solid var(--IDS-DIALOG__BORDER-COLOR);border-radius:var(--IDS-DIALOG__BORDER-RADIUS);box-shadow:var(--IDS-BOX-SHADOW);box-sizing:border-box;color:var(--IDS-DIALOG__COLOR);display:flex;flex-direction:column;left:50%;max-height:calc(100% - 10rem);max-width:calc(100% - 3.75rem);padding:2.5rem 1.875rem;position:fixed;text-align:left;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:200}@media (max-width:1024px){.ids-dialog{padding:2.5rem 1.25rem}}@media (max-width:640px){.ids-dialog{max-height:calc(100% - 5rem);width:calc(100% - 3.75rem)}}.ids-dialog.ids-dialog--hidden{display:none}.ids-dialog .ids-dialog__dismissible{padding-bottom:.25rem;padding-left:.25rem;position:absolute;right:1rem;top:.75rem}@media (max-width:1024px){.ids-dialog .ids-dialog__dismissible{right:.5rem}}.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button{background:none;border:none;color:inherit;font:inherit;min-height:1.5rem;min-width:1.5rem;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.375rem!important}.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button{align-items:center;border-radius:100%;cursor:pointer;display:flex;height:1.25rem;justify-content:center;position:relative;width:1.25rem}.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e916\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;pointer-events:none;position:absolute}.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:active:before,.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:focus:before,.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:hover:before{color:var(--IDS-ICON--ACTIVE-HOVER-COLOR)}.ids-dialog .ids-dialog__body::-webkit-scrollbar{width:.625rem}.ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-dialog .ids-dialog__body::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-dialog .ids-dialog__body::-webkit-scrollbar-corner{background-color:transparent}.ids-dialog .ids-dialog__body{box-sizing:content-box;height:100%;overflow-y:auto;padding:0 .25rem;width:-webkit-fill-available;width:-moz-available}.ids-dialog .ids-dialog__body.ids-dialog__body--scroll-area-focus:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-dialog .ids-dialog__body.ids-dialog__body--has-scrollbar{margin-right:-.4375rem;padding-right:1.25rem}.ids-dialog .ids-dialog__body .ids-dialog__body-headline{align-self:center;margin:0}@media (max-width:1024px){.ids-dialog .ids-dialog__body .ids-dialog__body-headline{padding-top:0}}.ids-dialog .ids-dialog__body .ids-dialog__body-content{margin-top:1.25rem}.ids-dialog .ids-dialog__footer{margin-top:1.875rem}.ids-dialog .ids-dialog__footer,.ids-dialog ::slotted([slot=actions]){align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;padding-bottom:.25rem;width:100%}@media (max-width:1024px){.ids-dialog .ids-dialog__footer,.ids-dialog ::slotted([slot=actions]){flex-direction:column;gap:1.25rem}}.ids-dialog-overlay{background-color:var(--IDS-OVERLAY__BACKGROUND-COLOR);bottom:0;left:0;position:fixed;right:0;top:0;z-index:200}.ids-dialog-overlay.ids-dialog-overlay--hidden{display:none}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-dialog{align-items:flex-start;background-color:var(--IDS-DIALOG__BACKGROUND-COLOR);border:var(--IDS-DIALOG__BORDER-WIDTH) solid var(--IDS-DIALOG__BORDER-COLOR);border-radius:var(--IDS-DIALOG__BORDER-RADIUS);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);box-sizing:border-box;color:var(--IDS-DIALOG__COLOR);display:flex;flex-direction:column;left:50%;max-height:calc(100% - 10rem);max-width:calc(100% - 3.75rem);padding:2.5rem 1.875rem;position:fixed;text-align:left;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:200}@media (max-width:1024px){.ids-dialog{padding:2.5rem 1.25rem}}@media (max-width:640px){.ids-dialog{max-height:calc(100% - 5rem);width:calc(100% - 3.75rem)}}.ids-dialog.ids-dialog--hidden{display:none}.ids-dialog .ids-dialog__dismissible{padding-bottom:.25rem;padding-left:.25rem;position:absolute;right:1rem;top:.75rem}@media (max-width:1024px){.ids-dialog .ids-dialog__dismissible{right:.5rem}}.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button{background:none;border:none;color:inherit;font:inherit;min-height:1.5rem;min-width:1.5rem;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.375rem!important}.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button{align-items:center;border-radius:100%;cursor:pointer;display:flex;height:1.25rem;justify-content:center;position:relative;width:1.25rem}.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e916\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;pointer-events:none;position:absolute}.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:hover:before{color:var(--IDS-ICON--ACTIVE-HOVER-COLOR)}.ids-dialog .ids-dialog__body::-webkit-scrollbar{width:.625rem}.ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-dialog .ids-dialog__body::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-dialog .ids-dialog__body::-webkit-scrollbar-corner{background-color:transparent}.ids-dialog .ids-dialog__body{box-sizing:content-box;height:100%;margin-right:-.4375rem;overflow-y:auto;padding:0 .75rem 0 .25rem;width:-webkit-fill-available;width:-moz-available}.ids-dialog .ids-dialog__body.ids-dialog__body--scroll-area-focus:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-dialog .ids-dialog__body .ids-dialog__body-headline{align-self:center;margin:0}@media (max-width:1024px){.ids-dialog .ids-dialog__body .ids-dialog__body-headline{padding-top:0}}.ids-dialog .ids-dialog__body .ids-dialog__body-content{margin-top:1.25rem}.ids-dialog .ids-dialog__footer{margin-top:1.875rem}.ids-dialog .ids-dialog__footer,.ids-dialog ::slotted([slot=actions]){align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;padding-bottom:.25rem;width:100%}@media (max-width:1024px){.ids-dialog .ids-dialog__footer,.ids-dialog ::slotted([slot=actions]){flex-direction:column;gap:1.25rem}}.ids-dialog-overlay{background-color:var(--IDS-OVERLAY__BACKGROUND-COLOR);bottom:0;left:0;position:fixed;right:0;top:0;z-index:200}.ids-dialog-overlay.ids-dialog-overlay--hidden{display:none}";
4
4
 
5
5
  var dialogLit = css`${unsafeCSS(css_248z)}`;
6
6
 
@@ -41,7 +41,7 @@
41
41
  -ms-transform: translateX(-50%) translateY(-50%);
42
42
  transform: translateX(-50%) translateY(-50%);
43
43
  background-color: var(--IDS-DIALOG__BACKGROUND-COLOR);
44
- box-shadow: var(--IDS-BOX-SHADOW);
44
+ box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-2);
45
45
  border-radius: var(--IDS-DIALOG__BORDER-RADIUS);
46
46
  padding: 2.5rem 1.875rem;
47
47
  max-height: calc(100% - 10rem);
@@ -90,8 +90,8 @@
90
90
  -ms-user-select: none;
91
91
  user-select: none;
92
92
  }
93
- .ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:focus {
94
- outline: var(--IDS-FOCUS__OUTLINE);
93
+ .ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:focus-visible {
94
+ outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
95
95
  outline-offset: 0.375rem !important;
96
96
  }
97
97
  .ids-dialog .ids-dialog__dismissible .ids-dialog__close-button {
@@ -116,7 +116,7 @@
116
116
  font-size: 1.25rem;
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 {
119
+ .ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:hover:before {
120
120
  color: var(--IDS-ICON--ACTIVE-HOVER-COLOR);
121
121
  }
122
122
  .ids-dialog .ids-dialog__body::-webkit-scrollbar {
@@ -141,21 +141,18 @@
141
141
  background-color: transparent;
142
142
  }
143
143
  .ids-dialog .ids-dialog__body {
144
- padding: 0 0.25rem;
144
+ padding: 0 0.75rem 0 0.25rem;
145
+ margin-right: -0.4375rem;
145
146
  height: 100%;
146
147
  box-sizing: content-box;
147
148
  overflow-y: auto;
148
149
  width: -webkit-fill-available;
149
150
  width: -moz-available;
150
151
  }
151
- .ids-dialog .ids-dialog__body.ids-dialog__body--scroll-area-focus:focus {
152
- outline: var(--IDS-FOCUS__OUTLINE);
152
+ .ids-dialog .ids-dialog__body.ids-dialog__body--scroll-area-focus:focus-visible {
153
+ outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
153
154
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
154
155
  }
155
- .ids-dialog .ids-dialog__body.ids-dialog__body--has-scrollbar {
156
- padding-right: 1.25rem;
157
- margin-right: -0.4375rem;
158
- }
159
156
  .ids-dialog .ids-dialog__body .ids-dialog__body-headline {
160
157
  margin: 0;
161
158
  align-self: center;
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}@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)}";
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-ELEVATED-2);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-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);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;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;padding:.375rem .75rem!important;text-align:left;text-decoration:none!important;white-space:normal!important}.ids-dropdown-content .ids-dropdown-content__button:hover,.ids-dropdown-content .ids-dropdown-content__link:hover,.ids-dropdown-content ::slotted(a:hover),.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)}.ids-dropdown-content .ids-dropdown-content__button:active,.ids-dropdown-content .ids-dropdown-content__link:active,.ids-dropdown-content ::slotted(a:active),.ids-dropdown-content ::slotted(button:active){background-color:var(--IDS-DROPDOWN__LINK-ACTIVE-BACKGROUND-COLOR);color:var(--IDS-DROPDOWN__LINK-HOVER-COLOR)}.ids-dropdown-content .ids-dropdown-content__button:focus-visible,.ids-dropdown-content .ids-dropdown-content__link:focus-visible,.ids-dropdown-content ::slotted(a:focus-visible),.ids-dropdown-content ::slotted(button:focus-visible),.ids-dropdown-content a:focus-visible,.ids-dropdown-content button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE);outline-color:var(--IDS-DROPDOWN__LINK-HOVER-BACKGROUND-COLOR)!important;outline-offset:-.125rem!important}";
4
4
 
5
5
  var dropdownLit = css`
6
6
  ${unsafeCSS(css_248z)}
@@ -49,7 +49,6 @@
49
49
  border-radius: var(--IDS-BORDER-RADIUS);
50
50
  border: 0.063rem solid var(--IDS-DROPDOWN__BORDER-COLOR);
51
51
  background-color: var(--IDS-DROPDOWN__CONTENT-BACKGROUND-COLOR);
52
- box-shadow: var(--IDS-BOX-SHADOW);
53
52
  padding: 0.5rem;
54
53
  left: 0;
55
54
  right: auto;
@@ -60,12 +59,13 @@
60
59
  width: auto;
61
60
  max-width: fit-content;
62
61
  flex-direction: column;
62
+ box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-2);
63
63
  }
64
64
  .ids-dropdown-content.ids-dropdown-content--show {
65
65
  display: flex;
66
66
  }
67
- .ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area:focus {
68
- outline: var(--IDS-FOCUS__OUTLINE);
67
+ .ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area:focus-visible {
68
+ outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
69
69
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
70
70
  }
71
71
  .ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area {
@@ -118,8 +118,6 @@
118
118
  font-weight: 400 !important;
119
119
  line-height: 1.5rem !important;
120
120
  padding: 0.375rem 0.75rem !important;
121
- outline-offset: -0.25rem !important;
122
- outline-color: var(--IDS-DROPDOWN__LINK-OUTLINE-COLOR) !important;
123
121
  text-decoration: none !important;
124
122
  text-align: left;
125
123
  white-space: normal !important;
@@ -139,8 +137,6 @@
139
137
  font-weight: 400 !important;
140
138
  line-height: 1.5rem !important;
141
139
  padding: 0.375rem 0.75rem !important;
142
- outline-offset: -0.25rem !important;
143
- outline-color: var(--IDS-DROPDOWN__LINK-OUTLINE-COLOR) !important;
144
140
  text-decoration: none !important;
145
141
  text-align: left;
146
142
  white-space: normal !important;
@@ -149,14 +145,27 @@
149
145
  align-items: flex-start !important;
150
146
  }
151
147
  .ids-dropdown-content ::slotted(a:hover),
152
- .ids-dropdown-content ::slotted(a:focus),
153
148
  .ids-dropdown-content ::slotted(button:hover),
154
- .ids-dropdown-content ::slotted(button:focus),
155
149
  .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 {
150
+ .ids-dropdown-content .ids-dropdown-content__button:hover {
159
151
  color: var(--IDS-DROPDOWN__LINK-HOVER-COLOR);
160
152
  background-color: var(--IDS-DROPDOWN__LINK-HOVER-BACKGROUND-COLOR);
161
153
  border-radius: var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);
154
+ }
155
+ .ids-dropdown-content ::slotted(a:active),
156
+ .ids-dropdown-content ::slotted(button:active),
157
+ .ids-dropdown-content .ids-dropdown-content__link:active,
158
+ .ids-dropdown-content .ids-dropdown-content__button:active {
159
+ color: var(--IDS-DROPDOWN__LINK-HOVER-COLOR);
160
+ background-color: var(--IDS-DROPDOWN__LINK-ACTIVE-BACKGROUND-COLOR);
161
+ }
162
+ .ids-dropdown-content a:focus-visible,
163
+ .ids-dropdown-content button:focus-visible,
164
+ .ids-dropdown-content ::slotted(a:focus-visible),
165
+ .ids-dropdown-content ::slotted(button:focus-visible),
166
+ .ids-dropdown-content .ids-dropdown-content__link:focus-visible,
167
+ .ids-dropdown-content .ids-dropdown-content__button:focus-visible {
168
+ outline: var(--IDS-FOCUS__OUTLINE);
169
+ outline-offset: -0.125rem !important;
170
+ outline-color: var(--IDS-DROPDOWN__LINK-HOVER-BACKGROUND-COLOR) !important;
162
171
  }
@@ -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}}: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}}";
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-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-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-line-height-body-text);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}.ids-footer-1177 .ids-footer-1177__sub-footer ::slotted(button),.ids-footer-1177 .ids-footer-1177__sub-footer button{background:none;border:none;border-radius:.0625rem;box-sizing:border-box;color:inherit;color:var(--IDS-LINK--COLOR-PRESET-3__COLOR);cursor:pointer;display:inline-block!important;font:inherit;font-family:var(--IDS-LINK__FONT-FAMILY);font-size:.875rem!important;line-height:1.25rem!important;outline:inherit;padding:0;text-align:left;text-decoration:underline;text-underline-offset:.125rem;width:auto}.ids-footer-1177 .ids-footer-1177__sub-footer ::slotted(button:focus-visible),.ids-footer-1177 .ids-footer-1177__sub-footer button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE--LIGHT-COLOR)!important}@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;position:relative;z-index:4}.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(a){display:block;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(a),.ids-footer-1177 .ids-footer-1177__mobile-links a{display:block;font-size:1rem!important;line-height:1.5rem!important;width:100%}.ids-footer-1177 .ids-footer-1177__mobile-links ::slotted(button),.ids-footer-1177 .ids-footer-1177__mobile-links button{font-size:1rem!important;line-height:1.5rem!important}@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);top:-1.875rem;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;width:100%}.ids-footer-1177 .ids-footer-1177__sub-footer:before{background-image:var(--IDS-FOOTER-1177-SUB__BEFORE);top:-1.8125rem;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