@i-cell/ids-styles 0.0.39 → 0.0.41

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 (13) hide show
  1. package/dist/button/button.css +72 -0
  2. package/dist/button/button.min.css +1 -1
  3. package/dist/button/button.plugin.js +72 -0
  4. package/dist/card/card.css +13 -3
  5. package/dist/card/card.min.css +1 -1
  6. package/dist/card/card.plugin.js +10 -2
  7. package/dist/components.css +115 -30
  8. package/dist/components.min.css +1 -1
  9. package/dist/components.plugin.js +106 -26
  10. package/dist/radio/radio.css +30 -27
  11. package/dist/radio/radio.min.css +1 -1
  12. package/dist/radio/radio.plugin.js +24 -24
  13. package/package.json +2 -2
package/dist/card/card.css CHANGED
@@ -4,9 +4,6 @@
4
4
  border-style: none;
5
5
  border-color: transparent;
6
6
  line-height: 1.5;
7
- display: flex;
8
- border-style: solid;
9
- box-sizing: border-box;
10
7
  }
11
8
  .ids-card::before, .ids-card::after, .ids-card *, .ids-card ::before, .ids-card ::after {
12
9
  box-sizing: border-box;
@@ -14,6 +11,11 @@
14
11
  border-style: none;
15
12
  border-color: transparent;
16
13
  }
14
+
15
+ .ids-card {
16
+ display: flex;
17
+ box-sizing: border-box;
18
+ }
17
19
  .ids-card.ids-card-clickable {
18
20
  pointer-events: auto;
19
21
  cursor: pointer;
@@ -90,6 +92,7 @@
90
92
  border-radius: var(--ids-comp-card-container-horizontal-size-border-radius-compact);
91
93
  }
92
94
  .ids-card.ids-card-compact.ids-card-horizontal.ids-card-outlined {
95
+ border-style: solid;
93
96
  border-width: var(--ids-comp-card-container-horizontal-size-border-width-compact);
94
97
  }
95
98
  .ids-card.ids-card-compact.ids-card-vertical {
@@ -98,6 +101,7 @@
98
101
  border-radius: var(--ids-comp-card-container-vertical-size-border-radius-compact);
99
102
  }
100
103
  .ids-card.ids-card-compact.ids-card-vertical.ids-card-outlined {
104
+ border-style: solid;
101
105
  border-width: var(--ids-comp-card-container-vertical-size-border-width-compact);
102
106
  }
103
107
  .ids-card.ids-card-compact.ids-card-clickable:focus {
@@ -133,6 +137,7 @@
133
137
  border-radius: var(--ids-comp-card-container-horizontal-size-border-radius-comfortable);
134
138
  }
135
139
  .ids-card.ids-card-comfortable.ids-card-horizontal.ids-card-outlined {
140
+ border-style: solid;
136
141
  border-width: var(--ids-comp-card-container-horizontal-size-border-width-comfortable);
137
142
  }
138
143
  .ids-card.ids-card-comfortable.ids-card-vertical {
@@ -141,6 +146,7 @@
141
146
  border-radius: var(--ids-comp-card-container-vertical-size-border-radius-comfortable);
142
147
  }
143
148
  .ids-card.ids-card-comfortable.ids-card-vertical.ids-card-outlined {
149
+ border-style: solid;
144
150
  border-width: var(--ids-comp-card-container-vertical-size-border-width-comfortable);
145
151
  }
146
152
  .ids-card.ids-card-comfortable.ids-card-clickable:focus {
@@ -176,6 +182,7 @@
176
182
  border-radius: var(--ids-comp-card-container-horizontal-size-border-radius-spacious);
177
183
  }
178
184
  .ids-card.ids-card-spacious.ids-card-horizontal.ids-card-outlined {
185
+ border-style: solid;
179
186
  border-width: var(--ids-comp-card-container-horizontal-size-border-width-spacious);
180
187
  }
181
188
  .ids-card.ids-card-spacious.ids-card-vertical {
@@ -184,6 +191,7 @@
184
191
  border-radius: var(--ids-comp-card-container-vertical-size-border-radius-spacious);
185
192
  }
186
193
  .ids-card.ids-card-spacious.ids-card-vertical.ids-card-outlined {
194
+ border-style: solid;
187
195
  border-width: var(--ids-comp-card-container-vertical-size-border-width-spacious);
188
196
  }
189
197
  .ids-card.ids-card-spacious.ids-card-clickable:focus {
@@ -219,6 +227,7 @@
219
227
  border-radius: var(--ids-comp-card-container-horizontal-size-border-radius-dense);
220
228
  }
221
229
  .ids-card.ids-card-dense.ids-card-horizontal.ids-card-outlined {
230
+ border-style: solid;
222
231
  border-width: var(--ids-comp-card-container-horizontal-size-border-width-dense);
223
232
  }
224
233
  .ids-card.ids-card-dense.ids-card-vertical {
@@ -227,6 +236,7 @@
227
236
  border-radius: var(--ids-comp-card-container-vertical-size-border-radius-dense);
228
237
  }
229
238
  .ids-card.ids-card-dense.ids-card-vertical.ids-card-outlined {
239
+ border-style: solid;
230
240
  border-width: var(--ids-comp-card-container-vertical-size-border-width-dense);
231
241
  }
