@i-cell/ids-styles 0.0.2 → 0.0.3

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 (43) hide show
  1. package/dist/accordion/accordion.css +69 -68
  2. package/dist/accordion/accordion.min.css +1 -1
  3. package/dist/accordion/accordion.plugin.js +69 -73
  4. package/dist/action-item/action-item.css +67 -55
  5. package/dist/action-item/action-item.min.css +1 -1
  6. package/dist/action-item/action-item.plugin.js +67 -73
  7. package/dist/action-panel/action-panel.css +29 -28
  8. package/dist/action-panel/action-panel.min.css +1 -1
  9. package/dist/action-panel/action-panel.plugin.js +35 -39
  10. package/dist/avatar/avatar.css +77 -154
  11. package/dist/avatar/avatar.min.css +1 -1
  12. package/dist/avatar/avatar.plugin.js +77 -148
  13. package/dist/button/button.css +134 -178
  14. package/dist/button/button.min.css +1 -1
  15. package/dist/button/button.plugin.js +141 -179
  16. package/dist/card/card.css +137 -184
  17. package/dist/card/card.min.css +1 -1
  18. package/dist/card/card.plugin.js +137 -189
  19. package/dist/checkbox/checkbox.css +554 -0
  20. package/dist/checkbox/checkbox.min.css +1 -0
  21. package/dist/checkbox/checkbox.plugin.js +539 -0
  22. package/dist/components.css +1566 -1326
  23. package/dist/components.min.css +1 -1
  24. package/dist/components.plugin.js +1511 -1374
  25. package/dist/dialog/dialog.css +99 -95
  26. package/dist/dialog/dialog.min.css +1 -1
  27. package/dist/dialog/dialog.plugin.js +103 -102
  28. package/dist/divider/divider.css +21 -23
  29. package/dist/divider/divider.min.css +1 -1
  30. package/dist/divider/divider.plugin.js +22 -30
  31. package/dist/form-elements/message/message.css +165 -0
  32. package/dist/form-elements/message/message.min.css +1 -0
  33. package/dist/form-elements/message/message.plugin.js +116 -0
  34. package/dist/form-elements/required-marker/required-marker.css +6 -0
  35. package/dist/form-elements/required-marker/required-marker.min.css +1 -0
  36. package/dist/form-elements/required-marker/required-marker.plugin.js +15 -0
  37. package/dist/icon-button/icon-button.css +101 -124
  38. package/dist/icon-button/icon-button.min.css +1 -1
  39. package/dist/icon-button/icon-button.plugin.js +108 -125
  40. package/dist/tag/tag.css +104 -417
  41. package/dist/tag/tag.min.css +1 -1
  42. package/dist/tag/tag.plugin.js +111 -418
  43. package/package.json +6 -4
