@inera/ids-design 6.1.0 → 7.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (236) hide show
  1. package/components/accordion/accordion-lit.d.ts +2 -2
  2. package/components/accordion/accordion-lit.js +3 -3
  3. package/components/accordion/accordion.css +8 -0
  4. package/components/alert/alert-lit.d.ts +2 -2
  5. package/components/alert/alert-lit.js +1 -1
  6. package/components/alert/alert.css +54 -70
  7. package/components/alert-global/alert-global-lit.d.ts +2 -2
  8. package/components/alert-global/alert-global-lit.js +1 -1
  9. package/components/alert-global/alert-global.css +7 -0
  10. package/components/badge/badge-lit.d.ts +2 -2
  11. package/components/badge/badge-lit.js +1 -1
  12. package/components/badge/badge.css +12 -12
  13. package/components/box-link/box-link-lit.d.ts +2 -2
  14. package/components/box-link/box-link-lit.js +1 -1
  15. package/components/box-link/box-link.css +20 -21
  16. package/components/breadcrumbs/breadcrumbs-lit.d.ts +2 -2
  17. package/components/button-group/button-group-lit.d.ts +2 -2
  18. package/components/button-group/button-group-lit.js +1 -1
  19. package/components/button-group/button-group.css +10 -3
  20. package/components/card/card-lit.d.ts +2 -2
  21. package/components/card/card-lit.js +3 -3
  22. package/components/card/card.css +15 -15
  23. package/components/carousel/carousel-item-lit.d.ts +2 -2
  24. package/components/carousel/carousel-item-lit.js +1 -1
  25. package/components/carousel/carousel-item.css +3 -5
  26. package/components/carousel/carousel-lit.d.ts +2 -2
  27. package/components/carousel/carousel-lit.js +1 -1
  28. package/components/carousel/carousel.css +22 -9
  29. package/components/data-table/data-table-lit.d.ts +2 -2
  30. package/components/data-table/data-table-lit.js +1 -1
  31. package/components/data-table/data-table.css +1 -10
  32. package/components/date-label/date-label-lit.d.ts +2 -2
  33. package/components/dialog/dialog-lit.d.ts +2 -2
  34. package/components/dialog/dialog-lit.js +1 -1
  35. package/components/dialog/dialog.css +19 -21
  36. package/components/dropdown/dropdown-lit.d.ts +2 -2
  37. package/components/dropdown/dropdown-lit.js +3 -3
  38. package/components/dropdown/dropdown.css +48 -18
  39. package/components/footer-1177/footer-1177-lit.d.ts +2 -2
  40. package/components/footer-1177/footer-1177-lit.js +1 -1
  41. package/components/footer-1177/footer-1177.css +4 -2
  42. package/components/footer-1177-admin/footer-1177-admin-lit.d.ts +2 -2
  43. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  44. package/components/footer-1177-admin/footer-1177-admin.css +2 -4
  45. package/components/footer-1177-pro/footer-1177-pro-lit.d.ts +2 -2
  46. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  47. package/components/footer-1177-pro/footer-1177-pro.css +8 -17
  48. package/components/footer-inera/footer-inera-lit.d.ts +2 -2
  49. package/components/footer-inera-admin/footer-inera-admin-lit.d.ts +2 -2
  50. package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
  51. package/components/footer-inera-admin/footer-inera-admin.css +4 -4
  52. package/components/form/error-message/error-message-lit.d.ts +2 -2
  53. package/components/form/error-message/error-message-lit.js +1 -1
  54. package/components/form/error-message/error-message.css +1 -0
  55. package/components/form/group/group-lit.d.ts +2 -2
  56. package/components/form/range/range-lit.d.ts +2 -2
  57. package/components/form/range/range-lit.js +1 -1
  58. package/components/form/range/range.css +34 -11
  59. package/components/form/select-multiple/select-multiple-lit.d.ts +2 -2
  60. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  61. package/components/form/select-multiple/select-multiple.css +18 -20
  62. package/components/form/spinner/spinner-lit.d.ts +2 -2
  63. package/components/grid/column/column-lit.d.ts +2 -2
  64. package/components/grid/container/container-lit.d.ts +2 -2
  65. package/components/grid/row/row-lit.d.ts +2 -2
  66. package/components/header-1177/composite-header-1177.css +649 -283
  67. package/components/header-1177/header-1177-avatar-lit.d.ts +2 -2
  68. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  69. package/components/header-1177/header-1177-avatar.css +388 -158
  70. package/components/header-1177/header-1177-item-lit.d.ts +2 -2
  71. package/components/header-1177/header-1177-item-lit.js +1 -1
  72. package/components/header-1177/header-1177-item.css +58 -6
  73. package/components/header-1177/header-1177-lit.d.ts +2 -2
  74. package/components/header-1177/header-1177-lit.js +1 -1
  75. package/components/{form/textarea/textarea-lit.d.ts → header-1177/header-1177-menu-mobile-lit.d.ts} +2 -2
  76. package/components/header-1177/header-1177-menu-mobile-lit.js +7 -0
  77. package/components/header-1177/header-1177-menu-mobile.css +138 -0
  78. package/components/header-1177/header-1177-nav-item-lit.d.ts +2 -2
  79. package/components/header-1177/header-1177-nav-item-lit.js +1 -1
  80. package/components/header-1177/header-1177-nav-item-mobile-lit.d.ts +2 -2
  81. package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
  82. package/components/header-1177/header-1177-nav-item-mobile.css +11 -12
  83. package/components/header-1177/header-1177-nav-item.css +8 -8
  84. package/components/header-1177/header-1177-nav-lit.d.ts +2 -2
  85. package/components/header-1177/header-1177-nav-lit.js +1 -1
  86. package/components/header-1177/header-1177-nav.css +7 -2
  87. package/components/header-1177/header-1177.css +65 -97
  88. package/components/header-1177-admin/header-1177-admin-avatar-lit.d.ts +2 -2
  89. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  90. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.d.ts +2 -2
  91. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
  92. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +1 -65
  93. package/components/header-1177-admin/header-1177-admin-avatar.css +32 -0
  94. package/components/header-1177-admin/header-1177-admin-item-lit.d.ts +2 -2
  95. package/components/header-1177-admin/header-1177-admin-item-lit.js +1 -1
  96. package/components/header-1177-admin/header-1177-admin-item.css +4 -0
  97. package/components/header-1177-admin/header-1177-admin-lit.d.ts +2 -2
  98. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  99. package/components/header-1177-admin/header-1177-admin-nav-item-lit.d.ts +2 -2
  100. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
  101. package/components/header-1177-admin/header-1177-admin-nav-item.css +8 -8
  102. package/components/header-1177-admin/header-1177-admin-nav-lit.d.ts +2 -2
  103. package/components/header-1177-admin/header-1177-admin.css +112 -7
  104. package/components/header-1177-pro/header-1177-pro-avatar-lit.d.ts +2 -2
  105. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  106. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.d.ts +2 -2
  107. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
  108. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +1 -0
  109. package/components/header-1177-pro/header-1177-pro-avatar.css +32 -0
  110. package/components/header-1177-pro/header-1177-pro-item-lit.d.ts +2 -2
  111. package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
  112. package/components/header-1177-pro/header-1177-pro-item.css +18 -0
  113. package/components/header-1177-pro/header-1177-pro-lit.d.ts +2 -2
  114. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  115. package/components/header-1177-pro/header-1177-pro-nav-item-lit.d.ts +2 -2
  116. package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
  117. package/components/header-1177-pro/header-1177-pro-nav-item.css +8 -8
  118. package/components/header-1177-pro/header-1177-pro-nav-lit.d.ts +2 -2
  119. package/components/header-1177-pro/header-1177-pro-nav-lit.js +1 -1
  120. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile-lit.d.ts +2 -2
  121. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile-lit.js +1 -1
  122. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css +3 -0
  123. package/components/header-1177-pro/header-1177-pro-nav.css +6 -0
  124. package/components/header-1177-pro/header-1177-pro-region-picker-lit.d.ts +2 -2
  125. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  126. package/components/header-1177-pro/header-1177-pro-region-picker.css +248 -100
  127. package/components/header-1177-pro/header-1177-pro.css +47 -10
  128. package/components/header-inera/header-inera-item-lit.d.ts +2 -2
  129. package/components/header-inera/header-inera-item-lit.js +1 -1
  130. package/components/header-inera/header-inera-item.css +21 -20
  131. package/components/header-inera/header-inera-lit.d.ts +2 -2
  132. package/components/header-inera/header-inera-lit.js +1 -1
  133. package/components/header-inera/header-inera-nav-item-lit.d.ts +2 -2
  134. package/components/header-inera/header-inera-nav-item-lit.js +1 -1
  135. package/components/header-inera/header-inera-nav-item.css +2 -2
  136. package/components/header-inera/header-inera-nav-lit.d.ts +2 -2
  137. package/components/header-inera/header-inera-nav-mobile-lit.d.ts +2 -2
  138. package/components/header-inera/header-inera-nav-mobile-lit.js +1 -1
  139. package/components/header-inera/header-inera-nav-mobile.css +2 -0
  140. package/components/header-inera/header-inera.css +2 -2
  141. package/components/header-inera-admin/composite-header-inera-admin.css +57 -31
  142. package/components/header-inera-admin/header-inera-admin-avatar-lit.d.ts +2 -2
  143. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  144. package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.d.ts +2 -2
  145. package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +1 -1
  146. package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +10 -1
  147. package/components/header-inera-admin/header-inera-admin-avatar.css +20 -4
  148. package/components/header-inera-admin/header-inera-admin-item-lit.d.ts +2 -2
  149. package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
  150. package/components/header-inera-admin/header-inera-admin-item.css +16 -18
  151. package/components/header-inera-admin/header-inera-admin-lit.d.ts +2 -2
  152. package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
  153. package/components/header-inera-admin/header-inera-admin-nav-item-lit.d.ts +2 -2
  154. package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
  155. package/components/header-inera-admin/header-inera-admin-nav-item.css +5 -4
  156. package/components/header-inera-admin/header-inera-admin-nav-lit.d.ts +2 -2
  157. package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.d.ts +2 -2
  158. package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.js +1 -1
  159. package/components/header-inera-admin/header-inera-admin-nav-mobile.css +2 -0
  160. package/components/header-inera-admin/header-inera-admin.css +4 -4
  161. package/components/header-patient/header-patient-lit.d.ts +2 -0
  162. package/components/header-patient/header-patient-lit.js +7 -0
  163. package/components/header-patient/header-patient.css +145 -0
  164. package/components/mobile-menu/mobile-menu-lit.d.ts +2 -2
  165. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  166. package/components/mobile-menu/mobile-menu.css +159 -116
  167. package/components/navigation/content/navigation-content-lit.d.ts +2 -2
  168. package/components/navigation/content/navigation-content.css +2 -1
  169. package/components/navigation/local/navigation-local-lit.d.ts +2 -2
  170. package/components/navigation/local/navigation-local-lit.js +1 -1
  171. package/components/navigation/local/navigation-local.css +5 -4
  172. package/components/notification-badge/notification-badge-lit.d.ts +2 -2
  173. package/components/notification-badge/notification-badge-lit.js +1 -1
  174. package/components/notification-badge/notification-badge.css +48 -7
  175. package/components/pagination/data-pagination/data-pagination-lit.d.ts +2 -2
  176. package/components/pagination/list-pagination/list-pagination-lit.d.ts +2 -2
  177. package/components/pagination/list-pagination/list-pagination-lit.js +3 -3
  178. package/components/pagination/list-pagination/list-pagination.css +1 -1
  179. package/components/popover/popover-content-lit.d.ts +2 -2
  180. package/components/popover/popover-content-lit.js +1 -1
  181. package/components/popover/popover-content.css +53 -66
  182. package/components/popover/popover-lit.d.ts +2 -2
  183. package/components/progressbar/progressbar-lit.d.ts +2 -2
  184. package/components/progressbar/progressbar-lit.js +1 -1
  185. package/components/progressbar/progressbar.css +19 -19
  186. package/components/puff-list/puff-list-lit.d.ts +2 -2
  187. package/components/puff-list/puff-list-lit.js +1 -1
  188. package/components/puff-list/puff-list.css +90 -89
  189. package/components/region-icon/region-icon-lit.d.ts +2 -0
  190. package/components/region-icon/region-icon-lit.js +7 -0
  191. package/components/region-icon/region-icon.css +149 -0
  192. package/components/side-menu/side-menu-lit.d.ts +2 -2
  193. package/components/side-panel/side-panel-lit.d.ts +2 -2
  194. package/components/side-panel/side-panel-lit.js +1 -1
  195. package/components/side-panel/side-panel.css +30 -25
  196. package/components/stepper/stepper-lit.d.ts +2 -2
  197. package/components/stepper/stepper-lit.js +1 -1
  198. package/components/stepper/stepper.css +36 -5
  199. package/components/tabs/tab-lit.d.ts +2 -2
  200. package/components/tabs/tab-lit.js +1 -1
  201. package/components/tabs/tab-panel-lit.d.ts +2 -2
  202. package/components/tabs/tab-panel-lit.js +1 -1
  203. package/components/tabs/tab-panel.css +2 -2
  204. package/components/tabs/tab.css +52 -45
  205. package/components/tabs/tabs-lit.d.ts +2 -2
  206. package/components/tabs/tabs-lit.js +2 -2
  207. package/components/tabs/tabs.css +11 -2
  208. package/components/tag/tag-lit.d.ts +2 -2
  209. package/components/tag/tag-lit.js +1 -1
  210. package/components/tag/tag.css +14 -10
  211. package/components/tooltip/tooltip-lit.d.ts +2 -2
  212. package/global/icons/Inera-Design-Icons.eot +0 -0
  213. package/global/icons/Inera-Design-Icons.svg +409 -0
  214. package/global/icons/Inera-Design-Icons.ttf +0 -0
  215. package/global/icons/Inera-Design-Icons.woff +0 -0
  216. package/license.md +7 -7
  217. package/package.json +1 -1
  218. package/themes/1177/1177.css +4384 -3978
  219. package/themes/1177-pro/1177-pro.css +4391 -3978
  220. package/themes/inera/inera.css +4383 -3979
  221. package/themes/inera-admin/inera-admin.css +4383 -3979
  222. package/components/form/textarea/textarea-lit.js +0 -7
  223. package/components/form/textarea/textarea.css +0 -0
  224. package/components/grid/column/_column-partials.css +0 -0
  225. package/global/_partials.css +0 -15
  226. package/global/global.css +0 -4987
  227. package/global/icons/font/Inera-Design-Icons.eot +0 -0
  228. package/global/icons/font/Inera-Design-Icons.svg +0 -323
  229. package/global/icons/font/Inera-Design-Icons.ttf +0 -0
  230. package/global/icons/font/Inera-Design-Icons.woff +0 -0
  231. package/global/util/util.css +0 -2282
  232. package/themes/1177/1177-tokens.css +0 -34
  233. package/themes/1177-pro/1177-pro-tokens.css +0 -1
  234. package/themes/inera/inera-tokens.css +0 -53
  235. package/themes/inera-admin/inera-admin-tokens.css +0 -1
  236. package/themes/reset.css +0 -61
