@i-cell/ids-styles 0.0.39 → 0.0.40

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 (10) hide show
  1. package/dist/card/card.css +13 -3
  2. package/dist/card/card.min.css +1 -1
  3. package/dist/card/card.plugin.js +10 -2
  4. package/dist/components.css +43 -30
  5. package/dist/components.min.css +1 -1
  6. package/dist/components.plugin.js +34 -26
  7. package/dist/radio/radio.css +30 -27
  8. package/dist/radio/radio.min.css +1 -1
  9. package/dist/radio/radio.plugin.js +24 -24
  10. package/package.json +1 -1
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)' },
package/dist/components.css CHANGED
@@ -2091,9 +2091,6 @@
2091
2091
  border-style: none;
2092
2092
  border-color: transparent;
2093
2093
  line-height: 1.5;
2094
- display: flex;
2095
- border-style: solid;
2096
- box-sizing: border-box;
2097
2094
  }
2098
2095
  .ids-card::before, .ids-card::after, .ids-card *, .ids-card ::before, .ids-card ::after {
2099
2096
  box-sizing: border-box;
@@ -2101,6 +2098,11 @@
2101
2098
  border-style: none;
2102
2099
  border-color: transparent;
2103
2100
  }
2101
+
2102
+ .ids-card {
2103
+ display: flex;
2104
+ box-sizing: border-box;
2105
+ }
2104
2106
  .ids-card.ids-card-clickable {
2105
2107
  pointer-events: auto;
2106
2108
  cursor: pointer;
@@ -2177,6 +2179,7 @@
2177
2179
  border-radius: var(--ids-comp-card-container-horizontal-size-border-radius-compact);
2178
2180
  }
2179
2181
  .ids-card.ids-card-compact.ids-card-horizontal.ids-card-outlined {
2182
+ border-style: solid;
2180
2183
  border-width: var(--ids-comp-card-container-horizontal-size-border-width-compact);
2181
2184
  }
2182
2185
  .ids-card.ids-card-compact.ids-card-vertical {
@@ -2185,6 +2188,7 @@
2185
2188
  border-radius: var(--ids-comp-card-container-vertical-size-border-radius-compact);
2186
2189
  }
2187
2190
  .ids-card.ids-card-compact.ids-card-vertical.ids-card-outlined {
2191
+ border-style: solid;
2188
2192
  border-width: var(--ids-comp-card-container-vertical-size-border-width-compact);
2189
2193
  }
2190
2194
  .ids-card.ids-card-compact.ids-card-clickable:focus {
@@ -2220,6 +2224,7 @@
2220
2224
  border-radius: var(--ids-comp-card-container-horizontal-size-border-radius-comfortable);
2221
2225
  }
2222
2226
  .ids-card.ids-card-comfortable.ids-card-horizontal.ids-card-outlined {
2227
+ border-style: solid;
2223
2228
  border-width: var(--ids-comp-card-container-horizontal-size-border-width-comfortable);
2224
2229
  }
2225
2230
  .ids-card.ids-card-comfortable.ids-card-vertical {
@@ -2228,6 +2233,7 @@
2228
2233
  border-radius: var(--ids-comp-card-container-vertical-size-border-radius-comfortable);
2229
2234
  }
2230
2235
  .ids-card.ids-card-comfortable.ids-card-vertical.ids-card-outlined {
2236
+ border-style: solid;
2231
2237
  border-width: var(--ids-comp-card-container-vertical-size-border-width-comfortable);
2232
2238
  }
2233
2239
  .ids-card.ids-card-comfortable.ids-card-clickable:focus {
@@ -2263,6 +2269,7 @@
2263
2269
  border-radius: var(--ids-comp-card-container-horizontal-size-border-radius-spacious);
2264
2270
  }
2265
2271
  .ids-card.ids-card-spacious.ids-card-horizontal.ids-card-outlined {
2272
+ border-style: solid;
2266
2273
  border-width: var(--ids-comp-card-container-horizontal-size-border-width-spacious);
2267
2274
  }