package/dist/card/card.min.css CHANGED
@@ -1 +1 @@
1
- .ids-card{display:flex;border-style:solid}.ids-card.ids-card-clickable{pointer-events:auto;cursor:pointer}.ids-card.ids-card-clickable:focus{outline-offset:2px;outline-style:solid;outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-clickable:focus.ids-button-light{outline-color:var(--ids-comp-card-focused-outline-color-light-focused)}.ids-card.ids-card-clickable.ids-card-disabled{pointer-events:none;cursor:not-allowed}.ids-card.ids-card-vertical{flex-direction:column}.ids-card.ids-card-vertical .ids-card-section:first-child{padding-bottom:0px;border-top-left-radius:inherit;border-top-right-radius:inherit}.ids-card.ids-card-vertical .ids-card-section:last-child{padding-top:0px;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.ids-card.ids-card-vertical .ids-card-section.ids-card-section-stretched{padding-left:0px;padding-right:0px;width:100%}.ids-card.ids-card-vertical .ids-card-section .ids-card-header-headline{display:flex;flex-direction:column}.ids-card.ids-card-horizontal .ids-card-section:first-child{padding-right:0px;border-top-left-radius:inherit;border-bottom-left-radius:inherit}.ids-card.ids-card-horizontal .ids-card-section:last-child{padding-left:0px;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.ids-card.ids-card-horizontal .ids-card-section.ids-card-section-stretched{padding-top:0px;padding-bottom:0px;height:100%}.ids-card.ids-card-horizontal .ids-card-section.ids-card-header,.ids-card.ids-card-horizontal .ids-card-section.ids-card-footer{display:none}.ids-card .ids-card-title{color:var(--ids-smc-reference-container-color-fg-surface-darker-95);font-size:24px;font-style:normal;font-weight:600;line-height:32px}.ids-card .ids-card-subtitle{color:var(--ids-smc-reference-container-color-fg-surface-darker-70);font-size:16px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.15px}.ids-card.ids-card-elevated{box-shadow:var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-sm) var(--ids-smc-reference-container-effects-shadow-blur-md) var(--ids-smc-reference-container-effects-shadow-spread-xxl) var(--ids-smc-reference-container-effects-shadow-color-dark-light),var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xs) var(--ids-smc-reference-container-effects-shadow-blur-sm) var(--ids-smc-reference-container-effects-shadow-spread-xl) var(--ids-smc-reference-container-effects-shadow-color-dark-light)}.ids-card.ids-card-compact.ids-card-horizontal{padding:var(--ids-comp-size-card-container-horizontal-size-padding-y-compact) var(--ids-comp-size-card-container-horizontal-size-padding-x-compact);gap:var(--ids-comp-size-card-container-horizontal-size-gap-compact);border-radius:var(--ids-comp-size-card-container-horizontal-size-border-radius-compact)}.ids-card.ids-card-compact.ids-card-horizontal.ids-card-outlined{border-width:var(--ids-comp-size-card-container-horizontal-size-border-width-compact)}.ids-card.ids-card-compact.ids-card-vertical{padding:var(--ids-comp-size-card-container-vertical-size-padding-y-compact) var(--ids-comp-size-card-container-vertical-size-padding-x-compact);gap:var(--ids-comp-size-card-container-vertical-size-gap-compact);border-radius:var(--ids-comp-size-card-container-vertical-size-border-radius-compact)}.ids-card.ids-card-compact.ids-card-vertical.ids-card-outlined{border-width:var(--ids-comp-size-card-container-vertical-size-border-width-compact)}.ids-card.ids-card-compact.ids-card-clickable:focus{outline-width:var(--ids-comp-size-card-focused-outline-outline-compact)}.ids-card.ids-card-compact .ids-card-header-headline{gap:var(--ids-comp-size-card-header-headline-gap-compact);padding:var(--ids-comp-size-card-header-headline-padding-y-compact) var(--ids-comp-size-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-size-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-size-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-size-card-slot-size-padding-x-compact);padding-right:var(--ids-comp-size-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-size-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-size-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-size-card-slot-size-padding-x-compact);padding-bottom:var(--ids-comp-size-card-slot-size-padding-x-compact)}.ids-card.ids-card-comfortable.ids-card-horizontal{padding:var(--ids-comp-size-card-container-horizontal-size-padding-y-comfortable) var(--ids-comp-size-card-container-horizontal-size-padding-x-comfortable);gap:var(--ids-comp-size-card-container-horizontal-size-gap-comfortable);border-radius:var(--ids-comp-size-card-container-horizontal-size-border-radius-comfortable)}.ids-card.ids-card-comfortable.ids-card-horizontal.ids-card-outlined{border-width:var(--ids-comp-size-card-container-horizontal-size-border-width-comfortable)}.ids-card.ids-card-comfortable.ids-card-vertical{padding:var(--ids-comp-size-card-container-vertical-size-padding-y-comfortable) var(--ids-comp-size-card-container-vertical-size-padding-x-comfortable);gap:var(--ids-comp-size-card-container-vertical-size-gap-comfortable);border-radius:var(--ids-comp-size-card-container-vertical-size-border-radius-comfortable)}.ids-card.ids-card-comfortable.ids-card-vertical.ids-card-outlined{border-width:var(--ids-comp-size-card-container-vertical-size-border-width-comfortable)}.ids-card.ids-card-comfortable.ids-card-clickable:focus{outline-width:var(--ids-comp-size-card-focused-outline-outline-comfortable)}.ids-card.ids-card-comfortable .ids-card-header-headline{gap:var(--ids-comp-size-card-header-headline-gap-comfortable);padding:var(--ids-comp-size-card-header-headline-padding-y-comfortable) var(--ids-comp-size-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-size-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-size-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-size-card-slot-size-padding-x-comfortable);padding-right:var(--ids-comp-size-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-size-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-size-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-size-card-slot-size-padding-x-comfortable);padding-bottom:var(--ids-comp-size-card-slot-size-padding-x-comfortable)}.ids-card.ids-card-spacious.ids-card-horizontal{padding:var(--ids-comp-size-card-container-horizontal-size-padding-y-spacious) var(--ids-comp-size-card-container-horizontal-size-padding-x-spacious);gap:var(--ids-comp-size-card-container-horizontal-size-gap-spacious);border-radius:var(--ids-comp-size-card-container-horizontal-size-border-radius-spacious)}.ids-card.ids-card-spacious.ids-card-horizontal.ids-card-outlined{border-width:var(--ids-comp-size-card-container-horizontal-size-border-width-spacious)}.ids-card.ids-card-spacious.ids-card-vertical{padding:var(--ids-comp-size-card-container-vertical-size-padding-y-spacious) var(--ids-comp-size-card-container-vertical-size-padding-x-spacious);gap:var(--ids-comp-size-card-container-vertical-size-gap-spacious);border-radius:var(--ids-comp-size-card-container-vertical-size-border-radius-spacious)}.ids-card.ids-card-spacious.ids-card-vertical.ids-card-outlined{border-width:var(--ids-comp-size-card-container-vertical-size-border-width-spacious)}.ids-card.ids-card-spacious.ids-card-clickable:focus{outline-width:var(--ids-comp-size-card-focused-outline-outline-spacious)}.ids-card.ids-card-spacious .ids-card-header-headline{gap:var(--ids-comp-size-card-header-headline-gap-spacious);padding:var(--ids-comp-size-card-header-headline-padding-y-spacious) var(--ids-comp-size-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-size-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-size-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-size-card-slot-size-padding-x-spacious);padding-right:var(--ids-comp-size-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-size-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-size-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-size-card-slot-size-padding-x-spacious);padding-bottom:var(--ids-comp-size-card-slot-size-padding-x-spacious)}.ids-card.ids-card-dense.ids-card-horizontal{padding:var(--ids-comp-size-card-container-horizontal-size-padding-y-dense) var(--ids-comp-size-card-container-horizontal-size-padding-x-dense);gap:var(--ids-comp-size-card-container-horizontal-size-gap-dense);border-radius:var(--ids-comp-size-card-container-horizontal-size-border-radius-dense)}.ids-card.ids-card-dense.ids-card-horizontal.ids-card-outlined{border-width:var(--ids-comp-size-card-container-horizontal-size-border-width-dense)}.ids-card.ids-card-dense.ids-card-vertical{padding:var(--ids-comp-size-card-container-vertical-size-padding-y-dense) var(--ids-comp-size-card-container-vertical-size-padding-x-dense);gap:var(--ids-comp-size-card-container-vertical-size-gap-dense);border-radius:var(--ids-comp-size-card-container-vertical-size-border-radius-dense)}.ids-card.ids-card-dense.ids-card-vertical.ids-card-outlined{border-width:var(--ids-comp-size-card-container-vertical-size-border-width-dense)}.ids-card.ids-card-dense.ids-card-clickable:focus{outline-width:var(--ids-comp-size-card-focused-outline-outline-dense)}.ids-card.ids-card-dense .ids-card-header-headline{gap:var(--ids-comp-size-card-header-headline-gap-dense);padding:var(--ids-comp-size-card-header-headline-padding-y-dense) var(--ids-comp-size-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-size-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-size-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-size-card-slot-size-padding-x-dense);padding-right:var(--ids-comp-size-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-size-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-size-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-size-card-slot-size-padding-x-dense);padding-bottom:var(--ids-comp-size-card-slot-size-padding-x-dense)}.ids-card.ids-card-filled.ids-card-primary{background-color:var(--ids-comp-card-filled-color-bg-primary-enabled);border-color:var(--ids-comp-card-filled-color-border-primary-enabled)}.ids-card.ids-card-filled.ids-card-primary.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-primary-hovered);border-color:var(--ids-comp-card-filled-color-border-primary-hovered)}.ids-card.ids-card-filled.ids-card-primary.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-primary-focused);border-color:var(--ids-comp-card-filled-color-border-primary-focused)}.ids-card.ids-card-filled.ids-card-primary.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-primary-pressed);border-color:var(--ids-comp-card-filled-color-border-primary-pressed)}.ids-card.ids-card-filled.ids-card-primary.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-primary-disabled);border-color:var(--ids-comp-card-filled-color-border-primary-disabled)}.ids-card.ids-card-filled.ids-card-secondary{background-color:var(--ids-comp-card-filled-color-bg-secondary-enabled);border-color:var(--ids-comp-card-filled-color-border-secondary-enabled)}.ids-card.ids-card-filled.ids-card-secondary.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-secondary-hovered);border-color:var(--ids-comp-card-filled-color-border-secondary-hovered)}.ids-card.ids-card-filled.ids-card-secondary.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-secondary-focused);border-color:var(--ids-comp-card-filled-color-border-secondary-focused)}.ids-card.ids-card-filled.ids-card-secondary.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-secondary-pressed);border-color:var(--ids-comp-card-filled-color-border-secondary-pressed)}.ids-card.ids-card-filled.ids-card-secondary.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-secondary-disabled);border-color:var(--ids-comp-card-filled-color-border-secondary-disabled)}.ids-card.ids-card-filled.ids-card-brand{background-color:var(--ids-comp-card-filled-color-bg-brand-enabled);border-color:var(--ids-comp-card-filled-color-border-brand-enabled)}.ids-card.ids-card-filled.ids-card-brand.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-brand-hovered);border-color:var(--ids-comp-card-filled-color-border-brand-hovered)}.ids-card.ids-card-filled.ids-card-brand.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-brand-focused);border-color:var(--ids-comp-card-filled-color-border-brand-focused)}.ids-card.ids-card-filled.ids-card-brand.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-brand-pressed);border-color:var(--ids-comp-card-filled-color-border-brand-pressed)}.ids-card.ids-card-filled.ids-card-brand.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-brand-disabled);border-color:var(--ids-comp-card-filled-color-border-brand-disabled)}.ids-card.ids-card-filled.ids-card-error{background-color:var(--ids-comp-card-filled-color-bg-error-enabled);border-color:var(--ids-comp-card-filled-color-border-error-enabled)}.ids-card.ids-card-filled.ids-card-error.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-error-hovered);border-color:var(--ids-comp-card-filled-color-border-error-hovered)}.ids-card.ids-card-filled.ids-card-error.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-error-focused);border-color:var(--ids-comp-card-filled-color-border-error-focused)}.ids-card.ids-card-filled.ids-card-error.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-error-pressed);border-color:var(--ids-comp-card-filled-color-border-error-pressed)}.ids-card.ids-card-filled.ids-card-error.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-error-disabled);border-color:var(--ids-comp-card-filled-color-border-error-disabled)}.ids-card.ids-card-filled.ids-card-success{background-color:var(--ids-comp-card-filled-color-bg-success-enabled);border-color:var(--ids-comp-card-filled-color-border-success-enabled)}.ids-card.ids-card-filled.ids-card-success.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-success-hovered);border-color:var(--ids-comp-card-filled-color-border-success-hovered)}.ids-card.ids-card-filled.ids-card-success.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-success-focused);border-color:var(--ids-comp-card-filled-color-border-success-focused)}.ids-card.ids-card-filled.ids-card-success.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-success-pressed);border-color:var(--ids-comp-card-filled-color-border-success-pressed)}.ids-card.ids-card-filled.ids-card-success.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-success-disabled);border-color:var(--ids-comp-card-filled-color-border-success-disabled)}.ids-card.ids-card-filled.ids-card-warning{background-color:var(--ids-comp-card-filled-color-bg-warning-enabled);border-color:var(--ids-comp-card-filled-color-border-warning-enabled)}.ids-card.ids-card-filled.ids-card-warning.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-warning-hovered);border-color:var(--ids-comp-card-filled-color-border-warning-hovered)}.ids-card.ids-card-filled.ids-card-warning.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-warning-focused);border-color:var(--ids-comp-card-filled-color-border-warning-focused)}.ids-card.ids-card-filled.ids-card-warning.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-warning-pressed);border-color:var(--ids-comp-card-filled-color-border-warning-pressed)}.ids-card.ids-card-filled.ids-card-warning.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-warning-disabled);border-color:var(--ids-comp-card-filled-color-border-warning-disabled)}.ids-card.ids-card-filled.ids-card-info{background-color:var(--ids-comp-card-filled-color-bg-info-enabled);border-color:var(--ids-comp-card-filled-color-border-info-enabled)}.ids-card.ids-card-filled.ids-card-info.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-info-hovered);border-color:var(--ids-comp-card-filled-color-border-info-hovered)}.ids-card.ids-card-filled.ids-card-info.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-info-focused);border-color:var(--ids-comp-card-filled-color-border-info-focused)}.ids-card.ids-card-filled.ids-card-info.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-info-pressed);border-color:var(--ids-comp-card-filled-color-border-info-pressed)}.ids-card.ids-card-filled.ids-card-info.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-info-disabled);border-color:var(--ids-comp-card-filled-color-border-info-disabled)}.ids-card.ids-card-filled.ids-card-light{background-color:var(--ids-comp-card-filled-color-bg-light-enabled);border-color:var(--ids-comp-card-filled-color-border-light-enabled)}.ids-card.ids-card-filled.ids-card-light.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-light-hovered);border-color:var(--ids-comp-card-filled-color-border-light-hovered)}.ids-card.ids-card-filled.ids-card-light.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-light-focused);border-color:var(--ids-comp-card-filled-color-border-light-focused)}.ids-card.ids-card-filled.ids-card-light.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-light-pressed);border-color:var(--ids-comp-card-filled-color-border-light-pressed)}.ids-card.ids-card-filled.ids-card-light.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-light-disabled);border-color:var(--ids-comp-card-filled-color-border-light-disabled)}.ids-card.ids-card-filled.ids-card-dark{background-color:var(--ids-comp-card-filled-color-bg-dark-enabled);border-color:var(--ids-comp-card-filled-color-border-dark-enabled)}.ids-card.ids-card-filled.ids-card-dark.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-dark-hovered);border-color:var(--ids-comp-card-filled-color-border-dark-hovered)}.ids-card.ids-card-filled.ids-card-dark.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-dark-focused);border-color:var(--ids-comp-card-filled-color-border-dark-focused)}.ids-card.ids-card-filled.ids-card-dark.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-dark-pressed);border-color:var(--ids-comp-card-filled-color-border-dark-pressed)}.ids-card.ids-card-filled.ids-card-dark.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-dark-disabled);border-color:var(--ids-comp-card-filled-color-border-dark-disabled)}.ids-card.ids-card-filled.ids-card-surface{background-color:var(--ids-comp-card-filled-color-bg-surface-enabled);border-color:var(--ids-comp-card-filled-color-border-surface-enabled)}.ids-card.ids-card-filled.ids-card-surface.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-surface-hovered);border-color:var(--ids-comp-card-filled-color-border-surface-hovered)}.ids-card.ids-card-filled.ids-card-surface.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-surface-focused);border-color:var(--ids-comp-card-filled-color-border-surface-focused)}.ids-card.ids-card-filled.ids-card-surface.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-surface-pressed);border-color:var(--ids-comp-card-filled-color-border-surface-pressed)}.ids-card.ids-card-filled.ids-card-surface.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-surface-disabled);border-color:var(--ids-comp-card-filled-color-border-surface-disabled)}.ids-card.ids-card-outlined.ids-card-primary{background-color:var(--ids-comp-card-outlined-color-bg-primary-enabled);border-color:var(--ids-comp-card-outlined-color-border-primary-enabled)}.ids-card.ids-card-outlined.ids-card-primary.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-primary-hovered);border-color:var(--ids-comp-card-outlined-color-border-primary-hovered)}.ids-card.ids-card-outlined.ids-card-primary.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-primary-focused);border-color:var(--ids-comp-card-outlined-color-border-primary-focused)}.ids-card.ids-card-outlined.ids-card-primary.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-primary-pressed);border-color:var(--ids-comp-card-outlined-color-border-primary-pressed)}.ids-card.ids-card-outlined.ids-card-primary.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-primary-disabled);border-color:var(--ids-comp-card-outlined-color-border-primary-disabled)}.ids-card.ids-card-outlined.ids-card-secondary{background-color:var(--ids-comp-card-outlined-color-bg-secondary-enabled);border-color:var(--ids-comp-card-outlined-color-border-secondary-enabled)}.ids-card.ids-card-outlined.ids-card-secondary.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-secondary-hovered);border-color:var(--ids-comp-card-outlined-color-border-secondary-hovered)}.ids-card.ids-card-outlined.ids-card-secondary.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-secondary-focused);border-color:var(--ids-comp-card-outlined-color-border-secondary-focused)}.ids-card.ids-card-outlined.ids-card-secondary.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-secondary-pressed);border-color:var(--ids-comp-card-outlined-color-border-secondary-pressed)}.ids-card.ids-card-outlined.ids-card-secondary.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-secondary-disabled);border-color:var(--ids-comp-card-outlined-color-border-secondary-disabled)}.ids-card.ids-card-outlined.ids-card-brand{background-color:var(--ids-comp-card-outlined-color-bg-brand-enabled);border-color:var(--ids-comp-card-outlined-color-border-brand-enabled)}.ids-card.ids-card-outlined.ids-card-brand.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-brand-hovered);border-color:var(--ids-comp-card-outlined-color-border-brand-hovered)}.ids-card.ids-card-outlined.ids-card-brand.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-brand-focused);border-color:var(--ids-comp-card-outlined-color-border-brand-focused)}.ids-card.ids-card-outlined.ids-card-brand.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-brand-pressed);border-color:var(--ids-comp-card-outlined-color-border-brand-pressed)}.ids-card.ids-card-outlined.ids-card-brand.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-brand-disabled);border-color:var(--ids-comp-card-outlined-color-border-brand-disabled)}.ids-card.ids-card-outlined.ids-card-error{background-color:var(--ids-comp-card-outlined-color-bg-error-enabled);border-color:var(--ids-comp-card-outlined-color-border-error-enabled)}.ids-card.ids-card-outlined.ids-card-error.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-error-hovered);border-color:var(--ids-comp-card-outlined-color-border-error-hovered)}.ids-card.ids-card-outlined.ids-card-error.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-error-focused);border-color:var(--ids-comp-card-outlined-color-border-error-focused)}.ids-card.ids-card-outlined.ids-card-error.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-error-pressed);border-color:var(--ids-comp-card-outlined-color-border-error-pressed)}.ids-card.ids-card-outlined.ids-card-error.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-error-disabled);border-color:var(--ids-comp-card-outlined-color-border-error-disabled)}.ids-card.ids-card-outlined.ids-card-success{background-color:var(--ids-comp-card-outlined-color-bg-success-enabled);border-color:var(--ids-comp-card-outlined-color-border-success-enabled)}.ids-card.ids-card-outlined.ids-card-success.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-success-hovered);border-color:var(--ids-comp-card-outlined-color-border-success-hovered)}.ids-card.ids-card-outlined.ids-card-success.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-success-focused);border-color:var(--ids-comp-card-outlined-color-border-success-focused)}.ids-card.ids-card-outlined.ids-card-success.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-success-pressed);border-color:var(--ids-comp-card-outlined-color-border-success-pressed)}.ids-card.ids-card-outlined.ids-card-success.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-success-disabled);border-color:var(--ids-comp-card-outlined-color-border-success-disabled)}.ids-card.ids-card-outlined.ids-card-warning{background-color:var(--ids-comp-card-outlined-color-bg-warning-enabled);border-color:var(--ids-comp-card-outlined-color-border-warning-enabled)}.ids-card.ids-card-outlined.ids-card-warning.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-warning-hovered);border-color:var(--ids-comp-card-outlined-color-border-warning-hovered)}.ids-card.ids-card-outlined.ids-card-warning.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-warning-focused);border-color:var(--ids-comp-card-outlined-color-border-warning-focused)}.ids-card.ids-card-outlined.ids-card-warning.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-warning-pressed);border-color:var(--ids-comp-card-outlined-color-border-warning-pressed)}.ids-card.ids-card-outlined.ids-card-warning.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-warning-disabled);border-color:var(--ids-comp-card-outlined-color-border-warning-disabled)}.ids-card.ids-card-outlined.ids-card-info{background-color:var(--ids-comp-card-outlined-color-bg-info-enabled);border-color:var(--ids-comp-card-outlined-color-border-info-enabled)}.ids-card.ids-card-outlined.ids-card-info.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-info-hovered);border-color:var(--ids-comp-card-outlined-color-border-info-hovered)}.ids-card.ids-card-outlined.ids-card-info.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-info-focused);border-color:var(--ids-comp-card-outlined-color-border-info-focused)}.ids-card.ids-card-outlined.ids-card-info.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-info-pressed);border-color:var(--ids-comp-card-outlined-color-border-info-pressed)}.ids-card.ids-card-outlined.ids-card-info.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-info-disabled);border-color:var(--ids-comp-card-outlined-color-border-info-disabled)}.ids-card.ids-card-outlined.ids-card-light{background-color:var(--ids-comp-card-outlined-color-bg-light-enabled);border-color:var(--ids-comp-card-outlined-color-border-light-enabled)}.ids-card.ids-card-outlined.ids-card-light.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-light-hovered);border-color:var(--ids-comp-card-outlined-color-border-light-hovered)}.ids-card.ids-card-outlined.ids-card-light.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-light-focused);border-color:var(--ids-comp-card-outlined-color-border-light-focused)}.ids-card.ids-card-outlined.ids-card-light.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-light-pressed);border-color:var(--ids-comp-card-outlined-color-border-light-pressed)}.ids-card.ids-card-outlined.ids-card-light.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-light-disabled);border-color:var(--ids-comp-card-outlined-color-border-light-disabled)}.ids-card.ids-card-outlined.ids-card-dark{background-color:var(--ids-comp-card-outlined-color-bg-dark-enabled);border-color:var(--ids-comp-card-outlined-color-border-dark-enabled)}.ids-card.ids-card-outlined.ids-card-dark.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-dark-hovered);border-color:var(--ids-comp-card-outlined-color-border-dark-hovered)}.ids-card.ids-card-outlined.ids-card-dark.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-dark-focused);border-color:var(--ids-comp-card-outlined-color-border-dark-focused)}.ids-card.ids-card-outlined.ids-card-dark.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-dark-pressed);border-color:var(--ids-comp-card-outlined-color-border-dark-pressed)}.ids-card.ids-card-outlined.ids-card-dark.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-dark-disabled);border-color:var(--ids-comp-card-outlined-color-border-dark-disabled)}.ids-card.ids-card-outlined.ids-card-surface{background-color:var(--ids-comp-card-outlined-color-bg-surface-enabled);border-color:var(--ids-comp-card-outlined-color-border-surface-enabled)}.ids-card.ids-card-outlined.ids-card-surface.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-surface-hovered);border-color:var(--ids-comp-card-outlined-color-border-surface-hovered)}.ids-card.ids-card-outlined.ids-card-surface.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-surface-focused);border-color:var(--ids-comp-card-outlined-color-border-surface-focused)}.ids-card.ids-card-outlined.ids-card-surface.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-surface-pressed);border-color:var(--ids-comp-card-outlined-color-border-surface-pressed)}.ids-card.ids-card-outlined.ids-card-surface.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-surface-disabled);border-color:var(--ids-comp-card-outlined-color-border-surface-disabled)}.ids-card.ids-card-elevated.ids-card-primary{background-color:var(--ids-comp-card-elevated-color-bg-primary-enabled);border-color:var(--ids-comp-card-elevated-color-border-primary-enabled)}.ids-card.ids-card-elevated.ids-card-primary.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-primary-hovered);border-color:var(--ids-comp-card-elevated-color-border-primary-hovered)}.ids-card.ids-card-elevated.ids-card-primary.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-primary-focused);border-color:var(--ids-comp-card-elevated-color-border-primary-focused)}.ids-card.ids-card-elevated.ids-card-primary.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-primary-pressed);border-color:var(--ids-comp-card-elevated-color-border-primary-pressed)}.ids-card.ids-card-elevated.ids-card-primary.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-primary-disabled);border-color:var(--ids-comp-card-elevated-color-border-primary-disabled)}.ids-card.ids-card-elevated.ids-card-secondary{background-color:var(--ids-comp-card-elevated-color-bg-secondary-enabled);border-color:var(--ids-comp-card-elevated-color-border-secondary-enabled)}.ids-card.ids-card-elevated.ids-card-secondary.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-secondary-hovered);border-color:var(--ids-comp-card-elevated-color-border-secondary-hovered)}.ids-card.ids-card-elevated.ids-card-secondary.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-secondary-focused);border-color:var(--ids-comp-card-elevated-color-border-secondary-focused)}.ids-card.ids-card-elevated.ids-card-secondary.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-secondary-pressed);border-color:var(--ids-comp-card-elevated-color-border-secondary-pressed)}.ids-card.ids-card-elevated.ids-card-secondary.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-secondary-disabled);border-color:var(--ids-comp-card-elevated-color-border-secondary-disabled)}.ids-card.ids-card-elevated.ids-card-brand{background-color:var(--ids-comp-card-elevated-color-bg-brand-enabled);border-color:var(--ids-comp-card-elevated-color-border-brand-enabled)}.ids-card.ids-card-elevated.ids-card-brand.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-brand-hovered);border-color:var(--ids-comp-card-elevated-color-border-brand-hovered)}.ids-card.ids-card-elevated.ids-card-brand.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-brand-focused);border-color:var(--ids-comp-card-elevated-color-border-brand-focused)}.ids-card.ids-card-elevated.ids-card-brand.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-brand-pressed);border-color:var(--ids-comp-card-elevated-color-border-brand-pressed)}.ids-card.ids-card-elevated.ids-card-brand.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-brand-disabled);border-color:var(--ids-comp-card-elevated-color-border-brand-disabled)}.ids-card.ids-card-elevated.ids-card-error{background-color:var(--ids-comp-card-elevated-color-bg-error-enabled);border-color:var(--ids-comp-card-elevated-color-border-error-enabled)}.ids-card.ids-card-elevated.ids-card-error.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-error-hovered);border-color:var(--ids-comp-card-elevated-color-border-error-hovered)}.ids-card.ids-card-elevated.ids-card-error.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-error-focused);border-color:var(--ids-comp-card-elevated-color-border-error-focused)}.ids-card.ids-card-elevated.ids-card-error.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-error-pressed);border-color:var(--ids-comp-card-elevated-color-border-error-pressed)}.ids-card.ids-card-elevated.ids-card-error.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-error-disabled);border-color:var(--ids-comp-card-elevated-color-border-error-disabled)}.ids-card.ids-card-elevated.ids-card-success{background-color:var(--ids-comp-card-elevated-color-bg-success-enabled);border-color:var(--ids-comp-card-elevated-color-border-success-enabled)}.ids-card.ids-card-elevated.ids-card-success.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-success-hovered);border-color:var(--ids-comp-card-elevated-color-border-success-hovered)}.ids-card.ids-card-elevated.ids-card-success.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-success-focused);border-color:var(--ids-comp-card-elevated-color-border-success-focused)}.ids-card.ids-card-elevated.ids-card-success.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-success-pressed);border-color:var(--ids-comp-card-elevated-color-border-success-pressed)}.ids-card.ids-card-elevated.ids-card-success.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-success-disabled);border-color:var(--ids-comp-card-elevated-color-border-success-disabled)}.ids-card.ids-card-elevated.ids-card-warning{background-color:var(--ids-comp-card-elevated-color-bg-warning-enabled);border-color:var(--ids-comp-card-elevated-color-border-warning-enabled)}.ids-card.ids-card-elevated.ids-card-warning.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-warning-hovered);border-color:var(--ids-comp-card-elevated-color-border-warning-hovered)}.ids-card.ids-card-elevated.ids-card-warning.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-warning-focused);border-color:var(--ids-comp-card-elevated-color-border-warning-focused)}.ids-card.ids-card-elevated.ids-card-warning.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-warning-pressed);border-color:var(--ids-comp-card-elevated-color-border-warning-pressed)}.ids-card.ids-card-elevated.ids-card-warning.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-warning-disabled);border-color:var(--ids-comp-card-elevated-color-border-warning-disabled)}.ids-card.ids-card-elevated.ids-card-info{background-color:var(--ids-comp-card-elevated-color-bg-info-enabled);border-color:var(--ids-comp-card-elevated-color-border-info-enabled)}.ids-card.ids-card-elevated.ids-card-info.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-info-hovered);border-color:var(--ids-comp-card-elevated-color-border-info-hovered)}.ids-card.ids-card-elevated.ids-card-info.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-info-focused);border-color:var(--ids-comp-card-elevated-color-border-info-focused)}.ids-card.ids-card-elevated.ids-card-info.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-info-pressed);border-color:var(--ids-comp-card-elevated-color-border-info-pressed)}.ids-card.ids-card-elevated.ids-card-info.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-info-disabled);border-color:var(--ids-comp-card-elevated-color-border-info-disabled)}.ids-card.ids-card-elevated.ids-card-light{background-color:var(--ids-comp-card-elevated-color-bg-light-enabled);border-color:var(--ids-comp-card-elevated-color-border-light-enabled)}.ids-card.ids-card-elevated.ids-card-light.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-light-hovered);border-color:var(--ids-comp-card-elevated-color-border-light-hovered)}.ids-card.ids-card-elevated.ids-card-light.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-light-focused);border-color:var(--ids-comp-card-elevated-color-border-light-focused)}.ids-card.ids-card-elevated.ids-card-light.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-light-pressed);border-color:var(--ids-comp-card-elevated-color-border-light-pressed)}.ids-card.ids-card-elevated.ids-card-light.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-light-disabled);border-color:var(--ids-comp-card-elevated-color-border-light-disabled)}.ids-card.ids-card-elevated.ids-card-dark{background-color:var(--ids-comp-card-elevated-color-bg-dark-enabled);border-color:var(--ids-comp-card-elevated-color-border-dark-enabled)}.ids-card.ids-card-elevated.ids-card-dark.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-dark-hovered);border-color:var(--ids-comp-card-elevated-color-border-dark-hovered)}.ids-card.ids-card-elevated.ids-card-dark.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-dark-focused);border-color:var(--ids-comp-card-elevated-color-border-dark-focused)}.ids-card.ids-card-elevated.ids-card-dark.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-dark-pressed);border-color:var(--ids-comp-card-elevated-color-border-dark-pressed)}.ids-card.ids-card-elevated.ids-card-dark.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-dark-disabled);border-color:var(--ids-comp-card-elevated-color-border-dark-disabled)}.ids-card.ids-card-elevated.ids-card-surface{background-color:var(--ids-comp-card-elevated-color-bg-surface-enabled);border-color:var(--ids-comp-card-elevated-color-border-surface-enabled)}.ids-card.ids-card-elevated.ids-card-surface.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-surface-hovered);border-color:var(--ids-comp-card-elevated-color-border-surface-hovered)}.ids-card.ids-card-elevated.ids-card-surface.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-surface-focused);border-color:var(--ids-comp-card-elevated-color-border-surface-focused)}.ids-card.ids-card-elevated.ids-card-surface.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-surface-pressed);border-color:var(--ids-comp-card-elevated-color-border-surface-pressed)}.ids-card.ids-card-elevated.ids-card-surface.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-surface-disabled);border-color:var(--ids-comp-card-elevated-color-border-surface-disabled)}
1
+ .ids-card{display:flex;border-style:solid;box-sizing:border-box}.ids-card.ids-card-clickable{pointer-events:auto;cursor:pointer}.ids-card.ids-card-clickable:focus{outline-offset:2px;outline-style:solid;outline-color:var(--ids-comp-card-focused-outline-color-dark-focused)}.ids-card.ids-card-clickable:focus.ids-button-light{outline-color:var(--ids-comp-card-focused-outline-color-light-focused)}.ids-card.ids-card-clickable.ids-card-disabled{pointer-events:none;cursor:not-allowed}.ids-card.ids-card-vertical{flex-direction:column}.ids-card.ids-card-vertical .ids-card-section:first-child{padding-bottom:0px;border-top-left-radius:inherit;border-top-right-radius:inherit}.ids-card.ids-card-vertical .ids-card-section:last-child{padding-top:0px;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.ids-card.ids-card-vertical .ids-card-section.ids-card-section-stretched{padding-left:0px;padding-right:0px;width:100%}.ids-card.ids-card-vertical .ids-card-section .ids-card-header-headline{display:flex;flex-direction:column}.ids-card.ids-card-horizontal .ids-card-section:first-child{padding-right:0px;border-top-left-radius:inherit;border-bottom-left-radius:inherit}.ids-card.ids-card-horizontal .ids-card-section:last-child{padding-left:0px;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.ids-card.ids-card-horizontal .ids-card-section.ids-card-section-stretched{padding-top:0px;padding-bottom:0px;height:100%}.ids-card.ids-card-horizontal .ids-card-section.ids-card-header,.ids-card.ids-card-horizontal .ids-card-section.ids-card-footer{display:none}.ids-card .ids-card-title{color:var(--ids-smc-reference-container-color-fg-surface-darker-95);font-size:24px;font-style:normal;font-weight:600;line-height:32px}.ids-card .ids-card-subtitle{color:var(--ids-smc-reference-container-color-fg-surface-darker-70);font-size:16px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.15px}.ids-card.ids-card-elevated{box-shadow:var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-sm) var(--ids-smc-reference-container-effects-shadow-blur-md) var(--ids-smc-reference-container-effects-shadow-spread-xxl) var(--ids-smc-reference-container-effects-shadow-color-dark-light),var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xs) var(--ids-smc-reference-container-effects-shadow-blur-sm) var(--ids-smc-reference-container-effects-shadow-spread-xl) var(--ids-smc-reference-container-effects-shadow-color-dark-light)}.ids-card.ids-card-compact.ids-card-horizontal{padding:var(--ids-comp-card-container-horizontal-size-padding-y-compact) var(--ids-comp-card-container-horizontal-size-padding-x-compact);gap:var(--ids-comp-card-container-horizontal-size-gap-compact);border-radius:var(--ids-comp-card-container-horizontal-size-border-radius-compact)}.ids-card.ids-card-compact.ids-card-horizontal.ids-card-outlined{border-width:var(--ids-comp-card-container-horizontal-size-border-width-compact)}.ids-card.ids-card-compact.ids-card-vertical{padding:var(--ids-comp-card-container-vertical-size-padding-y-compact) var(--ids-comp-card-container-vertical-size-padding-x-compact);gap:var(--ids-comp-card-container-vertical-size-gap-compact);border-radius:var(--ids-comp-card-container-vertical-size-border-radius-compact)}.ids-card.ids-card-compact.ids-card-vertical.ids-card-outlined{border-width:var(--ids-comp-card-container-vertical-size-border-width-compact)}.ids-card.ids-card-compact.ids-card-clickable:focus{outline-width:var(--ids-comp-card-focused-outline-outline-compact)}.ids-card.ids-card-compact .ids-card-header-headline{gap:var(--ids-comp-card-header-headline-gap-compact);padding:var(--ids-comp-card-header-headline-padding-y-compact) var(--ids-comp-card-header-headline-padding-x-compact)}.ids-card.ids-card-compact.ids-card-vertical .ids-card-section:not(.ids-card-media):first-child{padding-top:var(--ids-comp-card-slot-size-padding-top-compact)}.ids-card.ids-card-compact.ids-card-vertical .ids-card-section:not(.ids-card-media):last-child{padding-bottom:var(--ids-comp-card-slot-size-padding-bottom-compact)}.ids-card.ids-card-compact.ids-card-vertical .ids-card-section.ids-card-section-padded{padding-left:var(--ids-comp-card-slot-size-padding-x-compact);padding-right:var(--ids-comp-card-slot-size-padding-x-compact)}.ids-card.ids-card-compact.ids-card-horizontal .ids-card-section:not(.ids-card-media):first-child{padding-left:var(--ids-comp-card-slot-size-padding-top-compact)}.ids-card.ids-card-compact.ids-card-horizontal .ids-card-section:not(.ids-card-media):last-child{padding-right:var(--ids-comp-card-slot-size-padding-bottom-compact)}.ids-card.ids-card-compact.ids-card-horizontal .ids-card-section.ids-card-section-padded{padding-top:var(--ids-comp-card-slot-size-padding-x-compact);padding-bottom:var(--ids-comp-card-slot-size-padding-x-compact)}.ids-card.ids-card-comfortable.ids-card-horizontal{padding:var(--ids-comp-card-container-horizontal-size-padding-y-comfortable) var(--ids-comp-card-container-horizontal-size-padding-x-comfortable);gap:var(--ids-comp-card-container-horizontal-size-gap-comfortable);border-radius:var(--ids-comp-card-container-horizontal-size-border-radius-comfortable)}.ids-card.ids-card-comfortable.ids-card-horizontal.ids-card-outlined{border-width:var(--ids-comp-card-container-horizontal-size-border-width-comfortable)}.ids-card.ids-card-comfortable.ids-card-vertical{padding:var(--ids-comp-card-container-vertical-size-padding-y-comfortable) var(--ids-comp-card-container-vertical-size-padding-x-comfortable);gap:var(--ids-comp-card-container-vertical-size-gap-comfortable);border-radius:var(--ids-comp-card-container-vertical-size-border-radius-comfortable)}.ids-card.ids-card-comfortable.ids-card-vertical.ids-card-outlined{border-width:var(--ids-comp-card-container-vertical-size-border-width-comfortable)}.ids-card.ids-card-comfortable.ids-card-clickable:focus{outline-width:var(--ids-comp-card-focused-outline-outline-comfortable)}.ids-card.ids-card-comfortable .ids-card-header-headline{gap:var(--ids-comp-card-header-headline-gap-comfortable);padding:var(--ids-comp-card-header-headline-padding-y-comfortable) var(--ids-comp-card-header-headline-padding-x-comfortable)}.ids-card.ids-card-comfortable.ids-card-vertical .ids-card-section:not(.ids-card-media):first-child{padding-top:var(--ids-comp-card-slot-size-padding-top-comfortable)}.ids-card.ids-card-comfortable.ids-card-vertical .ids-card-section:not(.ids-card-media):last-child{padding-bottom:var(--ids-comp-card-slot-size-padding-bottom-comfortable)}.ids-card.ids-card-comfortable.ids-card-vertical .ids-card-section.ids-card-section-padded{padding-left:var(--ids-comp-card-slot-size-padding-x-comfortable);padding-right:var(--ids-comp-card-slot-size-padding-x-comfortable)}.ids-card.ids-card-comfortable.ids-card-horizontal .ids-card-section:not(.ids-card-media):first-child{padding-left:var(--ids-comp-card-slot-size-padding-top-comfortable)}.ids-card.ids-card-comfortable.ids-card-horizontal .ids-card-section:not(.ids-card-media):last-child{padding-right:var(--ids-comp-card-slot-size-padding-bottom-comfortable)}.ids-card.ids-card-comfortable.ids-card-horizontal .ids-card-section.ids-card-section-padded{padding-top:var(--ids-comp-card-slot-size-padding-x-comfortable);padding-bottom:var(--ids-comp-card-slot-size-padding-x-comfortable)}.ids-card.ids-card-spacious.ids-card-horizontal{padding:var(--ids-comp-card-container-horizontal-size-padding-y-spacious) var(--ids-comp-card-container-horizontal-size-padding-x-spacious);gap:var(--ids-comp-card-container-horizontal-size-gap-spacious);border-radius:var(--ids-comp-card-container-horizontal-size-border-radius-spacious)}.ids-card.ids-card-spacious.ids-card-horizontal.ids-card-outlined{border-width:var(--ids-comp-card-container-horizontal-size-border-width-spacious)}.ids-card.ids-card-spacious.ids-card-vertical{padding:var(--ids-comp-card-container-vertical-size-padding-y-spacious) var(--ids-comp-card-container-vertical-size-padding-x-spacious);gap:var(--ids-comp-card-container-vertical-size-gap-spacious);border-radius:var(--ids-comp-card-container-vertical-size-border-radius-spacious)}.ids-card.ids-card-spacious.ids-card-vertical.ids-card-outlined{border-width:var(--ids-comp-card-container-vertical-size-border-width-spacious)}.ids-card.ids-card-spacious.ids-card-clickable:focus{outline-width:var(--ids-comp-card-focused-outline-outline-spacious)}.ids-card.ids-card-spacious .ids-card-header-headline{gap:var(--ids-comp-card-header-headline-gap-spacious);padding:var(--ids-comp-card-header-headline-padding-y-spacious) var(--ids-comp-card-header-headline-padding-x-spacious)}.ids-card.ids-card-spacious.ids-card-vertical .ids-card-section:not(.ids-card-media):first-child{padding-top:var(--ids-comp-card-slot-size-padding-top-spacious)}.ids-card.ids-card-spacious.ids-card-vertical .ids-card-section:not(.ids-card-media):last-child{padding-bottom:var(--ids-comp-card-slot-size-padding-bottom-spacious)}.ids-card.ids-card-spacious.ids-card-vertical .ids-card-section.ids-card-section-padded{padding-left:var(--ids-comp-card-slot-size-padding-x-spacious);padding-right:var(--ids-comp-card-slot-size-padding-x-spacious)}.ids-card.ids-card-spacious.ids-card-horizontal .ids-card-section:not(.ids-card-media):first-child{padding-left:var(--ids-comp-card-slot-size-padding-top-spacious)}.ids-card.ids-card-spacious.ids-card-horizontal .ids-card-section:not(.ids-card-media):last-child{padding-right:var(--ids-comp-card-slot-size-padding-bottom-spacious)}.ids-card.ids-card-spacious.ids-card-horizontal .ids-card-section.ids-card-section-padded{padding-top:var(--ids-comp-card-slot-size-padding-x-spacious);padding-bottom:var(--ids-comp-card-slot-size-padding-x-spacious)}.ids-card.ids-card-dense.ids-card-horizontal{padding:var(--ids-comp-card-container-horizontal-size-padding-y-dense) var(--ids-comp-card-container-horizontal-size-padding-x-dense);gap:var(--ids-comp-card-container-horizontal-size-gap-dense);border-radius:var(--ids-comp-card-container-horizontal-size-border-radius-dense)}.ids-card.ids-card-dense.ids-card-horizontal.ids-card-outlined{border-width:var(--ids-comp-card-container-horizontal-size-border-width-dense)}.ids-card.ids-card-dense.ids-card-vertical{padding:var(--ids-comp-card-container-vertical-size-padding-y-dense) var(--ids-comp-card-container-vertical-size-padding-x-dense);gap:var(--ids-comp-card-container-vertical-size-gap-dense);border-radius:var(--ids-comp-card-container-vertical-size-border-radius-dense)}.ids-card.ids-card-dense.ids-card-vertical.ids-card-outlined{border-width:var(--ids-comp-card-container-vertical-size-border-width-dense)}.ids-card.ids-card-dense.ids-card-clickable:focus{outline-width:var(--ids-comp-card-focused-outline-outline-dense)}.ids-card.ids-card-dense .ids-card-header-headline{gap:var(--ids-comp-card-header-headline-gap-dense);padding:var(--ids-comp-card-header-headline-padding-y-dense) var(--ids-comp-card-header-headline-padding-x-dense)}.ids-card.ids-card-dense.ids-card-vertical .ids-card-section:not(.ids-card-media):first-child{padding-top:var(--ids-comp-card-slot-size-padding-top-dense)}.ids-card.ids-card-dense.ids-card-vertical .ids-card-section:not(.ids-card-media):last-child{padding-bottom:var(--ids-comp-card-slot-size-padding-bottom-dense)}.ids-card.ids-card-dense.ids-card-vertical .ids-card-section.ids-card-section-padded{padding-left:var(--ids-comp-card-slot-size-padding-x-dense);padding-right:var(--ids-comp-card-slot-size-padding-x-dense)}.ids-card.ids-card-dense.ids-card-horizontal .ids-card-section:not(.ids-card-media):first-child{padding-left:var(--ids-comp-card-slot-size-padding-top-dense)}.ids-card.ids-card-dense.ids-card-horizontal .ids-card-section:not(.ids-card-media):last-child{padding-right:var(--ids-comp-card-slot-size-padding-bottom-dense)}.ids-card.ids-card-dense.ids-card-horizontal .ids-card-section.ids-card-section-padded{padding-top:var(--ids-comp-card-slot-size-padding-x-dense);padding-bottom:var(--ids-comp-card-slot-size-padding-x-dense)}.ids-card.ids-card-filled.ids-card-primary{background-color:var(--ids-comp-card-filled-color-bg-primary-default);border-color:var(--ids-comp-card-filled-color-border-primary-default)}.ids-card.ids-card-filled.ids-card-primary.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-primary-hovered);border-color:var(--ids-comp-card-filled-color-border-primary-hovered)}.ids-card.ids-card-filled.ids-card-primary.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-primary-focused);border-color:var(--ids-comp-card-filled-color-border-primary-focused)}.ids-card.ids-card-filled.ids-card-primary.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-primary-pressed);border-color:var(--ids-comp-card-filled-color-border-primary-pressed)}.ids-card.ids-card-filled.ids-card-primary.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-primary-disabled);border-color:var(--ids-comp-card-filled-color-border-primary-disabled)}.ids-card.ids-card-filled.ids-card-secondary{background-color:var(--ids-comp-card-filled-color-bg-secondary-default);border-color:var(--ids-comp-card-filled-color-border-secondary-default)}.ids-card.ids-card-filled.ids-card-secondary.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-secondary-hovered);border-color:var(--ids-comp-card-filled-color-border-secondary-hovered)}.ids-card.ids-card-filled.ids-card-secondary.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-secondary-focused);border-color:var(--ids-comp-card-filled-color-border-secondary-focused)}.ids-card.ids-card-filled.ids-card-secondary.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-secondary-pressed);border-color:var(--ids-comp-card-filled-color-border-secondary-pressed)}.ids-card.ids-card-filled.ids-card-secondary.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-secondary-disabled);border-color:var(--ids-comp-card-filled-color-border-secondary-disabled)}.ids-card.ids-card-filled.ids-card-brand{background-color:var(--ids-comp-card-filled-color-bg-brand-default);border-color:var(--ids-comp-card-filled-color-border-brand-default)}.ids-card.ids-card-filled.ids-card-brand.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-brand-hovered);border-color:var(--ids-comp-card-filled-color-border-brand-hovered)}.ids-card.ids-card-filled.ids-card-brand.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-brand-focused);border-color:var(--ids-comp-card-filled-color-border-brand-focused)}.ids-card.ids-card-filled.ids-card-brand.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-brand-pressed);border-color:var(--ids-comp-card-filled-color-border-brand-pressed)}.ids-card.ids-card-filled.ids-card-brand.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-brand-disabled);border-color:var(--ids-comp-card-filled-color-border-brand-disabled)}.ids-card.ids-card-filled.ids-card-error{background-color:var(--ids-comp-card-filled-color-bg-error-default);border-color:var(--ids-comp-card-filled-color-border-error-default)}.ids-card.ids-card-filled.ids-card-error.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-error-hovered);border-color:var(--ids-comp-card-filled-color-border-error-hovered)}.ids-card.ids-card-filled.ids-card-error.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-error-focused);border-color:var(--ids-comp-card-filled-color-border-error-focused)}.ids-card.ids-card-filled.ids-card-error.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-error-pressed);border-color:var(--ids-comp-card-filled-color-border-error-pressed)}.ids-card.ids-card-filled.ids-card-success{background-color:var(--ids-comp-card-filled-color-bg-success-default);border-color:var(--ids-comp-card-filled-color-border-success-default)}.ids-card.ids-card-filled.ids-card-success.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-success-hovered);border-color:var(--ids-comp-card-filled-color-border-success-hovered)}.ids-card.ids-card-filled.ids-card-success.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-success-focused);border-color:var(--ids-comp-card-filled-color-border-success-focused)}.ids-card.ids-card-filled.ids-card-success.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-success-pressed);border-color:var(--ids-comp-card-filled-color-border-success-pressed)}.ids-card.ids-card-filled.ids-card-warning{background-color:var(--ids-comp-card-filled-color-bg-warning-default);border-color:var(--ids-comp-card-filled-color-border-warning-default)}.ids-card.ids-card-filled.ids-card-warning.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-warning-hovered);border-color:var(--ids-comp-card-filled-color-border-warning-hovered)}.ids-card.ids-card-filled.ids-card-warning.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-warning-focused);border-color:var(--ids-comp-card-filled-color-border-warning-focused)}.ids-card.ids-card-filled.ids-card-warning.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-warning-pressed);border-color:var(--ids-comp-card-filled-color-border-warning-pressed)}.ids-card.ids-card-filled.ids-card-info{background-color:var(--ids-comp-card-filled-color-bg-info-default);border-color:var(--ids-comp-card-filled-color-border-info-default)}.ids-card.ids-card-filled.ids-card-info.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-info-hovered);border-color:var(--ids-comp-card-filled-color-border-info-hovered)}.ids-card.ids-card-filled.ids-card-info.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-info-focused);border-color:var(--ids-comp-card-filled-color-border-info-focused)}.ids-card.ids-card-filled.ids-card-info.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-info-pressed);border-color:var(--ids-comp-card-filled-color-border-info-pressed)}.ids-card.ids-card-filled.ids-card-light{background-color:var(--ids-comp-card-filled-color-bg-light-default);border-color:var(--ids-comp-card-filled-color-border-light-default)}.ids-card.ids-card-filled.ids-card-light.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-light-hovered);border-color:var(--ids-comp-card-filled-color-border-light-hovered)}.ids-card.ids-card-filled.ids-card-light.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-light-focused);border-color:var(--ids-comp-card-filled-color-border-light-focused)}.ids-card.ids-card-filled.ids-card-light.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-light-pressed);border-color:var(--ids-comp-card-filled-color-border-light-pressed)}.ids-card.ids-card-filled.ids-card-light.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-light-disabled);border-color:var(--ids-comp-card-filled-color-border-light-disabled)}.ids-card.ids-card-filled.ids-card-dark{background-color:var(--ids-comp-card-filled-color-bg-dark-default);border-color:var(--ids-comp-card-filled-color-border-dark-default)}.ids-card.ids-card-filled.ids-card-dark.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-dark-hovered);border-color:var(--ids-comp-card-filled-color-border-dark-hovered)}.ids-card.ids-card-filled.ids-card-dark.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-dark-focused);border-color:var(--ids-comp-card-filled-color-border-dark-focused)}.ids-card.ids-card-filled.ids-card-dark.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-dark-pressed);border-color:var(--ids-comp-card-filled-color-border-dark-pressed)}.ids-card.ids-card-filled.ids-card-dark.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-dark-disabled);border-color:var(--ids-comp-card-filled-color-border-dark-disabled)}.ids-card.ids-card-filled.ids-card-surface{background-color:var(--ids-comp-card-filled-color-bg-surface-default);border-color:var(--ids-comp-card-filled-color-border-surface-default)}.ids-card.ids-card-filled.ids-card-surface.ids-card-clickable:hover{background-color:var(--ids-comp-card-filled-color-bg-surface-hovered);border-color:var(--ids-comp-card-filled-color-border-surface-hovered)}.ids-card.ids-card-filled.ids-card-surface.ids-card-clickable:focus{background-color:var(--ids-comp-card-filled-color-bg-surface-focused);border-color:var(--ids-comp-card-filled-color-border-surface-focused)}.ids-card.ids-card-filled.ids-card-surface.ids-card-clickable:active{background-color:var(--ids-comp-card-filled-color-bg-surface-pressed);border-color:var(--ids-comp-card-filled-color-border-surface-pressed)}.ids-card.ids-card-filled.ids-card-surface.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-filled-color-bg-surface-disabled);border-color:var(--ids-comp-card-filled-color-border-surface-disabled)}.ids-card.ids-card-outlined.ids-card-primary{background-color:var(--ids-comp-card-outlined-color-bg-primary-default);border-color:var(--ids-comp-card-outlined-color-border-primary-default)}.ids-card.ids-card-outlined.ids-card-primary.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-primary-hovered);border-color:var(--ids-comp-card-outlined-color-border-primary-hovered)}.ids-card.ids-card-outlined.ids-card-primary.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-primary-focused);border-color:var(--ids-comp-card-outlined-color-border-primary-focused)}.ids-card.ids-card-outlined.ids-card-primary.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-primary-pressed);border-color:var(--ids-comp-card-outlined-color-border-primary-pressed)}.ids-card.ids-card-outlined.ids-card-primary.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-primary-disabled);border-color:var(--ids-comp-card-outlined-color-border-primary-disabled)}.ids-card.ids-card-outlined.ids-card-secondary{background-color:var(--ids-comp-card-outlined-color-bg-secondary-default);border-color:var(--ids-comp-card-outlined-color-border-secondary-default)}.ids-card.ids-card-outlined.ids-card-secondary.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-secondary-hovered);border-color:var(--ids-comp-card-outlined-color-border-secondary-hovered)}.ids-card.ids-card-outlined.ids-card-secondary.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-secondary-focused);border-color:var(--ids-comp-card-outlined-color-border-secondary-focused)}.ids-card.ids-card-outlined.ids-card-secondary.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-secondary-pressed);border-color:var(--ids-comp-card-outlined-color-border-secondary-pressed)}.ids-card.ids-card-outlined.ids-card-secondary.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-secondary-disabled);border-color:var(--ids-comp-card-outlined-color-border-secondary-disabled)}.ids-card.ids-card-outlined.ids-card-brand{background-color:var(--ids-comp-card-outlined-color-bg-brand-default);border-color:var(--ids-comp-card-outlined-color-border-brand-default)}.ids-card.ids-card-outlined.ids-card-brand.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-brand-hovered);border-color:var(--ids-comp-card-outlined-color-border-brand-hovered)}.ids-card.ids-card-outlined.ids-card-brand.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-brand-focused);border-color:var(--ids-comp-card-outlined-color-border-brand-focused)}.ids-card.ids-card-outlined.ids-card-brand.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-brand-pressed);border-color:var(--ids-comp-card-outlined-color-border-brand-pressed)}.ids-card.ids-card-outlined.ids-card-brand.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-brand-disabled);border-color:var(--ids-comp-card-outlined-color-border-brand-disabled)}.ids-card.ids-card-outlined.ids-card-error{background-color:var(--ids-comp-card-outlined-color-bg-error-default);border-color:var(--ids-comp-card-outlined-color-border-error-default)}.ids-card.ids-card-outlined.ids-card-error.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-error-hovered);border-color:var(--ids-comp-card-outlined-color-border-error-hovered)}.ids-card.ids-card-outlined.ids-card-error.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-error-focused);border-color:var(--ids-comp-card-outlined-color-border-error-focused)}.ids-card.ids-card-outlined.ids-card-error.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-error-pressed);border-color:var(--ids-comp-card-outlined-color-border-error-pressed)}.ids-card.ids-card-outlined.ids-card-success{background-color:var(--ids-comp-card-outlined-color-bg-success-default);border-color:var(--ids-comp-card-outlined-color-border-success-default)}.ids-card.ids-card-outlined.ids-card-success.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-success-hovered);border-color:var(--ids-comp-card-outlined-color-border-success-hovered)}.ids-card.ids-card-outlined.ids-card-success.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-success-focused);border-color:var(--ids-comp-card-outlined-color-border-success-focused)}.ids-card.ids-card-outlined.ids-card-success.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-success-pressed);border-color:var(--ids-comp-card-outlined-color-border-success-pressed)}.ids-card.ids-card-outlined.ids-card-warning{background-color:var(--ids-comp-card-outlined-color-bg-warning-default);border-color:var(--ids-comp-card-outlined-color-border-warning-default)}.ids-card.ids-card-outlined.ids-card-warning.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-warning-hovered);border-color:var(--ids-comp-card-outlined-color-border-warning-hovered)}.ids-card.ids-card-outlined.ids-card-warning.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-warning-focused);border-color:var(--ids-comp-card-outlined-color-border-warning-focused)}.ids-card.ids-card-outlined.ids-card-warning.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-warning-pressed);border-color:var(--ids-comp-card-outlined-color-border-warning-pressed)}.ids-card.ids-card-outlined.ids-card-info{background-color:var(--ids-comp-card-outlined-color-bg-info-default);border-color:var(--ids-comp-card-outlined-color-border-info-default)}.ids-card.ids-card-outlined.ids-card-info.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-info-hovered);border-color:var(--ids-comp-card-outlined-color-border-info-hovered)}.ids-card.ids-card-outlined.ids-card-info.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-info-focused);border-color:var(--ids-comp-card-outlined-color-border-info-focused)}.ids-card.ids-card-outlined.ids-card-info.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-info-pressed);border-color:var(--ids-comp-card-outlined-color-border-info-pressed)}.ids-card.ids-card-outlined.ids-card-light{background-color:var(--ids-comp-card-outlined-color-bg-light-default);border-color:var(--ids-comp-card-outlined-color-border-light-default)}.ids-card.ids-card-outlined.ids-card-light.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-light-hovered);border-color:var(--ids-comp-card-outlined-color-border-light-hovered)}.ids-card.ids-card-outlined.ids-card-light.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-light-focused);border-color:var(--ids-comp-card-outlined-color-border-light-focused)}.ids-card.ids-card-outlined.ids-card-light.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-light-pressed);border-color:var(--ids-comp-card-outlined-color-border-light-pressed)}.ids-card.ids-card-outlined.ids-card-light.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-light-disabled);border-color:var(--ids-comp-card-outlined-color-border-light-disabled)}.ids-card.ids-card-outlined.ids-card-dark{background-color:var(--ids-comp-card-outlined-color-bg-dark-default);border-color:var(--ids-comp-card-outlined-color-border-dark-default)}.ids-card.ids-card-outlined.ids-card-dark.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-dark-hovered);border-color:var(--ids-comp-card-outlined-color-border-dark-hovered)}.ids-card.ids-card-outlined.ids-card-dark.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-dark-focused);border-color:var(--ids-comp-card-outlined-color-border-dark-focused)}.ids-card.ids-card-outlined.ids-card-dark.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-dark-pressed);border-color:var(--ids-comp-card-outlined-color-border-dark-pressed)}.ids-card.ids-card-outlined.ids-card-dark.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-dark-disabled);border-color:var(--ids-comp-card-outlined-color-border-dark-disabled)}.ids-card.ids-card-outlined.ids-card-surface{background-color:var(--ids-comp-card-outlined-color-bg-surface-default);border-color:var(--ids-comp-card-outlined-color-border-surface-default)}.ids-card.ids-card-outlined.ids-card-surface.ids-card-clickable:hover{background-color:var(--ids-comp-card-outlined-color-bg-surface-hovered);border-color:var(--ids-comp-card-outlined-color-border-surface-hovered)}.ids-card.ids-card-outlined.ids-card-surface.ids-card-clickable:focus{background-color:var(--ids-comp-card-outlined-color-bg-surface-focused);border-color:var(--ids-comp-card-outlined-color-border-surface-focused)}.ids-card.ids-card-outlined.ids-card-surface.ids-card-clickable:active{background-color:var(--ids-comp-card-outlined-color-bg-surface-pressed);border-color:var(--ids-comp-card-outlined-color-border-surface-pressed)}.ids-card.ids-card-outlined.ids-card-surface.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-outlined-color-bg-surface-disabled);border-color:var(--ids-comp-card-outlined-color-border-surface-disabled)}.ids-card.ids-card-elevated.ids-card-primary{background-color:var(--ids-comp-card-elevated-color-bg-primary-default);border-color:var(--ids-comp-card-elevated-color-border-primary-default)}.ids-card.ids-card-elevated.ids-card-primary.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-primary-hovered);border-color:var(--ids-comp-card-elevated-color-border-primary-hovered)}.ids-card.ids-card-elevated.ids-card-primary.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-primary-focused);border-color:var(--ids-comp-card-elevated-color-border-primary-focused)}.ids-card.ids-card-elevated.ids-card-primary.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-primary-pressed);border-color:var(--ids-comp-card-elevated-color-border-primary-pressed)}.ids-card.ids-card-elevated.ids-card-primary.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-primary-disabled);border-color:var(--ids-comp-card-elevated-color-border-primary-disabled)}.ids-card.ids-card-elevated.ids-card-secondary{background-color:var(--ids-comp-card-elevated-color-bg-secondary-default);border-color:var(--ids-comp-card-elevated-color-border-secondary-default)}.ids-card.ids-card-elevated.ids-card-secondary.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-secondary-hovered);border-color:var(--ids-comp-card-elevated-color-border-secondary-hovered)}.ids-card.ids-card-elevated.ids-card-secondary.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-secondary-focused);border-color:var(--ids-comp-card-elevated-color-border-secondary-focused)}.ids-card.ids-card-elevated.ids-card-secondary.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-secondary-pressed);border-color:var(--ids-comp-card-elevated-color-border-secondary-pressed)}.ids-card.ids-card-elevated.ids-card-secondary.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-secondary-disabled);border-color:var(--ids-comp-card-elevated-color-border-secondary-disabled)}.ids-card.ids-card-elevated.ids-card-brand{background-color:var(--ids-comp-card-elevated-color-bg-brand-default);border-color:var(--ids-comp-card-elevated-color-border-brand-default)}.ids-card.ids-card-elevated.ids-card-brand.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-brand-hovered);border-color:var(--ids-comp-card-elevated-color-border-brand-hovered)}.ids-card.ids-card-elevated.ids-card-brand.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-brand-focused);border-color:var(--ids-comp-card-elevated-color-border-brand-focused)}.ids-card.ids-card-elevated.ids-card-brand.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-brand-pressed);border-color:var(--ids-comp-card-elevated-color-border-brand-pressed)}.ids-card.ids-card-elevated.ids-card-brand.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-brand-disabled);border-color:var(--ids-comp-card-elevated-color-border-brand-disabled)}.ids-card.ids-card-elevated.ids-card-error{background-color:var(--ids-comp-card-elevated-color-bg-error-default);border-color:var(--ids-comp-card-elevated-color-border-error-default)}.ids-card.ids-card-elevated.ids-card-error.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-error-hovered);border-color:var(--ids-comp-card-elevated-color-border-error-hovered)}.ids-card.ids-card-elevated.ids-card-error.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-error-focused);border-color:var(--ids-comp-card-elevated-color-border-error-focused)}.ids-card.ids-card-elevated.ids-card-error.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-error-pressed);border-color:var(--ids-comp-card-elevated-color-border-error-pressed)}.ids-card.ids-card-elevated.ids-card-success{background-color:var(--ids-comp-card-elevated-color-bg-success-default);border-color:var(--ids-comp-card-elevated-color-border-success-default)}.ids-card.ids-card-elevated.ids-card-success.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-success-hovered);border-color:var(--ids-comp-card-elevated-color-border-success-hovered)}.ids-card.ids-card-elevated.ids-card-success.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-success-focused);border-color:var(--ids-comp-card-elevated-color-border-success-focused)}.ids-card.ids-card-elevated.ids-card-success.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-success-pressed);border-color:var(--ids-comp-card-elevated-color-border-success-pressed)}.ids-card.ids-card-elevated.ids-card-warning{background-color:var(--ids-comp-card-elevated-color-bg-warning-default);border-color:var(--ids-comp-card-elevated-color-border-warning-default)}.ids-card.ids-card-elevated.ids-card-warning.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-warning-hovered);border-color:var(--ids-comp-card-elevated-color-border-warning-hovered)}.ids-card.ids-card-elevated.ids-card-warning.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-warning-focused);border-color:var(--ids-comp-card-elevated-color-border-warning-focused)}.ids-card.ids-card-elevated.ids-card-warning.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-warning-pressed);border-color:var(--ids-comp-card-elevated-color-border-warning-pressed)}.ids-card.ids-card-elevated.ids-card-info{background-color:var(--ids-comp-card-elevated-color-bg-info-default);border-color:var(--ids-comp-card-elevated-color-border-info-default)}.ids-card.ids-card-elevated.ids-card-info.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-info-hovered);border-color:var(--ids-comp-card-elevated-color-border-info-hovered)}.ids-card.ids-card-elevated.ids-card-info.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-info-focused);border-color:var(--ids-comp-card-elevated-color-border-info-focused)}.ids-card.ids-card-elevated.ids-card-info.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-info-pressed);border-color:var(--ids-comp-card-elevated-color-border-info-pressed)}.ids-card.ids-card-elevated.ids-card-light{background-color:var(--ids-comp-card-elevated-color-bg-light-default);border-color:var(--ids-comp-card-elevated-color-border-light-default)}.ids-card.ids-card-elevated.ids-card-light.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-light-hovered);border-color:var(--ids-comp-card-elevated-color-border-light-hovered)}.ids-card.ids-card-elevated.ids-card-light.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-light-focused);border-color:var(--ids-comp-card-elevated-color-border-light-focused)}.ids-card.ids-card-elevated.ids-card-light.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-light-pressed);border-color:var(--ids-comp-card-elevated-color-border-light-pressed)}.ids-card.ids-card-elevated.ids-card-light.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-light-disabled);border-color:var(--ids-comp-card-elevated-color-border-light-disabled)}.ids-card.ids-card-elevated.ids-card-dark{background-color:var(--ids-comp-card-elevated-color-bg-dark-default);border-color:var(--ids-comp-card-elevated-color-border-dark-default)}.ids-card.ids-card-elevated.ids-card-dark.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-dark-hovered);border-color:var(--ids-comp-card-elevated-color-border-dark-hovered)}.ids-card.ids-card-elevated.ids-card-dark.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-dark-focused);border-color:var(--ids-comp-card-elevated-color-border-dark-focused)}.ids-card.ids-card-elevated.ids-card-dark.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-dark-pressed);border-color:var(--ids-comp-card-elevated-color-border-dark-pressed)}.ids-card.ids-card-elevated.ids-card-dark.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-dark-disabled);border-color:var(--ids-comp-card-elevated-color-border-dark-disabled)}.ids-card.ids-card-elevated.ids-card-surface{background-color:var(--ids-comp-card-elevated-color-bg-surface-default);border-color:var(--ids-comp-card-elevated-color-border-surface-default)}.ids-card.ids-card-elevated.ids-card-surface.ids-card-clickable:hover{background-color:var(--ids-comp-card-elevated-color-bg-surface-hovered);border-color:var(--ids-comp-card-elevated-color-border-surface-hovered)}.ids-card.ids-card-elevated.ids-card-surface.ids-card-clickable:focus{background-color:var(--ids-comp-card-elevated-color-bg-surface-focused);border-color:var(--ids-comp-card-elevated-color-border-surface-focused)}.ids-card.ids-card-elevated.ids-card-surface.ids-card-clickable:active{background-color:var(--ids-comp-card-elevated-color-bg-surface-pressed);border-color:var(--ids-comp-card-elevated-color-border-surface-pressed)}.ids-card.ids-card-elevated.ids-card-surface.ids-card-clickable.ids-card-disabled{background-color:var(--ids-comp-card-elevated-color-bg-surface-disabled);border-color:var(--ids-comp-card-elevated-color-border-surface-disabled)}