package/global/global.css DELETED
@@ -1,4987 +0,0 @@
1
- @media (max-width: 1023px) {
2
- .ids-desktop {
3
- display: none !important;
4
- }
5
- }
6
-
7
- @media (min-width: 1024px) {
8
- .ids-mobile {
9
- display: none !important;
10
- }
11
- }
12
-
13
- /* This is generated by tailwind/util-tailwind.scss */
14
- /* Pre-existing utility classes begin here */
15
- /* Force elements to be displayed as block elements */
16
- .ids-block {
17
- display: block !important;
18
- }
19
-
20
- .ids-bg-1 {
21
- background-color: var(--IDS-COLOR-NEUTRAL-100);
22
- }
23
-
24
- .ids-bg-2 {
25
- background-color: var(--IDS-COLOR-SECONDARY-95);
26
- }
27
-
28
- .ids-hide-overflow {
29
- overflow: hidden;
30
- }
31
-
32
- /* Removes native button styling */
33
- .ids-btn-no-styles {
34
- background: none;
35
- color: inherit;
36
- border: none;
37
- padding: 0;
38
- font: inherit;
39
- cursor: pointer;
40
- outline: inherit;
41
- }
42
- .ids-btn-no-styles:focus {
43
- outline: var(--IDS-FOCUS__OUTLINE);
44
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
45
- }
46
-
47
- .ids-link-no-styles {
48
- color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
49
- font-size: inherit;
50
- font-family: inherit;
51
- text-decoration: none;
52
- }
53
- .ids-link-no-styles:hover {
54
- color: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
55
- }
56
-
57
- /* Makes elements behave as inline-level block containers */
58
- .ids-inline-block {
59
- display: inline-block;
60
- }
61
-
62
- /* Overrides all margins that is set and removes them */
63
- .ids-no-margin {
64
- margin: 0px !important;
65
- }
66
-
67
- /* Margin Bottom */
68
- .ids-mb-0 {
69
- margin-bottom: 0 px;
70
- }
71
-
72
- .ids .ids-mb-1 {
73
- margin-bottom: 0.25rem;
74
- }
75
-
76
- .ids .ids-mb-10 {
77
- margin-bottom: 2.5rem;
78
- }
79
-
80
- .ids .ids-mb-11 {
81
- margin-bottom: 2.75rem;
82
- }
83
-
84
- .ids .ids-mb-12 {
85
- margin-bottom: 3rem;
86
- }
87
-
88
- .ids .ids-mb-2 {
89
- margin-bottom: 0.5rem;
90
- }
91
-
92
- .ids .ids-mb-3 {
93
- margin-bottom: 0.75rem;
94
- }
95
-
96
- .ids .ids-mb-4 {
97
- margin-bottom: 1rem;
98
- }
99
-
100
- .ids .ids-mb-5 {
101
- margin-bottom: 1.25rem;
102
- }
103
-
104
- .ids .ids-mb-6 {
105
- margin-bottom: 1.5rem;
106
- }
107
-
108
- .ids .ids-mb-7 {
109
- margin-bottom: 1.75rem;
110
- }
111
-
112
- .ids .ids-mb-8 {
113
- margin-bottom: 2rem;
114
- }
115
-
116
- .ids .ids-mb-9 {
117
- margin-bottom: 2.25rem;
118
- }
119
-
120
- .ids-mb-auto {
121
- margin-bottom: auto;
122
- }
123
-
124
- /* Checkpoint */
125
- .ids-me-0 {
126
- margin-inline-end: 0 px;
127
- }
128
-
129
- .ids-me-1 {
130
- margin-inline-end: 0.25rem;
131
- }
132
-
133
- .ids-me-10 {
134
- margin-inline-end: 2.5rem;
135
- }
136
-
137
- .ids-me-11 {
138
- margin-inline-end: 2.75rem;
139
- }
140
-
141
- .ids-me-12 {
142
- margin-inline-end: 3rem;
143
- }
144
-
145
- .ids-me-2 {
146
- margin-inline-end: 0.5rem;
147
- }
148
-
149
- .ids-me-3 {
150
- margin-inline-end: 0.75rem;
151
- }
152
-
153
- .ids-me-4 {
154
- margin-inline-end: 1rem;
155
- }
156
-
157
- .ids-me-5 {
158
- margin-inline-end: 1.25rem;
159
- }
160
-
161
- .ids-me-6 {
162
- margin-inline-end: 1.5rem;
163
- }
164
-
165
- .ids-me-7 {
166
- margin-inline-end: 1.75rem;
167
- }
168
-
169
- .ids-me-8 {
170
- margin-inline-end: 2rem;
171
- }
172
-
173
- .ids-me-9 {
174
- margin-inline-end: 2.25rem;
175
- }
176
-
177
- .ids-me-auto {
178
- margin-inline-end: auto;
179
- }
180
-
181
- .ids-ml-auto {
182
- margin-left: auto;
183
- }
184
-
185
- .ids-ms-0 {
186
- margin-inline-start: 0 px;
187
- }
188
-
189
- .ids-ms-1 {
190
- margin-inline-start: 0.25rem;
191
- }
192
-
193
- .ids-ms-10 {
194
- margin-inline-start: 2.5rem;
195
- }
196
-
197
- .ids-ms-11 {
198
- margin-inline-start: 2.75rem;
199
- }
200
-
201
- .ids-ms-12 {
202
- margin-inline-start: 3rem;
203
- }
204
-
205
- .ids-ms-2 {
206
- margin-inline-start: 0.5rem;
207
- }
208
-
209
- .ids-ms-3 {
210
- margin-inline-start: 0.75rem;
211
- }
212
-
213
- .ids-ms-4 {
214
- margin-inline-start: 1rem;
215
- }
216
-
217
- .ids-ms-5 {
218
- margin-inline-start: 1.25rem;
219
- }
220
-
221
- .ids-ms-6 {
222
- margin-inline-start: 1.5rem;
223
- }
224
-
225
- .ids-ms-7 {
226
- margin-inline-start: 1.75rem;
227
- }
228
-
229
- .ids-ms-8 {
230
- margin-inline-start: 2rem;
231
- }
232
-
233
- .ids-ms-9 {
234
- margin-inline-start: 2.25rem;
235
- }
236
-
237
- .ids-ms-auto {
238
- margin-inline-start: auto;
239
- }
240
-
241
- .ids-mt-auto {
242
- margin-top: auto;
243
- }
244
-
245
- .ids-block {
246
- display: block;
247
- }
248
-
249
- .ids-inline {
250
- display: inline;
251
- }
252
-
253
- .ids-flex {
254
- display: flex;
255
- }
256
-
257
- .ids-inline-flex {
258
- display: inline-flex;
259
- }
260
-
261
- .ids-table {
262
- display: table;
263
- }
264
-
265
- .ids-inline-table {
266
- display: inline-table;
267
- }
268
-
269
- .ids-table-caption {
270
- display: table-caption;
271
- }
272
-
273
- .ids-table-cell {
274
- display: table-cell;
275
- }
276
-
277
- .ids-table-column {
278
- display: table-column;
279
- }
280
-
281
- .ids-table-column-group {
282
- display: table-column-group;
283
- }
284
-
285
- .ids-table-footer-group {
286
- display: table-footer-group;
287
- }
288
-
289
- .ids-table-header-group {
290
- display: table-header-group;
291
- }
292
-
293
- .ids-table-row-group {
294
- display: table-row-group;
295
- }
296
-
297
- .ids-table-row {
298
- display: table-row;
299
- }
300
-
301
- .ids-flow-root {
302
- display: flow-root;
303
- }
304
-
305
- .ids-grid {
306
- display: grid;
307
- }
308
-
309
- .ids-inline-grid {
310
- display: inline-grid;
311
- }
312
-
313
- .ids-contents {
314
- display: contents;
315
- }
316
-
317
- .ids-hidden {
318
- display: none;
319
- }
320
-
321
- .ids-flex-1 {
322
- flex: 1 1 0%;
323
- }
324
-
325
- .ids-flex-auto {
326
- flex: 1 1 auto;
327
- }
328
-
329
- .ids-flex-initial {
330
- flex: 0 1 auto;
331
- }
332
-
333
- .ids-flex-none {
334
- flex: none;
335
- }
336
-
337
- .ids-p-0 {
338
- padding: 0 px;
339
- }
340
-
341
- .ids-p-1 {
342
- padding: 0.25rem;
343
- }
344
-
345
- .ids-p-10 {
346
- padding: 2.5rem;
347
- }
348
-
349
- .ids-p-11 {
350
- padding: 2.75rem;
351
- }
352
-
353
- .ids-p-12 {
354
- padding: 3rem;
355
- }
356
-
357
- .ids-p-2 {
358
- padding: 0.5rem;
359
- }
360
-
361
- .ids-p-3 {
362
- padding: 0.75rem;
363
- }
364
-
365
- .ids-p-4 {
366
- padding: 1rem;
367
- }
368
-
369
- .ids-p-5 {
370
- padding: 1.25rem;
371
- }
372
-
373
- .ids-p-6 {
374
- padding: 1.5rem;
375
- }
376
-
377
- .ids-p-7 {
378
- padding: 1.75rem;
379
- }
380
-
381
- .ids-p-8 {
382
- padding: 2rem;
383
- }
384
-
385
- .ids-p-9 {
386
- padding: 2.25rem;
387
- }
388
-
389
- .ids-pe-0 {
390
- padding-inline-end: 0 px;
391
- }
392
-
393
- .ids-pe-1 {
394
- padding-inline-end: 0.25rem;
395
- }
396
-
397
- .ids-pe-10 {
398
- padding-inline-end: 2.5rem;
399
- }
400
-
401
- .ids-pe-11 {
402
- padding-inline-end: 2.75rem;
403
- }
404
-
405
- .ids-pe-12 {
406
- padding-inline-end: 3rem;
407
- }
408
-
409
- .ids-pe-2 {
410
- padding-inline-end: 0.5rem;
411
- }
412
-
413
- .ids-pe-3 {
414
- padding-inline-end: 0.75rem;
415
- }
416
-
417
- .ids-pe-4 {
418
- padding-inline-end: 1rem;
419
- }
420
-
421
- .ids-pe-5 {
422
- padding-inline-end: 1.25rem;
423
- }
424
-
425
- .ids-pe-6 {
426
- padding-inline-end: 1.5rem;
427
- }
428
-
429
- .ids-pe-7 {
430
- padding-inline-end: 1.75rem;
431
- }
432
-
433
- .ids-pe-8 {
434
- padding-inline-end: 2rem;
435
- }
436
-
437
- .ids-pe-9 {
438
- padding-inline-end: 2.25rem;
439
- }
440
-
441
- .ids-ps-0 {
442
- padding-inline-start: 0 px;
443
- }
444
-
445
- .ids-ps-1 {
446
- padding-inline-start: 0.25rem;
447
- }
448
-
449
- .ids-ps-10 {
450
- padding-inline-start: 2.5rem;
451
- }
452
-
453
- .ids-ps-11 {
454
- padding-inline-start: 2.75rem;
455
- }
456
-
457
- .ids-ps-12 {
458
- padding-inline-start: 3rem;
459
- }
460
-
461
- .ids-ps-2 {
462
- padding-inline-start: 0.5rem;
463
- }
464
-
465
- .ids-ps-3 {
466
- padding-inline-start: 0.75rem;
467
- }
468
-
469
- .ids-ps-4 {
470
- padding-inline-start: 1rem;
471
- }
472
-
473
- .ids-ps-5 {
474
- padding-inline-start: 1.25rem;
475
- }
476
-
477
- .ids-ps-6 {
478
- padding-inline-start: 1.5rem;
479
- }
480
-
481
- .ids-ps-7 {
482
- padding-inline-start: 1.75rem;
483
- }
484
-
485
- .ids-ps-8 {
486
- padding-inline-start: 2rem;
487
- }
488
-
489
- .ids-ps-9 {
490
- padding-inline-start: 2.25rem;
491
- }
492
-
493
- .ids-leading-10 {
494
- line-height: 2.5rem;
495
- }
496
-
497
- .ids-leading-3 {
498
- line-height: 0.75rem;
499
- }
500
-
501
- .ids-leading-4 {
502
- line-height: 1rem;
503
- }
504
-
505
- .ids-leading-5 {
506
- line-height: 1.25rem;
507
- }
508
-
509
- .ids-leading-6 {
510
- line-height: 1.5rem;
511
- }
512
-
513
- .ids-leading-7 {
514
- line-height: 1.75rem;
515
- }
516
-
517
- .ids-leading-8 {
518
- line-height: 2rem;
519
- }
520
-
521
- .ids-leading-9 {
522
- line-height: 2.25rem;
523
- }
524
-
525
- .ids-leading-loose {
526
- line-height: 2;
527
- }
528
-
529
- .ids-leading-none {
530
- line-height: 1;
531
- }
532
-
533
- .ids-leading-normal {
534
- line-height: 1.5;
535
- }
536
-
537
- .ids-leading-relaxed {
538
- line-height: 1.625;
539
- }
540
-
541
- .ids-leading-snug {
542
- line-height: 1.375;
543
- }
544
-
545
- .ids-leading-tight {
546
- line-height: 1.25;
547
- }
548
-
549
- /* Margin top */
550
- .ids .ids-mt-0 {
551
- margin-top: 0px;
552
- }
553
-
554
- .ids .ids-mt-1 {
555
- margin-top: 0.25rem;
556
- }
557
-
558
- .ids .ids-mt-2 {
559
- margin-top: 0.5rem;
560
- }
561
-
562
- .ids .ids-mt-3 {
563
- margin-top: 0.75rem;
564
- }
565
-
566
- .ids .ids-mt-4 {
567
- margin-top: 1rem;
568
- }
569
-
570
- .ids .ids-mt-5 {
571
- margin-top: 1.25rem;
572
- }
573
-
574
- .ids .ids-mt-6 {
575
- margin-top: 1.5rem;
576
- }
577
-
578
- .ids .ids-mt-7 {
579
- margin-top: 1.75rem;
580
- }
581
-
582
- .ids .ids-mt-8 {
583
- margin-top: 2rem;
584
- }
585
-
586
- .ids .ids-mt-9 {
587
- margin-top: 2.25rem;
588
- }
589
-
590
- .ids .ids-mt-10 {
591
- margin-top: 2.5rem;
592
- }
593
-
594
- .ids .ids-mt-11 {
595
- margin-top: 2.75rem;
596
- }
597
-
598
- .ids .ids-mt-12 {
599
- margin-top: 3rem;
600
- }
601
-
602
- /* Margin right */
603
- .ids .ids-mr-0 {
604
- margin-right: 0px;
605
- }
606
-
607
- .ids .ids-mr-1 {
608
- margin-right: 0.25rem;
609
- }
610
-
611
- .ids .ids-mr-2 {
612
- margin-right: 0.5rem;
613
- }
614
-
615
- .ids .ids-mr-3 {
616
- margin-right: 0.75rem;
617
- }
618
-
619
- .ids .ids-mr-4 {
620
- margin-right: 1rem;
621
- }
622
-
623
- .ids .ids-mr-5 {
624
- margin-right: 1.25rem;
625
- }
626
-
627
- .ids .ids-mr-6 {
628
- margin-right: 1.5rem;
629
- }
630
-
631
- .ids .ids-mr-7 {
632
- margin-right: 1.75rem;
633
- }
634
-
635
- .ids .ids-mr-8 {
636
- margin-right: 2rem;
637
- }
638
-
639
- .ids .ids-mr-9 {
640
- margin-right: 2.25rem;
641
- }
642
-
643
- .ids .ids-mr-10 {
644
- margin-right: 2.5rem;
645
- }
646
-
647
- .ids .ids-mr-11 {
648
- margin-right: 2.75rem;
649
- }
650
-
651
- .ids .ids-mr-12 {
652
- margin-right: 3rem;
653
- }
654
-
655
- /* Margin left */
656
- .ids .ids-ml-0 {
657
- margin-left: 0px;
658
- }
659
-
660
- .ids .ids-ml-1 {
661
- margin-left: 0.25rem;
662
- }
663
-
664
- .ids .ids-ml-2 {
665
- margin-left: 0.5rem;
666
- }
667
-
668
- .ids .ids-ml-3 {
669
- margin-left: 0.75rem;
670
- }
671
-
672
- .ids .ids-ml-4 {
673
- margin-left: 1rem;
674
- }
675
-
676
- .ids .ids-ml-5 {
677
- margin-left: 1.25rem;
678
- }
679
-
680
- .ids .ids-ml-6 {
681
- margin-left: 1.5rem;
682
- }
683
-
684
- .ids .ids-ml-7 {
685
- margin-left: 1.75rem;
686
- }
687
-
688
- .ids .ids-ml-8 {
689
- margin-left: 2rem;
690
- }
691
-
692
- .ids .ids-ml-9 {
693
- margin-left: 2.25rem;
694
- }
695
-
696
- .ids .ids-ml-10 {
697
- margin-left: 2.5rem;
698
- }
699
-
700
- .ids .ids-ml-11 {
701
- margin-left: 2.75rem;
702
- }
703
-
704
- .ids .ids-ml-12 {
705
- margin-left: 3rem;
706
- }
707
-
708
- /* Margin y axis */
709
- .ids .ids-my-0 {
710
- margin-top: 0px;
711
- margin-bottom: 0px;
712
- }
713
-
714
- .ids .ids-my-1 {
715
- margin-top: 0.25rem;
716
- margin-bottom: 0.25rem;
717
- }
718
-
719
- .ids .ids-my-2 {
720
- margin-top: 0.5rem;
721
- margin-bottom: 0.5rem;
722
- }
723
-
724
- .ids .ids-my-3 {
725
- margin-top: 0.75rem;
726
- margin-bottom: 0.75rem;
727
- }
728
-
729
- .ids .ids-my-4 {
730
- margin-top: 1rem;
731
- margin-bottom: 1rem;
732
- }
733
-
734
- .ids .ids-my-5 {
735
- margin-top: 1.25rem;
736
- margin-bottom: 1.25rem;
737
- }
738
-
739
- .ids .ids-my-6 {
740
- margin-top: 1.5rem;
741
- margin-bottom: 1.5rem;
742
- }
743
-
744
- .ids .ids-my-7 {
745
- margin-top: 1.75rem;
746
- margin-bottom: 1.75rem;
747
- }
748
-
749
- .ids .ids-my-8 {
750
- margin-top: 2rem;
751
- margin-bottom: 2rem;
752
- }
753
-
754
- .ids .ids-my-9 {
755
- margin-top: 2.25rem;
756
- margin-bottom: 2.25rem;
757
- }
758
-
759
- .ids .ids-my-10 {
760
- margin-top: 2.5rem;
761
- margin-bottom: 2.5rem;
762
- }
763
-
764
- .ids .ids-my-11 {
765
- margin-top: 2.75rem;
766
- margin-bottom: 2.75rem;
767
- }
768
-
769
- .ids .ids-my-12 {
770
- margin-top: 3rem;
771
- margin-bottom: 3rem;
772
- }
773
-
774
- /* Padding */
775
- /* Padding top */
776
- .ids .ids-pt-0 {
777
- padding-top: 0px;
778
- }
779
-
780
- .ids .ids-pt-1 {
781
- padding-top: 0.25rem;
782
- }
783
-
784
- .ids .ids-pt-2 {
785
- padding-top: 0.5rem;
786
- }
787
-
788
- .ids .ids-pt-3 {
789
- padding-top: 0.75rem;
790
- }
791
-
792
- .ids .ids-pt-4 {
793
- padding-top: 1rem;
794
- }
795
-
796
- .ids .ids-pt-5 {
797
- padding-top: 1.25rem;
798
- }
799
-
800
- .ids .ids-pt-6 {
801
- padding-top: 1.5rem;
802
- }
803
-
804
- .ids .ids-pt-7 {
805
- padding-top: 1.75rem;
806
- }
807
-
808
- .ids .ids-pt-8 {
809
- padding-top: 2rem;
810
- }
811
-
812
- .ids .ids-pt-9 {
813
- padding-top: 2.25rem;
814
- }
815
-
816
- .ids .ids-pt-10 {
817
- padding-top: 2.5rem;
818
- }
819
-
820
- .ids .ids-pt-11 {
821
- padding-top: 2.75rem;
822
- }
823
-
824
- .ids .ids-pt-12 {
825
- padding-top: 3rem;
826
- }
827
-
828
- /* Padding bottom */
829
- .ids .ids-pb-0 {
830
- padding-bottom: 0px;
831
- }
832
-
833
- .ids .ids-pb-1 {
834
- padding-bottom: 0.25rem;
835
- }
836
-
837
- .ids .ids-pb-2 {
838
- padding-bottom: 0.5rem;
839
- }
840
-
841
- .ids .ids-pb-3 {
842
- padding-bottom: 0.75rem;
843
- }
844
-
845
- .ids .ids-pb-4 {
846
- padding-bottom: 1rem;
847
- }
848
-
849
- .ids .ids-pb-5 {
850
- padding-bottom: 1.25rem;
851
- }
852
-
853
- .ids .ids-pb-6 {
854
- padding-bottom: 1.5rem;
855
- }
856
-
857
- .ids .ids-pb-7 {
858
- padding-bottom: 1.75rem;
859
- }
860
-
861
- .ids .ids-pb-8 {
862
- padding-bottom: 2rem;
863
- }
864
-
865
- .ids .ids-pb-9 {
866
- padding-bottom: 2.25rem;
867
- }
868
-
869
- .ids .ids-pb-10 {
870
- padding-bottom: 2.5rem;
871
- }
872
-
873
- .ids .ids-pb-11 {
874
- padding-bottom: 2.75rem;
875
- }
876
-
877
- .ids .ids-pb-12 {
878
- padding-bottom: 3rem;
879
- }
880
-
881
- /* Padding right */
882
- .ids .ids-pr-0 {
883
- padding-right: 0px;
884
- }
885
-
886
- .ids .ids-pr-1 {
887
- padding-right: 0.25rem;
888
- }
889
-
890
- .ids .ids-pr-2 {
891
- padding-right: 0.5rem;
892
- }
893
-
894
- .ids .ids-pr-3 {
895
- padding-right: 0.75rem;
896
- }
897
-
898
- .ids .ids-pr-4 {
899
- padding-right: 1rem;
900
- }
901
-
902
- .ids .ids-pr-5 {
903
- padding-right: 1.25rem;
904
- }
905
-
906
- .ids .ids-pr-6 {
907
- padding-right: 1.5rem;
908
- }
909
-
910
- .ids .ids-pr-7 {
911
- padding-right: 1.75rem;
912
- }
913
-
914
- .ids .ids-pr-8 {
915
- padding-right: 2rem;
916
- }
917
-
918
- .ids .ids-pr-9 {
919
- padding-right: 2.25rem;
920
- }
921
-
922
- .ids .ids-pr-10 {
923
- padding-right: 2.5rem;
924
- }
925
-
926
- .ids .ids-pr-11 {
927
- padding-right: 2.75rem;
928
- }
929
-
930
- .ids .ids-pr-12 {
931
- padding-right: 3rem;
932
- }
933
-
934
- /* Padding left */
935
- .ids .ids-pl-0 {
936
- padding-left: 0px;
937
- }
938
-
939
- .ids .ids-pl-1 {
940
- padding-left: 0.25rem;
941
- }
942
-
943
- .ids .ids-pl-2 {
944
- padding-left: 0.5rem;
945
- }
946
-
947
- .ids .ids-pl-3 {
948
- padding-left: 0.75rem;
949
- }
950
-
951
- .ids .ids-pl-4 {
952
- padding-left: 1rem;
953
- }
954
-
955
- .ids .ids-pl-5 {
956
- padding-left: 1.25rem;
957
- }
958
-
959
- .ids .ids-pl-6 {
960
- padding-left: 1.5rem;
961
- }
962
-
963
- .ids .ids-pl-7 {
964
- padding-left: 1.75rem;
965
- }
966
-
967
- .ids .ids-pl-8 {
968
- padding-left: 2rem;
969
- }
970
-
971
- .ids .ids-pl-9 {
972
- padding-left: 2.25rem;
973
- }
974
-
975
- .ids .ids-pl-10 {
976
- padding-left: 2.5rem;
977
- }
978
-
979
- .ids .ids-pl-11 {
980
- padding-left: 2.75rem;
981
- }
982
-
983
- .ids .ids-pl-12 {
984
- padding-left: 3rem;
985
- }
986
-
987
- /* Padding y-axis */
988
- .ids .ids-py-0 {
989
- padding-top: 0px;
990
- padding-bottom: 0px;
991
- }
992
-
993
- .ids .ids-py-1 {
994
- padding-top: 0.25rem;
995
- padding-bottom: 0.25rem;
996
- }
997
-
998
- .ids .ids-py-2 {
999
- padding-top: 0.5rem;
1000
- padding-bottom: 0.5rem;
1001
- }
1002
-
1003
- .ids .ids-py-3 {
1004
- padding-top: 0.75rem;
1005
- padding-bottom: 0.75rem;
1006
- }
1007
-
1008
- .ids .ids-py-4 {
1009
- padding-top: 1rem;
1010
- padding-bottom: 1rem;
1011
- }
1012
-
1013
- .ids .ids-py-5 {
1014
- padding-top: 1.25rem;
1015
- padding-bottom: 1.25rem;
1016
- }
1017
-
1018
- .ids .ids-py-6 {
1019
- padding-top: 1.5rem;
1020
- padding-bottom: 1.5rem;
1021
- }
1022
-
1023
- .ids .ids-py-7 {
1024
- padding-top: 1.75rem;
1025
- padding-bottom: 1.75rem;
1026
- }
1027
-
1028
- .ids .ids-py-8 {
1029
- padding-top: 2rem;
1030
- padding-bottom: 2rem;
1031
- }
1032
-
1033
- .ids .ids-py-9 {
1034
- padding-top: 2.25rem;
1035
- padding-bottom: 2.25rem;
1036
- }
1037
-
1038
- .ids .ids-py-10 {
1039
- padding-top: 2.5rem;
1040
- padding-bottom: 2.5rem;
1041
- }
1042
-
1043
- .ids .ids-py-11 {
1044
- padding-top: 2.75rem;
1045
- padding-bottom: 2.75rem;
1046
- }
1047
-
1048
- .ids .ids-py-12 {
1049
- padding-top: 3rem;
1050
- padding-bottom: 3rem;
1051
- }
1052
-
1053
- .ids .ids-px-0 {
1054
- padding-right: 0px;
1055
- padding-left: 0px;
1056
- }
1057
-
1058
- .ids .ids-px-1 {
1059
- padding-right: 0.25rem;
1060
- padding-left: 0.25rem;
1061
- }
1062
-
1063
- .ids .ids-px-2 {
1064
- padding-right: 0.5rem;
1065
- padding-left: 0.5rem;
1066
- }
1067
-
1068
- .ids .ids-px-3 {
1069
- padding-right: 0.75rem;
1070
- padding-left: 0.75rem;
1071
- }
1072
-
1073
- .ids .ids-px-4 {
1074
- padding-right: 1rem;
1075
- padding-left: 1rem;
1076
- }
1077
-
1078
- .ids .ids-px-5 {
1079
- padding-right: 1.25rem;
1080
- padding-left: 1.25rem;
1081
- }
1082
-
1083
- .ids .ids-px-6 {
1084
- padding-right: 1.5rem;
1085
- padding-left: 1.5rem;
1086
- }
1087
-
1088
- .ids .ids-px-7 {
1089
- padding-right: 1.75rem;
1090
- padding-left: 1.75rem;
1091
- }
1092
-
1093
- .ids .ids-px-8 {
1094
- padding-right: 2rem;
1095
- padding-left: 2rem;
1096
- }
1097
-
1098
- .ids .ids-px-9 {
1099
- padding-right: 2.25rem;
1100
- padding-left: 2.25rem;
1101
- }
1102
-
1103
- .ids .ids-px-10 {
1104
- padding-right: 2.5rem;
1105
- padding-left: 2.5rem;
1106
- }
1107
-
1108
- .ids .ids-px-11 {
1109
- padding-right: 2.75rem;
1110
- padding-left: 2.75rem;
1111
- }
1112
-
1113
- .ids .ids-px-12 {
1114
- padding-right: 3rem;
1115
- padding-left: 3rem;
1116
- }
1117
-
1118
- /* Hide classes */
1119
- .ids-hide {
1120
- display: none;
1121
- }
1122
-
1123
- /* Pre-existing utility classes ends here */
1124
- /* Smaller screen utility classes starts here */
1125
- /* WIP */
1126
- @media (max-width: 600px) {
1127
- .ids-fs-sm-1 {
1128
- font-size: 0.75rem;
1129
- }
1130
- .ids-fs-sm-2 {
1131
- font-size: 1rem;
1132
- }
1133
- }
1134
- @media only screen and (max-width: 640px) {
1135
- /* Margin top */
1136
- .ids .ids-s-mt-0 {
1137
- margin-top: 0px;
1138
- }
1139
- .ids .ids-s-mt-1 {
1140
- margin-top: 0.25rem;
1141
- }
1142
- .ids .ids-s-mt-2 {
1143
- margin-top: 0.5rem;
1144
- }
1145
- .ids .ids-s-mt-3 {
1146
- margin-top: 0.75rem;
1147
- }
1148
- .ids .ids-s-mt-4 {
1149
- margin-top: 1rem;
1150
- }
1151
- .ids .ids-s-mt-5 {
1152
- margin-top: 1.25rem;
1153
- }
1154
- .ids .ids-s-mt-6 {
1155
- margin-top: 1.5rem;
1156
- }
1157
- .ids .ids-s-mt-7 {
1158
- margin-top: 1.75rem;
1159
- }
1160
- .ids .ids-s-mt-8 {
1161
- margin-top: 2rem;
1162
- }
1163
- .ids .ids-s-mt-9 {
1164
- margin-top: 2.25rem;
1165
- }
1166
- .ids .ids-s-mt-10 {
1167
- margin-top: 2.5rem;
1168
- }
1169
- .ids .ids-s-mt-11 {
1170
- margin-top: 2.75rem;
1171
- }
1172
- .ids .ids-s-mt-12 {
1173
- margin-top: 3rem;
1174
- }
1175
- /* Margin right */
1176
- .ids .ids-s-mr-0 {
1177
- margin-right: 0px;
1178
- }
1179
- .ids .ids-s-mr-1 {
1180
- margin-right: 0.25rem;
1181
- }
1182
- .ids .ids-s-mr-2 {
1183
- margin-right: 0.5rem;
1184
- }
1185
- .ids .ids-s-mr-3 {
1186
- margin-right: 0.75rem;
1187
- }
1188
- .ids .ids-s-mr-4 {
1189
- margin-right: 1rem;
1190
- }
1191
- .ids .ids-s-mr-5 {
1192
- margin-right: 1.25rem;
1193
- }
1194
- .ids .ids-s-mr-6 {
1195
- margin-right: 1.5rem;
1196
- }
1197
- .ids .ids-s-mr-7 {
1198
- margin-right: 1.75rem;
1199
- }
1200
- .ids .ids-s-mr-8 {
1201
- margin-right: 2rem;
1202
- }
1203
- .ids .ids-s-mr-9 {
1204
- margin-right: 2.25rem;
1205
- }
1206
- .ids .ids-s-mr-10 {
1207
- margin-right: 2.5rem;
1208
- }
1209
- .ids .ids-s-mr-11 {
1210
- margin-right: 2.75rem;
1211
- }
1212
- .ids .ids-s-mr-12 {
1213
- margin-right: 3rem;
1214
- }
1215
- /* Margin bottom */
1216
- .ids .ids-s-mb-0 {
1217
- margin-bottom: 0px;
1218
- }
1219
- .ids .ids-s-mb-1 {
1220
- margin-bottom: 0.25rem;
1221
- }
1222
- .ids .ids-s-mb-2 {
1223
- margin-bottom: 0.5rem;
1224
- }
1225
- .ids .ids-s-mb-3 {
1226
- margin-bottom: 0.75rem;
1227
- }
1228
- .ids .ids-s-mb-4 {
1229
- margin-bottom: 1rem;
1230
- }
1231
- .ids .ids-s-mb-5 {
1232
- margin-bottom: 1.25rem;
1233
- }
1234
- .ids .ids-s-mb-6 {
1235
- margin-bottom: 1.5rem;
1236
- }
1237
- .ids .ids-s-mb-7 {
1238
- margin-bottom: 1.75rem;
1239
- }
1240
- .ids .ids-s-mb-8 {
1241
- margin-bottom: 2rem;
1242
- }
1243
- .ids .ids-s-mb-9 {
1244
- margin-bottom: 2.25rem;
1245
- }
1246
- .ids .ids-s-mb-10 {
1247
- margin-bottom: 2.5rem;
1248
- }
1249
- .ids .ids-s-mb-11 {
1250
- margin-bottom: 2.75rem;
1251
- }
1252
- .ids .ids-s-mb-12 {
1253
- margin-bottom: 3rem;
1254
- }
1255
- /* Margin left */
1256
- .ids .ids-s-ml-0 {
1257
- margin-left: 0px;
1258
- }
1259
- .ids .ids-s-ml-1 {
1260
- margin-left: 0.25rem;
1261
- }
1262
- .ids .ids-s-ml-2 {
1263
- margin-left: 0.5rem;
1264
- }
1265
- .ids .ids-s-ml-3 {
1266
- margin-left: 0.75rem;
1267
- }
1268
- .ids .ids-s-ml-4 {
1269
- margin-left: 1rem;
1270
- }
1271
- .ids .ids-s-ml-5 {
1272
- margin-left: 1.25rem;
1273
- }
1274
- .ids .ids-s-ml-6 {
1275
- margin-left: 1.5rem;
1276
- }
1277
- .ids .ids-s-ml-7 {
1278
- margin-left: 1.75rem;
1279
- }
1280
- .ids .ids-s-ml-8 {
1281
- margin-left: 2rem;
1282
- }
1283
- .ids .ids-s-ml-9 {
1284
- margin-left: 2.25rem;
1285
- }
1286
- .ids .ids-s-ml-10 {
1287
- margin-left: 2.5rem;
1288
- }
1289
- .ids .ids-s-ml-11 {
1290
- margin-left: 2.75rem;
1291
- }
1292
- .ids .ids-s-ml-12 {
1293
- margin-left: 3rem;
1294
- }
1295
- /* Margin y axis */
1296
- .ids .ids-s-my-0 {
1297
- margin-top: 0px;
1298
- margin-bottom: 0px;
1299
- }
1300
- .ids .ids-s-my-1 {
1301
- margin-top: 0.25rem;
1302
- margin-bottom: 0.25rem;
1303
- }
1304
- .ids .ids-s-my-2 {
1305
- margin-top: 0.5rem;
1306
- margin-bottom: 0.5rem;
1307
- }
1308
- .ids .ids-s-my-3 {
1309
- margin-top: 0.75rem;
1310
- margin-bottom: 0.75rem;
1311
- }
1312
- .ids .ids-s-my-4 {
1313
- margin-top: 1rem;
1314
- margin-bottom: 1rem;
1315
- }
1316
- .ids .ids-s-my-5 {
1317
- margin-top: 1.25rem;
1318
- margin-bottom: 1.25rem;
1319
- }
1320
- .ids .ids-s-my-6 {
1321
- margin-top: 1.5rem;
1322
- margin-bottom: 1.5rem;
1323
- }
1324
- .ids .ids-s-my-7 {
1325
- margin-top: 1.75rem;
1326
- margin-bottom: 1.75rem;
1327
- }
1328
- .ids .ids-s-my-8 {
1329
- margin-top: 2rem;
1330
- margin-bottom: 2rem;
1331
- }
1332
- .ids .ids-s-my-9 {
1333
- margin-top: 2.25rem;
1334
- margin-bottom: 2.25rem;
1335
- }
1336
- .ids .ids-s-my-10 {
1337
- margin-top: 2.5rem;
1338
- margin-bottom: 2.5rem;
1339
- }
1340
- .ids .ids-s-my-11 {
1341
- margin-top: 2.75rem;
1342
- margin-bottom: 2.75rem;
1343
- }
1344
- .ids .ids-s-my-12 {
1345
- margin-top: 3rem;
1346
- margin-bottom: 3rem;
1347
- }
1348
- /* Margin x axis */
1349
- .ids .ids-s-mx-0 {
1350
- margin-left: 0px;
1351
- margin-right: 0px;
1352
- }
1353
- .ids .ids-s-mx-1 {
1354
- margin-left: 0.25rem;
1355
- margin-right: 0.25rem;
1356
- }
1357
- .ids .ids-s-mx-2 {
1358
- margin-left: 0.5rem;
1359
- margin-right: 0.5rem;
1360
- }
1361
- .ids .ids-s-mx-3 {
1362
- margin-left: 0.75rem;
1363
- margin-right: 0.75rem;
1364
- }
1365
- .ids .ids-s-mx-4 {
1366
- margin-left: 1rem;
1367
- margin-right: 1rem;
1368
- }
1369
- .ids .ids-s-mx-5 {
1370
- margin-left: 1.25rem;
1371
- margin-right: 1.25rem;
1372
- }
1373
- .ids .ids-s-mx-6 {
1374
- margin-left: 1.5rem;
1375
- margin-right: 1.5rem;
1376
- }
1377
- .ids .ids-s-mx-7 {
1378
- margin-left: 1.75rem;
1379
- margin-right: 1.75rem;
1380
- }
1381
- .ids .ids-s-mx-8 {
1382
- margin-left: 2rem;
1383
- margin-right: 2rem;
1384
- }
1385
- .ids .ids-s-mx-9 {
1386
- margin-left: 2.25rem;
1387
- margin-right: 2.25rem;
1388
- }
1389
- .ids .ids-s-mx-10 {
1390
- margin-left: 2.5rem;
1391
- margin-right: 2.5rem;
1392
- }
1393
- .ids .ids-s-mx-11 {
1394
- margin-left: 2.75rem;
1395
- margin-right: 2.75rem;
1396
- }
1397
- .ids .ids-s-mx-12 {
1398
- margin-left: 3rem;
1399
- margin-right: 3rem;
1400
- }
1401
- /* Padding */
1402
- /* Padding top */
1403
- .ids .ids-s-pt-0 {
1404
- padding-top: 0px;
1405
- }
1406
- .ids .ids-s-pt-1 {
1407
- padding-top: 0.25rem;
1408
- }
1409
- .ids .ids-s-pt-2 {
1410
- padding-top: 0.5rem;
1411
- }
1412
- .ids .ids-s-pt-3 {
1413
- padding-top: 0.75rem;
1414
- }
1415
- .ids .ids-s-pt-4 {
1416
- padding-top: 1rem;
1417
- }
1418
- .ids .ids-s-pt-5 {
1419
- padding-top: 1.25rem;
1420
- }
1421
- .ids .ids-s-pt-6 {
1422
- padding-top: 1.5rem;
1423
- }
1424
- .ids .ids-s-pt-7 {
1425
- padding-top: 1.75rem;
1426
- }
1427
- .ids .ids-s-pt-8 {
1428
- padding-top: 2rem;
1429
- }
1430
- .ids .ids-s-pt-9 {
1431
- padding-top: 2.25rem;
1432
- }
1433
- .ids .ids-s-pt-10 {
1434
- padding-top: 2.5rem;
1435
- }
1436
- .ids .ids-s-pt-11 {
1437
- padding-top: 2.75rem;
1438
- }
1439
- .ids .ids-s-pt-12 {
1440
- padding-top: 3rem;
1441
- }
1442
- /* Padding bottom */
1443
- .ids .ids-s-pb-0 {
1444
- padding-bottom: 0px;
1445
- }
1446
- .ids .ids-s-pb-1 {
1447
- padding-bottom: 0.25rem;
1448
- }
1449
- .ids .ids-s-pb-2 {
1450
- padding-bottom: 0.5rem;
1451
- }
1452
- .ids .ids-s-pb-3 {
1453
- padding-bottom: 0.75rem;
1454
- }
1455
- .ids .ids-s-pb-4 {
1456
- padding-bottom: 1rem;
1457
- }
1458
- .ids .ids-s-pb-5 {
1459
- padding-bottom: 1.25rem;
1460
- }
1461
- .ids .ids-s-pb-6 {
1462
- padding-bottom: 1.5rem;
1463
- }
1464
- .ids .ids-s-pb-7 {
1465
- padding-bottom: 1.75rem;
1466
- }
1467
- .ids .ids-s-pb-8 {
1468
- padding-bottom: 2rem;
1469
- }
1470
- .ids .ids-s-pb-9 {
1471
- padding-bottom: 2.25rem;
1472
- }
1473
- .ids .ids-s-pb-10 {
1474
- padding-bottom: 2.5rem;
1475
- }
1476
- .ids .ids-s-pb-11 {
1477
- padding-bottom: 2.75rem;
1478
- }
1479
- .ids .ids-s-pb-12 {
1480
- padding-bottom: 3rem;
1481
- }
1482
- /* Padding right */
1483
- .ids .ids-s-pr-0 {
1484
- padding-right: 0px;
1485
- }
1486
- .ids .ids-s-pr-1 {
1487
- padding-right: 0.25rem;
1488
- }
1489
- .ids .ids-s-pr-2 {
1490
- padding-right: 0.5rem;
1491
- }
1492
- .ids .ids-s-pr-3 {
1493
- padding-right: 0.75rem;
1494
- }
1495
- .ids .ids-s-pr-4 {
1496
- padding-right: 1rem;
1497
- }
1498
- .ids .ids-s-pr-5 {
1499
- padding-right: 1.25rem;
1500
- }
1501
- .ids .ids-s-pr-6 {
1502
- padding-right: 1.5rem;
1503
- }
1504
- .ids .ids-s-pr-7 {
1505
- padding-right: 1.75rem;
1506
- }
1507
- .ids .ids-s-pr-8 {
1508
- padding-right: 2rem;
1509
- }
1510
- .ids .ids-s-pr-9 {
1511
- padding-right: 2.25rem;
1512
- }
1513
- .ids .ids-s-pr-10 {
1514
- padding-right: 2.5rem;
1515
- }
1516
- .ids .ids-s-pr-11 {
1517
- padding-right: 2.75rem;
1518
- }
1519
- .ids .ids-s-pr-12 {
1520
- padding-right: 3rem;
1521
- }
1522
- /* Padding left */
1523
- .ids .ids-s-pl-0 {
1524
- padding-left: 0px;
1525
- }
1526
- .ids .ids-s-pl-1 {
1527
- padding-left: 0.25rem;
1528
- }
1529
- .ids .ids-s-pl-2 {
1530
- padding-left: 0.5rem;
1531
- }
1532
- .ids .ids-s-pl-3 {
1533
- padding-left: 0.75rem;
1534
- }
1535
- .ids .ids-s-pl-4 {
1536
- padding-left: 1rem;
1537
- }
1538
- .ids .ids-s-pl-5 {
1539
- padding-left: 1.25rem;
1540
- }
1541
- .ids .ids-s-pl-6 {
1542
- padding-left: 1.5rem;
1543
- }
1544
- .ids .ids-s-pl-7 {
1545
- padding-left: 1.75rem;
1546
- }
1547
- .ids .ids-s-pl-8 {
1548
- padding-left: 2rem;
1549
- }
1550
- .ids .ids-s-pl-9 {
1551
- padding-left: 2.25rem;
1552
- }
1553
- .ids .ids-s-pl-10 {
1554
- padding-left: 2.5rem;
1555
- }
1556
- .ids .ids-s-pl-11 {
1557
- padding-left: 2.75rem;
1558
- }
1559
- .ids .ids-s-pl-12 {
1560
- padding-left: 3rem;
1561
- }
1562
- /* Padding y-axis */
1563
- .ids .ids-s-py-0 {
1564
- padding-top: 0px;
1565
- padding-bottom: 0px;
1566
- }
1567
- .ids .ids-s-py-1 {
1568
- padding-top: 0.25rem;
1569
- padding-bottom: 0.25rem;
1570
- }
1571
- .ids .ids-s-py-2 {
1572
- padding-top: 0.5rem;
1573
- padding-bottom: 0.5rem;
1574
- }
1575
- .ids .ids-s-py-3 {
1576
- padding-top: 0.75rem;
1577
- padding-bottom: 0.75rem;
1578
- }
1579
- .ids .ids-s-py-4 {
1580
- padding-top: 1rem;
1581
- padding-bottom: 1rem;
1582
- }
1583
- .ids .ids-s-py-5 {
1584
- padding-top: 1.25rem;
1585
- padding-bottom: 1.25rem;
1586
- }
1587
- .ids .ids-s-py-6 {
1588
- padding-top: 1.5rem;
1589
- padding-bottom: 1.5rem;
1590
- }
1591
- .ids .ids-s-py-7 {
1592
- padding-top: 1.75rem;
1593
- padding-bottom: 1.75rem;
1594
- }
1595
- .ids .ids-s-py-8 {
1596
- padding-top: 2rem;
1597
- padding-bottom: 2rem;
1598
- }
1599
- .ids .ids-s-py-9 {
1600
- padding-top: 2.25rem;
1601
- padding-bottom: 2.25rem;
1602
- }
1603
- .ids .ids-s-py-10 {
1604
- padding-top: 2.5rem;
1605
- padding-bottom: 2.5rem;
1606
- }
1607
- .ids .ids-s-py-11 {
1608
- padding-top: 2.75rem;
1609
- padding-bottom: 2.75rem;
1610
- }
1611
- .ids .ids-s-py-12 {
1612
- padding-top: 3rem;
1613
- padding-bottom: 3rem;
1614
- }
1615
- .ids .ids-s-px-0 {
1616
- padding-right: 0px;
1617
- padding-left: 0px;
1618
- }
1619
- .ids .ids-s-px-1 {
1620
- padding-right: 0.25rem;
1621
- padding-left: 0.25rem;
1622
- }
1623
- .ids .ids-s-px-2 {
1624
- padding-right: 0.5rem;
1625
- padding-left: 0.5rem;
1626
- }
1627
- .ids .ids-s-px-3 {
1628
- padding-right: 0.75rem;
1629
- padding-left: 0.75rem;
1630
- }
1631
- .ids .ids-s-px-4 {
1632
- padding-right: 1rem;
1633
- padding-left: 1rem;
1634
- }
1635
- .ids .ids-s-px-5 {
1636
- padding-right: 1.25rem;
1637
- padding-left: 1.25rem;
1638
- }
1639
- .ids .ids-s-px-6 {
1640
- padding-right: 1.5rem;
1641
- padding-left: 1.5rem;
1642
- }
1643
- .ids .ids-s-px-7 {
1644
- padding-right: 1.75rem;
1645
- padding-left: 1.75rem;
1646
- }
1647
- .ids .ids-s-px-8 {
1648
- padding-right: 2rem;
1649
- padding-left: 2rem;
1650
- }
1651
- .ids .ids-s-px-9 {
1652
- padding-right: 2.25rem;
1653
- padding-left: 2.25rem;
1654
- }
1655
- .ids .ids-s-px-10 {
1656
- padding-right: 2.5rem;
1657
- padding-left: 2.5rem;
1658
- }
1659
- .ids .ids-s-px-11 {
1660
- padding-right: 2.75rem;
1661
- padding-left: 2.75rem;
1662
- }
1663
- .ids .ids-s-px-12 {
1664
- padding-right: 3rem;
1665
- padding-left: 3rem;
1666
- }
1667
- /* Hide classes */
1668
- .ids .ids-hide-on-mobile,
1669
- .ids .ids-hide-on-s,
1670
- .ids .ids-s-hide {
1671
- display: none;
1672
- }
1673
- }
1674
- @media only screen and (max-width: 1024px) {
1675
- /* Margin top */
1676
- .ids .ids-m-mt-0 {
1677
- margin-top: 0px;
1678
- }
1679
- .ids .ids-m-mt-1 {
1680
- margin-top: 0.25rem;
1681
- }
1682
- .ids .ids-m-mt-2 {
1683
- margin-top: 0.5rem;
1684
- }
1685
- .ids .ids-m-mt-3 {
1686
- margin-top: 0.75rem;
1687
- }
1688
- .ids .ids-m-mt-4 {
1689
- margin-top: 1rem;
1690
- }
1691
- .ids .ids-m-mt-5 {
1692
- margin-top: 1.25rem;
1693
- }
1694
- .ids .ids-m-mt-6 {
1695
- margin-top: 1.5rem;
1696
- }
1697
- .ids .ids-m-mt-7 {
1698
- margin-top: 1.75rem;
1699
- }
1700
- .ids .ids-m-mt-8 {
1701
- margin-top: 2rem;
1702
- }
1703
- .ids .ids-m-mt-9 {
1704
- margin-top: 2.25rem;
1705
- }
1706
- .ids .ids-m-mt-10 {
1707
- margin-top: 2.5rem;
1708
- }
1709
- .ids .ids-m-mt-11 {
1710
- margin-top: 2.75rem;
1711
- }
1712
- .ids .ids-m-mt-12 {
1713
- margin-top: 3rem;
1714
- }
1715
- /* Margin right */
1716
- .ids .ids-m-mr-0 {
1717
- margin-right: 0px;
1718
- }
1719
- .ids .ids-m-mr-1 {
1720
- margin-right: 0.25rem;
1721
- }
1722
- .ids .ids-m-mr-2 {
1723
- margin-right: 0.5rem;
1724
- }
1725
- .ids .ids-m-mr-3 {
1726
- margin-right: 0.75rem;
1727
- }
1728
- .ids .ids-m-mr-4 {
1729
- margin-right: 1rem;
1730
- }
1731
- .ids .ids-m-mr-5 {
1732
- margin-right: 1.25rem;
1733
- }
1734
- .ids .ids-m-mr-6 {
1735
- margin-right: 1.5rem;
1736
- }
1737
- .ids .ids-m-mr-7 {
1738
- margin-right: 1.75rem;
1739
- }
1740
- .ids .ids-m-mr-8 {
1741
- margin-right: 2rem;
1742
- }
1743
- .ids .ids-m-mr-9 {
1744
- margin-right: 2.25rem;
1745
- }
1746
- .ids .ids-m-mr-10 {
1747
- margin-right: 2.5rem;
1748
- }
1749
- .ids .ids-m-mr-11 {
1750
- margin-right: 2.75rem;
1751
- }
1752
- .ids .ids-m-mr-12 {
1753
- margin-right: 3rem;
1754
- }
1755
- /* Margin bottom */
1756
- .ids .ids-m-mb-0 {
1757
- margin-bottom: 0px;
1758
- }
1759
- .ids .ids-m-mb-1 {
1760
- margin-bottom: 0.25rem;
1761
- }
1762
- .ids .ids-m-mb-2 {
1763
- margin-bottom: 0.5rem;
1764
- }
1765
- .ids .ids-m-mb-3 {
1766
- margin-bottom: 0.75rem;
1767
- }
1768
- .ids .ids-m-mb-4 {
1769
- margin-bottom: 1rem;
1770
- }
1771
- .ids .ids-m-mb-5 {
1772
- margin-bottom: 1.25rem;
1773
- }
1774
- .ids .ids-m-mb-6 {
1775
- margin-bottom: 1.5rem;
1776
- }
1777
- .ids .ids-m-mb-7 {
1778
- margin-bottom: 1.75rem;
1779
- }
1780
- .ids .ids-m-mb-8 {
1781
- margin-bottom: 2rem;
1782
- }
1783
- .ids .ids-m-mb-9 {
1784
- margin-bottom: 2.25rem;
1785
- }
1786
- .ids .ids-m-mb-10 {
1787
- margin-bottom: 2.5rem;
1788
- }
1789
- .ids .ids-m-mb-11 {
1790
- margin-bottom: 2.75rem;
1791
- }
1792
- .ids .ids-m-mb-12 {
1793
- margin-bottom: 3rem;
1794
- }
1795
- /* Margin left */
1796
- .ids .ids-m-ml-0 {
1797
- margin-left: 0px;
1798
- }
1799
- .ids .ids-m-ml-1 {
1800
- margin-left: 0.25rem;
1801
- }
1802
- .ids .ids-m-ml-2 {
1803
- margin-left: 0.5rem;
1804
- }
1805
- .ids .ids-m-ml-3 {
1806
- margin-left: 0.75rem;
1807
- }
1808
- .ids .ids-m-ml-4 {
1809
- margin-left: 1rem;
1810
- }
1811
- .ids .ids-m-ml-5 {
1812
- margin-left: 1.25rem;
1813
- }
1814
- .ids .ids-m-ml-6 {
1815
- margin-left: 1.5rem;
1816
- }
1817
- .ids .ids-m-ml-7 {
1818
- margin-left: 1.75rem;
1819
- }
1820
- .ids .ids-m-ml-8 {
1821
- margin-left: 2rem;
1822
- }
1823
- .ids .ids-m-ml-9 {
1824
- margin-left: 2.25rem;
1825
- }
1826
- .ids .ids-m-ml-10 {
1827
- margin-left: 2.5rem;
1828
- }
1829
- .ids .ids-m-ml-11 {
1830
- margin-left: 2.75rem;
1831
- }
1832
- .ids .ids-m-ml-12 {
1833
- margin-left: 3rem;
1834
- }
1835
- /* Margin y axis */
1836
- .ids .ids-m-my-0 {
1837
- margin-top: 0px;
1838
- margin-bottom: 0px;
1839
- }
1840
- .ids .ids-m-my-1 {
1841
- margin-top: 0.25rem;
1842
- margin-bottom: 0.25rem;
1843
- }
1844
- .ids .ids-m-my-2 {
1845
- margin-top: 0.5rem;
1846
- margin-bottom: 0.5rem;
1847
- }
1848
- .ids .ids-m-my-3 {
1849
- margin-top: 0.75rem;
1850
- margin-bottom: 0.75rem;
1851
- }
1852
- .ids .ids-m-my-4 {
1853
- margin-top: 1rem;
1854
- margin-bottom: 1rem;
1855
- }
1856
- .ids .ids-m-my-5 {
1857
- margin-top: 1.25rem;
1858
- margin-bottom: 1.25rem;
1859
- }
1860
- .ids .ids-m-my-6 {
1861
- margin-top: 1.5rem;
1862
- margin-bottom: 1.5rem;
1863
- }
1864
- .ids .ids-m-my-7 {
1865
- margin-top: 1.75rem;
1866
- margin-bottom: 1.75rem;
1867
- }
1868
- .ids .ids-m-my-8 {
1869
- margin-top: 2rem;
1870
- margin-bottom: 2rem;
1871
- }
1872
- .ids .ids-m-my-9 {
1873
- margin-top: 2.25rem;
1874
- margin-bottom: 2.25rem;
1875
- }
1876
- .ids .ids-m-my-10 {
1877
- margin-top: 2.5rem;
1878
- margin-bottom: 2.5rem;
1879
- }
1880
- .ids .ids-m-my-11 {
1881
- margin-top: 2.75rem;
1882
- margin-bottom: 2.75rem;
1883
- }
1884
- .ids .ids-m-my-12 {
1885
- margin-top: 3rem;
1886
- margin-bottom: 3rem;
1887
- }
1888
- /* Margin x axis */
1889
- .ids .ids-m-mx-0 {
1890
- margin-left: 0px;
1891
- margin-right: 0px;
1892
- }
1893
- .ids .ids-m-mx-1 {
1894
- margin-left: 0.25rem;
1895
- margin-right: 0.25rem;
1896
- }
1897
- .ids .ids-m-mx-2 {
1898
- margin-left: 0.5rem;
1899
- margin-right: 0.5rem;
1900
- }
1901
- .ids .ids-m-mx-3 {
1902
- margin-left: 0.75rem;
1903
- margin-right: 0.75rem;
1904
- }
1905
- .ids .ids-m-mx-4 {
1906
- margin-left: 1rem;
1907
- margin-right: 1rem;
1908
- }
1909
- .ids .ids-m-mx-5 {
1910
- margin-left: 1.25rem;
1911
- margin-right: 1.25rem;
1912
- }
1913
- .ids .ids-m-mx-6 {
1914
- margin-left: 1.5rem;
1915
- margin-right: 1.5rem;
1916
- }
1917
- .ids .ids-m-mx-7 {
1918
- margin-left: 1.75rem;
1919
- margin-right: 1.75rem;
1920
- }
1921
- .ids .ids-m-mx-8 {
1922
- margin-left: 2rem;
1923
- margin-right: 2rem;
1924
- }
1925
- .ids .ids-m-mx-9 {
1926
- margin-left: 2.25rem;
1927
- margin-right: 2.25rem;
1928
- }
1929
- .ids .ids-m-mx-10 {
1930
- margin-left: 2.5rem;
1931
- margin-right: 2.5rem;
1932
- }
1933
- .ids .ids-m-mx-11 {
1934
- margin-left: 2.75rem;
1935
- margin-right: 2.75rem;
1936
- }
1937
- .ids .ids-m-mx-12 {
1938
- margin-left: 3rem;
1939
- margin-right: 3rem;
1940
- }
1941
- /* Padding */
1942
- /* Padding top */
1943
- .ids .ids-m-pt-0 {
1944
- padding-top: 0px;
1945
- }
1946
- .ids .ids-m-pt-1 {
1947
- padding-top: 0.25rem;
1948
- }
1949
- .ids .ids-m-pt-2 {
1950
- padding-top: 0.5rem;
1951
- }
1952
- .ids .ids-m-pt-3 {
1953
- padding-top: 0.75rem;
1954
- }
1955
- .ids .ids-m-pt-4 {
1956
- padding-top: 1rem;
1957
- }
1958
- .ids .ids-m-pt-5 {
1959
- padding-top: 1.25rem;
1960
- }
1961
- .ids .ids-m-pt-6 {
1962
- padding-top: 1.5rem;
1963
- }
1964
- .ids .ids-m-pt-7 {
1965
- padding-top: 1.75rem;
1966
- }
1967
- .ids .ids-m-pt-8 {
1968
- padding-top: 2rem;
1969
- }
1970
- .ids .ids-m-pt-9 {
1971
- padding-top: 2.25rem;
1972
- }
1973
- .ids .ids-m-pt-10 {
1974
- padding-top: 2.5rem;
1975
- }
1976
- .ids .ids-m-pt-11 {
1977
- padding-top: 2.75rem;
1978
- }
1979
- .ids .ids-m-pt-12 {
1980
- padding-top: 3rem;
1981
- }
1982
- /* Padding bottom */
1983
- .ids .ids-m-pb-0 {
1984
- padding-bottom: 0px;
1985
- }
1986
- .ids .ids-m-pb-1 {
1987
- padding-bottom: 0.25rem;
1988
- }
1989
- .ids .ids-m-pb-2 {
1990
- padding-bottom: 0.5rem;
1991
- }
1992
- .ids .ids-m-pb-3 {
1993
- padding-bottom: 0.75rem;
1994
- }
1995
- .ids .ids-m-pb-4 {
1996
- padding-bottom: 1rem;
1997
- }
1998
- .ids .ids-m-pb-5 {
1999
- padding-bottom: 1.25rem;
2000
- }
2001
- .ids .ids-m-pb-6 {
2002
- padding-bottom: 1.5rem;
2003
- }
2004
- .ids .ids-m-pb-7 {
2005
- padding-bottom: 1.75rem;
2006
- }
2007
- .ids .ids-m-pb-8 {
2008
- padding-bottom: 2rem;
2009
- }
2010
- .ids .ids-m-pb-9 {
2011
- padding-bottom: 2.25rem;
2012
- }
2013
- .ids .ids-m-pb-10 {
2014
- padding-bottom: 2.5rem;
2015
- }
2016
- .ids .ids-m-pb-11 {
2017
- padding-bottom: 2.75rem;
2018
- }
2019
- .ids .ids-m-pb-12 {
2020
- padding-bottom: 3rem;
2021
- }
2022
- /* Padding right */
2023
- .ids .ids-m-pr-0 {
2024
- padding-right: 0px;
2025
- }
2026
- .ids .ids-m-pr-1 {
2027
- padding-right: 0.25rem;
2028
- }
2029
- .ids .ids-m-pr-2 {
2030
- padding-right: 0.5rem;
2031
- }
2032
- .ids .ids-m-pr-3 {
2033
- padding-right: 0.75rem;
2034
- }
2035
- .ids .ids-m-pr-4 {
2036
- padding-right: 1rem;
2037
- }
2038
- .ids .ids-m-pr-5 {
2039
- padding-right: 1.25rem;
2040
- }
2041
- .ids .ids-m-pr-6 {
2042
- padding-right: 1.5rem;
2043
- }
2044
- .ids .ids-m-pr-7 {
2045
- padding-right: 1.75rem;
2046
- }
2047
- .ids .ids-m-pr-8 {
2048
- padding-right: 2rem;
2049
- }
2050
- .ids .ids-m-pr-9 {
2051
- padding-right: 2.25rem;
2052
- }
2053
- .ids .ids-m-pr-10 {
2054
- padding-right: 2.5rem;
2055
- }
2056
- .ids .ids-m-pr-11 {
2057
- padding-right: 2.75rem;
2058
- }
2059
- .ids .ids-m-pr-12 {
2060
- padding-right: 3rem;
2061
- }
2062
- /* Padding left */
2063
- .ids .ids-m-pl-0 {
2064
- padding-left: 0px;
2065
- }
2066
- .ids .ids-m-pl-1 {
2067
- padding-left: 0.25rem;
2068
- }
2069
- .ids .ids-m-pl-2 {
2070
- padding-left: 0.5rem;
2071
- }
2072
- .ids .ids-m-pl-3 {
2073
- padding-left: 0.75rem;
2074
- }
2075
- .ids .ids-m-pl-4 {
2076
- padding-left: 1rem;
2077
- }
2078
- .ids .ids-m-pl-5 {
2079
- padding-left: 1.25rem;
2080
- }
2081
- .ids .ids-m-pl-6 {
2082
- padding-left: 1.5rem;
2083
- }
2084
- .ids .ids-m-pl-7 {
2085
- padding-left: 1.75rem;
2086
- }
2087
- .ids .ids-m-pl-8 {
2088
- padding-left: 2rem;
2089
- }
2090
- .ids .ids-m-pl-9 {
2091
- padding-left: 2.25rem;
2092
- }
2093
- .ids .ids-m-pl-10 {
2094
- padding-left: 2.5rem;
2095
- }
2096
- .ids .ids-m-pl-11 {
2097
- padding-left: 2.75rem;
2098
- }
2099
- .ids .ids-m-pl-12 {
2100
- padding-left: 3rem;
2101
- }
2102
- /* Padding y-axis */
2103
- .ids .ids-m-py-0 {
2104
- padding-top: 0px;
2105
- padding-bottom: 0px;
2106
- }
2107
- .ids .ids-m-py-1 {
2108
- padding-top: 0.25rem;
2109
- padding-bottom: 0.25rem;
2110
- }
2111
- .ids .ids-m-py-2 {
2112
- padding-top: 0.5rem;
2113
- padding-bottom: 0.5rem;
2114
- }
2115
- .ids .ids-m-py-3 {
2116
- padding-top: 0.75rem;
2117
- padding-bottom: 0.75rem;
2118
- }
2119
- .ids .ids-m-py-4 {
2120
- padding-top: 1rem;
2121
- padding-bottom: 1rem;
2122
- }
2123
- .ids .ids-m-py-5 {
2124
- padding-top: 1.25rem;
2125
- padding-bottom: 1.25rem;
2126
- }
2127
- .ids .ids-m-py-6 {
2128
- padding-top: 1.5rem;
2129
- padding-bottom: 1.5rem;
2130
- }
2131
- .ids .ids-m-py-7 {
2132
- padding-top: 1.75rem;
2133
- padding-bottom: 1.75rem;
2134
- }
2135
- .ids .ids-m-py-8 {
2136
- padding-top: 2rem;
2137
- padding-bottom: 2rem;
2138
- }
2139
- .ids .ids-m-py-9 {
2140
- padding-top: 2.25rem;
2141
- padding-bottom: 2.25rem;
2142
- }
2143
- .ids .ids-m-py-10 {
2144
- padding-top: 2.5rem;
2145
- padding-bottom: 2.5rem;
2146
- }
2147
- .ids .ids-m-py-11 {
2148
- padding-top: 2.75rem;
2149
- padding-bottom: 2.75rem;
2150
- }
2151
- .ids .ids-m-py-12 {
2152
- padding-top: 3rem;
2153
- padding-bottom: 3rem;
2154
- }
2155
- .ids .ids-m-px-0 {
2156
- padding-right: 0px;
2157
- padding-left: 0px;
2158
- }
2159
- .ids .ids-m-px-1 {
2160
- padding-right: 0.25rem;
2161
- padding-left: 0.25rem;
2162
- }
2163
- .ids .ids-m-px-2 {
2164
- padding-right: 0.5rem;
2165
- padding-left: 0.5rem;
2166
- }
2167
- .ids .ids-m-px-3 {
2168
- padding-right: 0.75rem;
2169
- padding-left: 0.75rem;
2170
- }
2171
- .ids .ids-m-px-4 {
2172
- padding-right: 1rem;
2173
- padding-left: 1rem;
2174
- }
2175
- .ids .ids-m-px-5 {
2176
- padding-right: 1.25rem;
2177
- padding-left: 1.25rem;
2178
- }
2179
- .ids .ids-m-px-6 {
2180
- padding-right: 1.5rem;
2181
- padding-left: 1.5rem;
2182
- }
2183
- .ids .ids-m-px-7 {
2184
- padding-right: 1.75rem;
2185
- padding-left: 1.75rem;
2186
- }
2187
- .ids .ids-m-px-8 {
2188
- padding-right: 2rem;
2189
- padding-left: 2rem;
2190
- }
2191
- .ids .ids-m-px-9 {
2192
- padding-right: 2.25rem;
2193
- padding-left: 2.25rem;
2194
- }
2195
- .ids .ids-m-px-10 {
2196
- padding-right: 2.5rem;
2197
- padding-left: 2.5rem;
2198
- }
2199
- .ids .ids-m-px-11 {
2200
- padding-right: 2.75rem;
2201
- padding-left: 2.75rem;
2202
- }
2203
- .ids .ids-m-px-12 {
2204
- padding-right: 3rem;
2205
- padding-left: 3rem;
2206
- }
2207
- /* Hide classes */
2208
- .ids .ids-hide-on-tablet,
2209
- .ids .ids-hide-on-m,
2210
- .ids .ids-m-hide {
2211
- display: none;
2212
- }
2213
- }
2214
- @media only screen and (min-width: 1024px) {
2215
- .ids .ids-hide-on-desktop,
2216
- .ids .ids-d-hide {
2217
- display: none;
2218
- }
2219
- }
2220
- /* Smaller screen utility classes ends here */
2221
- /*Custom addition to the tailwind util class */
2222
- /* Adds spacing between words */
2223
- .ids-ws-0 {
2224
- word-spacing: 0;
2225
- }
2226
-
2227
- .ids-ws-1 {
2228
- word-spacing: 0.25rem;
2229
- }
2230
-
2231
- .ids-ws-2 {
2232
- word-spacing: 0.5rem;
2233
- }
2234
-
2235
- .ids-ws-3 {
2236
- word-spacing: 0.75rem;
2237
- }
2238
-
2239
- .ids-ws-4 {
2240
- word-spacing: 1rem;
2241
- }
2242
-
2243
- .ids-ws-5 {
2244
- word-spacing: 1.25rem;
2245
- }
2246
-
2247
- .ids-ws-6 {
2248
- word-spacing: 1.5rem;
2249
- }
2250
-
2251
- .ids-ws-7 {
2252
- word-spacing: 1.75rem;
2253
- }
2254
-
2255
- .ids-ws-8 {
2256
- word-spacing: 2rem;
2257
- }
2258
-
2259
- .ids-ws-9 {
2260
- word-spacing: 2.25rem;
2261
- }
2262
-
2263
- .ids-ws-10 {
2264
- word-spacing: 2.5rem;
2265
- }
2266
-
2267
- .ids-ws-11 {
2268
- word-spacing: 2.75rem;
2269
- }
2270
-
2271
- .ids-ws-12 {
2272
- word-spacing: 3rem;
2273
- }
2274
-
2275
- /*Custom addition to the tailwind util class ends here*/
2276
- .ids-float-start {
2277
- float: inline-start;
2278
- }
2279
-
2280
- .ids-float-end {
2281
- float: inline-end;
2282
- }
2283
-
2284
- .ids-float-right {
2285
- float: right;
2286
- }
2287
-
2288
- .ids-float-left {
2289
- float: left;
2290
- }
2291
-
2292
- .ids-float-none {
2293
- float: none;
2294
- }
2295
-
2296
- /*******
2297
- * ICONS
2298
- ********/
2299
- /*******
2300
- * BUTTONS
2301
- ********/
2302
- /*******
2303
- * SCROLLBARS
2304
- ********/
2305
- /*******
2306
- * FORM
2307
- ********/
2308
- /*******
2309
- * A11Y
2310
- ********/
2311
- .ids-link {
2312
- font-family: var(--IDS-LINK__FONT-FAMILY);
2313
- color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
2314
- text-decoration-color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
2315
- text-underline-offset: 0.125rem;
2316
- font-size: 1rem;
2317
- line-height: 1.5rem;
2318
- gap: 0.5rem;
2319
- cursor: pointer;
2320
- display: inline-flex;
2321
- align-items: flex-start;
2322
- text-decoration: underline;
2323
- position: relative;
2324
- }
2325
- .ids-link:focus {
2326
- outline: var(--IDS-FOCUS__OUTLINE);
2327
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
2328
- }
2329
- .ids-link:has(.ids-icon) {
2330
- text-decoration: none;
2331
- }
2332
- .ids-link.ids-link--start-icon {
2333
- display: inline;
2334
- padding-left: 1.375rem;
2335
- text-decoration: none;
2336
- }
2337
- .ids-link.ids-link--start-icon:before {
2338
- font: icon;
2339
- font-family: "Inera-Design-Icons" !important;
2340
- display: block;
2341
- position: absolute;
2342
- pointer-events: none;
2343
- position: absolute !important;
2344
- top: 0.1875rem;
2345
- left: 0;
2346
- }
2347
- .ids-link.ids-link--end-icon {
2348
- display: inline;
2349
- padding-right: 1.375rem;
2350
- text-decoration: none;
2351
- }
2352
- .ids-link.ids-link--end-icon:before {
2353
- font: icon;
2354
- font-family: "Inera-Design-Icons" !important;
2355
- display: block;
2356
- position: absolute;
2357
- pointer-events: none;
2358
- position: absolute !important;
2359
- bottom: 0.125rem;
2360
- right: 0;
2361
- }
2362
- .ids-link:hover, .ids-link:focus {
2363
- text-decoration: underline !important;
2364
- color: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
2365
- }
2366
- .ids-link:hover .ids-link__icon:has(+ .ids-link__icon--hover), .ids-link:focus .ids-link__icon:has(+ .ids-link__icon--hover) {
2367
- display: none;
2368
- }
2369
- .ids-link:hover .ids-link__icon--hover, .ids-link:focus .ids-link__icon--hover {
2370
- display: inline-flex;
2371
- }
2372
- .ids-link.ids-link--small {
2373
- font-size: 0.875rem;
2374
- }
2375
- .ids-link.ids-link--small.ids-link--start-icon {
2376
- padding-left: 1.125rem;
2377
- }
2378
- .ids-link.ids-link--small.ids-link--start-icon:before {
2379
- font-size: 0.875rem;
2380
- }
2381
- .ids-link.ids-link--small.ids-link--end-icon {
2382
- padding-right: 1.125rem;
2383
- }
2384
- .ids-link.ids-link--small.ids-link--end-icon:before {
2385
- font-size: 0.875rem;
2386
- }
2387
- .ids-link.ids-link--large {
2388
- text-decoration: none !important;
2389
- }
2390
- .ids-link.ids-link--large.ids-link--start-icon, .ids-link.ids-link--large.ids-link--end-icon {
2391
- padding-left: 1.75rem;
2392
- }
2393
- .ids-link.ids-link--large.ids-link--start-icon::before, .ids-link.ids-link--large.ids-link--end-icon::before {
2394
- font-size: 1.25rem;
2395
- top: 0.0625rem !important;
2396
- }
2397
- .ids-link.ids-link--large:hover {
2398
- text-decoration: none !important;
2399
- }
2400
- .ids-link.ids-link--block {
2401
- display: flex;
2402
- flex-grow: 1;
2403
- }
2404
- .ids-link.ids-link--block.ids-link--start-icon, .ids-link.ids-link--block.ids-link--end-icon {
2405
- display: table;
2406
- width: 100%;
2407
- padding-left: 1.75rem;
2408
- }
2409
- .ids-link.ids-link--block.ids-link--start-icon::before, .ids-link.ids-link--block.ids-link--end-icon::before {
2410
- top: 0.25rem;
2411
- }
2412
- .ids-link.ids-link--border-top {
2413
- display: flex;
2414
- flex-grow: 1;
2415
- padding: 0.75rem;
2416
- border-top: var(--IDS-LINK--BORDER__BORDER-TOP);
2417
- }
2418
- .ids-link.ids-link--border-top:focus {
2419
- outline: var(--IDS-FOCUS__OUTLINE);
2420
- outline-offset: -0.125rem !important;
2421
- }
2422
- .ids-link.ids-link--border-top.ids-link--start-icon {
2423
- padding: 0.75rem 0.5rem 0.75rem 1.5rem;
2424
- display: table;
2425
- width: 100%;
2426
- }
2427
- .ids-link.ids-link--border-top.ids-link--start-icon:before {
2428
- top: 1rem !important;
2429
- left: 0;
2430
- }
2431
- .ids-link.ids-link--underlined {
2432
- text-decoration: underline;
2433
- }
2434
- .ids-link.ids-link--underlined:has(.ids-icon), .ids-link.ids-link--underlined.ids-link--start-icon, .ids-link.ids-link--underlined.ids-link--end-icon {
2435
- text-decoration: underline !important;
2436
- }
2437
- .ids-link.ids-link--no-underline {
2438
- text-decoration: none !important;
2439
- }
2440
- .ids-link.ids-link--no-underline:has(.ids-icon), .ids-link.ids-link--no-underline.ids-link--start-icon, .ids-link.ids-link--no-underline.ids-link--end-icon {
2441
- text-decoration: none !important;
2442
- }
2443
- .ids-link.ids-link--active-icon {
2444
- text-decoration: none !important;
2445
- }
2446
- .ids-link.ids-link--active-icon .ids-icon {
2447
- margin-top: 0.25rem;
2448
- display: inline-flex;
2449
- border-radius: 100%;
2450
- width: 1rem;
2451
- height: 1rem;
2452
- align-items: center;
2453
- justify-content: center;
2454
- padding: 0.188rem;
2455
- }
2456
- .ids-link.ids-link--active-icon:hover .ids-icon, .ids-link.ids-link--active-icon:focus-within .ids-icon {
2457
- background-color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
2458
- }
2459
- .ids-link.ids-link--active-icon.ids-link--active .ids-icon {
2460
- background-color: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
2461
- }
2462
- .ids-link.ids-link--active-icon.ids-link--color-2 .ids-icon {
2463
- margin-top: 0.25rem;
2464
- display: inline-flex;
2465
- border-radius: 100%;
2466
- width: 1rem;
2467
- height: 1rem;
2468
- align-items: center;
2469
- justify-content: center;
2470
- padding: 0.188rem;
2471
- }
2472
- .ids-link.ids-link--active-icon.ids-link--color-2:hover .ids-icon, .ids-link.ids-link--active-icon.ids-link--color-2:focus-within .ids-icon {
2473
- background-color: var(--IDS-LINK--COLOR-PRESET-2__COLOR);
2474
- }
2475
- .ids-link.ids-link--active-icon.ids-link--color-2.ids-link--active .ids-icon {
2476
- background-color: var(--IDS-LINK--COLOR-PRESET-2__HOVER-COLOR);
2477
- }
2478
- .ids-link.ids-link--active-icon.ids-link--color-3 .ids-icon {
2479
- margin-top: 0.25rem;
2480
- display: inline-flex;
2481
- border-radius: 100%;
2482
- width: 1rem;
2483
- height: 1rem;
2484
- align-items: center;
2485
- justify-content: center;
2486
- padding: 0.188rem;
2487
- }
2488
- .ids-link.ids-link--active-icon.ids-link--color-3:hover .ids-icon, .ids-link.ids-link--active-icon.ids-link--color-3:focus-within .ids-icon {
2489
- background-color: var(--IDS-LINK--COLOR-PRESET-3__COLOR);
2490
- }
2491
- .ids-link.ids-link--active-icon.ids-link--color-3.ids-link--active .ids-icon {
2492
- background-color: var(--IDS-LINK--COLOR-PRESET-3__HOVER-COLOR);
2493
- }
2494
- .ids-link.ids-link--active-icon.ids-link--start-icon:before {
2495
- border-radius: 100%;
2496
- box-sizing: border-box;
2497
- width: 1rem;
2498
- height: 1rem;
2499
- top: 0.25rem;
2500
- left: 0;
2501
- }
2502
- .ids-link.ids-link--active-icon:hover.ids-link--start-icon:before, .ids-link.ids-link--active-icon:focus.ids-link--start-icon:before {
2503
- color: var(--IDS-COLOR-NEUTRAL-100);
2504
- background-color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
2505
- }
2506
- .ids-link.ids-link--active-icon.ids-link--active.ids-link--start-icon:before {
2507
- color: var(--IDS-COLOR-NEUTRAL-100);
2508
- background-color: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
2509
- }
2510
- .ids-link.ids-link--color-2 {
2511
- color: var(--IDS-LINK--COLOR-PRESET-2__COLOR);
2512
- text-decoration-color: var(--IDS-LINK--COLOR-PRESET-2__COLOR);
2513
- }
2514
- .ids-link.ids-link--color-2:hover, .ids-link.ids-link--color-2:focus {
2515
- color: var(--IDS-LINK--COLOR-PRESET-2__HOVER-COLOR);
2516
- text-decoration-color: var(--IDS-LINK--COLOR-PRESET-2__HOVER-COLOR);
2517
- }
2518
- .ids-link.ids-link--color-2.ids-link--active-icon:hover.ids-link--start-icon:before, .ids-link.ids-link--color-2.ids-link--active-icon:focus.ids-link--start-icon:before {
2519
- color: var(--IDS-COLOR-NEUTRAL-100);
2520
- background-color: var(--IDS-LINK--COLOR-PRESET-2__COLOR);
2521
- }
2522
- .ids-link.ids-link--color-2.ids-link--active-icon.ids-link--active.ids-link--start-icon:before {
2523
- color: var(--IDS-COLOR-NEUTRAL-100);
2524
- background-color: var(--IDS-LINK--COLOR-PRESET-2__HOVER-COLOR);
2525
- }
2526
- .ids-link.ids-link--color-3 {
2527
- color: var(--IDS-LINK--COLOR-PRESET-3__COLOR);
2528
- text-decoration-color: var(--IDS-LINK--COLOR-PRESET-3__COLOR);
2529
- }
2530
- .ids-link.ids-link--color-3:hover, .ids-link.ids-link--color-3:focus {
2531
- color: var(--IDS-LINK--COLOR-PRESET-3__HOVER-COLOR);
2532
- text-decoration-color: var(--IDS-LINK--COLOR-PRESET-3__HOVER-COLOR);
2533
- }
2534
- .ids-link.ids-link--color-3.ids-link--active-icon:hover.ids-link--start-icon:before, .ids-link.ids-link--color-3.ids-link--active-icon:focus.ids-link--start-icon:before {
2535
- color: var(--IDS-COLOR-NEUTRAL-100);
2536
- background-color: var(--IDS-LINK--COLOR-PRESET-3__COLOR);
2537
- }
2538
- .ids-link.ids-link--color-3.ids-link--active-icon.ids-link--active.ids-link--start-icon:before {
2539
- color: var(--IDS-COLOR-NEUTRAL-100);
2540
- background-color: var(--IDS-LINK--COLOR-PRESET-3__HOVER-COLOR);
2541
- }
2542
- .ids-link.ids-link--light {
2543
- color: var(--IDS-COLOR-NEUTRAL-100) !important;
2544
- text-decoration-color: var(--IDS-COLOR-NEUTRAL-100) !important;
2545
- }
2546
- .ids-link.ids-link--light:focus {
2547
- outline-color: var(--IDS-COLOR-NEUTRAL-100) !important;
2548
- }
2549
- .ids-link.ids-link--light:hover {
2550
- color: var(--IDS-COLOR-NEUTRAL-100) !important;
2551
- }
2552
- .ids-link .ids-icon {
2553
- display: inline-flex;
2554
- align-items: center;
2555
- justify-content: center;
2556
- height: 1.5rem;
2557
- }
2558
- .ids-link .ids-link__icon {
2559
- display: inline-flex;
2560
- }
2561
- .ids-link .ids-link__icon--hover {
2562
- display: none;
2563
- }
2564
-
2565
- .ids .ids-button.ids-button--secondary.ids-button--disabled, .ids .ids-button.ids-button--secondary[disabled],
2566
- .ids-button.ids-button--secondary.ids-button--disabled,
2567
- .ids-button.ids-button--secondary[disabled],
2568
- .ids button.ids-button.ids-button--secondary.ids-button--disabled,
2569
- .ids button.ids-button.ids-button--secondary[disabled], .ids .ids-button.ids-button--disabled, .ids .ids-button[disabled],
2570
- .ids-button.ids-button--disabled,
2571
- .ids-button[disabled],
2572
- .ids button.ids-button.ids-button--disabled,
2573
- .ids button.ids-button[disabled] {
2574
- color: var(--IDS-BUTTON--DISABLED__COLOR) !important;
2575
- border: var(--IDS-BUTTON--DISABLED__BORDER) !important;
2576
- background-color: var(--IDS-COLOR-NEUTRAL-100) !important;
2577
- }
2578
-
2579
- .ids button.ids-button {
2580
- min-width: 1.5rem;
2581
- min-height: 1.5rem;
2582
- background: none;
2583
- color: inherit;
2584
- border: none;
2585
- padding: 0;
2586
- font: inherit;
2587
- cursor: pointer;
2588
- outline: inherit;
2589
- -moz-user-select: -moz-none;
2590
- -khtml-user-select: none;
2591
- -webkit-user-select: none;
2592
- -ms-user-select: none;
2593
- user-select: none;
2594
- }
2595
- .ids button.ids-button:focus {
2596
- outline: var(--IDS-FOCUS__OUTLINE);
2597
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
2598
- }
2599
-
2600
- .ids .ids-button,
2601
- .ids-button,
2602
- .ids button.ids-button {
2603
- text-align: center;
2604
- background-color: var(--IDS-BUTTON__BACKGROUND-COLOR);
2605
- border: var(--IDS-BUTTON__BORDER);
2606
- border-radius: var(--IDS-BUTTON__BORDER-RADIUS);
2607
- text-decoration: none;
2608
- box-sizing: border-box;
2609
- color: var(--IDS-COLOR-NEUTRAL-100);
2610
- cursor: pointer;
2611
- gap: 0.5rem;
2612
- display: inline-flex;
2613
- justify-content: center;
2614
- align-items: center;
2615
- padding: var(--IDS-BUTTON--M__PADDING);
2616
- line-height: var(--IDS-BUTTON--M__LINE-HEIGHT);
2617
- font-size: var(--IDS-BUTTON--M__FONT-SIZE);
2618
- font-family: var(--IDS-BUTTON__FONT-FAMILY);
2619
- font-weight: var(--IDS-BUTTON__FONT-WEIGHT);
2620
- text-transform: uppercase;
2621
- user-select: none;
2622
- -webkit-user-select: none;
2623
- -khtml-user-select: none;
2624
- -moz-user-select: none;
2625
- -ms-user-select: none;
2626
- }
2627
- .ids .ids-button:hover,
2628
- .ids-button:hover,
2629
- .ids button.ids-button:hover {
2630
- background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2631
- box-shadow: var(--IDS-BUTTON--ACTIVE__BOX-SHADOW);
2632
- }
2633
- .ids .ids-button:active, .ids .ids-button.ids-button--active,
2634
- .ids-button:active,
2635
- .ids-button.ids-button--active,
2636
- .ids button.ids-button:active,
2637
- .ids button.ids-button.ids-button--active {
2638
- background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2639
- box-shadow: var(--IDS-BUTTON--ACTIVE__BOX-SHADOW);
2640
- }
2641
- .ids .ids-button:focus,
2642
- .ids-button:focus,
2643
- .ids button.ids-button:focus {
2644
- outline: var(--IDS-FOCUS__OUTLINE);
2645
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
2646
- }
2647
- .ids .ids-button.ids-button--s,
2648
- .ids-button.ids-button--s,
2649
- .ids button.ids-button.ids-button--s {
2650
- font-size: var(--IDS-BUTTON--S__FONT-SIZE);
2651
- line-height: var(--IDS-BUTTON--S__LINE-HEIGHT);
2652
- padding: var(--IDS-BUTTON--S__PADDING);
2653
- }
2654
- .ids .ids-button.ids-button--l,
2655
- .ids-button.ids-button--l,
2656
- .ids button.ids-button.ids-button--l {
2657
- font-size: var(--IDS-BUTTON--L__FONT-SIZE);
2658
- line-height: var(--IDS-BUTTON--L__LINE-HEIGHT);
2659
- padding: var(--IDS-BUTTON--L__PADDING);
2660
- }
2661
- .ids .ids-button.ids-button--loading,
2662
- .ids-button.ids-button--loading,
2663
- .ids button.ids-button.ids-button--loading {
2664
- pointer-events: none !important;
2665
- }
2666
- .ids .ids-button.ids-button--secondary,
2667
- .ids-button.ids-button--secondary,
2668
- .ids button.ids-button.ids-button--secondary {
2669
- background-color: var(--IDS-COLOR-NEUTRAL-100);
2670
- border: var(--IDS-BUTTON--SECONDARY__BORDER);
2671
- color: var(--IDS-BUTTON--SECONDARY__COLOR);
2672
- line-height: var(--IDS-BUTTON--M__LINE-HEIGHT);
2673
- padding: var(--IDS-BUTTON--M__PADDING);
2674
- }
2675
- .ids .ids-button.ids-button--secondary.ids-button--s,
2676
- .ids-button.ids-button--secondary.ids-button--s,
2677
- .ids button.ids-button.ids-button--secondary.ids-button--s {
2678
- line-height: var(--IDS-BUTTON--S__LINE-HEIGHT);
2679
- padding: var(--IDS-BUTTON--S__PADDING);
2680
- }
2681
- .ids .ids-button.ids-button--secondary.ids-button--l,
2682
- .ids-button.ids-button--secondary.ids-button--l,
2683
- .ids button.ids-button.ids-button--secondary.ids-button--l {
2684
- line-height: var(--IDS-BUTTON--L__LINE-HEIGHT);
2685
- padding: var(--IDS-BUTTON--L__PADDING);
2686
- }
2687
- .ids .ids-button.ids-button--secondary:hover,
2688
- .ids-button.ids-button--secondary:hover,
2689
- .ids button.ids-button.ids-button--secondary:hover {
2690
- background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2691
- color: var(--IDS-COLOR-NEUTRAL-100);
2692
- border: 0.063rem solid var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2693
- }
2694
- .ids .ids-button.ids-button--secondary.ids-button--active, .ids .ids-button.ids-button--secondary:active,
2695
- .ids-button.ids-button--secondary.ids-button--active,
2696
- .ids-button.ids-button--secondary:active,
2697
- .ids button.ids-button.ids-button--secondary.ids-button--active,
2698
- .ids button.ids-button.ids-button--secondary:active {
2699
- background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2700
- color: var(--IDS-COLOR-NEUTRAL-100);
2701
- }
2702
- .ids .ids-button.ids-button--secondary:focus,
2703
- .ids-button.ids-button--secondary:focus,
2704
- .ids button.ids-button.ids-button--secondary:focus {
2705
- outline: var(--IDS-FOCUS__OUTLINE);
2706
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
2707
- }
2708
- .ids .ids-button.ids-button--tertiary,
2709
- .ids-button.ids-button--tertiary,
2710
- .ids button.ids-button.ids-button--tertiary {
2711
- background: transparent;
2712
- border-radius: 0;
2713
- border: 0.063rem solid transparent;
2714
- color: var(--IDS-BUTTON--TERTIARY__COLOR);
2715
- box-shadow: none;
2716
- font-family: var(--IDS-FONT-FAMILY-HEADING);
2717
- text-decoration: underline;
2718
- }
2719
- .ids .ids-button.ids-button--tertiary.ids-button--s,
2720
- .ids-button.ids-button--tertiary.ids-button--s,
2721
- .ids button.ids-button.ids-button--tertiary.ids-button--s {
2722
- line-height: var(--IDS-BUTTON--S__LINE-HEIGHT);
2723
- padding: var(--IDS-BUTTON--S__PADDING);
2724
- }
2725
- .ids .ids-button.ids-button--tertiary.ids-button--l,
2726
- .ids-button.ids-button--tertiary.ids-button--l,
2727
- .ids button.ids-button.ids-button--tertiary.ids-button--l {
2728
- line-height: var(--IDS-BUTTON--L__LINE-HEIGHT);
2729
- padding: var(--IDS-BUTTON--L__PADDING);
2730
- }
2731
- .ids .ids-button.ids-button--tertiary:hover,
2732
- .ids-button.ids-button--tertiary:hover,
2733
- .ids button.ids-button.ids-button--tertiary:hover {
2734
- background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2735
- color: var(--IDS-COLOR-NEUTRAL-100);
2736
- border-radius: var(--IDS-BUTTON__BORDER-RADIUS);
2737
- border: 0.063rem solid var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2738
- }
2739
- .ids .ids-button.ids-button--tertiary:active, .ids .ids-button.ids-button--tertiary.ids-button--active,
2740
- .ids-button.ids-button--tertiary:active,
2741
- .ids-button.ids-button--tertiary.ids-button--active,
2742
- .ids button.ids-button.ids-button--tertiary:active,
2743
- .ids button.ids-button.ids-button--tertiary.ids-button--active {
2744
- background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2745
- color: var(--IDS-COLOR-NEUTRAL-100);
2746
- border-radius: var(--IDS-BUTTON__BORDER-RADIUS);
2747
- border: 0.063rem solid var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2748
- }
2749
- .ids .ids-button.ids-button--tertiary:focus,
2750
- .ids-button.ids-button--tertiary:focus,
2751
- .ids button.ids-button.ids-button--tertiary:focus {
2752
- outline: var(--IDS-FOCUS__OUTLINE);
2753
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
2754
- }
2755
- .ids .ids-button.ids-button--tertiary.ids-button--disabled, .ids .ids-button.ids-button--tertiary[disabled],
2756
- .ids-button.ids-button--tertiary.ids-button--disabled,
2757
- .ids-button.ids-button--tertiary[disabled],
2758
- .ids button.ids-button.ids-button--tertiary.ids-button--disabled,
2759
- .ids button.ids-button.ids-button--tertiary[disabled] {
2760
- border: none !important;
2761
- text-decoration: underline !important;
2762
- color: var(--IDS-BUTTON--DISABLED__COLOR);
2763
- text-decoration: none;
2764
- }
2765
- .ids .ids-button [class^=ids-icon-],
2766
- .ids-button [class^=ids-icon-],
2767
- .ids button.ids-button [class^=ids-icon-] {
2768
- font-size: 1.125rem;
2769
- }
2770
- .ids .ids-button.ids-button--icon, .ids .ids-button.ids-button--fab,
2771
- .ids-button.ids-button--icon,
2772
- .ids-button.ids-button--fab,
2773
- .ids button.ids-button.ids-button--icon,
2774
- .ids button.ids-button.ids-button--fab {
2775
- width: 2.75rem;
2776
- height: 2.75rem !important;
2777
- border-radius: 100%;
2778
- font-style: normal;
2779
- font-weight: 400;
2780
- line-height: 0 !important;
2781
- font-size: 1.25rem;
2782
- padding: 0 !important;
2783
- justify-content: center;
2784
- }
2785
- .ids .ids-button.ids-button--icon.ids-button--s, .ids .ids-button.ids-button--fab.ids-button--s,
2786
- .ids-button.ids-button--icon.ids-button--s,
2787
- .ids-button.ids-button--fab.ids-button--s,
2788
- .ids button.ids-button.ids-button--icon.ids-button--s,
2789
- .ids button.ids-button.ids-button--fab.ids-button--s {
2790
- width: 1.875rem;
2791
- height: 1.875rem !important;
2792
- }
2793
- .ids .ids-button.ids-button--icon.ids-button--l, .ids .ids-button.ids-button--fab.ids-button--l,
2794
- .ids-button.ids-button--icon.ids-button--l,
2795
- .ids-button.ids-button--fab.ids-button--l,
2796
- .ids button.ids-button.ids-button--icon.ids-button--l,
2797
- .ids button.ids-button.ids-button--fab.ids-button--l {
2798
- width: 3.75rem;
2799
- height: 3.75rem !important;
2800
- }
2801
- .ids .ids-button.ids-button--fab,
2802
- .ids-button.ids-button--fab,
2803
- .ids button.ids-button.ids-button--fab {
2804
- color: var(--IDS-BUTTON--FAB__ICON-COLOR);
2805
- background-color: var(--IDS-COLOR-NEUTRAL-100);
2806
- border: var(--IDS-BUTTON--FAB__BORDER);
2807
- filter: drop-shadow(0 0 0.375rem rgba(0, 0, 0, 0.3));
2808
- }
2809
- .ids .ids-button.ids-button--fab [class^=ids-icon-],
2810
- .ids-button.ids-button--fab [class^=ids-icon-],
2811
- .ids button.ids-button.ids-button--fab [class^=ids-icon-] {
2812
- font-size: 1.5rem;
2813
- }
2814
- .ids .ids-button.ids-button--icon.ids-button--secondary,
2815
- .ids-button.ids-button--icon.ids-button--secondary,
2816
- .ids button.ids-button.ids-button--icon.ids-button--secondary {
2817
- background-color: var(--IDS-BUTTON--SECONDARY__ICON-BACKGROUND-COLOR);
2818
- }
2819
- .ids .ids-button.ids-button--icon:hover,
2820
- .ids-button.ids-button--icon:hover,
2821
- .ids button.ids-button.ids-button--icon:hover {
2822
- background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2823
- color: var(--IDS-COLOR-NEUTRAL-100);
2824
- }
2825
- .ids .ids-button.ids-button--icon:active, .ids .ids-button.ids-button--icon.ids-button--active,
2826
- .ids-button.ids-button--icon:active,
2827
- .ids-button.ids-button--icon.ids-button--active,
2828
- .ids button.ids-button.ids-button--icon:active,
2829
- .ids button.ids-button.ids-button--icon.ids-button--active {
2830
- background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2831
- color: var(--IDS-COLOR-NEUTRAL-100);
2832
- }
2833
- .ids .ids-button.ids-button--icon:focus,
2834
- .ids-button.ids-button--icon:focus,
2835
- .ids button.ids-button.ids-button--icon:focus {
2836
- outline: var(--IDS-FOCUS__OUTLINE);
2837
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
2838
- }
2839
- .ids .ids-button.ids-button--submit,
2840
- .ids-button.ids-button--submit,
2841
- .ids button.ids-button.ids-button--submit {
2842
- border-radius: var(--IDS-BUTTON--SUBMIT__BORDER-RADIUS);
2843
- font-size: var(--IDS-BUTTON--SUBMIT-S__FONT-SIZE);
2844
- height: var(--IDS-BUTTON--SUBMIT-S__HEIGHT);
2845
- padding: var(--IDS-BUTTON--SUBMIT-S__PADDING);
2846
- }
2847
- .ids .ids-button.ids-button--submit.ids-button--s,
2848
- .ids-button.ids-button--submit.ids-button--s,
2849
- .ids button.ids-button.ids-button--submit.ids-button--s {
2850
- height: var(--IDS-BUTTON--SEARCH-M__HEIGHT);
2851
- font-size: var(--IDS-BUTTON--SEARCH-M__FONT-SIZE);
2852
- padding: var(--IDS-BUTTON--SEARCH-M__PADDING);
2853
- }
2854
- @media (min-width: 1024px) {
2855
- .ids .ids-button.ids-button--submit,
2856
- .ids-button.ids-button--submit,
2857
- .ids button.ids-button.ids-button--submit {
2858
- height: var(--IDS-BUTTON--SUBMIT-L__HEIGHT);
2859
- padding: var(--IDS-BUTTON--SUBMIT-L__PADDING);
2860
- font-size: var(--IDS-BUTTON--SUBMIT-L__FONT-SIZE);
2861
- }
2862
- .ids .ids-button.ids-button--submit.ids-button--s,
2863
- .ids-button.ids-button--submit.ids-button--s,
2864
- .ids button.ids-button.ids-button--submit.ids-button--s {
2865
- height: var(--IDS-BUTTON--SEARCH-M__HEIGHT);
2866
- font-size: var(--IDS-BUTTON--SEARCH-M__FONT-SIZE);
2867
- padding: var(--IDS-BUTTON--SEARCH-M__PADDING);
2868
- }
2869
- }
2870
- .ids .ids-button.ids-button--block,
2871
- .ids-button.ids-button--block,
2872
- .ids button.ids-button.ids-button--block {
2873
- display: flex;
2874
- width: 100%;
2875
- align-items: center;
2876
- justify-content: center;
2877
- }
2878
- @media (max-width: 1024px) {
2879
- .ids .ids-button.ids-button--m-block,
2880
- .ids-button.ids-button--m-block,
2881
- .ids button.ids-button.ids-button--m-block {
2882
- display: flex;
2883
- width: 100%;
2884
- align-items: center;
2885
- justify-content: center;
2886
- }
2887
- }
2888
- @media (max-width: 640px) {
2889
- .ids .ids-button.ids-button--s-block,
2890
- .ids-button.ids-button--s-block,
2891
- .ids button.ids-button.ids-button--s-block {
2892
- display: flex;
2893
- width: 100%;
2894
- align-items: center;
2895
- justify-content: center;
2896
- }
2897
- }
2898
- .ids .ids-button.ids-button--disabled, .ids .ids-button[disabled],
2899
- .ids-button.ids-button--disabled,
2900
- .ids-button[disabled],
2901
- .ids button.ids-button.ids-button--disabled,
2902
- .ids button.ids-button[disabled] {
2903
- pointer-events: none;
2904
- }
2905
- .ids .ids-button:focus,
2906
- .ids-button:focus,
2907
- .ids button.ids-button:focus {
2908
- outline: var(--IDS-FOCUS__OUTLINE);
2909
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
2910
- }
2911
-
2912
- .ids-radio {
2913
- display: inline-flex;
2914
- align-items: flex-start;
2915
- gap: 0.5rem;
2916
- margin-bottom: 0.25rem;
2917
- }
2918
- .ids-radio input,
2919
- .ids-radio input[type=radio] {
2920
- cursor: pointer;
2921
- appearance: none;
2922
- margin: 0;
2923
- width: 1.25rem;
2924
- height: 1.25rem;
2925
- color: var(--IDS-COLOR-ACCENT-40);
2926
- box-sizing: border-box;
2927
- border: 0.063rem solid var(--IDS-COLOR-ACCENT-40);
2928
- background-color: var(--IDS-RADIO__BACKGROUND-COLOR);
2929
- border-radius: 50%;
2930
- position: relative;
2931
- flex-shrink: 0;
2932
- }
2933
- .ids-radio input.ids-input--light:not(.ids-input--invalid),
2934
- .ids-radio input[type=radio].ids-input--light:not(.ids-input--invalid) {
2935
- background-color: var(--IDS-COLOR-NEUTRAL-100);
2936
- }
2937
- .ids-radio input.ids-input--light:not(.ids-input--invalid)::after,
2938
- .ids-radio input[type=radio].ids-input--light:not(.ids-input--invalid)::after {
2939
- border: 0.125rem solid var(--IDS-COLOR-NEUTRAL-100);
2940
- background-color: var(--IDS-COLOR-NEUTRAL-100);
2941
- }
2942
- .ids-radio input.ids-input--light:not(.ids-input--invalid):checked::after,
2943
- .ids-radio input[type=radio].ids-input--light:not(.ids-input--invalid):checked::after {
2944
- border: 0.125rem solid var(--IDS-RADIO__BACKGROUND-COLOR);
2945
- background-color: var(--IDS-RADIO--CHECKED__BACKGROUND-COLOR);
2946
- }
2947
- .ids-radio input.ids-input--light:not(.ids-input--invalid):disabled::after,
2948
- .ids-radio input[type=radio].ids-input--light:not(.ids-input--invalid):disabled::after {
2949
- border: 0.125rem solid var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
2950
- background-color: var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
2951
- }
2952
- .ids-radio input.ids-input--light:not(.ids-input--invalid):disabled:checked::after,
2953
- .ids-radio input[type=radio].ids-input--light:not(.ids-input--invalid):disabled:checked::after {
2954
- border: 0.125rem solid var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
2955
- background-color: var(--IDS-RADIO--CHECKED-DISABLED__BACKGROUND-COLOR);
2956
- }
2957
- .ids-radio input::after,
2958
- .ids-radio input[type=radio]::after {
2959
- content: "";
2960
- position: absolute;
2961
- display: inline-block;
2962
- cursor: pointer;
2963
- width: 1.125rem;
2964
- height: 1.125rem;
2965
- box-sizing: border-box;
2966
- border-radius: 50%;
2967
- top: 50%;
2968
- left: 50%;
2969
- transform: translate(-50%, -50%);
2970
- border: 0.125rem solid var(--IDS-RADIO__BACKGROUND-COLOR);
2971
- background-color: var(--IDS-RADIO__BACKGROUND-COLOR);
2972
- }
2973
- .ids-radio input:checked::after,
2974
- .ids-radio input[type=radio]:checked::after {
2975
- border: 0.125rem solid var(--IDS-RADIO__BACKGROUND-COLOR);
2976
- background-color: var(--IDS-RADIO--CHECKED__BACKGROUND-COLOR);
2977
- }
2978
- .ids-radio input:disabled,
2979
- .ids-radio input[type=radio]:disabled {
2980
- cursor: default;
2981
- background-color: var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
2982
- border: var(--IDS-FORM--DISABLED__BORDER);
2983
- }
2984
- .ids-radio input:disabled::after,
2985
- .ids-radio input[type=radio]:disabled::after {
2986
- cursor: default;
2987
- background-color: var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
2988
- border: 0.125rem solid var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
2989
- }
2990
- .ids-radio input:disabled:checked::after,
2991
- .ids-radio input[type=radio]:disabled:checked::after {
2992
- border: 0.125rem solid var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
2993
- background-color: var(--IDS-RADIO--CHECKED-DISABLED__BACKGROUND-COLOR);
2994
- }
2995
- .ids-radio input[aria-invalid=true]:not(:checked),
2996
- .ids-radio input[type=radio][aria-invalid=true]:not(:checked) {
2997
- background-color: var(--IDS-RADIO--INVALID__BACKGROUND-COLOR);
2998
- border: 0.125rem solid var(--IDS-FORM--INVALID__BORDER-COLOR);
2999
- }
3000
- .ids-radio input[aria-invalid=true]:not(:checked)::after,
3001
- .ids-radio input[type=radio][aria-invalid=true]:not(:checked)::after {
3002
- width: 1rem;
3003
- height: 1rem;
3004
- background-color: var(--IDS-RADIO--INVALID__BACKGROUND-COLOR);
3005
- border: 0.125rem solid var(--IDS-RADIO--INVALID__BACKGROUND-COLOR) !important;
3006
- }
3007
- .ids-radio.ids-radio--compact {
3008
- margin: 0 !important;
3009
- }
3010
- .ids-radio.ids-radio--compact label {
3011
- margin-left: 0 !important;
3012
- margin-bottom: -0.125rem !important;
3013
- }
3014
-
3015
- .ids-checkbox {
3016
- position: relative;
3017
- display: inline-flex;
3018
- align-items: flex-start;
3019
- gap: 0.5rem;
3020
- margin-bottom: 0.25rem;
3021
- }
3022
- .ids-checkbox input[type=checkbox],
3023
- .ids-checkbox input {
3024
- margin: 0;
3025
- position: relative;
3026
- height: 1.25rem;
3027
- width: 1.25rem;
3028
- appearance: none;
3029
- }
3030
- .ids-checkbox input[type=checkbox]::before,
3031
- .ids-checkbox input::before {
3032
- content: "";
3033
- position: relative;
3034
- display: inline-block;
3035
- cursor: pointer;
3036
- background-color: var(--IDS-CHECKBOX__BACKGROUND-COLOR);
3037
- border: var(--IDS-CHECKBOX__BORDER);
3038
- border-radius: var(--IDS-CHECKBOX__BORDER-RADIUS);
3039
- box-sizing: border-box;
3040
- min-height: 1.25rem;
3041
- min-width: 1.25rem;
3042
- }
3043
- input:focus + .ids-checkbox input[type=checkbox]::before,
3044
- input:focus + .ids-checkbox input::before {
3045
- outline: var(--IDS-FOCUS__OUTLINE);
3046
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
3047
- }
3048
- .ids-checkbox input[type=checkbox]:checked::after,
3049
- .ids-checkbox input:checked::after {
3050
- font: icon;
3051
- font-family: "Inera-Design-Icons" !important;
3052
- display: block;
3053
- position: absolute;
3054
- pointer-events: none;
3055
- content: "\e93a";
3056
- font-size: 1rem;
3057
- color: var(--IDS-ICON__COLOR);
3058
- top: 0.1875rem;
3059
- left: 0.1875rem;
3060
- font-size: 0.875rem;
3061
- }
3062
- .ids-checkbox input[type=checkbox]:indeterminate::after,
3063
- .ids-checkbox input:indeterminate::after {
3064
- font: icon;
3065
- font-family: "Inera-Design-Icons" !important;
3066
- display: block;
3067
- position: absolute;
3068
- pointer-events: none;
3069
- content: "\e92b";
3070
- font-size: 1rem;
3071
- top: 0.125rem;
3072
- left: 0.125rem;
3073
- color: var(--IDS-ICON__COLOR);
3074
- }
3075
- .ids-checkbox input[type=checkbox]:disabled::before,
3076
- .ids-checkbox input:disabled::before {
3077
- cursor: default;
3078
- border: var(--IDS-FORM--DISABLED__BORDER) !important;
3079
- background-color: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR) !important;
3080
- }
3081
- .ids-checkbox input[type=checkbox]:disabled:after,
3082
- .ids-checkbox input:disabled:after {
3083
- cursor: default;
3084
- }
3085
- .ids-checkbox input[type=checkbox]:disabled:indeterminate::after, .ids-checkbox input[type=checkbox]:disabled:checked::after,
3086
- .ids-checkbox input:disabled:indeterminate::after,
3087
- .ids-checkbox input:disabled:checked::after {
3088
- color: var(--IDS-CHECKBOX--DISABLED-COLOR) !important;
3089
- }
3090
- .ids-checkbox input[type=checkbox].ids-input--invalid:checked::after,
3091
- .ids-checkbox input.ids-input--invalid:checked::after {
3092
- color: var(--IDS-ICON--INVALID-COLOR);
3093
- }
3094
- .ids-checkbox input[type=checkbox].ids-input--invalid::before, .ids-checkbox input[type=checkbox][aria-invalid=true]::before,
3095
- .ids-checkbox input.ids-input--invalid::before,
3096
- .ids-checkbox input[aria-invalid=true]::before {
3097
- border: var(--IDS-FORM--INVALID__BORDER);
3098
- box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
3099
- background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
3100
- }
3101
- .ids-checkbox.ids-checkbox--light input[type=checkbox]::before,
3102
- .ids-checkbox.ids-checkbox--light input::before {
3103
- background-color: var(--IDS-COLOR-NEUTRAL-100);
3104
- }
3105
- .ids-checkbox.ids-checkbox--light input[type=checkbox].ids-input--invalid::before, .ids-checkbox.ids-checkbox--light input[type=checkbox][aria-invalid=true]::before,
3106
- .ids-checkbox.ids-checkbox--light input.ids-input--invalid::before,
3107
- .ids-checkbox.ids-checkbox--light input[aria-invalid=true]::before {
3108
- background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
3109
- }
3110
- .ids-checkbox.ids-checkbox--block {
3111
- width: 100%;
3112
- }
3113
- .ids-checkbox.ids-checkbox--block .ids-label {
3114
- width: 100%;
3115
- }
3116
- .ids-checkbox.ids-checkbox--compact {
3117
- margin: 0 !important;
3118
- }
3119
- .ids-checkbox.ids-checkbox--compact label {
3120
- margin-left: 0 !important;
3121
- margin-bottom: -0.125rem !important;
3122
- }
3123
-
3124
- .ids-check-button {
3125
- position: relative;
3126
- display: inline-flex;
3127
- padding: 0.25rem 0.75rem;
3128
- justify-content: center;
3129
- align-items: flex-start;
3130
- border-radius: var(--IDS-CHECK-BUTTON__BORDER-RADIUS);
3131
- border: 0.0625rem solid var(--IDS-CHECK-BUTTON__BORDER-COLOR);
3132
- background-color: var(--IDS-CHECK-BUTTON__BACKGROUND-COLOR);
3133
- cursor: pointer;
3134
- }
3135
- .ids-check-button .ids-check-button__label {
3136
- cursor: pointer;
3137
- font-family: var(--IDS-FONT-FAMILY-BASE);
3138
- text-align: center;
3139
- color: var(--IDS-CHECK-BUTTON__COLOR);
3140
- font-size: var(--IDS-CHECK-BUTTON__FONT-SIZE);
3141
- line-height: 1.25rem;
3142
- font-weight: 400;
3143
- margin: 0;
3144
- }
3145
- .ids-check-button .ids-check-button__input[type=checkbox],
3146
- .ids-check-button .ids-check-button__input {
3147
- border-radius: var(--IDS-CHECK-BUTTON__BORDER-RADIUS);
3148
- cursor: pointer;
3149
- margin: 0;
3150
- position: absolute;
3151
- top: 0;
3152
- left: 0;
3153
- right: 0;
3154
- bottom: 0;
3155
- appearance: none;
3156
- }
3157
- .ids-check-button .ids-check-button__input[type=checkbox]:checked + .ids-check-button__label,
3158
- .ids-check-button .ids-check-button__input:checked + .ids-check-button__label {
3159
- padding-left: 1.75rem;
3160
- }
3161
- .ids-check-button .ids-check-button__input[type=checkbox]:checked + .ids-check-button__label::before,
3162
- .ids-check-button .ids-check-button__input:checked + .ids-check-button__label::before {
3163
- font: icon;
3164
- font-family: "Inera-Design-Icons" !important;
3165
- display: block;
3166
- position: absolute;
3167
- pointer-events: none;
3168
- content: "\e93a";
3169
- font-size: 1rem;
3170
- top: 50%;
3171
- transform: translateY(-50%);
3172
- left: 0.75rem;
3173
- }
3174
- .ids-check-button .ids-check-button__input[type=checkbox]:disabled,
3175
- .ids-check-button .ids-check-button__input:disabled {
3176
- cursor: default;
3177
- }
3178
- .ids-check-button .ids-check-button__input[type=checkbox]:disabled::before,
3179
- .ids-check-button .ids-check-button__input:disabled::before {
3180
- cursor: default;
3181
- }
3182
- .ids-check-button .ids-check-button__input[type=checkbox]:disabled:checked + .ids-check-button__label::before,
3183
- .ids-check-button .ids-check-button__input:disabled:checked + .ids-check-button__label::before {
3184
- cursor: default;
3185
- color: var(--IDS-CHECK-BUTTON--DISABLED-COLOR);
3186
- }
3187
- .ids-check-button .ids-check-button__input[type=checkbox]:focus + .ids-check-button__label,
3188
- .ids-check-button .ids-check-button__input:focus + .ids-check-button__label {
3189
- color: var(--IDS-COLOR-NEUTRAL-100);
3190
- }
3191
- .ids-check-button .ids-check-button__input[type=checkbox]:disabled + .ids-check-button__label,
3192
- .ids-check-button .ids-check-button__input:disabled + .ids-check-button__label {
3193
- cursor: default;
3194
- font-style: normal;
3195
- color: var(--IDS-FORM--DISABLED__COLOR);
3196
- }
3197
- .ids-check-button:has(.ids-check-button__input:disabled) {
3198
- cursor: default;
3199
- border-color: var(--IDS-CHECK-BUTTON--DISABLED__BORDER-COLOR);
3200
- }
3201
- .ids-check-button:has(.ids-check-button__input:checked:not(:disabled)) {
3202
- background-color: var(--IDS-CHECK-BUTTON--CHECKED__BACKGROUND-COLOR);
3203
- }
3204
- .ids-check-button:has(.ids-check-button__input:checked:not(:disabled)) .ids-check-button__label {
3205
- color: var(--IDS-CHECK-BUTTON--CHECKED__COLOR);
3206
- }
3207
- .ids-check-button:has(.ids-check-button__input:focus) {
3208
- background-color: var(--IDS-CHECK-BUTTON--HOVER__BACKGROUND-COLOR);
3209
- }
3210
- .ids-check-button:hover:has(.ids-check-button__input:not(:disabled)), .ids-check-button:hover:has(.ids-check-button__input:checked:not(:disabled)) {
3211
- background-color: var(--IDS-CHECK-BUTTON--HOVER__BACKGROUND-COLOR);
3212
- border-color: var(--IDS-CHECK-BUTTON--HOVER__BACKGROUND-COLOR);
3213
- }
3214
- .ids-check-button:hover:has(.ids-check-button__input:not(:disabled)) .ids-check-button__label, .ids-check-button:hover:has(.ids-check-button__input:checked:not(:disabled)) .ids-check-button__label {
3215
- color: var(--IDS-COLOR-NEUTRAL-100);
3216
- }
3217
-
3218
- .ids-input-wrapper {
3219
- position: relative;
3220
- display: flex;
3221
- gap: 0.5rem;
3222
- }
3223
- .ids-input-wrapper .ids-input__icon {
3224
- pointer-events: none;
3225
- position: absolute !important;
3226
- top: 50%;
3227
- right: var(--IDS-INPUT__ICON-RIGHT);
3228
- transform: translateY(-50%);
3229
- color: var(--IDS-ICON__COLOR);
3230
- font-size: 1.25rem;
3231
- }
3232
- .ids-input-wrapper:has(.ids-input--invalid) .ids-input__icon {
3233
- color: var(--IDS-ICON--INVALID-COLOR);
3234
- }
3235
- .ids-input-wrapper:has(input:disabled) .ids-input__icon {
3236
- color: var(--IDS-ICON--DISABLED-COLOR);
3237
- }
3238
- .ids-input-wrapper .ids-input__inner-wrapper {
3239
- position: relative;
3240
- width: 100%;
3241
- }
3242
- .ids-input-wrapper .ids-input__inner-wrapper .ids-input__search-icon {
3243
- position: absolute;
3244
- top: 50%;
3245
- left: 1.25rem;
3246
- transform: translateY(-50%);
3247
- display: block;
3248
- width: 1.875rem;
3249
- height: 1.875rem;
3250
- }
3251
- .ids-input-wrapper .ids-input__inner-wrapper .ids-input__search-icon:before {
3252
- font: icon;
3253
- font-family: "Inera-Design-Icons" !important;
3254
- display: block;
3255
- position: absolute;
3256
- pointer-events: none;
3257
- content: "\e919";
3258
- font-size: 1.875rem;
3259
- color: var(--IDS-ICON__COLOR);
3260
- }
3261
- .ids-input-wrapper .ids-input__inner-wrapper .ids-input {
3262
- padding-left: var(--IDS-INPUT--SEARCH__PADDING-LEFT);
3263
- }
3264
- .ids-input-wrapper .ids-input__inner-wrapper:has(input:disabled) .ids-input__search-icon:before {
3265
- color: var(--IDS-ICON--DISABLED-COLOR);
3266
- }
3267
- .ids-input-wrapper.ids-input--icon .ids-input {
3268
- padding-right: var(--IDS-INPUT__ICON-PADDING-RIGHT);
3269
- }
3270
- @media (min-width: 1024px) {
3271
- .ids-input-wrapper {
3272
- gap: 1.25rem;
3273
- }
3274
- }
3275
-
3276
- .ids-input {
3277
- font-family: var(--IDS-FONT-FAMILY-BASE) !important;
3278
- padding: var(--IDS-INPUT__PADDING);
3279
- background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
3280
- border: var(--IDS-INPUT__BORDER);
3281
- border-radius: var(--IDS-INPUT__BORDER-RADIUS);
3282
- font-size: 1rem;
3283
- color: var(--IDS-INPUT__COLOR);
3284
- display: block;
3285
- width: 100% !important;
3286
- height: var(--IDS-INPUT__HEIGHT);
3287
- line-height: 1.5rem;
3288
- font-size: 1rem;
3289
- }
3290
- .ids-input:disabled {
3291
- color: var(--IDS-FORM--DISABLED__COLOR);
3292
- font-style: italic !important;
3293
- background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
3294
- border: var(--IDS-FORM--DISABLED__BORDER);
3295
- opacity: 1;
3296
- }
3297
- .ids-input.ids-input--invalid {
3298
- background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
3299
- border: var(--IDS-FORM--INVALID__BORDER);
3300
- box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
3301
- }
3302
- .ids-input.ids-input--light {
3303
- background-color: var(--IDS-COLOR-NEUTRAL-100);
3304
- }
3305
- .ids-input.ids-input--light:disabled {
3306
- color: var(--IDS-FORM--DISABLED__COLOR);
3307
- font-style: italic !important;
3308
- background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
3309
- border: var(--IDS-FORM--DISABLED__BORDER);
3310
- opacity: 1;
3311
- }
3312
- .ids-input.ids-input--light.ids-input--invalid {
3313
- background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
3314
- }
3315
- .ids-input:focus {
3316
- outline: var(--IDS-FOCUS__OUTLINE);
3317
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
3318
- }
3319
- .ids-input.ids-input--search, .ids-input[type=search] {
3320
- margin-top: 0;
3321
- margin-bottom: 0;
3322
- padding-left: var(--IDS-INPUT--SEARCH__PADDING-LEFT);
3323
- font-size: var(--IDS-INPUT--SEARCH__FONT-SIZE-MOBILE);
3324
- border-radius: var(--IDS-INPUT--SEARCH__BORDER-RADIUS);
3325
- height: var(--IDS-INPUT--SEARCH__HEIGHT-MOBILE);
3326
- }
3327
- @media (min-width: 1024px) {
3328
- .ids-input.ids-input--search, .ids-input[type=search] {
3329
- height: var(--IDS-INPUT--SEARCH__HEIGHT-DESKTOP);
3330
- }
3331
- }
3332
-
3333
- .ids-input__hint {
3334
- margin-top: 0.313rem;
3335
- font-family: var(--IDS-FONT-FAMILY-BASE);
3336
- color: var(--IDS-FORM-LABEL__COLOR);
3337
- display: flex;
3338
- justify-content: end;
3339
- line-height: 1.5rem;
3340
- font-size: 1rem;
3341
- font-style: italic;
3342
- }
3343
-
3344
- input.ids-range {
3345
- appearance: none;
3346
- width: 100%;
3347
- height: 0.5rem;
3348
- background-color: var(--IDS-RANGE__BACKGROUND-COLOR);
3349
- background-image: linear-gradient(var(--IDS-RANGE__SELECTION-BACKGROUND-COLOR), var(--IDS-RANGE__SELECTION-BACKGROUND-COLOR));
3350
- background-repeat: no-repeat;
3351
- border: 0.063rem;
3352
- cursor: pointer;
3353
- display: block;
3354
- padding: 0;
3355
- border-radius: 1rem;
3356
- margin: 0;
3357
- }
3358
- input.ids-range::-ms-track {
3359
- width: 100%;
3360
- cursor: pointer;
3361
- background: transparent;
3362
- border-color: transparent;
3363
- color: transparent;
3364
- }
3365
- input.ids-range::-webkit-slider-thumb {
3366
- -webkit-appearance: none;
3367
- border: 0.125rem solid var(--IDS-COLOR-NEUTRAL-100);
3368
- height: 1.5rem;
3369
- width: 1.5rem;
3370
- border-radius: 100%;
3371
- background: var(--IDS-RANGE__THUMB-BACKGROUND-COLOR);
3372
- cursor: pointer;
3373
- }
3374
- input.ids-range::-ms-thumb {
3375
- border: 0.125rem solid var(--IDS-COLOR-NEUTRAL-100);
3376
- height: 1.375rem;
3377
- width: 1.5rem;
3378
- border-radius: 100%;
3379
- cursor: pointer;
3380
- }
3381
- input.ids-range:disabled {
3382
- cursor: default;
3383
- appearance: none;
3384
- width: 100%;
3385
- height: 0.5rem;
3386
- background-color: var(--IDS-RANGE__BACKGROUND-COLOR);
3387
- background-image: linear-gradient(var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR), var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR));
3388
- background-repeat: no-repeat;
3389
- border: 0.063rem;
3390
- padding: 0;
3391
- border-radius: 1rem;
3392
- }
3393
- input.ids-range:disabled::-webkit-slider-thumb {
3394
- cursor: default;
3395
- background: var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR);
3396
- }
3397
- input.ids-range:disabled::-ms-thumb {
3398
- cursor: default;
3399
- }
3400
-
3401
- .ids-select {
3402
- appearance: none !important;
3403
- -webkit-appearance: none !important;
3404
- -moz-appearance: none !important;
3405
- font-family: var(--IDS-FONT-FAMILY-BASE) !important;
3406
- padding: var(--IDS-INPUT__PADDING);
3407
- background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
3408
- border: var(--IDS-INPUT__BORDER);
3409
- border-radius: var(--IDS-INPUT__BORDER-RADIUS);
3410
- font-size: 1rem;
3411
- color: var(--IDS-INPUT__COLOR);
3412
- display: block;
3413
- height: var(--IDS-INPUT__HEIGHT);
3414
- cursor: pointer;
3415
- display: inline-block !important;
3416
- padding-right: var(--IDS-INPUT__ICON-PADDING-RIGHT) !important;
3417
- text-align: left;
3418
- overflow: hidden;
3419
- text-overflow: ellipsis;
3420
- border: var(--IDS-INPUT__BORDER);
3421
- width: 100% !important;
3422
- }
3423
- .ids-select:disabled {
3424
- color: var(--IDS-FORM--DISABLED__COLOR);
3425
- font-style: italic !important;
3426
- background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
3427
- border: var(--IDS-FORM--DISABLED__BORDER);
3428
- opacity: 1;
3429
- }
3430
- .ids-select.ids-input--invalid {
3431
- background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
3432
- border: var(--IDS-FORM--INVALID__BORDER);
3433
- box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
3434
- }
3435
- .ids-select.ids-input--light {
3436
- background-color: var(--IDS-COLOR-NEUTRAL-100);
3437
- }
3438
- .ids-select.ids-input--light:disabled {
3439
- color: var(--IDS-FORM--DISABLED__COLOR);
3440
- font-style: italic !important;
3441
- background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
3442
- border: var(--IDS-FORM--DISABLED__BORDER);
3443
- opacity: 1;
3444
- }
3445
- .ids-select.ids-input--light.ids-input--invalid {
3446
- background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
3447
- }
3448
- .ids-select.ids-input--invalid, .ids-select[aria-invalid=true] {
3449
- background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
3450
- border: var(--IDS-FORM--INVALID__BORDER);
3451
- box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
3452
- }
3453
- .ids-select.ids-input--light {
3454
- background-color: var(--IDS-COLOR-NEUTRAL-100);
3455
- }
3456
- .ids-select.ids-input--light.ids-input--invalid, .ids-select.ids-input--light[aria-invalid=true] {
3457
- background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
3458
- border: var(--IDS-FORM--INVALID__BORDER);
3459
- box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
3460
- }
3461
- .ids-select[aria-disabled=true] {
3462
- color: var(--IDS-FORM--DISABLED__COLOR);
3463
- font-style: italic !important;
3464
- background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
3465
- border: var(--IDS-FORM--DISABLED__BORDER);
3466
- opacity: 1;
3467
- }
3468
- .ids-select:disabled {
3469
- cursor: default;
3470
- }
3471
- .ids-select:disabled.ids-input--light {
3472
- background-color: var(--IDS-COLOR-NEUTRAL-100);
3473
- color: var(--IDS-FORM--DISABLED__COLOR);
3474
- font-style: italic !important;
3475
- background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
3476
- border: var(--IDS-FORM--DISABLED__BORDER);
3477
- opacity: 1;
3478
- }
3479
- .ids-select:focus {
3480
- outline: var(--IDS-FOCUS__OUTLINE);
3481
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
3482
- }
3483
-
3484
- .ids-select-wrapper {
3485
- position: relative;
3486
- display: flex;
3487
- }
3488
- .ids-select-wrapper::after {
3489
- font: icon;
3490
- font-family: "Inera-Design-Icons" !important;
3491
- display: block;
3492
- position: absolute;
3493
- pointer-events: none;
3494
- content: "\e936";
3495
- color: var(--IDS-ICON__COLOR);
3496
- width: 1rem;
3497
- height: 1rem;
3498
- top: 50%;
3499
- transform: translateY(-50%);
3500
- right: var(--IDS-INPUT__ICON-RIGHT);
3501
- }
3502
- .ids-select-wrapper:has(.ids-input--invalid)::after, .ids-select-wrapper:has([aria-invalid=true])::after {
3503
- color: var(--IDS-ICON--INVALID-COLOR);
3504
- }
3505
- .ids-select-wrapper:has(select:disabled)::after, .ids-select-wrapper:has([aria-disabled=true])::after {
3506
- color: var(--IDS-ICON--DISABLED-COLOR);
3507
- }
3508
-
3509
- .ids-textarea {
3510
- display: inline-block;
3511
- }
3512
- .ids-textarea textarea {
3513
- font-family: var(--IDS-FONT-FAMILY-BASE) !important;
3514
- padding: var(--IDS-INPUT__PADDING);
3515
- background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
3516
- border: var(--IDS-INPUT__BORDER);
3517
- border-radius: var(--IDS-INPUT__BORDER-RADIUS);
3518
- font-size: 1rem;
3519
- color: var(--IDS-INPUT__COLOR);
3520
- display: block;
3521
- padding: var(--IDS-TEXTAREA__PADDING);
3522
- box-sizing: border-box;
3523
- }
3524
- .ids-textarea textarea:disabled {
3525
- color: var(--IDS-FORM--DISABLED__COLOR);
3526
- font-style: italic !important;
3527
- background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
3528
- border: var(--IDS-FORM--DISABLED__BORDER);
3529
- opacity: 1;
3530
- }
3531
- .ids-textarea textarea.ids-input--invalid {
3532
- background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
3533
- border: var(--IDS-FORM--INVALID__BORDER);
3534
- box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
3535
- }
3536
- .ids-textarea textarea.ids-input--light {
3537
- background-color: var(--IDS-COLOR-NEUTRAL-100);
3538
- }
3539
- .ids-textarea textarea.ids-input--light:disabled {
3540
- color: var(--IDS-FORM--DISABLED__COLOR);
3541
- font-style: italic !important;
3542
- background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
3543
- border: var(--IDS-FORM--DISABLED__BORDER);
3544
- opacity: 1;
3545
- }
3546
- .ids-textarea textarea.ids-input--light.ids-input--invalid {
3547
- background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
3548
- }
3549
- .ids-textarea textarea::-webkit-scrollbar {
3550
- width: 1rem;
3551
- position: absolute;
3552
- margin-left: -1.25rem;
3553
- }
3554
- .ids-textarea textarea::-webkit-scrollbar-track {
3555
- border-radius: 0.625rem;
3556
- margin-bottom: 0;
3557
- margin-top: 0.0313rem;
3558
- background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
3559
- }
3560
- .ids-textarea textarea::-webkit-scrollbar-thumb {
3561
- cursor: auto;
3562
- background: var(--IDS-SCROLL__COLOR);
3563
- border-radius: 0.625rem;
3564
- box-sizing: border-box;
3565
- border: 0.125rem solid var(--IDS-INPUT__BACKGROUND-COLOR);
3566
- }
3567
- .ids-textarea textarea::-webkit-scrollbar-thumb:hover {
3568
- background: var(--IDS-SCROLL__HOVER-COLOR);
3569
- }
3570
- .ids-textarea textarea::-webkit-scrollbar-corner {
3571
- background-color: transparent;
3572
- }
3573
- .ids-textarea textarea:focus {
3574
- box-shadow: var(--IDS-INPUT__BOX-SHADOW);
3575
- }
3576
- .ids-textarea textarea::-webkit-resizer {
3577
- appearance: none;
3578
- background-image: var(--IDS-TEXTAREA__RESIZER-IMAGE);
3579
- background-repeat: no-repeat;
3580
- background-position: center center;
3581
- background-size: cover;
3582
- }
3583
- .ids-textarea.ids-textarea--block {
3584
- display: block;
3585
- }
3586
- .ids-textarea.ids-textarea--block textarea {
3587
- display: block;
3588
- width: 100%;
3589
- }
3590
- .ids-textarea.ids-textarea--autosize {
3591
- display: block;
3592
- }
3593
- .ids-textarea.ids-textarea--autosize textarea {
3594
- width: 100%;
3595
- resize: none;
3596
- overflow: hidden;
3597
- }
3598
-
3599
- .ids-time .ids-time__input-wrapper {
3600
- position: relative;
3601
- }
3602
- .ids-time .ids-time__input-wrapper:after {
3603
- font: icon;
3604
- font-family: "Inera-Design-Icons" !important;
3605
- display: block;
3606
- position: absolute;
3607
- pointer-events: none;
3608
- content: "\e922";
3609
- font-size: 1.25rem;
3610
- color: var(--IDS-ICON__COLOR);
3611
- top: 50%;
3612
- transform: translateY(-50%);
3613
- right: var(--IDS-INPUT__ICON-RIGHT);
3614
- }
3615
- .ids-time:has(.ids-input--invalid) .ids-time__input-wrapper:after {
3616
- color: var(--IDS-ICON--INVALID-COLOR);
3617
- }
3618
- .ids-time:has(input:disabled) .ids-time__input-wrapper:after {
3619
- color: var(--IDS-ICON--DISABLED-COLOR);
3620
- }
3621
- .ids-time ::slotted(input),
3622
- .ids-time input {
3623
- cursor: pointer;
3624
- }
3625
- .ids-time ::slotted(input:disabled),
3626
- .ids-time input:disabled {
3627
- cursor: default;
3628
- }
3629
-
3630
- input.ids-time__input {
3631
- font-family: var(--IDS-FONT-FAMILY-BASE) !important;
3632
- padding: var(--IDS-INPUT__PADDING);
3633
- background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
3634
- border: var(--IDS-INPUT__BORDER);
3635
- border-radius: var(--IDS-INPUT__BORDER-RADIUS);
3636
- font-size: 1rem;
3637
- color: var(--IDS-INPUT__COLOR);
3638
- display: block;
3639
- cursor: pointer;
3640
- appearance: none;
3641
- -webkit-appearance: none;
3642
- -moz-appearance: none;
3643
- display: inline-block;
3644
- box-sizing: border-box;
3645
- width: 100%;
3646
- height: var(--IDS-INPUT__HEIGHT);
3647
- padding: var(--IDS-INPUT__PADDING);
3648
- padding-right: var(--IDS-INPUT__ICON-PADDING-RIGHT);
3649
- }
3650
- input.ids-time__input:disabled {
3651
- color: var(--IDS-FORM--DISABLED__COLOR);
3652
- font-style: italic !important;
3653
- background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
3654
- border: var(--IDS-FORM--DISABLED__BORDER);
3655
- opacity: 1;
3656
- }
3657
- input.ids-time__input.ids-input--invalid {
3658
- background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
3659
- border: var(--IDS-FORM--INVALID__BORDER);
3660
- box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
3661
- }
3662
- input.ids-time__input.ids-input--light {
3663
- background-color: var(--IDS-COLOR-NEUTRAL-100);
3664
- }
3665
- input.ids-time__input.ids-input--light:disabled {
3666
- color: var(--IDS-FORM--DISABLED__COLOR);
3667
- font-style: italic !important;
3668
- background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
3669
- border: var(--IDS-FORM--DISABLED__BORDER);
3670
- opacity: 1;
3671
- }
3672
- input.ids-time__input.ids-input--light.ids-input--invalid {
3673
- background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
3674
- }
3675
- input.ids-time__input::-webkit-calendar-picker-indicator {
3676
- opacity: 0;
3677
- appearance: none;
3678
- }
3679
- input.ids-time__input:disabled {
3680
- cursor: default;
3681
- }
3682
-
3683
- .ids-toggle {
3684
- display: inline-flex;
3685
- align-items: flex-start;
3686
- gap: 0.5rem;
3687
- margin-bottom: 0.25rem;
3688
- }
3689
- .ids-toggle label {
3690
- position: relative;
3691
- top: 0.375rem;
3692
- flex-shrink: 100;
3693
- }
3694
- .ids-toggle .ids-label-tooltip-wrapper {
3695
- position: relative;
3696
- top: 0.375rem;
3697
- }
3698
- .ids-toggle .ids-label-tooltip-wrapper label {
3699
- top: -0.25rem;
3700
- margin-right: 0.25rem;
3701
- }
3702
- .ids-toggle input[type=checkbox],
3703
- .ids-toggle input {
3704
- position: relative;
3705
- margin: 0;
3706
- height: 2rem;
3707
- width: 3.9375rem;
3708
- border: 0.063rem solid transparent;
3709
- border-radius: 6.25rem;
3710
- appearance: none;
3711
- flex-shrink: 0;
3712
- }
3713
- .ids-toggle input[type=checkbox]:before,
3714
- .ids-toggle input:before {
3715
- content: "";
3716
- position: absolute;
3717
- cursor: pointer;
3718
- background-color: var(--IDS-TOGGLE__BACKGROUND-COLOR);
3719
- border-radius: 6.25rem;
3720
- height: 1.875rem;
3721
- width: 3.75rem;
3722
- -webkit-transition: 0.4s;
3723
- transition: 0.4s;
3724
- }
3725
- input:focus + .ids-toggle input[type=checkbox]:before,
3726
- input:focus + .ids-toggle input:before {
3727
- outline: var(--IDS-FOCUS__OUTLINE);
3728
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
3729
- }
3730
- .ids-toggle input[type=checkbox]:after,
3731
- .ids-toggle input:after {
3732
- font: icon;
3733
- font-family: "Inera-Design-Icons" !important;
3734
- display: block;
3735
- position: absolute;
3736
- pointer-events: none;
3737
- content: "\e934";
3738
- display: inline-block;
3739
- font-size: 0.75rem;
3740
- line-height: 1.5rem;
3741
- text-align: center;
3742
- background-color: var(--IDS-COLOR-NEUTRAL-100);
3743
- color: var(--IDS-ICON__COLOR);
3744
- height: 1.5rem;
3745
- width: 1.5rem;
3746
- border-radius: 100%;
3747
- top: 0.188rem;
3748
- left: 0.25rem;
3749
- -webkit-transition: 0.3s;
3750
- transition: all 0.3s;
3751
- }
3752
- .ids-toggle input[type=checkbox]:checked:before,
3753
- .ids-toggle input:checked:before {
3754
- background-color: var(--IDS-TOGGLE--CHECKED__BACKGROUND-COLOR);
3755
- }
3756
- .ids-toggle input[type=checkbox]:checked:after,
3757
- .ids-toggle input:checked:after {
3758
- font: icon;
3759
- font-family: "Inera-Design-Icons" !important;
3760
- display: block;
3761
- position: absolute;
3762
- pointer-events: none;
3763
- content: "\e93a";
3764
- font-size: 0.875rem;
3765
- line-height: 1.5rem;
3766
- text-align: center;
3767
- left: calc(100% - 1.875rem);
3768
- -webkit-transition: 0.3s;
3769
- transition: all 0.3s;
3770
- color: var(--IDS-TOGGLE--CHECKED__COLOR);
3771
- }
3772
- .ids-toggle input[type=checkbox]:disabled + label,
3773
- .ids-toggle input:disabled + label {
3774
- cursor: default;
3775
- font-style: italic;
3776
- color: var(--IDS-FORM-LABEL--DISABLED__COLOR);
3777
- }
3778
- .ids-toggle input[type=checkbox]:disabled:before,
3779
- .ids-toggle input:disabled:before {
3780
- cursor: default;
3781
- background-color: var(--IDS-TOGGLE--DISABLED__BACKGROUND-COLOR);
3782
- border: var(--IDS-TOGGLE--DISABLED__BORDER);
3783
- }
3784
- .ids-toggle input[type=checkbox]:disabled:after,
3785
- .ids-toggle input:disabled:after {
3786
- cursor: default;
3787
- background-color: var(--IDS-TOGGLE--DISABLED__KNOB-BACKGROUND-COLOR);
3788
- color: var(--IDS-ICON--DISABLED-COLOR);
3789
- }
3790
- .ids-toggle input[type=checkbox]:disabled:checked:before,
3791
- .ids-toggle input:disabled:checked:before {
3792
- cursor: default;
3793
- background-color: var(--IDS-TOGGLE--DISABLED__BACKGROUND-COLOR);
3794
- border: var(--IDS-TOGGLE--DISABLED__BORDER);
3795
- }
3796
- .ids-toggle input[type=checkbox]:disabled:checked:after,
3797
- .ids-toggle input:disabled:checked:after {
3798
- cursor: default;
3799
- background-color: var(--IDS-TOGGLE--DISABLED__KNOB-BACKGROUND-COLOR);
3800
- color: var(--IDS-ICON--DISABLED-COLOR);
3801
- }
3802
- @media (max-width: 18.75rem) {
3803
- .ids-toggle {
3804
- flex-wrap: wrap;
3805
- }
3806
- }
3807
-
3808
- .ids-form-group__fieldset {
3809
- border: none;
3810
- margin: 0;
3811
- padding: 0;
3812
- display: flex;
3813
- flex-direction: column;
3814
- gap: 0.5rem;
3815
- }
3816
- .ids-form-group__fieldset.ids-form-group__fieldset--compact {
3817
- gap: 0;
3818
- }
3819
- .ids-form-group__fieldset legend {
3820
- padding: 0;
3821
- font-style: normal;
3822
- color: var(--IDS-COLOR-NEUTRAL-20);
3823
- font-family: var(--IDS-BODY__FONT-FAMILY);
3824
- font-size: var(--IDS-BODY__FONT-SIZE);
3825
- line-height: var(--IDS-BODY__LINE-HEIGHT);
3826
- font-weight: 400;
3827
- letter-spacing: 0;
3828
- color: var(--IDS-FORM-LABEL__COLOR);
3829
- display: inline-flex;
3830
- gap: 0.5rem;
3831
- margin-bottom: 0.625rem;
3832
- }
3833
-
3834
- .ids-description-list {
3835
- margin: 0;
3836
- padding: 0;
3837
- width: 100%;
3838
- border: var(--IDS-DESCRIPTION-LIST__BORDER);
3839
- border-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
3840
- display: var(--IDS-DESCRIPTION-LIST__DISPLAY);
3841
- flex-direction: column;
3842
- grid-template-columns: auto 1fr;
3843
- }
3844
- .ids-description-list .ids-description-list__term {
3845
- border-right: var(--IDS-DESCRIPTION-LIST__BORDER);
3846
- border-bottom: var(--IDS-DESCRIPTION-LIST__BORDER);
3847
- padding: var(--IDS-DESCRIPTION-LIST__PADDING);
3848
- background-color: var(--IDS-DESCRIPTION-LIST__TERM-BACKGROUND-COLOR);
3849
- color: var(--IDS-COLOR-NEUTRAL-20);
3850
- font-family: var(--IDS-FONT-FAMILY-BASE);
3851
- font-size: 1rem;
3852
- font-style: normal;
3853
- font-weight: var(--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT);
3854
- line-height: 1.5rem;
3855
- overflow-wrap: break-word;
3856
- }
3857
- .ids-description-list .ids-description-list__term:first-child {
3858
- border-top-left-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
3859
- }
3860
- .ids-description-list .ids-description-list__term:nth-last-child(2) {
3861
- border-bottom: 0;
3862
- border-bottom-left-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
3863
- }
3864
- .ids-description-list .ids-description-list__description {
3865
- color: var(--IDS-COLOR-NEUTRAL-20);
3866
- border-bottom: var(--IDS-DESCRIPTION-LIST__BORDER);
3867
- padding: var(--IDS-DESCRIPTION-LIST__PADDING);
3868
- margin-bottom: var(--IDS-DESCRIPTION-LIST__DESCRIPTION-MARGIN-BOTTOM);
3869
- }
3870
- .ids-description-list .ids-description-list__description:first-child {
3871
- border-top-right-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
3872
- }
3873
- .ids-description-list .ids-description-list__description:last-child {
3874
- border-bottom: 0;
3875
- border-bottom-left-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
3876
- }
3877
- .ids-description-list.ids-description-list--column {
3878
- border: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER);
3879
- border-radius: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS);
3880
- display: var(--IDS-DESCRIPTION-LIST--COLUMN__DISPLAY);
3881
- }
3882
- .ids-description-list.ids-description-list--column .ids-description-list__term {
3883
- border-right: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER);
3884
- border-bottom: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER);
3885
- padding: var(--IDS-DESCRIPTION-LIST--COLUMN__PADDING);
3886
- background-color: var(--IDS-DESCRIPTION-LIST--COLUMN__TERM-BACKGROUND-COLOR);
3887
- }
3888
- .ids-description-list.ids-description-list--column .ids-description-list__term:first-child {
3889
- border-top-left-radius: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS);
3890
- }
3891
- .ids-description-list.ids-description-list--column .ids-description-list__term:nth-last-child(2) {
3892
- border-bottom: 0;
3893
- border-bottom-left-radius: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS);
3894
- }
3895
- .ids-description-list.ids-description-list--column .ids-description-list__description {
3896
- border-bottom: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER);
3897
- padding: var(--IDS-DESCRIPTION-LIST--COLUMN__PADDING);
3898
- margin-bottom: var(--IDS-DESCRIPTION-LIST--COLUMN__DESCRIPTION-MARGIN-BOTTOM);
3899
- background-color: var(--IDS-COLOR-NEUTRAL-100);
3900
- }
3901
- .ids-description-list.ids-description-list--column .ids-description-list__description:nth-child(2) {
3902
- border-top-right-radius: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS);
3903
- }
3904
- .ids-description-list.ids-description-list--column .ids-description-list__description:last-child {
3905
- border-bottom: 0;
3906
- border-bottom-right-radius: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS);
3907
- }
3908
-
3909
- .ids .ids-heading-xxl {
3910
- font-style: normal;
3911
- color: var(--IDS-HEADING-XXL__COLOR);
3912
- font-family: var(--IDS-HEADING-XXL__FONT-FAMILY);
3913
- font-size: var(--IDS-HEADING-XXL__FONT-SIZE);
3914
- line-height: var(--IDS-HEADING-XXL__LINE-HEIGHT);
3915
- letter-spacing: var(--IDS-HEADING-XXL__LETTER-SPACING);
3916
- font-weight: var(--IDS-HEADING-XXL__FONT-WEIGHT);
3917
- }
3918
- @media (min-width: 1024px) {
3919
- .ids .ids-heading-xxl {
3920
- font-size: var(--IDS-HEADING-XXL__FONT-SIZE-DESKTOP);
3921
- line-height: var(--IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP);
3922
- letter-spacing: var(--IDS-HEADING-XXL__LETTER-SPACING-DESKTOP);
3923
- }
3924
- }
3925
- .ids .ids-heading-xxl:focus-visible {
3926
- outline: none;
3927
- }
3928
- .ids .ids-heading-xl {
3929
- font-style: normal;
3930
- color: var(--IDS-HEADING-XL__COLOR);
3931
- font-family: var(--IDS-HEADING-XL__FONT-FAMILY);
3932
- font-size: var(--IDS-HEADING-XL__FONT-SIZE);
3933
- line-height: var(--IDS-HEADING-XL__LINE-HEIGHT);
3934
- letter-spacing: var(--IDS-HEADING-XL__LETTER-SPACING);
3935
- font-weight: var(--IDS-HEADING-XL__FONT-WEIGHT);
3936
- }
3937
- @media (min-width: 1024px) {
3938
- .ids .ids-heading-xl {
3939
- font-size: var(--IDS-HEADING-XL__FONT-SIZE-DESKTOP);
3940
- line-height: var(--IDS-HEADING-XL__LINE-HEIGHT-DESKTOP);
3941
- letter-spacing: var(--IDS-HEADING-XL__LETTER-SPACING-DESKTOP);
3942
- }
3943
- }
3944
- .ids .ids-heading-xl:focus-visible {
3945
- outline: none;
3946
- }
3947
- .ids .ids-heading-l {
3948
- font-style: normal;
3949
- color: var(--IDS-HEADING-L__COLOR);
3950
- font-family: var(--IDS-HEADING-L__FONT-FAMILY);
3951
- font-size: var(--IDS-HEADING-L__FONT-SIZE);
3952
- line-height: var(--IDS-HEADING-L__LINE-HEIGHT);
3953
- letter-spacing: var(--IDS-HEADING-L__LETTER-SPACING);
3954
- font-weight: var(--IDS-HEADING-L__FONT-WEIGHT);
3955
- }
3956
- @media (min-width: 1024px) {
3957
- .ids .ids-heading-l {
3958
- font-size: var(--IDS-HEADING-L__FONT-SIZE-DESKTOP);
3959
- line-height: var(--IDS-HEADING-L__LINE-HEIGHT-DESKTOP);
3960
- letter-spacing: var(--IDS-HEADING-L__LETTER-SPACING-DESKTOP);
3961
- }
3962
- }
3963
- .ids .ids-heading-l:focus-visible {
3964
- outline: none;
3965
- }
3966
- .ids .ids-heading-m {
3967
- font-style: normal;
3968
- color: var(--IDS-HEADING-M__COLOR);
3969
- font-family: var(--IDS-HEADING-M__FONT-FAMILY);
3970
- font-size: var(--IDS-HEADING-M__FONT-SIZE);
3971
- line-height: var(--IDS-HEADING-M__LINE-HEIGHT);
3972
- letter-spacing: var(--IDS-HEADING-M__LETTER-SPACING);
3973
- font-weight: var(--IDS-HEADING-M__FONT-WEIGHT);
3974
- }
3975
- @media (min-width: 1024px) {
3976
- .ids .ids-heading-m {
3977
- font-size: var(--IDS-HEADING-M__FONT-SIZE-DESKTOP);
3978
- line-height: var(--IDS-HEADING-M__LINE-HEIGHT-DESKTOP);
3979
- letter-spacing: var(--IDS-HEADING-M__LETTER-SPACING-DESKTOP);
3980
- }
3981
- }
3982
- .ids .ids-heading-m .ids-anchor {
3983
- color: var(--IDS-ANCHOR__COLOR);
3984
- text-decoration: none;
3985
- text-underline-offset: 0.125rem;
3986
- }
3987
- .ids .ids-heading-m .ids-anchor:visited {
3988
- color: var(--IDS-ANCHOR__COLOR);
3989
- }
3990
- .ids .ids-heading-m .ids-anchor:link {
3991
- text-decoration: none;
3992
- }
3993
- .ids .ids-heading-m .ids-anchor:active, .ids .ids-heading-m .ids-anchor:hover {
3994
- color: var(--IDS-ANCHOR__HOVER-COLOR);
3995
- }
3996
- .ids .ids-heading-m:focus-visible {
3997
- outline: none;
3998
- }
3999
- .ids .ids-heading-s {
4000
- font-style: normal;
4001
- color: var(--IDS-HEADING-S__COLOR);
4002
- font-family: var(--IDS-HEADING-S__FONT-FAMILY);
4003
- font-size: var(--IDS-HEADING-S__FONT-SIZE);
4004
- line-height: var(--IDS-HEADING-S__LINE-HEIGHT);
4005
- letter-spacing: var(--IDS-HEADING-S__LETTER-SPACING);
4006
- font-weight: var(--IDS-HEADING-S__FONT-WEIGHT);
4007
- }
4008
- @media (min-width: 1024px) {
4009
- .ids .ids-heading-s {
4010
- font-size: var(--IDS-HEADING-S__FONT-SIZE-DESKTOP);
4011
- line-height: var(--IDS-HEADING-S__LINE-HEIGHT-DESKTOP);
4012
- letter-spacing: var(--IDS-HEADING-S__LETTER-SPACING-DESKTOP);
4013
- }
4014
- }
4015
- .ids .ids-heading-s .ids-anchor {
4016
- color: var(--IDS-ANCHOR__COLOR);
4017
- text-decoration: none;
4018
- text-underline-offset: 0.125rem;
4019
- }
4020
- .ids .ids-heading-s .ids-anchor:visited {
4021
- color: var(--IDS-ANCHOR__COLOR);
4022
- }
4023
- .ids .ids-heading-s .ids-anchor:link {
4024
- text-decoration: none;
4025
- }
4026
- .ids .ids-heading-s .ids-anchor:active, .ids .ids-heading-s .ids-anchor:hover {
4027
- color: var(--IDS-ANCHOR__HOVER-COLOR);
4028
- }
4029
- .ids .ids-heading-s:focus-visible {
4030
- outline: none;
4031
- }
4032
- .ids .ids-heading-xs {
4033
- font-style: normal;
4034
- color: var(--IDS-HEADING-XS__COLOR);
4035
- font-family: var(--IDS-HEADING-XS__FONT-FAMILY);
4036
- font-size: var(--IDS-HEADING-XS__FONT-SIZE);
4037
- line-height: var(--IDS-HEADING-XS__LINE-HEIGHT);
4038
- letter-spacing: var(--IDS-HEADING-XS__LETTER-SPACING);
4039
- font-weight: var(--IDS-HEADING-XS__FONT-WEIGHT);
4040
- }
4041
- .ids .ids-heading-xs .ids-anchor {
4042
- color: var(--IDS-ANCHOR__COLOR);
4043
- text-decoration: none;
4044
- text-underline-offset: 0.125rem;
4045
- }
4046
- .ids .ids-heading-xs .ids-anchor:visited {
4047
- color: var(--IDS-ANCHOR__COLOR);
4048
- }
4049
- .ids .ids-heading-xs .ids-anchor:link {
4050
- text-decoration: none;
4051
- }
4052
- .ids .ids-heading-xs .ids-anchor:active, .ids .ids-heading-xs .ids-anchor:hover {
4053
- color: var(--IDS-ANCHOR__HOVER-COLOR);
4054
- }
4055
- .ids .ids-heading-xs:focus-visible {
4056
- outline: none;
4057
- }
4058
- .ids .ids-preamble {
4059
- font-style: normal;
4060
- color: var(--IDS-COLOR-NEUTRAL-20);
4061
- font-family: var(--IDS-PREAMBLE__FONT-FAMILY);
4062
- font-size: var(--IDS-PREAMBLE__FONT-SIZE);
4063
- line-height: var(--IDS-PREAMBLE__LINE-HEIGHT);
4064
- font-weight: 300;
4065
- letter-spacing: 0;
4066
- }
4067
- @media (min-width: 1024px) {
4068
- .ids .ids-preamble {
4069
- font-size: var(--IDS-PREAMBLE__FONT-SIZE-DESKTOP);
4070
- line-height: var(--IDS-PREAMBLE__LINE-HEIGHT-DESKTOP);
4071
- }
4072
- }
4073
- .ids .ids-preamble .ids-anchor {
4074
- color: var(--IDS-ANCHOR__COLOR);
4075
- text-decoration: none;
4076
- text-underline-offset: 0.125rem;
4077
- }
4078
- .ids .ids-preamble .ids-anchor:visited {
4079
- color: var(--IDS-ANCHOR__COLOR);
4080
- }
4081
- .ids .ids-preamble .ids-anchor:link {
4082
- text-decoration: underline;
4083
- }
4084
- .ids .ids-preamble .ids-anchor:active, .ids .ids-preamble .ids-anchor:hover {
4085
- color: var(--IDS-ANCHOR__HOVER-COLOR);
4086
- text-decoration: underline;
4087
- }
4088
- .ids .ids-body {
4089
- font-style: normal;
4090
- color: var(--IDS-COLOR-NEUTRAL-20);
4091
- font-family: var(--IDS-BODY__FONT-FAMILY);
4092
- font-size: var(--IDS-BODY__FONT-SIZE);
4093
- line-height: var(--IDS-BODY__LINE-HEIGHT);
4094
- font-weight: 400;
4095
- letter-spacing: 0;
4096
- }
4097
- .ids .ids-body .ids-anchor {
4098
- color: var(--IDS-ANCHOR__COLOR);
4099
- text-decoration: none;
4100
- text-underline-offset: 0.125rem;
4101
- }
4102
- .ids .ids-body .ids-anchor:visited {
4103
- color: var(--IDS-ANCHOR__COLOR);
4104
- }
4105
- .ids .ids-body .ids-anchor:link {
4106
- text-decoration: underline;
4107
- }
4108
- .ids .ids-body .ids-anchor:active, .ids .ids-body .ids-anchor:hover {
4109
- color: var(--IDS-ANCHOR__HOVER-COLOR);
4110
- text-decoration: underline;
4111
- }
4112
- .ids .ids-body.ids-disabled {
4113
- color: var(---IDS-BODY--DISABLED__COLOR);
4114
- font-style: italic;
4115
- }
4116
- .ids .ids-small {
4117
- font-style: normal;
4118
- color: var(--IDS-COLOR-NEUTRAL-20);
4119
- font-size: 0.875rem;
4120
- line-height: 1.25rem;
4121
- font-weight: 400;
4122
- letter-spacing: 0rem;
4123
- font-family: var(--IDS-FONT-FAMILY-BASE);
4124
- }
4125
- .ids .ids-small .ids-anchor {
4126
- color: var(--IDS-ANCHOR__COLOR);
4127
- text-decoration: none;
4128
- text-underline-offset: 0.125rem;
4129
- }
4130
- .ids .ids-small .ids-anchor:visited {
4131
- color: var(--IDS-ANCHOR__COLOR);
4132
- }
4133
- .ids .ids-small .ids-anchor:link {
4134
- text-decoration: underline;
4135
- }
4136
- .ids .ids-small .ids-anchor:active, .ids .ids-small .ids-anchor:hover {
4137
- color: var(--IDS-ANCHOR__HOVER-COLOR);
4138
- text-decoration: underline;
4139
- }
4140
- .ids .ids-pagelist {
4141
- font-style: normal;
4142
- color: var(--IDS-PAGE-LIST__COLOR);
4143
- font-family: var(--IDS-PAGE-LIST__FONT-FAMILY);
4144
- font-size: var(--IDS-PAGE-LIST__FONT-SIZE);
4145
- line-height: var(--IDS-PAGE-LIST__LINE-HEIGHT);
4146
- font-weight: var(--IDS-PAGE-LIST__FONT-WEIGHT);
4147
- letter-spacing: var(--IDS-PAGE-LIST__LETTER-SPACING);
4148
- }
4149
- .ids ul.ids-bullet-list,
4150
- .ids .ids-bullet-list {
4151
- list-style: disc;
4152
- margin-left: 1.5rem;
4153
- }
4154
- .ids ul.ids-bullet-list li,
4155
- .ids .ids-bullet-list li {
4156
- margin-bottom: 1rem;
4157
- padding-left: 0.5rem;
4158
- display: list-item;
4159
- color: var(--IDS-COLOR-NEUTRAL-20);
4160
- font-family: var(--IDS-FONT-FAMILY-BASE);
4161
- font-size: 1rem;
4162
- font-style: normal;
4163
- font-weight: 400;
4164
- letter-spacing: 0;
4165
- line-height: var(--IDS-BULLET-LIST__LINE-HEIGHT);
4166
- }
4167
- .ids ul.ids-bullet-list li::marker,
4168
- .ids .ids-bullet-list li::marker {
4169
- color: var(--IDS-BULLET-LIST__MARKER-COLOR);
4170
- }
4171
- .ids ol.ids-numbered-list,
4172
- .ids .ids-numbered-list {
4173
- list-style-type: decimal;
4174
- margin-left: 1.5rem;
4175
- }
4176
- .ids ol.ids-numbered-list li,
4177
- .ids .ids-numbered-list li {
4178
- margin-bottom: 1rem;
4179
- padding-left: 0.5rem;
4180
- display: list-item;
4181
- color: var(--IDS-COLOR-NEUTRAL-20);
4182
- font-family: var(--IDS-FONT-FAMILY-BASE);
4183
- font-size: 1rem;
4184
- font-style: normal;
4185
- font-weight: 400;
4186
- letter-spacing: 0;
4187
- line-height: var(--IDS-BULLET-LIST__LINE-HEIGHT);
4188
- }
4189
- .ids ol.ids-numbered-list li::marker,
4190
- .ids .ids-numbered-list li::marker {
4191
- font-weight: var(--IDS-BULLET-LIST__MARKER-FONT-WEIGHT);
4192
- }
4193
-
4194
- .ids-content .ids-heading-xxl {
4195
- margin-bottom: var(--IDS-HEADING-XXL__MARGIN-BOTTOM);
4196
- }
4197
- .ids-content .ids-heading-xl {
4198
- margin-bottom: var(--IDS-HEADING-XL__MARGIN-BOTTOM);
4199
- }
4200
- .ids-content .ids-heading-l {
4201
- margin-bottom: var(--IDS-HEADING-L__MARGIN-BOTTOM);
4202
- }
4203
- .ids-content .ids-heading-m,
4204
- .ids-content .ids-heading-s,
4205
- .ids-content .ids-heading-xs {
4206
- margin-bottom: 0.625rem;
4207
- }
4208
- .ids-content .ids-preamble {
4209
- margin-bottom: 2.5rem;
4210
- }
4211
- .ids-content .ids-body {
4212
- margin-bottom: 1.875rem;
4213
- }
4214
-
4215
- @font-face {
4216
- font-family: "Inera-Design-Icons";
4217
- src: url("../../global/icons/font/Inera-Design-Icons.eot?4sjtb6");
4218
- src: url("../../global/icons/font/Inera-Design-Icons.eot?4sjtb6#iefix") format("embedded-opentype"), url("../../global/icons/font/Inera-Design-Icons.ttf?4sjtb6") format("truetype"), url("../../global/icons/font/Inera-Design-Icons.woff?4sjtb6") format("woff"), url("../../global/icons/font/Inera-Design-Icons.svg?4sjtb6#Inera-Design-Icons") format("svg");
4219
- font-weight: normal;
4220
- font-style: normal;
4221
- font-display: block;
4222
- }
4223
- [class^=ids-icon-],
4224
- [class*=" ids-icon-"] {
4225
- position: relative;
4226
- display: inline-block;
4227
- box-sizing: border-box;
4228
- width: 1em;
4229
- height: 1em;
4230
- }
4231
-
4232
- [class^=ids-icon-]:before {
4233
- font: icon;
4234
- font-family: "Inera-Design-Icons" !important;
4235
- font-size: inherit;
4236
- font-style: normal;
4237
- font-weight: normal;
4238
- font-variant: normal;
4239
- text-transform: none;
4240
- display: block;
4241
- text-decoration: none;
4242
- text-align: center;
4243
- -webkit-font-smoothing: antialiased;
4244
- -moz-osx-font-smoothing: grayscale;
4245
- position: absolute;
4246
- }
4247
-
4248
- .ids-icon-download-small:before {
4249
- content: "\e99a";
4250
- }
4251
-
4252
- .ids-icon-copy-link:before {
4253
- content: "\e99b";
4254
- }
4255
-
4256
- .ids-icon-activity:before {
4257
- content: "\e948";
4258
- }
4259
-
4260
- .ids-icon-alarm:before {
4261
- content: "\e949";
4262
- }
4263
-
4264
- .ids-icon-archive:before {
4265
- content: "\e94a";
4266
- }
4267
-
4268
- .ids-icon-bookmark:before {
4269
- content: "\e94b";
4270
- }
4271
-
4272
- .ids-icon-call-ongoing:before {
4273
- content: "\e94c";
4274
- }
4275
-
4276
- .ids-icon-call:before {
4277
- content: "\e94d";
4278
- }
4279
-
4280
- .ids-icon-camera-off:before {
4281
- content: "\e94e";
4282
- }
4283
-
4284
- .ids-icon-camera-on:before {
4285
- content: "\e94f";
4286
- }
4287
-
4288
- .ids-icon-camera-switch:before {
4289
- content: "\e950";
4290
- }
4291
-
4292
- .ids-icon-chart-bar:before {
4293
- content: "\e951";
4294
- }
4295
-
4296
- .ids-icon-chart-line:before {
4297
- content: "\e952";
4298
- }
4299
-
4300
- .ids-icon-chat:before {
4301
- content: "\e953";
4302
- }
4303
-
4304
- .ids-icon-clipboard-with-cross:before {
4305
- content: "\e954";
4306
- }
4307
-
4308
- .ids-icon-clipboard-with-text:before {
4309
- content: "\e955";
4310
- }
4311
-
4312
- .ids-icon-clipboard:before {
4313
- content: "\e956";
4314
- }
4315
-
4316
- .ids-icon-copy-file:before {
4317
- content: "\e957";
4318
- }
4319
-
4320
- .ids-icon-denied-small:before {
4321
- content: "\e958";
4322
- }
4323
-
4324
- .ids-icon-denied:before {
4325
- content: "\e959";
4326
- }
4327
-
4328
- .ids-icon-desktop:before {
4329
- content: "\e95a";
4330
- }
4331
-
4332
- .ids-icon-doctors-bag:before {
4333
- content: "\e95b";
4334
- }
4335
-
4336
- .ids-icon-document:before {
4337
- content: "\e95c";
4338
- }
4339
-
4340
- .ids-icon-download:before {
4341
- content: "\e95d";
4342
- }
4343
-
4344
- .ids-icon-e-mail-sent:before {
4345
- content: "\e95e";
4346
- }
4347
-
4348
- .ids-icon-e-mail-unread:before {
4349
- content: "\e95f";
4350
- }
4351
-
4352
- .ids-icon-e-mail:before {
4353
- content: "\e960";
4354
- }
4355
-
4356
- .ids-icon-edit:before {
4357
- content: "\e961";
4358
- }
4359
-
4360
- .ids-icon-error-filled:before {
4361
- content: "\e962";
4362
- }
4363
-
4364
- .ids-icon-error:before {
4365
- content: "\e963";
4366
- }
4367
-
4368
- .ids-icon-file-csv:before {
4369
- content: "\e964";
4370
- }
4371
-
4372
- .ids-icon-file-excel:before {
4373
- content: "\e965";
4374
- }
4375
-
4376
- .ids-icon-file-image:before {
4377
- content: "\e966";
4378
- }
4379
-
4380
- .ids-icon-file-other:before {
4381
- content: "\e967";
4382
- }
4383
-
4384
- .ids-icon-file-pdf:before {
4385
- content: "\e968";
4386
- }
4387
-
4388
- .ids-icon-file-ppt:before {
4389
- content: "\e969";
4390
- }
4391
-
4392
- .ids-icon-file-word:before {
4393
- content: "\e96a";
4394
- }
4395
-
4396
- .ids-icon-find-care:before {
4397
- content: "\e96b";
4398
- }
4399
-
4400
- .ids-icon-flag:before {
4401
- content: "\e96c";
4402
- }
4403
-
4404
- .ids-icon-folder:before {
4405
- content: "\e96d";
4406
- }
4407
-
4408
- .ids-icon-form-numbered-reoccurring:before {
4409
- content: "\e96e";
4410
- }
4411
-
4412
- .ids-icon-form-numbered:before {
4413
- content: "\e96f";
4414
- }
4415
-
4416
- .ids-icon-functions:before {
4417
- content: "\e970";
4418
- }
4419
-
4420
- .ids-icon-headphones:before {
4421
- content: "\e971";
4422
- }
4423
-
4424
- .ids-icon-hourglass-end:before {
4425
- content: "\e972";
4426
- }
4427
-
4428
- .ids-icon-hourglass-start:before {
4429
- content: "\e973";
4430
- }
4431
-
4432
- .ids-icon-hourglass:before {
4433
- content: "\e974";
4434
- }
4435
-
4436
- .ids-icon-house:before {
4437
- content: "\e975";
4438
- }
4439
-
4440
- .ids-icon-id-card-locked:before {
4441
- content: "\e976";
4442
- }
4443
-
4444
- .ids-icon-id-card:before {
4445
- content: "\e977";
4446
- }
4447
-
4448
- .ids-icon-image:before {
4449
- content: "\e978";
4450
- }
4451
-
4452
- .ids-icon-inactivity:before {
4453
- content: "\e979";
4454
- }
4455
-
4456
- .ids-icon-lightbulb:before {
4457
- content: "\e97a";
4458
- }
4459
-
4460
- .ids-icon-list:before {
4461
- content: "\e97b";
4462
- }
4463
-
4464
- .ids-icon-listen:before {
4465
- content: "\e97c";
4466
- }
4467
-
4468
- .ids-icon-locked:before {
4469
- content: "\e97d";
4470
- }
4471
-
4472
- .ids-icon-log-locked:before {
4473
- content: "\e97e";
4474
- }
4475
-
4476
- .ids-icon-log:before {
4477
- content: "\e97f";
4478
- }
4479
-
4480
- .ids-icon-mobile:before {
4481
- content: "\e980";
4482
- }
4483
-
4484
- .ids-icon-moment-start:before {
4485
- content: "\e981";
4486
- }
4487
-
4488
- .ids-icon-moment-stop:before {
4489
- content: "\e982";
4490
- }
4491
-
4492
- .ids-icon-office-building:before {
4493
- content: "\e983";
4494
- }
4495
-
4496
- .ids-icon-organization:before {
4497
- content: "\e984";
4498
- }
4499
-
4500
- .ids-icon-prescription:before {
4501
- content: "\e985";
4502
- }
4503
-
4504
- .ids-icon-print:before {
4505
- content: "\e986";
4506
- }
4507
-
4508
- .ids-icon-settings:before {
4509
- content: "\e987";
4510
- }
4511
-
4512
- .ids-icon-shield-locked-filled:before {
4513
- content: "\e988";
4514
- }
4515
-
4516
- .ids-icon-shield-locked-outlined:before {
4517
- content: "\e989";
4518
- }
4519
-
4520
- .ids-icon-social-facebook:before {
4521
- content: "\e98a";
4522
- }
4523
-
4524
- .ids-icon-social-linkedin:before {
4525
- content: "\e98b";
4526
- }
4527
-
4528
- .ids-icon-social-x:before {
4529
- content: "\e98c";
4530
- }
4531
-
4532
- .ids-icon-switch-person:before {
4533
- content: "\e98d";
4534
- }
4535
-
4536
- .ids-icon-toggle-card-view:before {
4537
- content: "\e98e";
4538
- }
4539
-
4540
- .ids-icon-toggle-list-view:before {
4541
- content: "\e98f";
4542
- }
4543
-
4544
- .ids-icon-trash-can:before {
4545
- content: "\e990";
4546
- }
4547
-
4548
- .ids-icon-tube-analysis:before {
4549
- content: "\e991";
4550
- }
4551
-
4552
- .ids-icon-tube-empty:before {
4553
- content: "\e992";
4554
- }
4555
-
4556
- .ids-icon-tube-filled:before {
4557
- content: "\e993";
4558
- }
4559
-
4560
- .ids-icon-unlocked:before {
4561
- content: "\e994";
4562
- }
4563
-
4564
- .ids-icon-video-off:before {
4565
- content: "\e995";
4566
- }
4567
-
4568
- .ids-icon-video-on:before {
4569
- content: "\e996";
4570
- }
4571
-
4572
- .ids-icon-video-switch:before {
4573
- content: "\e997";
4574
- }
4575
-
4576
- .ids-icon-visibility-off:before {
4577
- content: "\e998";
4578
- }
4579
-
4580
- .ids-icon-visibility:before {
4581
- content: "\e999";
4582
- }
4583
-
4584
- .ids-icon-arrow-link:before {
4585
- content: "\e947";
4586
- }
4587
-
4588
- .ids-icon-1177:before {
4589
- content: "\e91e";
4590
- }
4591
-
4592
- .ids-icon-agent:before {
4593
- content: "\e91f";
4594
- }
4595
-
4596
- .ids-icon-inera:before {
4597
- content: "\e920";
4598
- }
4599
-
4600
- .ids-icon-find-region:before {
4601
- content: "\e921";
4602
- }
4603
-
4604
- .ids-icon-clock:before {
4605
- content: "\e922";
4606
- }
4607
-
4608
- .ids-icon-user:before {
4609
- content: "\e923";
4610
- }
4611
-
4612
- .ids-icon-drag-n-drop-small:before {
4613
- content: "\e924";
4614
- }
4615
-
4616
- .ids-icon-drag-n-drop:before {
4617
- content: "\e925";
4618
- }
4619
-
4620
- .ids-icon-expand-small:before {
4621
- content: "\e926";
4622
- }
4623
-
4624
- .ids-icon-expand:before {
4625
- content: "\e927";
4626
- }
4627
-
4628
- .ids-icon-external-link-small:before {
4629
- content: "\e928";
4630
- }
4631
-
4632
- .ids-icon-menu-small:before {
4633
- content: "\e929";
4634
- }
4635
-
4636
- .ids-icon-menu:before {
4637
- content: "\e92a";
4638
- }
4639
-
4640
- .ids-icon-minus-small:before {
4641
- content: "\e92b";
4642
- }
4643
-
4644
- .ids-icon-plus-small:before {
4645
- content: "\e92c";
4646
- }
4647
-
4648
- .ids-icon-reload-small:before {
4649
- content: "\e92d";
4650
- }
4651
-
4652
- .ids-icon-reload:before {
4653
- content: "\e92e";
4654
- }
4655
-
4656
- .ids-icon-reply-small:before {
4657
- content: "\e92f";
4658
- }
4659
-
4660
- .ids-icon-reply:before {
4661
- content: "\e930";
4662
- }
4663
-
4664
- .ids-icon-share-small:before {
4665
- content: "\e931";
4666
- }
4667
-
4668
- .ids-icon-swap-horizontal-small:before {
4669
- content: "\e932";
4670
- }
4671
-
4672
- .ids-icon-swap-vertical-small:before {
4673
- content: "\e933";
4674
- }
4675
-
4676
- .ids-icon-close-small:before {
4677
- content: "\e934";
4678
- }
4679
-
4680
- .ids-icon-copy-link-small:before {
4681
- content: "\e935";
4682
- }
4683
-
4684
- .ids-icon-chevron-down-small:before {
4685
- content: "\e936";
4686
- }
4687
-
4688
- .ids-icon-chevron-left-small:before {
4689
- content: "\e937";
4690
- }
4691
-
4692
- .ids-icon-chevron-right-small:before {
4693
- content: "\e938";
4694
- }
4695
-
4696
- .ids-icon-chevron-up-small:before {
4697
- content: "\e939";
4698
- }
4699
-
4700
- .ids-icon-check-small:before {
4701
- content: "\e93a";
4702
- }
4703
-
4704
- .ids-icon-arrow-down-small:before {
4705
- content: "\e93b";
4706
- }
4707
-
4708
- .ids-icon-arrow-left-small:before {
4709
- content: "\e93c";
4710
- }
4711
-
4712
- .ids-icon-arrow-right-small:before {
4713
- content: "\e93d";
4714
- }
4715
-
4716
- .ids-icon-arrow-up-small:before {
4717
- content: "\e93e";
4718
- }
4719
-
4720
- .ids-icon-caregiver:before {
4721
- content: "\e93f";
4722
- }
4723
-
4724
- .ids-icon-hospital:before {
4725
- content: "\e940";
4726
- }
4727
-
4728
- .ids-icon-call-list:before {
4729
- content: "\e941";
4730
- }
4731
-
4732
- .ids-icon-compare-small:before {
4733
- content: "\e942";
4734
- }
4735
-
4736
- .ids-icon-compare:before {
4737
- content: "\e943";
4738
- }
4739
-
4740
- .ids-icon-calendar:before {
4741
- content: "\e944";
4742
- }
4743
-
4744
- .ids-icon-assistive-devices:before {
4745
- content: "\e945";
4746
- }
4747
-
4748
- .ids-icon-medical-transportation:before {
4749
- content: "\e946";
4750
- }
4751
-
4752
- .ids-icon-activity-missed:before {
4753
- content: "\e900";
4754
- }
4755
-
4756
- .ids-icon-arrow-down:before {
4757
- content: "\e901";
4758
- }
4759
-
4760
- .ids-icon-arrow-left:before {
4761
- content: "\e902";
4762
- }
4763
-
4764
- .ids-icon-arrow-right:before {
4765
- content: "\e903";
4766
- }
4767
-
4768
- .ids-icon-arrow-up:before {
4769
- content: "\e904";
4770
- }
4771
-
4772
- .ids-icon-attention:before {
4773
- content: "\e905";
4774
- }
4775
-
4776
- .ids-icon-check:before {
4777
- content: "\e914";
4778
- }
4779
-
4780
- .ids-icon-chevron-down:before {
4781
- content: "\e906";
4782
- }
4783
-
4784
- .ids-icon-chevron-left:before {
4785
- content: "\e907";
4786
- }
4787
-
4788
- .ids-icon-chevron-right:before {
4789
- content: "\e908";
4790
- }
4791
-
4792
- .ids-icon-chevron-up:before {
4793
- content: "\e909";
4794
- }
4795
-
4796
- .ids-icon-close:before {
4797
- content: "\e916";
4798
- }
4799
-
4800
- .ids-icon-drug:before {
4801
- content: "\e90d";
4802
- }
4803
-
4804
- .ids-icon-exclamation-mark:before {
4805
- content: "\e91d";
4806
- }
4807
-
4808
- .ids-icon-external-link:before {
4809
- content: "\e90a";
4810
- }
4811
-
4812
- .ids-icon-group:before {
4813
- content: "\e90b";
4814
- }
4815
-
4816
- .ids-icon-information:before {
4817
- content: "\e90c";
4818
- }
4819
-
4820
- .ids-icon-minus:before {
4821
- content: "\e917";
4822
- }
4823
-
4824
- .ids-icon-notification:before {
4825
- content: "\e90e";
4826
- }
4827
-
4828
- .ids-icon-play:before {
4829
- content: "\e90f";
4830
- }
4831
-
4832
- .ids-icon-plus:before {
4833
- content: "\e918";
4834
- }
4835
-
4836
- .ids-icon-question:before {
4837
- content: "\e910";
4838
- }
4839
-
4840
- .ids-icon-search:before {
4841
- content: "\e919";
4842
- }
4843
-
4844
- .ids-icon-share:before {
4845
- content: "\e911";
4846
- }
4847
-
4848
- .ids-icon-star:before {
4849
- content: "\e91a";
4850
- }
4851
-
4852
- .ids-icon-star-filled:before {
4853
- content: "\e91b";
4854
- }
4855
-
4856
- .ids-icon-success:before {
4857
- content: "\e912";
4858
- }
4859
-
4860
- .ids-icon-swap-horizontal:before {
4861
- content: "\e915";
4862
- }
4863
-
4864
- .ids-icon-swap-vertical:before {
4865
- content: "\e91c";
4866
- }
4867
-
4868
- .ids-icon-warning:before {
4869
- content: "\e913";
4870
- }
4871
-
4872
- [class^=ids-icon-].ids-icon--color-preset-1 {
4873
- color: var(--IDS-ICON__COLOR-PRESET-1);
4874
- }
4875
- [class^=ids-icon-].ids-icon--color-preset-2 {
4876
- color: var(--IDS-ICON__COLOR-PRESET-2);
4877
- }
4878
- [class^=ids-icon-].ids-icon--color-preset-3 {
4879
- color: var(--IDS-ICON__COLOR-PRESET-3);
4880
- }
4881
- [class^=ids-icon-].ids-icon--light, [class^=ids-icon-].ids-icon--color-preset-4 {
4882
- color: var(--IDS-ICON__COLOR-PRESET-4);
4883
- }
4884
- [class^=ids-icon-].ids-icon--text-align {
4885
- position: relative;
4886
- bottom: -0.3125rem;
4887
- flex-shrink: 0;
4888
- }
4889
- [class^=ids-icon-].ids-icon--text-align:before {
4890
- top: 50%;
4891
- left: 50%;
4892
- transform: translate(-50%, -50%);
4893
- }
4894
- [class^=ids-icon-].ids-icon--text-start {
4895
- margin-right: 0.5rem;
4896
- position: relative;
4897
- bottom: -0.125rem;
4898
- flex-shrink: 0;
4899
- }
4900
- [class^=ids-icon-].ids-icon--text-start:before {
4901
- top: 50%;
4902
- left: 50%;
4903
- transform: translate(-50%, -50%);
4904
- }
4905
- [class^=ids-icon-].ids-icon--text-end {
4906
- margin-left: 0.5rem;
4907
- position: relative;
4908
- bottom: -0.125rem;
4909
- flex-shrink: 0;
4910
- }
4911
- [class^=ids-icon-].ids-icon--text-end:before {
4912
- top: 50%;
4913
- left: 50%;
4914
- transform: translate(-50%, -50%);
4915
- }
4916
- [class^=ids-icon-].ids-icon--s {
4917
- width: 1rem;
4918
- height: 1rem;
4919
- }
4920
- [class^=ids-icon-].ids-icon--s:before {
4921
- font-size: 1rem;
4922
- }
4923
- [class^=ids-icon-].ids-icon--m {
4924
- width: 1.25rem;
4925
- height: 1.25rem;
4926
- }
4927
- [class^=ids-icon-].ids-icon--m:before {
4928
- font-size: 1.25rem;
4929
- }
4930
- [class^=ids-icon-].ids-icon--l {
4931
- width: 1.5rem;
4932
- height: 1.5rem;
4933
- }
4934
- [class^=ids-icon-].ids-icon--l:before {
4935
- font-size: 1.5rem;
4936
- }
4937
- [class^=ids-icon-].ids-icon--xl {
4938
- width: 1.75rem;
4939
- height: 1.75rem;
4940
- }
4941
- [class^=ids-icon-].ids-icon--xl:before {
4942
- font-size: 1.75rem;
4943
- }
4944
- [class^=ids-icon-].ids-icon--rotate-90 {
4945
- transform: rotate(90deg);
4946
- }
4947
- [class^=ids-icon-].ids-icon--rotate-180 {
4948
- transform: rotate(180deg);
4949
- }
4950
- [class^=ids-icon-].ids-icon--rotate-270 {
4951
- transform: rotate(270deg);
4952
- }
4953
-
4954
- :root {
4955
- --IDS__MAX-WIDTH: 1280px;
4956
- --IDS__FONT-FAMILY: Open sans;
4957
- --IDS__FONT-COLOR: black;
4958
- }
4959
-
4960
- .ids input:focus,
4961
- .ids select:focus,
4962
- .ids textarea:focus,
4963
- .ids button:focus,
4964
- .ids ids-button:focus,
4965
- .ids a:focus {
4966
- outline: var(--IDS-FOCUS__OUTLINE);
4967
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
4968
- }
4969
-
4970
- input::placeholder,
4971
- textarea::placeholder,
4972
- select::placeholder {
4973
- color: var(--IDS-FORM-PLACEHOLDER__COLOR);
4974
- }
4975
-
4976
- [tabindex="0"]:focus {
4977
- outline: var(--IDS-FOCUS__OUTLINE);
4978
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
4979
- outline-color: var(--IDS-FOCUS__OUTLINE-COLOR);
4980
- }
4981
-
4982
- input[type=search]::-webkit-search-decoration,
4983
- input[type=search]::-webkit-search-cancel-button,
4984
- input[type=search]::-webkit-search-results-button,
4985
- input[type=search]::-webkit-search-results-decoration {
4986
- -webkit-appearance: none;
4987
- }