2268
2275
  .ids-card.ids-card-spacious.ids-card-vertical {
@@ -2271,6 +2278,7 @@
2271
2278
  border-radius: var(--ids-comp-card-container-vertical-size-border-radius-spacious);
2272
2279
  }
2273
2280
  .ids-card.ids-card-spacious.ids-card-vertical.ids-card-outlined {
2281
+ border-style: solid;
2274
2282
  border-width: var(--ids-comp-card-container-vertical-size-border-width-spacious);
2275
2283
  }
2276
2284
  .ids-card.ids-card-spacious.ids-card-clickable:focus {
@@ -2306,6 +2314,7 @@
2306
2314
  border-radius: var(--ids-comp-card-container-horizontal-size-border-radius-dense);
2307
2315
  }
2308
2316
  .ids-card.ids-card-dense.ids-card-horizontal.ids-card-outlined {
2317
+ border-style: solid;
2309
2318
  border-width: var(--ids-comp-card-container-horizontal-size-border-width-dense);
2310
2319
  }
2311
2320
  .ids-card.ids-card-dense.ids-card-vertical {
@@ -2314,6 +2323,7 @@
2314
2323
  border-radius: var(--ids-comp-card-container-vertical-size-border-radius-dense);
2315
2324
  }
2316
2325
  .ids-card.ids-card-dense.ids-card-vertical.ids-card-outlined {
2326
+ border-style: solid;
2317
2327
  border-width: var(--ids-comp-card-container-vertical-size-border-width-dense);
2318
2328
  }
2319
2329
  .ids-card.ids-card-dense.ids-card-clickable:focus {
@@ -9548,9 +9558,6 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
9548
9558
  border-style: none;
9549
9559
  border-color: transparent;
9550
9560
  line-height: 1.5;
9551
- display: inline-flex;
9552
- align-items: flex-start;
9553
- justify-content: start;
9554
9561
  }
9555
9562
  .ids-radio-group::before, .ids-radio-group::after, .ids-radio-group *, .ids-radio-group ::before, .ids-radio-group ::after {
9556
9563
  box-sizing: border-box;
@@ -9558,6 +9565,12 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
9558
9565
  border-style: none;
9559
9566
  border-color: transparent;
9560
9567
  }
9568
+
9569
+ .ids-radio-group {
9570
+ display: inline-flex;
9571
+ align-items: flex-start;
9572
+ justify-content: start;
9573
+ }
9561
9574
  .ids-radio-group.ids-radio-group-horizontal {
9562
9575
  flex-direction: row;
9563
9576
  }
@@ -9655,32 +9668,32 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
9655
9668
  padding: var(--ids-comp-radio-group-vertical-container-size-padding-y-compact) var(--ids-comp-radio-group-vertical-container-size-padding-x-compact);
9656
9669
  gap: var(--ids-comp-radio-group-vertical-container-size-gap-compact);
9657
9670
  }
