@i-cell/ids-styles 0.0.33 → 0.0.34

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 (88) hide show
  1. package/dist/accordion/accordion.css +11 -0
  2. package/dist/accordion/accordion.min.css +1 -1
  3. package/dist/accordion/accordion.plugin.js +17 -1
  4. package/dist/avatar/avatar.css +11 -0
  5. package/dist/avatar/avatar.min.css +1 -1
  6. package/dist/avatar/avatar.plugin.js +11 -1
  7. package/dist/button/button-group.css +11 -0
  8. package/dist/button/button-group.min.css +1 -1
  9. package/dist/button/button-group.plugin.js +17 -1
  10. package/dist/button/button.css +11 -0
  11. package/dist/button/button.min.css +1 -1
  12. package/dist/button/button.plugin.js +11 -1
  13. package/dist/card/card.css +11 -0
  14. package/dist/card/card.min.css +1 -1
  15. package/dist/card/card.plugin.js +14 -1
  16. package/dist/checkbox/checkbox.css +11 -0
  17. package/dist/checkbox/checkbox.min.css +1 -1
  18. package/dist/checkbox/checkbox.plugin.js +16 -1
  19. package/dist/components.css +468 -94
  20. package/dist/components.min.css +1 -1
  21. package/dist/components.plugin.js +585 -168
  22. package/dist/dialog/dialog.css +15 -1
  23. package/dist/dialog/dialog.min.css +1 -1
  24. package/dist/dialog/dialog.plugin.js +16 -9
  25. package/dist/divider/divider.css +11 -0
  26. package/dist/divider/divider.min.css +1 -1
  27. package/dist/divider/divider.plugin.js +16 -1
  28. package/dist/form-elements/fieldset/fieldset.css +11 -0
  29. package/dist/form-elements/fieldset/fieldset.min.css +1 -1
  30. package/dist/form-elements/fieldset/fieldset.plugin.js +10 -2
  31. package/dist/form-elements/form-field/form-field.css +11 -0
  32. package/dist/form-elements/form-field/form-field.min.css +1 -1
  33. package/dist/form-elements/form-field/form-field.plugin.js +16 -1
  34. package/dist/form-elements/message/message.css +11 -0
  35. package/dist/form-elements/message/message.min.css +1 -1
  36. package/dist/form-elements/message/message.plugin.js +17 -1
  37. package/dist/icon/icon.css +11 -0
  38. package/dist/icon/icon.min.css +1 -1
  39. package/dist/icon/icon.plugin.js +11 -0
  40. package/dist/icon-button/icon-button.css +11 -0
  41. package/dist/icon-button/icon-button.min.css +1 -1
  42. package/dist/icon-button/icon-button.plugin.js +11 -1
  43. package/dist/menu-item/menu-item.css +85 -0
  44. package/dist/menu-item/menu-item.min.css +1 -1
  45. package/dist/menu-item/menu-item.plugin.js +91 -1
  46. package/dist/notification/notification.css +13 -0
  47. package/dist/notification/notification.min.css +1 -1
  48. package/dist/notification/notification.plugin.js +13 -0
  49. package/dist/overlay-panel/overlay-panel.css +11 -0
  50. package/dist/overlay-panel/overlay-panel.min.css +1 -1
  51. package/dist/overlay-panel/overlay-panel.plugin.js +16 -1
  52. package/dist/paginator/paginator.css +11 -0
  53. package/dist/paginator/paginator.min.css +1 -1
  54. package/dist/paginator/paginator.plugin.js +14 -1
  55. package/dist/radio/radio.css +11 -0
  56. package/dist/radio/radio.min.css +1 -1
  57. package/dist/radio/radio.plugin.js +16 -1
  58. package/dist/reset.css +0 -0
  59. package/dist/reset.min.css +0 -0
  60. package/dist/reset.plugin.js +8 -0
  61. package/dist/segmented-control/segmented-control.css +11 -0
  62. package/dist/segmented-control/segmented-control.min.css +1 -1
  63. package/dist/segmented-control/segmented-control.plugin.js +13 -1
  64. package/dist/segmented-control-toggle/segmented-control-toggle.css +11 -0
  65. package/dist/segmented-control-toggle/segmented-control-toggle.min.css +1 -1
  66. package/dist/segmented-control-toggle/segmented-control-toggle.plugin.js +13 -1
  67. package/dist/select/select.css +11 -0
  68. package/dist/select/select.min.css +1 -1
  69. package/dist/select/select.plugin.js +14 -1
  70. package/dist/snackbar/snackbar.css +11 -0
  71. package/dist/snackbar/snackbar.min.css +1 -1
  72. package/dist/snackbar/snackbar.plugin.js +10 -1
  73. package/dist/switch/switch.css +11 -0
  74. package/dist/switch/switch.min.css +1 -1
  75. package/dist/switch/switch.plugin.js +15 -1
  76. package/dist/tab/tab.css +102 -92
  77. package/dist/tab/tab.min.css +1 -1
  78. package/dist/tab/tab.plugin.js +141 -135
  79. package/dist/table/table.css +11 -1
  80. package/dist/table/table.min.css +1 -1
  81. package/dist/table/table.plugin.js +16 -1
  82. package/dist/tag/tag.css +11 -0
  83. package/dist/tag/tag.min.css +1 -1
  84. package/dist/tag/tag.plugin.js +16 -1
  85. package/dist/tooltip/tooltip.css +11 -0
  86. package/dist/tooltip/tooltip.min.css +1 -1
  87. package/dist/tooltip/tooltip.plugin.js +14 -1
  88. package/package.json +1 -1
