@inera/ids-design 6.2.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 (138) hide show
  1. package/components/accordion/accordion-lit.js +1 -1
  2. package/components/accordion/accordion.css +8 -0
  3. package/components/badge/badge-lit.js +1 -1
  4. package/components/badge/badge.css +12 -12
  5. package/components/box-link/box-link-lit.js +1 -1
  6. package/components/box-link/box-link.css +20 -21
  7. package/components/button-group/button-group-lit.js +1 -1
  8. package/components/button-group/button-group.css +2 -0
  9. package/components/card/card-lit.js +1 -1
  10. package/components/card/card.css +8 -15
  11. package/components/carousel/carousel-item-lit.js +1 -1
  12. package/components/carousel/carousel-item.css +3 -5
  13. package/components/carousel/carousel-lit.js +1 -1
  14. package/components/carousel/carousel.css +22 -9
  15. package/components/data-table/data-table-lit.js +1 -1
  16. package/components/data-table/data-table.css +0 -9
  17. package/components/dialog/dialog-lit.js +1 -1
  18. package/components/dialog/dialog.css +18 -20
  19. package/components/dropdown/dropdown-lit.js +1 -1
  20. package/components/dropdown/dropdown.css +48 -18
  21. package/components/footer-1177/footer-1177-lit.js +1 -1
  22. package/components/footer-1177/footer-1177.css +4 -2
  23. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  24. package/components/footer-1177-admin/footer-1177-admin.css +2 -4
  25. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  26. package/components/footer-1177-pro/footer-1177-pro.css +8 -17
  27. package/components/form/error-message/error-message-lit.js +1 -1
  28. package/components/form/error-message/error-message.css +1 -0
  29. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  30. package/components/form/select-multiple/select-multiple.css +18 -20
  31. package/components/header-1177/composite-header-1177.css +642 -281
  32. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  33. package/components/header-1177/header-1177-avatar.css +388 -158
  34. package/components/header-1177/header-1177-item-lit.js +1 -1
  35. package/components/header-1177/header-1177-item.css +54 -6
  36. package/components/header-1177/header-1177-lit.js +1 -1
  37. package/components/header-1177/header-1177-menu-mobile-lit.d.ts +2 -0
  38. package/components/header-1177/header-1177-menu-mobile-lit.js +7 -0
  39. package/components/header-1177/header-1177-menu-mobile.css +138 -0
  40. package/components/header-1177/header-1177-nav-item-lit.js +1 -1
  41. package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
  42. package/components/header-1177/header-1177-nav-item-mobile.css +10 -12
  43. package/components/header-1177/header-1177-nav-item.css +8 -8
  44. package/components/header-1177/header-1177-nav-lit.js +1 -1
  45. package/components/header-1177/header-1177-nav.css +7 -2
  46. package/components/header-1177/header-1177.css +63 -95
  47. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
  48. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +1 -65
  49. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  50. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
  51. package/components/header-1177-admin/header-1177-admin-nav-item.css +8 -8
  52. package/components/header-1177-admin/header-1177-admin.css +66 -1
  53. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
  54. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +1 -0
  55. package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
  56. package/components/header-1177-pro/header-1177-pro-item.css +4 -0
  57. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  58. package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
  59. package/components/header-1177-pro/header-1177-pro-nav-item.css +8 -8
  60. package/components/header-1177-pro/header-1177-pro-nav-lit.js +1 -1
  61. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile-lit.js +1 -1
  62. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css +2 -0
  63. package/components/header-1177-pro/header-1177-pro-nav.css +6 -0
  64. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  65. package/components/header-1177-pro/header-1177-pro-region-picker.css +211 -97
  66. package/components/header-1177-pro/header-1177-pro.css +10 -7
  67. package/components/header-inera/header-inera-item-lit.js +1 -1
  68. package/components/header-inera/header-inera-item.css +13 -6
  69. package/components/header-inera/header-inera-nav-item-lit.js +1 -1
  70. package/components/header-inera/header-inera-nav-item.css +1 -1
  71. package/components/header-inera/header-inera-nav-mobile-lit.js +1 -1
  72. package/components/header-inera/header-inera-nav-mobile.css +1 -0
  73. package/components/header-inera-admin/composite-header-inera-admin.css +24 -11
  74. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  75. package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +1 -1
  76. package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +2 -0
  77. package/components/header-inera-admin/header-inera-admin-avatar.css +5 -0
  78. package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
  79. package/components/header-inera-admin/header-inera-admin-item.css +10 -6
  80. package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
  81. package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
  82. package/components/header-inera-admin/header-inera-admin-nav-item.css +4 -3
  83. package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.js +1 -1
  84. package/components/header-inera-admin/header-inera-admin-nav-mobile.css +1 -0
  85. package/components/header-inera-admin/header-inera-admin.css +2 -2
  86. package/components/header-patient/header-patient-lit.d.ts +2 -0
  87. package/components/header-patient/header-patient-lit.js +7 -0
  88. package/components/header-patient/header-patient.css +145 -0
  89. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  90. package/components/mobile-menu/mobile-menu.css +159 -116
  91. package/components/navigation/content/navigation-content.css +2 -1
  92. package/components/navigation/local/navigation-local-lit.js +1 -1
  93. package/components/navigation/local/navigation-local.css +5 -4
  94. package/components/notification-badge/notification-badge-lit.js +1 -1
  95. package/components/notification-badge/notification-badge.css +48 -7
  96. package/components/pagination/list-pagination/list-pagination-lit.js +1 -1
  97. package/components/pagination/list-pagination/list-pagination.css +1 -1
  98. package/components/popover/popover-content-lit.js +1 -1
  99. package/components/popover/popover-content.css +53 -66
  100. package/components/puff-list/puff-list-lit.js +1 -1
  101. package/components/puff-list/puff-list.css +90 -89
  102. package/components/region-icon/region-icon-lit.d.ts +2 -0
  103. package/components/region-icon/region-icon-lit.js +7 -0
  104. package/components/region-icon/region-icon.css +149 -0
  105. package/components/side-panel/side-panel-lit.js +1 -1
  106. package/components/side-panel/side-panel.css +29 -25
  107. package/components/stepper/stepper-lit.js +1 -1
  108. package/components/stepper/stepper.css +35 -5
  109. package/components/tabs/tab-lit.js +1 -1
  110. package/components/tabs/tab-panel-lit.js +1 -1
  111. package/components/tabs/tab-panel.css +2 -2
  112. package/components/tabs/tab.css +52 -45
  113. package/components/tabs/tabs-lit.js +2 -2
  114. package/components/tabs/tabs.css +11 -2
  115. package/components/tag/tag-lit.js +1 -1
  116. package/components/tag/tag.css +14 -10
  117. package/global/icons/Inera-Design-Icons.eot +0 -0
  118. package/global/icons/Inera-Design-Icons.svg +409 -0
  119. package/global/icons/Inera-Design-Icons.ttf +0 -0
  120. package/global/icons/Inera-Design-Icons.woff +0 -0
  121. package/package.json +1 -1
  122. package/themes/1177/1177.css +4335 -3968
  123. package/themes/1177-pro/1177-pro.css +4342 -3968
  124. package/themes/inera/inera.css +4327 -3962
  125. package/themes/inera-admin/inera-admin.css +4327 -3962
  126. package/components/grid/column/_column-partials.css +0 -0
  127. package/global/_partials.css +0 -15
  128. package/global/global.css +0 -5025
  129. package/global/icons/font/Inera-Design-Icons.eot +0 -0
  130. package/global/icons/font/Inera-Design-Icons.svg +0 -323
  131. package/global/icons/font/Inera-Design-Icons.ttf +0 -0
  132. package/global/icons/font/Inera-Design-Icons.woff +0 -0
  133. package/global/util/util.css +0 -2282
  134. package/themes/1177/1177-tokens.css +0 -34
  135. package/themes/1177-pro/1177-pro-tokens.css +0 -1
  136. package/themes/inera/inera-tokens.css +0 -53
  137. package/themes/inera-admin/inera-admin-tokens.css +0 -1
  138. package/themes/reset.css +0 -61