9658
- .ids-radio-group.ids-radio-group-compact > .ids-radio {
9671
+ .ids-radio-group.ids-radio-group-compact .ids-radio {
9659
9672
  padding: var(--ids-comp-radio-button-container-size-padding-y-compact) var(--ids-comp-radio-button-container-size-padding-x-compact);
9660
9673
  gap: var(--ids-comp-radio-button-container-size-gap-compact);
9661
9674
  }
9662
- .ids-radio-group.ids-radio-group-compact > .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target {
9675
+ .ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target {
9663
9676
  top: calc((var(--ids-comp-radio-button-input-size-height-compact) - var(--ids-comp-radio-button-input-size-touchtarget-height-compact)) / 2);
9664
9677
  left: calc((var(--ids-comp-radio-button-input-size-width-compact) - var(--ids-comp-radio-button-input-size-touchtarget-width-compact)) / 2);
9665
9678
  height: var(--ids-comp-radio-button-input-size-touchtarget-height-compact);
9666
9679
  width: var(--ids-comp-radio-button-input-size-touchtarget-width-compact);
9667
9680
  }
9668
- .ids-radio-group.ids-radio-group-compact > .ids-radio .ids-radio__input-wrapper input[type=radio] {
9681
+ .ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio] {
9669
9682
  width: var(--ids-comp-radio-button-input-size-width-compact);
9670
9683
  height: var(--ids-comp-radio-button-input-size-height-compact);
9671
9684
  border-radius: var(--ids-comp-radio-button-input-size-border-radius-compact);
9672
9685
  border-width: var(--ids-comp-radio-button-input-size-border-width-compact);
9673
9686
  }
9674
- .ids-radio-group.ids-radio-group-compact > .ids-radio .ids-radio__input-wrapper input[type=radio]:checked + .ids-radio__inner-circle {
9687
+ .ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio]:checked + .ids-radio__inner-circle {
9675
9688
  width: var(--ids-comp-radio-button-input-inner-circle-size-width-compact);
9676
9689
  height: var(--ids-comp-radio-button-input-inner-circle-size-height-compact);
9677
9690
  border-radius: var(--ids-comp-radio-button-input-inner-circle-size-border-radius-compact);
9678
9691
  border-width: var(--ids-comp-radio-button-input-inner-circle-size-border-width-compact);
9679
9692
  }
9680
- .ids-radio-group.ids-radio-group-compact > .ids-radio .ids-radio__input-wrapper input[type=radio]:focus, .ids-radio-group.ids-radio-group-compact > .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible {
9693
+ .ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio]:focus, .ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible {
9681
9694
  outline-width: var(--ids-comp-radio-focused-outline-outline-compact);
9682
9695
  }
9683
- .ids-radio-group.ids-radio-group-compact > .ids-radio .ids-radio__label {
9696
+ .ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__label {
9684
9697
  padding: var(--ids-comp-radio-button-label-size-padding-y-compact) 0px;
9685
9698
  font-family: var(--ids-comp-radio-button-label-typography-font-family-compact);
9686
9699
  font-size: var(--ids-comp-radio-button-label-typography-font-size-compact);
@@ -9696,32 +9709,32 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
9696
9709
  padding: var(--ids-comp-radio-group-vertical-container-size-padding-y-comfortable) var(--ids-comp-radio-group-vertical-container-size-padding-x-comfortable);
9697
9710
  gap: var(--ids-comp-radio-group-vertical-container-size-gap-comfortable);
9698
9711
  }
9699
- .ids-radio-group.ids-radio-group-comfortable > .ids-radio {
9712
+ .ids-radio-group.ids-radio-group-comfortable .ids-radio {
9700
9713
  padding: var(--ids-comp-radio-button-container-size-padding-y-comfortable) var(--ids-comp-radio-button-container-size-padding-x-comfortable);
9701
9714
  gap: var(--ids-comp-radio-button-container-size-gap-comfortable);
9702
9715
  }
9703
- .ids-radio-group.ids-radio-group-comfortable > .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target {
9716
+ .ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target {
9704
9717
  top: calc((var(--ids-comp-radio-button-input-size-height-comfortable) - var(--ids-comp-radio-button-input-size-touchtarget-height-comfortable)) / 2);
9705
9718
  left: calc((var(--ids-comp-radio-button-input-size-width-comfortable) - var(--ids-comp-radio-button-input-size-touchtarget-width-comfortable)) / 2);
9706
9719
  height: var(--ids-comp-radio-button-input-size-touchtarget-height-comfortable);
9707
9720
  width: var(--ids-comp-radio-button-input-size-touchtarget-width-comfortable);
9708
9721
  }
9709
- .ids-radio-group.ids-radio-group-comfortable > .ids-radio .ids-radio__input-wrapper input[type=radio] {
9722
+ .ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio] {
9710
9723
  width: var(--ids-comp-radio-button-input-size-width-comfortable);
9711
9724
  height: var(--ids-comp-radio-button-input-size-height-comfortable);
9712
9725
  border-radius: var(--ids-comp-radio-button-input-size-border-radius-comfortable);
9713
9726
  border-width: var(--ids-comp-radio-button-input-size-border-width-comfortable);
9714
9727
  }
9715
- .ids-radio-group.ids-radio-group-comfortable > .ids-radio .ids-radio__input-wrapper input[type=radio]:checked + .ids-radio__inner-circle {
9728
+ .ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio]:checked + .ids-radio__inner-circle {
9716
9729
  width: var(--ids-comp-radio-button-input-inner-circle-size-width-comfortable);
9717
9730
  height: var(--ids-comp-radio-button-input-inner-circle-size-height-comfortable);
9718
9731
  border-radius: var(--ids-comp-radio-button-input-inner-circle-size-border-radius-comfortable);
9719
9732
  border-width: var(--ids-comp-radio-button-input-inner-circle-size-border-width-comfortable);
9720
9733
  }
9721
- .ids-radio-group.ids-radio-group-comfortable > .ids-radio .ids-radio__input-wrapper input[type=radio]:focus, .ids-radio-group.ids-radio-group-comfortable > .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible {
9734
+ .ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio]:focus, .ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible {
9722
9735
  outline-width: var(--ids-comp-radio-focused-outline-outline-comfortable);
9723
9736
  }
9724
- .ids-radio-group.ids-radio-group-comfortable > .ids-radio .ids-radio__label {
9737
+ .ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__label {
9725
9738
  padding: var(--ids-comp-radio-button-label-size-padding-y-comfortable) 0px;
9726
9739
  font-family: var(--ids-comp-radio-button-label-typography-font-family-comfortable);
9727
9740
  font-size: var(--ids-comp-radio-button-label-typography-font-size-comfortable);
@@ -9737,32 +9750,32 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
9737
9750
  padding: var(--ids-comp-radio-group-vertical-container-size-padding-y-spacious) var(--ids-comp-radio-group-vertical-container-size-padding-x-spacious);
9738
9751
  gap: var(--ids-comp-radio-group-vertical-container-size-gap-spacious);
9739
9752
  }
9740
- .ids-radio-group.ids-radio-group-spacious > .ids-radio {
9753
+ .ids-radio-group.ids-radio-group-spacious .ids-radio {
9741
9754
  padding: var(--ids-comp-radio-button-container-size-padding-y-spacious) var(--ids-comp-radio-button-container-size-padding-x-spacious);
9742
9755
  gap: var(--ids-comp-radio-button-container-size-gap-spacious);
9743
9756
  }
9744
- .ids-radio-group.ids-radio-group-spacious > .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target {
9757
+ .ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target {
9745
9758
  top: calc((var(--ids-comp-radio-button-input-size-height-spacious) - var(--ids-comp-radio-button-input-size-touchtarget-height-spacious)) / 2);
9746
9759
  left: calc((var(--ids-comp-radio-button-input-size-width-spacious) - var(--ids-comp-radio-button-input-size-touchtarget-width-spacious)) / 2);
9747
9760
  height: var(--ids-comp-radio-button-input-size-touchtarget-height-spacious);
9748
9761
  width: var(--ids-comp-radio-button-input-size-touchtarget-width-spacious);
9749
9762
  }
9750
- .ids-radio-group.ids-radio-group-spacious > .ids-radio .ids-radio__input-wrapper input[type=radio] {
9763
+ .ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio] {
9751
9764
  width: var(--ids-comp-radio-button-input-size-width-spacious);
9752
9765
  height: var(--ids-comp-radio-button-input-size-height-spacious);
9753
9766
  border-radius: var(--ids-comp-radio-button-input-size-border-radius-spacious);
9754
9767
  border-width: var(--ids-comp-radio-button-input-size-border-width-spacious);
9755
9768
  }
9756
- .ids-radio-group.ids-radio-group-spacious > .ids-radio .ids-radio__input-wrapper input[type=radio]:checked + .ids-radio__inner-circle {
9769
+ .ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio]:checked + .ids-radio__inner-circle {
9757
9770
  width: var(--ids-comp-radio-button-input-inner-circle-size-width-spacious);
9758
9771
  height: var(--ids-comp-radio-button-input-inner-circle-size-height-spacious);
9759
9772
  border-radius: var(--ids-comp-radio-button-input-inner-circle-size-border-radius-spacious);
9760
9773
  border-width: var(--ids-comp-radio-button-input-inner-circle-size-border-width-spacious);
9761
9774
  }
9762
- .ids-radio-group.ids-radio-group-spacious > .ids-radio .ids-radio__input-wrapper input[type=radio]:focus, .ids-radio-group.ids-radio-group-spacious > .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible {
9775
+ .ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio]:focus, .ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible {
9763
9776
  outline-width: var(--ids-comp-radio-focused-outline-outline-spacious);
9764
9777
  }
9765
- .ids-radio-group.ids-radio-group-spacious > .ids-radio .ids-radio__label {
9778
+ .ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__label {
9766
9779
  padding: var(--ids-comp-radio-button-label-size-padding-y-spacious) 0px;
9767
9780
  font-family: var(--ids-comp-radio-button-label-typography-font-family-spacious);
9768
9781
  font-size: var(--ids-comp-radio-button-label-typography-font-size-spacious);
@@ -9778,32 +9791,32 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
9778
9791
  padding: var(--ids-comp-radio-group-vertical-container-size-padding-y-dense) var(--ids-comp-radio-group-vertical-container-size-padding-x-dense);
9779
9792
  gap: var(--ids-comp-radio-group-vertical-container-size-gap-dense);
9780
9793
  }
9781
- .ids-radio-group.ids-radio-group-dense > .ids-radio {
9794
+ .ids-radio-group.ids-radio-group-dense .ids-radio {
9782
9795
  padding: var(--ids-comp-radio-button-container-size-padding-y-dense) var(--ids-comp-radio-button-container-size-padding-x-dense);
9783
9796
  gap: var(--ids-comp-radio-button-container-size-gap-dense);
9784
9797
  }
9785
- .ids-radio-group.ids-radio-group-dense > .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target {
9798
+ .ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target {
9786
9799
  top: calc((var(--ids-comp-radio-button-input-size-height-dense) - var(--ids-comp-radio-button-input-size-touchtarget-height-dense)) / 2);
9787
9800
  left: calc((var(--ids-comp-radio-button-input-size-width-dense) - var(--ids-comp-radio-button-input-size-touchtarget-width-dense)) / 2);
9788
9801
  height: var(--ids-comp-radio-button-input-size-touchtarget-height-dense);
9789
9802
  width: var(--ids-comp-radio-button-input-size-touchtarget-width-dense);
9790
9803
  }
9791
- .ids-radio-group.ids-radio-group-dense > .ids-radio .ids-radio__input-wrapper input[type=radio] {
9804
+ .ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio] {
9792
9805
  width: var(--ids-comp-radio-button-input-size-width-dense);
9793
9806
  height: var(--ids-comp-radio-button-input-size-height-dense);
9794
9807
  border-radius: var(--ids-comp-radio-button-input-size-border-radius-dense);
9795
9808
  border-width: var(--ids-comp-radio-button-input-size-border-width-dense);
9796
9809
  }
9797
- .ids-radio-group.ids-radio-group-dense > .ids-radio .ids-radio__input-wrapper input[type=radio]:checked + .ids-radio__inner-circle {
9810
+ .ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio]:checked + .ids-radio__inner-circle {
9798
9811
  width: var(--ids-comp-radio-button-input-inner-circle-size-width-dense);
9799
9812
  height: var(--ids-comp-radio-button-input-inner-circle-size-height-dense);
9800
9813
  border-radius: var(--ids-comp-radio-button-input-inner-circle-size-border-radius-dense);
9801
9814
  border-width: var(--ids-comp-radio-button-input-inner-circle-size-border-width-dense);
9802
9815
  }
9803
- .ids-radio-group.ids-radio-group-dense > .ids-radio .ids-radio__input-wrapper input[type=radio]:focus, .ids-radio-group.ids-radio-group-dense > .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible {
9816
+ .ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio]:focus, .ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible {
9804
9817
  outline-width: var(--ids-comp-radio-focused-outline-outline-dense);
9805
9818
  }
9806
- .ids-radio-group.ids-radio-group-dense > .ids-radio .ids-radio__label {
9819
+ .ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__label {
9807
9820
  padding: var(--ids-comp-radio-button-label-size-padding-y-dense) 0px;
9808
9821
  font-family: var(--ids-comp-radio-button-label-typography-font-family-dense);
9809
9822
  font-size: var(--ids-comp-radio-button-label-typography-font-size-dense);