@inera/ids-design 8.0.0 → 8.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (161) hide show
  1. package/components/accordion/accordion-lit.js +1 -1
  2. package/components/accordion/accordion.css +35 -175
  3. package/components/alert/alert-lit.js +1 -1
  4. package/components/alert/alert.css +28 -138
  5. package/components/badge/badge-lit.js +1 -1
  6. package/components/badge/badge.css +1 -1
  7. package/components/box-link/box-link-lit.js +1 -1
  8. package/components/box-link/box-link.css +94 -39
  9. package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
  10. package/components/breadcrumbs/breadcrumbs.css +1 -0
  11. package/components/card/card-lit.js +1 -1
  12. package/components/card/card.css +34 -128
  13. package/components/carousel/carousel-item-lit.js +1 -1
  14. package/components/carousel/carousel-item.css +10 -122
  15. package/components/carousel/carousel-lit.js +1 -1
  16. package/components/carousel/carousel.css +36 -17
  17. package/components/data-table/data-table-lit.js +1 -1
  18. package/components/data-table/data-table.css +5 -11
  19. package/components/dialog/dialog-lit.js +1 -1
  20. package/components/dialog/dialog.css +8 -11
  21. package/components/dropdown/dropdown-lit.js +1 -1
  22. package/components/dropdown/dropdown.css +21 -12
  23. package/components/footer-1177/footer-1177-lit.js +1 -1
  24. package/components/footer-1177/footer-1177.css +48 -125
  25. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  26. package/components/footer-1177-admin/footer-1177-admin.css +47 -140
  27. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  28. package/components/footer-1177-pro/footer-1177-pro.css +47 -140
  29. package/components/footer-inera/footer-inera-lit.js +1 -1
  30. package/components/footer-inera/footer-inera.css +42 -123
  31. package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
  32. package/components/footer-inera-admin/footer-inera-admin.css +47 -132
  33. package/components/form/group/group-lit.js +1 -1
  34. package/components/form/group/group.css +10 -113
  35. package/components/form/range/range-lit.js +1 -1
  36. package/components/form/range/range.css +40 -119
  37. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  38. package/components/form/select-multiple/select-multiple.css +27 -5
  39. package/components/global-alert/global-alert-lit.js +1 -1
  40. package/components/global-alert/global-alert.css +55 -161
  41. package/components/grid/container/container-lit.js +1 -1
  42. package/components/grid/container/container.css +1 -1
  43. package/components/header-1177/composite-header-1177.css +612 -842
  44. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  45. package/components/header-1177/header-1177-avatar.css +57 -156
  46. package/components/header-1177/header-1177-item-lit.js +1 -1
  47. package/components/header-1177/header-1177-item.css +366 -139
  48. package/components/header-1177/header-1177-lit.js +1 -1
  49. package/components/header-1177/header-1177-menu-mobile-lit.js +1 -1
  50. package/components/header-1177/header-1177-menu-mobile.css +14 -4
  51. package/components/header-1177/header-1177-nav-item-lit.js +1 -1
  52. package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
  53. package/components/header-1177/header-1177-nav-item-mobile.css +40 -116
  54. package/components/header-1177/header-1177-nav-item.css +102 -416
  55. package/components/header-1177/header-1177-nav-lit.js +1 -1
  56. package/components/header-1177/header-1177-nav.css +20 -1
  57. package/components/header-1177/header-1177-region-picker-lit.js +1 -1
  58. package/components/header-1177/header-1177-region-picker-mobile-lit.js +1 -1
  59. package/components/header-1177/header-1177-region-picker-mobile.css +3 -2
  60. package/components/header-1177/header-1177-region-picker.css +3 -2
  61. package/components/header-1177/header-1177.css +19 -17
  62. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  63. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
  64. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +8 -12
  65. package/components/header-1177-admin/header-1177-admin-avatar.css +29 -132
  66. package/components/header-1177-admin/header-1177-admin-item-lit.js +1 -1
  67. package/components/header-1177-admin/header-1177-admin-item.css +307 -122
  68. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  69. package/components/header-1177-admin/header-1177-admin-menu-mobile-lit.js +1 -1
  70. package/components/header-1177-admin/header-1177-admin-menu-mobile.css +14 -4
  71. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
  72. package/components/header-1177-admin/header-1177-admin-nav-item.css +108 -436
  73. package/components/header-1177-admin/header-1177-admin.css +33 -33
  74. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  75. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
  76. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +8 -13
  77. package/components/header-1177-pro/header-1177-pro-avatar.css +25 -128
  78. package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
  79. package/components/header-1177-pro/header-1177-pro-item.css +338 -141
  80. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  81. package/components/header-1177-pro/header-1177-pro-menu-mobile-lit.js +1 -1
  82. package/components/header-1177-pro/header-1177-pro-menu-mobile.css +14 -4
  83. package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
  84. package/components/header-1177-pro/header-1177-pro-nav-item.css +112 -386
  85. package/components/header-1177-pro/header-1177-pro-nav-lit.js +1 -1
  86. package/components/header-1177-pro/header-1177-pro-nav.css +10 -0
  87. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  88. package/components/header-1177-pro/header-1177-pro-region-picker-mobile-lit.js +1 -1
  89. package/components/header-1177-pro/header-1177-pro-region-picker-mobile.css +4 -4
  90. package/components/header-1177-pro/header-1177-pro-region-picker.css +3 -2
  91. package/components/header-1177-pro/header-1177-pro.css +35 -33
  92. package/components/header-inera/header-inera-item-lit.js +1 -1
  93. package/components/header-inera/header-inera-item.css +92 -53
  94. package/components/header-inera/header-inera-lit.js +1 -1
  95. package/components/header-inera/header-inera-menu-mobile-lit.js +1 -1
  96. package/components/header-inera/header-inera-menu-mobile.css +18 -4
  97. package/components/header-inera/header-inera-nav-item-lit.js +1 -1
  98. package/components/header-inera/header-inera-nav-item.css +51 -70
  99. package/components/header-inera/header-inera.css +12 -9
  100. package/components/header-inera-admin/composite-header-inera-admin.css +241 -320
  101. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  102. package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +1 -1
  103. package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +9 -12
  104. package/components/header-inera-admin/header-inera-admin-avatar.css +25 -128
  105. package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
  106. package/components/header-inera-admin/header-inera-admin-item.css +101 -53
  107. package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
  108. package/components/header-inera-admin/header-inera-admin-menu-mobile-lit.js +1 -1
  109. package/components/header-inera-admin/header-inera-admin-menu-mobile.css +61 -58
  110. package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
  111. package/components/header-inera-admin/header-inera-admin-nav-item.css +52 -76
  112. package/components/header-inera-admin/header-inera-admin.css +5 -5
  113. package/components/header-patient/header-patient-lit.js +1 -1
  114. package/components/header-patient/header-patient.css +27 -126
  115. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  116. package/components/mobile-menu/mobile-menu.css +311 -435
  117. package/components/navigation/content/navigation-content-lit.js +1 -1
  118. package/components/navigation/content/navigation-content.css +15 -149
  119. package/components/navigation/local/navigation-local-lit.js +1 -1
  120. package/components/navigation/local/navigation-local.css +10 -14
  121. package/components/notification-badge/notification-badge-lit.js +1 -1
  122. package/components/notification-badge/notification-badge.css +1 -0
  123. package/components/pagination/data-pagination/data-pagination-lit.js +1 -1
  124. package/components/pagination/data-pagination/data-pagination.css +107 -131
  125. package/components/pagination/list-pagination/list-pagination-lit.js +1 -1
  126. package/components/pagination/list-pagination/list-pagination.css +84 -54
  127. package/components/popover/popover-content-lit.js +1 -1
  128. package/components/popover/popover-content.css +86 -167
  129. package/components/popover/popover-lit.js +1 -1
  130. package/components/popover/popover.css +2 -2
  131. package/components/progressbar/progressbar-lit.js +1 -1
  132. package/components/progressbar/progressbar.css +10 -113
  133. package/components/puff-list/puff-list-lit.js +1 -1
  134. package/components/puff-list/puff-list.css +89 -216
  135. package/components/side-menu/side-menu-lit.js +1 -1
  136. package/components/side-menu/side-menu.css +66 -74
  137. package/components/side-panel/side-panel-lit.js +1 -1
  138. package/components/side-panel/side-panel.css +23 -19
  139. package/components/stepper/stepper-lit.js +1 -1
  140. package/components/stepper/stepper.css +19 -146
  141. package/components/tabs/tab-lit.js +1 -1
  142. package/components/tabs/tab.css +5 -5
  143. package/components/tabs/tabs-lit.js +2 -2
  144. package/components/tabs/tabs.css +0 -2
  145. package/components/tag/tag-lit.js +1 -1
  146. package/components/tag/tag.css +12 -7
  147. package/components/tooltip/tooltip-lit.js +1 -1
  148. package/components/tooltip/tooltip.css +8 -9
  149. package/global/global.css +919 -729
  150. package/global/icons/Inera-Design-Icons.eot +0 -0
  151. package/global/icons/Inera-Design-Icons.svg +14 -2
  152. package/global/icons/Inera-Design-Icons.ttf +0 -0
  153. package/global/icons/Inera-Design-Icons.woff +0 -0
  154. package/global/util/util.css +12 -2
  155. package/package.json +1 -1
  156. package/styles.css +1323 -1117
  157. package/tokens/themes/1177-admin-tokens.css +534 -138
  158. package/tokens/themes/1177-pro-tokens.css +534 -138
  159. package/tokens/themes/1177-tokens.css +534 -138
  160. package/tokens/themes/inera-admin-tokens.css +365 -81
  161. package/tokens/themes/inera-tokens.css +365 -81