package/dist/button/button.min.css CHANGED
@@ -1 +1 @@
1
- .ids-button{flex-shrink:0;width:fit-content;align-items:center;display:inline-flex;justify-content:center;border-style:solid}.ids-button:focus,.ids-button:focus-visible{outline-offset:2px;outline-style:solid}.ids-button:active{outline-style:none}.ids-button:not(:disabled){cursor:pointer}.ids-button:disabled{cursor:not-allowed}.ids-button>.ids-icon{flex-shrink:0}.ids-button.ids-button-compact{gap:var(--ids-comp-button-size-gap-compact);height:var(--ids-comp-button-size-height-compact);min-width:var(--ids-comp-button-size-min-width-compact);padding:var(--ids-comp-button-size-padding-y-compact) var(--ids-comp-button-size-padding-x-compact);border-radius:var(--ids-comp-button-size-border-radius-compact);border-width:var(--ids-comp-button-size-border-width-compact)}.ids-button.ids-button-compact:focus{outline-width:var(--ids-comp-button-focused-outline-size-outline-compact)}.ids-button.ids-button-compact>.ids-button-label{font-family:var(--ids-comp-button-label-typography-font-family-compact);font-size:var(--ids-comp-button-label-typography-font-size-compact);font-weight:var(--ids-comp-button-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-button-label-typography-letter-spacing-compact);line-height:var(--ids-comp-button-label-typography-line-height-compact)}.ids-button.ids-button-compact>.ids-icon{width:var(--ids-comp-button-size-icon-compact);height:var(--ids-comp-button-size-icon-compact);font-size:var(--ids-comp-button-icon-typography-font-size-compact);font-weight:var(--ids-comp-button-icon-typography-font-weight-compact);line-height:var(--ids-comp-button-icon-typography-line-height-compact)}.ids-button.ids-button-comfortable{gap:var(--ids-comp-button-size-gap-comfortable);height:var(--ids-comp-button-size-height-comfortable);min-width:var(--ids-comp-button-size-min-width-comfortable);padding:var(--ids-comp-button-size-padding-y-comfortable) var(--ids-comp-button-size-padding-x-comfortable);border-radius:var(--ids-comp-button-size-border-radius-comfortable);border-width:var(--ids-comp-button-size-border-width-comfortable)}.ids-button.ids-button-comfortable:focus{outline-width:var(--ids-comp-button-focused-outline-size-outline-comfortable)}.ids-button.ids-button-comfortable>.ids-button-label{font-family:var(--ids-comp-button-label-typography-font-family-comfortable);font-size:var(--ids-comp-button-label-typography-font-size-comfortable);font-weight:var(--ids-comp-button-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-button-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-button-label-typography-line-height-comfortable)}.ids-button.ids-button-comfortable>.ids-icon{width:var(--ids-comp-button-size-icon-comfortable);height:var(--ids-comp-button-size-icon-comfortable);font-size:var(--ids-comp-button-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-button-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-button-icon-typography-line-height-comfortable)}.ids-button.ids-button-spacious{gap:var(--ids-comp-button-size-gap-spacious);height:var(--ids-comp-button-size-height-spacious);min-width:var(--ids-comp-button-size-min-width-spacious);padding:var(--ids-comp-button-size-padding-y-spacious) var(--ids-comp-button-size-padding-x-spacious);border-radius:var(--ids-comp-button-size-border-radius-spacious);border-width:var(--ids-comp-button-size-border-width-spacious)}.ids-button.ids-button-spacious:focus{outline-width:var(--ids-comp-button-focused-outline-size-outline-spacious)}.ids-button.ids-button-spacious>.ids-button-label{font-family:var(--ids-comp-button-label-typography-font-family-spacious);font-size:var(--ids-comp-button-label-typography-font-size-spacious);font-weight:var(--ids-comp-button-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-button-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-button-label-typography-line-height-spacious)}.ids-button.ids-button-spacious>.ids-icon{width:var(--ids-comp-button-size-icon-spacious);height:var(--ids-comp-button-size-icon-spacious);font-size:var(--ids-comp-button-icon-typography-font-size-spacious);font-weight:var(--ids-comp-button-icon-typography-font-weight-spacious);line-height:var(--ids-comp-button-icon-typography-line-height-spacious)}.ids-button.ids-button-dense{gap:var(--ids-comp-button-size-gap-dense);height:var(--ids-comp-button-size-height-dense);min-width:var(--ids-comp-button-size-min-width-dense);padding:var(--ids-comp-button-size-padding-y-dense) var(--ids-comp-button-size-padding-x-dense);border-radius:var(--ids-comp-button-size-border-radius-dense);border-width:var(--ids-comp-button-size-border-width-dense)}.ids-button.ids-button-dense:focus{outline-width:var(--ids-comp-button-focused-outline-size-outline-dense)}.ids-button.ids-button-dense>.ids-button-label{font-family:var(--ids-comp-button-label-typography-font-family-dense);font-size:var(--ids-comp-button-label-typography-font-size-dense);font-weight:var(--ids-comp-button-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-button-label-typography-letter-spacing-dense);line-height:var(--ids-comp-button-label-typography-line-height-dense)}.ids-button.ids-button-dense>.ids-icon{width:var(--ids-comp-button-size-icon-dense);height:var(--ids-comp-button-size-icon-dense);font-size:var(--ids-comp-button-icon-typography-font-size-dense);font-weight:var(--ids-comp-button-icon-typography-font-weight-dense);line-height:var(--ids-comp-button-icon-typography-line-height-dense)}.ids-button.ids-button-filled.ids-button-primary{color:var(--ids-comp-button-filled-color-fg-label-primary-default);background:var(--ids-comp-button-filled-color-bg-primary-default);border-color:var(--ids-comp-button-filled-color-border-primary-default)}.ids-button.ids-button-filled.ids-button-primary>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-default)}.ids-button.ids-button-filled.ids-button-primary:hover{color:var(--ids-comp-button-filled-color-fg-label-primary-hovered);background:var(--ids-comp-button-filled-color-bg-primary-hovered);border-color:var(--ids-comp-button-filled-color-border-primary-hovered)}.ids-button.ids-button-filled.ids-button-primary:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-hovered)}.ids-button.ids-button-filled.ids-button-primary:focus,.ids-button.ids-button-filled.ids-button-primary:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-primary-focused);background:var(--ids-comp-button-filled-color-bg-primary-focused);border-color:var(--ids-comp-button-filled-color-border-primary-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-primary:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-primary:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-focused)}.ids-button.ids-button-filled.ids-button-primary:active{color:var(--ids-comp-button-filled-color-fg-label-primary-pressed);background:var(--ids-comp-button-filled-color-bg-primary-pressed);border-color:var(--ids-comp-button-filled-color-border-primary-pressed)}.ids-button.ids-button-filled.ids-button-primary:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-pressed)}.ids-button.ids-button-filled.ids-button-primary:disabled{color:var(--ids-comp-button-filled-color-fg-label-primary-disabled);background:var(--ids-comp-button-filled-color-bg-primary-disabled);border-color:var(--ids-comp-button-filled-color-border-primary-disabled)}.ids-button.ids-button-filled.ids-button-primary:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-disabled)}.ids-button.ids-button-filled.ids-button-secondary{color:var(--ids-comp-button-filled-color-fg-label-secondary-default);background:var(--ids-comp-button-filled-color-bg-secondary-default);border-color:var(--ids-comp-button-filled-color-border-secondary-default)}.ids-button.ids-button-filled.ids-button-secondary>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-default)}.ids-button.ids-button-filled.ids-button-secondary:hover{color:var(--ids-comp-button-filled-color-fg-label-secondary-hovered);background:var(--ids-comp-button-filled-color-bg-secondary-hovered);border-color:var(--ids-comp-button-filled-color-border-secondary-hovered)}.ids-button.ids-button-filled.ids-button-secondary:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-hovered)}.ids-button.ids-button-filled.ids-button-secondary:focus,.ids-button.ids-button-filled.ids-button-secondary:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-secondary-focused);background:var(--ids-comp-button-filled-color-bg-secondary-focused);border-color:var(--ids-comp-button-filled-color-border-secondary-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-secondary:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-secondary:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-focused)}.ids-button.ids-button-filled.ids-button-secondary:active{color:var(--ids-comp-button-filled-color-fg-label-secondary-pressed);background:var(--ids-comp-button-filled-color-bg-secondary-pressed);border-color:var(--ids-comp-button-filled-color-border-secondary-pressed)}.ids-button.ids-button-filled.ids-button-secondary:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-pressed)}.ids-button.ids-button-filled.ids-button-secondary:disabled{color:var(--ids-comp-button-filled-color-fg-label-secondary-disabled);background:var(--ids-comp-button-filled-color-bg-secondary-disabled);border-color:var(--ids-comp-button-filled-color-border-secondary-disabled)}.ids-button.ids-button-filled.ids-button-secondary:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-disabled)}.ids-button.ids-button-filled.ids-button-brand{color:var(--ids-comp-button-filled-color-fg-label-brand-default);background:var(--ids-comp-button-filled-color-bg-brand-default);border-color:var(--ids-comp-button-filled-color-border-brand-default)}.ids-button.ids-button-filled.ids-button-brand>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-default)}.ids-button.ids-button-filled.ids-button-brand:hover{color:var(--ids-comp-button-filled-color-fg-label-brand-hovered);background:var(--ids-comp-button-filled-color-bg-brand-hovered);border-color:var(--ids-comp-button-filled-color-border-brand-hovered)}.ids-button.ids-button-filled.ids-button-brand:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-hovered)}.ids-button.ids-button-filled.ids-button-brand:focus,.ids-button.ids-button-filled.ids-button-brand:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-brand-focused);background:var(--ids-comp-button-filled-color-bg-brand-focused);border-color:var(--ids-comp-button-filled-color-border-brand-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-brand:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-brand:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-focused)}.ids-button.ids-button-filled.ids-button-brand:active{color:var(--ids-comp-button-filled-color-fg-label-brand-pressed);background:var(--ids-comp-button-filled-color-bg-brand-pressed);border-color:var(--ids-comp-button-filled-color-border-brand-pressed)}.ids-button.ids-button-filled.ids-button-brand:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-pressed)}.ids-button.ids-button-filled.ids-button-brand:disabled{color:var(--ids-comp-button-filled-color-fg-label-brand-disabled);background:var(--ids-comp-button-filled-color-bg-brand-disabled);border-color:var(--ids-comp-button-filled-color-border-brand-disabled)}.ids-button.ids-button-filled.ids-button-brand:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-disabled)}.ids-button.ids-button-filled.ids-button-error{color:var(--ids-comp-button-filled-color-fg-label-error-default);background:var(--ids-comp-button-filled-color-bg-error-default);border-color:var(--ids-comp-button-filled-color-border-error-default)}.ids-button.ids-button-filled.ids-button-error>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-error-default)}.ids-button.ids-button-filled.ids-button-error:hover{color:var(--ids-comp-button-filled-color-fg-label-error-hovered);background:var(--ids-comp-button-filled-color-bg-error-hovered);border-color:var(--ids-comp-button-filled-color-border-error-hovered)}.ids-button.ids-button-filled.ids-button-error:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-error-hovered)}.ids-button.ids-button-filled.ids-button-error:focus,.ids-button.ids-button-filled.ids-button-error:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-error-focused);background:var(--ids-comp-button-filled-color-bg-error-focused);border-color:var(--ids-comp-button-filled-color-border-error-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-error:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-error:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-error-focused)}.ids-button.ids-button-filled.ids-button-error:active{color:var(--ids-comp-button-filled-color-fg-label-error-pressed);background:var(--ids-comp-button-filled-color-bg-error-pressed);border-color:var(--ids-comp-button-filled-color-border-error-pressed)}.ids-button.ids-button-filled.ids-button-error:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-error-pressed)}.ids-button.ids-button-filled.ids-button-success{color:var(--ids-comp-button-filled-color-fg-label-success-default);background:var(--ids-comp-button-filled-color-bg-success-default);border-color:var(--ids-comp-button-filled-color-border-success-default)}.ids-button.ids-button-filled.ids-button-success>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-success-default)}.ids-button.ids-button-filled.ids-button-success:hover{color:var(--ids-comp-button-filled-color-fg-label-success-hovered);background:var(--ids-comp-button-filled-color-bg-success-hovered);border-color:var(--ids-comp-button-filled-color-border-success-hovered)}.ids-button.ids-button-filled.ids-button-success:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-success-hovered)}.ids-button.ids-button-filled.ids-button-success:focus,.ids-button.ids-button-filled.ids-button-success:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-success-focused);background:var(--ids-comp-button-filled-color-bg-success-focused);border-color:var(--ids-comp-button-filled-color-border-success-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-success:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-success:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-success-focused)}.ids-button.ids-button-filled.ids-button-success:active{color:var(--ids-comp-button-filled-color-fg-label-success-pressed);background:var(--ids-comp-button-filled-color-bg-success-pressed);border-color:var(--ids-comp-button-filled-color-border-success-pressed)}.ids-button.ids-button-filled.ids-button-success:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-success-pressed)}.ids-button.ids-button-filled.ids-button-warning{color:var(--ids-comp-button-filled-color-fg-label-warning-default);background:var(--ids-comp-button-filled-color-bg-warning-default);border-color:var(--ids-comp-button-filled-color-border-warning-default)}.ids-button.ids-button-filled.ids-button-warning>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-warning-default)}.ids-button.ids-button-filled.ids-button-warning:hover{color:var(--ids-comp-button-filled-color-fg-label-warning-hovered);background:var(--ids-comp-button-filled-color-bg-warning-hovered);border-color:var(--ids-comp-button-filled-color-border-warning-hovered)}.ids-button.ids-button-filled.ids-button-warning:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-warning-hovered)}.ids-button.ids-button-filled.ids-button-warning:focus,.ids-button.ids-button-filled.ids-button-warning:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-warning-focused);background:var(--ids-comp-button-filled-color-bg-warning-focused);border-color:var(--ids-comp-button-filled-color-border-warning-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-warning:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-warning:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-warning-focused)}.ids-button.ids-button-filled.ids-button-warning:active{color:var(--ids-comp-button-filled-color-fg-label-warning-pressed);background:var(--ids-comp-button-filled-color-bg-warning-pressed);border-color:var(--ids-comp-button-filled-color-border-warning-pressed)}.ids-button.ids-button-filled.ids-button-warning:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-warning-pressed)}.ids-button.ids-button-filled.ids-button-light{color:var(--ids-comp-button-filled-color-fg-label-light-default);background:var(--ids-comp-button-filled-color-bg-light-default);border-color:var(--ids-comp-button-filled-color-border-light-default)}.ids-button.ids-button-filled.ids-button-light>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-default)}.ids-button.ids-button-filled.ids-button-light:hover{color:var(--ids-comp-button-filled-color-fg-label-light-hovered);background:var(--ids-comp-button-filled-color-bg-light-hovered);border-color:var(--ids-comp-button-filled-color-border-light-hovered)}.ids-button.ids-button-filled.ids-button-light:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-hovered)}.ids-button.ids-button-filled.ids-button-light:focus,.ids-button.ids-button-filled.ids-button-light:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-light-focused);background:var(--ids-comp-button-filled-color-bg-light-focused);border-color:var(--ids-comp-button-filled-color-border-light-focused);outline-color:var(--ids-comp-button-focused-outline-color-light-focused)}.ids-button.ids-button-filled.ids-button-light:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-light:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-focused)}.ids-button.ids-button-filled.ids-button-light:active{color:var(--ids-comp-button-filled-color-fg-label-light-pressed);background:var(--ids-comp-button-filled-color-bg-light-pressed);border-color:var(--ids-comp-button-filled-color-border-light-pressed)}.ids-button.ids-button-filled.ids-button-light:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-pressed)}.ids-button.ids-button-filled.ids-button-light:disabled{color:var(--ids-comp-button-filled-color-fg-label-light-disabled);background:var(--ids-comp-button-filled-color-bg-light-disabled);border-color:var(--ids-comp-button-filled-color-border-light-disabled)}.ids-button.ids-button-filled.ids-button-light:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-disabled)}.ids-button.ids-button-filled.ids-button-light-fixed{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-default);background:var(--ids-comp-button-filled-color-bg-light-fixed-default);border-color:var(--ids-comp-button-filled-color-border-light-fixed-default)}.ids-button.ids-button-filled.ids-button-light-fixed>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-default)}.ids-button.ids-button-filled.ids-button-light-fixed:hover{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-hovered);background:var(--ids-comp-button-filled-color-bg-light-fixed-hovered);border-color:var(--ids-comp-button-filled-color-border-light-fixed-hovered)}.ids-button.ids-button-filled.ids-button-light-fixed:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-hovered)}.ids-button.ids-button-filled.ids-button-light-fixed:focus,.ids-button.ids-button-filled.ids-button-light-fixed:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-focused);background:var(--ids-comp-button-filled-color-bg-light-fixed-focused);border-color:var(--ids-comp-button-filled-color-border-light-fixed-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-light-fixed:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-light-fixed:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-focused)}.ids-button.ids-button-filled.ids-button-light-fixed:active{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-pressed);background:var(--ids-comp-button-filled-color-bg-light-fixed-pressed);border-color:var(--ids-comp-button-filled-color-border-light-fixed-pressed)}.ids-button.ids-button-filled.ids-button-light-fixed:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-pressed)}.ids-button.ids-button-filled.ids-button-light-fixed:disabled{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-disabled);background:var(--ids-comp-button-filled-color-bg-light-fixed-disabled);border-color:var(--ids-comp-button-filled-color-border-light-fixed-disabled)}.ids-button.ids-button-filled.ids-button-light-fixed:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-disabled)}.ids-button.ids-button-filled.ids-button-dark{color:var(--ids-comp-button-filled-color-fg-label-dark-default);background:var(--ids-comp-button-filled-color-bg-dark-default);border-color:var(--ids-comp-button-filled-color-border-dark-default)}.ids-button.ids-button-filled.ids-button-dark>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-default)}.ids-button.ids-button-filled.ids-button-dark:hover{color:var(--ids-comp-button-filled-color-fg-label-dark-hovered);background:var(--ids-comp-button-filled-color-bg-dark-hovered);border-color:var(--ids-comp-button-filled-color-border-dark-hovered)}.ids-button.ids-button-filled.ids-button-dark:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-hovered)}.ids-button.ids-button-filled.ids-button-dark:focus,.ids-button.ids-button-filled.ids-button-dark:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-dark-focused);background:var(--ids-comp-button-filled-color-bg-dark-focused);border-color:var(--ids-comp-button-filled-color-border-dark-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-dark:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-dark:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-focused)}.ids-button.ids-button-filled.ids-button-dark:active{color:var(--ids-comp-button-filled-color-fg-label-dark-pressed);background:var(--ids-comp-button-filled-color-bg-dark-pressed);border-color:var(--ids-comp-button-filled-color-border-dark-pressed)}.ids-button.ids-button-filled.ids-button-dark:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-pressed)}.ids-button.ids-button-filled.ids-button-dark:disabled{color:var(--ids-comp-button-filled-color-fg-label-dark-disabled);background:var(--ids-comp-button-filled-color-bg-dark-disabled);border-color:var(--ids-comp-button-filled-color-border-dark-disabled)}.ids-button.ids-button-filled.ids-button-dark:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-disabled)}.ids-button.ids-button-filled.ids-button-surface{color:var(--ids-comp-button-filled-color-fg-label-surface-default);background:var(--ids-comp-button-filled-color-bg-surface-default);border-color:var(--ids-comp-button-filled-color-border-surface-default)}.ids-button.ids-button-filled.ids-button-surface>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-default)}.ids-button.ids-button-filled.ids-button-surface:hover{color:var(--ids-comp-button-filled-color-fg-label-surface-hovered);background:var(--ids-comp-button-filled-color-bg-surface-hovered);border-color:var(--ids-comp-button-filled-color-border-surface-hovered)}.ids-button.ids-button-filled.ids-button-surface:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-hovered)}.ids-button.ids-button-filled.ids-button-surface:focus,.ids-button.ids-button-filled.ids-button-surface:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-surface-focused);background:var(--ids-comp-button-filled-color-bg-surface-focused);border-color:var(--ids-comp-button-filled-color-border-surface-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-surface:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-surface:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-focused)}.ids-button.ids-button-filled.ids-button-surface:active{color:var(--ids-comp-button-filled-color-fg-label-surface-pressed);background:var(--ids-comp-button-filled-color-bg-surface-pressed);border-color:var(--ids-comp-button-filled-color-border-surface-pressed)}.ids-button.ids-button-filled.ids-button-surface:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-pressed)}.ids-button.ids-button-filled.ids-button-surface:disabled{color:var(--ids-comp-button-filled-color-fg-label-surface-disabled);background:var(--ids-comp-button-filled-color-bg-surface-disabled);border-color:var(--ids-comp-button-filled-color-border-surface-disabled)}.ids-button.ids-button-filled.ids-button-surface:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-disabled)}.ids-button.ids-button-outlined.ids-button-primary{color:var(--ids-comp-button-outlined-color-fg-label-primary-default);background:var(--ids-comp-button-outlined-color-bg-primary-default);border-color:var(--ids-comp-button-outlined-color-border-primary-default)}.ids-button.ids-button-outlined.ids-button-primary>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-default)}.ids-button.ids-button-outlined.ids-button-primary:hover{color:var(--ids-comp-button-outlined-color-fg-label-primary-hovered);background:var(--ids-comp-button-outlined-color-bg-primary-hovered);border-color:var(--ids-comp-button-outlined-color-border-primary-hovered)}.ids-button.ids-button-outlined.ids-button-primary:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-hovered)}.ids-button.ids-button-outlined.ids-button-primary:focus,.ids-button.ids-button-outlined.ids-button-primary:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-primary-focused);background:var(--ids-comp-button-outlined-color-bg-primary-focused);border-color:var(--ids-comp-button-outlined-color-border-primary-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-primary:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-primary:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-focused)}.ids-button.ids-button-outlined.ids-button-primary:active{color:var(--ids-comp-button-outlined-color-fg-label-primary-pressed);background:var(--ids-comp-button-outlined-color-bg-primary-pressed);border-color:var(--ids-comp-button-outlined-color-border-primary-pressed)}.ids-button.ids-button-outlined.ids-button-primary:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-pressed)}.ids-button.ids-button-outlined.ids-button-primary:disabled{color:var(--ids-comp-button-outlined-color-fg-label-primary-disabled);background:var(--ids-comp-button-outlined-color-bg-primary-disabled);border-color:var(--ids-comp-button-outlined-color-border-primary-disabled)}.ids-button.ids-button-outlined.ids-button-primary:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-disabled)}.ids-button.ids-button-outlined.ids-button-secondary{color:var(--ids-comp-button-outlined-color-fg-label-secondary-default);background:var(--ids-comp-button-outlined-color-bg-secondary-default);border-color:var(--ids-comp-button-outlined-color-border-secondary-default)}.ids-button.ids-button-outlined.ids-button-secondary>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-default)}.ids-button.ids-button-outlined.ids-button-secondary:hover{color:var(--ids-comp-button-outlined-color-fg-label-secondary-hovered);background:var(--ids-comp-button-outlined-color-bg-secondary-hovered);border-color:var(--ids-comp-button-outlined-color-border-secondary-hovered)}.ids-button.ids-button-outlined.ids-button-secondary:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-hovered)}.ids-button.ids-button-outlined.ids-button-secondary:focus,.ids-button.ids-button-outlined.ids-button-secondary:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-secondary-focused);background:var(--ids-comp-button-outlined-color-bg-secondary-focused);border-color:var(--ids-comp-button-outlined-color-border-secondary-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-secondary:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-secondary:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-focused)}.ids-button.ids-button-outlined.ids-button-secondary:active{color:var(--ids-comp-button-outlined-color-fg-label-secondary-pressed);background:var(--ids-comp-button-outlined-color-bg-secondary-pressed);border-color:var(--ids-comp-button-outlined-color-border-secondary-pressed)}.ids-button.ids-button-outlined.ids-button-secondary:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-pressed)}.ids-button.ids-button-outlined.ids-button-secondary:disabled{color:var(--ids-comp-button-outlined-color-fg-label-secondary-disabled);background:var(--ids-comp-button-outlined-color-bg-secondary-disabled);border-color:var(--ids-comp-button-outlined-color-border-secondary-disabled)}.ids-button.ids-button-outlined.ids-button-secondary:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-disabled)}.ids-button.ids-button-outlined.ids-button-brand{color:var(--ids-comp-button-outlined-color-fg-label-brand-default);background:var(--ids-comp-button-outlined-color-bg-brand-default);border-color:var(--ids-comp-button-outlined-color-border-brand-default)}.ids-button.ids-button-outlined.ids-button-brand>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-default)}.ids-button.ids-button-outlined.ids-button-brand:hover{color:var(--ids-comp-button-outlined-color-fg-label-brand-hovered);background:var(--ids-comp-button-outlined-color-bg-brand-hovered);border-color:var(--ids-comp-button-outlined-color-border-brand-hovered)}.ids-button.ids-button-outlined.ids-button-brand:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-hovered)}.ids-button.ids-button-outlined.ids-button-brand:focus,.ids-button.ids-button-outlined.ids-button-brand:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-brand-focused);background:var(--ids-comp-button-outlined-color-bg-brand-focused);border-color:var(--ids-comp-button-outlined-color-border-brand-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-brand:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-brand:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-focused)}.ids-button.ids-button-outlined.ids-button-brand:active{color:var(--ids-comp-button-outlined-color-fg-label-brand-pressed);background:var(--ids-comp-button-outlined-color-bg-brand-pressed);border-color:var(--ids-comp-button-outlined-color-border-brand-pressed)}.ids-button.ids-button-outlined.ids-button-brand:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-pressed)}.ids-button.ids-button-outlined.ids-button-brand:disabled{color:var(--ids-comp-button-outlined-color-fg-label-brand-disabled);background:var(--ids-comp-button-outlined-color-bg-brand-disabled);border-color:var(--ids-comp-button-outlined-color-border-brand-disabled)}.ids-button.ids-button-outlined.ids-button-brand:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-disabled)}.ids-button.ids-button-outlined.ids-button-error{color:var(--ids-comp-button-outlined-color-fg-label-error-default);background:var(--ids-comp-button-outlined-color-bg-error-default);border-color:var(--ids-comp-button-outlined-color-border-error-default)}.ids-button.ids-button-outlined.ids-button-error>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-error-default)}.ids-button.ids-button-outlined.ids-button-error:hover{color:var(--ids-comp-button-outlined-color-fg-label-error-hovered);background:var(--ids-comp-button-outlined-color-bg-error-hovered);border-color:var(--ids-comp-button-outlined-color-border-error-hovered)}.ids-button.ids-button-outlined.ids-button-error:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-error-hovered)}.ids-button.ids-button-outlined.ids-button-error:focus,.ids-button.ids-button-outlined.ids-button-error:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-error-focused);background:var(--ids-comp-button-outlined-color-bg-error-focused);border-color:var(--ids-comp-button-outlined-color-border-error-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-error:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-error:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-error-focused)}.ids-button.ids-button-outlined.ids-button-error:active{color:var(--ids-comp-button-outlined-color-fg-label-error-pressed);background:var(--ids-comp-button-outlined-color-bg-error-pressed);border-color:var(--ids-comp-button-outlined-color-border-error-pressed)}.ids-button.ids-button-outlined.ids-button-error:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-error-pressed)}.ids-button.ids-button-outlined.ids-button-success{color:var(--ids-comp-button-outlined-color-fg-label-success-default);background:var(--ids-comp-button-outlined-color-bg-success-default);border-color:var(--ids-comp-button-outlined-color-border-success-default)}.ids-button.ids-button-outlined.ids-button-success>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-success-default)}.ids-button.ids-button-outlined.ids-button-success:hover{color:var(--ids-comp-button-outlined-color-fg-label-success-hovered);background:var(--ids-comp-button-outlined-color-bg-success-hovered);border-color:var(--ids-comp-button-outlined-color-border-success-hovered)}.ids-button.ids-button-outlined.ids-button-success:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-success-hovered)}.ids-button.ids-button-outlined.ids-button-success:focus,.ids-button.ids-button-outlined.ids-button-success:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-success-focused);background:var(--ids-comp-button-outlined-color-bg-success-focused);border-color:var(--ids-comp-button-outlined-color-border-success-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-success:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-success:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-success-focused)}.ids-button.ids-button-outlined.ids-button-success:active{color:var(--ids-comp-button-outlined-color-fg-label-success-pressed);background:var(--ids-comp-button-outlined-color-bg-success-pressed);border-color:var(--ids-comp-button-outlined-color-border-success-pressed)}.ids-button.ids-button-outlined.ids-button-success:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-success-pressed)}.ids-button.ids-button-outlined.ids-button-warning{color:var(--ids-comp-button-outlined-color-fg-label-warning-default);background:var(--ids-comp-button-outlined-color-bg-warning-default);border-color:var(--ids-comp-button-outlined-color-border-warning-default)}.ids-button.ids-button-outlined.ids-button-warning>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-warning-default)}.ids-button.ids-button-outlined.ids-button-warning:hover{color:var(--ids-comp-button-outlined-color-fg-label-warning-hovered);background:var(--ids-comp-button-outlined-color-bg-warning-hovered);border-color:var(--ids-comp-button-outlined-color-border-warning-hovered)}.ids-button.ids-button-outlined.ids-button-warning:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-warning-hovered)}.ids-button.ids-button-outlined.ids-button-warning:focus,.ids-button.ids-button-outlined.ids-button-warning:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-warning-focused);background:var(--ids-comp-button-outlined-color-bg-warning-focused);border-color:var(--ids-comp-button-outlined-color-border-warning-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-warning:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-warning:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-warning-focused)}.ids-button.ids-button-outlined.ids-button-warning:active{color:var(--ids-comp-button-outlined-color-fg-label-warning-pressed);background:var(--ids-comp-button-outlined-color-bg-warning-pressed);border-color:var(--ids-comp-button-outlined-color-border-warning-pressed)}.ids-button.ids-button-outlined.ids-button-warning:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-warning-pressed)}.ids-button.ids-button-outlined.ids-button-light{color:var(--ids-comp-button-outlined-color-fg-label-light-default);background:var(--ids-comp-button-outlined-color-bg-light-default);border-color:var(--ids-comp-button-outlined-color-border-light-default)}.ids-button.ids-button-outlined.ids-button-light>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-default)}.ids-button.ids-button-outlined.ids-button-light:hover{color:var(--ids-comp-button-outlined-color-fg-label-light-hovered);background:var(--ids-comp-button-outlined-color-bg-light-hovered);border-color:var(--ids-comp-button-outlined-color-border-light-hovered)}.ids-button.ids-button-outlined.ids-button-light:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-hovered)}.ids-button.ids-button-outlined.ids-button-light:focus,.ids-button.ids-button-outlined.ids-button-light:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-light-focused);background:var(--ids-comp-button-outlined-color-bg-light-focused);border-color:var(--ids-comp-button-outlined-color-border-light-focused);outline-color:var(--ids-comp-button-focused-outline-color-light-focused)}.ids-button.ids-button-outlined.ids-button-light:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-light:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-focused)}.ids-button.ids-button-outlined.ids-button-light:active{color:var(--ids-comp-button-outlined-color-fg-label-light-pressed);background:var(--ids-comp-button-outlined-color-bg-light-pressed);border-color:var(--ids-comp-button-outlined-color-border-light-pressed)}.ids-button.ids-button-outlined.ids-button-light:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-pressed)}.ids-button.ids-button-outlined.ids-button-light:disabled{color:var(--ids-comp-button-outlined-color-fg-label-light-disabled);background:var(--ids-comp-button-outlined-color-bg-light-disabled);border-color:var(--ids-comp-button-outlined-color-border-light-disabled)}.ids-button.ids-button-outlined.ids-button-light:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-disabled)}.ids-button.ids-button-outlined.ids-button-light-fixed{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-default);background:var(--ids-comp-button-outlined-color-bg-light-fixed-default);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-default)}.ids-button.ids-button-outlined.ids-button-light-fixed>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-default)}.ids-button.ids-button-outlined.ids-button-light-fixed:hover{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-hovered);background:var(--ids-comp-button-outlined-color-bg-light-fixed-hovered);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-hovered)}.ids-button.ids-button-outlined.ids-button-light-fixed:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-hovered)}.ids-button.ids-button-outlined.ids-button-light-fixed:focus,.ids-button.ids-button-outlined.ids-button-light-fixed:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-focused);background:var(--ids-comp-button-outlined-color-bg-light-fixed-focused);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-light-fixed:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-light-fixed:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-focused)}.ids-button.ids-button-outlined.ids-button-light-fixed:active{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-pressed);background:var(--ids-comp-button-outlined-color-bg-light-fixed-pressed);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-pressed)}.ids-button.ids-button-outlined.ids-button-light-fixed:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-pressed)}.ids-button.ids-button-outlined.ids-button-light-fixed:disabled{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-disabled);background:var(--ids-comp-button-outlined-color-bg-light-fixed-disabled);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-disabled)}.ids-button.ids-button-outlined.ids-button-light-fixed:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-disabled)}.ids-button.ids-button-outlined.ids-button-dark{color:var(--ids-comp-button-outlined-color-fg-label-dark-default);background:var(--ids-comp-button-outlined-color-bg-dark-default);border-color:var(--ids-comp-button-outlined-color-border-dark-default)}.ids-button.ids-button-outlined.ids-button-dark>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-default)}.ids-button.ids-button-outlined.ids-button-dark:hover{color:var(--ids-comp-button-outlined-color-fg-label-dark-hovered);background:var(--ids-comp-button-outlined-color-bg-dark-hovered);border-color:var(--ids-comp-button-outlined-color-border-dark-hovered)}.ids-button.ids-button-outlined.ids-button-dark:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-hovered)}.ids-button.ids-button-outlined.ids-button-dark:focus,.ids-button.ids-button-outlined.ids-button-dark:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-dark-focused);background:var(--ids-comp-button-outlined-color-bg-dark-focused);border-color:var(--ids-comp-button-outlined-color-border-dark-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-dark:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-dark:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-focused)}.ids-button.ids-button-outlined.ids-button-dark:active{color:var(--ids-comp-button-outlined-color-fg-label-dark-pressed);background:var(--ids-comp-button-outlined-color-bg-dark-pressed);border-color:var(--ids-comp-button-outlined-color-border-dark-pressed)}.ids-button.ids-button-outlined.ids-button-dark:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-pressed)}.ids-button.ids-button-outlined.ids-button-dark:disabled{color:var(--ids-comp-button-outlined-color-fg-label-dark-disabled);background:var(--ids-comp-button-outlined-color-bg-dark-disabled);border-color:var(--ids-comp-button-outlined-color-border-dark-disabled)}.ids-button.ids-button-outlined.ids-button-dark:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-disabled)}.ids-button.ids-button-outlined.ids-button-surface{color:var(--ids-comp-button-outlined-color-fg-label-surface-default);background:var(--ids-comp-button-outlined-color-bg-surface-default);border-color:var(--ids-comp-button-outlined-color-border-surface-default)}.ids-button.ids-button-outlined.ids-button-surface>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-default)}.ids-button.ids-button-outlined.ids-button-surface:hover{color:var(--ids-comp-button-outlined-color-fg-label-surface-hovered);background:var(--ids-comp-button-outlined-color-bg-surface-hovered);border-color:var(--ids-comp-button-outlined-color-border-surface-hovered)}.ids-button.ids-button-outlined.ids-button-surface:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-hovered)}.ids-button.ids-button-outlined.ids-button-surface:focus,.ids-button.ids-button-outlined.ids-button-surface:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-surface-focused);background:var(--ids-comp-button-outlined-color-bg-surface-focused);border-color:var(--ids-comp-button-outlined-color-border-surface-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-surface:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-surface:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-focused)}.ids-button.ids-button-outlined.ids-button-surface:active{color:var(--ids-comp-button-outlined-color-fg-label-surface-pressed);background:var(--ids-comp-button-outlined-color-bg-surface-pressed);border-color:var(--ids-comp-button-outlined-color-border-surface-pressed)}.ids-button.ids-button-outlined.ids-button-surface:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-pressed)}.ids-button.ids-button-outlined.ids-button-surface:disabled{color:var(--ids-comp-button-outlined-color-fg-label-surface-disabled);background:var(--ids-comp-button-outlined-color-bg-surface-disabled);border-color:var(--ids-comp-button-outlined-color-border-surface-disabled)}.ids-button.ids-button-outlined.ids-button-surface:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-disabled)}.ids-button.ids-button-text.ids-button-primary{color:var(--ids-comp-button-text-color-fg-label-primary-default);background:var(--ids-comp-button-text-color-bg-primary-default);border-color:var(--ids-comp-button-text-color-border-primary-default)}.ids-button.ids-button-text.ids-button-primary>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-default)}.ids-button.ids-button-text.ids-button-primary:hover{color:var(--ids-comp-button-text-color-fg-label-primary-hovered);background:var(--ids-comp-button-text-color-bg-primary-hovered);border-color:var(--ids-comp-button-text-color-border-primary-default)}.ids-button.ids-button-text.ids-button-primary:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-hovered)}.ids-button.ids-button-text.ids-button-primary:focus,.ids-button.ids-button-text.ids-button-primary:focus-visible{color:var(--ids-comp-button-text-color-fg-label-primary-focused);background:var(--ids-comp-button-text-color-bg-primary-focused);border-color:var(--ids-comp-button-text-color-border-primary-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-primary:focus>.ids-icon,.ids-button.ids-button-text.ids-button-primary:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-focused)}.ids-button.ids-button-text.ids-button-primary:active{color:var(--ids-comp-button-text-color-fg-label-primary-pressed);background:var(--ids-comp-button-text-color-bg-primary-pressed);border-color:var(--ids-comp-button-text-color-border-primary-default)}.ids-button.ids-button-text.ids-button-primary:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-pressed)}.ids-button.ids-button-text.ids-button-primary:disabled{color:var(--ids-comp-button-text-color-fg-label-primary-disabled);background:var(--ids-comp-button-text-color-bg-primary-disabled);border-color:var(--ids-comp-button-text-color-border-primary-default)}.ids-button.ids-button-text.ids-button-primary:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-disabled)}.ids-button.ids-button-text.ids-button-secondary{color:var(--ids-comp-button-text-color-fg-label-secondary-default);background:var(--ids-comp-button-text-color-bg-secondary-default);border-color:var(--ids-comp-button-text-color-border-secondary-default)}.ids-button.ids-button-text.ids-button-secondary>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-default)}.ids-button.ids-button-text.ids-button-secondary:hover{color:var(--ids-comp-button-text-color-fg-label-secondary-hovered);background:var(--ids-comp-button-text-color-bg-secondary-hovered);border-color:var(--ids-comp-button-text-color-border-secondary-default)}.ids-button.ids-button-text.ids-button-secondary:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-hovered)}.ids-button.ids-button-text.ids-button-secondary:focus,.ids-button.ids-button-text.ids-button-secondary:focus-visible{color:var(--ids-comp-button-text-color-fg-label-secondary-focused);background:var(--ids-comp-button-text-color-bg-secondary-focused);border-color:var(--ids-comp-button-text-color-border-secondary-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-secondary:focus>.ids-icon,.ids-button.ids-button-text.ids-button-secondary:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-focused)}.ids-button.ids-button-text.ids-button-secondary:active{color:var(--ids-comp-button-text-color-fg-label-secondary-pressed);background:var(--ids-comp-button-text-color-bg-secondary-pressed);border-color:var(--ids-comp-button-text-color-border-secondary-default)}.ids-button.ids-button-text.ids-button-secondary:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-pressed)}.ids-button.ids-button-text.ids-button-secondary:disabled{color:var(--ids-comp-button-text-color-fg-label-secondary-disabled);background:var(--ids-comp-button-text-color-bg-secondary-disabled);border-color:var(--ids-comp-button-text-color-border-secondary-default)}.ids-button.ids-button-text.ids-button-secondary:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-disabled)}.ids-button.ids-button-text.ids-button-brand{color:var(--ids-comp-button-text-color-fg-label-brand-default);background:var(--ids-comp-button-text-color-bg-brand-default);border-color:var(--ids-comp-button-text-color-border-brand-default)}.ids-button.ids-button-text.ids-button-brand>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-default)}.ids-button.ids-button-text.ids-button-brand:hover{color:var(--ids-comp-button-text-color-fg-label-brand-hovered);background:var(--ids-comp-button-text-color-bg-brand-hovered);border-color:var(--ids-comp-button-text-color-border-brand-default)}.ids-button.ids-button-text.ids-button-brand:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-hovered)}.ids-button.ids-button-text.ids-button-brand:focus,.ids-button.ids-button-text.ids-button-brand:focus-visible{color:var(--ids-comp-button-text-color-fg-label-brand-focused);background:var(--ids-comp-button-text-color-bg-brand-focused);border-color:var(--ids-comp-button-text-color-border-brand-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-brand:focus>.ids-icon,.ids-button.ids-button-text.ids-button-brand:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-focused)}.ids-button.ids-button-text.ids-button-brand:active{color:var(--ids-comp-button-text-color-fg-label-brand-pressed);background:var(--ids-comp-button-text-color-bg-brand-pressed);border-color:var(--ids-comp-button-text-color-border-brand-default)}.ids-button.ids-button-text.ids-button-brand:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-pressed)}.ids-button.ids-button-text.ids-button-brand:disabled{color:var(--ids-comp-button-text-color-fg-label-brand-disabled);background:var(--ids-comp-button-text-color-bg-brand-disabled);border-color:var(--ids-comp-button-text-color-border-brand-default)}.ids-button.ids-button-text.ids-button-brand:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-disabled)}.ids-button.ids-button-text.ids-button-error{color:var(--ids-comp-button-text-color-fg-label-error-default);background:var(--ids-comp-button-text-color-bg-error-default);border-color:var(--ids-comp-button-text-color-border-error-default)}.ids-button.ids-button-text.ids-button-error>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-error-default)}.ids-button.ids-button-text.ids-button-error:hover{color:var(--ids-comp-button-text-color-fg-label-error-hovered);background:var(--ids-comp-button-text-color-bg-error-hovered);border-color:var(--ids-comp-button-text-color-border-error-default)}.ids-button.ids-button-text.ids-button-error:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-error-hovered)}.ids-button.ids-button-text.ids-button-error:focus,.ids-button.ids-button-text.ids-button-error:focus-visible{color:var(--ids-comp-button-text-color-fg-label-error-focused);background:var(--ids-comp-button-text-color-bg-error-focused);border-color:var(--ids-comp-button-text-color-border-error-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-error:focus>.ids-icon,.ids-button.ids-button-text.ids-button-error:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-error-focused)}.ids-button.ids-button-text.ids-button-error:active{color:var(--ids-comp-button-text-color-fg-label-error-pressed);background:var(--ids-comp-button-text-color-bg-error-pressed);border-color:var(--ids-comp-button-text-color-border-error-default)}.ids-button.ids-button-text.ids-button-error:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-error-pressed)}.ids-button.ids-button-text.ids-button-success{color:var(--ids-comp-button-text-color-fg-label-success-default);background:var(--ids-comp-button-text-color-bg-success-default);border-color:var(--ids-comp-button-text-color-border-success-default)}.ids-button.ids-button-text.ids-button-success>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-success-default)}.ids-button.ids-button-text.ids-button-success:hover{color:var(--ids-comp-button-text-color-fg-label-success-hovered);background:var(--ids-comp-button-text-color-bg-success-hovered);border-color:var(--ids-comp-button-text-color-border-success-default)}.ids-button.ids-button-text.ids-button-success:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-success-hovered)}.ids-button.ids-button-text.ids-button-success:focus,.ids-button.ids-button-text.ids-button-success:focus-visible{color:var(--ids-comp-button-text-color-fg-label-success-focused);background:var(--ids-comp-button-text-color-bg-success-focused);border-color:var(--ids-comp-button-text-color-border-success-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-success:focus>.ids-icon,.ids-button.ids-button-text.ids-button-success:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-success-focused)}.ids-button.ids-button-text.ids-button-success:active{color:var(--ids-comp-button-text-color-fg-label-success-pressed);background:var(--ids-comp-button-text-color-bg-success-pressed);border-color:var(--ids-comp-button-text-color-border-success-default)}.ids-button.ids-button-text.ids-button-success:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-success-pressed)}.ids-button.ids-button-text.ids-button-warning{color:var(--ids-comp-button-text-color-fg-label-warning-default);background:var(--ids-comp-button-text-color-bg-warning-default);border-color:var(--ids-comp-button-text-color-border-warning-default)}.ids-button.ids-button-text.ids-button-warning>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-warning-default)}.ids-button.ids-button-text.ids-button-warning:hover{color:var(--ids-comp-button-text-color-fg-label-warning-hovered);background:var(--ids-comp-button-text-color-bg-warning-hovered);border-color:var(--ids-comp-button-text-color-border-warning-default)}.ids-button.ids-button-text.ids-button-warning:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-warning-hovered)}.ids-button.ids-button-text.ids-button-warning:focus,.ids-button.ids-button-text.ids-button-warning:focus-visible{color:var(--ids-comp-button-text-color-fg-label-warning-focused);background:var(--ids-comp-button-text-color-bg-warning-focused);border-color:var(--ids-comp-button-text-color-border-warning-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-warning:focus>.ids-icon,.ids-button.ids-button-text.ids-button-warning:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-warning-focused)}.ids-button.ids-button-text.ids-button-warning:active{color:var(--ids-comp-button-text-color-fg-label-warning-pressed);background:var(--ids-comp-button-text-color-bg-warning-pressed);border-color:var(--ids-comp-button-text-color-border-warning-default)}.ids-button.ids-button-text.ids-button-warning:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-warning-pressed)}.ids-button.ids-button-text.ids-button-light{color:var(--ids-comp-button-text-color-fg-label-light-default);background:var(--ids-comp-button-text-color-bg-light-default);border-color:var(--ids-comp-button-text-color-border-light-default)}.ids-button.ids-button-text.ids-button-light>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-default)}.ids-button.ids-button-text.ids-button-light:hover{color:var(--ids-comp-button-text-color-fg-label-light-hovered);background:var(--ids-comp-button-text-color-bg-light-hovered);border-color:var(--ids-comp-button-text-color-border-light-default)}.ids-button.ids-button-text.ids-button-light:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-hovered)}.ids-button.ids-button-text.ids-button-light:focus,.ids-button.ids-button-text.ids-button-light:focus-visible{color:var(--ids-comp-button-text-color-fg-label-light-focused);background:var(--ids-comp-button-text-color-bg-light-focused);border-color:var(--ids-comp-button-text-color-border-light-default);outline-color:var(--ids-comp-button-focused-outline-color-light-focused)}.ids-button.ids-button-text.ids-button-light:focus>.ids-icon,.ids-button.ids-button-text.ids-button-light:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-focused)}.ids-button.ids-button-text.ids-button-light:active{color:var(--ids-comp-button-text-color-fg-label-light-pressed);background:var(--ids-comp-button-text-color-bg-light-pressed);border-color:var(--ids-comp-button-text-color-border-light-default)}.ids-button.ids-button-text.ids-button-light:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-pressed)}.ids-button.ids-button-text.ids-button-light:disabled{color:var(--ids-comp-button-text-color-fg-label-light-disabled);background:var(--ids-comp-button-text-color-bg-light-disabled);border-color:var(--ids-comp-button-text-color-border-light-default)}.ids-button.ids-button-text.ids-button-light:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-disabled)}.ids-button.ids-button-text.ids-button-light-fixed{color:var(--ids-comp-button-text-color-fg-label-light-fixed-default);background:var(--ids-comp-button-text-color-bg-light-fixed-default);border-color:var(--ids-comp-button-text-color-border-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed:hover{color:var(--ids-comp-button-text-color-fg-label-light-fixed-hovered);background:var(--ids-comp-button-text-color-bg-light-fixed-hovered);border-color:var(--ids-comp-button-text-color-border-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-hovered)}.ids-button.ids-button-text.ids-button-light-fixed:focus,.ids-button.ids-button-text.ids-button-light-fixed:focus-visible{color:var(--ids-comp-button-text-color-fg-label-light-fixed-focused);background:var(--ids-comp-button-text-color-bg-light-fixed-focused);border-color:var(--ids-comp-button-text-color-border-light-fixed-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-light-fixed:focus>.ids-icon,.ids-button.ids-button-text.ids-button-light-fixed:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-focused)}.ids-button.ids-button-text.ids-button-light-fixed:active{color:var(--ids-comp-button-text-color-fg-label-light-fixed-pressed);background:var(--ids-comp-button-text-color-bg-light-fixed-pressed);border-color:var(--ids-comp-button-text-color-border-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-pressed)}.ids-button.ids-button-text.ids-button-light-fixed:disabled{color:var(--ids-comp-button-text-color-fg-label-light-fixed-disabled);background:var(--ids-comp-button-text-color-bg-light-fixed-disabled);border-color:var(--ids-comp-button-text-color-border-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-disabled)}.ids-button.ids-button-text.ids-button-dark{color:var(--ids-comp-button-text-color-fg-label-dark-default);background:var(--ids-comp-button-text-color-bg-dark-default);border-color:var(--ids-comp-button-text-color-border-dark-default)}.ids-button.ids-button-text.ids-button-dark>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-default)}.ids-button.ids-button-text.ids-button-dark:hover{color:var(--ids-comp-button-text-color-fg-label-dark-hovered);background:var(--ids-comp-button-text-color-bg-dark-hovered);border-color:var(--ids-comp-button-text-color-border-dark-default)}.ids-button.ids-button-text.ids-button-dark:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-hovered)}.ids-button.ids-button-text.ids-button-dark:focus,.ids-button.ids-button-text.ids-button-dark:focus-visible{color:var(--ids-comp-button-text-color-fg-label-dark-focused);background:var(--ids-comp-button-text-color-bg-dark-focused);border-color:var(--ids-comp-button-text-color-border-dark-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-dark:focus>.ids-icon,.ids-button.ids-button-text.ids-button-dark:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-focused)}.ids-button.ids-button-text.ids-button-dark:active{color:var(--ids-comp-button-text-color-fg-label-dark-pressed);background:var(--ids-comp-button-text-color-bg-dark-pressed);border-color:var(--ids-comp-button-text-color-border-dark-default)}.ids-button.ids-button-text.ids-button-dark:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-pressed)}.ids-button.ids-button-text.ids-button-dark:disabled{color:var(--ids-comp-button-text-color-fg-label-dark-disabled);background:var(--ids-comp-button-text-color-bg-dark-disabled);border-color:var(--ids-comp-button-text-color-border-dark-default)}.ids-button.ids-button-text.ids-button-dark:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-disabled)}.ids-button.ids-button-text.ids-button-surface{color:var(--ids-comp-button-text-color-fg-label-surface-default);background:var(--ids-comp-button-text-color-bg-surface-default);border-color:var(--ids-comp-button-text-color-border-surface-default)}.ids-button.ids-button-text.ids-button-surface>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-default)}.ids-button.ids-button-text.ids-button-surface:hover{color:var(--ids-comp-button-text-color-fg-label-surface-hovered);background:var(--ids-comp-button-text-color-bg-surface-hovered);border-color:var(--ids-comp-button-text-color-border-surface-default)}.ids-button.ids-button-text.ids-button-surface:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-hovered)}.ids-button.ids-button-text.ids-button-surface:focus,.ids-button.ids-button-text.ids-button-surface:focus-visible{color:var(--ids-comp-button-text-color-fg-label-surface-focused);background:var(--ids-comp-button-text-color-bg-surface-focused);border-color:var(--ids-comp-button-text-color-border-surface-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-surface:focus>.ids-icon,.ids-button.ids-button-text.ids-button-surface:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-focused)}.ids-button.ids-button-text.ids-button-surface:active{color:var(--ids-comp-button-text-color-fg-label-surface-pressed);background:var(--ids-comp-button-text-color-bg-surface-pressed);border-color:var(--ids-comp-button-text-color-border-surface-default)}.ids-button.ids-button-text.ids-button-surface:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-pressed)}.ids-button.ids-button-text.ids-button-surface:disabled{color:var(--ids-comp-button-text-color-fg-label-surface-disabled);background:var(--ids-comp-button-text-color-bg-surface-disabled);border-color:var(--ids-comp-button-text-color-border-surface-default)}.ids-button.ids-button-text.ids-button-surface:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-disabled)}
1
+ .ids-button{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;flex-shrink:0;width:fit-content;align-items:center;display:inline-flex;justify-content:center;border-style:solid}.ids-button::before,.ids-button::after,.ids-button *,.ids-button ::before,.ids-button ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-button:focus,.ids-button:focus-visible{outline-offset:2px;outline-style:solid}.ids-button:active{outline-style:none}.ids-button:not(:disabled){cursor:pointer}.ids-button:disabled{cursor:not-allowed}.ids-button>.ids-icon{flex-shrink:0}.ids-button.ids-button-compact{gap:var(--ids-comp-button-size-gap-compact);height:var(--ids-comp-button-size-height-compact);min-width:var(--ids-comp-button-size-min-width-compact);padding:var(--ids-comp-button-size-padding-y-compact) var(--ids-comp-button-size-padding-x-compact);border-radius:var(--ids-comp-button-size-border-radius-compact);border-width:var(--ids-comp-button-size-border-width-compact)}.ids-button.ids-button-compact:focus{outline-width:var(--ids-comp-button-focused-outline-size-outline-compact)}.ids-button.ids-button-compact>.ids-button-label{font-family:var(--ids-comp-button-label-typography-font-family-compact);font-size:var(--ids-comp-button-label-typography-font-size-compact);font-weight:var(--ids-comp-button-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-button-label-typography-letter-spacing-compact);line-height:var(--ids-comp-button-label-typography-line-height-compact)}.ids-button.ids-button-compact>.ids-icon{width:var(--ids-comp-button-size-icon-compact);height:var(--ids-comp-button-size-icon-compact);font-size:var(--ids-comp-button-icon-typography-font-size-compact);font-weight:var(--ids-comp-button-icon-typography-font-weight-compact);line-height:var(--ids-comp-button-icon-typography-line-height-compact)}.ids-button.ids-button-comfortable{gap:var(--ids-comp-button-size-gap-comfortable);height:var(--ids-comp-button-size-height-comfortable);min-width:var(--ids-comp-button-size-min-width-comfortable);padding:var(--ids-comp-button-size-padding-y-comfortable) var(--ids-comp-button-size-padding-x-comfortable);border-radius:var(--ids-comp-button-size-border-radius-comfortable);border-width:var(--ids-comp-button-size-border-width-comfortable)}.ids-button.ids-button-comfortable:focus{outline-width:var(--ids-comp-button-focused-outline-size-outline-comfortable)}.ids-button.ids-button-comfortable>.ids-button-label{font-family:var(--ids-comp-button-label-typography-font-family-comfortable);font-size:var(--ids-comp-button-label-typography-font-size-comfortable);font-weight:var(--ids-comp-button-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-button-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-button-label-typography-line-height-comfortable)}.ids-button.ids-button-comfortable>.ids-icon{width:var(--ids-comp-button-size-icon-comfortable);height:var(--ids-comp-button-size-icon-comfortable);font-size:var(--ids-comp-button-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-button-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-button-icon-typography-line-height-comfortable)}.ids-button.ids-button-spacious{gap:var(--ids-comp-button-size-gap-spacious);height:var(--ids-comp-button-size-height-spacious);min-width:var(--ids-comp-button-size-min-width-spacious);padding:var(--ids-comp-button-size-padding-y-spacious) var(--ids-comp-button-size-padding-x-spacious);border-radius:var(--ids-comp-button-size-border-radius-spacious);border-width:var(--ids-comp-button-size-border-width-spacious)}.ids-button.ids-button-spacious:focus{outline-width:var(--ids-comp-button-focused-outline-size-outline-spacious)}.ids-button.ids-button-spacious>.ids-button-label{font-family:var(--ids-comp-button-label-typography-font-family-spacious);font-size:var(--ids-comp-button-label-typography-font-size-spacious);font-weight:var(--ids-comp-button-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-button-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-button-label-typography-line-height-spacious)}.ids-button.ids-button-spacious>.ids-icon{width:var(--ids-comp-button-size-icon-spacious);height:var(--ids-comp-button-size-icon-spacious);font-size:var(--ids-comp-button-icon-typography-font-size-spacious);font-weight:var(--ids-comp-button-icon-typography-font-weight-spacious);line-height:var(--ids-comp-button-icon-typography-line-height-spacious)}.ids-button.ids-button-dense{gap:var(--ids-comp-button-size-gap-dense);height:var(--ids-comp-button-size-height-dense);min-width:var(--ids-comp-button-size-min-width-dense);padding:var(--ids-comp-button-size-padding-y-dense) var(--ids-comp-button-size-padding-x-dense);border-radius:var(--ids-comp-button-size-border-radius-dense);border-width:var(--ids-comp-button-size-border-width-dense)}.ids-button.ids-button-dense:focus{outline-width:var(--ids-comp-button-focused-outline-size-outline-dense)}.ids-button.ids-button-dense>.ids-button-label{font-family:var(--ids-comp-button-label-typography-font-family-dense);font-size:var(--ids-comp-button-label-typography-font-size-dense);font-weight:var(--ids-comp-button-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-button-label-typography-letter-spacing-dense);line-height:var(--ids-comp-button-label-typography-line-height-dense)}.ids-button.ids-button-dense>.ids-icon{width:var(--ids-comp-button-size-icon-dense);height:var(--ids-comp-button-size-icon-dense);font-size:var(--ids-comp-button-icon-typography-font-size-dense);font-weight:var(--ids-comp-button-icon-typography-font-weight-dense);line-height:var(--ids-comp-button-icon-typography-line-height-dense)}.ids-button.ids-button-filled.ids-button-primary{color:var(--ids-comp-button-filled-color-fg-label-primary-default);background:var(--ids-comp-button-filled-color-bg-primary-default);border-color:var(--ids-comp-button-filled-color-border-primary-default)}.ids-button.ids-button-filled.ids-button-primary>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-default)}.ids-button.ids-button-filled.ids-button-primary:hover{color:var(--ids-comp-button-filled-color-fg-label-primary-hovered);background:var(--ids-comp-button-filled-color-bg-primary-hovered);border-color:var(--ids-comp-button-filled-color-border-primary-hovered)}.ids-button.ids-button-filled.ids-button-primary:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-hovered)}.ids-button.ids-button-filled.ids-button-primary:focus,.ids-button.ids-button-filled.ids-button-primary:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-primary-focused);background:var(--ids-comp-button-filled-color-bg-primary-focused);border-color:var(--ids-comp-button-filled-color-border-primary-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-primary:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-primary:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-focused)}.ids-button.ids-button-filled.ids-button-primary:active{color:var(--ids-comp-button-filled-color-fg-label-primary-pressed);background:var(--ids-comp-button-filled-color-bg-primary-pressed);border-color:var(--ids-comp-button-filled-color-border-primary-pressed)}.ids-button.ids-button-filled.ids-button-primary:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-pressed)}.ids-button.ids-button-filled.ids-button-primary:disabled{color:var(--ids-comp-button-filled-color-fg-label-primary-disabled);background:var(--ids-comp-button-filled-color-bg-primary-disabled);border-color:var(--ids-comp-button-filled-color-border-primary-disabled)}.ids-button.ids-button-filled.ids-button-primary:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-disabled)}.ids-button.ids-button-filled.ids-button-secondary{color:var(--ids-comp-button-filled-color-fg-label-secondary-default);background:var(--ids-comp-button-filled-color-bg-secondary-default);border-color:var(--ids-comp-button-filled-color-border-secondary-default)}.ids-button.ids-button-filled.ids-button-secondary>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-default)}.ids-button.ids-button-filled.ids-button-secondary:hover{color:var(--ids-comp-button-filled-color-fg-label-secondary-hovered);background:var(--ids-comp-button-filled-color-bg-secondary-hovered);border-color:var(--ids-comp-button-filled-color-border-secondary-hovered)}.ids-button.ids-button-filled.ids-button-secondary:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-hovered)}.ids-button.ids-button-filled.ids-button-secondary:focus,.ids-button.ids-button-filled.ids-button-secondary:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-secondary-focused);background:var(--ids-comp-button-filled-color-bg-secondary-focused);border-color:var(--ids-comp-button-filled-color-border-secondary-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-secondary:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-secondary:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-focused)}.ids-button.ids-button-filled.ids-button-secondary:active{color:var(--ids-comp-button-filled-color-fg-label-secondary-pressed);background:var(--ids-comp-button-filled-color-bg-secondary-pressed);border-color:var(--ids-comp-button-filled-color-border-secondary-pressed)}.ids-button.ids-button-filled.ids-button-secondary:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-pressed)}.ids-button.ids-button-filled.ids-button-secondary:disabled{color:var(--ids-comp-button-filled-color-fg-label-secondary-disabled);background:var(--ids-comp-button-filled-color-bg-secondary-disabled);border-color:var(--ids-comp-button-filled-color-border-secondary-disabled)}.ids-button.ids-button-filled.ids-button-secondary:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-disabled)}.ids-button.ids-button-filled.ids-button-brand{color:var(--ids-comp-button-filled-color-fg-label-brand-default);background:var(--ids-comp-button-filled-color-bg-brand-default);border-color:var(--ids-comp-button-filled-color-border-brand-default)}.ids-button.ids-button-filled.ids-button-brand>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-default)}.ids-button.ids-button-filled.ids-button-brand:hover{color:var(--ids-comp-button-filled-color-fg-label-brand-hovered);background:var(--ids-comp-button-filled-color-bg-brand-hovered);border-color:var(--ids-comp-button-filled-color-border-brand-hovered)}.ids-button.ids-button-filled.ids-button-brand:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-hovered)}.ids-button.ids-button-filled.ids-button-brand:focus,.ids-button.ids-button-filled.ids-button-brand:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-brand-focused);background:var(--ids-comp-button-filled-color-bg-brand-focused);border-color:var(--ids-comp-button-filled-color-border-brand-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-brand:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-brand:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-focused)}.ids-button.ids-button-filled.ids-button-brand:active{color:var(--ids-comp-button-filled-color-fg-label-brand-pressed);background:var(--ids-comp-button-filled-color-bg-brand-pressed);border-color:var(--ids-comp-button-filled-color-border-brand-pressed)}.ids-button.ids-button-filled.ids-button-brand:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-pressed)}.ids-button.ids-button-filled.ids-button-brand:disabled{color:var(--ids-comp-button-filled-color-fg-label-brand-disabled);background:var(--ids-comp-button-filled-color-bg-brand-disabled);border-color:var(--ids-comp-button-filled-color-border-brand-disabled)}.ids-button.ids-button-filled.ids-button-brand:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-disabled)}.ids-button.ids-button-filled.ids-button-error{color:var(--ids-comp-button-filled-color-fg-label-error-default);background:var(--ids-comp-button-filled-color-bg-error-default);border-color:var(--ids-comp-button-filled-color-border-error-default)}.ids-button.ids-button-filled.ids-button-error>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-error-default)}.ids-button.ids-button-filled.ids-button-error:hover{color:var(--ids-comp-button-filled-color-fg-label-error-hovered);background:var(--ids-comp-button-filled-color-bg-error-hovered);border-color:var(--ids-comp-button-filled-color-border-error-hovered)}.ids-button.ids-button-filled.ids-button-error:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-error-hovered)}.ids-button.ids-button-filled.ids-button-error:focus,.ids-button.ids-button-filled.ids-button-error:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-error-focused);background:var(--ids-comp-button-filled-color-bg-error-focused);border-color:var(--ids-comp-button-filled-color-border-error-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-error:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-error:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-error-focused)}.ids-button.ids-button-filled.ids-button-error:active{color:var(--ids-comp-button-filled-color-fg-label-error-pressed);background:var(--ids-comp-button-filled-color-bg-error-pressed);border-color:var(--ids-comp-button-filled-color-border-error-pressed)}.ids-button.ids-button-filled.ids-button-error:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-error-pressed)}.ids-button.ids-button-filled.ids-button-success{color:var(--ids-comp-button-filled-color-fg-label-success-default);background:var(--ids-comp-button-filled-color-bg-success-default);border-color:var(--ids-comp-button-filled-color-border-success-default)}.ids-button.ids-button-filled.ids-button-success>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-success-default)}.ids-button.ids-button-filled.ids-button-success:hover{color:var(--ids-comp-button-filled-color-fg-label-success-hovered);background:var(--ids-comp-button-filled-color-bg-success-hovered);border-color:var(--ids-comp-button-filled-color-border-success-hovered)}.ids-button.ids-button-filled.ids-button-success:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-success-hovered)}.ids-button.ids-button-filled.ids-button-success:focus,.ids-button.ids-button-filled.ids-button-success:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-success-focused);background:var(--ids-comp-button-filled-color-bg-success-focused);border-color:var(--ids-comp-button-filled-color-border-success-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-success:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-success:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-success-focused)}.ids-button.ids-button-filled.ids-button-success:active{color:var(--ids-comp-button-filled-color-fg-label-success-pressed);background:var(--ids-comp-button-filled-color-bg-success-pressed);border-color:var(--ids-comp-button-filled-color-border-success-pressed)}.ids-button.ids-button-filled.ids-button-success:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-success-pressed)}.ids-button.ids-button-filled.ids-button-warning{color:var(--ids-comp-button-filled-color-fg-label-warning-default);background:var(--ids-comp-button-filled-color-bg-warning-default);border-color:var(--ids-comp-button-filled-color-border-warning-default)}.ids-button.ids-button-filled.ids-button-warning>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-warning-default)}.ids-button.ids-button-filled.ids-button-warning:hover{color:var(--ids-comp-button-filled-color-fg-label-warning-hovered);background:var(--ids-comp-button-filled-color-bg-warning-hovered);border-color:var(--ids-comp-button-filled-color-border-warning-hovered)}.ids-button.ids-button-filled.ids-button-warning:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-warning-hovered)}.ids-button.ids-button-filled.ids-button-warning:focus,.ids-button.ids-button-filled.ids-button-warning:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-warning-focused);background:var(--ids-comp-button-filled-color-bg-warning-focused);border-color:var(--ids-comp-button-filled-color-border-warning-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-warning:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-warning:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-warning-focused)}.ids-button.ids-button-filled.ids-button-warning:active{color:var(--ids-comp-button-filled-color-fg-label-warning-pressed);background:var(--ids-comp-button-filled-color-bg-warning-pressed);border-color:var(--ids-comp-button-filled-color-border-warning-pressed)}.ids-button.ids-button-filled.ids-button-warning:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-warning-pressed)}.ids-button.ids-button-filled.ids-button-light{color:var(--ids-comp-button-filled-color-fg-label-light-default);background:var(--ids-comp-button-filled-color-bg-light-default);border-color:var(--ids-comp-button-filled-color-border-light-default)}.ids-button.ids-button-filled.ids-button-light>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-default)}.ids-button.ids-button-filled.ids-button-light:hover{color:var(--ids-comp-button-filled-color-fg-label-light-hovered);background:var(--ids-comp-button-filled-color-bg-light-hovered);border-color:var(--ids-comp-button-filled-color-border-light-hovered)}.ids-button.ids-button-filled.ids-button-light:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-hovered)}.ids-button.ids-button-filled.ids-button-light:focus,.ids-button.ids-button-filled.ids-button-light:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-light-focused);background:var(--ids-comp-button-filled-color-bg-light-focused);border-color:var(--ids-comp-button-filled-color-border-light-focused);outline-color:var(--ids-comp-button-focused-outline-color-light-focused)}.ids-button.ids-button-filled.ids-button-light:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-light:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-focused)}.ids-button.ids-button-filled.ids-button-light:active{color:var(--ids-comp-button-filled-color-fg-label-light-pressed);background:var(--ids-comp-button-filled-color-bg-light-pressed);border-color:var(--ids-comp-button-filled-color-border-light-pressed)}.ids-button.ids-button-filled.ids-button-light:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-pressed)}.ids-button.ids-button-filled.ids-button-light:disabled{color:var(--ids-comp-button-filled-color-fg-label-light-disabled);background:var(--ids-comp-button-filled-color-bg-light-disabled);border-color:var(--ids-comp-button-filled-color-border-light-disabled)}.ids-button.ids-button-filled.ids-button-light:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-disabled)}.ids-button.ids-button-filled.ids-button-light-fixed{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-default);background:var(--ids-comp-button-filled-color-bg-light-fixed-default);border-color:var(--ids-comp-button-filled-color-border-light-fixed-default)}.ids-button.ids-button-filled.ids-button-light-fixed>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-default)}.ids-button.ids-button-filled.ids-button-light-fixed:hover{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-hovered);background:var(--ids-comp-button-filled-color-bg-light-fixed-hovered);border-color:var(--ids-comp-button-filled-color-border-light-fixed-hovered)}.ids-button.ids-button-filled.ids-button-light-fixed:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-hovered)}.ids-button.ids-button-filled.ids-button-light-fixed:focus,.ids-button.ids-button-filled.ids-button-light-fixed:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-focused);background:var(--ids-comp-button-filled-color-bg-light-fixed-focused);border-color:var(--ids-comp-button-filled-color-border-light-fixed-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-light-fixed:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-light-fixed:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-focused)}.ids-button.ids-button-filled.ids-button-light-fixed:active{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-pressed);background:var(--ids-comp-button-filled-color-bg-light-fixed-pressed);border-color:var(--ids-comp-button-filled-color-border-light-fixed-pressed)}.ids-button.ids-button-filled.ids-button-light-fixed:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-pressed)}.ids-button.ids-button-filled.ids-button-light-fixed:disabled{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-disabled);background:var(--ids-comp-button-filled-color-bg-light-fixed-disabled);border-color:var(--ids-comp-button-filled-color-border-light-fixed-disabled)}.ids-button.ids-button-filled.ids-button-light-fixed:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-disabled)}.ids-button.ids-button-filled.ids-button-dark{color:var(--ids-comp-button-filled-color-fg-label-dark-default);background:var(--ids-comp-button-filled-color-bg-dark-default);border-color:var(--ids-comp-button-filled-color-border-dark-default)}.ids-button.ids-button-filled.ids-button-dark>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-default)}.ids-button.ids-button-filled.ids-button-dark:hover{color:var(--ids-comp-button-filled-color-fg-label-dark-hovered);background:var(--ids-comp-button-filled-color-bg-dark-hovered);border-color:var(--ids-comp-button-filled-color-border-dark-hovered)}.ids-button.ids-button-filled.ids-button-dark:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-hovered)}.ids-button.ids-button-filled.ids-button-dark:focus,.ids-button.ids-button-filled.ids-button-dark:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-dark-focused);background:var(--ids-comp-button-filled-color-bg-dark-focused);border-color:var(--ids-comp-button-filled-color-border-dark-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-dark:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-dark:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-focused)}.ids-button.ids-button-filled.ids-button-dark:active{color:var(--ids-comp-button-filled-color-fg-label-dark-pressed);background:var(--ids-comp-button-filled-color-bg-dark-pressed);border-color:var(--ids-comp-button-filled-color-border-dark-pressed)}.ids-button.ids-button-filled.ids-button-dark:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-pressed)}.ids-button.ids-button-filled.ids-button-dark:disabled{color:var(--ids-comp-button-filled-color-fg-label-dark-disabled);background:var(--ids-comp-button-filled-color-bg-dark-disabled);border-color:var(--ids-comp-button-filled-color-border-dark-disabled)}.ids-button.ids-button-filled.ids-button-dark:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-disabled)}.ids-button.ids-button-filled.ids-button-surface{color:var(--ids-comp-button-filled-color-fg-label-surface-default);background:var(--ids-comp-button-filled-color-bg-surface-default);border-color:var(--ids-comp-button-filled-color-border-surface-default)}.ids-button.ids-button-filled.ids-button-surface>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-default)}.ids-button.ids-button-filled.ids-button-surface:hover{color:var(--ids-comp-button-filled-color-fg-label-surface-hovered);background:var(--ids-comp-button-filled-color-bg-surface-hovered);border-color:var(--ids-comp-button-filled-color-border-surface-hovered)}.ids-button.ids-button-filled.ids-button-surface:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-hovered)}.ids-button.ids-button-filled.ids-button-surface:focus,.ids-button.ids-button-filled.ids-button-surface:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-surface-focused);background:var(--ids-comp-button-filled-color-bg-surface-focused);border-color:var(--ids-comp-button-filled-color-border-surface-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-surface:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-surface:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-focused)}.ids-button.ids-button-filled.ids-button-surface:active{color:var(--ids-comp-button-filled-color-fg-label-surface-pressed);background:var(--ids-comp-button-filled-color-bg-surface-pressed);border-color:var(--ids-comp-button-filled-color-border-surface-pressed)}.ids-button.ids-button-filled.ids-button-surface:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-pressed)}.ids-button.ids-button-filled.ids-button-surface:disabled{color:var(--ids-comp-button-filled-color-fg-label-surface-disabled);background:var(--ids-comp-button-filled-color-bg-surface-disabled);border-color:var(--ids-comp-button-filled-color-border-surface-disabled)}.ids-button.ids-button-filled.ids-button-surface:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-disabled)}.ids-button.ids-button-outlined.ids-button-primary{color:var(--ids-comp-button-outlined-color-fg-label-primary-default);background:var(--ids-comp-button-outlined-color-bg-primary-default);border-color:var(--ids-comp-button-outlined-color-border-primary-default)}.ids-button.ids-button-outlined.ids-button-primary>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-default)}.ids-button.ids-button-outlined.ids-button-primary:hover{color:var(--ids-comp-button-outlined-color-fg-label-primary-hovered);background:var(--ids-comp-button-outlined-color-bg-primary-hovered);border-color:var(--ids-comp-button-outlined-color-border-primary-hovered)}.ids-button.ids-button-outlined.ids-button-primary:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-hovered)}.ids-button.ids-button-outlined.ids-button-primary:focus,.ids-button.ids-button-outlined.ids-button-primary:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-primary-focused);background:var(--ids-comp-button-outlined-color-bg-primary-focused);border-color:var(--ids-comp-button-outlined-color-border-primary-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-primary:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-primary:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-focused)}.ids-button.ids-button-outlined.ids-button-primary:active{color:var(--ids-comp-button-outlined-color-fg-label-primary-pressed);background:var(--ids-comp-button-outlined-color-bg-primary-pressed);border-color:var(--ids-comp-button-outlined-color-border-primary-pressed)}.ids-button.ids-button-outlined.ids-button-primary:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-pressed)}.ids-button.ids-button-outlined.ids-button-primary:disabled{color:var(--ids-comp-button-outlined-color-fg-label-primary-disabled);background:var(--ids-comp-button-outlined-color-bg-primary-disabled);border-color:var(--ids-comp-button-outlined-color-border-primary-disabled)}.ids-button.ids-button-outlined.ids-button-primary:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-disabled)}.ids-button.ids-button-outlined.ids-button-secondary{color:var(--ids-comp-button-outlined-color-fg-label-secondary-default);background:var(--ids-comp-button-outlined-color-bg-secondary-default);border-color:var(--ids-comp-button-outlined-color-border-secondary-default)}.ids-button.ids-button-outlined.ids-button-secondary>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-default)}.ids-button.ids-button-outlined.ids-button-secondary:hover{color:var(--ids-comp-button-outlined-color-fg-label-secondary-hovered);background:var(--ids-comp-button-outlined-color-bg-secondary-hovered);border-color:var(--ids-comp-button-outlined-color-border-secondary-hovered)}.ids-button.ids-button-outlined.ids-button-secondary:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-hovered)}.ids-button.ids-button-outlined.ids-button-secondary:focus,.ids-button.ids-button-outlined.ids-button-secondary:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-secondary-focused);background:var(--ids-comp-button-outlined-color-bg-secondary-focused);border-color:var(--ids-comp-button-outlined-color-border-secondary-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-secondary:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-secondary:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-focused)}.ids-button.ids-button-outlined.ids-button-secondary:active{color:var(--ids-comp-button-outlined-color-fg-label-secondary-pressed);background:var(--ids-comp-button-outlined-color-bg-secondary-pressed);border-color:var(--ids-comp-button-outlined-color-border-secondary-pressed)}.ids-button.ids-button-outlined.ids-button-secondary:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-pressed)}.ids-button.ids-button-outlined.ids-button-secondary:disabled{color:var(--ids-comp-button-outlined-color-fg-label-secondary-disabled);background:var(--ids-comp-button-outlined-color-bg-secondary-disabled);border-color:var(--ids-comp-button-outlined-color-border-secondary-disabled)}.ids-button.ids-button-outlined.ids-button-secondary:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-disabled)}.ids-button.ids-button-outlined.ids-button-brand{color:var(--ids-comp-button-outlined-color-fg-label-brand-default);background:var(--ids-comp-button-outlined-color-bg-brand-default);border-color:var(--ids-comp-button-outlined-color-border-brand-default)}.ids-button.ids-button-outlined.ids-button-brand>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-default)}.ids-button.ids-button-outlined.ids-button-brand:hover{color:var(--ids-comp-button-outlined-color-fg-label-brand-hovered);background:var(--ids-comp-button-outlined-color-bg-brand-hovered);border-color:var(--ids-comp-button-outlined-color-border-brand-hovered)}.ids-button.ids-button-outlined.ids-button-brand:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-hovered)}.ids-button.ids-button-outlined.ids-button-brand:focus,.ids-button.ids-button-outlined.ids-button-brand:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-brand-focused);background:var(--ids-comp-button-outlined-color-bg-brand-focused);border-color:var(--ids-comp-button-outlined-color-border-brand-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-brand:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-brand:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-focused)}.ids-button.ids-button-outlined.ids-button-brand:active{color:var(--ids-comp-button-outlined-color-fg-label-brand-pressed);background:var(--ids-comp-button-outlined-color-bg-brand-pressed);border-color:var(--ids-comp-button-outlined-color-border-brand-pressed)}.ids-button.ids-button-outlined.ids-button-brand:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-pressed)}.ids-button.ids-button-outlined.ids-button-brand:disabled{color:var(--ids-comp-button-outlined-color-fg-label-brand-disabled);background:var(--ids-comp-button-outlined-color-bg-brand-disabled);border-color:var(--ids-comp-button-outlined-color-border-brand-disabled)}.ids-button.ids-button-outlined.ids-button-brand:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-disabled)}.ids-button.ids-button-outlined.ids-button-error{color:var(--ids-comp-button-outlined-color-fg-label-error-default);background:var(--ids-comp-button-outlined-color-bg-error-default);border-color:var(--ids-comp-button-outlined-color-border-error-default)}.ids-button.ids-button-outlined.ids-button-error>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-error-default)}.ids-button.ids-button-outlined.ids-button-error:hover{color:var(--ids-comp-button-outlined-color-fg-label-error-hovered);background:var(--ids-comp-button-outlined-color-bg-error-hovered);border-color:var(--ids-comp-button-outlined-color-border-error-hovered)}.ids-button.ids-button-outlined.ids-button-error:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-error-hovered)}.ids-button.ids-button-outlined.ids-button-error:focus,.ids-button.ids-button-outlined.ids-button-error:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-error-focused);background:var(--ids-comp-button-outlined-color-bg-error-focused);border-color:var(--ids-comp-button-outlined-color-border-error-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-error:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-error:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-error-focused)}.ids-button.ids-button-outlined.ids-button-error:active{color:var(--ids-comp-button-outlined-color-fg-label-error-pressed);background:var(--ids-comp-button-outlined-color-bg-error-pressed);border-color:var(--ids-comp-button-outlined-color-border-error-pressed)}.ids-button.ids-button-outlined.ids-button-error:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-error-pressed)}.ids-button.ids-button-outlined.ids-button-success{color:var(--ids-comp-button-outlined-color-fg-label-success-default);background:var(--ids-comp-button-outlined-color-bg-success-default);border-color:var(--ids-comp-button-outlined-color-border-success-default)}.ids-button.ids-button-outlined.ids-button-success>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-success-default)}.ids-button.ids-button-outlined.ids-button-success:hover{color:var(--ids-comp-button-outlined-color-fg-label-success-hovered);background:var(--ids-comp-button-outlined-color-bg-success-hovered);border-color:var(--ids-comp-button-outlined-color-border-success-hovered)}.ids-button.ids-button-outlined.ids-button-success:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-success-hovered)}.ids-button.ids-button-outlined.ids-button-success:focus,.ids-button.ids-button-outlined.ids-button-success:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-success-focused);background:var(--ids-comp-button-outlined-color-bg-success-focused);border-color:var(--ids-comp-button-outlined-color-border-success-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-success:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-success:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-success-focused)}.ids-button.ids-button-outlined.ids-button-success:active{color:var(--ids-comp-button-outlined-color-fg-label-success-pressed);background:var(--ids-comp-button-outlined-color-bg-success-pressed);border-color:var(--ids-comp-button-outlined-color-border-success-pressed)}.ids-button.ids-button-outlined.ids-button-success:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-success-pressed)}.ids-button.ids-button-outlined.ids-button-warning{color:var(--ids-comp-button-outlined-color-fg-label-warning-default);background:var(--ids-comp-button-outlined-color-bg-warning-default);border-color:var(--ids-comp-button-outlined-color-border-warning-default)}.ids-button.ids-button-outlined.ids-button-warning>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-warning-default)}.ids-button.ids-button-outlined.ids-button-warning:hover{color:var(--ids-comp-button-outlined-color-fg-label-warning-hovered);background:var(--ids-comp-button-outlined-color-bg-warning-hovered);border-color:var(--ids-comp-button-outlined-color-border-warning-hovered)}.ids-button.ids-button-outlined.ids-button-warning:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-warning-hovered)}.ids-button.ids-button-outlined.ids-button-warning:focus,.ids-button.ids-button-outlined.ids-button-warning:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-warning-focused);background:var(--ids-comp-button-outlined-color-bg-warning-focused);border-color:var(--ids-comp-button-outlined-color-border-warning-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-warning:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-warning:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-warning-focused)}.ids-button.ids-button-outlined.ids-button-warning:active{color:var(--ids-comp-button-outlined-color-fg-label-warning-pressed);background:var(--ids-comp-button-outlined-color-bg-warning-pressed);border-color:var(--ids-comp-button-outlined-color-border-warning-pressed)}.ids-button.ids-button-outlined.ids-button-warning:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-warning-pressed)}.ids-button.ids-button-outlined.ids-button-light{color:var(--ids-comp-button-outlined-color-fg-label-light-default);background:var(--ids-comp-button-outlined-color-bg-light-default);border-color:var(--ids-comp-button-outlined-color-border-light-default)}.ids-button.ids-button-outlined.ids-button-light>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-default)}.ids-button.ids-button-outlined.ids-button-light:hover{color:var(--ids-comp-button-outlined-color-fg-label-light-hovered);background:var(--ids-comp-button-outlined-color-bg-light-hovered);border-color:var(--ids-comp-button-outlined-color-border-light-hovered)}.ids-button.ids-button-outlined.ids-button-light:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-hovered)}.ids-button.ids-button-outlined.ids-button-light:focus,.ids-button.ids-button-outlined.ids-button-light:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-light-focused);background:var(--ids-comp-button-outlined-color-bg-light-focused);border-color:var(--ids-comp-button-outlined-color-border-light-focused);outline-color:var(--ids-comp-button-focused-outline-color-light-focused)}.ids-button.ids-button-outlined.ids-button-light:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-light:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-focused)}.ids-button.ids-button-outlined.ids-button-light:active{color:var(--ids-comp-button-outlined-color-fg-label-light-pressed);background:var(--ids-comp-button-outlined-color-bg-light-pressed);border-color:var(--ids-comp-button-outlined-color-border-light-pressed)}.ids-button.ids-button-outlined.ids-button-light:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-pressed)}.ids-button.ids-button-outlined.ids-button-light:disabled{color:var(--ids-comp-button-outlined-color-fg-label-light-disabled);background:var(--ids-comp-button-outlined-color-bg-light-disabled);border-color:var(--ids-comp-button-outlined-color-border-light-disabled)}.ids-button.ids-button-outlined.ids-button-light:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-disabled)}.ids-button.ids-button-outlined.ids-button-light-fixed{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-default);background:var(--ids-comp-button-outlined-color-bg-light-fixed-default);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-default)}.ids-button.ids-button-outlined.ids-button-light-fixed>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-default)}.ids-button.ids-button-outlined.ids-button-light-fixed:hover{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-hovered);background:var(--ids-comp-button-outlined-color-bg-light-fixed-hovered);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-hovered)}.ids-button.ids-button-outlined.ids-button-light-fixed:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-hovered)}.ids-button.ids-button-outlined.ids-button-light-fixed:focus,.ids-button.ids-button-outlined.ids-button-light-fixed:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-focused);background:var(--ids-comp-button-outlined-color-bg-light-fixed-focused);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-light-fixed:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-light-fixed:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-focused)}.ids-button.ids-button-outlined.ids-button-light-fixed:active{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-pressed);background:var(--ids-comp-button-outlined-color-bg-light-fixed-pressed);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-pressed)}.ids-button.ids-button-outlined.ids-button-light-fixed:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-pressed)}.ids-button.ids-button-outlined.ids-button-light-fixed:disabled{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-disabled);background:var(--ids-comp-button-outlined-color-bg-light-fixed-disabled);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-disabled)}.ids-button.ids-button-outlined.ids-button-light-fixed:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-disabled)}.ids-button.ids-button-outlined.ids-button-dark{color:var(--ids-comp-button-outlined-color-fg-label-dark-default);background:var(--ids-comp-button-outlined-color-bg-dark-default);border-color:var(--ids-comp-button-outlined-color-border-dark-default)}.ids-button.ids-button-outlined.ids-button-dark>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-default)}.ids-button.ids-button-outlined.ids-button-dark:hover{color:var(--ids-comp-button-outlined-color-fg-label-dark-hovered);background:var(--ids-comp-button-outlined-color-bg-dark-hovered);border-color:var(--ids-comp-button-outlined-color-border-dark-hovered)}.ids-button.ids-button-outlined.ids-button-dark:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-hovered)}.ids-button.ids-button-outlined.ids-button-dark:focus,.ids-button.ids-button-outlined.ids-button-dark:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-dark-focused);background:var(--ids-comp-button-outlined-color-bg-dark-focused);border-color:var(--ids-comp-button-outlined-color-border-dark-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-dark:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-dark:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-focused)}.ids-button.ids-button-outlined.ids-button-dark:active{color:var(--ids-comp-button-outlined-color-fg-label-dark-pressed);background:var(--ids-comp-button-outlined-color-bg-dark-pressed);border-color:var(--ids-comp-button-outlined-color-border-dark-pressed)}.ids-button.ids-button-outlined.ids-button-dark:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-pressed)}.ids-button.ids-button-outlined.ids-button-dark:disabled{color:var(--ids-comp-button-outlined-color-fg-label-dark-disabled);background:var(--ids-comp-button-outlined-color-bg-dark-disabled);border-color:var(--ids-comp-button-outlined-color-border-dark-disabled)}.ids-button.ids-button-outlined.ids-button-dark:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-disabled)}.ids-button.ids-button-outlined.ids-button-surface{color:var(--ids-comp-button-outlined-color-fg-label-surface-default);background:var(--ids-comp-button-outlined-color-bg-surface-default);border-color:var(--ids-comp-button-outlined-color-border-surface-default)}.ids-button.ids-button-outlined.ids-button-surface>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-default)}.ids-button.ids-button-outlined.ids-button-surface:hover{color:var(--ids-comp-button-outlined-color-fg-label-surface-hovered);background:var(--ids-comp-button-outlined-color-bg-surface-hovered);border-color:var(--ids-comp-button-outlined-color-border-surface-hovered)}.ids-button.ids-button-outlined.ids-button-surface:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-hovered)}.ids-button.ids-button-outlined.ids-button-surface:focus,.ids-button.ids-button-outlined.ids-button-surface:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-surface-focused);background:var(--ids-comp-button-outlined-color-bg-surface-focused);border-color:var(--ids-comp-button-outlined-color-border-surface-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-surface:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-surface:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-focused)}.ids-button.ids-button-outlined.ids-button-surface:active{color:var(--ids-comp-button-outlined-color-fg-label-surface-pressed);background:var(--ids-comp-button-outlined-color-bg-surface-pressed);border-color:var(--ids-comp-button-outlined-color-border-surface-pressed)}.ids-button.ids-button-outlined.ids-button-surface:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-pressed)}.ids-button.ids-button-outlined.ids-button-surface:disabled{color:var(--ids-comp-button-outlined-color-fg-label-surface-disabled);background:var(--ids-comp-button-outlined-color-bg-surface-disabled);border-color:var(--ids-comp-button-outlined-color-border-surface-disabled)}.ids-button.ids-button-outlined.ids-button-surface:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-disabled)}.ids-button.ids-button-text.ids-button-primary{color:var(--ids-comp-button-text-color-fg-label-primary-default);background:var(--ids-comp-button-text-color-bg-primary-default);border-color:var(--ids-comp-button-text-color-border-primary-default)}.ids-button.ids-button-text.ids-button-primary>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-default)}.ids-button.ids-button-text.ids-button-primary:hover{color:var(--ids-comp-button-text-color-fg-label-primary-hovered);background:var(--ids-comp-button-text-color-bg-primary-hovered);border-color:var(--ids-comp-button-text-color-border-primary-default)}.ids-button.ids-button-text.ids-button-primary:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-hovered)}.ids-button.ids-button-text.ids-button-primary:focus,.ids-button.ids-button-text.ids-button-primary:focus-visible{color:var(--ids-comp-button-text-color-fg-label-primary-focused);background:var(--ids-comp-button-text-color-bg-primary-focused);border-color:var(--ids-comp-button-text-color-border-primary-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-primary:focus>.ids-icon,.ids-button.ids-button-text.ids-button-primary:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-focused)}.ids-button.ids-button-text.ids-button-primary:active{color:var(--ids-comp-button-text-color-fg-label-primary-pressed);background:var(--ids-comp-button-text-color-bg-primary-pressed);border-color:var(--ids-comp-button-text-color-border-primary-default)}.ids-button.ids-button-text.ids-button-primary:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-pressed)}.ids-button.ids-button-text.ids-button-primary:disabled{color:var(--ids-comp-button-text-color-fg-label-primary-disabled);background:var(--ids-comp-button-text-color-bg-primary-disabled);border-color:var(--ids-comp-button-text-color-border-primary-default)}.ids-button.ids-button-text.ids-button-primary:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-disabled)}.ids-button.ids-button-text.ids-button-secondary{color:var(--ids-comp-button-text-color-fg-label-secondary-default);background:var(--ids-comp-button-text-color-bg-secondary-default);border-color:var(--ids-comp-button-text-color-border-secondary-default)}.ids-button.ids-button-text.ids-button-secondary>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-default)}.ids-button.ids-button-text.ids-button-secondary:hover{color:var(--ids-comp-button-text-color-fg-label-secondary-hovered);background:var(--ids-comp-button-text-color-bg-secondary-hovered);border-color:var(--ids-comp-button-text-color-border-secondary-default)}.ids-button.ids-button-text.ids-button-secondary:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-hovered)}.ids-button.ids-button-text.ids-button-secondary:focus,.ids-button.ids-button-text.ids-button-secondary:focus-visible{color:var(--ids-comp-button-text-color-fg-label-secondary-focused);background:var(--ids-comp-button-text-color-bg-secondary-focused);border-color:var(--ids-comp-button-text-color-border-secondary-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-secondary:focus>.ids-icon,.ids-button.ids-button-text.ids-button-secondary:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-focused)}.ids-button.ids-button-text.ids-button-secondary:active{color:var(--ids-comp-button-text-color-fg-label-secondary-pressed);background:var(--ids-comp-button-text-color-bg-secondary-pressed);border-color:var(--ids-comp-button-text-color-border-secondary-default)}.ids-button.ids-button-text.ids-button-secondary:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-pressed)}.ids-button.ids-button-text.ids-button-secondary:disabled{color:var(--ids-comp-button-text-color-fg-label-secondary-disabled);background:var(--ids-comp-button-text-color-bg-secondary-disabled);border-color:var(--ids-comp-button-text-color-border-secondary-default)}.ids-button.ids-button-text.ids-button-secondary:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-disabled)}.ids-button.ids-button-text.ids-button-brand{color:var(--ids-comp-button-text-color-fg-label-brand-default);background:var(--ids-comp-button-text-color-bg-brand-default);border-color:var(--ids-comp-button-text-color-border-brand-default)}.ids-button.ids-button-text.ids-button-brand>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-default)}.ids-button.ids-button-text.ids-button-brand:hover{color:var(--ids-comp-button-text-color-fg-label-brand-hovered);background:var(--ids-comp-button-text-color-bg-brand-hovered);border-color:var(--ids-comp-button-text-color-border-brand-default)}.ids-button.ids-button-text.ids-button-brand:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-hovered)}.ids-button.ids-button-text.ids-button-brand:focus,.ids-button.ids-button-text.ids-button-brand:focus-visible{color:var(--ids-comp-button-text-color-fg-label-brand-focused);background:var(--ids-comp-button-text-color-bg-brand-focused);border-color:var(--ids-comp-button-text-color-border-brand-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-brand:focus>.ids-icon,.ids-button.ids-button-text.ids-button-brand:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-focused)}.ids-button.ids-button-text.ids-button-brand:active{color:var(--ids-comp-button-text-color-fg-label-brand-pressed);background:var(--ids-comp-button-text-color-bg-brand-pressed);border-color:var(--ids-comp-button-text-color-border-brand-default)}.ids-button.ids-button-text.ids-button-brand:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-pressed)}.ids-button.ids-button-text.ids-button-brand:disabled{color:var(--ids-comp-button-text-color-fg-label-brand-disabled);background:var(--ids-comp-button-text-color-bg-brand-disabled);border-color:var(--ids-comp-button-text-color-border-brand-default)}.ids-button.ids-button-text.ids-button-brand:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-disabled)}.ids-button.ids-button-text.ids-button-error{color:var(--ids-comp-button-text-color-fg-label-error-default);background:var(--ids-comp-button-text-color-bg-error-default);border-color:var(--ids-comp-button-text-color-border-error-default)}.ids-button.ids-button-text.ids-button-error>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-error-default)}.ids-button.ids-button-text.ids-button-error:hover{color:var(--ids-comp-button-text-color-fg-label-error-hovered);background:var(--ids-comp-button-text-color-bg-error-hovered);border-color:var(--ids-comp-button-text-color-border-error-default)}.ids-button.ids-button-text.ids-button-error:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-error-hovered)}.ids-button.ids-button-text.ids-button-error:focus,.ids-button.ids-button-text.ids-button-error:focus-visible{color:var(--ids-comp-button-text-color-fg-label-error-focused);background:var(--ids-comp-button-text-color-bg-error-focused);border-color:var(--ids-comp-button-text-color-border-error-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-error:focus>.ids-icon,.ids-button.ids-button-text.ids-button-error:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-error-focused)}.ids-button.ids-button-text.ids-button-error:active{color:var(--ids-comp-button-text-color-fg-label-error-pressed);background:var(--ids-comp-button-text-color-bg-error-pressed);border-color:var(--ids-comp-button-text-color-border-error-default)}.ids-button.ids-button-text.ids-button-error:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-error-pressed)}.ids-button.ids-button-text.ids-button-success{color:var(--ids-comp-button-text-color-fg-label-success-default);background:var(--ids-comp-button-text-color-bg-success-default);border-color:var(--ids-comp-button-text-color-border-success-default)}.ids-button.ids-button-text.ids-button-success>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-success-default)}.ids-button.ids-button-text.ids-button-success:hover{color:var(--ids-comp-button-text-color-fg-label-success-hovered);background:var(--ids-comp-button-text-color-bg-success-hovered);border-color:var(--ids-comp-button-text-color-border-success-default)}.ids-button.ids-button-text.ids-button-success:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-success-hovered)}.ids-button.ids-button-text.ids-button-success:focus,.ids-button.ids-button-text.ids-button-success:focus-visible{color:var(--ids-comp-button-text-color-fg-label-success-focused);background:var(--ids-comp-button-text-color-bg-success-focused);border-color:var(--ids-comp-button-text-color-border-success-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-success:focus>.ids-icon,.ids-button.ids-button-text.ids-button-success:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-success-focused)}.ids-button.ids-button-text.ids-button-success:active{color:var(--ids-comp-button-text-color-fg-label-success-pressed);background:var(--ids-comp-button-text-color-bg-success-pressed);border-color:var(--ids-comp-button-text-color-border-success-default)}.ids-button.ids-button-text.ids-button-success:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-success-pressed)}.ids-button.ids-button-text.ids-button-warning{color:var(--ids-comp-button-text-color-fg-label-warning-default);background:var(--ids-comp-button-text-color-bg-warning-default);border-color:var(--ids-comp-button-text-color-border-warning-default)}.ids-button.ids-button-text.ids-button-warning>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-warning-default)}.ids-button.ids-button-text.ids-button-warning:hover{color:var(--ids-comp-button-text-color-fg-label-warning-hovered);background:var(--ids-comp-button-text-color-bg-warning-hovered);border-color:var(--ids-comp-button-text-color-border-warning-default)}.ids-button.ids-button-text.ids-button-warning:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-warning-hovered)}.ids-button.ids-button-text.ids-button-warning:focus,.ids-button.ids-button-text.ids-button-warning:focus-visible{color:var(--ids-comp-button-text-color-fg-label-warning-focused);background:var(--ids-comp-button-text-color-bg-warning-focused);border-color:var(--ids-comp-button-text-color-border-warning-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-warning:focus>.ids-icon,.ids-button.ids-button-text.ids-button-warning:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-warning-focused)}.ids-button.ids-button-text.ids-button-warning:active{color:var(--ids-comp-button-text-color-fg-label-warning-pressed);background:var(--ids-comp-button-text-color-bg-warning-pressed);border-color:var(--ids-comp-button-text-color-border-warning-default)}.ids-button.ids-button-text.ids-button-warning:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-warning-pressed)}.ids-button.ids-button-text.ids-button-light{color:var(--ids-comp-button-text-color-fg-label-light-default);background:var(--ids-comp-button-text-color-bg-light-default);border-color:var(--ids-comp-button-text-color-border-light-default)}.ids-button.ids-button-text.ids-button-light>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-default)}.ids-button.ids-button-text.ids-button-light:hover{color:var(--ids-comp-button-text-color-fg-label-light-hovered);background:var(--ids-comp-button-text-color-bg-light-hovered);border-color:var(--ids-comp-button-text-color-border-light-default)}.ids-button.ids-button-text.ids-button-light:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-hovered)}.ids-button.ids-button-text.ids-button-light:focus,.ids-button.ids-button-text.ids-button-light:focus-visible{color:var(--ids-comp-button-text-color-fg-label-light-focused);background:var(--ids-comp-button-text-color-bg-light-focused);border-color:var(--ids-comp-button-text-color-border-light-default);outline-color:var(--ids-comp-button-focused-outline-color-light-focused)}.ids-button.ids-button-text.ids-button-light:focus>.ids-icon,.ids-button.ids-button-text.ids-button-light:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-focused)}.ids-button.ids-button-text.ids-button-light:active{color:var(--ids-comp-button-text-color-fg-label-light-pressed);background:var(--ids-comp-button-text-color-bg-light-pressed);border-color:var(--ids-comp-button-text-color-border-light-default)}.ids-button.ids-button-text.ids-button-light:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-pressed)}.ids-button.ids-button-text.ids-button-light:disabled{color:var(--ids-comp-button-text-color-fg-label-light-disabled);background:var(--ids-comp-button-text-color-bg-light-disabled);border-color:var(--ids-comp-button-text-color-border-light-default)}.ids-button.ids-button-text.ids-button-light:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-disabled)}.ids-button.ids-button-text.ids-button-light-fixed{color:var(--ids-comp-button-text-color-fg-label-light-fixed-default);background:var(--ids-comp-button-text-color-bg-light-fixed-default);border-color:var(--ids-comp-button-text-color-border-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed:hover{color:var(--ids-comp-button-text-color-fg-label-light-fixed-hovered);background:var(--ids-comp-button-text-color-bg-light-fixed-hovered);border-color:var(--ids-comp-button-text-color-border-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-hovered)}.ids-button.ids-button-text.ids-button-light-fixed:focus,.ids-button.ids-button-text.ids-button-light-fixed:focus-visible{color:var(--ids-comp-button-text-color-fg-label-light-fixed-focused);background:var(--ids-comp-button-text-color-bg-light-fixed-focused);border-color:var(--ids-comp-button-text-color-border-light-fixed-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-light-fixed:focus>.ids-icon,.ids-button.ids-button-text.ids-button-light-fixed:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-focused)}.ids-button.ids-button-text.ids-button-light-fixed:active{color:var(--ids-comp-button-text-color-fg-label-light-fixed-pressed);background:var(--ids-comp-button-text-color-bg-light-fixed-pressed);border-color:var(--ids-comp-button-text-color-border-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-pressed)}.ids-button.ids-button-text.ids-button-light-fixed:disabled{color:var(--ids-comp-button-text-color-fg-label-light-fixed-disabled);background:var(--ids-comp-button-text-color-bg-light-fixed-disabled);border-color:var(--ids-comp-button-text-color-border-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-disabled)}.ids-button.ids-button-text.ids-button-dark{color:var(--ids-comp-button-text-color-fg-label-dark-default);background:var(--ids-comp-button-text-color-bg-dark-default);border-color:var(--ids-comp-button-text-color-border-dark-default)}.ids-button.ids-button-text.ids-button-dark>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-default)}.ids-button.ids-button-text.ids-button-dark:hover{color:var(--ids-comp-button-text-color-fg-label-dark-hovered);background:var(--ids-comp-button-text-color-bg-dark-hovered);border-color:var(--ids-comp-button-text-color-border-dark-default)}.ids-button.ids-button-text.ids-button-dark:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-hovered)}.ids-button.ids-button-text.ids-button-dark:focus,.ids-button.ids-button-text.ids-button-dark:focus-visible{color:var(--ids-comp-button-text-color-fg-label-dark-focused);background:var(--ids-comp-button-text-color-bg-dark-focused);border-color:var(--ids-comp-button-text-color-border-dark-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-dark:focus>.ids-icon,.ids-button.ids-button-text.ids-button-dark:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-focused)}.ids-button.ids-button-text.ids-button-dark:active{color:var(--ids-comp-button-text-color-fg-label-dark-pressed);background:var(--ids-comp-button-text-color-bg-dark-pressed);border-color:var(--ids-comp-button-text-color-border-dark-default)}.ids-button.ids-button-text.ids-button-dark:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-pressed)}.ids-button.ids-button-text.ids-button-dark:disabled{color:var(--ids-comp-button-text-color-fg-label-dark-disabled);background:var(--ids-comp-button-text-color-bg-dark-disabled);border-color:var(--ids-comp-button-text-color-border-dark-default)}.ids-button.ids-button-text.ids-button-dark:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-disabled)}.ids-button.ids-button-text.ids-button-surface{color:var(--ids-comp-button-text-color-fg-label-surface-default);background:var(--ids-comp-button-text-color-bg-surface-default);border-color:var(--ids-comp-button-text-color-border-surface-default)}.ids-button.ids-button-text.ids-button-surface>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-default)}.ids-button.ids-button-text.ids-button-surface:hover{color:var(--ids-comp-button-text-color-fg-label-surface-hovered);background:var(--ids-comp-button-text-color-bg-surface-hovered);border-color:var(--ids-comp-button-text-color-border-surface-default)}.ids-button.ids-button-text.ids-button-surface:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-hovered)}.ids-button.ids-button-text.ids-button-surface:focus,.ids-button.ids-button-text.ids-button-surface:focus-visible{color:var(--ids-comp-button-text-color-fg-label-surface-focused);background:var(--ids-comp-button-text-color-bg-surface-focused);border-color:var(--ids-comp-button-text-color-border-surface-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-surface:focus>.ids-icon,.ids-button.ids-button-text.ids-button-surface:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-focused)}.ids-button.ids-button-text.ids-button-surface:active{color:var(--ids-comp-button-text-color-fg-label-surface-pressed);background:var(--ids-comp-button-text-color-bg-surface-pressed);border-color:var(--ids-comp-button-text-color-border-surface-default)}.ids-button.ids-button-text.ids-button-surface:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-pressed)}.ids-button.ids-button-text.ids-button-surface:disabled{color:var(--ids-comp-button-text-color-fg-label-surface-disabled);background:var(--ids-comp-button-text-color-bg-surface-disabled);border-color:var(--ids-comp-button-text-color-border-surface-default)}.ids-button.ids-button-text.ids-button-surface:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-disabled)}
package/dist/button/button.plugin.js CHANGED
@@ -3,12 +3,22 @@ module.exports = function ButtonPlugin() {
3
3
  return function ({ addComponents }) {
4
4
  const cssObj = {
5
5
  '.ids-button': {
6
+ boxSizing: 'border-box',
7
+ borderWidth: '0',
8
+ borderStyle: ['none', 'solid'],
9
+ borderColor: 'rgba(0,0,0,0)',
10
+ lineHeight: 1.5,
6
11
  flexShrink: 0,
7
12
  width: 'fit-content',
8
13
  alignItems: 'center',
9
14
  display: 'inline-flex',
10
15
  justifyContent: 'center',
11
- borderStyle: 'solid',
16
+ },
17
+ '.ids-button::before,.ids-button::after,.ids-button *,.ids-button ::before,.ids-button ::after': {
18
+ boxSizing: 'border-box',
19
+ borderWidth: '0',
20
+ borderStyle: 'none',
21
+ borderColor: 'rgba(0,0,0,0)',
12
22
  },
13
23
  '.ids-button:focus,.ids-button:focus-visible': { outlineOffset: '2px', outlineStyle: 'solid' },
14
24
  '.ids-button:active': { outlineStyle: 'none' },
package/dist/card/card.css CHANGED
@@ -1,8 +1,19 @@
1
1
  .ids-card {
2
+ box-sizing: border-box;
3
+ border-width: 0;
4
+ border-style: none;
5
+ border-color: transparent;
6
+ line-height: 1.5;
2
7
  display: flex;
3
8
  border-style: solid;
4
9
  box-sizing: border-box;
5
10
  }
11
+ .ids-card::before, .ids-card::after, .ids-card *, .ids-card ::before, .ids-card ::after {
12
+ box-sizing: border-box;
13
+ border-width: 0;
14
+ border-style: none;
15
+ border-color: transparent;
16
+ }
6
17
  .ids-card.ids-card-clickable {
7
18
  pointer-events: auto;
8
19
  cursor: pointer;
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,.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)}
1
+ .ids-card{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:flex;border-style:solid;box-sizing:border-box}.ids-card::before,.ids-card::after,.ids-card *,.ids-card ::before,.ids-card ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.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)}
package/dist/card/card.plugin.js CHANGED
@@ -2,7 +2,20 @@
2
2
  module.exports = function CardPlugin() {
3
3
  return function ({ addComponents }) {
4
4
  const cssObj = {
5
- '.ids-card': { display: 'flex', borderStyle: 'solid', boxSizing: 'border-box' },
5
+ '.ids-card': {
6
+ boxSizing: ['border-box', 'border-box'],
7
+ borderWidth: '0',
8
+ borderStyle: ['none', 'solid'],
9
+ borderColor: 'rgba(0,0,0,0)',
10
+ lineHeight: 1.5,
11
+ display: 'flex',
12
+ },
13
+ '.ids-card::before,.ids-card::after,.ids-card *,.ids-card ::before,.ids-card ::after': {
14
+ boxSizing: 'border-box',
15
+ borderWidth: '0',
16
+ borderStyle: 'none',
17
+ borderColor: 'rgba(0,0,0,0)',
18
+ },
6
19
  '.ids-card.ids-card-clickable': { pointerEvents: 'auto', cursor: 'pointer' },
7
20
  '.ids-card.ids-card-clickable:focus,.ids-card.ids-card-clickable:focus-visible': { outlineOffset: '2px', outlineStyle: 'solid' },
8
21
  '.ids-card.ids-card-clickable.ids-card-disabled': { pointerEvents: 'none', cursor: 'not-allowed' },