package/global/global.css DELETED
@@ -1,5025 +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 [class*=" ids-icon-"],
2628
- .ids-button [class*=" ids-icon-"],
2629
- .ids button.ids-button [class*=" ids-icon-"] {
2630
- font-size: 1.125rem;
2631
- }
2632
- .ids .ids-button:hover,
2633
- .ids-button:hover,
2634
- .ids button.ids-button:hover {
2635
- background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2636
- box-shadow: var(--IDS-BUTTON--ACTIVE__BOX-SHADOW);
2637
- }
2638
- .ids .ids-button:active, .ids .ids-button.ids-button--active,
2639
- .ids-button:active,
2640
- .ids-button.ids-button--active,
2641
- .ids button.ids-button:active,
2642
- .ids button.ids-button.ids-button--active {
2643
- background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2644
- box-shadow: var(--IDS-BUTTON--ACTIVE__BOX-SHADOW);
2645
- }
2646
- .ids .ids-button:focus,
2647
- .ids-button:focus,
2648
- .ids button.ids-button:focus {
2649
- background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2650
- border-radius: var(--IDS-BUTTON__BORDER-RADIUS);
2651
- outline: var(--IDS-FOCUS__OUTLINE);
2652
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
2653
- }
2654
- .ids .ids-button.ids-button--s,
2655
- .ids-button.ids-button--s,
2656
- .ids button.ids-button.ids-button--s {
2657
- font-size: var(--IDS-BUTTON--S__FONT-SIZE);
2658
- line-height: var(--IDS-BUTTON--S__LINE-HEIGHT);
2659
- padding: var(--IDS-BUTTON--S__PADDING);
2660
- }
2661
- .ids .ids-button.ids-button--l,
2662
- .ids-button.ids-button--l,
2663
- .ids button.ids-button.ids-button--l {
2664
- font-size: var(--IDS-BUTTON--L__FONT-SIZE);
2665
- line-height: var(--IDS-BUTTON--L__LINE-HEIGHT);
2666
- padding: var(--IDS-BUTTON--L__PADDING);
2667
- }
2668
- .ids .ids-button.ids-button--loading,
2669
- .ids-button.ids-button--loading,
2670
- .ids button.ids-button.ids-button--loading {
2671
- pointer-events: none !important;
2672
- }
2673
- .ids .ids-button.ids-button--secondary,
2674
- .ids-button.ids-button--secondary,
2675
- .ids button.ids-button.ids-button--secondary {
2676
- background-color: var(--IDS-COLOR-NEUTRAL-100);
2677
- border: var(--IDS-BUTTON--SECONDARY__BORDER);
2678
- color: var(--IDS-BUTTON--SECONDARY__COLOR);
2679
- line-height: var(--IDS-BUTTON--M__LINE-HEIGHT);
2680
- padding: var(--IDS-BUTTON--M__PADDING);
2681
- }
2682
- .ids .ids-button.ids-button--secondary.ids-button--s,
2683
- .ids-button.ids-button--secondary.ids-button--s,
2684
- .ids button.ids-button.ids-button--secondary.ids-button--s {
2685
- line-height: var(--IDS-BUTTON--S__LINE-HEIGHT);
2686
- padding: var(--IDS-BUTTON--S__PADDING);
2687
- }
2688
- .ids .ids-button.ids-button--secondary.ids-button--l,
2689
- .ids-button.ids-button--secondary.ids-button--l,
2690
- .ids button.ids-button.ids-button--secondary.ids-button--l {
2691
- line-height: var(--IDS-BUTTON--L__LINE-HEIGHT);
2692
- padding: var(--IDS-BUTTON--L__PADDING);
2693
- }
2694
- .ids .ids-button.ids-button--secondary:hover,
2695
- .ids-button.ids-button--secondary:hover,
2696
- .ids button.ids-button.ids-button--secondary:hover {
2697
- background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2698
- color: var(--IDS-COLOR-NEUTRAL-100);
2699
- border: 0.063rem solid var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2700
- }
2701
- .ids .ids-button.ids-button--secondary.ids-button--active, .ids .ids-button.ids-button--secondary:active,
2702
- .ids-button.ids-button--secondary.ids-button--active,
2703
- .ids-button.ids-button--secondary:active,
2704
- .ids button.ids-button.ids-button--secondary.ids-button--active,
2705
- .ids button.ids-button.ids-button--secondary:active {
2706
- background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2707
- color: var(--IDS-COLOR-NEUTRAL-100);
2708
- }
2709
- .ids .ids-button.ids-button--secondary:focus,
2710
- .ids-button.ids-button--secondary:focus,
2711
- .ids button.ids-button.ids-button--secondary:focus {
2712
- background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2713
- color: var(--IDS-COLOR-NEUTRAL-100);
2714
- border-radius: var(--IDS-BUTTON__BORDER-RADIUS);
2715
- outline: var(--IDS-FOCUS__OUTLINE);
2716
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
2717
- }
2718
- .ids .ids-button.ids-button--tertiary,
2719
- .ids-button.ids-button--tertiary,
2720
- .ids button.ids-button.ids-button--tertiary {
2721
- background: transparent;
2722
- border-radius: 0;
2723
- border: 0.063rem solid transparent;
2724
- color: var(--IDS-BUTTON--TERTIARY__COLOR);
2725
- box-shadow: none;
2726
- font-family: var(--IDS-FONT-FAMILY-HEADING);
2727
- text-decoration: underline;
2728
- text-underline-offset: 0.125rem;
2729
- }
2730
- .ids .ids-button.ids-button--tertiary.ids-button--s,
2731
- .ids-button.ids-button--tertiary.ids-button--s,
2732
- .ids button.ids-button.ids-button--tertiary.ids-button--s {
2733
- line-height: var(--IDS-BUTTON--S__LINE-HEIGHT);
2734
- padding: var(--IDS-BUTTON--S__PADDING);
2735
- }
2736
- .ids .ids-button.ids-button--tertiary.ids-button--l,
2737
- .ids-button.ids-button--tertiary.ids-button--l,
2738
- .ids button.ids-button.ids-button--tertiary.ids-button--l {
2739
- line-height: var(--IDS-BUTTON--L__LINE-HEIGHT);
2740
- padding: var(--IDS-BUTTON--L__PADDING);
2741
- }
2742
- .ids .ids-button.ids-button--tertiary:hover,
2743
- .ids-button.ids-button--tertiary:hover,
2744
- .ids button.ids-button.ids-button--tertiary:hover {
2745
- background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2746
- color: var(--IDS-COLOR-NEUTRAL-100);
2747
- border-radius: var(--IDS-BUTTON__BORDER-RADIUS);
2748
- border: 0.063rem solid var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2749
- }
2750
- .ids .ids-button.ids-button--tertiary:active, .ids .ids-button.ids-button--tertiary.ids-button--active,
2751
- .ids-button.ids-button--tertiary:active,
2752
- .ids-button.ids-button--tertiary.ids-button--active,
2753
- .ids button.ids-button.ids-button--tertiary:active,
2754
- .ids button.ids-button.ids-button--tertiary.ids-button--active {
2755
- background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2756
- color: var(--IDS-COLOR-NEUTRAL-100);
2757
- border-radius: var(--IDS-BUTTON__BORDER-RADIUS);
2758
- border: 0.063rem solid var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2759
- }
2760
- .ids .ids-button.ids-button--tertiary:focus,
2761
- .ids-button.ids-button--tertiary:focus,
2762
- .ids button.ids-button.ids-button--tertiary:focus {
2763
- background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2764
- color: var(--IDS-COLOR-NEUTRAL-100);
2765
- border-radius: var(--IDS-BUTTON__BORDER-RADIUS);
2766
- border: 0.063rem solid var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2767
- outline: var(--IDS-FOCUS__OUTLINE);
2768
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
2769
- }
2770
- .ids .ids-button.ids-button--tertiary.ids-button--disabled, .ids .ids-button.ids-button--tertiary[disabled],
2771
- .ids-button.ids-button--tertiary.ids-button--disabled,
2772
- .ids-button.ids-button--tertiary[disabled],
2773
- .ids button.ids-button.ids-button--tertiary.ids-button--disabled,
2774
- .ids button.ids-button.ids-button--tertiary[disabled] {
2775
- border: none !important;
2776
- text-decoration: underline !important;
2777
- color: var(--IDS-BUTTON--DISABLED__COLOR);
2778
- text-decoration: none;
2779
- }
2780
- .ids .ids-button.ids-button--icon, .ids .ids-button.ids-button--fab,
2781
- .ids-button.ids-button--icon,
2782
- .ids-button.ids-button--fab,
2783
- .ids button.ids-button.ids-button--icon,
2784
- .ids button.ids-button.ids-button--fab {
2785
- width: 2.75rem;
2786
- height: 2.75rem !important;
2787
- border-radius: 100% !important;
2788
- font-style: normal;
2789
- font-weight: 400;
2790
- line-height: 0 !important;
2791
- font-size: 1.25rem;
2792
- padding: 0 !important;
2793
- justify-content: center;
2794
- }
2795
- .ids .ids-button.ids-button--icon.ids-button--s, .ids .ids-button.ids-button--fab.ids-button--s,
2796
- .ids-button.ids-button--icon.ids-button--s,
2797
- .ids-button.ids-button--fab.ids-button--s,
2798
- .ids button.ids-button.ids-button--icon.ids-button--s,
2799
- .ids button.ids-button.ids-button--fab.ids-button--s {
2800
- width: 1.875rem;
2801
- height: 1.875rem !important;
2802
- }
2803
- .ids .ids-button.ids-button--icon.ids-button--l, .ids .ids-button.ids-button--fab.ids-button--l,
2804
- .ids-button.ids-button--icon.ids-button--l,
2805
- .ids-button.ids-button--fab.ids-button--l,
2806
- .ids button.ids-button.ids-button--icon.ids-button--l,
2807
- .ids button.ids-button.ids-button--fab.ids-button--l {
2808
- width: 3.75rem;
2809
- height: 3.75rem !important;
2810
- }
2811
- .ids .ids-button.ids-button--fab,
2812
- .ids-button.ids-button--fab,
2813
- .ids button.ids-button.ids-button--fab {
2814
- color: var(--IDS-BUTTON--FAB__ICON-COLOR);
2815
- background-color: var(--IDS-COLOR-NEUTRAL-100);
2816
- border: var(--IDS-BUTTON--FAB__BORDER);
2817
- filter: drop-shadow(0 0 0.375rem rgba(0, 0, 0, 0.3));
2818
- }
2819
- .ids .ids-button.ids-button--fab [class^=ids-icon-],
2820
- .ids-button.ids-button--fab [class^=ids-icon-],
2821
- .ids button.ids-button.ids-button--fab [class^=ids-icon-] {
2822
- font-size: 1.5rem;
2823
- }
2824
- .ids .ids-button.ids-button--icon.ids-button--secondary,
2825
- .ids-button.ids-button--icon.ids-button--secondary,
2826
- .ids button.ids-button.ids-button--icon.ids-button--secondary {
2827
- background-color: var(--IDS-BUTTON--SECONDARY__ICON-BACKGROUND-COLOR);
2828
- }
2829
- .ids .ids-button.ids-button--icon:hover,
2830
- .ids-button.ids-button--icon:hover,
2831
- .ids button.ids-button.ids-button--icon:hover {
2832
- background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2833
- color: var(--IDS-COLOR-NEUTRAL-100);
2834
- }
2835
- .ids .ids-button.ids-button--icon:active, .ids .ids-button.ids-button--icon.ids-button--active,
2836
- .ids-button.ids-button--icon:active,
2837
- .ids-button.ids-button--icon.ids-button--active,
2838
- .ids button.ids-button.ids-button--icon:active,
2839
- .ids button.ids-button.ids-button--icon.ids-button--active {
2840
- background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2841
- color: var(--IDS-COLOR-NEUTRAL-100);
2842
- }
2843
- .ids .ids-button.ids-button--icon:focus,
2844
- .ids-button.ids-button--icon:focus,
2845
- .ids button.ids-button.ids-button--icon:focus {
2846
- background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
2847
- color: var(--IDS-COLOR-NEUTRAL-100);
2848
- outline: var(--IDS-FOCUS__OUTLINE);
2849
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
2850
- }
2851
- .ids .ids-button.ids-button--submit,
2852
- .ids-button.ids-button--submit,
2853
- .ids button.ids-button.ids-button--submit {
2854
- border-radius: var(--IDS-BUTTON--SUBMIT__BORDER-RADIUS);
2855
- font-size: var(--IDS-BUTTON--SUBMIT-S__FONT-SIZE);
2856
- height: var(--IDS-BUTTON--SUBMIT-S__HEIGHT);
2857
- padding: var(--IDS-BUTTON--SUBMIT-S__PADDING);
2858
- }
2859
- .ids .ids-button.ids-button--submit.ids-button--s,
2860
- .ids-button.ids-button--submit.ids-button--s,
2861
- .ids button.ids-button.ids-button--submit.ids-button--s {
2862
- height: var(--IDS-BUTTON--SEARCH-M__HEIGHT);
2863
- font-size: var(--IDS-BUTTON--SEARCH-M__FONT-SIZE);
2864
- padding: var(--IDS-BUTTON--SEARCH-M__PADDING);
2865
- }
2866
- @media (min-width: 1024px) {
2867
- .ids .ids-button.ids-button--submit,
2868
- .ids-button.ids-button--submit,
2869
- .ids button.ids-button.ids-button--submit {
2870
- height: var(--IDS-BUTTON--SUBMIT-L__HEIGHT);
2871
- padding: var(--IDS-BUTTON--SUBMIT-L__PADDING);
2872
- font-size: var(--IDS-BUTTON--SUBMIT-L__FONT-SIZE);
2873
- }
2874
- .ids .ids-button.ids-button--submit.ids-button--s,
2875
- .ids-button.ids-button--submit.ids-button--s,
2876
- .ids button.ids-button.ids-button--submit.ids-button--s {
2877
- height: var(--IDS-BUTTON--SEARCH-M__HEIGHT);
2878
- font-size: var(--IDS-BUTTON--SEARCH-M__FONT-SIZE);
2879
- padding: var(--IDS-BUTTON--SEARCH-M__PADDING);
2880
- }
2881
- }
2882
- .ids .ids-button.ids-button--block,
2883
- .ids-button.ids-button--block,
2884
- .ids button.ids-button.ids-button--block {
2885
- display: flex;
2886
- width: 100%;
2887
- }
2888
- @media (max-width: 1024px) {
2889
- .ids .ids-button.ids-button--m-block,
2890
- .ids-button.ids-button--m-block,
2891
- .ids button.ids-button.ids-button--m-block {
2892
- display: flex;
2893
- width: 100%;
2894
- }
2895
- }
2896
- @media (max-width: 640px) {
2897
- .ids .ids-button.ids-button--s-block,
2898
- .ids-button.ids-button--s-block,
2899
- .ids button.ids-button.ids-button--s-block {
2900
- display: flex;
2901
- width: 100%;
2902
- }
2903
- }
2904
- .ids .ids-button.ids-button--disabled, .ids .ids-button[disabled],
2905
- .ids-button.ids-button--disabled,
2906
- .ids-button[disabled],
2907
- .ids button.ids-button.ids-button--disabled,
2908
- .ids button.ids-button[disabled] {
2909
- pointer-events: none;
2910
- }
2911
- .ids .ids-button:focus,
2912
- .ids-button:focus,
2913
- .ids button.ids-button:focus {
2914
- outline: var(--IDS-FOCUS__OUTLINE);
2915
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
2916
- }
2917
-
2918
- .ids-radio {
2919
- display: inline-flex;
2920
- align-items: flex-start;
2921
- gap: 0.5rem;
2922
- margin-bottom: 0.25rem;
2923
- }
2924
- .ids-radio input,
2925
- .ids-radio input[type=radio] {
2926
- cursor: pointer;
2927
- appearance: none;
2928
- margin: 0;
2929
- width: 1.25rem;
2930
- height: 1.25rem;
2931
- color: var(--IDS-COLOR-ACCENT-40);
2932
- box-sizing: border-box;
2933
- border: 0.063rem solid var(--IDS-COLOR-ACCENT-40);
2934
- background-color: var(--IDS-RADIO__BACKGROUND-COLOR);
2935
- border-radius: 50%;
2936
- position: relative;
2937
- flex-shrink: 0;
2938
- }
2939
- .ids-radio input.ids-input--light:not(.ids-input--invalid),
2940
- .ids-radio input[type=radio].ids-input--light:not(.ids-input--invalid) {
2941
- background-color: var(--IDS-COLOR-NEUTRAL-100);
2942
- }
2943
- .ids-radio input.ids-input--light:not(.ids-input--invalid)::after,
2944
- .ids-radio input[type=radio].ids-input--light:not(.ids-input--invalid)::after {
2945
- border: 0.125rem solid var(--IDS-COLOR-NEUTRAL-100);
2946
- background-color: var(--IDS-COLOR-NEUTRAL-100);
2947
- }
2948
- .ids-radio input.ids-input--light:not(.ids-input--invalid):checked::after,
2949
- .ids-radio input[type=radio].ids-input--light:not(.ids-input--invalid):checked::after {
2950
- border: 0.125rem solid var(--IDS-RADIO__BACKGROUND-COLOR);
2951
- background-color: var(--IDS-RADIO--CHECKED__BACKGROUND-COLOR);
2952
- }
2953
- .ids-radio input.ids-input--light:not(.ids-input--invalid):disabled::after,
2954
- .ids-radio input[type=radio].ids-input--light:not(.ids-input--invalid):disabled::after {
2955
- border: 0.125rem solid var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
2956
- background-color: var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
2957
- }
2958
- .ids-radio input.ids-input--light:not(.ids-input--invalid):disabled:checked::after,
2959
- .ids-radio input[type=radio].ids-input--light:not(.ids-input--invalid):disabled:checked::after {
2960
- border: 0.125rem solid var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
2961
- background-color: var(--IDS-RADIO--CHECKED-DISABLED__BACKGROUND-COLOR);
2962
- }
2963
- .ids-radio input::after,
2964
- .ids-radio input[type=radio]::after {
2965
- content: "";
2966
- position: absolute;
2967
- display: inline-block;
2968
- cursor: pointer;
2969
- width: 1.125rem;
2970
- height: 1.125rem;
2971
- box-sizing: border-box;
2972
- border-radius: 50%;
2973
- top: 50%;
2974
- left: 50%;
2975
- transform: translate(-50%, -50%);
2976
- border: 0.125rem solid var(--IDS-RADIO__BACKGROUND-COLOR);
2977
- background-color: var(--IDS-RADIO__BACKGROUND-COLOR);
2978
- }
2979
- .ids-radio input:checked::after,
2980
- .ids-radio input[type=radio]:checked::after {
2981
- border: 0.125rem solid var(--IDS-RADIO__BACKGROUND-COLOR);
2982
- background-color: var(--IDS-RADIO--CHECKED__BACKGROUND-COLOR);
2983
- }
2984
- .ids-radio input:disabled,
2985
- .ids-radio input[type=radio]:disabled {
2986
- cursor: default;
2987
- background-color: var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
2988
- border: var(--IDS-FORM--DISABLED__BORDER);
2989
- }
2990
- .ids-radio input:disabled::after,
2991
- .ids-radio input[type=radio]:disabled::after {
2992
- cursor: default;
2993
- background-color: var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
2994
- border: 0.125rem solid var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
2995
- }
2996
- .ids-radio input:disabled:checked::after,
2997
- .ids-radio input[type=radio]:disabled:checked::after {
2998
- border: 0.125rem solid var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
2999
- background-color: var(--IDS-RADIO--CHECKED-DISABLED__BACKGROUND-COLOR);
3000
- }
3001
- .ids-radio input[aria-invalid=true]:not(:checked),
3002
- .ids-radio input[type=radio][aria-invalid=true]:not(:checked) {
3003
- background-color: var(--IDS-RADIO--INVALID__BACKGROUND-COLOR);
3004
- border: 0.125rem solid var(--IDS-FORM--INVALID__BORDER-COLOR);
3005
- }
3006
- .ids-radio input[aria-invalid=true]:not(:checked)::after,
3007
- .ids-radio input[type=radio][aria-invalid=true]:not(:checked)::after {
3008
- width: 1rem;
3009
- height: 1rem;
3010
- background-color: var(--IDS-RADIO--INVALID__BACKGROUND-COLOR);
3011
- border: 0.125rem solid var(--IDS-RADIO--INVALID__BACKGROUND-COLOR) !important;
3012
- }
3013
- .ids-radio.ids-radio--compact {
3014
- margin: 0 !important;
3015
- }
3016
- .ids-radio.ids-radio--compact label {
3017
- margin-left: 0 !important;
3018
- margin-bottom: -0.125rem !important;
3019
- }
3020
-
3021
- .ids-checkbox {
3022
- position: relative;
3023
- display: inline-flex;
3024
- align-items: flex-start;
3025
- gap: 0.5rem;
3026
- margin-bottom: 0.25rem;
3027
- }
3028
- .ids-checkbox input[type=checkbox],
3029
- .ids-checkbox input {
3030
- margin: 0;
3031
- position: relative;
3032
- height: 1.25rem;
3033
- width: 1.25rem;
3034
- appearance: none;
3035
- }
3036
- .ids-checkbox input[type=checkbox]::before,
3037
- .ids-checkbox input::before {
3038
- content: "";
3039
- position: relative;
3040
- display: inline-block;
3041
- cursor: pointer;
3042
- background-color: var(--IDS-CHECKBOX__BACKGROUND-COLOR);
3043
- border: var(--IDS-CHECKBOX__BORDER);
3044
- border-radius: var(--IDS-CHECKBOX__BORDER-RADIUS);
3045
- box-sizing: border-box;
3046
- min-height: 1.25rem;
3047
- min-width: 1.25rem;
3048
- }
3049
- input:focus + .ids-checkbox input[type=checkbox]::before,
3050
- input:focus + .ids-checkbox input::before {
3051
- outline: var(--IDS-FOCUS__OUTLINE);
3052
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
3053
- }
3054
- .ids-checkbox input[type=checkbox]:checked::after,
3055
- .ids-checkbox input:checked::after {
3056
- font: icon;
3057
- font-family: "Inera-Design-Icons" !important;
3058
- display: block;
3059
- position: absolute;
3060
- pointer-events: none;
3061
- content: "\e93a";
3062
- font-size: 1rem;
3063
- color: var(--IDS-ICON__COLOR);
3064
- top: 0.1875rem;
3065
- left: 0.1875rem;
3066
- font-size: 0.875rem;
3067
- }
3068
- .ids-checkbox input[type=checkbox]:indeterminate::after,
3069
- .ids-checkbox input:indeterminate::after {
3070
- font: icon;
3071
- font-family: "Inera-Design-Icons" !important;
3072
- display: block;
3073
- position: absolute;
3074
- pointer-events: none;
3075
- content: "\e92b";
3076
- font-size: 1rem;
3077
- top: 0.125rem;
3078
- left: 0.125rem;
3079
- color: var(--IDS-ICON__COLOR);
3080
- }
3081
- .ids-checkbox input[type=checkbox]:disabled::before,
3082
- .ids-checkbox input:disabled::before {
3083
- cursor: default;
3084
- border: var(--IDS-FORM--DISABLED__BORDER) !important;
3085
- background-color: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR) !important;
3086
- }
3087
- .ids-checkbox input[type=checkbox]:disabled:after,
3088
- .ids-checkbox input:disabled:after {
3089
- cursor: default;
3090
- }
3091
- .ids-checkbox input[type=checkbox]:disabled:indeterminate::after, .ids-checkbox input[type=checkbox]:disabled:checked::after,
3092
- .ids-checkbox input:disabled:indeterminate::after,
3093
- .ids-checkbox input:disabled:checked::after {
3094
- color: var(--IDS-CHECKBOX--DISABLED-COLOR) !important;
3095
- }
3096
- .ids-checkbox input[type=checkbox].ids-input--invalid:checked::after,
3097
- .ids-checkbox input.ids-input--invalid:checked::after {
3098
- color: var(--IDS-ICON--INVALID-COLOR);
3099
- }
3100
- .ids-checkbox input[type=checkbox].ids-input--invalid::before, .ids-checkbox input[type=checkbox][aria-invalid=true]::before,
3101
- .ids-checkbox input.ids-input--invalid::before,
3102
- .ids-checkbox input[aria-invalid=true]::before {
3103
- border: var(--IDS-FORM--INVALID__BORDER);
3104
- box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
3105
- background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
3106
- }
3107
- .ids-checkbox.ids-checkbox--light input[type=checkbox]::before,
3108
- .ids-checkbox.ids-checkbox--light input::before {
3109
- background-color: var(--IDS-COLOR-NEUTRAL-100);
3110
- }
3111
- .ids-checkbox.ids-checkbox--light input[type=checkbox].ids-input--invalid::before, .ids-checkbox.ids-checkbox--light input[type=checkbox][aria-invalid=true]::before,
3112
- .ids-checkbox.ids-checkbox--light input.ids-input--invalid::before,
3113
- .ids-checkbox.ids-checkbox--light input[aria-invalid=true]::before {
3114
- background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
3115
- }
3116
- .ids-checkbox.ids-checkbox--block {
3117
- width: 100%;
3118
- }
3119
- .ids-checkbox.ids-checkbox--block .ids-label {
3120
- width: 100%;
3121
- }
3122
- .ids-checkbox.ids-checkbox--compact {
3123
- margin: 0 !important;
3124
- }
3125
- .ids-checkbox.ids-checkbox--compact label {
3126
- margin-left: 0 !important;
3127
- margin-bottom: -0.125rem !important;
3128
- }
3129
-
3130
- .ids-check-button {
3131
- position: relative;
3132
- display: inline-flex;
3133
- padding: 0.25rem 0.75rem;
3134
- justify-content: center;
3135
- align-items: flex-start;
3136
- border-radius: var(--IDS-CHECK-BUTTON__BORDER-RADIUS);
3137
- border: 0.0625rem solid var(--IDS-CHECK-BUTTON__BORDER-COLOR);
3138
- background-color: var(--IDS-CHECK-BUTTON__BACKGROUND-COLOR);
3139
- cursor: pointer;
3140
- }
3141
- .ids-check-button .ids-check-button__label {
3142
- cursor: pointer;
3143
- font-family: var(--IDS-FONT-FAMILY-BASE);
3144
- text-align: center;
3145
- color: var(--IDS-CHECK-BUTTON__COLOR);
3146
- font-size: var(--IDS-CHECK-BUTTON__FONT-SIZE);
3147
- line-height: 1.25rem;
3148
- font-weight: 400;
3149
- margin: 0;
3150
- }
3151
- .ids-check-button .ids-check-button__input[type=checkbox],
3152
- .ids-check-button .ids-check-button__input {
3153
- border-radius: var(--IDS-CHECK-BUTTON__BORDER-RADIUS);
3154
- cursor: pointer;
3155
- margin: 0;
3156
- position: absolute;
3157
- top: 0;
3158
- left: 0;
3159
- right: 0;
3160
- bottom: 0;
3161
- appearance: none;
3162
- }
3163
- .ids-check-button .ids-check-button__input[type=checkbox]:checked + .ids-check-button__label,
3164
- .ids-check-button .ids-check-button__input:checked + .ids-check-button__label {
3165
- padding-left: 1.75rem;
3166
- }
3167
- .ids-check-button .ids-check-button__input[type=checkbox]:checked + .ids-check-button__label::before,
3168
- .ids-check-button .ids-check-button__input:checked + .ids-check-button__label::before {
3169
- font: icon;
3170
- font-family: "Inera-Design-Icons" !important;
3171
- display: block;
3172
- position: absolute;
3173
- pointer-events: none;
3174
- content: "\e93a";
3175
- font-size: 1rem;
3176
- top: 50%;
3177
- transform: translateY(-50%);
3178
- left: 0.75rem;
3179
- }
3180
- .ids-check-button .ids-check-button__input[type=checkbox]:disabled,
3181
- .ids-check-button .ids-check-button__input:disabled {
3182
- cursor: default;
3183
- }
3184
- .ids-check-button .ids-check-button__input[type=checkbox]:disabled::before,
3185
- .ids-check-button .ids-check-button__input:disabled::before {
3186
- cursor: default;
3187
- }
3188
- .ids-check-button .ids-check-button__input[type=checkbox]:disabled:checked + .ids-check-button__label::before,
3189
- .ids-check-button .ids-check-button__input:disabled:checked + .ids-check-button__label::before {
3190
- cursor: default;
3191
- color: var(--IDS-CHECK-BUTTON--DISABLED-COLOR);
3192
- }
3193
- .ids-check-button .ids-check-button__input[type=checkbox]:focus + .ids-check-button__label,
3194
- .ids-check-button .ids-check-button__input:focus + .ids-check-button__label {
3195
- color: var(--IDS-COLOR-NEUTRAL-100);
3196
- }
3197
- .ids-check-button .ids-check-button__input[type=checkbox]:disabled + .ids-check-button__label,
3198
- .ids-check-button .ids-check-button__input:disabled + .ids-check-button__label {
3199
- cursor: default;
3200
- font-style: normal;
3201
- color: var(--IDS-FORM--DISABLED__COLOR);
3202
- }
3203
- .ids-check-button:has(.ids-check-button__input:disabled) {
3204
- cursor: default;
3205
- border-color: var(--IDS-CHECK-BUTTON--DISABLED__BORDER-COLOR);
3206
- }
3207
- .ids-check-button:has(.ids-check-button__input:checked:not(:disabled)) {
3208
- background-color: var(--IDS-CHECK-BUTTON--CHECKED__BACKGROUND-COLOR);
3209
- }
3210
- .ids-check-button:has(.ids-check-button__input:checked:not(:disabled)) .ids-check-button__label {
3211
- color: var(--IDS-CHECK-BUTTON--CHECKED__COLOR);
3212
- }
3213
- .ids-check-button:has(.ids-check-button__input:focus) {
3214
- background-color: var(--IDS-CHECK-BUTTON--HOVER__BACKGROUND-COLOR);
3215
- }
3216
- .ids-check-button:hover:has(.ids-check-button__input:not(:disabled)), .ids-check-button:hover:has(.ids-check-button__input:checked:not(:disabled)) {
3217
- background-color: var(--IDS-CHECK-BUTTON--HOVER__BACKGROUND-COLOR);
3218
- border-color: var(--IDS-CHECK-BUTTON--HOVER__BACKGROUND-COLOR);
3219
- }
3220
- .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 {
3221
- color: var(--IDS-COLOR-NEUTRAL-100);
3222
- }
3223
-
3224
- .ids-input-wrapper {
3225
- position: relative;
3226
- display: flex;
3227
- gap: 0.5rem;
3228
- }
3229
- .ids-input-wrapper .ids-input__icon {
3230
- pointer-events: none;
3231
- position: absolute !important;
3232
- top: 50%;
3233
- right: var(--IDS-INPUT__ICON-RIGHT);
3234
- transform: translateY(-50%);
3235
- color: var(--IDS-ICON__COLOR);
3236
- font-size: 1.25rem;
3237
- }
3238
- .ids-input-wrapper:has(.ids-input--invalid) .ids-input__icon {
3239
- color: var(--IDS-ICON--INVALID-COLOR);
3240
- }
3241
- .ids-input-wrapper:has(input:disabled) .ids-input__icon {
3242
- color: var(--IDS-ICON--DISABLED-COLOR);
3243
- }
3244
- .ids-input-wrapper .ids-input__inner-wrapper {
3245
- position: relative;
3246
- width: 100%;
3247
- }
3248
- .ids-input-wrapper .ids-input__inner-wrapper .ids-input__search-icon {
3249
- position: absolute;
3250
- top: 50%;
3251
- left: 1.25rem;
3252
- transform: translateY(-50%);
3253
- display: block;
3254
- width: 1.875rem;
3255
- height: 1.875rem;
3256
- }
3257
- .ids-input-wrapper .ids-input__inner-wrapper .ids-input__search-icon:before {
3258
- font: icon;
3259
- font-family: "Inera-Design-Icons" !important;
3260
- display: block;
3261
- position: absolute;
3262
- pointer-events: none;
3263
- content: "\e919";
3264
- font-size: 1.875rem;
3265
- color: var(--IDS-ICON__COLOR);
3266
- }
3267
- .ids-input-wrapper .ids-input__inner-wrapper .ids-input {
3268
- padding-left: var(--IDS-INPUT--SEARCH__PADDING-LEFT);
3269
- }
3270
- .ids-input-wrapper .ids-input__inner-wrapper:has(input:disabled) .ids-input__search-icon:before {
3271
- color: var(--IDS-ICON--DISABLED-COLOR);
3272
- }
3273
- .ids-input-wrapper.ids-input--icon .ids-input {
3274
- padding-right: var(--IDS-INPUT__ICON-PADDING-RIGHT);
3275
- }
3276
- @media (min-width: 1024px) {
3277
- .ids-input-wrapper {
3278
- gap: 1.25rem;
3279
- }
3280
- }
3281
-
3282
- .ids-input {
3283
- font-family: var(--IDS-FONT-FAMILY-BASE) !important;
3284
- padding: var(--IDS-INPUT__PADDING);
3285
- background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
3286
- border: var(--IDS-INPUT__BORDER);
3287
- border-radius: var(--IDS-INPUT__BORDER-RADIUS);
3288
- font-size: 1rem;
3289
- color: var(--IDS-INPUT__COLOR);
3290
- display: block;
3291
- width: 100% !important;
3292
- height: var(--IDS-INPUT__HEIGHT);
3293
- line-height: 1.5rem;
3294
- font-size: 1rem;
3295
- }
3296
- .ids-input:disabled {
3297
- color: var(--IDS-FORM--DISABLED__COLOR);
3298
- font-style: italic !important;
3299
- background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
3300
- border: var(--IDS-FORM--DISABLED__BORDER);
3301
- opacity: 1;
3302
- }
3303
- .ids-input.ids-input--invalid {
3304
- background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
3305
- border: var(--IDS-FORM--INVALID__BORDER);
3306
- box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
3307
- }
3308
- .ids-input.ids-input--light {
3309
- background-color: var(--IDS-COLOR-NEUTRAL-100);
3310
- }
3311
- .ids-input.ids-input--light:disabled {
3312
- color: var(--IDS-FORM--DISABLED__COLOR);
3313
- font-style: italic !important;
3314
- background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
3315
- border: var(--IDS-FORM--DISABLED__BORDER);
3316
- opacity: 1;
3317
- }
3318
- .ids-input.ids-input--light.ids-input--invalid {
3319
- background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
3320
- }
3321
- .ids-input:focus {
3322
- outline: var(--IDS-FOCUS__OUTLINE);
3323
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
3324
- }
3325
- .ids-input.ids-input--search, .ids-input[type=search] {
3326
- margin-top: 0;
3327
- margin-bottom: 0;
3328
- padding-left: var(--IDS-INPUT--SEARCH__PADDING-LEFT);
3329
- font-size: var(--IDS-INPUT--SEARCH__FONT-SIZE-MOBILE);
3330
- border-radius: var(--IDS-INPUT--SEARCH__BORDER-RADIUS);
3331
- height: var(--IDS-INPUT--SEARCH__HEIGHT-MOBILE);
3332
- }
3333
- @media (min-width: 1024px) {
3334
- .ids-input.ids-input--search, .ids-input[type=search] {
3335
- height: var(--IDS-INPUT--SEARCH__HEIGHT-DESKTOP);
3336
- }
3337
- }
3338
-
3339
- .ids-input__hint {
3340
- margin-top: 0.313rem;
3341
- font-family: var(--IDS-FONT-FAMILY-BASE);
3342
- color: var(--IDS-FORM-LABEL__COLOR);
3343
- display: flex;
3344
- justify-content: end;
3345
- line-height: 1.5rem;
3346
- font-size: 1rem;
3347
- font-style: italic;
3348
- }
3349
-
3350
- .ids-select {
3351
- appearance: none !important;
3352
- -webkit-appearance: none !important;
3353
- -moz-appearance: none !important;
3354
- font-family: var(--IDS-FONT-FAMILY-BASE) !important;
3355
- padding: var(--IDS-INPUT__PADDING);
3356
- background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
3357
- border: var(--IDS-INPUT__BORDER);
3358
- border-radius: var(--IDS-INPUT__BORDER-RADIUS);
3359
- font-size: 1rem;
3360
- color: var(--IDS-INPUT__COLOR);
3361
- display: block;
3362
- height: var(--IDS-INPUT__HEIGHT);
3363
- cursor: pointer;
3364
- display: inline-block !important;
3365
- padding-right: var(--IDS-INPUT__ICON-PADDING-RIGHT) !important;
3366
- text-align: left;
3367
- overflow: hidden;
3368
- text-overflow: ellipsis;
3369
- border: var(--IDS-INPUT__BORDER);
3370
- width: 100% !important;
3371
- }
3372
- .ids-select:disabled {
3373
- color: var(--IDS-FORM--DISABLED__COLOR);
3374
- font-style: italic !important;
3375
- background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
3376
- border: var(--IDS-FORM--DISABLED__BORDER);
3377
- opacity: 1;
3378
- }
3379
- .ids-select.ids-input--invalid {
3380
- background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
3381
- border: var(--IDS-FORM--INVALID__BORDER);
3382
- box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
3383
- }
3384
- .ids-select.ids-input--light {
3385
- background-color: var(--IDS-COLOR-NEUTRAL-100);
3386
- }
3387
- .ids-select.ids-input--light:disabled {
3388
- color: var(--IDS-FORM--DISABLED__COLOR);
3389
- font-style: italic !important;
3390
- background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
3391
- border: var(--IDS-FORM--DISABLED__BORDER);
3392
- opacity: 1;
3393
- }
3394
- .ids-select.ids-input--light.ids-input--invalid {
3395
- background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
3396
- }
3397
- .ids-select.ids-input--invalid, .ids-select[aria-invalid=true] {
3398
- background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
3399
- border: var(--IDS-FORM--INVALID__BORDER);
3400
- box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
3401
- }
3402
- .ids-select.ids-input--light {
3403
- background-color: var(--IDS-COLOR-NEUTRAL-100);
3404
- }
3405
- .ids-select.ids-input--light.ids-input--invalid, .ids-select.ids-input--light[aria-invalid=true] {
3406
- background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
3407
- border: var(--IDS-FORM--INVALID__BORDER);
3408
- box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
3409
- }
3410
- .ids-select[aria-disabled=true] {
3411
- color: var(--IDS-FORM--DISABLED__COLOR);
3412
- font-style: italic !important;
3413
- background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
3414
- border: var(--IDS-FORM--DISABLED__BORDER);
3415
- opacity: 1;
3416
- }
3417
- .ids-select:disabled {
3418
- cursor: default;
3419
- }
3420
- .ids-select:disabled.ids-input--light {
3421
- background-color: var(--IDS-COLOR-NEUTRAL-100);
3422
- color: var(--IDS-FORM--DISABLED__COLOR);
3423
- font-style: italic !important;
3424
- background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
3425
- border: var(--IDS-FORM--DISABLED__BORDER);
3426
- opacity: 1;
3427
- }
3428
- .ids-select:focus {
3429
- outline: var(--IDS-FOCUS__OUTLINE);
3430
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
3431
- }
3432
-
3433
- .ids-select-wrapper {
3434
- position: relative;
3435
- display: flex;
3436
- }
3437
- .ids-select-wrapper::after {
3438
- font: icon;
3439
- font-family: "Inera-Design-Icons" !important;
3440
- display: block;
3441
- position: absolute;
3442
- pointer-events: none;
3443
- content: "\e936";
3444
- color: var(--IDS-ICON__COLOR);
3445
- width: 1rem;
3446
- height: 1rem;
3447
- top: 50%;
3448
- transform: translateY(-50%);
3449
- right: var(--IDS-INPUT__ICON-RIGHT);
3450
- }
3451
- .ids-select-wrapper:has(.ids-input--invalid)::after, .ids-select-wrapper:has([aria-invalid=true])::after {
3452
- color: var(--IDS-ICON--INVALID-COLOR);
3453
- }
3454
- .ids-select-wrapper:has(select:disabled)::after, .ids-select-wrapper:has([aria-disabled=true])::after {
3455
- color: var(--IDS-ICON--DISABLED-COLOR);
3456
- }
3457
-
3458
- .ids-textarea {
3459
- display: inline-block;
3460
- }
3461
- .ids-textarea textarea {
3462
- font-family: var(--IDS-FONT-FAMILY-BASE) !important;
3463
- padding: var(--IDS-INPUT__PADDING);
3464
- background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
3465
- border: var(--IDS-INPUT__BORDER);
3466
- border-radius: var(--IDS-INPUT__BORDER-RADIUS);
3467
- font-size: 1rem;
3468
- color: var(--IDS-INPUT__COLOR);
3469
- display: block;
3470
- padding: var(--IDS-TEXTAREA__PADDING);
3471
- box-sizing: border-box;
3472
- }
3473
- .ids-textarea textarea:disabled {
3474
- color: var(--IDS-FORM--DISABLED__COLOR);
3475
- font-style: italic !important;
3476
- background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
3477
- border: var(--IDS-FORM--DISABLED__BORDER);
3478
- opacity: 1;
3479
- }
3480
- .ids-textarea textarea.ids-input--invalid {
3481
- background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
3482
- border: var(--IDS-FORM--INVALID__BORDER);
3483
- box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
3484
- }
3485
- .ids-textarea textarea.ids-input--light {
3486
- background-color: var(--IDS-COLOR-NEUTRAL-100);
3487
- }
3488
- .ids-textarea textarea.ids-input--light:disabled {
3489
- color: var(--IDS-FORM--DISABLED__COLOR);
3490
- font-style: italic !important;
3491
- background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
3492
- border: var(--IDS-FORM--DISABLED__BORDER);
3493
- opacity: 1;
3494
- }
3495
- .ids-textarea textarea.ids-input--light.ids-input--invalid {
3496
- background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
3497
- }
3498
- .ids-textarea textarea::-webkit-scrollbar {
3499
- width: 1rem;
3500
- position: absolute;
3501
- margin-left: -1.25rem;
3502
- }
3503
- .ids-textarea textarea::-webkit-scrollbar-track {
3504
- border-radius: 0.625rem;
3505
- margin-bottom: 0;
3506
- margin-top: 0.0313rem;
3507
- background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
3508
- }
3509
- .ids-textarea textarea::-webkit-scrollbar-thumb {
3510
- cursor: auto;
3511
- background: var(--IDS-SCROLL__COLOR);
3512
- border-radius: 0.625rem;
3513
- box-sizing: border-box;
3514
- border: 0.125rem solid var(--IDS-INPUT__BACKGROUND-COLOR);
3515
- }
3516
- .ids-textarea textarea::-webkit-scrollbar-thumb:hover {
3517
- background: var(--IDS-SCROLL__HOVER-COLOR);
3518
- }
3519
- .ids-textarea textarea::-webkit-scrollbar-corner {
3520
- background-color: transparent;
3521
- }
3522
- .ids-textarea textarea:focus {
3523
- box-shadow: var(--IDS-INPUT__BOX-SHADOW);
3524
- }
3525
- .ids-textarea textarea::-webkit-resizer {
3526
- appearance: none;
3527
- background-image: var(--IDS-TEXTAREA__RESIZER-IMAGE);
3528
- background-repeat: no-repeat;
3529
- background-position: center center;
3530
- background-size: cover;
3531
- }
3532
- .ids-textarea.ids-textarea--block {
3533
- display: block;
3534
- }
3535
- .ids-textarea.ids-textarea--block textarea {
3536
- display: block;
3537
- width: 100%;
3538
- }
3539
- .ids-textarea.ids-textarea--autosize {
3540
- display: block;
3541
- }
3542
- .ids-textarea.ids-textarea--autosize textarea {
3543
- width: 100%;
3544
- resize: none;
3545
- overflow: hidden;
3546
- }
3547
-
3548
- .ids-time .ids-time__input-wrapper {
3549
- position: relative;
3550
- }
3551
- .ids-time .ids-time__input-wrapper:after {
3552
- font: icon;
3553
- font-family: "Inera-Design-Icons" !important;
3554
- display: block;
3555
- position: absolute;
3556
- pointer-events: none;
3557
- content: "\e922";
3558
- font-size: 1.25rem;
3559
- color: var(--IDS-ICON__COLOR);
3560
- top: 50%;
3561
- transform: translateY(-50%);
3562
- right: var(--IDS-INPUT__ICON-RIGHT);
3563
- }
3564
- .ids-time:has(.ids-input--invalid) .ids-time__input-wrapper:after {
3565
- color: var(--IDS-ICON--INVALID-COLOR);
3566
- }
3567
- .ids-time:has(input:disabled) .ids-time__input-wrapper:after {
3568
- color: var(--IDS-ICON--DISABLED-COLOR);
3569
- }
3570
- .ids-time ::slotted(input),
3571
- .ids-time input {
3572
- cursor: pointer;
3573
- }
3574
- .ids-time ::slotted(input:disabled),
3575
- .ids-time input:disabled {
3576
- cursor: default;
3577
- }
3578
-
3579
- input.ids-time__input {
3580
- font-family: var(--IDS-FONT-FAMILY-BASE) !important;
3581
- padding: var(--IDS-INPUT__PADDING);
3582
- background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
3583
- border: var(--IDS-INPUT__BORDER);
3584
- border-radius: var(--IDS-INPUT__BORDER-RADIUS);
3585
- font-size: 1rem;
3586
- color: var(--IDS-INPUT__COLOR);
3587
- display: block;
3588
- cursor: pointer;
3589
- appearance: none;
3590
- -webkit-appearance: none;
3591
- -moz-appearance: none;
3592
- display: inline-block;
3593
- box-sizing: border-box;
3594
- width: 100%;
3595
- height: var(--IDS-INPUT__HEIGHT);
3596
- padding: var(--IDS-INPUT__PADDING);
3597
- padding-right: var(--IDS-INPUT__ICON-PADDING-RIGHT);
3598
- }
3599
- input.ids-time__input:disabled {
3600
- color: var(--IDS-FORM--DISABLED__COLOR);
3601
- font-style: italic !important;
3602
- background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
3603
- border: var(--IDS-FORM--DISABLED__BORDER);
3604
- opacity: 1;
3605
- }
3606
- input.ids-time__input.ids-input--invalid {
3607
- background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
3608
- border: var(--IDS-FORM--INVALID__BORDER);
3609
- box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
3610
- }
3611
- input.ids-time__input.ids-input--light {
3612
- background-color: var(--IDS-COLOR-NEUTRAL-100);
3613
- }
3614
- input.ids-time__input.ids-input--light:disabled {
3615
- color: var(--IDS-FORM--DISABLED__COLOR);
3616
- font-style: italic !important;
3617
- background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
3618
- border: var(--IDS-FORM--DISABLED__BORDER);
3619
- opacity: 1;
3620
- }
3621
- input.ids-time__input.ids-input--light.ids-input--invalid {
3622
- background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
3623
- }
3624
- input.ids-time__input::-webkit-calendar-picker-indicator {
3625
- opacity: 0;
3626
- appearance: none;
3627
- }
3628
- input.ids-time__input:disabled {
3629
- cursor: default;
3630
- }
3631
-
3632
- .ids-toggle {
3633
- display: inline-flex;
3634
- align-items: flex-start;
3635
- gap: 0.5rem;
3636
- margin-bottom: 0.25rem;
3637
- }
3638
- .ids-toggle label {
3639
- position: relative;
3640
- top: 0.375rem;
3641
- flex-shrink: 100;
3642
- }
3643
- .ids-toggle .ids-label-tooltip-wrapper {
3644
- position: relative;
3645
- top: 0.375rem;
3646
- }
3647
- .ids-toggle .ids-label-tooltip-wrapper label {
3648
- top: -0.25rem;
3649
- margin-right: 0.25rem;
3650
- }
3651
- .ids-toggle input[type=checkbox],
3652
- .ids-toggle input {
3653
- position: relative;
3654
- margin: 0;
3655
- height: 2rem;
3656
- width: 3.9375rem;
3657
- border: 0.063rem solid transparent;
3658
- border-radius: 6.25rem;
3659
- appearance: none;
3660
- flex-shrink: 0;
3661
- }
3662
- .ids-toggle input[type=checkbox]:before,
3663
- .ids-toggle input:before {
3664
- content: "";
3665
- position: absolute;
3666
- cursor: pointer;
3667
- background-color: var(--IDS-TOGGLE__BACKGROUND-COLOR);
3668
- border-radius: 6.25rem;
3669
- height: 1.875rem;
3670
- width: 3.75rem;
3671
- -webkit-transition: 0.4s;
3672
- transition: 0.4s;
3673
- }
3674
- input:focus + .ids-toggle input[type=checkbox]:before,
3675
- input:focus + .ids-toggle input:before {
3676
- outline: var(--IDS-FOCUS__OUTLINE);
3677
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
3678
- }
3679
- .ids-toggle input[type=checkbox]:after,
3680
- .ids-toggle input:after {
3681
- font: icon;
3682
- font-family: "Inera-Design-Icons" !important;
3683
- display: block;
3684
- position: absolute;
3685
- pointer-events: none;
3686
- content: "\e934";
3687
- display: inline-block;
3688
- font-size: 0.75rem;
3689
- line-height: 1.5rem;
3690
- text-align: center;
3691
- background-color: var(--IDS-COLOR-NEUTRAL-100);
3692
- color: var(--IDS-ICON__COLOR);
3693
- height: 1.5rem;
3694
- width: 1.5rem;
3695
- border-radius: 100%;
3696
- top: 0.188rem;
3697
- left: 0.25rem;
3698
- -webkit-transition: 0.3s;
3699
- transition: all 0.3s;
3700
- }
3701
- .ids-toggle input[type=checkbox]:checked:before,
3702
- .ids-toggle input:checked:before {
3703
- background-color: var(--IDS-TOGGLE--CHECKED__BACKGROUND-COLOR);
3704
- }
3705
- .ids-toggle input[type=checkbox]:checked:after,
3706
- .ids-toggle input:checked:after {
3707
- font: icon;
3708
- font-family: "Inera-Design-Icons" !important;
3709
- display: block;
3710
- position: absolute;
3711
- pointer-events: none;
3712
- content: "\e93a";
3713
- font-size: 0.875rem;
3714
- line-height: 1.5rem;
3715
- text-align: center;
3716
- left: calc(100% - 1.875rem);
3717
- -webkit-transition: 0.3s;
3718
- transition: all 0.3s;
3719
- color: var(--IDS-TOGGLE--CHECKED__COLOR);
3720
- }
3721
- .ids-toggle input[type=checkbox]:disabled + label,
3722
- .ids-toggle input:disabled + label {
3723
- cursor: default;
3724
- font-style: italic;
3725
- color: var(--IDS-FORM-LABEL--DISABLED__COLOR);
3726
- }
3727
- .ids-toggle input[type=checkbox]:disabled:before,
3728
- .ids-toggle input:disabled:before {
3729
- cursor: default;
3730
- background-color: var(--IDS-TOGGLE--DISABLED__BACKGROUND-COLOR);
3731
- border: var(--IDS-TOGGLE--DISABLED__BORDER);
3732
- }
3733
- .ids-toggle input[type=checkbox]:disabled:after,
3734
- .ids-toggle input:disabled:after {
3735
- cursor: default;
3736
- background-color: var(--IDS-TOGGLE--DISABLED__KNOB-BACKGROUND-COLOR);
3737
- color: var(--IDS-ICON--DISABLED-COLOR);
3738
- }
3739
- .ids-toggle input[type=checkbox]:disabled:checked:before,
3740
- .ids-toggle input:disabled:checked:before {
3741
- cursor: default;
3742
- background-color: var(--IDS-TOGGLE--DISABLED__BACKGROUND-COLOR);
3743
- border: var(--IDS-TOGGLE--DISABLED__BORDER);
3744
- }
3745
- .ids-toggle input[type=checkbox]:disabled:checked:after,
3746
- .ids-toggle input:disabled:checked:after {
3747
- cursor: default;
3748
- background-color: var(--IDS-TOGGLE--DISABLED__KNOB-BACKGROUND-COLOR);
3749
- color: var(--IDS-ICON--DISABLED-COLOR);
3750
- }
3751
- @media (max-width: 18.75rem) {
3752
- .ids-toggle {
3753
- flex-wrap: wrap;
3754
- }
3755
- }
3756
-
3757
- .ids-range .ids-label {
3758
- display: inline-block;
3759
- margin-bottom: 0.75rem !important;
3760
- }
3761
-
3762
- .ids-range__input,
3763
- input[type=range] {
3764
- cursor: pointer;
3765
- appearance: none;
3766
- -webkit-appearance: none;
3767
- box-sizing: border-box;
3768
- display: block;
3769
- padding: 0;
3770
- margin: 0;
3771
- width: 100%;
3772
- height: 0.5rem;
3773
- border: 0.0625rem solid var(--IDS-RANGE__BORDER-COLOR);
3774
- border-radius: 1rem;
3775
- background-size: 98% 100%;
3776
- background-repeat: no-repeat;
3777
- background-image: linear-gradient(var(--IDS-RANGE__FILL-BACKGROUND-COLOR), var(--IDS-RANGE__FILL-BACKGROUND-COLOR));
3778
- touch-action: pan-x;
3779
- -webkit-tap-highlight-color: transparent;
3780
- margin-bottom: 0.75rem;
3781
- }
3782
- .ids-range__input::-webkit-slider-thumb,
3783
- input[type=range]::-webkit-slider-thumb {
3784
- -webkit-appearance: none;
3785
- height: 1.5rem;
3786
- width: 1.5rem;
3787
- outline: 0.1875rem solid var(--IDS-COLOR-NEUTRAL-100);
3788
- border-radius: 100%;
3789
- background-color: var(--IDS-RANGE__THUMB-BACKGROUND-COLOR);
3790
- cursor: pointer;
3791
- position: relative;
3792
- z-index: 1;
3793
- }
3794
- .ids-range__input::-moz-range-thumb,
3795
- input[type=range]::-moz-range-thumb {
3796
- -moz-appearance: none;
3797
- height: 1.5rem;
3798
- width: 1.5rem;
3799
- outline: 0.1875rem solid var(--IDS-COLOR-NEUTRAL-100);
3800
- border-radius: 100%;
3801
- background-color: var(--IDS-RANGE__THUMB-BACKGROUND-COLOR);
3802
- cursor: pointer;
3803
- position: relative;
3804
- z-index: 1;
3805
- }
3806
- .ids-range__input::-ms-thumb,
3807
- input[type=range]::-ms-thumb {
3808
- height: 1.5rem;
3809
- width: 1.5rem;
3810
- outline: 0.1875rem solid var(--IDS-COLOR-NEUTRAL-100);
3811
- border-radius: 100%;
3812
- background-color: var(--IDS-RANGE__THUMB-BACKGROUND-COLOR);
3813
- cursor: pointer;
3814
- position: relative;
3815
- z-index: 1;
3816
- }
3817
- .ids-range__input:disabled,
3818
- input[type=range]:disabled {
3819
- cursor: default;
3820
- border: 0.0625rem dashed var(--IDS-RANGE--DISABLED__BORDER-COLOR);
3821
- background-image: linear-gradient(var(--IDS-RANGE--DISABLED__FILL-BACKGROUND-COLOR), var(--IDS-RANGE--DISABLED__FILL-BACKGROUND-COLOR));
3822
- }
3823
- .ids-range__input:disabled::-moz-range-thumb,
3824
- input[type=range]:disabled::-moz-range-thumb {
3825
- cursor: default;
3826
- background: var(--IDS-RANGE--DISABLED__FILL-BACKGROUND-COLOR);
3827
- }
3828
- .ids-range__input:disabled::-webkit-slider-thumb,
3829
- input[type=range]:disabled::-webkit-slider-thumb {
3830
- cursor: default;
3831
- background: var(--IDS-RANGE--DISABLED__FILL-BACKGROUND-COLOR);
3832
- }
3833
- .ids-range__input:disabled::-ms-thumb,
3834
- input[type=range]:disabled::-ms-thumb {
3835
- cursor: default;
3836
- background: var(--IDS-RANGE--DISABLED__FILL-BACKGROUND-COLOR);
3837
- }
3838
-
3839
- .ids-form-group__fieldset {
3840
- border: none;
3841
- margin: 0;
3842
- padding: 0;
3843
- display: flex;
3844
- flex-direction: column;
3845
- gap: 0.5rem;
3846
- }
3847
- .ids-form-group__fieldset.ids-form-group__fieldset--compact {
3848
- gap: 0;
3849
- }
3850
- .ids-form-group__fieldset legend {
3851
- padding: 0;
3852
- font-style: normal;
3853
- color: var(--IDS-COLOR-NEUTRAL-20);
3854
- font-family: var(--IDS-BODY__FONT-FAMILY);
3855
- font-size: var(--IDS-BODY__FONT-SIZE);
3856
- line-height: var(--IDS-BODY__LINE-HEIGHT);
3857
- font-weight: 400;
3858
- letter-spacing: 0;
3859
- color: var(--IDS-FORM-LABEL__COLOR);
3860
- display: inline-flex;
3861
- gap: 0.5rem;
3862
- margin-bottom: 0.625rem;
3863
- }
3864
-
3865
- .ids-description-list {
3866
- margin: 0;
3867
- padding: 0;
3868
- width: 100%;
3869
- border: var(--IDS-DESCRIPTION-LIST__BORDER);
3870
- border-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
3871
- display: var(--IDS-DESCRIPTION-LIST__DISPLAY);
3872
- flex-direction: column;
3873
- grid-template-columns: auto 1fr;
3874
- }
3875
- .ids-description-list .ids-description-list__term {
3876
- border-right: var(--IDS-DESCRIPTION-LIST__BORDER);
3877
- border-bottom: var(--IDS-DESCRIPTION-LIST__BORDER);
3878
- padding: var(--IDS-DESCRIPTION-LIST__PADDING);
3879
- background-color: var(--IDS-DESCRIPTION-LIST__TERM-BACKGROUND-COLOR);
3880
- color: var(--IDS-COLOR-NEUTRAL-20);
3881
- font-family: var(--IDS-FONT-FAMILY-BASE);
3882
- font-size: 1rem;
3883
- font-style: normal;
3884
- font-weight: var(--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT);
3885
- line-height: 1.5rem;
3886
- overflow-wrap: break-word;
3887
- }
3888
- .ids-description-list .ids-description-list__term:first-child {
3889
- border-top-left-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
3890
- }
3891
- .ids-description-list .ids-description-list__term:nth-last-child(2) {
3892
- border-bottom: 0;
3893
- border-bottom-left-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
3894
- }
3895
- .ids-description-list .ids-description-list__description {
3896
- color: var(--IDS-COLOR-NEUTRAL-20);
3897
- border-bottom: var(--IDS-DESCRIPTION-LIST__BORDER);
3898
- padding: var(--IDS-DESCRIPTION-LIST__PADDING);
3899
- margin-bottom: var(--IDS-DESCRIPTION-LIST__DESCRIPTION-MARGIN-BOTTOM);
3900
- }
3901
- .ids-description-list .ids-description-list__description:first-child {
3902
- border-top-right-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
3903
- }
3904
- .ids-description-list .ids-description-list__description:last-child {
3905
- border-bottom: 0;
3906
- border-bottom-left-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
3907
- }
3908
- .ids-description-list.ids-description-list--column {
3909
- border: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER);
3910
- border-radius: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS);
3911
- display: var(--IDS-DESCRIPTION-LIST--COLUMN__DISPLAY);
3912
- }
3913
- .ids-description-list.ids-description-list--column .ids-description-list__term {
3914
- border-right: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER);
3915
- border-bottom: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER);
3916
- padding: var(--IDS-DESCRIPTION-LIST--COLUMN__PADDING);
3917
- background-color: var(--IDS-DESCRIPTION-LIST--COLUMN__TERM-BACKGROUND-COLOR);
3918
- }
3919
- .ids-description-list.ids-description-list--column .ids-description-list__term:first-child {
3920
- border-top-left-radius: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS);
3921
- }
3922
- .ids-description-list.ids-description-list--column .ids-description-list__term:nth-last-child(2) {
3923
- border-bottom: 0;
3924
- border-bottom-left-radius: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS);
3925
- }
3926
- .ids-description-list.ids-description-list--column .ids-description-list__description {
3927
- border-bottom: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER);
3928
- padding: var(--IDS-DESCRIPTION-LIST--COLUMN__PADDING);
3929
- margin-bottom: var(--IDS-DESCRIPTION-LIST--COLUMN__DESCRIPTION-MARGIN-BOTTOM);
3930
- background-color: var(--IDS-COLOR-NEUTRAL-100);
3931
- }
3932
- .ids-description-list.ids-description-list--column .ids-description-list__description:nth-child(2) {
3933
- border-top-right-radius: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS);
3934
- }
3935
- .ids-description-list.ids-description-list--column .ids-description-list__description:last-child {
3936
- border-bottom: 0;
3937
- border-bottom-right-radius: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS);
3938
- }
3939
-
3940
- .ids .ids-heading-xxl {
3941
- font-style: normal;
3942
- color: var(--IDS-HEADING-XXL__COLOR);
3943
- font-family: var(--IDS-HEADING-XXL__FONT-FAMILY);
3944
- font-size: var(--IDS-HEADING-XXL__FONT-SIZE);
3945
- line-height: var(--IDS-HEADING-XXL__LINE-HEIGHT);
3946
- letter-spacing: var(--IDS-HEADING-XXL__LETTER-SPACING);
3947
- font-weight: var(--IDS-HEADING-XXL__FONT-WEIGHT);
3948
- }
3949
- @media (min-width: 1024px) {
3950
- .ids .ids-heading-xxl {
3951
- font-size: var(--IDS-HEADING-XXL__FONT-SIZE-DESKTOP);
3952
- line-height: var(--IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP);
3953
- letter-spacing: var(--IDS-HEADING-XXL__LETTER-SPACING-DESKTOP);
3954
- }
3955
- }
3956
- .ids .ids-heading-xxl:focus-visible {
3957
- outline: none;
3958
- }
3959
- .ids .ids-heading-xl {
3960
- font-style: normal;
3961
- color: var(--IDS-HEADING-XL__COLOR);
3962
- font-family: var(--IDS-HEADING-XL__FONT-FAMILY);
3963
- font-size: var(--IDS-HEADING-XL__FONT-SIZE);
3964
- line-height: var(--IDS-HEADING-XL__LINE-HEIGHT);
3965
- letter-spacing: var(--IDS-HEADING-XL__LETTER-SPACING);
3966
- font-weight: var(--IDS-HEADING-XL__FONT-WEIGHT);
3967
- }
3968
- @media (min-width: 1024px) {
3969
- .ids .ids-heading-xl {
3970
- font-size: var(--IDS-HEADING-XL__FONT-SIZE-DESKTOP);
3971
- line-height: var(--IDS-HEADING-XL__LINE-HEIGHT-DESKTOP);
3972
- letter-spacing: var(--IDS-HEADING-XL__LETTER-SPACING-DESKTOP);
3973
- }
3974
- }
3975
- .ids .ids-heading-xl:focus-visible {
3976
- outline: none;
3977
- }
3978
- .ids .ids-heading-l {
3979
- font-style: normal;
3980
- color: var(--IDS-HEADING-L__COLOR);
3981
- font-family: var(--IDS-HEADING-L__FONT-FAMILY);
3982
- font-size: var(--IDS-HEADING-L__FONT-SIZE);
3983
- line-height: var(--IDS-HEADING-L__LINE-HEIGHT);
3984
- letter-spacing: var(--IDS-HEADING-L__LETTER-SPACING);
3985
- font-weight: var(--IDS-HEADING-L__FONT-WEIGHT);
3986
- }
3987
- @media (min-width: 1024px) {
3988
- .ids .ids-heading-l {
3989
- font-size: var(--IDS-HEADING-L__FONT-SIZE-DESKTOP);
3990
- line-height: var(--IDS-HEADING-L__LINE-HEIGHT-DESKTOP);
3991
- letter-spacing: var(--IDS-HEADING-L__LETTER-SPACING-DESKTOP);
3992
- }
3993
- }
3994
- .ids .ids-heading-l:focus-visible {
3995
- outline: none;
3996
- }
3997
- .ids .ids-heading-m {
3998
- font-style: normal;
3999
- color: var(--IDS-HEADING-M__COLOR);
4000
- font-family: var(--IDS-HEADING-M__FONT-FAMILY);
4001
- font-size: var(--IDS-HEADING-M__FONT-SIZE);
4002
- line-height: var(--IDS-HEADING-M__LINE-HEIGHT);
4003
- letter-spacing: var(--IDS-HEADING-M__LETTER-SPACING);
4004
- font-weight: var(--IDS-HEADING-M__FONT-WEIGHT);
4005
- }
4006
- @media (min-width: 1024px) {
4007
- .ids .ids-heading-m {
4008
- font-size: var(--IDS-HEADING-M__FONT-SIZE-DESKTOP);
4009
- line-height: var(--IDS-HEADING-M__LINE-HEIGHT-DESKTOP);
4010
- letter-spacing: var(--IDS-HEADING-M__LETTER-SPACING-DESKTOP);
4011
- }
4012
- }
4013
- .ids .ids-heading-m .ids-anchor {
4014
- color: var(--IDS-ANCHOR__COLOR) !important;
4015
- text-decoration: none;
4016
- text-underline-offset: 0.125rem;
4017
- }
4018
- .ids .ids-heading-m .ids-anchor:visited {
4019
- color: var(--IDS-ANCHOR__COLOR);
4020
- }
4021
- .ids .ids-heading-m .ids-anchor:link {
4022
- text-decoration: none;
4023
- }
4024
- .ids .ids-heading-m .ids-anchor:active, .ids .ids-heading-m .ids-anchor:hover {
4025
- color: var(--IDS-ANCHOR__HOVER-COLOR);
4026
- }
4027
- .ids .ids-heading-m:focus-visible {
4028
- outline: none;
4029
- }
4030
- .ids .ids-heading-s {
4031
- font-style: normal;
4032
- color: var(--IDS-HEADING-S__COLOR);
4033
- font-family: var(--IDS-HEADING-S__FONT-FAMILY);
4034
- font-size: var(--IDS-HEADING-S__FONT-SIZE);
4035
- line-height: var(--IDS-HEADING-S__LINE-HEIGHT);
4036
- letter-spacing: var(--IDS-HEADING-S__LETTER-SPACING);
4037
- font-weight: var(--IDS-HEADING-S__FONT-WEIGHT);
4038
- }
4039
- @media (min-width: 1024px) {
4040
- .ids .ids-heading-s {
4041
- font-size: var(--IDS-HEADING-S__FONT-SIZE-DESKTOP);
4042
- line-height: var(--IDS-HEADING-S__LINE-HEIGHT-DESKTOP);
4043
- letter-spacing: var(--IDS-HEADING-S__LETTER-SPACING-DESKTOP);
4044
- }
4045
- }
4046
- .ids .ids-heading-s .ids-anchor {
4047
- color: var(--IDS-ANCHOR__COLOR) !important;
4048
- text-decoration: none;
4049
- text-underline-offset: 0.125rem;
4050
- }
4051
- .ids .ids-heading-s .ids-anchor:visited {
4052
- color: var(--IDS-ANCHOR__COLOR);
4053
- }
4054
- .ids .ids-heading-s .ids-anchor:link {
4055
- text-decoration: none;
4056
- }
4057
- .ids .ids-heading-s .ids-anchor:active, .ids .ids-heading-s .ids-anchor:hover {
4058
- color: var(--IDS-ANCHOR__HOVER-COLOR);
4059
- }
4060
- .ids .ids-heading-s:focus-visible {
4061
- outline: none;
4062
- }
4063
- .ids .ids-heading-xs {
4064
- font-style: normal;
4065
- color: var(--IDS-HEADING-XS__COLOR);
4066
- font-family: var(--IDS-HEADING-XS__FONT-FAMILY);
4067
- font-size: var(--IDS-HEADING-XS__FONT-SIZE);
4068
- line-height: var(--IDS-HEADING-XS__LINE-HEIGHT);
4069
- letter-spacing: var(--IDS-HEADING-XS__LETTER-SPACING);
4070
- font-weight: var(--IDS-HEADING-XS__FONT-WEIGHT);
4071
- }
4072
- .ids .ids-heading-xs .ids-anchor {
4073
- color: var(--IDS-ANCHOR__COLOR) !important;
4074
- text-decoration: none;
4075
- text-underline-offset: 0.125rem;
4076
- }
4077
- .ids .ids-heading-xs .ids-anchor:visited {
4078
- color: var(--IDS-ANCHOR__COLOR);
4079
- }
4080
- .ids .ids-heading-xs .ids-anchor:link {
4081
- text-decoration: none;
4082
- }
4083
- .ids .ids-heading-xs .ids-anchor:active, .ids .ids-heading-xs .ids-anchor:hover {
4084
- color: var(--IDS-ANCHOR__HOVER-COLOR);
4085
- }
4086
- .ids .ids-heading-xs:focus-visible {
4087
- outline: none;
4088
- }
4089
- .ids .ids-preamble {
4090
- font-style: normal;
4091
- color: var(--IDS-COLOR-NEUTRAL-20);
4092
- font-family: var(--IDS-PREAMBLE__FONT-FAMILY);
4093
- font-size: var(--IDS-PREAMBLE__FONT-SIZE);
4094
- line-height: var(--IDS-PREAMBLE__LINE-HEIGHT);
4095
- font-weight: 300;
4096
- letter-spacing: 0;
4097
- }
4098
- @media (min-width: 1024px) {
4099
- .ids .ids-preamble {
4100
- font-size: var(--IDS-PREAMBLE__FONT-SIZE-DESKTOP);
4101
- line-height: var(--IDS-PREAMBLE__LINE-HEIGHT-DESKTOP);
4102
- }
4103
- }
4104
- .ids .ids-preamble .ids-anchor {
4105
- color: var(--IDS-ANCHOR__COLOR) !important;
4106
- text-decoration: none;
4107
- text-underline-offset: 0.125rem;
4108
- }
4109
- .ids .ids-preamble .ids-anchor:visited {
4110
- color: var(--IDS-ANCHOR__COLOR);
4111
- }
4112
- .ids .ids-preamble .ids-anchor:link {
4113
- text-decoration: underline;
4114
- }
4115
- .ids .ids-preamble .ids-anchor:active, .ids .ids-preamble .ids-anchor:hover {
4116
- color: var(--IDS-ANCHOR__HOVER-COLOR);
4117
- text-decoration: underline;
4118
- }
4119
- .ids .ids-body {
4120
- font-style: normal;
4121
- color: var(--IDS-COLOR-NEUTRAL-20);
4122
- font-family: var(--IDS-BODY__FONT-FAMILY);
4123
- font-size: var(--IDS-BODY__FONT-SIZE);
4124
- line-height: var(--IDS-BODY__LINE-HEIGHT);
4125
- font-weight: 400;
4126
- letter-spacing: 0;
4127
- }
4128
- .ids .ids-body .ids-anchor {
4129
- color: var(--IDS-ANCHOR__COLOR) !important;
4130
- text-decoration: none;
4131
- text-underline-offset: 0.125rem;
4132
- }
4133
- .ids .ids-body .ids-anchor:visited {
4134
- color: var(--IDS-ANCHOR__COLOR);
4135
- }
4136
- .ids .ids-body .ids-anchor:link {
4137
- text-decoration: underline;
4138
- }
4139
- .ids .ids-body .ids-anchor:active, .ids .ids-body .ids-anchor:hover {
4140
- color: var(--IDS-ANCHOR__HOVER-COLOR);
4141
- text-decoration: underline;
4142
- }
4143
- .ids .ids-body.ids-disabled {
4144
- color: var(---IDS-BODY--DISABLED__COLOR);
4145
- font-style: italic;
4146
- }
4147
- .ids .ids-small {
4148
- font-style: normal;
4149
- color: var(--IDS-COLOR-NEUTRAL-20);
4150
- font-size: 0.875rem;
4151
- line-height: 1.25rem;
4152
- font-weight: 400;
4153
- letter-spacing: 0rem;
4154
- font-family: var(--IDS-FONT-FAMILY-BASE);
4155
- }
4156
- .ids .ids-small .ids-anchor {
4157
- color: var(--IDS-ANCHOR__COLOR) !important;
4158
- text-decoration: none;
4159
- text-underline-offset: 0.125rem;
4160
- }
4161
- .ids .ids-small .ids-anchor:visited {
4162
- color: var(--IDS-ANCHOR__COLOR);
4163
- }
4164
- .ids .ids-small .ids-anchor:link {
4165
- text-decoration: underline;
4166
- }
4167
- .ids .ids-small .ids-anchor:active, .ids .ids-small .ids-anchor:hover {
4168
- color: var(--IDS-ANCHOR__HOVER-COLOR);
4169
- text-decoration: underline;
4170
- }
4171
- .ids .ids-pagelist {
4172
- font-style: normal;
4173
- color: var(--IDS-PAGE-LIST__COLOR);
4174
- font-family: var(--IDS-PAGE-LIST__FONT-FAMILY);
4175
- font-size: var(--IDS-PAGE-LIST__FONT-SIZE);
4176
- line-height: var(--IDS-PAGE-LIST__LINE-HEIGHT);
4177
- font-weight: var(--IDS-PAGE-LIST__FONT-WEIGHT);
4178
- letter-spacing: var(--IDS-PAGE-LIST__LETTER-SPACING);
4179
- }
4180
- .ids .ids-pagelist .ids-anchor {
4181
- color: var(--IDS-ANCHOR__COLOR) !important;
4182
- text-decoration: none;
4183
- text-underline-offset: 0.125rem;
4184
- }
4185
- .ids .ids-pagelist .ids-anchor:visited {
4186
- color: var(--IDS-ANCHOR__COLOR);
4187
- }
4188
- .ids .ids-pagelist .ids-anchor:link {
4189
- text-decoration: underline;
4190
- }
4191
- .ids .ids-pagelist .ids-anchor:active, .ids .ids-pagelist .ids-anchor:hover {
4192
- color: var(--IDS-ANCHOR__HOVER-COLOR);
4193
- text-decoration: underline;
4194
- }
4195
- .ids ul.ids-bullet-list,
4196
- .ids .ids-bullet-list {
4197
- list-style: disc;
4198
- margin-left: 1.5rem;
4199
- }
4200
- .ids ul.ids-bullet-list li,
4201
- .ids .ids-bullet-list li {
4202
- margin-bottom: 1rem;
4203
- padding-left: 0.5rem;
4204
- display: list-item;
4205
- color: var(--IDS-COLOR-NEUTRAL-20);
4206
- font-family: var(--IDS-FONT-FAMILY-BASE);
4207
- font-size: 1rem;
4208
- font-style: normal;
4209
- font-weight: 400;
4210
- letter-spacing: 0;
4211
- line-height: var(--IDS-BULLET-LIST__LINE-HEIGHT);
4212
- }
4213
- .ids ul.ids-bullet-list li::marker,
4214
- .ids .ids-bullet-list li::marker {
4215
- color: var(--IDS-BULLET-LIST__MARKER-COLOR);
4216
- }
4217
- .ids ol.ids-numbered-list,
4218
- .ids .ids-numbered-list {
4219
- list-style-type: decimal;
4220
- margin-left: 1.5rem;
4221
- }
4222
- .ids ol.ids-numbered-list li,
4223
- .ids .ids-numbered-list li {
4224
- margin-bottom: 1rem;
4225
- padding-left: 0.5rem;
4226
- display: list-item;
4227
- color: var(--IDS-COLOR-NEUTRAL-20);
4228
- font-family: var(--IDS-FONT-FAMILY-BASE);
4229
- font-size: 1rem;
4230
- font-style: normal;
4231
- font-weight: 400;
4232
- letter-spacing: 0;
4233
- line-height: var(--IDS-BULLET-LIST__LINE-HEIGHT);
4234
- }
4235
- .ids ol.ids-numbered-list li::marker,
4236
- .ids .ids-numbered-list li::marker {
4237
- font-weight: var(--IDS-BULLET-LIST__MARKER-FONT-WEIGHT);
4238
- }
4239
-
4240
- .ids-content .ids-heading-xxl {
4241
- margin-bottom: var(--IDS-HEADING-XXL__MARGIN-BOTTOM);
4242
- }
4243
- .ids-content .ids-heading-xl {
4244
- margin-bottom: var(--IDS-HEADING-XL__MARGIN-BOTTOM);
4245
- }
4246
- .ids-content .ids-heading-l {
4247
- margin-bottom: var(--IDS-HEADING-L__MARGIN-BOTTOM);
4248
- }
4249
- .ids-content .ids-heading-m,
4250
- .ids-content .ids-heading-s,
4251
- .ids-content .ids-heading-xs {
4252
- margin-bottom: 0.625rem;
4253
- }
4254
- .ids-content .ids-preamble {
4255
- margin-bottom: 2.5rem;
4256
- }
4257
- .ids-content .ids-body {
4258
- margin-bottom: 1.875rem;
4259
- }
4260
-
4261
- @font-face {
4262
- font-family: "Inera-Design-Icons";
4263
- src: url("../../global/icons/font/Inera-Design-Icons.eot?4sjtb6");
4264
- 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");
4265
- font-weight: normal;
4266
- font-style: normal;
4267
- font-display: block;
4268
- }
4269
- [class^=ids-icon-],
4270
- [class*=" ids-icon-"] {
4271
- position: relative;
4272
- display: inline-block;
4273
- box-sizing: border-box;
4274
- width: 1em;
4275
- height: 1em;
4276
- }
4277
-
4278
- [class^=ids-icon-]:before {
4279
- font: icon;
4280
- font-family: "Inera-Design-Icons" !important;
4281
- font-size: inherit;
4282
- font-style: normal;
4283
- font-weight: normal;
4284
- font-variant: normal;
4285
- text-transform: none;
4286
- display: block;
4287
- text-decoration: none;
4288
- text-align: center;
4289
- -webkit-font-smoothing: antialiased;
4290
- -moz-osx-font-smoothing: grayscale;
4291
- position: absolute;
4292
- }
4293
-
4294
- .ids-icon-download-small:before {
4295
- content: "\e99a";
4296
- }
4297
-
4298
- .ids-icon-copy-link:before {
4299
- content: "\e99b";
4300
- }
4301
-
4302
- .ids-icon-activity:before {
4303
- content: "\e948";
4304
- }
4305
-
4306
- .ids-icon-alarm:before {
4307
- content: "\e949";
4308
- }
4309
-
4310
- .ids-icon-archive:before {
4311
- content: "\e94a";
4312
- }
4313
-
4314
- .ids-icon-bookmark:before {
4315
- content: "\e94b";
4316
- }
4317
-
4318
- .ids-icon-call-ongoing:before {
4319
- content: "\e94c";
4320
- }
4321
-
4322
- .ids-icon-call:before {
4323
- content: "\e94d";
4324
- }
4325
-
4326
- .ids-icon-camera-off:before {
4327
- content: "\e94e";
4328
- }
4329
-
4330
- .ids-icon-camera-on:before {
4331
- content: "\e94f";
4332
- }
4333
-
4334
- .ids-icon-camera-switch:before {
4335
- content: "\e950";
4336
- }
4337
-
4338
- .ids-icon-chart-bar:before {
4339
- content: "\e951";
4340
- }
4341
-
4342
- .ids-icon-chart-line:before {
4343
- content: "\e952";
4344
- }
4345
-
4346
- .ids-icon-chat:before {
4347
- content: "\e953";
4348
- }
4349
-
4350
- .ids-icon-clipboard-with-cross:before {
4351
- content: "\e954";
4352
- }
4353
-
4354
- .ids-icon-clipboard-with-text:before {
4355
- content: "\e955";
4356
- }
4357
-
4358
- .ids-icon-clipboard:before {
4359
- content: "\e956";
4360
- }
4361
-
4362
- .ids-icon-copy-file:before {
4363
- content: "\e957";
4364
- }
4365
-
4366
- .ids-icon-denied-small:before {
4367
- content: "\e958";
4368
- }
4369
-
4370
- .ids-icon-denied:before {
4371
- content: "\e959";
4372
- }
4373
-
4374
- .ids-icon-desktop:before {
4375
- content: "\e95a";
4376
- }
4377
-
4378
- .ids-icon-doctors-bag:before {
4379
- content: "\e95b";
4380
- }
4381
-
4382
- .ids-icon-document:before {
4383
- content: "\e95c";
4384
- }
4385
-
4386
- .ids-icon-download:before {
4387
- content: "\e95d";
4388
- }
4389
-
4390
- .ids-icon-e-mail-sent:before {
4391
- content: "\e95e";
4392
- }
4393
-
4394
- .ids-icon-e-mail-unread:before {
4395
- content: "\e95f";
4396
- }
4397
-
4398
- .ids-icon-e-mail:before {
4399
- content: "\e960";
4400
- }
4401
-
4402
- .ids-icon-edit:before {
4403
- content: "\e961";
4404
- }
4405
-
4406
- .ids-icon-error-filled:before {
4407
- content: "\e962";
4408
- }
4409
-
4410
- .ids-icon-error:before {
4411
- content: "\e963";
4412
- }
4413
-
4414
- .ids-icon-file-csv:before {
4415
- content: "\e964";
4416
- }
4417
-
4418
- .ids-icon-file-excel:before {
4419
- content: "\e965";
4420
- }
4421
-
4422
- .ids-icon-file-image:before {
4423
- content: "\e966";
4424
- }
4425
-
4426
- .ids-icon-file-other:before {
4427
- content: "\e967";
4428
- }
4429
-
4430
- .ids-icon-file-pdf:before {
4431
- content: "\e968";
4432
- }
4433
-
4434
- .ids-icon-file-ppt:before {
4435
- content: "\e969";
4436
- }
4437
-
4438
- .ids-icon-file-word:before {
4439
- content: "\e96a";
4440
- }
4441
-
4442
- .ids-icon-find-care:before {
4443
- content: "\e96b";
4444
- }
4445
-
4446
- .ids-icon-flag:before {
4447
- content: "\e96c";
4448
- }
4449
-
4450
- .ids-icon-folder:before {
4451
- content: "\e96d";
4452
- }
4453
-
4454
- .ids-icon-form-numbered-reoccurring:before {
4455
- content: "\e96e";
4456
- }
4457
-
4458
- .ids-icon-form-numbered:before {
4459
- content: "\e96f";
4460
- }
4461
-
4462
- .ids-icon-functions:before {
4463
- content: "\e970";
4464
- }
4465
-
4466
- .ids-icon-headphones:before {
4467
- content: "\e971";
4468
- }
4469
-
4470
- .ids-icon-hourglass-end:before {
4471
- content: "\e972";
4472
- }
4473
-
4474
- .ids-icon-hourglass-start:before {
4475
- content: "\e973";
4476
- }
4477
-
4478
- .ids-icon-hourglass:before {
4479
- content: "\e974";
4480
- }
4481
-
4482
- .ids-icon-house:before {
4483
- content: "\e975";
4484
- }
4485
-
4486
- .ids-icon-id-card-locked:before {
4487
- content: "\e976";
4488
- }
4489
-
4490
- .ids-icon-id-card:before {
4491
- content: "\e977";
4492
- }
4493
-
4494
- .ids-icon-image:before {
4495
- content: "\e978";
4496
- }
4497
-
4498
- .ids-icon-inactivity:before {
4499
- content: "\e979";
4500
- }
4501
-
4502
- .ids-icon-lightbulb:before {
4503
- content: "\e97a";
4504
- }
4505
-
4506
- .ids-icon-list:before {
4507
- content: "\e97b";
4508
- }
4509
-
4510
- .ids-icon-listen:before {
4511
- content: "\e97c";
4512
- }
4513
-
4514
- .ids-icon-locked:before {
4515
- content: "\e97d";
4516
- }
4517
-
4518
- .ids-icon-log-locked:before {
4519
- content: "\e97e";
4520
- }
4521
-
4522
- .ids-icon-log:before {
4523
- content: "\e97f";
4524
- }
4525
-
4526
- .ids-icon-mobile:before {
4527
- content: "\e980";
4528
- }
4529
-
4530
- .ids-icon-moment-start:before {
4531
- content: "\e981";
4532
- }
4533
-
4534
- .ids-icon-moment-stop:before {
4535
- content: "\e982";
4536
- }
4537
-
4538
- .ids-icon-office-building:before {
4539
- content: "\e983";
4540
- }
4541
-
4542
- .ids-icon-organization:before {
4543
- content: "\e984";
4544
- }
4545
-
4546
- .ids-icon-prescription:before {
4547
- content: "\e985";
4548
- }
4549
-
4550
- .ids-icon-print:before {
4551
- content: "\e986";
4552
- }
4553
-
4554
- .ids-icon-settings:before {
4555
- content: "\e987";
4556
- }
4557
-
4558
- .ids-icon-shield-locked-filled:before {
4559
- content: "\e988";
4560
- }
4561
-
4562
- .ids-icon-shield-locked-outlined:before {
4563
- content: "\e989";
4564
- }
4565
-
4566
- .ids-icon-social-facebook:before {
4567
- content: "\e98a";
4568
- }
4569
-
4570
- .ids-icon-social-linkedin:before {
4571
- content: "\e98b";
4572
- }
4573
-
4574
- .ids-icon-social-x:before {
4575
- content: "\e98c";
4576
- }
4577
-
4578
- .ids-icon-switch-person:before {
4579
- content: "\e98d";
4580
- }
4581
-
4582
- .ids-icon-toggle-card-view:before {
4583
- content: "\e98e";
4584
- }
4585
-
4586
- .ids-icon-toggle-list-view:before {
4587
- content: "\e98f";
4588
- }
4589
-
4590
- .ids-icon-trash-can:before {
4591
- content: "\e990";
4592
- }
4593
-
4594
- .ids-icon-tube-analysis:before {
4595
- content: "\e991";
4596
- }
4597
-
4598
- .ids-icon-tube-empty:before {
4599
- content: "\e992";
4600
- }
4601
-
4602
- .ids-icon-tube-filled:before {
4603
- content: "\e993";
4604
- }
4605
-
4606
- .ids-icon-unlocked:before {
4607
- content: "\e994";
4608
- }
4609
-
4610
- .ids-icon-video-off:before {
4611
- content: "\e995";
4612
- }
4613
-
4614
- .ids-icon-video-on:before {
4615
- content: "\e996";
4616
- }
4617
-
4618
- .ids-icon-video-switch:before {
4619
- content: "\e997";
4620
- }
4621
-
4622
- .ids-icon-visibility-off:before {
4623
- content: "\e998";
4624
- }
4625
-
4626
- .ids-icon-visibility:before {
4627
- content: "\e999";
4628
- }
4629
-
4630
- .ids-icon-arrow-link:before {
4631
- content: "\e947";
4632
- }
4633
-
4634
- .ids-icon-1177:before {
4635
- content: "\e91e";
4636
- }
4637
-
4638
- .ids-icon-agent:before {
4639
- content: "\e91f";
4640
- }
4641
-
4642
- .ids-icon-inera:before {
4643
- content: "\e920";
4644
- }
4645
-
4646
- .ids-icon-find-region:before {
4647
- content: "\e921";
4648
- }
4649
-
4650
- .ids-icon-clock:before {
4651
- content: "\e922";
4652
- }
4653
-
4654
- .ids-icon-user:before {
4655
- content: "\e923";
4656
- }
4657
-
4658
- .ids-icon-drag-n-drop-small:before {
4659
- content: "\e924";
4660
- }
4661
-
4662
- .ids-icon-drag-n-drop:before {
4663
- content: "\e925";
4664
- }
4665
-
4666
- .ids-icon-expand-small:before {
4667
- content: "\e926";
4668
- }
4669
-
4670
- .ids-icon-expand:before {
4671
- content: "\e927";
4672
- }
4673
-
4674
- .ids-icon-external-link-small:before {
4675
- content: "\e928";
4676
- }
4677
-
4678
- .ids-icon-menu-small:before {
4679
- content: "\e929";
4680
- }
4681
-
4682
- .ids-icon-menu:before {
4683
- content: "\e92a";
4684
- }
4685
-
4686
- .ids-icon-minus-small:before {
4687
- content: "\e92b";
4688
- }
4689
-
4690
- .ids-icon-plus-small:before {
4691
- content: "\e92c";
4692
- }
4693
-
4694
- .ids-icon-reload-small:before {
4695
- content: "\e92d";
4696
- }
4697
-
4698
- .ids-icon-reload:before {
4699
- content: "\e92e";
4700
- }
4701
-
4702
- .ids-icon-reply-small:before {
4703
- content: "\e92f";
4704
- }
4705
-
4706
- .ids-icon-reply:before {
4707
- content: "\e930";
4708
- }
4709
-
4710
- .ids-icon-share-small:before {
4711
- content: "\e931";
4712
- }
4713
-
4714
- .ids-icon-swap-horizontal-small:before {
4715
- content: "\e932";
4716
- }
4717
-
4718
- .ids-icon-swap-vertical-small:before {
4719
- content: "\e933";
4720
- }
4721
-
4722
- .ids-icon-close-small:before {
4723
- content: "\e934";
4724
- }
4725
-
4726
- .ids-icon-copy-link-small:before {
4727
- content: "\e935";
4728
- }
4729
-
4730
- .ids-icon-chevron-down-small:before {
4731
- content: "\e936";
4732
- }
4733
-
4734
- .ids-icon-chevron-left-small:before {
4735
- content: "\e937";
4736
- }
4737
-
4738
- .ids-icon-chevron-right-small:before {
4739
- content: "\e938";
4740
- }
4741
-
4742
- .ids-icon-chevron-up-small:before {
4743
- content: "\e939";
4744
- }
4745
-
4746
- .ids-icon-check-small:before {
4747
- content: "\e93a";
4748
- }
4749
-
4750
- .ids-icon-arrow-down-small:before {
4751
- content: "\e93b";
4752
- }
4753
-
4754
- .ids-icon-arrow-left-small:before {
4755
- content: "\e93c";
4756
- }
4757
-
4758
- .ids-icon-arrow-right-small:before {
4759
- content: "\e93d";
4760
- }
4761
-
4762
- .ids-icon-arrow-up-small:before {
4763
- content: "\e93e";
4764
- }
4765
-
4766
- .ids-icon-caregiver:before {
4767
- content: "\e93f";
4768
- }
4769
-
4770
- .ids-icon-hospital:before {
4771
- content: "\e940";
4772
- }
4773
-
4774
- .ids-icon-call-list:before {
4775
- content: "\e941";
4776
- }
4777
-
4778
- .ids-icon-compare-small:before {
4779
- content: "\e942";
4780
- }
4781
-
4782
- .ids-icon-compare:before {
4783
- content: "\e943";
4784
- }
4785
-
4786
- .ids-icon-calendar:before {
4787
- content: "\e944";
4788
- }
4789
-
4790
- .ids-icon-assistive-devices:before {
4791
- content: "\e945";
4792
- }
4793
-
4794
- .ids-icon-medical-transportation:before {
4795
- content: "\e946";
4796
- }
4797
-
4798
- .ids-icon-activity-missed:before {
4799
- content: "\e900";
4800
- }
4801
-
4802
- .ids-icon-arrow-down:before {
4803
- content: "\e901";
4804
- }
4805
-
4806
- .ids-icon-arrow-left:before {
4807
- content: "\e902";
4808
- }
4809
-
4810
- .ids-icon-arrow-right:before {
4811
- content: "\e903";
4812
- }
4813
-
4814
- .ids-icon-arrow-up:before {
4815
- content: "\e904";
4816
- }
4817
-
4818
- .ids-icon-attention:before {
4819
- content: "\e905";
4820
- }
4821
-
4822
- .ids-icon-check:before {
4823
- content: "\e914";
4824
- }
4825
-
4826
- .ids-icon-chevron-down:before {
4827
- content: "\e906";
4828
- }
4829
-
4830
- .ids-icon-chevron-left:before {
4831
- content: "\e907";
4832
- }
4833
-
4834
- .ids-icon-chevron-right:before {
4835
- content: "\e908";
4836
- }
4837
-
4838
- .ids-icon-chevron-up:before {
4839
- content: "\e909";
4840
- }
4841
-
4842
- .ids-icon-close:before {
4843
- content: "\e916";
4844
- }
4845
-
4846
- .ids-icon-drug:before {
4847
- content: "\e90d";
4848
- }
4849
-
4850
- .ids-icon-exclamation-mark:before {
4851
- content: "\e91d";
4852
- }
4853
-
4854
- .ids-icon-external-link:before {
4855
- content: "\e90a";
4856
- }
4857
-
4858
- .ids-icon-group:before {
4859
- content: "\e90b";
4860
- }
4861
-
4862
- .ids-icon-information:before {
4863
- content: "\e90c";
4864
- }
4865
-
4866
- .ids-icon-minus:before {
4867
- content: "\e917";
4868
- }
4869
-
4870
- .ids-icon-notification:before {
4871
- content: "\e90e";
4872
- }
4873
-
4874
- .ids-icon-play:before {
4875
- content: "\e90f";
4876
- }
4877
-
4878
- .ids-icon-plus:before {
4879
- content: "\e918";
4880
- }
4881
-
4882
- .ids-icon-question:before {
4883
- content: "\e910";
4884
- }
4885
-
4886
- .ids-icon-search:before {
4887
- content: "\e919";
4888
- }
4889
-
4890
- .ids-icon-share:before {
4891
- content: "\e911";
4892
- }
4893
-
4894
- .ids-icon-star:before {
4895
- content: "\e91a";
4896
- }
4897
-
4898
- .ids-icon-star-filled:before {
4899
- content: "\e91b";
4900
- }
4901
-
4902
- .ids-icon-success:before {
4903
- content: "\e912";
4904
- }
4905
-
4906
- .ids-icon-swap-horizontal:before {
4907
- content: "\e915";
4908
- }
4909
-
4910
- .ids-icon-swap-vertical:before {
4911
- content: "\e91c";
4912
- }
4913
-
4914
- .ids-icon-warning:before {
4915
- content: "\e913";
4916
- }
4917
-
4918
- [class^=ids-icon-].ids-icon--color-preset-1 {
4919
- color: var(--IDS-ICON__COLOR-PRESET-1);
4920
- }
4921
- [class^=ids-icon-].ids-icon--color-preset-2 {
4922
- color: var(--IDS-ICON__COLOR-PRESET-2);
4923
- }
4924
- [class^=ids-icon-].ids-icon--color-preset-3 {
4925
- color: var(--IDS-ICON__COLOR-PRESET-3);
4926
- }
4927
- [class^=ids-icon-].ids-icon--light, [class^=ids-icon-].ids-icon--color-preset-4 {
4928
- color: var(--IDS-ICON__COLOR-PRESET-4);
4929
- }
4930
- [class^=ids-icon-].ids-icon--text-align {
4931
- position: relative;
4932
- bottom: -0.3125rem;
4933
- flex-shrink: 0;
4934
- }
4935
- [class^=ids-icon-].ids-icon--text-align:before {
4936
- top: 50%;
4937
- left: 50%;
4938
- transform: translate(-50%, -50%);
4939
- }
4940
- [class^=ids-icon-].ids-icon--text-start {
4941
- margin-right: 0.5rem;
4942
- position: relative;
4943
- top: -0.0938rem;
4944
- vertical-align: middle;
4945
- flex-shrink: 0;
4946
- }
4947
- [class^=ids-icon-].ids-icon--text-end {
4948
- margin-left: 0.5rem;
4949
- position: relative;
4950
- top: -0.0938rem;
4951
- vertical-align: middle;
4952
- flex-shrink: 0;
4953
- }
4954
- [class^=ids-icon-].ids-icon--s {
4955
- width: 1rem;
4956
- height: 1rem;
4957
- }
4958
- [class^=ids-icon-].ids-icon--s:before {
4959
- font-size: 1rem;
4960
- }
4961
- [class^=ids-icon-].ids-icon--m {
4962
- width: 1.25rem;
4963
- height: 1.25rem;
4964
- }
4965
- [class^=ids-icon-].ids-icon--m:before {
4966
- font-size: 1.25rem;
4967
- }
4968
- [class^=ids-icon-].ids-icon--l {
4969
- width: 1.5rem;
4970
- height: 1.5rem;
4971
- }
4972
- [class^=ids-icon-].ids-icon--l:before {
4973
- font-size: 1.5rem;
4974
- }
4975
- [class^=ids-icon-].ids-icon--xl {
4976
- width: 1.75rem;
4977
- height: 1.75rem;
4978
- }
4979
- [class^=ids-icon-].ids-icon--xl:before {
4980
- font-size: 1.75rem;
4981
- }
4982
- [class^=ids-icon-].ids-icon--rotate-90 {
4983
- transform: rotate(90deg);
4984
- }
4985
- [class^=ids-icon-].ids-icon--rotate-180 {
4986
- transform: rotate(180deg);
4987
- }
4988
- [class^=ids-icon-].ids-icon--rotate-270 {
4989
- transform: rotate(270deg);
4990
- }
4991
-
4992
- :root {
4993
- --IDS__MAX-WIDTH: 1280px;
4994
- --IDS__FONT-FAMILY: Open sans;
4995
- --IDS__FONT-COLOR: black;
4996
- }
4997
-
4998
- .ids input:focus,
4999
- .ids select:focus,
5000
- .ids textarea:focus,
5001
- .ids button:focus,
5002
- .ids ids-button:focus,
5003
- .ids a:focus {
5004
- outline: var(--IDS-FOCUS__OUTLINE);
5005
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
5006
- }
5007
-
5008
- input::placeholder,
5009
- textarea::placeholder,
5010
- select::placeholder {
5011
- color: var(--IDS-FORM-PLACEHOLDER__COLOR);
5012
- }
5013
-
5014
- [tabindex="0"]:focus {
5015
- outline: var(--IDS-FOCUS__OUTLINE);
5016
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
5017
- outline-color: var(--IDS-FOCUS__OUTLINE-COLOR);
5018
- }
5019
-
5020
- input[type=search]::-webkit-search-decoration,
5021
- input[type=search]::-webkit-search-cancel-button,
5022
- input[type=search]::-webkit-search-results-button,
5023
- input[type=search]::-webkit-search-results-decoration {
5024
- -webkit-appearance: none;
5025
- }