@i-cell/ids-styles 0.0.15-beta.9 → 0.0.16

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 (76) hide show
  1. package/dist/accordion/accordion.css +184 -45
  2. package/dist/accordion/accordion.min.css +1 -1
  3. package/dist/accordion/accordion.plugin.js +194 -55
  4. package/dist/avatar/avatar.css +176 -195
  5. package/dist/avatar/avatar.min.css +1 -1
  6. package/dist/avatar/avatar.plugin.js +168 -170
  7. package/dist/button/button.css +788 -656
  8. package/dist/button/button.min.css +1 -1
  9. package/dist/button/button.plugin.js +792 -693
  10. package/dist/card/card.css +61 -35
  11. package/dist/card/card.min.css +1 -1
  12. package/dist/card/card.plugin.js +181 -126
  13. package/dist/checkbox/checkbox.css +57 -29
  14. package/dist/checkbox/checkbox.min.css +1 -1
  15. package/dist/checkbox/checkbox.plugin.js +78 -53
  16. package/dist/checkbox/pseudo-checkbox.css +53 -25
  17. package/dist/checkbox/pseudo-checkbox.min.css +1 -1
  18. package/dist/checkbox/pseudo-checkbox.plugin.js +72 -43
  19. package/dist/components.css +2434 -1796
  20. package/dist/components.min.css +1 -1
  21. package/dist/components.plugin.js +2763 -2126
  22. package/dist/dialog/dialog.css +12 -1
  23. package/dist/dialog/dialog.min.css +1 -1
  24. package/dist/dialog/dialog.plugin.js +11 -4
  25. package/dist/divider/divider.css +0 -3
  26. package/dist/divider/divider.min.css +1 -1
  27. package/dist/divider/divider.plugin.js +1 -1
  28. package/dist/form-elements/form-field/form-field.css +84 -60
  29. package/dist/form-elements/form-field/form-field.min.css +1 -1
  30. package/dist/form-elements/form-field/form-field.plugin.js +84 -60
  31. package/dist/form-elements/message/message.css +21 -12
  32. package/dist/form-elements/message/message.min.css +1 -1
  33. package/dist/form-elements/message/message.plugin.js +21 -4
  34. package/dist/icon/icon.css +3 -2
  35. package/dist/icon/icon.min.css +1 -1
  36. package/dist/icon/icon.plugin.js +3 -2
  37. package/dist/icon-button/icon-button.css +133 -82
  38. package/dist/icon-button/icon-button.min.css +1 -1
  39. package/dist/icon-button/icon-button.plugin.js +256 -182
  40. package/dist/menu-item/menu-item.css +184 -0
  41. package/dist/menu-item/menu-item.min.css +1 -0
  42. package/dist/menu-item/menu-item.plugin.js +181 -0
  43. package/dist/option/option.css +13 -0
  44. package/dist/option/option.min.css +1 -1
  45. package/dist/option/option.plugin.js +13 -1
  46. package/dist/overlay-panel/overlay-panel.css +125 -0
  47. package/dist/overlay-panel/overlay-panel.min.css +1 -0
  48. package/dist/overlay-panel/overlay-panel.plugin.js +125 -0
  49. package/dist/paginator/paginator.css +133 -23
  50. package/dist/paginator/paginator.min.css +1 -1
  51. package/dist/paginator/paginator.plugin.js +113 -41
  52. package/dist/radio/radio.css +49 -49
  53. package/dist/radio/radio.min.css +1 -1
  54. package/dist/radio/radio.plugin.js +56 -61
  55. package/dist/segmented-control/segmented-control-toggle.css +37 -25
  56. package/dist/segmented-control/segmented-control-toggle.min.css +1 -1
  57. package/dist/segmented-control/segmented-control-toggle.plugin.js +46 -45
  58. package/dist/segmented-control/segmented-control.css +37 -25
  59. package/dist/segmented-control/segmented-control.min.css +1 -1
  60. package/dist/segmented-control/segmented-control.plugin.js +87 -75
  61. package/dist/snackbar/snackbar.css +12 -0
  62. package/dist/snackbar/snackbar.min.css +1 -1
  63. package/dist/snackbar/snackbar.plugin.js +28 -4
  64. package/dist/switch/switch.css +44 -56
  65. package/dist/switch/switch.min.css +1 -1
  66. package/dist/switch/switch.plugin.js +55 -74
  67. package/dist/tag/tag.css +230 -199
  68. package/dist/tag/tag.min.css +1 -1
  69. package/dist/tag/tag.plugin.js +228 -195
  70. package/package.json +4 -4
  71. package/dist/action-item/action-item.css +0 -185
  72. package/dist/action-item/action-item.min.css +0 -1
  73. package/dist/action-item/action-item.plugin.js +0 -176
  74. package/dist/action-panel/action-panel.css +0 -91
  75. package/dist/action-panel/action-panel.min.css +0 -1
  76. package/dist/action-panel/action-panel.plugin.js +0 -91
package/dist/card/card.css CHANGED
@@ -7,13 +7,9 @@
7
7
  pointer-events: auto;
8
8
  cursor: pointer;
9
9
  }