@@ -25,75 +25,13 @@
25
25
  /*******
26
26
  * A11Y
27
27
  ********/
28
- :root {
28
+ .ids--light, .ids--dark {
29
29
  --IDS-FONT-FAMILY-BASE: "Open Sans";
30
30
  --IDS-FONT-FAMILY-HEADING: "Inter";
31
31
  --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
32
- --IDS-HEADING-XXL__COLOR: var(--ids-color-heading-text-xxl);
33
- --IDS-HEADING-XXL__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
34
- --IDS-HEADING-XXL__FONT-SIZE: 2rem;
35
- --IDS-HEADING-XXL__LINE-HEIGHT: 2.5rem;
36
- --IDS-HEADING-XXL__FONT-SIZE-DESKTOP: 3rem;
37
- --IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP: 3.25rem;
38
- --IDS-HEADING-XXL__FONT-WEIGHT: 700;
39
- --IDS-HEADING-XXL__LETTER-SPACING: -0.052rem;
40
- --IDS-HEADING-XXL__LETTER-SPACING-DESKTOP: -0.078rem;
41
32
  --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.875rem;
42
- --IDS-HEADING-XL__COLOR: var(--ids-color-heading-text-xl);
43
- --IDS-HEADING-XL__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
44
- --IDS-HEADING-XL__FONT-SIZE: 1.625rem;
45
- --IDS-HEADING-XL__LINE-HEIGHT: 2.125rem;
46
- --IDS-HEADING-XL__FONT-SIZE-DESKTOP: 2.25rem;
47
- --IDS-HEADING-XL__LINE-HEIGHT-DESKTOP: 2.625rem;
48
- --IDS-HEADING-XL__FONT-WEIGHT: 700;
49
- --IDS-HEADING-XL__LETTER-SPACING: -0.031rem;
50
- --IDS-HEADING-XL__LETTER-SPACING-DESKTOP: -0.063rem;
51
33
  --IDS-HEADING-XL__MARGIN-BOTTOM: 1.875rem;
52
- --IDS-HEADING-L__COLOR: var(--ids-color-heading-text-l);
53
- --IDS-HEADING-L__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
54
- --IDS-HEADING-L__FONT-SIZE-DESKTOP: 1.75rem;
55
- --IDS-HEADING-L__LINE-HEIGHT-DESKTOP: 2.25rem;
56
- --IDS-HEADING-L__FONT-SIZE: 1.5rem;
57
- --IDS-HEADING-L__LINE-HEIGHT: 1.875rem;
58
- --IDS-HEADING-L__FONT-WEIGHT: 700;
59
- --IDS-HEADING-L__LETTER-SPACING: -0.025rem;
60
- --IDS-HEADING-L__LETTER-SPACING-DESKTOP: -0.044rem;
61
34
  --IDS-HEADING-L__MARGIN-BOTTOM: 1.875rem;
62
- --IDS-HEADING-M__COLOR: var(--ids-color-heading-text-m);
63
- --IDS-HEADING-M__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
64
- --IDS-HEADING-M__FONT-SIZE: 1.375rem;
65
- --IDS-HEADING-M__LINE-HEIGHT: 1.75rem;
66
- --IDS-HEADING-M__FONT-SIZE-DESKTOP: 1.5rem;
67
- --IDS-HEADING-M__LINE-HEIGHT-DESKTOP: 1.875rem;
68
- --IDS-HEADING-M__FONT-WEIGHT: 700;
69
- --IDS-HEADING-M__LETTER-SPACING: -0.019rem;
70
- --IDS-HEADING-M__LETTER-SPACING-DESKTOP: -0.031rem;
71
- --IDS-HEADING-S__COLOR: var(--ids-color-heading-text-s);
72
- --IDS-HEADING-S__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
73
- --IDS-HEADING-S__FONT-SIZE: 1.25rem;
74
- --IDS-HEADING-S__LINE-HEIGHT: 1.5rem;
75
- --IDS-HEADING-S__FONT-SIZE-DESKTOP: 1.25rem;
76
- --IDS-HEADING-S__LINE-HEIGHT-DESKTOP: 1.5rem;
77
- --IDS-HEADING-S__FONT-WEIGHT: 700;
78
- --IDS-HEADING-S__LETTER-SPACING: -0.013rem;
79
- --IDS-HEADING-S__LETTER-SPACING-DESKTOP: -0.025rem;
80
- --IDS-HEADING-XS__COLOR: var(--ids-color-heading-text-xs);
81
- --IDS-HEADING-XS__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
82
- --IDS-HEADING-XS__FONT-SIZE: 1rem;
83
- --IDS-HEADING-XS__LINE-HEIGHT: 1.25rem;
84
- --IDS-HEADING-XS__FONT-WEIGHT: 700;
85
- --IDS-HEADING-XS__LETTER-SPACING: 0;
86
- --IDS-ANCHOR__COLOR: var(--ids-color-interactive-text-default);
87
- --IDS-ANCHOR__HOVER-COLOR: var(--ids-color-interactive-text-hover);
88
- --IDS-PREAMBLE__FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
89
- --IDS-PREAMBLE__FONT-SIZE: 1.125rem;
90
- --IDS-PREAMBLE__LINE-HEIGHT: 1.75rem;
91
- --IDS-PREAMBLE__FONT-SIZE-DESKTOP: 1.375rem;
92
- --IDS-PREAMBLE__LINE-HEIGHT-DESKTOP: 2.25rem;
93
- --IDS-BODY__FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
94
- --IDS-BODY__FONT-SIZE: 1rem;
95
- --IDS-BODY__LINE-HEIGHT: 1.5rem;
96
- --IDS-BODY--DISABLED__COLOR: var(--ids-color-interactive-text-disabled);
97
35
  --IDS-PAGE-LIST__COLOR: var(--ids-color-brand-text-primary);
98
36
  --IDS-PAGE-LIST__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
99
37
  --IDS-PAGE-LIST__FONT-SIZE: 1.25rem;
@@ -105,66 +43,25 @@
105
43
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
106
44
  --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
107
45
  }
108
- :root.ids--1177-pro, :root.ids--1177-admin {
46
+ .ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
109
47
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
110
48
  }
111
- :root.ids--inera, :root.ids--inera-admin {
49
+ .ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
112
50
  --IDS-FONT-FAMILY-BASE: "Open Sans";
113
51
  --IDS-FONT-FAMILY-HEADING: "Poppins";
114
- --IDS-HEADING-XXL__FONT-SIZE: 1.875rem;
115
- --IDS-HEADING-XXL__LINE-HEIGHT: 2.375rem;
116
- --IDS-HEADING-XXL__FONT-SIZE-DESKTOP: 2.5rem;
117
- --IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP: 3.125rem;
118
- --IDS-HEADING-XXL__FONT-WEIGHT: 600;
119
- --IDS-HEADING-XXL__LETTER-SPACING: inherit;
120
- --IDS-HEADING-XXL__LETTER-SPACING-DESKTOP: inherit;
121
52
  --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
122
- --IDS-HEADING-XL__FONT-SIZE: 1.625rem;
123
- --IDS-HEADING-XL__LINE-HEIGHT: 2rem;
124
- --IDS-HEADING-XL__FONT-SIZE-DESKTOP: 2rem;
125
- --IDS-HEADING-XL__LINE-HEIGHT-DESKTOP: 2.5rem;
126
- --IDS-HEADING-XL__FONT-WEIGHT: 600;
127
- --IDS-HEADING-XL__LETTER-SPACING: inherit;
128
- --IDS-HEADING-XL__LETTER-SPACING-DESKTOP: inherit;
129
53
  --IDS-HEADING-XL__MARGIN-BOTTOM: 1.25rem;
130
- --IDS-HEADING-L__FONT-SIZE: 1.5rem;
131
- --IDS-HEADING-L__LINE-HEIGHT: 1.875rem;
132
- --IDS-HEADING-L__FONT-SIZE-DESKTOP: 1.75rem;
133
- --IDS-HEADING-L__LINE-HEIGHT-DESKTOP: 2.25rem;
134
- --IDS-HEADING-L__FONT-WEIGHT: 600;
135
- --IDS-HEADING-L__LETTER-SPACING: inherit;
136
- --IDS-HEADING-L__LETTER-SPACING-DESKTOP: inherit;
137
54
  --IDS-HEADING-L__MARGIN-BOTTOM: 1.25rem;
138
- --IDS-HEADING-M__FONT-SIZE: 1.375rem;
139
- --IDS-HEADING-M__LINE-HEIGHT: 1.75rem;
140
- --IDS-HEADING-M__FONT-SIZE-DESKTOP: 1.5rem;
141
- --IDS-HEADING-M__LINE-HEIGHT-DESKTOP: 2rem;
142
- --IDS-HEADING-M__FONT-WEIGHT: 600;
143
- --IDS-HEADING-M__LETTER-SPACING: inherit;
144
- --IDS-HEADING-M__LETTER-SPACING-DESKTOP: inherit;
145
- --IDS-HEADING-S__FONT-SIZE: 1.25rem;
146
- --IDS-HEADING-S__LINE-HEIGHT: 1.5rem;
147
- --IDS-HEADING-S__FONT-SIZE-DESKTOP: 1.25rem;
148
- --IDS-HEADING-S__LINE-HEIGHT-DESKTOP: 1.625rem;
149
- --IDS-HEADING-S__FONT-WEIGHT: 600;
150
- --IDS-HEADING-S__LETTER-SPACING: inherit;
151
- --IDS-HEADING-S__LETTER-SPACING-DESKTOP: inherit;
152
- --IDS-HEADING-XS__FONT-SIZE: 1rem;
153
- --IDS-HEADING-XS__LINE-HEIGHT: 1.25rem;
154
- --IDS-HEADING-XS__FONT-WEIGHT: 600;
155
- --IDS-HEADING-XS__LETTER-SPACING: inherit;
156
- --IDS-BODY__LINE-HEIGHT: 1.625rem;
157
- --IDS-BODY--DISABLED__COLOR: var(--ids-color-interactive-text-disabled);
158
55
  --IDS-PAGE-LIST__FONT-WEIGHT: 600;
159
56
  --IDS-PAGE-LIST__LETTER-SPACING: 0;
160
57
  --IDS-BULLET-LIST__MARKER-FONT-WEIGHT: normal;
161
58
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
162
59
  --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
163
60
  }
164
- :root.ids--dark {
61
+ .ids--light.ids--dark, .ids--dark.ids--dark {
165
62
  --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
166
63
  }
167
- :root.ids--dark.ids--1177-pro, :root.ids--dark.ids--1177-admin, :root.ids--dark.ids--inera, :root.ids--dark.ids--inera-admin {
64
+ .ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-admin, .ids--dark.ids--dark.ids--1177-pro, .ids--dark.ids--dark.ids--1177-admin, .ids--dark.ids--dark.ids--inera, .ids--dark.ids--dark.ids--inera-admin {
168
65
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
169
66
  }
170
67
 
@@ -213,10 +110,10 @@
213
110
  .ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__text {
214
111
  font-style: normal;
215
112
  color: var(--IDS-FOOTER-1177-ADMIN__COLOR);
216
- font-family: var(--IDS-BODY__FONT-FAMILY);
217
- font-size: var(--IDS-BODY__FONT-SIZE);
218
- line-height: var(--IDS-BODY__LINE-HEIGHT);
219
- font-weight: 400;
113
+ font-family: var(--ids-font-family-body-text);
114
+ font-size: var(--ids-font-size-body-text);
115
+ line-height: var(--ids-line-height-body-text);
116
+ font-weight: var(--ids-font-weight-body-text);
220
117
  letter-spacing: 0;
221
118
  flex: 0 0 40%;
222
119
  max-width: 40%;
@@ -245,23 +142,11 @@
245
142
  .ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col ::slotted(h4) {
246
143
  font-style: normal;
247
144
  color: var(--IDS-FOOTER-1177-ADMIN__COLOR);
248
- font-family: var(--IDS-HEADING-S__FONT-FAMILY);
249
- font-size: var(--IDS-HEADING-S__FONT-SIZE);
250
- line-height: var(--IDS-HEADING-S__LINE-HEIGHT);
251
- letter-spacing: var(--IDS-HEADING-S__LETTER-SPACING);
252
- font-weight: var(--IDS-HEADING-S__FONT-WEIGHT);
253
- }
254
- @media (min-width: 1024px) {
255
- .ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col h2,
256
- .ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col h3,
257
- .ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col h4,
258
- .ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col ::slotted(h2),
259
- .ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col ::slotted(h3),
260
- .ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col ::slotted(h4) {
261
- font-size: var(--IDS-HEADING-S__FONT-SIZE-DESKTOP);
262
- line-height: var(--IDS-HEADING-S__LINE-HEIGHT-DESKTOP);
263
- letter-spacing: var(--IDS-HEADING-S__LETTER-SPACING-DESKTOP);
264
- }
145
+ font-family: var(--ids-font-family-heading);
146
+ font-size: var(--ids-font-size-heading-s);
147
+ line-height: var(--ids-font-line-height-heading-s);
148
+ letter-spacing: var(--ids-font-letter-spacing-heading-s);
149
+ font-weight: var(--ids-font-weight-heading-s);
265
150
  }
266
151
  .ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col ::slotted([slot=link-col-1]),
267
152
  .ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col ::slotted([slot=link-col-2]),
@@ -301,6 +186,31 @@
301
186
  position: relative;
302
187
  background-color: var(--IDS-FOOTER-1177-ADMIN-SUB__BACKGROUND-COLOR);
303
188
  }
189
+ .ids-footer-1177-admin .ids-footer-1177-admin__sub-footer button,
190
+ .ids-footer-1177-admin .ids-footer-1177-admin__sub-footer ::slotted(button) {
191
+ background: none;
192
+ color: inherit;
193
+ border: none;
194
+ padding: 0;
195
+ font: inherit;
196
+ cursor: pointer;
197
+ outline: inherit;
198
+ width: auto;
199
+ text-align: left;
200
+ display: inline-block !important;
201
+ font-size: 0.875rem !important;
202
+ line-height: 1.25rem !important;
203
+ font-family: var(--IDS-LINK__FONT-FAMILY);
204
+ color: var(--IDS-LINK--COLOR-PRESET-3__COLOR);
205
+ text-decoration: underline;
206
+ text-underline-offset: 0.125rem;
207
+ border-radius: 0.0625rem;
208
+ box-sizing: border-box;
209
+ }
210
+ .ids-footer-1177-admin .ids-footer-1177-admin__sub-footer button:focus-visible,
211
+ .ids-footer-1177-admin .ids-footer-1177-admin__sub-footer ::slotted(button:focus-visible) {
212
+ outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE--LIGHT-COLOR) !important;
213
+ }
304
214
  @media (max-width: 1024px) {
305
215
  .ids-footer-1177-admin .ids-footer-1177-admin__sub-footer {
306
216
  border-top: none;
@@ -313,14 +223,6 @@
313
223
  padding-bottom: 1.25rem;
314
224
  margin: 0 auto;
315
225
  }
316
- .ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177_sub-footer-mobile-text {
317
- color: var(--IDS-FOOTER-1177-ADMIN-SUB__COLOR);
318
- padding: 1.875rem 2.5rem 0.625rem;
319
- font-size: 0.875rem;
320
- text-align: center;
321
- line-height: 1.25rem;
322
- display: inline-block;
323
- }
324
226
  .ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-inner {
325
227
  display: flex;
326
228
  justify-content: space-between;
@@ -338,7 +240,7 @@
338
240
  flex-wrap: wrap;
339
241
  gap: 0.25rem 3rem;
340
242
  }
341
- .ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-inner .ids-footer-1177-admin__sub-footer-left ::slotted(*),
243
+ .ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-inner .ids-footer-1177-admin__sub-footer-left ::slotted(a),
342
244
  .ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-inner .ids-footer-1177-admin__sub-footer-left .ids-link {
343
245
  display: block !important;
344
246
  white-space: nowrap;
@@ -378,11 +280,16 @@
378
280
  gap: 2rem;
379
281
  flex-direction: column;
380
282
  }
381
- .ids-footer-1177-admin .ids-footer-1177-admin__mobile-links ::slotted(*),
382
- .ids-footer-1177-admin .ids-footer-1177-admin__mobile-links a {
283
+ .ids-footer-1177-admin .ids-footer-1177-admin__mobile-links a,
284
+ .ids-footer-1177-admin .ids-footer-1177-admin__mobile-links ::slotted(a) {
383
285
  display: block;
384
286
  width: 100%;
385
287
  }
288
+ .ids-footer-1177-admin .ids-footer-1177-admin__mobile-links button,
289
+ .ids-footer-1177-admin .ids-footer-1177-admin__mobile-links ::slotted(button) {
290
+ font-size: 1rem !important;
291
+ line-height: 1.5rem !important;
292
+ }
386
293
  @media (max-width: 1024px) {
387
294
  .ids-footer-1177-admin .ids-footer-1177-admin__mobile-links {
388
295
  display: flex;
@@ -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-pro{background-color:var(--IDS-FOOTER-1177-PRO__BACKGROUND-COLOR);position:relative}.ids-footer-1177-pro .ids-footer-1177-pro__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-pro .ids-footer-1177-pro__inner{padding-bottom:2.5rem}}.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__headline-wrapper{padding-bottom:1.25rem}.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__headline-wrapper .ids-footer-1177-pro__headline{color:var(--IDS-FOOTER-1177-PRO-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-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__headline-wrapper .ids-footer-1177-pro__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-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content{display:flex;gap:6.5rem}.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__text{color:var(--IDS-FOOTER-1177-PRO__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-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__text{flex:0 0 100%;margin-right:0;max-width:100%}}.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__cols{display:flex;flex-grow:1;gap:3.5rem;justify-content:space-between}.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col .ids-link{margin-bottom:.625rem!important}.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col ::slotted(h2),.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col ::slotted(h3),.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col ::slotted(h4),.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col h2,.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col h3,.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col h4{color:var(--IDS-FOOTER-1177-PRO__COLOR);font-family:var(--IDS-HEADING-S__FONT-FAMILY);font-size:var(--IDS-HEADING-S__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-S__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-S__LETTER-SPACING);line-height:var(--IDS-HEADING-S__LINE-HEIGHT)}@media (min-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col ::slotted(h2),.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col ::slotted(h3),.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col ::slotted(h4),.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col h2,.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col h3,.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col h4{font-size:var(--IDS-HEADING-S__FONT-SIZE-DESKTOP);letter-spacing:var(--IDS-HEADING-S__LETTER-SPACING-DESKTOP);line-height:var(--IDS-HEADING-S__LINE-HEIGHT-DESKTOP)}}.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col ::slotted([slot=link-col-1]),.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col ::slotted([slot=link-col-2]),.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col ::slotted([slot=link-col-3]),.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col h2,.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col h3,.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col h4{display:block;margin-bottom:.625rem!important}.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col.ids-footer-1177-pro__link-col--100{width:100%}.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col.ids-footer-1177-pro__link-col--50{width:50%}.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col.ids-footer-1177-pro__link-col--33{width:33%}@media (max-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col{display:none}.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content{gap:0}}.ids-footer-1177-pro .ids-footer-1177-pro__mobile-menu{display:none}@media (max-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__mobile-menu{display:block;padding-bottom:1.25rem}}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer{background-color:var(--IDS-FOOTER-1177-PRO-SUB__BACKGROUND-COLOR);position:relative}@media (max-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer{border-top:none}}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container{margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);padding-bottom:1.25rem;padding-top:1.25rem}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container .ids-footer-1177_sub-footer-mobile-text{color:var(--IDS-FOOTER-1177-PRO-SUB__COLOR);display:inline-block;font-size:.875rem;line-height:1.25rem;padding:1.875rem 2.5rem .625rem;text-align:center}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container .ids-footer-1177-pro__sub-footer-inner{align-items:center;display:flex;justify-content:space-between}@media (max-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container .ids-footer-1177-pro__sub-footer-inner{align-items:unset;flex-direction:column}}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container .ids-footer-1177-pro__sub-footer-inner .ids-footer-1177-pro__sub-footer-left{display:flex;flex:60%;flex-wrap:wrap;gap:.25rem 3rem}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container .ids-footer-1177-pro__sub-footer-inner .ids-footer-1177-pro__sub-footer-left .ids-link,.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container .ids-footer-1177-pro__sub-footer-inner .ids-footer-1177-pro__sub-footer-left ::slotted(*){display:block!important;white-space:nowrap}@media (max-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container .ids-footer-1177-pro__sub-footer-inner .ids-footer-1177-pro__sub-footer-left{display:none}}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container .ids-footer-1177-pro__sub-footer-inner .ids-footer-1177-pro__sub-footer-right,.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container .ids-footer-1177-pro__sub-footer-inner .ids-footer-1177-pro__sub-footer-right p{color:var(--IDS-FOOTER-1177-PRO-SUB__COLOR)!important;flex:auto;font-size:.875rem!important;line-height:1.125rem!important;text-align:end}@media (max-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container .ids-footer-1177-pro__sub-footer-inner .ids-footer-1177-pro__sub-footer-right,.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container .ids-footer-1177-pro__sub-footer-inner .ids-footer-1177-pro__sub-footer-right p{display:none}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container{height:auto;padding:0}}.ids-footer-1177-pro .ids-footer-1177-pro__mobile-links{background-color:var(--IDS-FOOTER-1177-PRO-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-pro .ids-footer-1177-pro__mobile-links ::slotted(*),.ids-footer-1177-pro .ids-footer-1177-pro__mobile-links a{display:block;width:100%}@media (max-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__mobile-links{display:flex}}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer-mobile{background-color:var(--IDS-FOOTER-1177-PRO-SUB__BACKGROUND-COLOR);display:none;padding-bottom:1.25rem}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer-mobile .ids-footer-1177-pro__sub-footer-mobile-headline-wrapper{align-content:center;display:flex;justify-content:center;width:100%}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer-mobile .ids-footer-1177-pro__sub-footer-mobile-logo{display:flex;height:2.125rem;position:relative;width:112px}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer-mobile .ids-footer-1177-pro__sub-footer-mobile-logo:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-FOOTER-1177-PRO-SUB__COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:5.625rem;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer-mobile .ids-footer-1177-pro__sub-footer-mobile-logo:after{background-color:var(--IDS-FOOTER-1177-PRO-SUB__COLOR);content:\"\";min-height:2rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:.0313rem;z-index:1}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer-mobile .ids-footer-1177-pro__sub-footer-mobile-headline{align-self:center;display:flex;font-size:1rem;font-style:normal;font-weight:700;letter-spacing:-.0159rem;line-height:normal}@media (max-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer-mobile{align-items:center;color:var(--IDS-FOOTER-1177-PRO-SUB__COLOR);display:flex;flex-direction:column;font-size:.875rem;justify-content:center;line-height:1.25rem;padding:2rem 1.5rem 2.5rem;text-align:center}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer-mobile .ids-footer-1177-pro__sub-footer-mobile-text{margin-top:2rem}}";
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-pro{background-color:var(--IDS-FOOTER-1177-PRO__BACKGROUND-COLOR);position:relative}.ids-footer-1177-pro .ids-footer-1177-pro__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-pro .ids-footer-1177-pro__inner{padding-bottom:2.5rem}}.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__headline-wrapper{padding-bottom:1.25rem}.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__headline-wrapper .ids-footer-1177-pro__headline{color:var(--IDS-FOOTER-1177-PRO-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-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__headline-wrapper .ids-footer-1177-pro__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-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content{display:flex;gap:6.5rem}.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__text{color:var(--IDS-FOOTER-1177-PRO__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-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__text{flex:0 0 100%;margin-right:0;max-width:100%}}.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__cols{display:flex;flex-grow:1;gap:3.5rem;justify-content:space-between}.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col .ids-link{margin-bottom:.625rem!important}.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col ::slotted(h2),.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col ::slotted(h3),.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col ::slotted(h4),.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col h2,.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col h3,.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col h4{color:var(--IDS-FOOTER-1177-PRO__COLOR);font-family:var(--ids-font-family-heading);font-size:var(--ids-font-size-heading-s);font-style:normal;font-weight:var(--ids-font-weight-heading-s);letter-spacing:var(--ids-font-letter-spacing-heading-s);line-height:var(--ids-font-line-height-heading-s)}.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col ::slotted([slot=link-col-1]),.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col ::slotted([slot=link-col-2]),.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col ::slotted([slot=link-col-3]),.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col h2,.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col h3,.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col h4{display:block;margin-bottom:.625rem!important}.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col.ids-footer-1177-pro__link-col--100{width:100%}.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col.ids-footer-1177-pro__link-col--50{width:50%}.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col.ids-footer-1177-pro__link-col--33{width:33%}@media (max-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col{display:none}.ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content{gap:0}}.ids-footer-1177-pro .ids-footer-1177-pro__mobile-menu{display:none}@media (max-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__mobile-menu{display:block;padding-bottom:1.25rem}}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer{background-color:var(--IDS-FOOTER-1177-PRO-SUB__BACKGROUND-COLOR);position:relative}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer ::slotted(button),.ids-footer-1177-pro .ids-footer-1177-pro__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-pro .ids-footer-1177-pro__sub-footer ::slotted(button:focus-visible),.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE--LIGHT-COLOR)!important}@media (max-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer{border-top:none}}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container{margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);padding-bottom:1.25rem;padding-top:1.25rem}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container .ids-footer-1177-pro__sub-footer-inner{align-items:center;display:flex;justify-content:space-between}@media (max-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container .ids-footer-1177-pro__sub-footer-inner{align-items:unset;flex-direction:column}}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container .ids-footer-1177-pro__sub-footer-inner .ids-footer-1177-pro__sub-footer-left{display:flex;flex:60%;flex-wrap:wrap;gap:.25rem 3rem}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container .ids-footer-1177-pro__sub-footer-inner .ids-footer-1177-pro__sub-footer-left .ids-link,.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container .ids-footer-1177-pro__sub-footer-inner .ids-footer-1177-pro__sub-footer-left ::slotted(a){display:block!important;white-space:nowrap}@media (max-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container .ids-footer-1177-pro__sub-footer-inner .ids-footer-1177-pro__sub-footer-left{display:none}}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container .ids-footer-1177-pro__sub-footer-inner .ids-footer-1177-pro__sub-footer-right,.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container .ids-footer-1177-pro__sub-footer-inner .ids-footer-1177-pro__sub-footer-right p{color:var(--IDS-FOOTER-1177-PRO-SUB__COLOR)!important;flex:auto;font-size:.875rem!important;line-height:1.125rem!important;text-align:end}@media (max-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container .ids-footer-1177-pro__sub-footer-inner .ids-footer-1177-pro__sub-footer-right,.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container .ids-footer-1177-pro__sub-footer-inner .ids-footer-1177-pro__sub-footer-right p{display:none}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container{height:auto;padding:0}}.ids-footer-1177-pro .ids-footer-1177-pro__mobile-links{background-color:var(--IDS-FOOTER-1177-PRO-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-pro .ids-footer-1177-pro__mobile-links ::slotted(a),.ids-footer-1177-pro .ids-footer-1177-pro__mobile-links a{display:block;width:100%}.ids-footer-1177-pro .ids-footer-1177-pro__mobile-links ::slotted(button),.ids-footer-1177-pro .ids-footer-1177-pro__mobile-links button{font-size:1rem!important;line-height:1.5rem!important}@media (max-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__mobile-links{display:flex}}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer-mobile{background-color:var(--IDS-FOOTER-1177-PRO-SUB__BACKGROUND-COLOR);display:none;padding-bottom:1.25rem}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer-mobile .ids-footer-1177-pro__sub-footer-mobile-headline-wrapper{align-content:center;display:flex;justify-content:center;width:100%}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer-mobile .ids-footer-1177-pro__sub-footer-mobile-logo{display:flex;height:2.125rem;position:relative;width:112px}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer-mobile .ids-footer-1177-pro__sub-footer-mobile-logo:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-FOOTER-1177-PRO-SUB__COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:5.625rem;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer-mobile .ids-footer-1177-pro__sub-footer-mobile-logo:after{background-color:var(--IDS-FOOTER-1177-PRO-SUB__COLOR);content:\"\";min-height:2rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:.0313rem;z-index:1}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer-mobile .ids-footer-1177-pro__sub-footer-mobile-headline{align-self:center;display:flex;font-size:1rem;font-style:normal;font-weight:700;letter-spacing:-.0159rem;line-height:normal}@media (max-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer-mobile{align-items:center;color:var(--IDS-FOOTER-1177-PRO-SUB__COLOR);display:flex;flex-direction:column;font-size:.875rem;justify-content:center;line-height:1.25rem;padding:2rem 1.5rem 2.5rem;text-align:center}.ids-footer-1177-pro .ids-footer-1177-pro__sub-footer-mobile .ids-footer-1177-pro__sub-footer-mobile-text{margin-top:2rem}}";
4
4
 
5
5
  var footer1177ProLit = css`${unsafeCSS(css_248z)}`;
6
6
 
@@ -25,75 +25,13 @@
25
25
  /*******
26
26
  * A11Y
27
27
  ********/
28
- :root {
28
+ .ids--light, .ids--dark {
29
29
  --IDS-FONT-FAMILY-BASE: "Open Sans";
30
30
  --IDS-FONT-FAMILY-HEADING: "Inter";
31
31
  --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
32
- --IDS-HEADING-XXL__COLOR: var(--ids-color-heading-text-xxl);
33
- --IDS-HEADING-XXL__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
34
- --IDS-HEADING-XXL__FONT-SIZE: 2rem;
35
- --IDS-HEADING-XXL__LINE-HEIGHT: 2.5rem;
36
- --IDS-HEADING-XXL__FONT-SIZE-DESKTOP: 3rem;
37
- --IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP: 3.25rem;
38
- --IDS-HEADING-XXL__FONT-WEIGHT: 700;
39
- --IDS-HEADING-XXL__LETTER-SPACING: -0.052rem;
40
- --IDS-HEADING-XXL__LETTER-SPACING-DESKTOP: -0.078rem;
41
32
  --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.875rem;
42
- --IDS-HEADING-XL__COLOR: var(--ids-color-heading-text-xl);
43
- --IDS-HEADING-XL__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
44
- --IDS-HEADING-XL__FONT-SIZE: 1.625rem;
45
- --IDS-HEADING-XL__LINE-HEIGHT: 2.125rem;
46
- --IDS-HEADING-XL__FONT-SIZE-DESKTOP: 2.25rem;
47
- --IDS-HEADING-XL__LINE-HEIGHT-DESKTOP: 2.625rem;
48
- --IDS-HEADING-XL__FONT-WEIGHT: 700;
49
- --IDS-HEADING-XL__LETTER-SPACING: -0.031rem;
50
- --IDS-HEADING-XL__LETTER-SPACING-DESKTOP: -0.063rem;
51
33
  --IDS-HEADING-XL__MARGIN-BOTTOM: 1.875rem;
52
- --IDS-HEADING-L__COLOR: var(--ids-color-heading-text-l);
53
- --IDS-HEADING-L__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
54
- --IDS-HEADING-L__FONT-SIZE-DESKTOP: 1.75rem;
55
- --IDS-HEADING-L__LINE-HEIGHT-DESKTOP: 2.25rem;
56
- --IDS-HEADING-L__FONT-SIZE: 1.5rem;
57
- --IDS-HEADING-L__LINE-HEIGHT: 1.875rem;
58
- --IDS-HEADING-L__FONT-WEIGHT: 700;
59
- --IDS-HEADING-L__LETTER-SPACING: -0.025rem;
60
- --IDS-HEADING-L__LETTER-SPACING-DESKTOP: -0.044rem;
61
34
  --IDS-HEADING-L__MARGIN-BOTTOM: 1.875rem;
62
- --IDS-HEADING-M__COLOR: var(--ids-color-heading-text-m);
63
- --IDS-HEADING-M__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
64
- --IDS-HEADING-M__FONT-SIZE: 1.375rem;
65
- --IDS-HEADING-M__LINE-HEIGHT: 1.75rem;
66
- --IDS-HEADING-M__FONT-SIZE-DESKTOP: 1.5rem;
67
- --IDS-HEADING-M__LINE-HEIGHT-DESKTOP: 1.875rem;
68
- --IDS-HEADING-M__FONT-WEIGHT: 700;
69
- --IDS-HEADING-M__LETTER-SPACING: -0.019rem;
70
- --IDS-HEADING-M__LETTER-SPACING-DESKTOP: -0.031rem;
71
- --IDS-HEADING-S__COLOR: var(--ids-color-heading-text-s);
72
- --IDS-HEADING-S__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
73
- --IDS-HEADING-S__FONT-SIZE: 1.25rem;
74
- --IDS-HEADING-S__LINE-HEIGHT: 1.5rem;
75
- --IDS-HEADING-S__FONT-SIZE-DESKTOP: 1.25rem;
76
- --IDS-HEADING-S__LINE-HEIGHT-DESKTOP: 1.5rem;
77
- --IDS-HEADING-S__FONT-WEIGHT: 700;
78
- --IDS-HEADING-S__LETTER-SPACING: -0.013rem;
79
- --IDS-HEADING-S__LETTER-SPACING-DESKTOP: -0.025rem;
80
- --IDS-HEADING-XS__COLOR: var(--ids-color-heading-text-xs);
81
- --IDS-HEADING-XS__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
82
- --IDS-HEADING-XS__FONT-SIZE: 1rem;
83
- --IDS-HEADING-XS__LINE-HEIGHT: 1.25rem;
84
- --IDS-HEADING-XS__FONT-WEIGHT: 700;
85
- --IDS-HEADING-XS__LETTER-SPACING: 0;
86
- --IDS-ANCHOR__COLOR: var(--ids-color-interactive-text-default);
87
- --IDS-ANCHOR__HOVER-COLOR: var(--ids-color-interactive-text-hover);
88
- --IDS-PREAMBLE__FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
89
- --IDS-PREAMBLE__FONT-SIZE: 1.125rem;
90
- --IDS-PREAMBLE__LINE-HEIGHT: 1.75rem;
91
- --IDS-PREAMBLE__FONT-SIZE-DESKTOP: 1.375rem;
92
- --IDS-PREAMBLE__LINE-HEIGHT-DESKTOP: 2.25rem;
93
- --IDS-BODY__FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
94
- --IDS-BODY__FONT-SIZE: 1rem;
95
- --IDS-BODY__LINE-HEIGHT: 1.5rem;
96
- --IDS-BODY--DISABLED__COLOR: var(--ids-color-interactive-text-disabled);
97
35
  --IDS-PAGE-LIST__COLOR: var(--ids-color-brand-text-primary);
98
36
  --IDS-PAGE-LIST__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
99
37
  --IDS-PAGE-LIST__FONT-SIZE: 1.25rem;
@@ -105,66 +43,25 @@
105
43
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
106
44
  --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
107
45
  }
108
- :root.ids--1177-pro, :root.ids--1177-admin {
46
+ .ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
109
47
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
110
48
  }
111
- :root.ids--inera, :root.ids--inera-admin {
49
+ .ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
112
50
  --IDS-FONT-FAMILY-BASE: "Open Sans";
113
51
  --IDS-FONT-FAMILY-HEADING: "Poppins";
114
- --IDS-HEADING-XXL__FONT-SIZE: 1.875rem;
115
- --IDS-HEADING-XXL__LINE-HEIGHT: 2.375rem;
116
- --IDS-HEADING-XXL__FONT-SIZE-DESKTOP: 2.5rem;
117
- --IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP: 3.125rem;
118
- --IDS-HEADING-XXL__FONT-WEIGHT: 600;
119
- --IDS-HEADING-XXL__LETTER-SPACING: inherit;
120
- --IDS-HEADING-XXL__LETTER-SPACING-DESKTOP: inherit;
121
52
  --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
122
- --IDS-HEADING-XL__FONT-SIZE: 1.625rem;
123
- --IDS-HEADING-XL__LINE-HEIGHT: 2rem;
124
- --IDS-HEADING-XL__FONT-SIZE-DESKTOP: 2rem;
125
- --IDS-HEADING-XL__LINE-HEIGHT-DESKTOP: 2.5rem;
126
- --IDS-HEADING-XL__FONT-WEIGHT: 600;
127
- --IDS-HEADING-XL__LETTER-SPACING: inherit;
128
- --IDS-HEADING-XL__LETTER-SPACING-DESKTOP: inherit;
129
53
  --IDS-HEADING-XL__MARGIN-BOTTOM: 1.25rem;
130
- --IDS-HEADING-L__FONT-SIZE: 1.5rem;
131
- --IDS-HEADING-L__LINE-HEIGHT: 1.875rem;
132
- --IDS-HEADING-L__FONT-SIZE-DESKTOP: 1.75rem;
133
- --IDS-HEADING-L__LINE-HEIGHT-DESKTOP: 2.25rem;
134
- --IDS-HEADING-L__FONT-WEIGHT: 600;
135
- --IDS-HEADING-L__LETTER-SPACING: inherit;
136
- --IDS-HEADING-L__LETTER-SPACING-DESKTOP: inherit;
137
54
  --IDS-HEADING-L__MARGIN-BOTTOM: 1.25rem;
138
- --IDS-HEADING-M__FONT-SIZE: 1.375rem;
139
- --IDS-HEADING-M__LINE-HEIGHT: 1.75rem;
140
- --IDS-HEADING-M__FONT-SIZE-DESKTOP: 1.5rem;
141
- --IDS-HEADING-M__LINE-HEIGHT-DESKTOP: 2rem;
142
- --IDS-HEADING-M__FONT-WEIGHT: 600;
143
- --IDS-HEADING-M__LETTER-SPACING: inherit;
144
- --IDS-HEADING-M__LETTER-SPACING-DESKTOP: inherit;
145
- --IDS-HEADING-S__FONT-SIZE: 1.25rem;
146
- --IDS-HEADING-S__LINE-HEIGHT: 1.5rem;
147
- --IDS-HEADING-S__FONT-SIZE-DESKTOP: 1.25rem;
148
- --IDS-HEADING-S__LINE-HEIGHT-DESKTOP: 1.625rem;
149
- --IDS-HEADING-S__FONT-WEIGHT: 600;
150
- --IDS-HEADING-S__LETTER-SPACING: inherit;
151
- --IDS-HEADING-S__LETTER-SPACING-DESKTOP: inherit;
152
- --IDS-HEADING-XS__FONT-SIZE: 1rem;
153
- --IDS-HEADING-XS__LINE-HEIGHT: 1.25rem;
154
- --IDS-HEADING-XS__FONT-WEIGHT: 600;
155
- --IDS-HEADING-XS__LETTER-SPACING: inherit;
156
- --IDS-BODY__LINE-HEIGHT: 1.625rem;
157
- --IDS-BODY--DISABLED__COLOR: var(--ids-color-interactive-text-disabled);
158
55
  --IDS-PAGE-LIST__FONT-WEIGHT: 600;
159
56
  --IDS-PAGE-LIST__LETTER-SPACING: 0;
160
57
  --IDS-BULLET-LIST__MARKER-FONT-WEIGHT: normal;
161
58
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
162
59
  --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
163
60
  }
164
- :root.ids--dark {
61
+ .ids--light.ids--dark, .ids--dark.ids--dark {
165
62
  --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
166
63
  }
167
- :root.ids--dark.ids--1177-pro, :root.ids--dark.ids--1177-admin, :root.ids--dark.ids--inera, :root.ids--dark.ids--inera-admin {
64
+ .ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-admin, .ids--dark.ids--dark.ids--1177-pro, .ids--dark.ids--dark.ids--1177-admin, .ids--dark.ids--dark.ids--inera, .ids--dark.ids--dark.ids--inera-admin {
168
65
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
169
66
  }
170
67
 
@@ -213,10 +110,10 @@
213
110
  .ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__text {
214
111
  font-style: normal;
215
112
  color: var(--IDS-FOOTER-1177-PRO__COLOR);
216
- font-family: var(--IDS-BODY__FONT-FAMILY);
217
- font-size: var(--IDS-BODY__FONT-SIZE);
218
- line-height: var(--IDS-BODY__LINE-HEIGHT);
219
- font-weight: 400;
113
+ font-family: var(--ids-font-family-body-text);
114
+ font-size: var(--ids-font-size-body-text);
115
+ line-height: var(--ids-line-height-body-text);
116
+ font-weight: var(--ids-font-weight-body-text);
220
117
  letter-spacing: 0;
221
118
  flex: 0 0 40%;
222
119
  max-width: 40%;
@@ -245,23 +142,11 @@
245
142
  .ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col ::slotted(h4) {
246
143
  font-style: normal;
247
144
  color: var(--IDS-FOOTER-1177-PRO__COLOR);
248
- font-family: var(--IDS-HEADING-S__FONT-FAMILY);
249
- font-size: var(--IDS-HEADING-S__FONT-SIZE);
250
- line-height: var(--IDS-HEADING-S__LINE-HEIGHT);
251
- letter-spacing: var(--IDS-HEADING-S__LETTER-SPACING);
252
- font-weight: var(--IDS-HEADING-S__FONT-WEIGHT);
253
- }
254
- @media (min-width: 1024px) {
255
- .ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col h2,
256
- .ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col h3,
257
- .ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col h4,
258
- .ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col ::slotted(h2),
259
- .ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col ::slotted(h3),
260
- .ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col ::slotted(h4) {
261
- font-size: var(--IDS-HEADING-S__FONT-SIZE-DESKTOP);
262
- line-height: var(--IDS-HEADING-S__LINE-HEIGHT-DESKTOP);
263
- letter-spacing: var(--IDS-HEADING-S__LETTER-SPACING-DESKTOP);
264
- }
145
+ font-family: var(--ids-font-family-heading);
146
+ font-size: var(--ids-font-size-heading-s);
147
+ line-height: var(--ids-font-line-height-heading-s);
148
+ letter-spacing: var(--ids-font-letter-spacing-heading-s);
149
+ font-weight: var(--ids-font-weight-heading-s);
265
150
  }
266
151
  .ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col h2,
267
152
  .ids-footer-1177-pro .ids-footer-1177-pro__inner .ids-footer-1177-pro__content .ids-footer-1177-pro__link-col h3,
@@ -304,6 +189,31 @@
304
189
  position: relative;
305
190
  background-color: var(--IDS-FOOTER-1177-PRO-SUB__BACKGROUND-COLOR);
306
191
  }
192
+ .ids-footer-1177-pro .ids-footer-1177-pro__sub-footer button,
193
+ .ids-footer-1177-pro .ids-footer-1177-pro__sub-footer ::slotted(button) {
194
+ background: none;
195
+ color: inherit;
196
+ border: none;
197
+ padding: 0;
198
+ font: inherit;
199
+ cursor: pointer;
200
+ outline: inherit;
201
+ width: auto;
202
+ text-align: left;
203
+ display: inline-block !important;
204
+ font-size: 0.875rem !important;
205
+ line-height: 1.25rem !important;
206
+ font-family: var(--IDS-LINK__FONT-FAMILY);
207
+ color: var(--IDS-LINK--COLOR-PRESET-3__COLOR);
208
+ text-decoration: underline;
209
+ text-underline-offset: 0.125rem;
210
+ border-radius: 0.0625rem;
211
+ box-sizing: border-box;
212
+ }
213
+ .ids-footer-1177-pro .ids-footer-1177-pro__sub-footer button:focus-visible,
214
+ .ids-footer-1177-pro .ids-footer-1177-pro__sub-footer ::slotted(button:focus-visible) {
215
+ outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE--LIGHT-COLOR) !important;
216
+ }
307
217
  @media (max-width: 1024px) {
308
218
  .ids-footer-1177-pro .ids-footer-1177-pro__sub-footer {
309
219
  border-top: none;
@@ -316,14 +226,6 @@
316
226
  padding-bottom: 1.25rem;
317
227
  margin: 0 auto;
318
228
  }
319
- .ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container .ids-footer-1177_sub-footer-mobile-text {
320
- color: var(--IDS-FOOTER-1177-PRO-SUB__COLOR);
321
- padding: 1.875rem 2.5rem 0.625rem;
322
- font-size: 0.875rem;
323
- text-align: center;
324
- line-height: 1.25rem;
325
- display: inline-block;
326
- }
327
229
  .ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container .ids-footer-1177-pro__sub-footer-inner {
328
230
  display: flex;
329
231
  justify-content: space-between;
@@ -341,7 +243,7 @@
341
243
  flex-wrap: wrap;
342
244
  gap: 0.25rem 3rem;
343
245
  }
344
- .ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container .ids-footer-1177-pro__sub-footer-inner .ids-footer-1177-pro__sub-footer-left ::slotted(*),
246
+ .ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container .ids-footer-1177-pro__sub-footer-inner .ids-footer-1177-pro__sub-footer-left ::slotted(a),
345
247
  .ids-footer-1177-pro .ids-footer-1177-pro__sub-footer .ids-footer-1177-pro__sub-footer-container .ids-footer-1177-pro__sub-footer-inner .ids-footer-1177-pro__sub-footer-left .ids-link {
346
248
  display: block !important;
347
249
  white-space: nowrap;
@@ -381,11 +283,16 @@
381
283
  gap: 2rem;
382
284
  flex-direction: column;
383
285
  }
384
- .ids-footer-1177-pro .ids-footer-1177-pro__mobile-links ::slotted(*),
385
- .ids-footer-1177-pro .ids-footer-1177-pro__mobile-links a {
286
+ .ids-footer-1177-pro .ids-footer-1177-pro__mobile-links a,
287
+ .ids-footer-1177-pro .ids-footer-1177-pro__mobile-links ::slotted(a) {
386
288
  display: block;
387
289
  width: 100%;
388
290
  }
291
+ .ids-footer-1177-pro .ids-footer-1177-pro__mobile-links button,
292
+ .ids-footer-1177-pro .ids-footer-1177-pro__mobile-links ::slotted(button) {
293
+ font-size: 1rem !important;
294
+ line-height: 1.5rem !important;
295
+ }
389
296
  @media (max-width: 1024px) {
390
297
  .ids-footer-1177-pro .ids-footer-1177-pro__mobile-links {
391
298
  display: flex;