232
242
  .ids-card.ids-card-dense.ids-card-clickable:focus {
package/dist/card/card.min.css CHANGED
@@ -1 +1 @@
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)}
1
+ .ids-card{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5}.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{display:flex;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-style:solid;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-style:solid;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-style:solid;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-style:solid;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-style:solid;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-style:solid;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-style:solid;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-style:solid;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
@@ -3,9 +3,9 @@ module.exports = function CardPlugin() {
3
3
  return function ({ addComponents }) {
4
4
  const cssObj = {
5
5
  '.ids-card': {
6
- boxSizing: ['border-box', 'border-box'],
6
+ boxSizing: 'border-box',
7
7
  borderWidth: '0',
8
- borderStyle: ['none', 'solid'],
8
+ borderStyle: 'none',
9
9
  borderColor: 'rgba(0,0,0,0)',
10
10
  lineHeight: 1.5,
11
11
  display: 'flex',
@@ -80,6 +80,7 @@ module.exports = function CardPlugin() {
80
80
  borderRadius: 'var(--ids-comp-card-container-horizontal-size-border-radius-compact)',
81
81
  },
82
82
  '.ids-card.ids-card-compact.ids-card-horizontal.ids-card-outlined': {
83
+ borderStyle: 'solid',
83
84
  borderWidth: 'var(--ids-comp-card-container-horizontal-size-border-width-compact)',
84
85
  },
85
86
  '.ids-card.ids-card-compact.ids-card-vertical': {
@@ -89,6 +90,7 @@ module.exports = function CardPlugin() {
89
90
  borderRadius: 'var(--ids-comp-card-container-vertical-size-border-radius-compact)',
90
91
  },
91
92
  '.ids-card.ids-card-compact.ids-card-vertical.ids-card-outlined': {
93
+ borderStyle: 'solid',
92
94
  borderWidth: 'var(--ids-comp-card-container-vertical-size-border-width-compact)',
93
95
  },
94
96
  '.ids-card.ids-card-compact.ids-card-clickable:focus': { outlineWidth: 'var(--ids-comp-card-focused-outline-outline-compact)' },
@@ -123,6 +125,7 @@ module.exports = function CardPlugin() {
123
125
  borderRadius: 'var(--ids-comp-card-container-horizontal-size-border-radius-comfortable)',
124
126
  },
125
127
  '.ids-card.ids-card-comfortable.ids-card-horizontal.ids-card-outlined': {
128
+ borderStyle: 'solid',
126
129
  borderWidth: 'var(--ids-comp-card-container-horizontal-size-border-width-comfortable)',
127
130
  },
128
131
  '.ids-card.ids-card-comfortable.ids-card-vertical': {
@@ -132,6 +135,7 @@ module.exports = function CardPlugin() {
132
135
  borderRadius: 'var(--ids-comp-card-container-vertical-size-border-radius-comfortable)',
133
136
  },
134
137
  '.ids-card.ids-card-comfortable.ids-card-vertical.ids-card-outlined': {
138
+ borderStyle: 'solid',
135
139
  borderWidth: 'var(--ids-comp-card-container-vertical-size-border-width-comfortable)',
136
140
  },
137
141
  '.ids-card.ids-card-comfortable.ids-card-clickable:focus': {
@@ -168,6 +172,7 @@ module.exports = function CardPlugin() {
168
172
  borderRadius: 'var(--ids-comp-card-container-horizontal-size-border-radius-spacious)',
169
173
  },
170
174
  '.ids-card.ids-card-spacious.ids-card-horizontal.ids-card-outlined': {
175
+ borderStyle: 'solid',
171
176
  borderWidth: 'var(--ids-comp-card-container-horizontal-size-border-width-spacious)',
172
177
  },
173
178
  '.ids-card.ids-card-spacious.ids-card-vertical': {
@@ -177,6 +182,7 @@ module.exports = function CardPlugin() {
177
182
  borderRadius: 'var(--ids-comp-card-container-vertical-size-border-radius-spacious)',
178
183
  },
179
184
  '.ids-card.ids-card-spacious.ids-card-vertical.ids-card-outlined': {
185
+ borderStyle: 'solid',
180
186
  borderWidth: 'var(--ids-comp-card-container-vertical-size-border-width-spacious)',
181
187
  },
182
188
  '.ids-card.ids-card-spacious.ids-card-clickable:focus': { outlineWidth: 'var(--ids-comp-card-focused-outline-outline-spacious)' },
@@ -211,6 +217,7 @@ module.exports = function CardPlugin() {
211
217
  borderRadius: 'var(--ids-comp-card-container-horizontal-size-border-radius-dense)',
212
218
  },
213
219
  '.ids-card.ids-card-dense.ids-card-horizontal.ids-card-outlined': {
220
+ borderStyle: 'solid',
214
221
  borderWidth: 'var(--ids-comp-card-container-horizontal-size-border-width-dense)',
215
222
  },
216
223
  '.ids-card.ids-card-dense.ids-card-vertical': {
@@ -220,6 +227,7 @@ module.exports = function CardPlugin() {
220
227
  borderRadius: 'var(--ids-comp-card-container-vertical-size-border-radius-dense)',
221
228
  },
222
229
  '.ids-card.ids-card-dense.ids-card-vertical.ids-card-outlined': {
230
+ borderStyle: 'solid',
223
231
  borderWidth: 'var(--ids-comp-card-container-vertical-size-border-width-dense)',
224
232
  },
225
233
  '.ids-card.ids-card-dense.ids-card-clickable:focus': { outlineWidth: 'var(--ids-comp-card-focused-outline-outline-dense)' },