10
- .ids-card.ids-card-clickable:focus {
10
+ .ids-card.ids-card-clickable:focus, .ids-card.ids-card-clickable:focus-visible {
11
11
  outline-offset: 2px;
12
12
  outline-style: solid;
13
- outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
14
- }
15
- .ids-card.ids-card-clickable:focus.ids-button-light {
16
- outline-color: var(--ids-comp-card-focused-outline-color-light-focused);
17
13
  }
18
14
  .ids-card.ids-card-clickable.ids-card-disabled {
19
15
  pointer-events: none;
@@ -257,9 +253,10 @@
257
253
  background-color: var(--ids-comp-card-filled-color-bg-primary-hovered);
258
254
  border-color: var(--ids-comp-card-filled-color-border-primary-hovered);
259
255
  }
260
- .ids-card.ids-card-filled.ids-card-primary.ids-card-clickable:focus {
256
+ .ids-card.ids-card-filled.ids-card-primary.ids-card-clickable:focus, .ids-card.ids-card-filled.ids-card-primary.ids-card-clickable:focus-visible {
261
257
  background-color: var(--ids-comp-card-filled-color-bg-primary-focused);
262
258
  border-color: var(--ids-comp-card-filled-color-border-primary-focused);
259
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
263
260
  }
264
261
  .ids-card.ids-card-filled.ids-card-primary.ids-card-clickable:active {
265
262
  background-color: var(--ids-comp-card-filled-color-bg-primary-pressed);
@@ -277,9 +274,10 @@
277
274
  background-color: var(--ids-comp-card-filled-color-bg-secondary-hovered);
278
275
  border-color: var(--ids-comp-card-filled-color-border-secondary-hovered);
279
276
  }
280
- .ids-card.ids-card-filled.ids-card-secondary.ids-card-clickable:focus {
277
+ .ids-card.ids-card-filled.ids-card-secondary.ids-card-clickable:focus, .ids-card.ids-card-filled.ids-card-secondary.ids-card-clickable:focus-visible {
281
278
  background-color: var(--ids-comp-card-filled-color-bg-secondary-focused);
282
279
  border-color: var(--ids-comp-card-filled-color-border-secondary-focused);
280
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
283
281
  }
284
282
  .ids-card.ids-card-filled.ids-card-secondary.ids-card-clickable:active {
285
283
  background-color: var(--ids-comp-card-filled-color-bg-secondary-pressed);
@@ -297,9 +295,10 @@
297
295
  background-color: var(--ids-comp-card-filled-color-bg-brand-hovered);
298
296
  border-color: var(--ids-comp-card-filled-color-border-brand-hovered);
299
297
  }
300
- .ids-card.ids-card-filled.ids-card-brand.ids-card-clickable:focus {
298
+ .ids-card.ids-card-filled.ids-card-brand.ids-card-clickable:focus, .ids-card.ids-card-filled.ids-card-brand.ids-card-clickable:focus-visible {
301
299
  background-color: var(--ids-comp-card-filled-color-bg-brand-focused);
302
300
  border-color: var(--ids-comp-card-filled-color-border-brand-focused);
301
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
303
302
  }
304
303
  .ids-card.ids-card-filled.ids-card-brand.ids-card-clickable:active {
305
304
  background-color: var(--ids-comp-card-filled-color-bg-brand-pressed);
@@ -317,9 +316,10 @@
317
316
  background-color: var(--ids-comp-card-filled-color-bg-error-hovered);
318
317
  border-color: var(--ids-comp-card-filled-color-border-error-hovered);
319
318
  }
320
- .ids-card.ids-card-filled.ids-card-error.ids-card-clickable:focus {
319
+ .ids-card.ids-card-filled.ids-card-error.ids-card-clickable:focus, .ids-card.ids-card-filled.ids-card-error.ids-card-clickable:focus-visible {
321
320
  background-color: var(--ids-comp-card-filled-color-bg-error-focused);
322
321
  border-color: var(--ids-comp-card-filled-color-border-error-focused);
322
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
323
323
  }
324
324
  .ids-card.ids-card-filled.ids-card-error.ids-card-clickable:active {
325
325
  background-color: var(--ids-comp-card-filled-color-bg-error-pressed);
@@ -333,9 +333,10 @@
333
333
  background-color: var(--ids-comp-card-filled-color-bg-success-hovered);
334
334
  border-color: var(--ids-comp-card-filled-color-border-success-hovered);
335
335
  }
336
- .ids-card.ids-card-filled.ids-card-success.ids-card-clickable:focus {
336
+ .ids-card.ids-card-filled.ids-card-success.ids-card-clickable:focus, .ids-card.ids-card-filled.ids-card-success.ids-card-clickable:focus-visible {
337
337
  background-color: var(--ids-comp-card-filled-color-bg-success-focused);
338
338
  border-color: var(--ids-comp-card-filled-color-border-success-focused);
339
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
339
340
  }
340
341
  .ids-card.ids-card-filled.ids-card-success.ids-card-clickable:active {
341
342
  background-color: var(--ids-comp-card-filled-color-bg-success-pressed);
@@ -349,9 +350,10 @@
349
350
  background-color: var(--ids-comp-card-filled-color-bg-warning-hovered);
350
351
  border-color: var(--ids-comp-card-filled-color-border-warning-hovered);
351
352
  }
352
- .ids-card.ids-card-filled.ids-card-warning.ids-card-clickable:focus {
353
+ .ids-card.ids-card-filled.ids-card-warning.ids-card-clickable:focus, .ids-card.ids-card-filled.ids-card-warning.ids-card-clickable:focus-visible {
353
354
  background-color: var(--ids-comp-card-filled-color-bg-warning-focused);
354
355
  border-color: var(--ids-comp-card-filled-color-border-warning-focused);
356
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
355
357
  }
356
358
  .ids-card.ids-card-filled.ids-card-warning.ids-card-clickable:active {
357
359
  background-color: var(--ids-comp-card-filled-color-bg-warning-pressed);
@@ -365,9 +367,10 @@
365
367
  background-color: var(--ids-comp-card-filled-color-bg-info-hovered);
366
368
  border-color: var(--ids-comp-card-filled-color-border-info-hovered);
367
369
  }
368
- .ids-card.ids-card-filled.ids-card-info.ids-card-clickable:focus {
370
+ .ids-card.ids-card-filled.ids-card-info.ids-card-clickable:focus, .ids-card.ids-card-filled.ids-card-info.ids-card-clickable:focus-visible {
369
371
  background-color: var(--ids-comp-card-filled-color-bg-info-focused);
370
372
  border-color: var(--ids-comp-card-filled-color-border-info-focused);
373
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
371
374
  }
372
375
  .ids-card.ids-card-filled.ids-card-info.ids-card-clickable:active {
373
376
  background-color: var(--ids-comp-card-filled-color-bg-info-pressed);
@@ -381,9 +384,10 @@
381
384
  background-color: var(--ids-comp-card-filled-color-bg-light-hovered);
382
385
  border-color: var(--ids-comp-card-filled-color-border-light-hovered);
383
386
  }
384
- .ids-card.ids-card-filled.ids-card-light.ids-card-clickable:focus {
387
+ .ids-card.ids-card-filled.ids-card-light.ids-card-clickable:focus, .ids-card.ids-card-filled.ids-card-light.ids-card-clickable:focus-visible {
385
388
  background-color: var(--ids-comp-card-filled-color-bg-light-focused);
386
389
  border-color: var(--ids-comp-card-filled-color-border-light-focused);
390
+ outline-color: var(--ids-comp-card-focused-outline-color-light-focused);
387
391
  }
388
392
  .ids-card.ids-card-filled.ids-card-light.ids-card-clickable:active {
389
393
  background-color: var(--ids-comp-card-filled-color-bg-light-pressed);
@@ -401,9 +405,10 @@
401
405
  background-color: var(--ids-comp-card-filled-color-bg-dark-hovered);
402
406
  border-color: var(--ids-comp-card-filled-color-border-dark-hovered);
403
407
  }
404
- .ids-card.ids-card-filled.ids-card-dark.ids-card-clickable:focus {
408
+ .ids-card.ids-card-filled.ids-card-dark.ids-card-clickable:focus, .ids-card.ids-card-filled.ids-card-dark.ids-card-clickable:focus-visible {
405
409
  background-color: var(--ids-comp-card-filled-color-bg-dark-focused);
406
410
  border-color: var(--ids-comp-card-filled-color-border-dark-focused);
411
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
407
412
  }
408
413
  .ids-card.ids-card-filled.ids-card-dark.ids-card-clickable:active {
409
414
  background-color: var(--ids-comp-card-filled-color-bg-dark-pressed);
@@ -421,9 +426,10 @@
421
426
  background-color: var(--ids-comp-card-filled-color-bg-surface-hovered);
422
427
  border-color: var(--ids-comp-card-filled-color-border-surface-hovered);
423
428
  }
424
- .ids-card.ids-card-filled.ids-card-surface.ids-card-clickable:focus {
429
+ .ids-card.ids-card-filled.ids-card-surface.ids-card-clickable:focus, .ids-card.ids-card-filled.ids-card-surface.ids-card-clickable:focus-visible {
425
430
  background-color: var(--ids-comp-card-filled-color-bg-surface-focused);
426
431
  border-color: var(--ids-comp-card-filled-color-border-surface-focused);
432
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
427
433
  }
428
434
  .ids-card.ids-card-filled.ids-card-surface.ids-card-clickable:active {
429
435
  background-color: var(--ids-comp-card-filled-color-bg-surface-pressed);
@@ -441,9 +447,10 @@
441
447
  background-color: var(--ids-comp-card-outlined-color-bg-primary-hovered);
442
448
  border-color: var(--ids-comp-card-outlined-color-border-primary-hovered);
443
449
  }
444
- .ids-card.ids-card-outlined.ids-card-primary.ids-card-clickable:focus {
450
+ .ids-card.ids-card-outlined.ids-card-primary.ids-card-clickable:focus, .ids-card.ids-card-outlined.ids-card-primary.ids-card-clickable:focus-visible {
445
451
  background-color: var(--ids-comp-card-outlined-color-bg-primary-focused);
446
452
  border-color: var(--ids-comp-card-outlined-color-border-primary-focused);
453
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
447
454
  }
448
455
  .ids-card.ids-card-outlined.ids-card-primary.ids-card-clickable:active {
449
456
  background-color: var(--ids-comp-card-outlined-color-bg-primary-pressed);
@@ -461,9 +468,10 @@
461
468
  background-color: var(--ids-comp-card-outlined-color-bg-secondary-hovered);
462
469
  border-color: var(--ids-comp-card-outlined-color-border-secondary-hovered);
463
470
  }
464
- .ids-card.ids-card-outlined.ids-card-secondary.ids-card-clickable:focus {
471
+ .ids-card.ids-card-outlined.ids-card-secondary.ids-card-clickable:focus, .ids-card.ids-card-outlined.ids-card-secondary.ids-card-clickable:focus-visible {
465
472
  background-color: var(--ids-comp-card-outlined-color-bg-secondary-focused);
466
473
  border-color: var(--ids-comp-card-outlined-color-border-secondary-focused);
474
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
467
475
  }
468
476
  .ids-card.ids-card-outlined.ids-card-secondary.ids-card-clickable:active {
469
477
  background-color: var(--ids-comp-card-outlined-color-bg-secondary-pressed);
@@ -481,9 +489,10 @@
481
489
  background-color: var(--ids-comp-card-outlined-color-bg-brand-hovered);
482
490
  border-color: var(--ids-comp-card-outlined-color-border-brand-hovered);
483
491
  }
484
- .ids-card.ids-card-outlined.ids-card-brand.ids-card-clickable:focus {
492
+ .ids-card.ids-card-outlined.ids-card-brand.ids-card-clickable:focus, .ids-card.ids-card-outlined.ids-card-brand.ids-card-clickable:focus-visible {
485
493
  background-color: var(--ids-comp-card-outlined-color-bg-brand-focused);
486
494
  border-color: var(--ids-comp-card-outlined-color-border-brand-focused);
495
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
487
496
  }
488
497
  .ids-card.ids-card-outlined.ids-card-brand.ids-card-clickable:active {
489
498
  background-color: var(--ids-comp-card-outlined-color-bg-brand-pressed);
@@ -501,9 +510,10 @@
501
510
  background-color: var(--ids-comp-card-outlined-color-bg-error-hovered);
502
511
  border-color: var(--ids-comp-card-outlined-color-border-error-hovered);
503
512
  }
504
- .ids-card.ids-card-outlined.ids-card-error.ids-card-clickable:focus {
513
+ .ids-card.ids-card-outlined.ids-card-error.ids-card-clickable:focus, .ids-card.ids-card-outlined.ids-card-error.ids-card-clickable:focus-visible {
505
514
  background-color: var(--ids-comp-card-outlined-color-bg-error-focused);
506
515
  border-color: var(--ids-comp-card-outlined-color-border-error-focused);
516
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
507
517
  }
508
518
  .ids-card.ids-card-outlined.ids-card-error.ids-card-clickable:active {
509
519
  background-color: var(--ids-comp-card-outlined-color-bg-error-pressed);
@@ -517,9 +527,10 @@
517
527
  background-color: var(--ids-comp-card-outlined-color-bg-success-hovered);
518
528
  border-color: var(--ids-comp-card-outlined-color-border-success-hovered);
519
529
  }
520
- .ids-card.ids-card-outlined.ids-card-success.ids-card-clickable:focus {
530
+ .ids-card.ids-card-outlined.ids-card-success.ids-card-clickable:focus, .ids-card.ids-card-outlined.ids-card-success.ids-card-clickable:focus-visible {
521
531
  background-color: var(--ids-comp-card-outlined-color-bg-success-focused);
522
532
  border-color: var(--ids-comp-card-outlined-color-border-success-focused);
533
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
523
534
  }
524
535
  .ids-card.ids-card-outlined.ids-card-success.ids-card-clickable:active {
525
536
  background-color: var(--ids-comp-card-outlined-color-bg-success-pressed);
@@ -533,9 +544,10 @@
533
544
  background-color: var(--ids-comp-card-outlined-color-bg-warning-hovered);
534
545
  border-color: var(--ids-comp-card-outlined-color-border-warning-hovered);
535
546
  }
536
- .ids-card.ids-card-outlined.ids-card-warning.ids-card-clickable:focus {
547
+ .ids-card.ids-card-outlined.ids-card-warning.ids-card-clickable:focus, .ids-card.ids-card-outlined.ids-card-warning.ids-card-clickable:focus-visible {
537
548
  background-color: var(--ids-comp-card-outlined-color-bg-warning-focused);
538
549
  border-color: var(--ids-comp-card-outlined-color-border-warning-focused);
550
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
539
551
  }
540
552
  .ids-card.ids-card-outlined.ids-card-warning.ids-card-clickable:active {
541
553
  background-color: var(--ids-comp-card-outlined-color-bg-warning-pressed);
@@ -549,9 +561,10 @@
549
561
  background-color: var(--ids-comp-card-outlined-color-bg-info-hovered);
550
562
  border-color: var(--ids-comp-card-outlined-color-border-info-hovered);
551
563
  }
552
- .ids-card.ids-card-outlined.ids-card-info.ids-card-clickable:focus {
564
+ .ids-card.ids-card-outlined.ids-card-info.ids-card-clickable:focus, .ids-card.ids-card-outlined.ids-card-info.ids-card-clickable:focus-visible {
553
565
  background-color: var(--ids-comp-card-outlined-color-bg-info-focused);
554
566
  border-color: var(--ids-comp-card-outlined-color-border-info-focused);
567
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
555
568
  }
556
569
  .ids-card.ids-card-outlined.ids-card-info.ids-card-clickable:active {
557
570
  background-color: var(--ids-comp-card-outlined-color-bg-info-pressed);
@@ -565,9 +578,10 @@
565
578
  background-color: var(--ids-comp-card-outlined-color-bg-light-hovered);
566
579
  border-color: var(--ids-comp-card-outlined-color-border-light-hovered);
567
580
  }
568
- .ids-card.ids-card-outlined.ids-card-light.ids-card-clickable:focus {
581
+ .ids-card.ids-card-outlined.ids-card-light.ids-card-clickable:focus, .ids-card.ids-card-outlined.ids-card-light.ids-card-clickable:focus-visible {
569
582
  background-color: var(--ids-comp-card-outlined-color-bg-light-focused);
570
583
  border-color: var(--ids-comp-card-outlined-color-border-light-focused);
584
+ outline-color: var(--ids-comp-card-focused-outline-color-light-focused);
571
585
  }
572
586
  .ids-card.ids-card-outlined.ids-card-light.ids-card-clickable:active {
573
587
  background-color: var(--ids-comp-card-outlined-color-bg-light-pressed);
@@ -585,9 +599,10 @@
585
599
  background-color: var(--ids-comp-card-outlined-color-bg-dark-hovered);
586
600
  border-color: var(--ids-comp-card-outlined-color-border-dark-hovered);
587
601
  }
588
- .ids-card.ids-card-outlined.ids-card-dark.ids-card-clickable:focus {
602
+ .ids-card.ids-card-outlined.ids-card-dark.ids-card-clickable:focus, .ids-card.ids-card-outlined.ids-card-dark.ids-card-clickable:focus-visible {
589
603
  background-color: var(--ids-comp-card-outlined-color-bg-dark-focused);
590
604
  border-color: var(--ids-comp-card-outlined-color-border-dark-focused);
605
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
591
606
  }
592
607
  .ids-card.ids-card-outlined.ids-card-dark.ids-card-clickable:active {
593
608
  background-color: var(--ids-comp-card-outlined-color-bg-dark-pressed);
@@ -605,9 +620,10 @@
605
620
  background-color: var(--ids-comp-card-outlined-color-bg-surface-hovered);
606
621
  border-color: var(--ids-comp-card-outlined-color-border-surface-hovered);
607
622
  }
608
- .ids-card.ids-card-outlined.ids-card-surface.ids-card-clickable:focus {
623
+ .ids-card.ids-card-outlined.ids-card-surface.ids-card-clickable:focus, .ids-card.ids-card-outlined.ids-card-surface.ids-card-clickable:focus-visible {
609
624
  background-color: var(--ids-comp-card-outlined-color-bg-surface-focused);
610
625
  border-color: var(--ids-comp-card-outlined-color-border-surface-focused);
626
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
611
627
  }
612
628
  .ids-card.ids-card-outlined.ids-card-surface.ids-card-clickable:active {
613
629
  background-color: var(--ids-comp-card-outlined-color-bg-surface-pressed);
@@ -625,9 +641,10 @@
625
641
  background-color: var(--ids-comp-card-elevated-color-bg-primary-hovered);
626
642
  border-color: var(--ids-comp-card-elevated-color-border-primary-hovered);
627
643
  }
628
- .ids-card.ids-card-elevated.ids-card-primary.ids-card-clickable:focus {
644
+ .ids-card.ids-card-elevated.ids-card-primary.ids-card-clickable:focus, .ids-card.ids-card-elevated.ids-card-primary.ids-card-clickable:focus-visible {
629
645
  background-color: var(--ids-comp-card-elevated-color-bg-primary-focused);
630
646
  border-color: var(--ids-comp-card-elevated-color-border-primary-focused);
647
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
631
648
  }
632
649
  .ids-card.ids-card-elevated.ids-card-primary.ids-card-clickable:active {
633
650
  background-color: var(--ids-comp-card-elevated-color-bg-primary-pressed);
@@ -645,9 +662,10 @@
645
662
  background-color: var(--ids-comp-card-elevated-color-bg-secondary-hovered);
646
663
  border-color: var(--ids-comp-card-elevated-color-border-secondary-hovered);
647
664
  }
648
- .ids-card.ids-card-elevated.ids-card-secondary.ids-card-clickable:focus {
665
+ .ids-card.ids-card-elevated.ids-card-secondary.ids-card-clickable:focus, .ids-card.ids-card-elevated.ids-card-secondary.ids-card-clickable:focus-visible {
649
666
  background-color: var(--ids-comp-card-elevated-color-bg-secondary-focused);
650
667
  border-color: var(--ids-comp-card-elevated-color-border-secondary-focused);
668
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
651
669
  }
652
670
  .ids-card.ids-card-elevated.ids-card-secondary.ids-card-clickable:active {
653
671
  background-color: var(--ids-comp-card-elevated-color-bg-secondary-pressed);
@@ -665,9 +683,10 @@
665
683
  background-color: var(--ids-comp-card-elevated-color-bg-brand-hovered);
666
684
  border-color: var(--ids-comp-card-elevated-color-border-brand-hovered);
667
685
  }
668
- .ids-card.ids-card-elevated.ids-card-brand.ids-card-clickable:focus {
686
+ .ids-card.ids-card-elevated.ids-card-brand.ids-card-clickable:focus, .ids-card.ids-card-elevated.ids-card-brand.ids-card-clickable:focus-visible {
669
687
  background-color: var(--ids-comp-card-elevated-color-bg-brand-focused);
670
688
  border-color: var(--ids-comp-card-elevated-color-border-brand-focused);
689
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
671
690
  }
672
691
  .ids-card.ids-card-elevated.ids-card-brand.ids-card-clickable:active {
673
692
  background-color: var(--ids-comp-card-elevated-color-bg-brand-pressed);
@@ -685,9 +704,10 @@
685
704
  background-color: var(--ids-comp-card-elevated-color-bg-error-hovered);
686
705
  border-color: var(--ids-comp-card-elevated-color-border-error-hovered);
687
706
  }
688
- .ids-card.ids-card-elevated.ids-card-error.ids-card-clickable:focus {
707
+ .ids-card.ids-card-elevated.ids-card-error.ids-card-clickable:focus, .ids-card.ids-card-elevated.ids-card-error.ids-card-clickable:focus-visible {
689
708
  background-color: var(--ids-comp-card-elevated-color-bg-error-focused);
690
709
  border-color: var(--ids-comp-card-elevated-color-border-error-focused);
710
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
691
711
  }
692
712
  .ids-card.ids-card-elevated.ids-card-error.ids-card-clickable:active {
693
713
  background-color: var(--ids-comp-card-elevated-color-bg-error-pressed);
@@ -701,9 +721,10 @@
701
721
  background-color: var(--ids-comp-card-elevated-color-bg-success-hovered);
702
722
  border-color: var(--ids-comp-card-elevated-color-border-success-hovered);
703
723
  }
704
- .ids-card.ids-card-elevated.ids-card-success.ids-card-clickable:focus {
724
+ .ids-card.ids-card-elevated.ids-card-success.ids-card-clickable:focus, .ids-card.ids-card-elevated.ids-card-success.ids-card-clickable:focus-visible {
705
725
  background-color: var(--ids-comp-card-elevated-color-bg-success-focused);
706
726
  border-color: var(--ids-comp-card-elevated-color-border-success-focused);
727
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
707
728
  }
708
729
  .ids-card.ids-card-elevated.ids-card-success.ids-card-clickable:active {
709
730
  background-color: var(--ids-comp-card-elevated-color-bg-success-pressed);
@@ -717,9 +738,10 @@
717
738
  background-color: var(--ids-comp-card-elevated-color-bg-warning-hovered);
718
739
  border-color: var(--ids-comp-card-elevated-color-border-warning-hovered);
719
740
  }
720
- .ids-card.ids-card-elevated.ids-card-warning.ids-card-clickable:focus {
741
+ .ids-card.ids-card-elevated.ids-card-warning.ids-card-clickable:focus, .ids-card.ids-card-elevated.ids-card-warning.ids-card-clickable:focus-visible {
721
742
  background-color: var(--ids-comp-card-elevated-color-bg-warning-focused);
722
743
  border-color: var(--ids-comp-card-elevated-color-border-warning-focused);
744
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
723
745
  }
724
746
  .ids-card.ids-card-elevated.ids-card-warning.ids-card-clickable:active {
725
747
  background-color: var(--ids-comp-card-elevated-color-bg-warning-pressed);
@@ -733,9 +755,10 @@
733
755
  background-color: var(--ids-comp-card-elevated-color-bg-info-hovered);
734
756
  border-color: var(--ids-comp-card-elevated-color-border-info-hovered);
735
757
  }
736
- .ids-card.ids-card-elevated.ids-card-info.ids-card-clickable:focus {
758
+ .ids-card.ids-card-elevated.ids-card-info.ids-card-clickable:focus, .ids-card.ids-card-elevated.ids-card-info.ids-card-clickable:focus-visible {
737
759
  background-color: var(--ids-comp-card-elevated-color-bg-info-focused);
738
760
  border-color: var(--ids-comp-card-elevated-color-border-info-focused);
761
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
739
762
  }
740
763
  .ids-card.ids-card-elevated.ids-card-info.ids-card-clickable:active {
741
764
  background-color: var(--ids-comp-card-elevated-color-bg-info-pressed);
@@ -749,9 +772,10 @@
749
772
  background-color: var(--ids-comp-card-elevated-color-bg-light-hovered);
750
773
  border-color: var(--ids-comp-card-elevated-color-border-light-hovered);
751
774
  }
752
- .ids-card.ids-card-elevated.ids-card-light.ids-card-clickable:focus {
775
+ .ids-card.ids-card-elevated.ids-card-light.ids-card-clickable:focus, .ids-card.ids-card-elevated.ids-card-light.ids-card-clickable:focus-visible {
753
776
  background-color: var(--ids-comp-card-elevated-color-bg-light-focused);
754
777
  border-color: var(--ids-comp-card-elevated-color-border-light-focused);
778
+ outline-color: var(--ids-comp-card-focused-outline-color-light-focused);
755
779
  }
756
780
  .ids-card.ids-card-elevated.ids-card-light.ids-card-clickable:active {
757
781
  background-color: var(--ids-comp-card-elevated-color-bg-light-pressed);
@@ -769,9 +793,10 @@
769
793
  background-color: var(--ids-comp-card-elevated-color-bg-dark-hovered);
770
794
  border-color: var(--ids-comp-card-elevated-color-border-dark-hovered);
771
795
  }
772
- .ids-card.ids-card-elevated.ids-card-dark.ids-card-clickable:focus {
796
+ .ids-card.ids-card-elevated.ids-card-dark.ids-card-clickable:focus, .ids-card.ids-card-elevated.ids-card-dark.ids-card-clickable:focus-visible {
773
797
  background-color: var(--ids-comp-card-elevated-color-bg-dark-focused);
774
798
  border-color: var(--ids-comp-card-elevated-color-border-dark-focused);
799
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
775
800
  }
776
801
  .ids-card.ids-card-elevated.ids-card-dark.ids-card-clickable:active {
777
802
  background-color: var(--ids-comp-card-elevated-color-bg-dark-pressed);
@@ -789,9 +814,10 @@
789
814
  background-color: var(--ids-comp-card-elevated-color-bg-surface-hovered);
790
815
  border-color: var(--ids-comp-card-elevated-color-border-surface-hovered);
791
816
  }
792
- .ids-card.ids-card-elevated.ids-card-surface.ids-card-clickable:focus {
817
+ .ids-card.ids-card-elevated.ids-card-surface.ids-card-clickable:focus, .ids-card.ids-card-elevated.ids-card-surface.ids-card-clickable:focus-visible {
793
818
  background-color: var(--ids-comp-card-elevated-color-bg-surface-focused);
794
819
  border-color: var(--ids-comp-card-elevated-color-border-surface-focused);
820
+ outline-color: var(--ids-comp-card-focused-outline-color-dark-focused);
795
821
  }
796
822
  .ids-card.ids-card-elevated.ids-card-surface.ids-card-clickable:active {
797
823
  background-color: var(--ids-comp-card-elevated-color-bg-surface-pressed);
package/dist/card/card.min.css CHANGED
@@ -1 +1 @@
1
- .ids-card{display:flex;border-style:solid;box-sizing:border-box}.ids-card.ids-card-clickable{pointer-events:auto;cursor:pointer}.ids-card.ids-card-clickable:focus{outline-offset:2px;outline-style:solid;outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-clickable:focus.ids-button-light{outline-color:var(--ids-comp-card-focused-outline-color-light-focused)}.ids-card.ids-card-clickable.ids-card-disabled{pointer-events:none;cursor:not-allowed}.ids-card.ids-card-vertical{flex-direction:column}.ids-card.ids-card-vertical .ids-card-section:first-child{padding-bottom:0px;border-top-left-radius:inherit;border-top-right-radius:inherit}.ids-card.ids-card-vertical .ids-card-section:last-child{padding-top:0px;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.ids-card.ids-card-vertical .ids-card-section.ids-card-section-stretched{padding-left:0px;padding-right:0px;width:100%}.ids-card.ids-card-vertical .ids-card-section .ids-card-header-headline{display:flex;flex-direction:column}.ids-card.ids-card-horizontal .ids-card-section:first-child{padding-right:0px;border-top-left-radius:inherit;border-bottom-left-radius:inherit}.ids-card.ids-card-horizontal .ids-card-section:last-child{padding-left:0px;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.ids-card.ids-card-horizontal .ids-card-section.ids-card-section-stretched{padding-top:0px;padding-bottom:0px;height:100%}.ids-card.ids-card-horizontal .ids-card-section.ids-card-header,.ids-card.ids-card-horizontal .ids-card-section.ids-card-footer{display:none}.ids-card .ids-card-title{color:var(--ids-smc-reference-container-color-fg-surface-darker-95);font-size:24px;font-style:normal;font-weight:600;line-height:32px}.ids-card .ids-card-subtitle{color:var(--ids-smc-reference-container-color-fg-surface-darker-70);font-size:16px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.15px}.ids-card.ids-card-elevated{box-shadow:var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-sm) var(--ids-smc-reference-container-effects-shadow-blur-md) var(--ids-smc-reference-container-effects-shadow-spread-xxl) var(--ids-smc-reference-container-effects-shadow-color-dark-light),var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xs) var(--ids-smc-reference-container-effects-shadow-blur-sm) var(--ids-smc-reference-container-effects-shadow-spread-xl) var(--ids-smc-reference-container-effects-shadow-color-dark-light)}.ids-card.ids-card-compact.ids-card-horizontal{padding:var(--ids-comp-card-container-horizontal-size-padding-y-compact) var(--ids-comp-card-container-horizontal-size-padding-x-compact);gap:var(--ids-comp-card-container-horizontal-size-gap-compact);border-radius:var(--ids-comp-card-container-horizontal-size-border-radius-compact)}.ids-card.ids-card-compact.ids-card-horizontal.ids-card-outlined{border-width:var(--ids-comp-card-container-horizontal-size-border-width-compact)}.ids-card.ids-card-compact.ids-card-vertical{padding:var(--ids-comp-card-container-vertical-size-padding-y-compact) var(--ids-comp-card-container-vertical-size-padding-x-compact);gap:var(--ids-comp-card-container-vertical-size-gap-compact);border-radius:var(--ids-comp-card-container-vertical-size-border-radius-compact)}.ids-card.ids-card-compact.ids-card-vertical.ids-card-outlined{border-width:var(--ids-comp-card-container-vertical-size-border-width-compact)}.ids-card.ids-card-compact.ids-card-clickable:focus{outline-width:var(--ids-comp-card-focused-outline-outline-compact)}.ids-card.ids-card-compact .ids-card-header-headline{gap:var(--ids-comp-card-header-headline-gap-compact);padding:var(--ids-comp-card-header-headline-padding-y-compact) var(--ids-comp-card-header-headline-padding-x-compact)}.ids-card.ids-card-compact.ids-card-vertical .ids-card-section:not(.ids-card-media):first-child{padding-top:var(--ids-comp-card-slot-size-padding-top-compact)}.ids-card.ids-card-compact.ids-card-vertical .ids-card-section:not(.ids-card-media):last-child{padding-bottom:var(--ids-comp-card-slot-size-padding-bottom-compact)}.ids-card.ids-card-compact.ids-card-vertical .ids-card-section.ids-card-section-padded{padding-left:var(--ids-comp-card-slot-size-padding-x-compact);padding-right:var(--ids-comp-card-slot-size-padding-x-compact)}.ids-card.ids-card-compact.ids-card-horizontal .ids-card-section:not(.ids-card-media):first-child{padding-left:var(--ids-comp-card-slot-size-padding-top-compact)}.ids-card.ids-card-compact.ids-card-horizontal .ids-card-section:not(.ids-card-media):last-child{padding-right:var(--ids-comp-card-slot-size-padding-bottom-compact)}.ids-card.ids-card-compact.ids-card-horizontal .ids-card-section.ids-card-section-padded{padding-top:var(--ids-comp-card-slot-size-padding-x-compact);padding-bottom:var(--ids-comp-card-slot-size-padding-x-compact)}.ids-card.ids-card-comfortable.ids-card-horizontal{padding:var(--ids-comp-card-container-horizontal-size-padding-y-comfortable) var(--ids-comp-card-container-horizontal-size-padding-x-comfortable);gap:var(--ids-comp-card-container-horizontal-size-gap-comfortable);border-radius:var(--ids-comp-card-container-horizontal-size-border-radius-comfortable)}.ids-card.ids-card-comfortable.ids-card-horizontal.ids-card-outlined{border-width:var(--ids-comp-card-container-horizontal-size-border-width-comfortable)}.ids-card.ids-card-comfortable.ids-card-vertical{padding:var(--ids-comp-card-container-vertical-size-padding-y-comfortable) var(--ids-comp-card-container-vertical-size-padding-x-comfortable);gap:var(--ids-comp-card-container-vertical-size-gap-comfortable);border-radius:var(--ids-comp-card-container-vertical-size-border-radius-comfortable)}.ids-card.ids-card-comfortable.ids-card-vertical.ids-card-outlined{border-width:var(--ids-comp-card-container-vertical-size-border-width-comfortable)}.ids-card.ids-card-comfortable.ids-card-clickable:focus{outline-width:var(--ids-comp-card-focused-outline-outline-comfortable)}.ids-card.ids-card-comfortable .ids-card-header-headline{gap:var(--ids-comp-card-header-headline-gap-comfortable);padding:var(--ids-comp-card-header-headline-padding-y-comfortable) var(--ids-comp-card-header-headline-padding-x-comfortable)}.ids-card.ids-card-comfortable.ids-card-vertical .ids-card-section:not(.ids-card-media):first-child{padding-top:var(--ids-comp-card-slot-size-padding-top-comfortable)}.ids-card.ids-card-comfortable.ids-card-vertical .ids-card-section:not(.ids-card-media):last-child{padding-bottom:var(--ids-comp-card-slot-size-padding-bottom-comfortable)}.ids-card.ids-card-comfortable.ids-card-vertical .ids-card-section.ids-card-section-padded{padding-left:var(--ids-comp-card-slot-size-padding-x-comfortable);padding-right:var(--ids-comp-card-slot-size-padding-x-comfortable)}.ids-card.ids-card-comfortable.ids-card-horizontal .ids-card-section:not(.ids-card-media):first-child{padding-left:var(--ids-comp-card-slot-size-padding-top-comfortable)}.ids-card.ids-card-comfortable.ids-card-horizontal .ids-card-section:not(.ids-card-media):last-child{padding-right:var(--ids-comp-card-slot-size-padding-bottom-comfortable)}.ids-card.ids-card-comfortable.ids-card-horizontal .ids-card-section.ids-card-section-padded{padding-top:var(--ids-comp-card-slot-size-padding-x-comfortable);padding-bottom:var(--ids-comp-card-slot-size-padding-x-comfortable)}.ids-card.ids-card-spacious.ids-card-horizontal{padding:var(--ids-comp-card-container-horizontal-size-padding-y-spacious) var(--ids-comp-card-container-horizontal-size-padding-x-spacious);gap:var(--ids-comp-card-container-horizontal-size-gap-spacious);border-radius:var(--ids-comp-card-container-horizontal-size-border-radius-spacious)}.ids-card.ids-card-spacious.ids-card-horizontal.ids-card-outlined{border-width:var(--ids-comp-card-container-horizontal-size-border-width-spacious)}.ids-card.ids-card-spacious.ids-card-vertical{padding:var(--ids-comp-card-container-vertical-size-padding-y-spacious) var(--ids-comp-card-container-vertical-size-padding-x-spacious);gap:var(--ids-comp-card-container-vertical-size-gap-spacious);border-radius:var(--ids-comp-card-container-vertical-size-border-radius-spacious)}.ids-card.ids-card-spacious.ids-card-vertical.ids-card-outlined{border-width:var(--ids-comp-card-container-vertical-size-border-width-spacious)}.ids-card.ids-card-spacious.ids-card-clickable:focus{outline-width:var(--ids-comp-card-focused-outline-outline-spacious)}.ids-card.ids-card-spacious .ids-card-header-headline{gap:var(--ids-comp-card-header-headline-gap-spacious);padding:var(--ids-comp-card-header-headline-padding-y-spacious) var(--ids-comp-card-header-headline-padding-x-spacious)}.ids-card.ids-card-spacious.ids-card-vertical .ids-card-section:not(.ids-card-media):first-child{padding-top:var(--ids-comp-card-slot-size-padding-top-spacious)}.ids-card.ids-card-spacious.ids-card-vertical .ids-card-section:not(.ids-card-media):last-child{padding-bottom:var(--ids-comp-card-slot-size-padding-bottom-spacious)}.ids-card.ids-card-spacious.ids-card-vertical .ids-card-section.ids-card-section-padded{padding-left:var(--ids-comp-card-slot-size-padding-x-spacious);padding-right:var(--ids-comp-card-slot-size-padding-x-spacious)}.ids-card.ids-card-spacious.ids-card-horizontal .ids-card-section:not(.ids-card-media):first-child{padding-left:var(--ids-comp-card-slot-size-padding-top-spacious)}.ids-card.ids-card-spacious.ids-card-horizontal .ids-card-section:not(.ids-card-media):last-child{padding-right:var(--ids-comp-card-slot-size-padding-bottom-spacious)}.ids-card.ids-card-spacious.ids-card-horizontal .ids-card-section.ids-card-section-padded{padding-top:var(--ids-comp-card-slot-size-padding-x-spacious);padding-bottom:var(--ids-comp-card-slot-size-padding-x-spacious)}.ids-card.ids-card-dense.ids-card-horizontal{padding:var(--ids-comp-card-container-horizontal-size-padding-y-dense) var(--ids-comp-card-container-horizontal-size-padding-x-dense);gap:var(--ids-comp-card-container-horizontal-size-gap-dense);border-radius:var(--ids-comp-card-container-horizontal-size-border-radius-dense)}.ids-card.ids-card-dense.ids-card-horizontal.ids-card-outlined{border-width:var(--ids-comp-card-container-horizontal-size-border-width-dense)}.ids-card.ids-card-dense.ids-card-vertical{padding:var(--ids-comp-card-container-vertical-size-padding-y-dense) var(--ids-comp-card-container-vertical-size-padding-x-dense);gap:var(--ids-comp-card-container-vertical-size-gap-dense);border-radius:var(--ids-comp-card-container-vertical-size-border-radius-dense)}.ids-card.ids-card-dense.ids-card-vertical.ids-card-outlined{border-width:var(--ids-comp-card-container-vertical-size-border-width-dense)}.ids-card.ids-card-dense.ids-card-clickable:focus{outline-width:var(--ids-comp-card-focused-outline-outline-dense)}.ids-card.ids-card-dense .ids-card-header-headline{gap:var(--ids-comp-card-header-headline-gap-dense);padding:var(--ids-comp-card-header-headline-padding-y-dense) var(--ids-comp-card-header-headline-padding-x-dense)}.ids-card.ids-card-dense.ids-card-vertical .ids-card-section:not(.ids-card-media):first-child{padding-top:var(--ids-comp-card-slot-size-padding-top-dense)}.ids-card.ids-card-dense.ids-card-vertical .ids-card-section:not(.ids-card-media):last-child{padding-bottom:var(--ids-comp-card-slot-size-padding-bottom-dense)}.ids-card.ids-card-dense.ids-card-vertical .ids-card-section.ids-card-section-padded{padding-left:var(--ids-comp-card-slot-size-padding-x-dense);padding-right:var(--ids-comp-card-slot-size-padding-x-dense)}.ids-card.ids-card-dense.ids-card-horizontal .ids-card-section:not(.ids-card-media):first-child{padding-left:var(--ids-comp-card-slot-size-padding-top-dense)}.ids-card.ids-card-dense.ids-card-horizontal .ids-card-section:not(.ids-card-media):last-child{padding-right:var(--ids-comp-card-slot-size-padding-bottom-dense)}.ids-card.ids-card-dense.ids-card-horizontal .ids-card-section.ids-card-section-padded{padding-top:var(--ids-comp-card-slot-size-padding-x-dense);padding-bottom:var(--ids-comp-card-slot-size-padding-x-dense)}.ids-card.ids-card-filled.ids-card-primary{background-color:var(--ids-comp-card-filled-color-bg-primary-default);border-color:var(--ids-comp-card-filled-color-border-primary-default)}.ids-card.ids-card-filled.ids-card-primary.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-primary-hovered);border-color:var(--ids-comp-card-filled-color-border-primary-hovered)}.ids-card.ids-card-filled.ids-card-primary.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-primary-focused);border-color:var(--ids-comp-card-filled-color-border-primary-focused)}.ids-card.ids-card-filled.ids-card-primary.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-primary-pressed);border-color:var(--ids-comp-card-filled-color-border-primary-pressed)}.ids-card.ids-card-filled.ids-card-primary.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-primary-disabled);border-color:var(--ids-comp-card-filled-color-border-primary-disabled)}.ids-card.ids-card-filled.ids-card-secondary{background-color:var(--ids-comp-card-filled-color-bg-secondary-default);border-color:var(--ids-comp-card-filled-color-border-secondary-default)}.ids-card.ids-card-filled.ids-card-secondary.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-secondary-hovered);border-color:var(--ids-comp-card-filled-color-border-secondary-hovered)}.ids-card.ids-card-filled.ids-card-secondary.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-secondary-focused);border-color:var(--ids-comp-card-filled-color-border-secondary-focused)}.ids-card.ids-card-filled.ids-card-secondary.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-secondary-pressed);border-color:var(--ids-comp-card-filled-color-border-secondary-pressed)}.ids-card.ids-card-filled.ids-card-secondary.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-secondary-disabled);border-color:var(--ids-comp-card-filled-color-border-secondary-disabled)}.ids-card.ids-card-filled.ids-card-brand{background-color:var(--ids-comp-card-filled-color-bg-brand-default);border-color:var(--ids-comp-card-filled-color-border-brand-default)}.ids-card.ids-card-filled.ids-card-brand.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-brand-hovered);border-color:var(--ids-comp-card-filled-color-border-brand-hovered)}.ids-card.ids-card-filled.ids-card-brand.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-brand-focused);border-color:var(--ids-comp-card-filled-color-border-brand-focused)}.ids-card.ids-card-filled.ids-card-brand.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-brand-pressed);border-color:var(--ids-comp-card-filled-color-border-brand-pressed)}.ids-card.ids-card-filled.ids-card-brand.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-brand-disabled);border-color:var(--ids-comp-card-filled-color-border-brand-disabled)}.ids-card.ids-card-filled.ids-card-error{background-color:var(--ids-comp-card-filled-color-bg-error-default);border-color:var(--ids-comp-card-filled-color-border-error-default)}.ids-card.ids-card-filled.ids-card-error.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-error-hovered);border-color:var(--ids-comp-card-filled-color-border-error-hovered)}.ids-card.ids-card-filled.ids-card-error.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-error-focused);border-color:var(--ids-comp-card-filled-color-border-error-focused)}.ids-card.ids-card-filled.ids-card-error.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-error-pressed);border-color:var(--ids-comp-card-filled-color-border-error-pressed)}.ids-card.ids-card-filled.ids-card-success{background-color:var(--ids-comp-card-filled-color-bg-success-default);border-color:var(--ids-comp-card-filled-color-border-success-default)}.ids-card.ids-card-filled.ids-card-success.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-success-hovered);border-color:var(--ids-comp-card-filled-color-border-success-hovered)}.ids-card.ids-card-filled.ids-card-success.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-success-focused);border-color:var(--ids-comp-card-filled-color-border-success-focused)}.ids-card.ids-card-filled.ids-card-success.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-success-pressed);border-color:var(--ids-comp-card-filled-color-border-success-pressed)}.ids-card.ids-card-filled.ids-card-warning{background-color:var(--ids-comp-card-filled-color-bg-warning-default);border-color:var(--ids-comp-card-filled-color-border-warning-default)}.ids-card.ids-card-filled.ids-card-warning.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-warning-hovered);border-color:var(--ids-comp-card-filled-color-border-warning-hovered)}.ids-card.ids-card-filled.ids-card-warning.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-warning-focused);border-color:var(--ids-comp-card-filled-color-border-warning-focused)}.ids-card.ids-card-filled.ids-card-warning.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-warning-pressed);border-color:var(--ids-comp-card-filled-color-border-warning-pressed)}.ids-card.ids-card-filled.ids-card-info{background-color:var(--ids-comp-card-filled-color-bg-info-default);border-color:var(--ids-comp-card-filled-color-border-info-default)}.ids-card.ids-card-filled.ids-card-info.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-info-hovered);border-color:var(--ids-comp-card-filled-color-border-info-hovered)}.ids-card.ids-card-filled.ids-card-info.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-info-focused);border-color:var(--ids-comp-card-filled-color-border-info-focused)}.ids-card.ids-card-filled.ids-card-info.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-info-pressed);border-color:var(--ids-comp-card-filled-color-border-info-pressed)}.ids-card.ids-card-filled.ids-card-light{background-color:var(--ids-comp-card-filled-color-bg-light-default);border-color:var(--ids-comp-card-filled-color-border-light-default)}.ids-card.ids-card-filled.ids-card-light.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-light-hovered);border-color:var(--ids-comp-card-filled-color-border-light-hovered)}.ids-card.ids-card-filled.ids-card-light.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-light-focused);border-color:var(--ids-comp-card-filled-color-border-light-focused)}.ids-card.ids-card-filled.ids-card-light.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-light-pressed);border-color:var(--ids-comp-card-filled-color-border-light-pressed)}.ids-card.ids-card-filled.ids-card-light.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-light-disabled);border-color:var(--ids-comp-card-filled-color-border-light-disabled)}.ids-card.ids-card-filled.ids-card-dark{background-color:var(--ids-comp-card-filled-color-bg-dark-default);border-color:var(--ids-comp-card-filled-color-border-dark-default)}.ids-card.ids-card-filled.ids-card-dark.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-dark-hovered);border-color:var(--ids-comp-card-filled-color-border-dark-hovered)}.ids-card.ids-card-filled.ids-card-dark.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-dark-focused);border-color:var(--ids-comp-card-filled-color-border-dark-focused)}.ids-card.ids-card-filled.ids-card-dark.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-dark-pressed);border-color:var(--ids-comp-card-filled-color-border-dark-pressed)}.ids-card.ids-card-filled.ids-card-dark.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-dark-disabled);border-color:var(--ids-comp-card-filled-color-border-dark-disabled)}.ids-card.ids-card-filled.ids-card-surface{background-color:var(--ids-comp-card-filled-color-bg-surface-default);border-color:var(--ids-comp-card-filled-color-border-surface-default)}.ids-card.ids-card-filled.ids-card-surface.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-surface-hovered);border-color:var(--ids-comp-card-filled-color-border-surface-hovered)}.ids-card.ids-card-filled.ids-card-surface.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-surface-focused);border-color:var(--ids-comp-card-filled-color-border-surface-focused)}.ids-card.ids-card-filled.ids-card-surface.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-surface-pressed);border-color:var(--ids-comp-card-filled-color-border-surface-pressed)}.ids-card.ids-card-filled.ids-card-surface.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-surface-disabled);border-color:var(--ids-comp-card-filled-color-border-surface-disabled)}.ids-card.ids-card-outlined.ids-card-primary{background-color:var(--ids-comp-card-outlined-color-bg-primary-default);border-color:var(--ids-comp-card-outlined-color-border-primary-default)}.ids-card.ids-card-outlined.ids-card-primary.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-primary-hovered);border-color:var(--ids-comp-card-outlined-color-border-primary-hovered)}.ids-card.ids-card-outlined.ids-card-primary.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-primary-focused);border-color:var(--ids-comp-card-outlined-color-border-primary-focused)}.ids-card.ids-card-outlined.ids-card-primary.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-primary-pressed);border-color:var(--ids-comp-card-outlined-color-border-primary-pressed)}.ids-card.ids-card-outlined.ids-card-primary.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-primary-disabled);border-color:var(--ids-comp-card-outlined-color-border-primary-disabled)}.ids-card.ids-card-outlined.ids-card-secondary{background-color:var(--ids-comp-card-outlined-color-bg-secondary-default);border-color:var(--ids-comp-card-outlined-color-border-secondary-default)}.ids-card.ids-card-outlined.ids-card-secondary.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-secondary-hovered);border-color:var(--ids-comp-card-outlined-color-border-secondary-hovered)}.ids-card.ids-card-outlined.ids-card-secondary.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-secondary-focused);border-color:var(--ids-comp-card-outlined-color-border-secondary-focused)}.ids-card.ids-card-outlined.ids-card-secondary.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-secondary-pressed);border-color:var(--ids-comp-card-outlined-color-border-secondary-pressed)}.ids-card.ids-card-outlined.ids-card-secondary.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-secondary-disabled);border-color:var(--ids-comp-card-outlined-color-border-secondary-disabled)}.ids-card.ids-card-outlined.ids-card-brand{background-color:var(--ids-comp-card-outlined-color-bg-brand-default);border-color:var(--ids-comp-card-outlined-color-border-brand-default)}.ids-card.ids-card-outlined.ids-card-brand.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-brand-hovered);border-color:var(--ids-comp-card-outlined-color-border-brand-hovered)}.ids-card.ids-card-outlined.ids-card-brand.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-brand-focused);border-color:var(--ids-comp-card-outlined-color-border-brand-focused)}.ids-card.ids-card-outlined.ids-card-brand.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-brand-pressed);border-color:var(--ids-comp-card-outlined-color-border-brand-pressed)}.ids-card.ids-card-outlined.ids-card-brand.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-brand-disabled);border-color:var(--ids-comp-card-outlined-color-border-brand-disabled)}.ids-card.ids-card-outlined.ids-card-error{background-color:var(--ids-comp-card-outlined-color-bg-error-default);border-color:var(--ids-comp-card-outlined-color-border-error-default)}.ids-card.ids-card-outlined.ids-card-error.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-error-hovered);border-color:var(--ids-comp-card-outlined-color-border-error-hovered)}.ids-card.ids-card-outlined.ids-card-error.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-error-focused);border-color:var(--ids-comp-card-outlined-color-border-error-focused)}.ids-card.ids-card-outlined.ids-card-error.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-error-pressed);border-color:var(--ids-comp-card-outlined-color-border-error-pressed)}.ids-card.ids-card-outlined.ids-card-success{background-color:var(--ids-comp-card-outlined-color-bg-success-default);border-color:var(--ids-comp-card-outlined-color-border-success-default)}.ids-card.ids-card-outlined.ids-card-success.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-success-hovered);border-color:var(--ids-comp-card-outlined-color-border-success-hovered)}.ids-card.ids-card-outlined.ids-card-success.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-success-focused);border-color:var(--ids-comp-card-outlined-color-border-success-focused)}.ids-card.ids-card-outlined.ids-card-success.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-success-pressed);border-color:var(--ids-comp-card-outlined-color-border-success-pressed)}.ids-card.ids-card-outlined.ids-card-warning{background-color:var(--ids-comp-card-outlined-color-bg-warning-default);border-color:var(--ids-comp-card-outlined-color-border-warning-default)}.ids-card.ids-card-outlined.ids-card-warning.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-warning-hovered);border-color:var(--ids-comp-card-outlined-color-border-warning-hovered)}.ids-card.ids-card-outlined.ids-card-warning.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-warning-focused);border-color:var(--ids-comp-card-outlined-color-border-warning-focused)}.ids-card.ids-card-outlined.ids-card-warning.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-warning-pressed);border-color:var(--ids-comp-card-outlined-color-border-warning-pressed)}.ids-card.ids-card-outlined.ids-card-info{background-color:var(--ids-comp-card-outlined-color-bg-info-default);border-color:var(--ids-comp-card-outlined-color-border-info-default)}.ids-card.ids-card-outlined.ids-card-info.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-info-hovered);border-color:var(--ids-comp-card-outlined-color-border-info-hovered)}.ids-card.ids-card-outlined.ids-card-info.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-info-focused);border-color:var(--ids-comp-card-outlined-color-border-info-focused)}.ids-card.ids-card-outlined.ids-card-info.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-info-pressed);border-color:var(--ids-comp-card-outlined-color-border-info-pressed)}.ids-card.ids-card-outlined.ids-card-light{background-color:var(--ids-comp-card-outlined-color-bg-light-default);border-color:var(--ids-comp-card-outlined-color-border-light-default)}.ids-card.ids-card-outlined.ids-card-light.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-light-hovered);border-color:var(--ids-comp-card-outlined-color-border-light-hovered)}.ids-card.ids-card-outlined.ids-card-light.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-light-focused);border-color:var(--ids-comp-card-outlined-color-border-light-focused)}.ids-card.ids-card-outlined.ids-card-light.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-light-pressed);border-color:var(--ids-comp-card-outlined-color-border-light-pressed)}.ids-card.ids-card-outlined.ids-card-light.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-light-disabled);border-color:var(--ids-comp-card-outlined-color-border-light-disabled)}.ids-card.ids-card-outlined.ids-card-dark{background-color:var(--ids-comp-card-outlined-color-bg-dark-default);border-color:var(--ids-comp-card-outlined-color-border-dark-default)}.ids-card.ids-card-outlined.ids-card-dark.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-dark-hovered);border-color:var(--ids-comp-card-outlined-color-border-dark-hovered)}.ids-card.ids-card-outlined.ids-card-dark.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-dark-focused);border-color:var(--ids-comp-card-outlined-color-border-dark-focused)}.ids-card.ids-card-outlined.ids-card-dark.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-dark-pressed);border-color:var(--ids-comp-card-outlined-color-border-dark-pressed)}.ids-card.ids-card-outlined.ids-card-dark.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-dark-disabled);border-color:var(--ids-comp-card-outlined-color-border-dark-disabled)}.ids-card.ids-card-outlined.ids-card-surface{background-color:var(--ids-comp-card-outlined-color-bg-surface-default);border-color:var(--ids-comp-card-outlined-color-border-surface-default)}.ids-card.ids-card-outlined.ids-card-surface.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-surface-hovered);border-color:var(--ids-comp-card-outlined-color-border-surface-hovered)}.ids-card.ids-card-outlined.ids-card-surface.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-surface-focused);border-color:var(--ids-comp-card-outlined-color-border-surface-focused)}.ids-card.ids-card-outlined.ids-card-surface.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-surface-pressed);border-color:var(--ids-comp-card-outlined-color-border-surface-pressed)}.ids-card.ids-card-outlined.ids-card-surface.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-surface-disabled);border-color:var(--ids-comp-card-outlined-color-border-surface-disabled)}.ids-card.ids-card-elevated.ids-card-primary{background-color:var(--ids-comp-card-elevated-color-bg-primary-default);border-color:var(--ids-comp-card-elevated-color-border-primary-default)}.ids-card.ids-card-elevated.ids-card-primary.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-primary-hovered);border-color:var(--ids-comp-card-elevated-color-border-primary-hovered)}.ids-card.ids-card-elevated.ids-card-primary.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-primary-focused);border-color:var(--ids-comp-card-elevated-color-border-primary-focused)}.ids-card.ids-card-elevated.ids-card-primary.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-primary-pressed);border-color:var(--ids-comp-card-elevated-color-border-primary-pressed)}.ids-card.ids-card-elevated.ids-card-primary.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-primary-disabled);border-color:var(--ids-comp-card-elevated-color-border-primary-disabled)}.ids-card.ids-card-elevated.ids-card-secondary{background-color:var(--ids-comp-card-elevated-color-bg-secondary-default);border-color:var(--ids-comp-card-elevated-color-border-secondary-default)}.ids-card.ids-card-elevated.ids-card-secondary.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-secondary-hovered);border-color:var(--ids-comp-card-elevated-color-border-secondary-hovered)}.ids-card.ids-card-elevated.ids-card-secondary.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-secondary-focused);border-color:var(--ids-comp-card-elevated-color-border-secondary-focused)}.ids-card.ids-card-elevated.ids-card-secondary.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-secondary-pressed);border-color:var(--ids-comp-card-elevated-color-border-secondary-pressed)}.ids-card.ids-card-elevated.ids-card-secondary.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-secondary-disabled);border-color:var(--ids-comp-card-elevated-color-border-secondary-disabled)}.ids-card.ids-card-elevated.ids-card-brand{background-color:var(--ids-comp-card-elevated-color-bg-brand-default);border-color:var(--ids-comp-card-elevated-color-border-brand-default)}.ids-card.ids-card-elevated.ids-card-brand.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-brand-hovered);border-color:var(--ids-comp-card-elevated-color-border-brand-hovered)}.ids-card.ids-card-elevated.ids-card-brand.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-brand-focused);border-color:var(--ids-comp-card-elevated-color-border-brand-focused)}.ids-card.ids-card-elevated.ids-card-brand.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-brand-pressed);border-color:var(--ids-comp-card-elevated-color-border-brand-pressed)}.ids-card.ids-card-elevated.ids-card-brand.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-brand-disabled);border-color:var(--ids-comp-card-elevated-color-border-brand-disabled)}.ids-card.ids-card-elevated.ids-card-error{background-color:var(--ids-comp-card-elevated-color-bg-error-default);border-color:var(--ids-comp-card-elevated-color-border-error-default)}.ids-card.ids-card-elevated.ids-card-error.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-error-hovered);border-color:var(--ids-comp-card-elevated-color-border-error-hovered)}.ids-card.ids-card-elevated.ids-card-error.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-error-focused);border-color:var(--ids-comp-card-elevated-color-border-error-focused)}.ids-card.ids-card-elevated.ids-card-error.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-error-pressed);border-color:var(--ids-comp-card-elevated-color-border-error-pressed)}.ids-card.ids-card-elevated.ids-card-success{background-color:var(--ids-comp-card-elevated-color-bg-success-default);border-color:var(--ids-comp-card-elevated-color-border-success-default)}.ids-card.ids-card-elevated.ids-card-success.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-success-hovered);border-color:var(--ids-comp-card-elevated-color-border-success-hovered)}.ids-card.ids-card-elevated.ids-card-success.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-success-focused);border-color:var(--ids-comp-card-elevated-color-border-success-focused)}.ids-card.ids-card-elevated.ids-card-success.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-success-pressed);border-color:var(--ids-comp-card-elevated-color-border-success-pressed)}.ids-card.ids-card-elevated.ids-card-warning{background-color:var(--ids-comp-card-elevated-color-bg-warning-default);border-color:var(--ids-comp-card-elevated-color-border-warning-default)}.ids-card.ids-card-elevated.ids-card-warning.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-warning-hovered);border-color:var(--ids-comp-card-elevated-color-border-warning-hovered)}.ids-card.ids-card-elevated.ids-card-warning.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-warning-focused);border-color:var(--ids-comp-card-elevated-color-border-warning-focused)}.ids-card.ids-card-elevated.ids-card-warning.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-warning-pressed);border-color:var(--ids-comp-card-elevated-color-border-warning-pressed)}.ids-card.ids-card-elevated.ids-card-info{background-color:var(--ids-comp-card-elevated-color-bg-info-default);border-color:var(--ids-comp-card-elevated-color-border-info-default)}.ids-card.ids-card-elevated.ids-card-info.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-info-hovered);border-color:var(--ids-comp-card-elevated-color-border-info-hovered)}.ids-card.ids-card-elevated.ids-card-info.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-info-focused);border-color:var(--ids-comp-card-elevated-color-border-info-focused)}.ids-card.ids-card-elevated.ids-card-info.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-info-pressed);border-color:var(--ids-comp-card-elevated-color-border-info-pressed)}.ids-card.ids-card-elevated.ids-card-light{background-color:var(--ids-comp-card-elevated-color-bg-light-default);border-color:var(--ids-comp-card-elevated-color-border-light-default)}.ids-card.ids-card-elevated.ids-card-light.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-light-hovered);border-color:var(--ids-comp-card-elevated-color-border-light-hovered)}.ids-card.ids-card-elevated.ids-card-light.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-light-focused);border-color:var(--ids-comp-card-elevated-color-border-light-focused)}.ids-card.ids-card-elevated.ids-card-light.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-light-pressed);border-color:var(--ids-comp-card-elevated-color-border-light-pressed)}.ids-card.ids-card-elevated.ids-card-light.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-light-disabled);border-color:var(--ids-comp-card-elevated-color-border-light-disabled)}.ids-card.ids-card-elevated.ids-card-dark{background-color:var(--ids-comp-card-elevated-color-bg-dark-default);border-color:var(--ids-comp-card-elevated-color-border-dark-default)}.ids-card.ids-card-elevated.ids-card-dark.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-dark-hovered);border-color:var(--ids-comp-card-elevated-color-border-dark-hovered)}.ids-card.ids-card-elevated.ids-card-dark.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-dark-focused);border-color:var(--ids-comp-card-elevated-color-border-dark-focused)}.ids-card.ids-card-elevated.ids-card-dark.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-dark-pressed);border-color:var(--ids-comp-card-elevated-color-border-dark-pressed)}.ids-card.ids-card-elevated.ids-card-dark.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-dark-disabled);border-color:var(--ids-comp-card-elevated-color-border-dark-disabled)}.ids-card.ids-card-elevated.ids-card-surface{background-color:var(--ids-comp-card-elevated-color-bg-surface-default);border-color:var(--ids-comp-card-elevated-color-border-surface-default)}.ids-card.ids-card-elevated.ids-card-surface.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-surface-hovered);border-color:var(--ids-comp-card-elevated-color-border-surface-hovered)}.ids-card.ids-card-elevated.ids-card-surface.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-surface-focused);border-color:var(--ids-comp-card-elevated-color-border-surface-focused)}.ids-card.ids-card-elevated.ids-card-surface.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-surface-pressed);border-color:var(--ids-comp-card-elevated-color-border-surface-pressed)}.ids-card.ids-card-elevated.ids-card-surface.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-surface-disabled);border-color:var(--ids-comp-card-elevated-color-border-surface-disabled)}
1
+ .ids-card{display:flex;border-style:solid;box-sizing:border-box}.ids-card.ids-card-clickable{pointer-events:auto;cursor:pointer}.ids-card.ids-card-clickable:focus,.ids-card.ids-card-clickable:focus-visible{outline-offset:2px;outline-style:solid}.ids-card.ids-card-clickable.ids-card-disabled{pointer-events:none;cursor:not-allowed}.ids-card.ids-card-vertical{flex-direction:column}.ids-card.ids-card-vertical .ids-card-section:first-child{padding-bottom:0px;border-top-left-radius:inherit;border-top-right-radius:inherit}.ids-card.ids-card-vertical .ids-card-section:last-child{padding-top:0px;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.ids-card.ids-card-vertical .ids-card-section.ids-card-section-stretched{padding-left:0px;padding-right:0px;width:100%}.ids-card.ids-card-vertical .ids-card-section .ids-card-header-headline{display:flex;flex-direction:column}.ids-card.ids-card-horizontal .ids-card-section:first-child{padding-right:0px;border-top-left-radius:inherit;border-bottom-left-radius:inherit}.ids-card.ids-card-horizontal .ids-card-section:last-child{padding-left:0px;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.ids-card.ids-card-horizontal .ids-card-section.ids-card-section-stretched{padding-top:0px;padding-bottom:0px;height:100%}.ids-card.ids-card-horizontal .ids-card-section.ids-card-header,.ids-card.ids-card-horizontal .ids-card-section.ids-card-footer{display:none}.ids-card .ids-card-title{color:var(--ids-smc-reference-container-color-fg-surface-darker-95);font-size:24px;font-style:normal;font-weight:600;line-height:32px}.ids-card .ids-card-subtitle{color:var(--ids-smc-reference-container-color-fg-surface-darker-70);font-size:16px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.15px}.ids-card.ids-card-elevated{box-shadow:var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-sm) var(--ids-smc-reference-container-effects-shadow-blur-md) var(--ids-smc-reference-container-effects-shadow-spread-xxl) var(--ids-smc-reference-container-effects-shadow-color-dark-light),var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xs) var(--ids-smc-reference-container-effects-shadow-blur-sm) var(--ids-smc-reference-container-effects-shadow-spread-xl) var(--ids-smc-reference-container-effects-shadow-color-dark-light)}.ids-card.ids-card-compact.ids-card-horizontal{padding:var(--ids-comp-card-container-horizontal-size-padding-y-compact) var(--ids-comp-card-container-horizontal-size-padding-x-compact);gap:var(--ids-comp-card-container-horizontal-size-gap-compact);border-radius:var(--ids-comp-card-container-horizontal-size-border-radius-compact)}.ids-card.ids-card-compact.ids-card-horizontal.ids-card-outlined{border-width:var(--ids-comp-card-container-horizontal-size-border-width-compact)}.ids-card.ids-card-compact.ids-card-vertical{padding:var(--ids-comp-card-container-vertical-size-padding-y-compact) var(--ids-comp-card-container-vertical-size-padding-x-compact);gap:var(--ids-comp-card-container-vertical-size-gap-compact);border-radius:var(--ids-comp-card-container-vertical-size-border-radius-compact)}.ids-card.ids-card-compact.ids-card-vertical.ids-card-outlined{border-width:var(--ids-comp-card-container-vertical-size-border-width-compact)}.ids-card.ids-card-compact.ids-card-clickable:focus{outline-width:var(--ids-comp-card-focused-outline-outline-compact)}.ids-card.ids-card-compact .ids-card-header-headline{gap:var(--ids-comp-card-header-headline-gap-compact);padding:var(--ids-comp-card-header-headline-padding-y-compact) var(--ids-comp-card-header-headline-padding-x-compact)}.ids-card.ids-card-compact.ids-card-vertical .ids-card-section:not(.ids-card-media):first-child{padding-top:var(--ids-comp-card-slot-size-padding-top-compact)}.ids-card.ids-card-compact.ids-card-vertical .ids-card-section:not(.ids-card-media):last-child{padding-bottom:var(--ids-comp-card-slot-size-padding-bottom-compact)}.ids-card.ids-card-compact.ids-card-vertical .ids-card-section.ids-card-section-padded{padding-left:var(--ids-comp-card-slot-size-padding-x-compact);padding-right:var(--ids-comp-card-slot-size-padding-x-compact)}.ids-card.ids-card-compact.ids-card-horizontal .ids-card-section:not(.ids-card-media):first-child{padding-left:var(--ids-comp-card-slot-size-padding-top-compact)}.ids-card.ids-card-compact.ids-card-horizontal .ids-card-section:not(.ids-card-media):last-child{padding-right:var(--ids-comp-card-slot-size-padding-bottom-compact)}.ids-card.ids-card-compact.ids-card-horizontal .ids-card-section.ids-card-section-padded{padding-top:var(--ids-comp-card-slot-size-padding-x-compact);padding-bottom:var(--ids-comp-card-slot-size-padding-x-compact)}.ids-card.ids-card-comfortable.ids-card-horizontal{padding:var(--ids-comp-card-container-horizontal-size-padding-y-comfortable) var(--ids-comp-card-container-horizontal-size-padding-x-comfortable);gap:var(--ids-comp-card-container-horizontal-size-gap-comfortable);border-radius:var(--ids-comp-card-container-horizontal-size-border-radius-comfortable)}.ids-card.ids-card-comfortable.ids-card-horizontal.ids-card-outlined{border-width:var(--ids-comp-card-container-horizontal-size-border-width-comfortable)}.ids-card.ids-card-comfortable.ids-card-vertical{padding:var(--ids-comp-card-container-vertical-size-padding-y-comfortable) var(--ids-comp-card-container-vertical-size-padding-x-comfortable);gap:var(--ids-comp-card-container-vertical-size-gap-comfortable);border-radius:var(--ids-comp-card-container-vertical-size-border-radius-comfortable)}.ids-card.ids-card-comfortable.ids-card-vertical.ids-card-outlined{border-width:var(--ids-comp-card-container-vertical-size-border-width-comfortable)}.ids-card.ids-card-comfortable.ids-card-clickable:focus{outline-width:var(--ids-comp-card-focused-outline-outline-comfortable)}.ids-card.ids-card-comfortable .ids-card-header-headline{gap:var(--ids-comp-card-header-headline-gap-comfortable);padding:var(--ids-comp-card-header-headline-padding-y-comfortable) var(--ids-comp-card-header-headline-padding-x-comfortable)}.ids-card.ids-card-comfortable.ids-card-vertical .ids-card-section:not(.ids-card-media):first-child{padding-top:var(--ids-comp-card-slot-size-padding-top-comfortable)}.ids-card.ids-card-comfortable.ids-card-vertical .ids-card-section:not(.ids-card-media):last-child{padding-bottom:var(--ids-comp-card-slot-size-padding-bottom-comfortable)}.ids-card.ids-card-comfortable.ids-card-vertical .ids-card-section.ids-card-section-padded{padding-left:var(--ids-comp-card-slot-size-padding-x-comfortable);padding-right:var(--ids-comp-card-slot-size-padding-x-comfortable)}.ids-card.ids-card-comfortable.ids-card-horizontal .ids-card-section:not(.ids-card-media):first-child{padding-left:var(--ids-comp-card-slot-size-padding-top-comfortable)}.ids-card.ids-card-comfortable.ids-card-horizontal .ids-card-section:not(.ids-card-media):last-child{padding-right:var(--ids-comp-card-slot-size-padding-bottom-comfortable)}.ids-card.ids-card-comfortable.ids-card-horizontal .ids-card-section.ids-card-section-padded{padding-top:var(--ids-comp-card-slot-size-padding-x-comfortable);padding-bottom:var(--ids-comp-card-slot-size-padding-x-comfortable)}.ids-card.ids-card-spacious.ids-card-horizontal{padding:var(--ids-comp-card-container-horizontal-size-padding-y-spacious) var(--ids-comp-card-container-horizontal-size-padding-x-spacious);gap:var(--ids-comp-card-container-horizontal-size-gap-spacious);border-radius:var(--ids-comp-card-container-horizontal-size-border-radius-spacious)}.ids-card.ids-card-spacious.ids-card-horizontal.ids-card-outlined{border-width:var(--ids-comp-card-container-horizontal-size-border-width-spacious)}.ids-card.ids-card-spacious.ids-card-vertical{padding:var(--ids-comp-card-container-vertical-size-padding-y-spacious) var(--ids-comp-card-container-vertical-size-padding-x-spacious);gap:var(--ids-comp-card-container-vertical-size-gap-spacious);border-radius:var(--ids-comp-card-container-vertical-size-border-radius-spacious)}.ids-card.ids-card-spacious.ids-card-vertical.ids-card-outlined{border-width:var(--ids-comp-card-container-vertical-size-border-width-spacious)}.ids-card.ids-card-spacious.ids-card-clickable:focus{outline-width:var(--ids-comp-card-focused-outline-outline-spacious)}.ids-card.ids-card-spacious .ids-card-header-headline{gap:var(--ids-comp-card-header-headline-gap-spacious);padding:var(--ids-comp-card-header-headline-padding-y-spacious) var(--ids-comp-card-header-headline-padding-x-spacious)}.ids-card.ids-card-spacious.ids-card-vertical .ids-card-section:not(.ids-card-media):first-child{padding-top:var(--ids-comp-card-slot-size-padding-top-spacious)}.ids-card.ids-card-spacious.ids-card-vertical .ids-card-section:not(.ids-card-media):last-child{padding-bottom:var(--ids-comp-card-slot-size-padding-bottom-spacious)}.ids-card.ids-card-spacious.ids-card-vertical .ids-card-section.ids-card-section-padded{padding-left:var(--ids-comp-card-slot-size-padding-x-spacious);padding-right:var(--ids-comp-card-slot-size-padding-x-spacious)}.ids-card.ids-card-spacious.ids-card-horizontal .ids-card-section:not(.ids-card-media):first-child{padding-left:var(--ids-comp-card-slot-size-padding-top-spacious)}.ids-card.ids-card-spacious.ids-card-horizontal .ids-card-section:not(.ids-card-media):last-child{padding-right:var(--ids-comp-card-slot-size-padding-bottom-spacious)}.ids-card.ids-card-spacious.ids-card-horizontal .ids-card-section.ids-card-section-padded{padding-top:var(--ids-comp-card-slot-size-padding-x-spacious);padding-bottom:var(--ids-comp-card-slot-size-padding-x-spacious)}.ids-card.ids-card-dense.ids-card-horizontal{padding:var(--ids-comp-card-container-horizontal-size-padding-y-dense) var(--ids-comp-card-container-horizontal-size-padding-x-dense);gap:var(--ids-comp-card-container-horizontal-size-gap-dense);border-radius:var(--ids-comp-card-container-horizontal-size-border-radius-dense)}.ids-card.ids-card-dense.ids-card-horizontal.ids-card-outlined{border-width:var(--ids-comp-card-container-horizontal-size-border-width-dense)}.ids-card.ids-card-dense.ids-card-vertical{padding:var(--ids-comp-card-container-vertical-size-padding-y-dense) var(--ids-comp-card-container-vertical-size-padding-x-dense);gap:var(--ids-comp-card-container-vertical-size-gap-dense);border-radius:var(--ids-comp-card-container-vertical-size-border-radius-dense)}.ids-card.ids-card-dense.ids-card-vertical.ids-card-outlined{border-width:var(--ids-comp-card-container-vertical-size-border-width-dense)}.ids-card.ids-card-dense.ids-card-clickable:focus{outline-width:var(--ids-comp-card-focused-outline-outline-dense)}.ids-card.ids-card-dense .ids-card-header-headline{gap:var(--ids-comp-card-header-headline-gap-dense);padding:var(--ids-comp-card-header-headline-padding-y-dense) var(--ids-comp-card-header-headline-padding-x-dense)}.ids-card.ids-card-dense.ids-card-vertical .ids-card-section:not(.ids-card-media):first-child{padding-top:var(--ids-comp-card-slot-size-padding-top-dense)}.ids-card.ids-card-dense.ids-card-vertical .ids-card-section:not(.ids-card-media):last-child{padding-bottom:var(--ids-comp-card-slot-size-padding-bottom-dense)}.ids-card.ids-card-dense.ids-card-vertical .ids-card-section.ids-card-section-padded{padding-left:var(--ids-comp-card-slot-size-padding-x-dense);padding-right:var(--ids-comp-card-slot-size-padding-x-dense)}.ids-card.ids-card-dense.ids-card-horizontal .ids-card-section:not(.ids-card-media):first-child{padding-left:var(--ids-comp-card-slot-size-padding-top-dense)}.ids-card.ids-card-dense.ids-card-horizontal .ids-card-section:not(.ids-card-media):last-child{padding-right:var(--ids-comp-card-slot-size-padding-bottom-dense)}.ids-card.ids-card-dense.ids-card-horizontal .ids-card-section.ids-card-section-padded{padding-top:var(--ids-comp-card-slot-size-padding-x-dense);padding-bottom:var(--ids-comp-card-slot-size-padding-x-dense)}.ids-card.ids-card-filled.ids-card-primary{background-color:var(--ids-comp-card-filled-color-bg-primary-default);border-color:var(--ids-comp-card-filled-color-border-primary-default)}.ids-card.ids-card-filled.ids-card-primary.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-primary-hovered);border-color:var(--ids-comp-card-filled-color-border-primary-hovered)}.ids-card.ids-card-filled.ids-card-primary.ids-card-clickable:focus,.ids-card.ids-card-filled.ids-card-primary.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-filled-color-bg-primary-focused);border-color:var(--ids-comp-card-filled-color-border-primary-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-filled.ids-card-primary.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-primary-pressed);border-color:var(--ids-comp-card-filled-color-border-primary-pressed)}.ids-card.ids-card-filled.ids-card-primary.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-primary-disabled);border-color:var(--ids-comp-card-filled-color-border-primary-disabled)}.ids-card.ids-card-filled.ids-card-secondary{background-color:var(--ids-comp-card-filled-color-bg-secondary-default);border-color:var(--ids-comp-card-filled-color-border-secondary-default)}.ids-card.ids-card-filled.ids-card-secondary.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-secondary-hovered);border-color:var(--ids-comp-card-filled-color-border-secondary-hovered)}.ids-card.ids-card-filled.ids-card-secondary.ids-card-clickable:focus,.ids-card.ids-card-filled.ids-card-secondary.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-filled-color-bg-secondary-focused);border-color:var(--ids-comp-card-filled-color-border-secondary-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-filled.ids-card-secondary.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-secondary-pressed);border-color:var(--ids-comp-card-filled-color-border-secondary-pressed)}.ids-card.ids-card-filled.ids-card-secondary.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-secondary-disabled);border-color:var(--ids-comp-card-filled-color-border-secondary-disabled)}.ids-card.ids-card-filled.ids-card-brand{background-color:var(--ids-comp-card-filled-color-bg-brand-default);border-color:var(--ids-comp-card-filled-color-border-brand-default)}.ids-card.ids-card-filled.ids-card-brand.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-brand-hovered);border-color:var(--ids-comp-card-filled-color-border-brand-hovered)}.ids-card.ids-card-filled.ids-card-brand.ids-card-clickable:focus,.ids-card.ids-card-filled.ids-card-brand.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-filled-color-bg-brand-focused);border-color:var(--ids-comp-card-filled-color-border-brand-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-filled.ids-card-brand.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-brand-pressed);border-color:var(--ids-comp-card-filled-color-border-brand-pressed)}.ids-card.ids-card-filled.ids-card-brand.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-brand-disabled);border-color:var(--ids-comp-card-filled-color-border-brand-disabled)}.ids-card.ids-card-filled.ids-card-error{background-color:var(--ids-comp-card-filled-color-bg-error-default);border-color:var(--ids-comp-card-filled-color-border-error-default)}.ids-card.ids-card-filled.ids-card-error.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-error-hovered);border-color:var(--ids-comp-card-filled-color-border-error-hovered)}.ids-card.ids-card-filled.ids-card-error.ids-card-clickable:focus,.ids-card.ids-card-filled.ids-card-error.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-filled-color-bg-error-focused);border-color:var(--ids-comp-card-filled-color-border-error-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-filled.ids-card-error.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-error-pressed);border-color:var(--ids-comp-card-filled-color-border-error-pressed)}.ids-card.ids-card-filled.ids-card-success{background-color:var(--ids-comp-card-filled-color-bg-success-default);border-color:var(--ids-comp-card-filled-color-border-success-default)}.ids-card.ids-card-filled.ids-card-success.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-success-hovered);border-color:var(--ids-comp-card-filled-color-border-success-hovered)}.ids-card.ids-card-filled.ids-card-success.ids-card-clickable:focus,.ids-card.ids-card-filled.ids-card-success.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-filled-color-bg-success-focused);border-color:var(--ids-comp-card-filled-color-border-success-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-filled.ids-card-success.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-success-pressed);border-color:var(--ids-comp-card-filled-color-border-success-pressed)}.ids-card.ids-card-filled.ids-card-warning{background-color:var(--ids-comp-card-filled-color-bg-warning-default);border-color:var(--ids-comp-card-filled-color-border-warning-default)}.ids-card.ids-card-filled.ids-card-warning.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-warning-hovered);border-color:var(--ids-comp-card-filled-color-border-warning-hovered)}.ids-card.ids-card-filled.ids-card-warning.ids-card-clickable:focus,.ids-card.ids-card-filled.ids-card-warning.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-filled-color-bg-warning-focused);border-color:var(--ids-comp-card-filled-color-border-warning-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-filled.ids-card-warning.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-warning-pressed);border-color:var(--ids-comp-card-filled-color-border-warning-pressed)}.ids-card.ids-card-filled.ids-card-info{background-color:var(--ids-comp-card-filled-color-bg-info-default);border-color:var(--ids-comp-card-filled-color-border-info-default)}.ids-card.ids-card-filled.ids-card-info.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-info-hovered);border-color:var(--ids-comp-card-filled-color-border-info-hovered)}.ids-card.ids-card-filled.ids-card-info.ids-card-clickable:focus,.ids-card.ids-card-filled.ids-card-info.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-filled-color-bg-info-focused);border-color:var(--ids-comp-card-filled-color-border-info-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-filled.ids-card-info.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-info-pressed);border-color:var(--ids-comp-card-filled-color-border-info-pressed)}.ids-card.ids-card-filled.ids-card-light{background-color:var(--ids-comp-card-filled-color-bg-light-default);border-color:var(--ids-comp-card-filled-color-border-light-default)}.ids-card.ids-card-filled.ids-card-light.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-light-hovered);border-color:var(--ids-comp-card-filled-color-border-light-hovered)}.ids-card.ids-card-filled.ids-card-light.ids-card-clickable:focus,.ids-card.ids-card-filled.ids-card-light.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-filled-color-bg-light-focused);border-color:var(--ids-comp-card-filled-color-border-light-focused);outline-color:var(--ids-comp-card-focused-outline-color-light-focused)}.ids-card.ids-card-filled.ids-card-light.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-light-pressed);border-color:var(--ids-comp-card-filled-color-border-light-pressed)}.ids-card.ids-card-filled.ids-card-light.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-light-disabled);border-color:var(--ids-comp-card-filled-color-border-light-disabled)}.ids-card.ids-card-filled.ids-card-dark{background-color:var(--ids-comp-card-filled-color-bg-dark-default);border-color:var(--ids-comp-card-filled-color-border-dark-default)}.ids-card.ids-card-filled.ids-card-dark.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-dark-hovered);border-color:var(--ids-comp-card-filled-color-border-dark-hovered)}.ids-card.ids-card-filled.ids-card-dark.ids-card-clickable:focus,.ids-card.ids-card-filled.ids-card-dark.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-filled-color-bg-dark-focused);border-color:var(--ids-comp-card-filled-color-border-dark-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-filled.ids-card-dark.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-dark-pressed);border-color:var(--ids-comp-card-filled-color-border-dark-pressed)}.ids-card.ids-card-filled.ids-card-dark.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-dark-disabled);border-color:var(--ids-comp-card-filled-color-border-dark-disabled)}.ids-card.ids-card-filled.ids-card-surface{background-color:var(--ids-comp-card-filled-color-bg-surface-default);border-color:var(--ids-comp-card-filled-color-border-surface-default)}.ids-card.ids-card-filled.ids-card-surface.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-surface-hovered);border-color:var(--ids-comp-card-filled-color-border-surface-hovered)}.ids-card.ids-card-filled.ids-card-surface.ids-card-clickable:focus,.ids-card.ids-card-filled.ids-card-surface.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-filled-color-bg-surface-focused);border-color:var(--ids-comp-card-filled-color-border-surface-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-filled.ids-card-surface.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-surface-pressed);border-color:var(--ids-comp-card-filled-color-border-surface-pressed)}.ids-card.ids-card-filled.ids-card-surface.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-surface-disabled);border-color:var(--ids-comp-card-filled-color-border-surface-disabled)}.ids-card.ids-card-outlined.ids-card-primary{background-color:var(--ids-comp-card-outlined-color-bg-primary-default);border-color:var(--ids-comp-card-outlined-color-border-primary-default)}.ids-card.ids-card-outlined.ids-card-primary.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-primary-hovered);border-color:var(--ids-comp-card-outlined-color-border-primary-hovered)}.ids-card.ids-card-outlined.ids-card-primary.ids-card-clickable:focus,.ids-card.ids-card-outlined.ids-card-primary.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-outlined-color-bg-primary-focused);border-color:var(--ids-comp-card-outlined-color-border-primary-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-outlined.ids-card-primary.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-primary-pressed);border-color:var(--ids-comp-card-outlined-color-border-primary-pressed)}.ids-card.ids-card-outlined.ids-card-primary.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-primary-disabled);border-color:var(--ids-comp-card-outlined-color-border-primary-disabled)}.ids-card.ids-card-outlined.ids-card-secondary{background-color:var(--ids-comp-card-outlined-color-bg-secondary-default);border-color:var(--ids-comp-card-outlined-color-border-secondary-default)}.ids-card.ids-card-outlined.ids-card-secondary.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-secondary-hovered);border-color:var(--ids-comp-card-outlined-color-border-secondary-hovered)}.ids-card.ids-card-outlined.ids-card-secondary.ids-card-clickable:focus,.ids-card.ids-card-outlined.ids-card-secondary.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-outlined-color-bg-secondary-focused);border-color:var(--ids-comp-card-outlined-color-border-secondary-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-outlined.ids-card-secondary.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-secondary-pressed);border-color:var(--ids-comp-card-outlined-color-border-secondary-pressed)}.ids-card.ids-card-outlined.ids-card-secondary.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-secondary-disabled);border-color:var(--ids-comp-card-outlined-color-border-secondary-disabled)}.ids-card.ids-card-outlined.ids-card-brand{background-color:var(--ids-comp-card-outlined-color-bg-brand-default);border-color:var(--ids-comp-card-outlined-color-border-brand-default)}.ids-card.ids-card-outlined.ids-card-brand.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-brand-hovered);border-color:var(--ids-comp-card-outlined-color-border-brand-hovered)}.ids-card.ids-card-outlined.ids-card-brand.ids-card-clickable:focus,.ids-card.ids-card-outlined.ids-card-brand.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-outlined-color-bg-brand-focused);border-color:var(--ids-comp-card-outlined-color-border-brand-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-outlined.ids-card-brand.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-brand-pressed);border-color:var(--ids-comp-card-outlined-color-border-brand-pressed)}.ids-card.ids-card-outlined.ids-card-brand.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-brand-disabled);border-color:var(--ids-comp-card-outlined-color-border-brand-disabled)}.ids-card.ids-card-outlined.ids-card-error{background-color:var(--ids-comp-card-outlined-color-bg-error-default);border-color:var(--ids-comp-card-outlined-color-border-error-default)}.ids-card.ids-card-outlined.ids-card-error.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-error-hovered);border-color:var(--ids-comp-card-outlined-color-border-error-hovered)}.ids-card.ids-card-outlined.ids-card-error.ids-card-clickable:focus,.ids-card.ids-card-outlined.ids-card-error.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-outlined-color-bg-error-focused);border-color:var(--ids-comp-card-outlined-color-border-error-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-outlined.ids-card-error.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-error-pressed);border-color:var(--ids-comp-card-outlined-color-border-error-pressed)}.ids-card.ids-card-outlined.ids-card-success{background-color:var(--ids-comp-card-outlined-color-bg-success-default);border-color:var(--ids-comp-card-outlined-color-border-success-default)}.ids-card.ids-card-outlined.ids-card-success.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-success-hovered);border-color:var(--ids-comp-card-outlined-color-border-success-hovered)}.ids-card.ids-card-outlined.ids-card-success.ids-card-clickable:focus,.ids-card.ids-card-outlined.ids-card-success.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-outlined-color-bg-success-focused);border-color:var(--ids-comp-card-outlined-color-border-success-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-outlined.ids-card-success.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-success-pressed);border-color:var(--ids-comp-card-outlined-color-border-success-pressed)}.ids-card.ids-card-outlined.ids-card-warning{background-color:var(--ids-comp-card-outlined-color-bg-warning-default);border-color:var(--ids-comp-card-outlined-color-border-warning-default)}.ids-card.ids-card-outlined.ids-card-warning.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-warning-hovered);border-color:var(--ids-comp-card-outlined-color-border-warning-hovered)}.ids-card.ids-card-outlined.ids-card-warning.ids-card-clickable:focus,.ids-card.ids-card-outlined.ids-card-warning.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-outlined-color-bg-warning-focused);border-color:var(--ids-comp-card-outlined-color-border-warning-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-outlined.ids-card-warning.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-warning-pressed);border-color:var(--ids-comp-card-outlined-color-border-warning-pressed)}.ids-card.ids-card-outlined.ids-card-info{background-color:var(--ids-comp-card-outlined-color-bg-info-default);border-color:var(--ids-comp-card-outlined-color-border-info-default)}.ids-card.ids-card-outlined.ids-card-info.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-info-hovered);border-color:var(--ids-comp-card-outlined-color-border-info-hovered)}.ids-card.ids-card-outlined.ids-card-info.ids-card-clickable:focus,.ids-card.ids-card-outlined.ids-card-info.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-outlined-color-bg-info-focused);border-color:var(--ids-comp-card-outlined-color-border-info-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-outlined.ids-card-info.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-info-pressed);border-color:var(--ids-comp-card-outlined-color-border-info-pressed)}.ids-card.ids-card-outlined.ids-card-light{background-color:var(--ids-comp-card-outlined-color-bg-light-default);border-color:var(--ids-comp-card-outlined-color-border-light-default)}.ids-card.ids-card-outlined.ids-card-light.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-light-hovered);border-color:var(--ids-comp-card-outlined-color-border-light-hovered)}.ids-card.ids-card-outlined.ids-card-light.ids-card-clickable:focus,.ids-card.ids-card-outlined.ids-card-light.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-outlined-color-bg-light-focused);border-color:var(--ids-comp-card-outlined-color-border-light-focused);outline-color:var(--ids-comp-card-focused-outline-color-light-focused)}.ids-card.ids-card-outlined.ids-card-light.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-light-pressed);border-color:var(--ids-comp-card-outlined-color-border-light-pressed)}.ids-card.ids-card-outlined.ids-card-light.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-light-disabled);border-color:var(--ids-comp-card-outlined-color-border-light-disabled)}.ids-card.ids-card-outlined.ids-card-dark{background-color:var(--ids-comp-card-outlined-color-bg-dark-default);border-color:var(--ids-comp-card-outlined-color-border-dark-default)}.ids-card.ids-card-outlined.ids-card-dark.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-dark-hovered);border-color:var(--ids-comp-card-outlined-color-border-dark-hovered)}.ids-card.ids-card-outlined.ids-card-dark.ids-card-clickable:focus,.ids-card.ids-card-outlined.ids-card-dark.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-outlined-color-bg-dark-focused);border-color:var(--ids-comp-card-outlined-color-border-dark-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-outlined.ids-card-dark.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-dark-pressed);border-color:var(--ids-comp-card-outlined-color-border-dark-pressed)}.ids-card.ids-card-outlined.ids-card-dark.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-dark-disabled);border-color:var(--ids-comp-card-outlined-color-border-dark-disabled)}.ids-card.ids-card-outlined.ids-card-surface{background-color:var(--ids-comp-card-outlined-color-bg-surface-default);border-color:var(--ids-comp-card-outlined-color-border-surface-default)}.ids-card.ids-card-outlined.ids-card-surface.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-surface-hovered);border-color:var(--ids-comp-card-outlined-color-border-surface-hovered)}.ids-card.ids-card-outlined.ids-card-surface.ids-card-clickable:focus,.ids-card.ids-card-outlined.ids-card-surface.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-outlined-color-bg-surface-focused);border-color:var(--ids-comp-card-outlined-color-border-surface-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-outlined.ids-card-surface.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-surface-pressed);border-color:var(--ids-comp-card-outlined-color-border-surface-pressed)}.ids-card.ids-card-outlined.ids-card-surface.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-surface-disabled);border-color:var(--ids-comp-card-outlined-color-border-surface-disabled)}.ids-card.ids-card-elevated.ids-card-primary{background-color:var(--ids-comp-card-elevated-color-bg-primary-default);border-color:var(--ids-comp-card-elevated-color-border-primary-default)}.ids-card.ids-card-elevated.ids-card-primary.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-primary-hovered);border-color:var(--ids-comp-card-elevated-color-border-primary-hovered)}.ids-card.ids-card-elevated.ids-card-primary.ids-card-clickable:focus,.ids-card.ids-card-elevated.ids-card-primary.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-elevated-color-bg-primary-focused);border-color:var(--ids-comp-card-elevated-color-border-primary-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-elevated.ids-card-primary.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-primary-pressed);border-color:var(--ids-comp-card-elevated-color-border-primary-pressed)}.ids-card.ids-card-elevated.ids-card-primary.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-primary-disabled);border-color:var(--ids-comp-card-elevated-color-border-primary-disabled)}.ids-card.ids-card-elevated.ids-card-secondary{background-color:var(--ids-comp-card-elevated-color-bg-secondary-default);border-color:var(--ids-comp-card-elevated-color-border-secondary-default)}.ids-card.ids-card-elevated.ids-card-secondary.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-secondary-hovered);border-color:var(--ids-comp-card-elevated-color-border-secondary-hovered)}.ids-card.ids-card-elevated.ids-card-secondary.ids-card-clickable:focus,.ids-card.ids-card-elevated.ids-card-secondary.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-elevated-color-bg-secondary-focused);border-color:var(--ids-comp-card-elevated-color-border-secondary-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-elevated.ids-card-secondary.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-secondary-pressed);border-color:var(--ids-comp-card-elevated-color-border-secondary-pressed)}.ids-card.ids-card-elevated.ids-card-secondary.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-secondary-disabled);border-color:var(--ids-comp-card-elevated-color-border-secondary-disabled)}.ids-card.ids-card-elevated.ids-card-brand{background-color:var(--ids-comp-card-elevated-color-bg-brand-default);border-color:var(--ids-comp-card-elevated-color-border-brand-default)}.ids-card.ids-card-elevated.ids-card-brand.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-brand-hovered);border-color:var(--ids-comp-card-elevated-color-border-brand-hovered)}.ids-card.ids-card-elevated.ids-card-brand.ids-card-clickable:focus,.ids-card.ids-card-elevated.ids-card-brand.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-elevated-color-bg-brand-focused);border-color:var(--ids-comp-card-elevated-color-border-brand-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-elevated.ids-card-brand.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-brand-pressed);border-color:var(--ids-comp-card-elevated-color-border-brand-pressed)}.ids-card.ids-card-elevated.ids-card-brand.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-brand-disabled);border-color:var(--ids-comp-card-elevated-color-border-brand-disabled)}.ids-card.ids-card-elevated.ids-card-error{background-color:var(--ids-comp-card-elevated-color-bg-error-default);border-color:var(--ids-comp-card-elevated-color-border-error-default)}.ids-card.ids-card-elevated.ids-card-error.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-error-hovered);border-color:var(--ids-comp-card-elevated-color-border-error-hovered)}.ids-card.ids-card-elevated.ids-card-error.ids-card-clickable:focus,.ids-card.ids-card-elevated.ids-card-error.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-elevated-color-bg-error-focused);border-color:var(--ids-comp-card-elevated-color-border-error-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-elevated.ids-card-error.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-error-pressed);border-color:var(--ids-comp-card-elevated-color-border-error-pressed)}.ids-card.ids-card-elevated.ids-card-success{background-color:var(--ids-comp-card-elevated-color-bg-success-default);border-color:var(--ids-comp-card-elevated-color-border-success-default)}.ids-card.ids-card-elevated.ids-card-success.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-success-hovered);border-color:var(--ids-comp-card-elevated-color-border-success-hovered)}.ids-card.ids-card-elevated.ids-card-success.ids-card-clickable:focus,.ids-card.ids-card-elevated.ids-card-success.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-elevated-color-bg-success-focused);border-color:var(--ids-comp-card-elevated-color-border-success-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-elevated.ids-card-success.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-success-pressed);border-color:var(--ids-comp-card-elevated-color-border-success-pressed)}.ids-card.ids-card-elevated.ids-card-warning{background-color:var(--ids-comp-card-elevated-color-bg-warning-default);border-color:var(--ids-comp-card-elevated-color-border-warning-default)}.ids-card.ids-card-elevated.ids-card-warning.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-warning-hovered);border-color:var(--ids-comp-card-elevated-color-border-warning-hovered)}.ids-card.ids-card-elevated.ids-card-warning.ids-card-clickable:focus,.ids-card.ids-card-elevated.ids-card-warning.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-elevated-color-bg-warning-focused);border-color:var(--ids-comp-card-elevated-color-border-warning-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-elevated.ids-card-warning.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-warning-pressed);border-color:var(--ids-comp-card-elevated-color-border-warning-pressed)}.ids-card.ids-card-elevated.ids-card-info{background-color:var(--ids-comp-card-elevated-color-bg-info-default);border-color:var(--ids-comp-card-elevated-color-border-info-default)}.ids-card.ids-card-elevated.ids-card-info.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-info-hovered);border-color:var(--ids-comp-card-elevated-color-border-info-hovered)}.ids-card.ids-card-elevated.ids-card-info.ids-card-clickable:focus,.ids-card.ids-card-elevated.ids-card-info.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-elevated-color-bg-info-focused);border-color:var(--ids-comp-card-elevated-color-border-info-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-elevated.ids-card-info.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-info-pressed);border-color:var(--ids-comp-card-elevated-color-border-info-pressed)}.ids-card.ids-card-elevated.ids-card-light{background-color:var(--ids-comp-card-elevated-color-bg-light-default);border-color:var(--ids-comp-card-elevated-color-border-light-default)}.ids-card.ids-card-elevated.ids-card-light.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-light-hovered);border-color:var(--ids-comp-card-elevated-color-border-light-hovered)}.ids-card.ids-card-elevated.ids-card-light.ids-card-clickable:focus,.ids-card.ids-card-elevated.ids-card-light.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-elevated-color-bg-light-focused);border-color:var(--ids-comp-card-elevated-color-border-light-focused);outline-color:var(--ids-comp-card-focused-outline-color-light-focused)}.ids-card.ids-card-elevated.ids-card-light.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-light-pressed);border-color:var(--ids-comp-card-elevated-color-border-light-pressed)}.ids-card.ids-card-elevated.ids-card-light.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-light-disabled);border-color:var(--ids-comp-card-elevated-color-border-light-disabled)}.ids-card.ids-card-elevated.ids-card-dark{background-color:var(--ids-comp-card-elevated-color-bg-dark-default);border-color:var(--ids-comp-card-elevated-color-border-dark-default)}.ids-card.ids-card-elevated.ids-card-dark.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-dark-hovered);border-color:var(--ids-comp-card-elevated-color-border-dark-hovered)}.ids-card.ids-card-elevated.ids-card-dark.ids-card-clickable:focus,.ids-card.ids-card-elevated.ids-card-dark.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-elevated-color-bg-dark-focused);border-color:var(--ids-comp-card-elevated-color-border-dark-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-elevated.ids-card-dark.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-dark-pressed);border-color:var(--ids-comp-card-elevated-color-border-dark-pressed)}.ids-card.ids-card-elevated.ids-card-dark.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-dark-disabled);border-color:var(--ids-comp-card-elevated-color-border-dark-disabled)}.ids-card.ids-card-elevated.ids-card-surface{background-color:var(--ids-comp-card-elevated-color-bg-surface-default);border-color:var(--ids-comp-card-elevated-color-border-surface-default)}.ids-card.ids-card-elevated.ids-card-surface.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-surface-hovered);border-color:var(--ids-comp-card-elevated-color-border-surface-hovered)}.ids-card.ids-card-elevated.ids-card-surface.ids-card-clickable:focus,.ids-card.ids-card-elevated.ids-card-surface.ids-card-clickable:focus-visible{background-color:var(--ids-comp-card-elevated-color-bg-surface-focused);border-color:var(--ids-comp-card-elevated-color-border-surface-focused);outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-elevated.ids-card-surface.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-surface-pressed);border-color:var(--ids-comp-card-elevated-color-border-surface-pressed)}.ids-card.ids-card-elevated.ids-card-surface.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-surface-disabled);border-color:var(--ids-comp-card-elevated-color-border-surface-disabled)}