@i-cell/ids-styles 0.0.39 → 0.0.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/button/button.css +72 -0
  2. package/dist/button/button.min.css +1 -1
  3. package/dist/button/button.plugin.js +72 -0
  4. package/dist/card/card.css +13 -3
  5. package/dist/card/card.min.css +1 -1
  6. package/dist/card/card.plugin.js +10 -2
  7. package/dist/components.css +115 -30
  8. package/dist/components.min.css +1 -1
  9. package/dist/components.plugin.js +106 -26
  10. package/dist/radio/radio.css +30 -27
  11. package/dist/radio/radio.min.css +1 -1
  12. package/dist/radio/radio.plugin.js +24 -24
  13. package/package.json +2 -2
package/dist/button/button.css CHANGED
@@ -289,6 +289,14 @@
289
289
  .ids-button.ids-button-filled.ids-button-error:active > .ids-icon {
290
290
  color: var(--ids-comp-button-filled-color-fg-icon-error-pressed);
291
291
  }
292
+ .ids-button.ids-button-filled.ids-button-error:disabled {
293
+ color: var(--ids-comp-button-filled-color-fg-label-error-disabled);
294
+ background: var(--ids-comp-button-filled-color-bg-error-disabled);
295
+ border-color: var(--ids-comp-button-filled-color-border-error-disabled);
296
+ }
297
+ .ids-button.ids-button-filled.ids-button-error:disabled > .ids-icon {
298
+ color: var(--ids-comp-button-filled-color-fg-icon-error-disabled);
299
+ }
292
300
  .ids-button.ids-button-filled.ids-button-success {
293
301
  color: var(--ids-comp-button-filled-color-fg-label-success-default);
294
302
  background: var(--ids-comp-button-filled-color-bg-success-default);
@@ -322,6 +330,14 @@
322
330
  .ids-button.ids-button-filled.ids-button-success:active > .ids-icon {
323
331
  color: var(--ids-comp-button-filled-color-fg-icon-success-pressed);
324
332
  }
333
+ .ids-button.ids-button-filled.ids-button-success:disabled {
334
+ color: var(--ids-comp-button-filled-color-fg-label-success-disabled);
335
+ background: var(--ids-comp-button-filled-color-bg-success-disabled);
336
+ border-color: var(--ids-comp-button-filled-color-border-success-disabled);
337
+ }
338
+ .ids-button.ids-button-filled.ids-button-success:disabled > .ids-icon {
339
+ color: var(--ids-comp-button-filled-color-fg-icon-success-disabled);
340
+ }
325
341
  .ids-button.ids-button-filled.ids-button-warning {
326
342
  color: var(--ids-comp-button-filled-color-fg-label-warning-default);
327
343
  background: var(--ids-comp-button-filled-color-bg-warning-default);
@@ -355,6 +371,14 @@
355
371
  .ids-button.ids-button-filled.ids-button-warning:active > .ids-icon {
356
372
  color: var(--ids-comp-button-filled-color-fg-icon-warning-pressed);
357
373
  }
374
+ .ids-button.ids-button-filled.ids-button-warning:disabled {
375
+ color: var(--ids-comp-button-filled-color-fg-label-warning-disabled);
376
+ background: var(--ids-comp-button-filled-color-bg-warning-disabled);
377
+ border-color: var(--ids-comp-button-filled-color-border-warning-disabled);
378
+ }
379
+ .ids-button.ids-button-filled.ids-button-warning:disabled > .ids-icon {
380
+ color: var(--ids-comp-button-filled-color-fg-icon-warning-disabled);
381
+ }
358
382
  .ids-button.ids-button-filled.ids-button-light {
359
383
  color: var(--ids-comp-button-filled-color-fg-label-light-default);
360
384
  background: var(--ids-comp-button-filled-color-bg-light-default);
@@ -675,6 +699,14 @@
675
699
  .ids-button.ids-button-outlined.ids-button-error:active > .ids-icon {
676
700
  color: var(--ids-comp-button-outlined-color-fg-icon-error-pressed);
677
701
  }
702
+ .ids-button.ids-button-outlined.ids-button-error:disabled {
703
+ color: var(--ids-comp-button-outlined-color-fg-label-error-disabled);
704
+ background: var(--ids-comp-button-outlined-color-bg-error-disabled);
705
+ border-color: var(--ids-comp-button-outlined-color-border-error-disabled);
706
+ }
707
+ .ids-button.ids-button-outlined.ids-button-error:disabled > .ids-icon {
708
+ color: var(--ids-comp-button-outlined-color-fg-icon-error-disabled);
709
+ }
678
710
  .ids-button.ids-button-outlined.ids-button-success {
679
711
  color: var(--ids-comp-button-outlined-color-fg-label-success-default);
680
712
  background: var(--ids-comp-button-outlined-color-bg-success-default);
@@ -708,6 +740,14 @@
708
740
  .ids-button.ids-button-outlined.ids-button-success:active > .ids-icon {
709
741
  color: var(--ids-comp-button-outlined-color-fg-icon-success-pressed);
710
742
  }
743
+ .ids-button.ids-button-outlined.ids-button-success:disabled {
744
+ color: var(--ids-comp-button-outlined-color-fg-label-success-disabled);
745
+ background: var(--ids-comp-button-outlined-color-bg-success-disabled);
746
+ border-color: var(--ids-comp-button-outlined-color-border-success-disabled);
747
+ }
748
+ .ids-button.ids-button-outlined.ids-button-success:disabled > .ids-icon {
749
+ color: var(--ids-comp-button-outlined-color-fg-icon-success-disabled);
750
+ }
711
751
  .ids-button.ids-button-outlined.ids-button-warning {
712
752
  color: var(--ids-comp-button-outlined-color-fg-label-warning-default);
713
753
  background: var(--ids-comp-button-outlined-color-bg-warning-default);
@@ -741,6 +781,14 @@
741
781
  .ids-button.ids-button-outlined.ids-button-warning:active > .ids-icon {
742
782
  color: var(--ids-comp-button-outlined-color-fg-icon-warning-pressed);
743
783
  }
784
+ .ids-button.ids-button-outlined.ids-button-warning:disabled {
785
+ color: var(--ids-comp-button-outlined-color-fg-label-warning-disabled);
786
+ background: var(--ids-comp-button-outlined-color-bg-warning-disabled);
787
+ border-color: var(--ids-comp-button-outlined-color-border-warning-disabled);
788
+ }
789
+ .ids-button.ids-button-outlined.ids-button-warning:disabled > .ids-icon {
790
+ color: var(--ids-comp-button-outlined-color-fg-icon-warning-disabled);
791
+ }
744
792
  .ids-button.ids-button-outlined.ids-button-light {
745
793
  color: var(--ids-comp-button-outlined-color-fg-label-light-default);
746
794
  background: var(--ids-comp-button-outlined-color-bg-light-default);
@@ -1061,6 +1109,14 @@
1061
1109
  .ids-button.ids-button-text.ids-button-error:active > .ids-icon {
1062
1110
  color: var(--ids-comp-button-text-color-fg-icon-error-pressed);
1063
1111
  }
1112
+ .ids-button.ids-button-text.ids-button-error:disabled {
1113
+ color: var(--ids-comp-button-text-color-fg-label-error-disabled);
1114
+ background: var(--ids-comp-button-text-color-bg-error-disabled);
1115
+ border-color: var(--ids-comp-button-text-color-border-error-default);
1116
+ }
1117
+ .ids-button.ids-button-text.ids-button-error:disabled > .ids-icon {
1118
+ color: var(--ids-comp-button-text-color-fg-icon-error-disabled);
1119
+ }
1064
1120
  .ids-button.ids-button-text.ids-button-success {
1065
1121
  color: var(--ids-comp-button-text-color-fg-label-success-default);
1066
1122
  background: var(--ids-comp-button-text-color-bg-success-default);
@@ -1094,6 +1150,14 @@
1094
1150
  .ids-button.ids-button-text.ids-button-success:active > .ids-icon {
1095
1151
  color: var(--ids-comp-button-text-color-fg-icon-success-pressed);
1096
1152
  }
1153
+ .ids-button.ids-button-text.ids-button-success:disabled {
1154
+ color: var(--ids-comp-button-text-color-fg-label-success-disabled);
1155
+ background: var(--ids-comp-button-text-color-bg-success-disabled);
1156
+ border-color: var(--ids-comp-button-text-color-border-success-default);
1157
+ }
1158
+ .ids-button.ids-button-text.ids-button-success:disabled > .ids-icon {
1159
+ color: var(--ids-comp-button-text-color-fg-icon-success-disabled);
1160
+ }
1097
1161
  .ids-button.ids-button-text.ids-button-warning {
1098
1162
  color: var(--ids-comp-button-text-color-fg-label-warning-default);
1099
1163
  background: var(--ids-comp-button-text-color-bg-warning-default);
@@ -1127,6 +1191,14 @@
1127
1191
  .ids-button.ids-button-text.ids-button-warning:active > .ids-icon {
1128
1192
  color: var(--ids-comp-button-text-color-fg-icon-warning-pressed);
1129
1193
  }
1194
+ .ids-button.ids-button-text.ids-button-warning:disabled {
1195
+ color: var(--ids-comp-button-text-color-fg-label-warning-disabled);
1196
+ background: var(--ids-comp-button-text-color-bg-warning-disabled);
1197
+ border-color: var(--ids-comp-button-text-color-border-warning-default);
1198
+ }
1199
+ .ids-button.ids-button-text.ids-button-warning:disabled > .ids-icon {
1200
+ color: var(--ids-comp-button-text-color-fg-icon-warning-disabled);
1201
+ }
1130
1202
  .ids-button.ids-button-text.ids-button-light {
1131
1203
  color: var(--ids-comp-button-text-color-fg-label-light-default);
1132
1204
  background: var(--ids-comp-button-text-color-bg-light-default);
package/dist/button/button.min.css CHANGED
@@ -1 +1 @@
1
- .ids-button{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;flex-shrink:0;width:fit-content;align-items:center;display:inline-flex;justify-content:center;border-style:solid}.ids-button::before,.ids-button::after,.ids-button *,.ids-button ::before,.ids-button ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-button:focus,.ids-button:focus-visible{outline-offset:2px;outline-style:solid}.ids-button:active{outline-style:none}.ids-button:not(:disabled){cursor:pointer}.ids-button:disabled{cursor:not-allowed}.ids-button>.ids-icon{flex-shrink:0}.ids-button.ids-button-compact{gap:var(--ids-comp-button-size-gap-compact);height:var(--ids-comp-button-size-height-compact);min-width:var(--ids-comp-button-size-min-width-compact);padding:var(--ids-comp-button-size-padding-y-compact) var(--ids-comp-button-size-padding-x-compact);border-radius:var(--ids-comp-button-size-border-radius-compact);border-width:var(--ids-comp-button-size-border-width-compact)}.ids-button.ids-button-compact:focus{outline-width:var(--ids-comp-button-focused-outline-size-outline-compact)}.ids-button.ids-button-compact>.ids-button-label{font-family:var(--ids-comp-button-label-typography-font-family-compact);font-size:var(--ids-comp-button-label-typography-font-size-compact);font-weight:var(--ids-comp-button-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-button-label-typography-letter-spacing-compact);line-height:var(--ids-comp-button-label-typography-line-height-compact)}.ids-button.ids-button-compact>.ids-icon{width:var(--ids-comp-button-size-icon-compact);height:var(--ids-comp-button-size-icon-compact);font-size:var(--ids-comp-button-icon-typography-font-size-compact);font-weight:var(--ids-comp-button-icon-typography-font-weight-compact);line-height:var(--ids-comp-button-icon-typography-line-height-compact)}.ids-button.ids-button-comfortable{gap:var(--ids-comp-button-size-gap-comfortable);height:var(--ids-comp-button-size-height-comfortable);min-width:var(--ids-comp-button-size-min-width-comfortable);padding:var(--ids-comp-button-size-padding-y-comfortable) var(--ids-comp-button-size-padding-x-comfortable);border-radius:var(--ids-comp-button-size-border-radius-comfortable);border-width:var(--ids-comp-button-size-border-width-comfortable)}.ids-button.ids-button-comfortable:focus{outline-width:var(--ids-comp-button-focused-outline-size-outline-comfortable)}.ids-button.ids-button-comfortable>.ids-button-label{font-family:var(--ids-comp-button-label-typography-font-family-comfortable);font-size:var(--ids-comp-button-label-typography-font-size-comfortable);font-weight:var(--ids-comp-button-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-button-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-button-label-typography-line-height-comfortable)}.ids-button.ids-button-comfortable>.ids-icon{width:var(--ids-comp-button-size-icon-comfortable);height:var(--ids-comp-button-size-icon-comfortable);font-size:var(--ids-comp-button-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-button-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-button-icon-typography-line-height-comfortable)}.ids-button.ids-button-spacious{gap:var(--ids-comp-button-size-gap-spacious);height:var(--ids-comp-button-size-height-spacious);min-width:var(--ids-comp-button-size-min-width-spacious);padding:var(--ids-comp-button-size-padding-y-spacious) var(--ids-comp-button-size-padding-x-spacious);border-radius:var(--ids-comp-button-size-border-radius-spacious);border-width:var(--ids-comp-button-size-border-width-spacious)}.ids-button.ids-button-spacious:focus{outline-width:var(--ids-comp-button-focused-outline-size-outline-spacious)}.ids-button.ids-button-spacious>.ids-button-label{font-family:var(--ids-comp-button-label-typography-font-family-spacious);font-size:var(--ids-comp-button-label-typography-font-size-spacious);font-weight:var(--ids-comp-button-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-button-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-button-label-typography-line-height-spacious)}.ids-button.ids-button-spacious>.ids-icon{width:var(--ids-comp-button-size-icon-spacious);height:var(--ids-comp-button-size-icon-spacious);font-size:var(--ids-comp-button-icon-typography-font-size-spacious);font-weight:var(--ids-comp-button-icon-typography-font-weight-spacious);line-height:var(--ids-comp-button-icon-typography-line-height-spacious)}.ids-button.ids-button-dense{gap:var(--ids-comp-button-size-gap-dense);height:var(--ids-comp-button-size-height-dense);min-width:var(--ids-comp-button-size-min-width-dense);padding:var(--ids-comp-button-size-padding-y-dense) var(--ids-comp-button-size-padding-x-dense);border-radius:var(--ids-comp-button-size-border-radius-dense);border-width:var(--ids-comp-button-size-border-width-dense)}.ids-button.ids-button-dense:focus{outline-width:var(--ids-comp-button-focused-outline-size-outline-dense)}.ids-button.ids-button-dense>.ids-button-label{font-family:var(--ids-comp-button-label-typography-font-family-dense);font-size:var(--ids-comp-button-label-typography-font-size-dense);font-weight:var(--ids-comp-button-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-button-label-typography-letter-spacing-dense);line-height:var(--ids-comp-button-label-typography-line-height-dense)}.ids-button.ids-button-dense>.ids-icon{width:var(--ids-comp-button-size-icon-dense);height:var(--ids-comp-button-size-icon-dense);font-size:var(--ids-comp-button-icon-typography-font-size-dense);font-weight:var(--ids-comp-button-icon-typography-font-weight-dense);line-height:var(--ids-comp-button-icon-typography-line-height-dense)}.ids-button.ids-button-filled.ids-button-primary{color:var(--ids-comp-button-filled-color-fg-label-primary-default);background:var(--ids-comp-button-filled-color-bg-primary-default);border-color:var(--ids-comp-button-filled-color-border-primary-default)}.ids-button.ids-button-filled.ids-button-primary>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-default)}.ids-button.ids-button-filled.ids-button-primary:hover{color:var(--ids-comp-button-filled-color-fg-label-primary-hovered);background:var(--ids-comp-button-filled-color-bg-primary-hovered);border-color:var(--ids-comp-button-filled-color-border-primary-hovered)}.ids-button.ids-button-filled.ids-button-primary:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-hovered)}.ids-button.ids-button-filled.ids-button-primary:focus,.ids-button.ids-button-filled.ids-button-primary:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-primary-focused);background:var(--ids-comp-button-filled-color-bg-primary-focused);border-color:var(--ids-comp-button-filled-color-border-primary-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-primary:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-primary:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-focused)}.ids-button.ids-button-filled.ids-button-primary:active{color:var(--ids-comp-button-filled-color-fg-label-primary-pressed);background:var(--ids-comp-button-filled-color-bg-primary-pressed);border-color:var(--ids-comp-button-filled-color-border-primary-pressed)}.ids-button.ids-button-filled.ids-button-primary:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-pressed)}.ids-button.ids-button-filled.ids-button-primary:disabled{color:var(--ids-comp-button-filled-color-fg-label-primary-disabled);background:var(--ids-comp-button-filled-color-bg-primary-disabled);border-color:var(--ids-comp-button-filled-color-border-primary-disabled)}.ids-button.ids-button-filled.ids-button-primary:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-disabled)}.ids-button.ids-button-filled.ids-button-secondary{color:var(--ids-comp-button-filled-color-fg-label-secondary-default);background:var(--ids-comp-button-filled-color-bg-secondary-default);border-color:var(--ids-comp-button-filled-color-border-secondary-default)}.ids-button.ids-button-filled.ids-button-secondary>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-default)}.ids-button.ids-button-filled.ids-button-secondary:hover{color:var(--ids-comp-button-filled-color-fg-label-secondary-hovered);background:var(--ids-comp-button-filled-color-bg-secondary-hovered);border-color:var(--ids-comp-button-filled-color-border-secondary-hovered)}.ids-button.ids-button-filled.ids-button-secondary:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-hovered)}.ids-button.ids-button-filled.ids-button-secondary:focus,.ids-button.ids-button-filled.ids-button-secondary:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-secondary-focused);background:var(--ids-comp-button-filled-color-bg-secondary-focused);border-color:var(--ids-comp-button-filled-color-border-secondary-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-secondary:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-secondary:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-focused)}.ids-button.ids-button-filled.ids-button-secondary:active{color:var(--ids-comp-button-filled-color-fg-label-secondary-pressed);background:var(--ids-comp-button-filled-color-bg-secondary-pressed);border-color:var(--ids-comp-button-filled-color-border-secondary-pressed)}.ids-button.ids-button-filled.ids-button-secondary:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-pressed)}.ids-button.ids-button-filled.ids-button-secondary:disabled{color:var(--ids-comp-button-filled-color-fg-label-secondary-disabled);background:var(--ids-comp-button-filled-color-bg-secondary-disabled);border-color:var(--ids-comp-button-filled-color-border-secondary-disabled)}.ids-button.ids-button-filled.ids-button-secondary:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-disabled)}.ids-button.ids-button-filled.ids-button-brand{color:var(--ids-comp-button-filled-color-fg-label-brand-default);background:var(--ids-comp-button-filled-color-bg-brand-default);border-color:var(--ids-comp-button-filled-color-border-brand-default)}.ids-button.ids-button-filled.ids-button-brand>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-default)}.ids-button.ids-button-filled.ids-button-brand:hover{color:var(--ids-comp-button-filled-color-fg-label-brand-hovered);background:var(--ids-comp-button-filled-color-bg-brand-hovered);border-color:var(--ids-comp-button-filled-color-border-brand-hovered)}.ids-button.ids-button-filled.ids-button-brand:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-hovered)}.ids-button.ids-button-filled.ids-button-brand:focus,.ids-button.ids-button-filled.ids-button-brand:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-brand-focused);background:var(--ids-comp-button-filled-color-bg-brand-focused);border-color:var(--ids-comp-button-filled-color-border-brand-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-brand:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-brand:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-focused)}.ids-button.ids-button-filled.ids-button-brand:active{color:var(--ids-comp-button-filled-color-fg-label-brand-pressed);background:var(--ids-comp-button-filled-color-bg-brand-pressed);border-color:var(--ids-comp-button-filled-color-border-brand-pressed)}.ids-button.ids-button-filled.ids-button-brand:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-pressed)}.ids-button.ids-button-filled.ids-button-brand:disabled{color:var(--ids-comp-button-filled-color-fg-label-brand-disabled);background:var(--ids-comp-button-filled-color-bg-brand-disabled);border-color:var(--ids-comp-button-filled-color-border-brand-disabled)}.ids-button.ids-button-filled.ids-button-brand:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-disabled)}.ids-button.ids-button-filled.ids-button-error{color:var(--ids-comp-button-filled-color-fg-label-error-default);background:var(--ids-comp-button-filled-color-bg-error-default);border-color:var(--ids-comp-button-filled-color-border-error-default)}.ids-button.ids-button-filled.ids-button-error>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-error-default)}.ids-button.ids-button-filled.ids-button-error:hover{color:var(--ids-comp-button-filled-color-fg-label-error-hovered);background:var(--ids-comp-button-filled-color-bg-error-hovered);border-color:var(--ids-comp-button-filled-color-border-error-hovered)}.ids-button.ids-button-filled.ids-button-error:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-error-hovered)}.ids-button.ids-button-filled.ids-button-error:focus,.ids-button.ids-button-filled.ids-button-error:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-error-focused);background:var(--ids-comp-button-filled-color-bg-error-focused);border-color:var(--ids-comp-button-filled-color-border-error-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-error:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-error:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-error-focused)}.ids-button.ids-button-filled.ids-button-error:active{color:var(--ids-comp-button-filled-color-fg-label-error-pressed);background:var(--ids-comp-button-filled-color-bg-error-pressed);border-color:var(--ids-comp-button-filled-color-border-error-pressed)}.ids-button.ids-button-filled.ids-button-error:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-error-pressed)}.ids-button.ids-button-filled.ids-button-success{color:var(--ids-comp-button-filled-color-fg-label-success-default);background:var(--ids-comp-button-filled-color-bg-success-default);border-color:var(--ids-comp-button-filled-color-border-success-default)}.ids-button.ids-button-filled.ids-button-success>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-success-default)}.ids-button.ids-button-filled.ids-button-success:hover{color:var(--ids-comp-button-filled-color-fg-label-success-hovered);background:var(--ids-comp-button-filled-color-bg-success-hovered);border-color:var(--ids-comp-button-filled-color-border-success-hovered)}.ids-button.ids-button-filled.ids-button-success:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-success-hovered)}.ids-button.ids-button-filled.ids-button-success:focus,.ids-button.ids-button-filled.ids-button-success:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-success-focused);background:var(--ids-comp-button-filled-color-bg-success-focused);border-color:var(--ids-comp-button-filled-color-border-success-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-success:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-success:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-success-focused)}.ids-button.ids-button-filled.ids-button-success:active{color:var(--ids-comp-button-filled-color-fg-label-success-pressed);background:var(--ids-comp-button-filled-color-bg-success-pressed);border-color:var(--ids-comp-button-filled-color-border-success-pressed)}.ids-button.ids-button-filled.ids-button-success:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-success-pressed)}.ids-button.ids-button-filled.ids-button-warning{color:var(--ids-comp-button-filled-color-fg-label-warning-default);background:var(--ids-comp-button-filled-color-bg-warning-default);border-color:var(--ids-comp-button-filled-color-border-warning-default)}.ids-button.ids-button-filled.ids-button-warning>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-warning-default)}.ids-button.ids-button-filled.ids-button-warning:hover{color:var(--ids-comp-button-filled-color-fg-label-warning-hovered);background:var(--ids-comp-button-filled-color-bg-warning-hovered);border-color:var(--ids-comp-button-filled-color-border-warning-hovered)}.ids-button.ids-button-filled.ids-button-warning:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-warning-hovered)}.ids-button.ids-button-filled.ids-button-warning:focus,.ids-button.ids-button-filled.ids-button-warning:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-warning-focused);background:var(--ids-comp-button-filled-color-bg-warning-focused);border-color:var(--ids-comp-button-filled-color-border-warning-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-warning:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-warning:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-warning-focused)}.ids-button.ids-button-filled.ids-button-warning:active{color:var(--ids-comp-button-filled-color-fg-label-warning-pressed);background:var(--ids-comp-button-filled-color-bg-warning-pressed);border-color:var(--ids-comp-button-filled-color-border-warning-pressed)}.ids-button.ids-button-filled.ids-button-warning:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-warning-pressed)}.ids-button.ids-button-filled.ids-button-light{color:var(--ids-comp-button-filled-color-fg-label-light-default);background:var(--ids-comp-button-filled-color-bg-light-default);border-color:var(--ids-comp-button-filled-color-border-light-default)}.ids-button.ids-button-filled.ids-button-light>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-default)}.ids-button.ids-button-filled.ids-button-light:hover{color:var(--ids-comp-button-filled-color-fg-label-light-hovered);background:var(--ids-comp-button-filled-color-bg-light-hovered);border-color:var(--ids-comp-button-filled-color-border-light-hovered)}.ids-button.ids-button-filled.ids-button-light:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-hovered)}.ids-button.ids-button-filled.ids-button-light:focus,.ids-button.ids-button-filled.ids-button-light:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-light-focused);background:var(--ids-comp-button-filled-color-bg-light-focused);border-color:var(--ids-comp-button-filled-color-border-light-focused);outline-color:var(--ids-comp-button-focused-outline-color-light-focused)}.ids-button.ids-button-filled.ids-button-light:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-light:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-focused)}.ids-button.ids-button-filled.ids-button-light:active{color:var(--ids-comp-button-filled-color-fg-label-light-pressed);background:var(--ids-comp-button-filled-color-bg-light-pressed);border-color:var(--ids-comp-button-filled-color-border-light-pressed)}.ids-button.ids-button-filled.ids-button-light:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-pressed)}.ids-button.ids-button-filled.ids-button-light:disabled{color:var(--ids-comp-button-filled-color-fg-label-light-disabled);background:var(--ids-comp-button-filled-color-bg-light-disabled);border-color:var(--ids-comp-button-filled-color-border-light-disabled)}.ids-button.ids-button-filled.ids-button-light:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-disabled)}.ids-button.ids-button-filled.ids-button-light-fixed{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-default);background:var(--ids-comp-button-filled-color-bg-light-fixed-default);border-color:var(--ids-comp-button-filled-color-border-light-fixed-default)}.ids-button.ids-button-filled.ids-button-light-fixed>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-default)}.ids-button.ids-button-filled.ids-button-light-fixed:hover{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-hovered);background:var(--ids-comp-button-filled-color-bg-light-fixed-hovered);border-color:var(--ids-comp-button-filled-color-border-light-fixed-hovered)}.ids-button.ids-button-filled.ids-button-light-fixed:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-hovered)}.ids-button.ids-button-filled.ids-button-light-fixed:focus,.ids-button.ids-button-filled.ids-button-light-fixed:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-focused);background:var(--ids-comp-button-filled-color-bg-light-fixed-focused);border-color:var(--ids-comp-button-filled-color-border-light-fixed-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-light-fixed:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-light-fixed:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-focused)}.ids-button.ids-button-filled.ids-button-light-fixed:active{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-pressed);background:var(--ids-comp-button-filled-color-bg-light-fixed-pressed);border-color:var(--ids-comp-button-filled-color-border-light-fixed-pressed)}.ids-button.ids-button-filled.ids-button-light-fixed:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-pressed)}.ids-button.ids-button-filled.ids-button-light-fixed:disabled{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-disabled);background:var(--ids-comp-button-filled-color-bg-light-fixed-disabled);border-color:var(--ids-comp-button-filled-color-border-light-fixed-disabled)}.ids-button.ids-button-filled.ids-button-light-fixed:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-disabled)}.ids-button.ids-button-filled.ids-button-dark{color:var(--ids-comp-button-filled-color-fg-label-dark-default);background:var(--ids-comp-button-filled-color-bg-dark-default);border-color:var(--ids-comp-button-filled-color-border-dark-default)}.ids-button.ids-button-filled.ids-button-dark>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-default)}.ids-button.ids-button-filled.ids-button-dark:hover{color:var(--ids-comp-button-filled-color-fg-label-dark-hovered);background:var(--ids-comp-button-filled-color-bg-dark-hovered);border-color:var(--ids-comp-button-filled-color-border-dark-hovered)}.ids-button.ids-button-filled.ids-button-dark:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-hovered)}.ids-button.ids-button-filled.ids-button-dark:focus,.ids-button.ids-button-filled.ids-button-dark:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-dark-focused);background:var(--ids-comp-button-filled-color-bg-dark-focused);border-color:var(--ids-comp-button-filled-color-border-dark-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-dark:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-dark:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-focused)}.ids-button.ids-button-filled.ids-button-dark:active{color:var(--ids-comp-button-filled-color-fg-label-dark-pressed);background:var(--ids-comp-button-filled-color-bg-dark-pressed);border-color:var(--ids-comp-button-filled-color-border-dark-pressed)}.ids-button.ids-button-filled.ids-button-dark:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-pressed)}.ids-button.ids-button-filled.ids-button-dark:disabled{color:var(--ids-comp-button-filled-color-fg-label-dark-disabled);background:var(--ids-comp-button-filled-color-bg-dark-disabled);border-color:var(--ids-comp-button-filled-color-border-dark-disabled)}.ids-button.ids-button-filled.ids-button-dark:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-disabled)}.ids-button.ids-button-filled.ids-button-surface{color:var(--ids-comp-button-filled-color-fg-label-surface-default);background:var(--ids-comp-button-filled-color-bg-surface-default);border-color:var(--ids-comp-button-filled-color-border-surface-default)}.ids-button.ids-button-filled.ids-button-surface>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-default)}.ids-button.ids-button-filled.ids-button-surface:hover{color:var(--ids-comp-button-filled-color-fg-label-surface-hovered);background:var(--ids-comp-button-filled-color-bg-surface-hovered);border-color:var(--ids-comp-button-filled-color-border-surface-hovered)}.ids-button.ids-button-filled.ids-button-surface:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-hovered)}.ids-button.ids-button-filled.ids-button-surface:focus,.ids-button.ids-button-filled.ids-button-surface:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-surface-focused);background:var(--ids-comp-button-filled-color-bg-surface-focused);border-color:var(--ids-comp-button-filled-color-border-surface-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-surface:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-surface:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-focused)}.ids-button.ids-button-filled.ids-button-surface:active{color:var(--ids-comp-button-filled-color-fg-label-surface-pressed);background:var(--ids-comp-button-filled-color-bg-surface-pressed);border-color:var(--ids-comp-button-filled-color-border-surface-pressed)}.ids-button.ids-button-filled.ids-button-surface:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-pressed)}.ids-button.ids-button-filled.ids-button-surface:disabled{color:var(--ids-comp-button-filled-color-fg-label-surface-disabled);background:var(--ids-comp-button-filled-color-bg-surface-disabled);border-color:var(--ids-comp-button-filled-color-border-surface-disabled)}.ids-button.ids-button-filled.ids-button-surface:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-disabled)}.ids-button.ids-button-outlined.ids-button-primary{color:var(--ids-comp-button-outlined-color-fg-label-primary-default);background:var(--ids-comp-button-outlined-color-bg-primary-default);border-color:var(--ids-comp-button-outlined-color-border-primary-default)}.ids-button.ids-button-outlined.ids-button-primary>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-default)}.ids-button.ids-button-outlined.ids-button-primary:hover{color:var(--ids-comp-button-outlined-color-fg-label-primary-hovered);background:var(--ids-comp-button-outlined-color-bg-primary-hovered);border-color:var(--ids-comp-button-outlined-color-border-primary-hovered)}.ids-button.ids-button-outlined.ids-button-primary:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-hovered)}.ids-button.ids-button-outlined.ids-button-primary:focus,.ids-button.ids-button-outlined.ids-button-primary:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-primary-focused);background:var(--ids-comp-button-outlined-color-bg-primary-focused);border-color:var(--ids-comp-button-outlined-color-border-primary-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-primary:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-primary:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-focused)}.ids-button.ids-button-outlined.ids-button-primary:active{color:var(--ids-comp-button-outlined-color-fg-label-primary-pressed);background:var(--ids-comp-button-outlined-color-bg-primary-pressed);border-color:var(--ids-comp-button-outlined-color-border-primary-pressed)}.ids-button.ids-button-outlined.ids-button-primary:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-pressed)}.ids-button.ids-button-outlined.ids-button-primary:disabled{color:var(--ids-comp-button-outlined-color-fg-label-primary-disabled);background:var(--ids-comp-button-outlined-color-bg-primary-disabled);border-color:var(--ids-comp-button-outlined-color-border-primary-disabled)}.ids-button.ids-button-outlined.ids-button-primary:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-disabled)}.ids-button.ids-button-outlined.ids-button-secondary{color:var(--ids-comp-button-outlined-color-fg-label-secondary-default);background:var(--ids-comp-button-outlined-color-bg-secondary-default);border-color:var(--ids-comp-button-outlined-color-border-secondary-default)}.ids-button.ids-button-outlined.ids-button-secondary>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-default)}.ids-button.ids-button-outlined.ids-button-secondary:hover{color:var(--ids-comp-button-outlined-color-fg-label-secondary-hovered);background:var(--ids-comp-button-outlined-color-bg-secondary-hovered);border-color:var(--ids-comp-button-outlined-color-border-secondary-hovered)}.ids-button.ids-button-outlined.ids-button-secondary:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-hovered)}.ids-button.ids-button-outlined.ids-button-secondary:focus,.ids-button.ids-button-outlined.ids-button-secondary:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-secondary-focused);background:var(--ids-comp-button-outlined-color-bg-secondary-focused);border-color:var(--ids-comp-button-outlined-color-border-secondary-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-secondary:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-secondary:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-focused)}.ids-button.ids-button-outlined.ids-button-secondary:active{color:var(--ids-comp-button-outlined-color-fg-label-secondary-pressed);background:var(--ids-comp-button-outlined-color-bg-secondary-pressed);border-color:var(--ids-comp-button-outlined-color-border-secondary-pressed)}.ids-button.ids-button-outlined.ids-button-secondary:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-pressed)}.ids-button.ids-button-outlined.ids-button-secondary:disabled{color:var(--ids-comp-button-outlined-color-fg-label-secondary-disabled);background:var(--ids-comp-button-outlined-color-bg-secondary-disabled);border-color:var(--ids-comp-button-outlined-color-border-secondary-disabled)}.ids-button.ids-button-outlined.ids-button-secondary:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-disabled)}.ids-button.ids-button-outlined.ids-button-brand{color:var(--ids-comp-button-outlined-color-fg-label-brand-default);background:var(--ids-comp-button-outlined-color-bg-brand-default);border-color:var(--ids-comp-button-outlined-color-border-brand-default)}.ids-button.ids-button-outlined.ids-button-brand>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-default)}.ids-button.ids-button-outlined.ids-button-brand:hover{color:var(--ids-comp-button-outlined-color-fg-label-brand-hovered);background:var(--ids-comp-button-outlined-color-bg-brand-hovered);border-color:var(--ids-comp-button-outlined-color-border-brand-hovered)}.ids-button.ids-button-outlined.ids-button-brand:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-hovered)}.ids-button.ids-button-outlined.ids-button-brand:focus,.ids-button.ids-button-outlined.ids-button-brand:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-brand-focused);background:var(--ids-comp-button-outlined-color-bg-brand-focused);border-color:var(--ids-comp-button-outlined-color-border-brand-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-brand:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-brand:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-focused)}.ids-button.ids-button-outlined.ids-button-brand:active{color:var(--ids-comp-button-outlined-color-fg-label-brand-pressed);background:var(--ids-comp-button-outlined-color-bg-brand-pressed);border-color:var(--ids-comp-button-outlined-color-border-brand-pressed)}.ids-button.ids-button-outlined.ids-button-brand:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-pressed)}.ids-button.ids-button-outlined.ids-button-brand:disabled{color:var(--ids-comp-button-outlined-color-fg-label-brand-disabled);background:var(--ids-comp-button-outlined-color-bg-brand-disabled);border-color:var(--ids-comp-button-outlined-color-border-brand-disabled)}.ids-button.ids-button-outlined.ids-button-brand:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-disabled)}.ids-button.ids-button-outlined.ids-button-error{color:var(--ids-comp-button-outlined-color-fg-label-error-default);background:var(--ids-comp-button-outlined-color-bg-error-default);border-color:var(--ids-comp-button-outlined-color-border-error-default)}.ids-button.ids-button-outlined.ids-button-error>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-error-default)}.ids-button.ids-button-outlined.ids-button-error:hover{color:var(--ids-comp-button-outlined-color-fg-label-error-hovered);background:var(--ids-comp-button-outlined-color-bg-error-hovered);border-color:var(--ids-comp-button-outlined-color-border-error-hovered)}.ids-button.ids-button-outlined.ids-button-error:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-error-hovered)}.ids-button.ids-button-outlined.ids-button-error:focus,.ids-button.ids-button-outlined.ids-button-error:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-error-focused);background:var(--ids-comp-button-outlined-color-bg-error-focused);border-color:var(--ids-comp-button-outlined-color-border-error-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-error:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-error:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-error-focused)}.ids-button.ids-button-outlined.ids-button-error:active{color:var(--ids-comp-button-outlined-color-fg-label-error-pressed);background:var(--ids-comp-button-outlined-color-bg-error-pressed);border-color:var(--ids-comp-button-outlined-color-border-error-pressed)}.ids-button.ids-button-outlined.ids-button-error:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-error-pressed)}.ids-button.ids-button-outlined.ids-button-success{color:var(--ids-comp-button-outlined-color-fg-label-success-default);background:var(--ids-comp-button-outlined-color-bg-success-default);border-color:var(--ids-comp-button-outlined-color-border-success-default)}.ids-button.ids-button-outlined.ids-button-success>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-success-default)}.ids-button.ids-button-outlined.ids-button-success:hover{color:var(--ids-comp-button-outlined-color-fg-label-success-hovered);background:var(--ids-comp-button-outlined-color-bg-success-hovered);border-color:var(--ids-comp-button-outlined-color-border-success-hovered)}.ids-button.ids-button-outlined.ids-button-success:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-success-hovered)}.ids-button.ids-button-outlined.ids-button-success:focus,.ids-button.ids-button-outlined.ids-button-success:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-success-focused);background:var(--ids-comp-button-outlined-color-bg-success-focused);border-color:var(--ids-comp-button-outlined-color-border-success-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-success:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-success:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-success-focused)}.ids-button.ids-button-outlined.ids-button-success:active{color:var(--ids-comp-button-outlined-color-fg-label-success-pressed);background:var(--ids-comp-button-outlined-color-bg-success-pressed);border-color:var(--ids-comp-button-outlined-color-border-success-pressed)}.ids-button.ids-button-outlined.ids-button-success:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-success-pressed)}.ids-button.ids-button-outlined.ids-button-warning{color:var(--ids-comp-button-outlined-color-fg-label-warning-default);background:var(--ids-comp-button-outlined-color-bg-warning-default);border-color:var(--ids-comp-button-outlined-color-border-warning-default)}.ids-button.ids-button-outlined.ids-button-warning>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-warning-default)}.ids-button.ids-button-outlined.ids-button-warning:hover{color:var(--ids-comp-button-outlined-color-fg-label-warning-hovered);background:var(--ids-comp-button-outlined-color-bg-warning-hovered);border-color:var(--ids-comp-button-outlined-color-border-warning-hovered)}.ids-button.ids-button-outlined.ids-button-warning:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-warning-hovered)}.ids-button.ids-button-outlined.ids-button-warning:focus,.ids-button.ids-button-outlined.ids-button-warning:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-warning-focused);background:var(--ids-comp-button-outlined-color-bg-warning-focused);border-color:var(--ids-comp-button-outlined-color-border-warning-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-warning:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-warning:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-warning-focused)}.ids-button.ids-button-outlined.ids-button-warning:active{color:var(--ids-comp-button-outlined-color-fg-label-warning-pressed);background:var(--ids-comp-button-outlined-color-bg-warning-pressed);border-color:var(--ids-comp-button-outlined-color-border-warning-pressed)}.ids-button.ids-button-outlined.ids-button-warning:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-warning-pressed)}.ids-button.ids-button-outlined.ids-button-light{color:var(--ids-comp-button-outlined-color-fg-label-light-default);background:var(--ids-comp-button-outlined-color-bg-light-default);border-color:var(--ids-comp-button-outlined-color-border-light-default)}.ids-button.ids-button-outlined.ids-button-light>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-default)}.ids-button.ids-button-outlined.ids-button-light:hover{color:var(--ids-comp-button-outlined-color-fg-label-light-hovered);background:var(--ids-comp-button-outlined-color-bg-light-hovered);border-color:var(--ids-comp-button-outlined-color-border-light-hovered)}.ids-button.ids-button-outlined.ids-button-light:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-hovered)}.ids-button.ids-button-outlined.ids-button-light:focus,.ids-button.ids-button-outlined.ids-button-light:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-light-focused);background:var(--ids-comp-button-outlined-color-bg-light-focused);border-color:var(--ids-comp-button-outlined-color-border-light-focused);outline-color:var(--ids-comp-button-focused-outline-color-light-focused)}.ids-button.ids-button-outlined.ids-button-light:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-light:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-focused)}.ids-button.ids-button-outlined.ids-button-light:active{color:var(--ids-comp-button-outlined-color-fg-label-light-pressed);background:var(--ids-comp-button-outlined-color-bg-light-pressed);border-color:var(--ids-comp-button-outlined-color-border-light-pressed)}.ids-button.ids-button-outlined.ids-button-light:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-pressed)}.ids-button.ids-button-outlined.ids-button-light:disabled{color:var(--ids-comp-button-outlined-color-fg-label-light-disabled);background:var(--ids-comp-button-outlined-color-bg-light-disabled);border-color:var(--ids-comp-button-outlined-color-border-light-disabled)}.ids-button.ids-button-outlined.ids-button-light:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-disabled)}.ids-button.ids-button-outlined.ids-button-light-fixed{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-default);background:var(--ids-comp-button-outlined-color-bg-light-fixed-default);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-default)}.ids-button.ids-button-outlined.ids-button-light-fixed>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-default)}.ids-button.ids-button-outlined.ids-button-light-fixed:hover{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-hovered);background:var(--ids-comp-button-outlined-color-bg-light-fixed-hovered);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-hovered)}.ids-button.ids-button-outlined.ids-button-light-fixed:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-hovered)}.ids-button.ids-button-outlined.ids-button-light-fixed:focus,.ids-button.ids-button-outlined.ids-button-light-fixed:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-focused);background:var(--ids-comp-button-outlined-color-bg-light-fixed-focused);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-light-fixed:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-light-fixed:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-focused)}.ids-button.ids-button-outlined.ids-button-light-fixed:active{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-pressed);background:var(--ids-comp-button-outlined-color-bg-light-fixed-pressed);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-pressed)}.ids-button.ids-button-outlined.ids-button-light-fixed:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-pressed)}.ids-button.ids-button-outlined.ids-button-light-fixed:disabled{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-disabled);background:var(--ids-comp-button-outlined-color-bg-light-fixed-disabled);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-disabled)}.ids-button.ids-button-outlined.ids-button-light-fixed:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-disabled)}.ids-button.ids-button-outlined.ids-button-dark{color:var(--ids-comp-button-outlined-color-fg-label-dark-default);background:var(--ids-comp-button-outlined-color-bg-dark-default);border-color:var(--ids-comp-button-outlined-color-border-dark-default)}.ids-button.ids-button-outlined.ids-button-dark>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-default)}.ids-button.ids-button-outlined.ids-button-dark:hover{color:var(--ids-comp-button-outlined-color-fg-label-dark-hovered);background:var(--ids-comp-button-outlined-color-bg-dark-hovered);border-color:var(--ids-comp-button-outlined-color-border-dark-hovered)}.ids-button.ids-button-outlined.ids-button-dark:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-hovered)}.ids-button.ids-button-outlined.ids-button-dark:focus,.ids-button.ids-button-outlined.ids-button-dark:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-dark-focused);background:var(--ids-comp-button-outlined-color-bg-dark-focused);border-color:var(--ids-comp-button-outlined-color-border-dark-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-dark:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-dark:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-focused)}.ids-button.ids-button-outlined.ids-button-dark:active{color:var(--ids-comp-button-outlined-color-fg-label-dark-pressed);background:var(--ids-comp-button-outlined-color-bg-dark-pressed);border-color:var(--ids-comp-button-outlined-color-border-dark-pressed)}.ids-button.ids-button-outlined.ids-button-dark:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-pressed)}.ids-button.ids-button-outlined.ids-button-dark:disabled{color:var(--ids-comp-button-outlined-color-fg-label-dark-disabled);background:var(--ids-comp-button-outlined-color-bg-dark-disabled);border-color:var(--ids-comp-button-outlined-color-border-dark-disabled)}.ids-button.ids-button-outlined.ids-button-dark:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-disabled)}.ids-button.ids-button-outlined.ids-button-surface{color:var(--ids-comp-button-outlined-color-fg-label-surface-default);background:var(--ids-comp-button-outlined-color-bg-surface-default);border-color:var(--ids-comp-button-outlined-color-border-surface-default)}.ids-button.ids-button-outlined.ids-button-surface>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-default)}.ids-button.ids-button-outlined.ids-button-surface:hover{color:var(--ids-comp-button-outlined-color-fg-label-surface-hovered);background:var(--ids-comp-button-outlined-color-bg-surface-hovered);border-color:var(--ids-comp-button-outlined-color-border-surface-hovered)}.ids-button.ids-button-outlined.ids-button-surface:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-hovered)}.ids-button.ids-button-outlined.ids-button-surface:focus,.ids-button.ids-button-outlined.ids-button-surface:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-surface-focused);background:var(--ids-comp-button-outlined-color-bg-surface-focused);border-color:var(--ids-comp-button-outlined-color-border-surface-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-surface:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-surface:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-focused)}.ids-button.ids-button-outlined.ids-button-surface:active{color:var(--ids-comp-button-outlined-color-fg-label-surface-pressed);background:var(--ids-comp-button-outlined-color-bg-surface-pressed);border-color:var(--ids-comp-button-outlined-color-border-surface-pressed)}.ids-button.ids-button-outlined.ids-button-surface:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-pressed)}.ids-button.ids-button-outlined.ids-button-surface:disabled{color:var(--ids-comp-button-outlined-color-fg-label-surface-disabled);background:var(--ids-comp-button-outlined-color-bg-surface-disabled);border-color:var(--ids-comp-button-outlined-color-border-surface-disabled)}.ids-button.ids-button-outlined.ids-button-surface:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-disabled)}.ids-button.ids-button-text.ids-button-primary{color:var(--ids-comp-button-text-color-fg-label-primary-default);background:var(--ids-comp-button-text-color-bg-primary-default);border-color:var(--ids-comp-button-text-color-border-primary-default)}.ids-button.ids-button-text.ids-button-primary>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-default)}.ids-button.ids-button-text.ids-button-primary:hover{color:var(--ids-comp-button-text-color-fg-label-primary-hovered);background:var(--ids-comp-button-text-color-bg-primary-hovered);border-color:var(--ids-comp-button-text-color-border-primary-default)}.ids-button.ids-button-text.ids-button-primary:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-hovered)}.ids-button.ids-button-text.ids-button-primary:focus,.ids-button.ids-button-text.ids-button-primary:focus-visible{color:var(--ids-comp-button-text-color-fg-label-primary-focused);background:var(--ids-comp-button-text-color-bg-primary-focused);border-color:var(--ids-comp-button-text-color-border-primary-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-primary:focus>.ids-icon,.ids-button.ids-button-text.ids-button-primary:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-focused)}.ids-button.ids-button-text.ids-button-primary:active{color:var(--ids-comp-button-text-color-fg-label-primary-pressed);background:var(--ids-comp-button-text-color-bg-primary-pressed);border-color:var(--ids-comp-button-text-color-border-primary-default)}.ids-button.ids-button-text.ids-button-primary:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-pressed)}.ids-button.ids-button-text.ids-button-primary:disabled{color:var(--ids-comp-button-text-color-fg-label-primary-disabled);background:var(--ids-comp-button-text-color-bg-primary-disabled);border-color:var(--ids-comp-button-text-color-border-primary-default)}.ids-button.ids-button-text.ids-button-primary:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-disabled)}.ids-button.ids-button-text.ids-button-secondary{color:var(--ids-comp-button-text-color-fg-label-secondary-default);background:var(--ids-comp-button-text-color-bg-secondary-default);border-color:var(--ids-comp-button-text-color-border-secondary-default)}.ids-button.ids-button-text.ids-button-secondary>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-default)}.ids-button.ids-button-text.ids-button-secondary:hover{color:var(--ids-comp-button-text-color-fg-label-secondary-hovered);background:var(--ids-comp-button-text-color-bg-secondary-hovered);border-color:var(--ids-comp-button-text-color-border-secondary-default)}.ids-button.ids-button-text.ids-button-secondary:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-hovered)}.ids-button.ids-button-text.ids-button-secondary:focus,.ids-button.ids-button-text.ids-button-secondary:focus-visible{color:var(--ids-comp-button-text-color-fg-label-secondary-focused);background:var(--ids-comp-button-text-color-bg-secondary-focused);border-color:var(--ids-comp-button-text-color-border-secondary-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-secondary:focus>.ids-icon,.ids-button.ids-button-text.ids-button-secondary:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-focused)}.ids-button.ids-button-text.ids-button-secondary:active{color:var(--ids-comp-button-text-color-fg-label-secondary-pressed);background:var(--ids-comp-button-text-color-bg-secondary-pressed);border-color:var(--ids-comp-button-text-color-border-secondary-default)}.ids-button.ids-button-text.ids-button-secondary:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-pressed)}.ids-button.ids-button-text.ids-button-secondary:disabled{color:var(--ids-comp-button-text-color-fg-label-secondary-disabled);background:var(--ids-comp-button-text-color-bg-secondary-disabled);border-color:var(--ids-comp-button-text-color-border-secondary-default)}.ids-button.ids-button-text.ids-button-secondary:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-disabled)}.ids-button.ids-button-text.ids-button-brand{color:var(--ids-comp-button-text-color-fg-label-brand-default);background:var(--ids-comp-button-text-color-bg-brand-default);border-color:var(--ids-comp-button-text-color-border-brand-default)}.ids-button.ids-button-text.ids-button-brand>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-default)}.ids-button.ids-button-text.ids-button-brand:hover{color:var(--ids-comp-button-text-color-fg-label-brand-hovered);background:var(--ids-comp-button-text-color-bg-brand-hovered);border-color:var(--ids-comp-button-text-color-border-brand-default)}.ids-button.ids-button-text.ids-button-brand:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-hovered)}.ids-button.ids-button-text.ids-button-brand:focus,.ids-button.ids-button-text.ids-button-brand:focus-visible{color:var(--ids-comp-button-text-color-fg-label-brand-focused);background:var(--ids-comp-button-text-color-bg-brand-focused);border-color:var(--ids-comp-button-text-color-border-brand-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-brand:focus>.ids-icon,.ids-button.ids-button-text.ids-button-brand:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-focused)}.ids-button.ids-button-text.ids-button-brand:active{color:var(--ids-comp-button-text-color-fg-label-brand-pressed);background:var(--ids-comp-button-text-color-bg-brand-pressed);border-color:var(--ids-comp-button-text-color-border-brand-default)}.ids-button.ids-button-text.ids-button-brand:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-pressed)}.ids-button.ids-button-text.ids-button-brand:disabled{color:var(--ids-comp-button-text-color-fg-label-brand-disabled);background:var(--ids-comp-button-text-color-bg-brand-disabled);border-color:var(--ids-comp-button-text-color-border-brand-default)}.ids-button.ids-button-text.ids-button-brand:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-disabled)}.ids-button.ids-button-text.ids-button-error{color:var(--ids-comp-button-text-color-fg-label-error-default);background:var(--ids-comp-button-text-color-bg-error-default);border-color:var(--ids-comp-button-text-color-border-error-default)}.ids-button.ids-button-text.ids-button-error>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-error-default)}.ids-button.ids-button-text.ids-button-error:hover{color:var(--ids-comp-button-text-color-fg-label-error-hovered);background:var(--ids-comp-button-text-color-bg-error-hovered);border-color:var(--ids-comp-button-text-color-border-error-default)}.ids-button.ids-button-text.ids-button-error:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-error-hovered)}.ids-button.ids-button-text.ids-button-error:focus,.ids-button.ids-button-text.ids-button-error:focus-visible{color:var(--ids-comp-button-text-color-fg-label-error-focused);background:var(--ids-comp-button-text-color-bg-error-focused);border-color:var(--ids-comp-button-text-color-border-error-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-error:focus>.ids-icon,.ids-button.ids-button-text.ids-button-error:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-error-focused)}.ids-button.ids-button-text.ids-button-error:active{color:var(--ids-comp-button-text-color-fg-label-error-pressed);background:var(--ids-comp-button-text-color-bg-error-pressed);border-color:var(--ids-comp-button-text-color-border-error-default)}.ids-button.ids-button-text.ids-button-error:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-error-pressed)}.ids-button.ids-button-text.ids-button-success{color:var(--ids-comp-button-text-color-fg-label-success-default);background:var(--ids-comp-button-text-color-bg-success-default);border-color:var(--ids-comp-button-text-color-border-success-default)}.ids-button.ids-button-text.ids-button-success>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-success-default)}.ids-button.ids-button-text.ids-button-success:hover{color:var(--ids-comp-button-text-color-fg-label-success-hovered);background:var(--ids-comp-button-text-color-bg-success-hovered);border-color:var(--ids-comp-button-text-color-border-success-default)}.ids-button.ids-button-text.ids-button-success:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-success-hovered)}.ids-button.ids-button-text.ids-button-success:focus,.ids-button.ids-button-text.ids-button-success:focus-visible{color:var(--ids-comp-button-text-color-fg-label-success-focused);background:var(--ids-comp-button-text-color-bg-success-focused);border-color:var(--ids-comp-button-text-color-border-success-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-success:focus>.ids-icon,.ids-button.ids-button-text.ids-button-success:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-success-focused)}.ids-button.ids-button-text.ids-button-success:active{color:var(--ids-comp-button-text-color-fg-label-success-pressed);background:var(--ids-comp-button-text-color-bg-success-pressed);border-color:var(--ids-comp-button-text-color-border-success-default)}.ids-button.ids-button-text.ids-button-success:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-success-pressed)}.ids-button.ids-button-text.ids-button-warning{color:var(--ids-comp-button-text-color-fg-label-warning-default);background:var(--ids-comp-button-text-color-bg-warning-default);border-color:var(--ids-comp-button-text-color-border-warning-default)}.ids-button.ids-button-text.ids-button-warning>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-warning-default)}.ids-button.ids-button-text.ids-button-warning:hover{color:var(--ids-comp-button-text-color-fg-label-warning-hovered);background:var(--ids-comp-button-text-color-bg-warning-hovered);border-color:var(--ids-comp-button-text-color-border-warning-default)}.ids-button.ids-button-text.ids-button-warning:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-warning-hovered)}.ids-button.ids-button-text.ids-button-warning:focus,.ids-button.ids-button-text.ids-button-warning:focus-visible{color:var(--ids-comp-button-text-color-fg-label-warning-focused);background:var(--ids-comp-button-text-color-bg-warning-focused);border-color:var(--ids-comp-button-text-color-border-warning-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-warning:focus>.ids-icon,.ids-button.ids-button-text.ids-button-warning:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-warning-focused)}.ids-button.ids-button-text.ids-button-warning:active{color:var(--ids-comp-button-text-color-fg-label-warning-pressed);background:var(--ids-comp-button-text-color-bg-warning-pressed);border-color:var(--ids-comp-button-text-color-border-warning-default)}.ids-button.ids-button-text.ids-button-warning:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-warning-pressed)}.ids-button.ids-button-text.ids-button-light{color:var(--ids-comp-button-text-color-fg-label-light-default);background:var(--ids-comp-button-text-color-bg-light-default);border-color:var(--ids-comp-button-text-color-border-light-default)}.ids-button.ids-button-text.ids-button-light>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-default)}.ids-button.ids-button-text.ids-button-light:hover{color:var(--ids-comp-button-text-color-fg-label-light-hovered);background:var(--ids-comp-button-text-color-bg-light-hovered);border-color:var(--ids-comp-button-text-color-border-light-default)}.ids-button.ids-button-text.ids-button-light:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-hovered)}.ids-button.ids-button-text.ids-button-light:focus,.ids-button.ids-button-text.ids-button-light:focus-visible{color:var(--ids-comp-button-text-color-fg-label-light-focused);background:var(--ids-comp-button-text-color-bg-light-focused);border-color:var(--ids-comp-button-text-color-border-light-default);outline-color:var(--ids-comp-button-focused-outline-color-light-focused)}.ids-button.ids-button-text.ids-button-light:focus>.ids-icon,.ids-button.ids-button-text.ids-button-light:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-focused)}.ids-button.ids-button-text.ids-button-light:active{color:var(--ids-comp-button-text-color-fg-label-light-pressed);background:var(--ids-comp-button-text-color-bg-light-pressed);border-color:var(--ids-comp-button-text-color-border-light-default)}.ids-button.ids-button-text.ids-button-light:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-pressed)}.ids-button.ids-button-text.ids-button-light:disabled{color:var(--ids-comp-button-text-color-fg-label-light-disabled);background:var(--ids-comp-button-text-color-bg-light-disabled);border-color:var(--ids-comp-button-text-color-border-light-default)}.ids-button.ids-button-text.ids-button-light:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-disabled)}.ids-button.ids-button-text.ids-button-light-fixed{color:var(--ids-comp-button-text-color-fg-label-light-fixed-default);background:var(--ids-comp-button-text-color-bg-light-fixed-default);border-color:var(--ids-comp-button-text-color-border-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed:hover{color:var(--ids-comp-button-text-color-fg-label-light-fixed-hovered);background:var(--ids-comp-button-text-color-bg-light-fixed-hovered);border-color:var(--ids-comp-button-text-color-border-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-hovered)}.ids-button.ids-button-text.ids-button-light-fixed:focus,.ids-button.ids-button-text.ids-button-light-fixed:focus-visible{color:var(--ids-comp-button-text-color-fg-label-light-fixed-focused);background:var(--ids-comp-button-text-color-bg-light-fixed-focused);border-color:var(--ids-comp-button-text-color-border-light-fixed-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-light-fixed:focus>.ids-icon,.ids-button.ids-button-text.ids-button-light-fixed:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-focused)}.ids-button.ids-button-text.ids-button-light-fixed:active{color:var(--ids-comp-button-text-color-fg-label-light-fixed-pressed);background:var(--ids-comp-button-text-color-bg-light-fixed-pressed);border-color:var(--ids-comp-button-text-color-border-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-pressed)}.ids-button.ids-button-text.ids-button-light-fixed:disabled{color:var(--ids-comp-button-text-color-fg-label-light-fixed-disabled);background:var(--ids-comp-button-text-color-bg-light-fixed-disabled);border-color:var(--ids-comp-button-text-color-border-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-disabled)}.ids-button.ids-button-text.ids-button-dark{color:var(--ids-comp-button-text-color-fg-label-dark-default);background:var(--ids-comp-button-text-color-bg-dark-default);border-color:var(--ids-comp-button-text-color-border-dark-default)}.ids-button.ids-button-text.ids-button-dark>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-default)}.ids-button.ids-button-text.ids-button-dark:hover{color:var(--ids-comp-button-text-color-fg-label-dark-hovered);background:var(--ids-comp-button-text-color-bg-dark-hovered);border-color:var(--ids-comp-button-text-color-border-dark-default)}.ids-button.ids-button-text.ids-button-dark:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-hovered)}.ids-button.ids-button-text.ids-button-dark:focus,.ids-button.ids-button-text.ids-button-dark:focus-visible{color:var(--ids-comp-button-text-color-fg-label-dark-focused);background:var(--ids-comp-button-text-color-bg-dark-focused);border-color:var(--ids-comp-button-text-color-border-dark-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-dark:focus>.ids-icon,.ids-button.ids-button-text.ids-button-dark:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-focused)}.ids-button.ids-button-text.ids-button-dark:active{color:var(--ids-comp-button-text-color-fg-label-dark-pressed);background:var(--ids-comp-button-text-color-bg-dark-pressed);border-color:var(--ids-comp-button-text-color-border-dark-default)}.ids-button.ids-button-text.ids-button-dark:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-pressed)}.ids-button.ids-button-text.ids-button-dark:disabled{color:var(--ids-comp-button-text-color-fg-label-dark-disabled);background:var(--ids-comp-button-text-color-bg-dark-disabled);border-color:var(--ids-comp-button-text-color-border-dark-default)}.ids-button.ids-button-text.ids-button-dark:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-disabled)}.ids-button.ids-button-text.ids-button-surface{color:var(--ids-comp-button-text-color-fg-label-surface-default);background:var(--ids-comp-button-text-color-bg-surface-default);border-color:var(--ids-comp-button-text-color-border-surface-default)}.ids-button.ids-button-text.ids-button-surface>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-default)}.ids-button.ids-button-text.ids-button-surface:hover{color:var(--ids-comp-button-text-color-fg-label-surface-hovered);background:var(--ids-comp-button-text-color-bg-surface-hovered);border-color:var(--ids-comp-button-text-color-border-surface-default)}.ids-button.ids-button-text.ids-button-surface:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-hovered)}.ids-button.ids-button-text.ids-button-surface:focus,.ids-button.ids-button-text.ids-button-surface:focus-visible{color:var(--ids-comp-button-text-color-fg-label-surface-focused);background:var(--ids-comp-button-text-color-bg-surface-focused);border-color:var(--ids-comp-button-text-color-border-surface-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-surface:focus>.ids-icon,.ids-button.ids-button-text.ids-button-surface:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-focused)}.ids-button.ids-button-text.ids-button-surface:active{color:var(--ids-comp-button-text-color-fg-label-surface-pressed);background:var(--ids-comp-button-text-color-bg-surface-pressed);border-color:var(--ids-comp-button-text-color-border-surface-default)}.ids-button.ids-button-text.ids-button-surface:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-pressed)}.ids-button.ids-button-text.ids-button-surface:disabled{color:var(--ids-comp-button-text-color-fg-label-surface-disabled);background:var(--ids-comp-button-text-color-bg-surface-disabled);border-color:var(--ids-comp-button-text-color-border-surface-default)}.ids-button.ids-button-text.ids-button-surface:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-disabled)}
1
+ .ids-button{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;flex-shrink:0;width:fit-content;align-items:center;display:inline-flex;justify-content:center;border-style:solid}.ids-button::before,.ids-button::after,.ids-button *,.ids-button ::before,.ids-button ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-button:focus,.ids-button:focus-visible{outline-offset:2px;outline-style:solid}.ids-button:active{outline-style:none}.ids-button:not(:disabled){cursor:pointer}.ids-button:disabled{cursor:not-allowed}.ids-button>.ids-icon{flex-shrink:0}.ids-button.ids-button-compact{gap:var(--ids-comp-button-size-gap-compact);height:var(--ids-comp-button-size-height-compact);min-width:var(--ids-comp-button-size-min-width-compact);padding:var(--ids-comp-button-size-padding-y-compact) var(--ids-comp-button-size-padding-x-compact);border-radius:var(--ids-comp-button-size-border-radius-compact);border-width:var(--ids-comp-button-size-border-width-compact)}.ids-button.ids-button-compact:focus{outline-width:var(--ids-comp-button-focused-outline-size-outline-compact)}.ids-button.ids-button-compact>.ids-button-label{font-family:var(--ids-comp-button-label-typography-font-family-compact);font-size:var(--ids-comp-button-label-typography-font-size-compact);font-weight:var(--ids-comp-button-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-button-label-typography-letter-spacing-compact);line-height:var(--ids-comp-button-label-typography-line-height-compact)}.ids-button.ids-button-compact>.ids-icon{width:var(--ids-comp-button-size-icon-compact);height:var(--ids-comp-button-size-icon-compact);font-size:var(--ids-comp-button-icon-typography-font-size-compact);font-weight:var(--ids-comp-button-icon-typography-font-weight-compact);line-height:var(--ids-comp-button-icon-typography-line-height-compact)}.ids-button.ids-button-comfortable{gap:var(--ids-comp-button-size-gap-comfortable);height:var(--ids-comp-button-size-height-comfortable);min-width:var(--ids-comp-button-size-min-width-comfortable);padding:var(--ids-comp-button-size-padding-y-comfortable) var(--ids-comp-button-size-padding-x-comfortable);border-radius:var(--ids-comp-button-size-border-radius-comfortable);border-width:var(--ids-comp-button-size-border-width-comfortable)}.ids-button.ids-button-comfortable:focus{outline-width:var(--ids-comp-button-focused-outline-size-outline-comfortable)}.ids-button.ids-button-comfortable>.ids-button-label{font-family:var(--ids-comp-button-label-typography-font-family-comfortable);font-size:var(--ids-comp-button-label-typography-font-size-comfortable);font-weight:var(--ids-comp-button-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-button-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-button-label-typography-line-height-comfortable)}.ids-button.ids-button-comfortable>.ids-icon{width:var(--ids-comp-button-size-icon-comfortable);height:var(--ids-comp-button-size-icon-comfortable);font-size:var(--ids-comp-button-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-button-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-button-icon-typography-line-height-comfortable)}.ids-button.ids-button-spacious{gap:var(--ids-comp-button-size-gap-spacious);height:var(--ids-comp-button-size-height-spacious);min-width:var(--ids-comp-button-size-min-width-spacious);padding:var(--ids-comp-button-size-padding-y-spacious) var(--ids-comp-button-size-padding-x-spacious);border-radius:var(--ids-comp-button-size-border-radius-spacious);border-width:var(--ids-comp-button-size-border-width-spacious)}.ids-button.ids-button-spacious:focus{outline-width:var(--ids-comp-button-focused-outline-size-outline-spacious)}.ids-button.ids-button-spacious>.ids-button-label{font-family:var(--ids-comp-button-label-typography-font-family-spacious);font-size:var(--ids-comp-button-label-typography-font-size-spacious);font-weight:var(--ids-comp-button-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-button-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-button-label-typography-line-height-spacious)}.ids-button.ids-button-spacious>.ids-icon{width:var(--ids-comp-button-size-icon-spacious);height:var(--ids-comp-button-size-icon-spacious);font-size:var(--ids-comp-button-icon-typography-font-size-spacious);font-weight:var(--ids-comp-button-icon-typography-font-weight-spacious);line-height:var(--ids-comp-button-icon-typography-line-height-spacious)}.ids-button.ids-button-dense{gap:var(--ids-comp-button-size-gap-dense);height:var(--ids-comp-button-size-height-dense);min-width:var(--ids-comp-button-size-min-width-dense);padding:var(--ids-comp-button-size-padding-y-dense) var(--ids-comp-button-size-padding-x-dense);border-radius:var(--ids-comp-button-size-border-radius-dense);border-width:var(--ids-comp-button-size-border-width-dense)}.ids-button.ids-button-dense:focus{outline-width:var(--ids-comp-button-focused-outline-size-outline-dense)}.ids-button.ids-button-dense>.ids-button-label{font-family:var(--ids-comp-button-label-typography-font-family-dense);font-size:var(--ids-comp-button-label-typography-font-size-dense);font-weight:var(--ids-comp-button-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-button-label-typography-letter-spacing-dense);line-height:var(--ids-comp-button-label-typography-line-height-dense)}.ids-button.ids-button-dense>.ids-icon{width:var(--ids-comp-button-size-icon-dense);height:var(--ids-comp-button-size-icon-dense);font-size:var(--ids-comp-button-icon-typography-font-size-dense);font-weight:var(--ids-comp-button-icon-typography-font-weight-dense);line-height:var(--ids-comp-button-icon-typography-line-height-dense)}.ids-button.ids-button-filled.ids-button-primary{color:var(--ids-comp-button-filled-color-fg-label-primary-default);background:var(--ids-comp-button-filled-color-bg-primary-default);border-color:var(--ids-comp-button-filled-color-border-primary-default)}.ids-button.ids-button-filled.ids-button-primary>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-default)}.ids-button.ids-button-filled.ids-button-primary:hover{color:var(--ids-comp-button-filled-color-fg-label-primary-hovered);background:var(--ids-comp-button-filled-color-bg-primary-hovered);border-color:var(--ids-comp-button-filled-color-border-primary-hovered)}.ids-button.ids-button-filled.ids-button-primary:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-hovered)}.ids-button.ids-button-filled.ids-button-primary:focus,.ids-button.ids-button-filled.ids-button-primary:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-primary-focused);background:var(--ids-comp-button-filled-color-bg-primary-focused);border-color:var(--ids-comp-button-filled-color-border-primary-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-primary:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-primary:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-focused)}.ids-button.ids-button-filled.ids-button-primary:active{color:var(--ids-comp-button-filled-color-fg-label-primary-pressed);background:var(--ids-comp-button-filled-color-bg-primary-pressed);border-color:var(--ids-comp-button-filled-color-border-primary-pressed)}.ids-button.ids-button-filled.ids-button-primary:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-pressed)}.ids-button.ids-button-filled.ids-button-primary:disabled{color:var(--ids-comp-button-filled-color-fg-label-primary-disabled);background:var(--ids-comp-button-filled-color-bg-primary-disabled);border-color:var(--ids-comp-button-filled-color-border-primary-disabled)}.ids-button.ids-button-filled.ids-button-primary:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-disabled)}.ids-button.ids-button-filled.ids-button-secondary{color:var(--ids-comp-button-filled-color-fg-label-secondary-default);background:var(--ids-comp-button-filled-color-bg-secondary-default);border-color:var(--ids-comp-button-filled-color-border-secondary-default)}.ids-button.ids-button-filled.ids-button-secondary>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-default)}.ids-button.ids-button-filled.ids-button-secondary:hover{color:var(--ids-comp-button-filled-color-fg-label-secondary-hovered);background:var(--ids-comp-button-filled-color-bg-secondary-hovered);border-color:var(--ids-comp-button-filled-color-border-secondary-hovered)}.ids-button.ids-button-filled.ids-button-secondary:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-hovered)}.ids-button.ids-button-filled.ids-button-secondary:focus,.ids-button.ids-button-filled.ids-button-secondary:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-secondary-focused);background:var(--ids-comp-button-filled-color-bg-secondary-focused);border-color:var(--ids-comp-button-filled-color-border-secondary-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-secondary:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-secondary:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-focused)}.ids-button.ids-button-filled.ids-button-secondary:active{color:var(--ids-comp-button-filled-color-fg-label-secondary-pressed);background:var(--ids-comp-button-filled-color-bg-secondary-pressed);border-color:var(--ids-comp-button-filled-color-border-secondary-pressed)}.ids-button.ids-button-filled.ids-button-secondary:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-pressed)}.ids-button.ids-button-filled.ids-button-secondary:disabled{color:var(--ids-comp-button-filled-color-fg-label-secondary-disabled);background:var(--ids-comp-button-filled-color-bg-secondary-disabled);border-color:var(--ids-comp-button-filled-color-border-secondary-disabled)}.ids-button.ids-button-filled.ids-button-secondary:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-disabled)}.ids-button.ids-button-filled.ids-button-brand{color:var(--ids-comp-button-filled-color-fg-label-brand-default);background:var(--ids-comp-button-filled-color-bg-brand-default);border-color:var(--ids-comp-button-filled-color-border-brand-default)}.ids-button.ids-button-filled.ids-button-brand>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-default)}.ids-button.ids-button-filled.ids-button-brand:hover{color:var(--ids-comp-button-filled-color-fg-label-brand-hovered);background:var(--ids-comp-button-filled-color-bg-brand-hovered);border-color:var(--ids-comp-button-filled-color-border-brand-hovered)}.ids-button.ids-button-filled.ids-button-brand:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-hovered)}.ids-button.ids-button-filled.ids-button-brand:focus,.ids-button.ids-button-filled.ids-button-brand:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-brand-focused);background:var(--ids-comp-button-filled-color-bg-brand-focused);border-color:var(--ids-comp-button-filled-color-border-brand-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-brand:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-brand:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-focused)}.ids-button.ids-button-filled.ids-button-brand:active{color:var(--ids-comp-button-filled-color-fg-label-brand-pressed);background:var(--ids-comp-button-filled-color-bg-brand-pressed);border-color:var(--ids-comp-button-filled-color-border-brand-pressed)}.ids-button.ids-button-filled.ids-button-brand:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-pressed)}.ids-button.ids-button-filled.ids-button-brand:disabled{color:var(--ids-comp-button-filled-color-fg-label-brand-disabled);background:var(--ids-comp-button-filled-color-bg-brand-disabled);border-color:var(--ids-comp-button-filled-color-border-brand-disabled)}.ids-button.ids-button-filled.ids-button-brand:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-disabled)}.ids-button.ids-button-filled.ids-button-error{color:var(--ids-comp-button-filled-color-fg-label-error-default);background:var(--ids-comp-button-filled-color-bg-error-default);border-color:var(--ids-comp-button-filled-color-border-error-default)}.ids-button.ids-button-filled.ids-button-error>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-error-default)}.ids-button.ids-button-filled.ids-button-error:hover{color:var(--ids-comp-button-filled-color-fg-label-error-hovered);background:var(--ids-comp-button-filled-color-bg-error-hovered);border-color:var(--ids-comp-button-filled-color-border-error-hovered)}.ids-button.ids-button-filled.ids-button-error:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-error-hovered)}.ids-button.ids-button-filled.ids-button-error:focus,.ids-button.ids-button-filled.ids-button-error:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-error-focused);background:var(--ids-comp-button-filled-color-bg-error-focused);border-color:var(--ids-comp-button-filled-color-border-error-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-error:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-error:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-error-focused)}.ids-button.ids-button-filled.ids-button-error:active{color:var(--ids-comp-button-filled-color-fg-label-error-pressed);background:var(--ids-comp-button-filled-color-bg-error-pressed);border-color:var(--ids-comp-button-filled-color-border-error-pressed)}.ids-button.ids-button-filled.ids-button-error:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-error-pressed)}.ids-button.ids-button-filled.ids-button-error:disabled{color:var(--ids-comp-button-filled-color-fg-label-error-disabled);background:var(--ids-comp-button-filled-color-bg-error-disabled);border-color:var(--ids-comp-button-filled-color-border-error-disabled)}.ids-button.ids-button-filled.ids-button-error:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-error-disabled)}.ids-button.ids-button-filled.ids-button-success{color:var(--ids-comp-button-filled-color-fg-label-success-default);background:var(--ids-comp-button-filled-color-bg-success-default);border-color:var(--ids-comp-button-filled-color-border-success-default)}.ids-button.ids-button-filled.ids-button-success>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-success-default)}.ids-button.ids-button-filled.ids-button-success:hover{color:var(--ids-comp-button-filled-color-fg-label-success-hovered);background:var(--ids-comp-button-filled-color-bg-success-hovered);border-color:var(--ids-comp-button-filled-color-border-success-hovered)}.ids-button.ids-button-filled.ids-button-success:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-success-hovered)}.ids-button.ids-button-filled.ids-button-success:focus,.ids-button.ids-button-filled.ids-button-success:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-success-focused);background:var(--ids-comp-button-filled-color-bg-success-focused);border-color:var(--ids-comp-button-filled-color-border-success-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-success:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-success:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-success-focused)}.ids-button.ids-button-filled.ids-button-success:active{color:var(--ids-comp-button-filled-color-fg-label-success-pressed);background:var(--ids-comp-button-filled-color-bg-success-pressed);border-color:var(--ids-comp-button-filled-color-border-success-pressed)}.ids-button.ids-button-filled.ids-button-success:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-success-pressed)}.ids-button.ids-button-filled.ids-button-success:disabled{color:var(--ids-comp-button-filled-color-fg-label-success-disabled);background:var(--ids-comp-button-filled-color-bg-success-disabled);border-color:var(--ids-comp-button-filled-color-border-success-disabled)}.ids-button.ids-button-filled.ids-button-success:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-success-disabled)}.ids-button.ids-button-filled.ids-button-warning{color:var(--ids-comp-button-filled-color-fg-label-warning-default);background:var(--ids-comp-button-filled-color-bg-warning-default);border-color:var(--ids-comp-button-filled-color-border-warning-default)}.ids-button.ids-button-filled.ids-button-warning>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-warning-default)}.ids-button.ids-button-filled.ids-button-warning:hover{color:var(--ids-comp-button-filled-color-fg-label-warning-hovered);background:var(--ids-comp-button-filled-color-bg-warning-hovered);border-color:var(--ids-comp-button-filled-color-border-warning-hovered)}.ids-button.ids-button-filled.ids-button-warning:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-warning-hovered)}.ids-button.ids-button-filled.ids-button-warning:focus,.ids-button.ids-button-filled.ids-button-warning:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-warning-focused);background:var(--ids-comp-button-filled-color-bg-warning-focused);border-color:var(--ids-comp-button-filled-color-border-warning-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-warning:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-warning:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-warning-focused)}.ids-button.ids-button-filled.ids-button-warning:active{color:var(--ids-comp-button-filled-color-fg-label-warning-pressed);background:var(--ids-comp-button-filled-color-bg-warning-pressed);border-color:var(--ids-comp-button-filled-color-border-warning-pressed)}.ids-button.ids-button-filled.ids-button-warning:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-warning-pressed)}.ids-button.ids-button-filled.ids-button-warning:disabled{color:var(--ids-comp-button-filled-color-fg-label-warning-disabled);background:var(--ids-comp-button-filled-color-bg-warning-disabled);border-color:var(--ids-comp-button-filled-color-border-warning-disabled)}.ids-button.ids-button-filled.ids-button-warning:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-warning-disabled)}.ids-button.ids-button-filled.ids-button-light{color:var(--ids-comp-button-filled-color-fg-label-light-default);background:var(--ids-comp-button-filled-color-bg-light-default);border-color:var(--ids-comp-button-filled-color-border-light-default)}.ids-button.ids-button-filled.ids-button-light>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-default)}.ids-button.ids-button-filled.ids-button-light:hover{color:var(--ids-comp-button-filled-color-fg-label-light-hovered);background:var(--ids-comp-button-filled-color-bg-light-hovered);border-color:var(--ids-comp-button-filled-color-border-light-hovered)}.ids-button.ids-button-filled.ids-button-light:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-hovered)}.ids-button.ids-button-filled.ids-button-light:focus,.ids-button.ids-button-filled.ids-button-light:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-light-focused);background:var(--ids-comp-button-filled-color-bg-light-focused);border-color:var(--ids-comp-button-filled-color-border-light-focused);outline-color:var(--ids-comp-button-focused-outline-color-light-focused)}.ids-button.ids-button-filled.ids-button-light:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-light:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-focused)}.ids-button.ids-button-filled.ids-button-light:active{color:var(--ids-comp-button-filled-color-fg-label-light-pressed);background:var(--ids-comp-button-filled-color-bg-light-pressed);border-color:var(--ids-comp-button-filled-color-border-light-pressed)}.ids-button.ids-button-filled.ids-button-light:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-pressed)}.ids-button.ids-button-filled.ids-button-light:disabled{color:var(--ids-comp-button-filled-color-fg-label-light-disabled);background:var(--ids-comp-button-filled-color-bg-light-disabled);border-color:var(--ids-comp-button-filled-color-border-light-disabled)}.ids-button.ids-button-filled.ids-button-light:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-disabled)}.ids-button.ids-button-filled.ids-button-light-fixed{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-default);background:var(--ids-comp-button-filled-color-bg-light-fixed-default);border-color:var(--ids-comp-button-filled-color-border-light-fixed-default)}.ids-button.ids-button-filled.ids-button-light-fixed>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-default)}.ids-button.ids-button-filled.ids-button-light-fixed:hover{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-hovered);background:var(--ids-comp-button-filled-color-bg-light-fixed-hovered);border-color:var(--ids-comp-button-filled-color-border-light-fixed-hovered)}.ids-button.ids-button-filled.ids-button-light-fixed:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-hovered)}.ids-button.ids-button-filled.ids-button-light-fixed:focus,.ids-button.ids-button-filled.ids-button-light-fixed:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-focused);background:var(--ids-comp-button-filled-color-bg-light-fixed-focused);border-color:var(--ids-comp-button-filled-color-border-light-fixed-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-light-fixed:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-light-fixed:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-focused)}.ids-button.ids-button-filled.ids-button-light-fixed:active{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-pressed);background:var(--ids-comp-button-filled-color-bg-light-fixed-pressed);border-color:var(--ids-comp-button-filled-color-border-light-fixed-pressed)}.ids-button.ids-button-filled.ids-button-light-fixed:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-pressed)}.ids-button.ids-button-filled.ids-button-light-fixed:disabled{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-disabled);background:var(--ids-comp-button-filled-color-bg-light-fixed-disabled);border-color:var(--ids-comp-button-filled-color-border-light-fixed-disabled)}.ids-button.ids-button-filled.ids-button-light-fixed:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-disabled)}.ids-button.ids-button-filled.ids-button-dark{color:var(--ids-comp-button-filled-color-fg-label-dark-default);background:var(--ids-comp-button-filled-color-bg-dark-default);border-color:var(--ids-comp-button-filled-color-border-dark-default)}.ids-button.ids-button-filled.ids-button-dark>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-default)}.ids-button.ids-button-filled.ids-button-dark:hover{color:var(--ids-comp-button-filled-color-fg-label-dark-hovered);background:var(--ids-comp-button-filled-color-bg-dark-hovered);border-color:var(--ids-comp-button-filled-color-border-dark-hovered)}.ids-button.ids-button-filled.ids-button-dark:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-hovered)}.ids-button.ids-button-filled.ids-button-dark:focus,.ids-button.ids-button-filled.ids-button-dark:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-dark-focused);background:var(--ids-comp-button-filled-color-bg-dark-focused);border-color:var(--ids-comp-button-filled-color-border-dark-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-dark:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-dark:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-focused)}.ids-button.ids-button-filled.ids-button-dark:active{color:var(--ids-comp-button-filled-color-fg-label-dark-pressed);background:var(--ids-comp-button-filled-color-bg-dark-pressed);border-color:var(--ids-comp-button-filled-color-border-dark-pressed)}.ids-button.ids-button-filled.ids-button-dark:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-pressed)}.ids-button.ids-button-filled.ids-button-dark:disabled{color:var(--ids-comp-button-filled-color-fg-label-dark-disabled);background:var(--ids-comp-button-filled-color-bg-dark-disabled);border-color:var(--ids-comp-button-filled-color-border-dark-disabled)}.ids-button.ids-button-filled.ids-button-dark:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-disabled)}.ids-button.ids-button-filled.ids-button-surface{color:var(--ids-comp-button-filled-color-fg-label-surface-default);background:var(--ids-comp-button-filled-color-bg-surface-default);border-color:var(--ids-comp-button-filled-color-border-surface-default)}.ids-button.ids-button-filled.ids-button-surface>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-default)}.ids-button.ids-button-filled.ids-button-surface:hover{color:var(--ids-comp-button-filled-color-fg-label-surface-hovered);background:var(--ids-comp-button-filled-color-bg-surface-hovered);border-color:var(--ids-comp-button-filled-color-border-surface-hovered)}.ids-button.ids-button-filled.ids-button-surface:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-hovered)}.ids-button.ids-button-filled.ids-button-surface:focus,.ids-button.ids-button-filled.ids-button-surface:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-surface-focused);background:var(--ids-comp-button-filled-color-bg-surface-focused);border-color:var(--ids-comp-button-filled-color-border-surface-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-surface:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-surface:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-focused)}.ids-button.ids-button-filled.ids-button-surface:active{color:var(--ids-comp-button-filled-color-fg-label-surface-pressed);background:var(--ids-comp-button-filled-color-bg-surface-pressed);border-color:var(--ids-comp-button-filled-color-border-surface-pressed)}.ids-button.ids-button-filled.ids-button-surface:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-pressed)}.ids-button.ids-button-filled.ids-button-surface:disabled{color:var(--ids-comp-button-filled-color-fg-label-surface-disabled);background:var(--ids-comp-button-filled-color-bg-surface-disabled);border-color:var(--ids-comp-button-filled-color-border-surface-disabled)}.ids-button.ids-button-filled.ids-button-surface:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-disabled)}.ids-button.ids-button-outlined.ids-button-primary{color:var(--ids-comp-button-outlined-color-fg-label-primary-default);background:var(--ids-comp-button-outlined-color-bg-primary-default);border-color:var(--ids-comp-button-outlined-color-border-primary-default)}.ids-button.ids-button-outlined.ids-button-primary>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-default)}.ids-button.ids-button-outlined.ids-button-primary:hover{color:var(--ids-comp-button-outlined-color-fg-label-primary-hovered);background:var(--ids-comp-button-outlined-color-bg-primary-hovered);border-color:var(--ids-comp-button-outlined-color-border-primary-hovered)}.ids-button.ids-button-outlined.ids-button-primary:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-hovered)}.ids-button.ids-button-outlined.ids-button-primary:focus,.ids-button.ids-button-outlined.ids-button-primary:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-primary-focused);background:var(--ids-comp-button-outlined-color-bg-primary-focused);border-color:var(--ids-comp-button-outlined-color-border-primary-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-primary:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-primary:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-focused)}.ids-button.ids-button-outlined.ids-button-primary:active{color:var(--ids-comp-button-outlined-color-fg-label-primary-pressed);background:var(--ids-comp-button-outlined-color-bg-primary-pressed);border-color:var(--ids-comp-button-outlined-color-border-primary-pressed)}.ids-button.ids-button-outlined.ids-button-primary:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-pressed)}.ids-button.ids-button-outlined.ids-button-primary:disabled{color:var(--ids-comp-button-outlined-color-fg-label-primary-disabled);background:var(--ids-comp-button-outlined-color-bg-primary-disabled);border-color:var(--ids-comp-button-outlined-color-border-primary-disabled)}.ids-button.ids-button-outlined.ids-button-primary:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-disabled)}.ids-button.ids-button-outlined.ids-button-secondary{color:var(--ids-comp-button-outlined-color-fg-label-secondary-default);background:var(--ids-comp-button-outlined-color-bg-secondary-default);border-color:var(--ids-comp-button-outlined-color-border-secondary-default)}.ids-button.ids-button-outlined.ids-button-secondary>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-default)}.ids-button.ids-button-outlined.ids-button-secondary:hover{color:var(--ids-comp-button-outlined-color-fg-label-secondary-hovered);background:var(--ids-comp-button-outlined-color-bg-secondary-hovered);border-color:var(--ids-comp-button-outlined-color-border-secondary-hovered)}.ids-button.ids-button-outlined.ids-button-secondary:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-hovered)}.ids-button.ids-button-outlined.ids-button-secondary:focus,.ids-button.ids-button-outlined.ids-button-secondary:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-secondary-focused);background:var(--ids-comp-button-outlined-color-bg-secondary-focused);border-color:var(--ids-comp-button-outlined-color-border-secondary-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-secondary:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-secondary:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-focused)}.ids-button.ids-button-outlined.ids-button-secondary:active{color:var(--ids-comp-button-outlined-color-fg-label-secondary-pressed);background:var(--ids-comp-button-outlined-color-bg-secondary-pressed);border-color:var(--ids-comp-button-outlined-color-border-secondary-pressed)}.ids-button.ids-button-outlined.ids-button-secondary:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-pressed)}.ids-button.ids-button-outlined.ids-button-secondary:disabled{color:var(--ids-comp-button-outlined-color-fg-label-secondary-disabled);background:var(--ids-comp-button-outlined-color-bg-secondary-disabled);border-color:var(--ids-comp-button-outlined-color-border-secondary-disabled)}.ids-button.ids-button-outlined.ids-button-secondary:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-disabled)}.ids-button.ids-button-outlined.ids-button-brand{color:var(--ids-comp-button-outlined-color-fg-label-brand-default);background:var(--ids-comp-button-outlined-color-bg-brand-default);border-color:var(--ids-comp-button-outlined-color-border-brand-default)}.ids-button.ids-button-outlined.ids-button-brand>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-default)}.ids-button.ids-button-outlined.ids-button-brand:hover{color:var(--ids-comp-button-outlined-color-fg-label-brand-hovered);background:var(--ids-comp-button-outlined-color-bg-brand-hovered);border-color:var(--ids-comp-button-outlined-color-border-brand-hovered)}.ids-button.ids-button-outlined.ids-button-brand:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-hovered)}.ids-button.ids-button-outlined.ids-button-brand:focus,.ids-button.ids-button-outlined.ids-button-brand:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-brand-focused);background:var(--ids-comp-button-outlined-color-bg-brand-focused);border-color:var(--ids-comp-button-outlined-color-border-brand-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-brand:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-brand:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-focused)}.ids-button.ids-button-outlined.ids-button-brand:active{color:var(--ids-comp-button-outlined-color-fg-label-brand-pressed);background:var(--ids-comp-button-outlined-color-bg-brand-pressed);border-color:var(--ids-comp-button-outlined-color-border-brand-pressed)}.ids-button.ids-button-outlined.ids-button-brand:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-pressed)}.ids-button.ids-button-outlined.ids-button-brand:disabled{color:var(--ids-comp-button-outlined-color-fg-label-brand-disabled);background:var(--ids-comp-button-outlined-color-bg-brand-disabled);border-color:var(--ids-comp-button-outlined-color-border-brand-disabled)}.ids-button.ids-button-outlined.ids-button-brand:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-disabled)}.ids-button.ids-button-outlined.ids-button-error{color:var(--ids-comp-button-outlined-color-fg-label-error-default);background:var(--ids-comp-button-outlined-color-bg-error-default);border-color:var(--ids-comp-button-outlined-color-border-error-default)}.ids-button.ids-button-outlined.ids-button-error>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-error-default)}.ids-button.ids-button-outlined.ids-button-error:hover{color:var(--ids-comp-button-outlined-color-fg-label-error-hovered);background:var(--ids-comp-button-outlined-color-bg-error-hovered);border-color:var(--ids-comp-button-outlined-color-border-error-hovered)}.ids-button.ids-button-outlined.ids-button-error:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-error-hovered)}.ids-button.ids-button-outlined.ids-button-error:focus,.ids-button.ids-button-outlined.ids-button-error:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-error-focused);background:var(--ids-comp-button-outlined-color-bg-error-focused);border-color:var(--ids-comp-button-outlined-color-border-error-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-error:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-error:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-error-focused)}.ids-button.ids-button-outlined.ids-button-error:active{color:var(--ids-comp-button-outlined-color-fg-label-error-pressed);background:var(--ids-comp-button-outlined-color-bg-error-pressed);border-color:var(--ids-comp-button-outlined-color-border-error-pressed)}.ids-button.ids-button-outlined.ids-button-error:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-error-pressed)}.ids-button.ids-button-outlined.ids-button-error:disabled{color:var(--ids-comp-button-outlined-color-fg-label-error-disabled);background:var(--ids-comp-button-outlined-color-bg-error-disabled);border-color:var(--ids-comp-button-outlined-color-border-error-disabled)}.ids-button.ids-button-outlined.ids-button-error:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-error-disabled)}.ids-button.ids-button-outlined.ids-button-success{color:var(--ids-comp-button-outlined-color-fg-label-success-default);background:var(--ids-comp-button-outlined-color-bg-success-default);border-color:var(--ids-comp-button-outlined-color-border-success-default)}.ids-button.ids-button-outlined.ids-button-success>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-success-default)}.ids-button.ids-button-outlined.ids-button-success:hover{color:var(--ids-comp-button-outlined-color-fg-label-success-hovered);background:var(--ids-comp-button-outlined-color-bg-success-hovered);border-color:var(--ids-comp-button-outlined-color-border-success-hovered)}.ids-button.ids-button-outlined.ids-button-success:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-success-hovered)}.ids-button.ids-button-outlined.ids-button-success:focus,.ids-button.ids-button-outlined.ids-button-success:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-success-focused);background:var(--ids-comp-button-outlined-color-bg-success-focused);border-color:var(--ids-comp-button-outlined-color-border-success-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-success:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-success:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-success-focused)}.ids-button.ids-button-outlined.ids-button-success:active{color:var(--ids-comp-button-outlined-color-fg-label-success-pressed);background:var(--ids-comp-button-outlined-color-bg-success-pressed);border-color:var(--ids-comp-button-outlined-color-border-success-pressed)}.ids-button.ids-button-outlined.ids-button-success:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-success-pressed)}.ids-button.ids-button-outlined.ids-button-success:disabled{color:var(--ids-comp-button-outlined-color-fg-label-success-disabled);background:var(--ids-comp-button-outlined-color-bg-success-disabled);border-color:var(--ids-comp-button-outlined-color-border-success-disabled)}.ids-button.ids-button-outlined.ids-button-success:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-success-disabled)}.ids-button.ids-button-outlined.ids-button-warning{color:var(--ids-comp-button-outlined-color-fg-label-warning-default);background:var(--ids-comp-button-outlined-color-bg-warning-default);border-color:var(--ids-comp-button-outlined-color-border-warning-default)}.ids-button.ids-button-outlined.ids-button-warning>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-warning-default)}.ids-button.ids-button-outlined.ids-button-warning:hover{color:var(--ids-comp-button-outlined-color-fg-label-warning-hovered);background:var(--ids-comp-button-outlined-color-bg-warning-hovered);border-color:var(--ids-comp-button-outlined-color-border-warning-hovered)}.ids-button.ids-button-outlined.ids-button-warning:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-warning-hovered)}.ids-button.ids-button-outlined.ids-button-warning:focus,.ids-button.ids-button-outlined.ids-button-warning:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-warning-focused);background:var(--ids-comp-button-outlined-color-bg-warning-focused);border-color:var(--ids-comp-button-outlined-color-border-warning-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-warning:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-warning:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-warning-focused)}.ids-button.ids-button-outlined.ids-button-warning:active{color:var(--ids-comp-button-outlined-color-fg-label-warning-pressed);background:var(--ids-comp-button-outlined-color-bg-warning-pressed);border-color:var(--ids-comp-button-outlined-color-border-warning-pressed)}.ids-button.ids-button-outlined.ids-button-warning:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-warning-pressed)}.ids-button.ids-button-outlined.ids-button-warning:disabled{color:var(--ids-comp-button-outlined-color-fg-label-warning-disabled);background:var(--ids-comp-button-outlined-color-bg-warning-disabled);border-color:var(--ids-comp-button-outlined-color-border-warning-disabled)}.ids-button.ids-button-outlined.ids-button-warning:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-warning-disabled)}.ids-button.ids-button-outlined.ids-button-light{color:var(--ids-comp-button-outlined-color-fg-label-light-default);background:var(--ids-comp-button-outlined-color-bg-light-default);border-color:var(--ids-comp-button-outlined-color-border-light-default)}.ids-button.ids-button-outlined.ids-button-light>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-default)}.ids-button.ids-button-outlined.ids-button-light:hover{color:var(--ids-comp-button-outlined-color-fg-label-light-hovered);background:var(--ids-comp-button-outlined-color-bg-light-hovered);border-color:var(--ids-comp-button-outlined-color-border-light-hovered)}.ids-button.ids-button-outlined.ids-button-light:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-hovered)}.ids-button.ids-button-outlined.ids-button-light:focus,.ids-button.ids-button-outlined.ids-button-light:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-light-focused);background:var(--ids-comp-button-outlined-color-bg-light-focused);border-color:var(--ids-comp-button-outlined-color-border-light-focused);outline-color:var(--ids-comp-button-focused-outline-color-light-focused)}.ids-button.ids-button-outlined.ids-button-light:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-light:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-focused)}.ids-button.ids-button-outlined.ids-button-light:active{color:var(--ids-comp-button-outlined-color-fg-label-light-pressed);background:var(--ids-comp-button-outlined-color-bg-light-pressed);border-color:var(--ids-comp-button-outlined-color-border-light-pressed)}.ids-button.ids-button-outlined.ids-button-light:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-pressed)}.ids-button.ids-button-outlined.ids-button-light:disabled{color:var(--ids-comp-button-outlined-color-fg-label-light-disabled);background:var(--ids-comp-button-outlined-color-bg-light-disabled);border-color:var(--ids-comp-button-outlined-color-border-light-disabled)}.ids-button.ids-button-outlined.ids-button-light:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-disabled)}.ids-button.ids-button-outlined.ids-button-light-fixed{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-default);background:var(--ids-comp-button-outlined-color-bg-light-fixed-default);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-default)}.ids-button.ids-button-outlined.ids-button-light-fixed>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-default)}.ids-button.ids-button-outlined.ids-button-light-fixed:hover{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-hovered);background:var(--ids-comp-button-outlined-color-bg-light-fixed-hovered);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-hovered)}.ids-button.ids-button-outlined.ids-button-light-fixed:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-hovered)}.ids-button.ids-button-outlined.ids-button-light-fixed:focus,.ids-button.ids-button-outlined.ids-button-light-fixed:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-focused);background:var(--ids-comp-button-outlined-color-bg-light-fixed-focused);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-light-fixed:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-light-fixed:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-focused)}.ids-button.ids-button-outlined.ids-button-light-fixed:active{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-pressed);background:var(--ids-comp-button-outlined-color-bg-light-fixed-pressed);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-pressed)}.ids-button.ids-button-outlined.ids-button-light-fixed:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-pressed)}.ids-button.ids-button-outlined.ids-button-light-fixed:disabled{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-disabled);background:var(--ids-comp-button-outlined-color-bg-light-fixed-disabled);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-disabled)}.ids-button.ids-button-outlined.ids-button-light-fixed:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-disabled)}.ids-button.ids-button-outlined.ids-button-dark{color:var(--ids-comp-button-outlined-color-fg-label-dark-default);background:var(--ids-comp-button-outlined-color-bg-dark-default);border-color:var(--ids-comp-button-outlined-color-border-dark-default)}.ids-button.ids-button-outlined.ids-button-dark>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-default)}.ids-button.ids-button-outlined.ids-button-dark:hover{color:var(--ids-comp-button-outlined-color-fg-label-dark-hovered);background:var(--ids-comp-button-outlined-color-bg-dark-hovered);border-color:var(--ids-comp-button-outlined-color-border-dark-hovered)}.ids-button.ids-button-outlined.ids-button-dark:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-hovered)}.ids-button.ids-button-outlined.ids-button-dark:focus,.ids-button.ids-button-outlined.ids-button-dark:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-dark-focused);background:var(--ids-comp-button-outlined-color-bg-dark-focused);border-color:var(--ids-comp-button-outlined-color-border-dark-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-dark:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-dark:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-focused)}.ids-button.ids-button-outlined.ids-button-dark:active{color:var(--ids-comp-button-outlined-color-fg-label-dark-pressed);background:var(--ids-comp-button-outlined-color-bg-dark-pressed);border-color:var(--ids-comp-button-outlined-color-border-dark-pressed)}.ids-button.ids-button-outlined.ids-button-dark:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-pressed)}.ids-button.ids-button-outlined.ids-button-dark:disabled{color:var(--ids-comp-button-outlined-color-fg-label-dark-disabled);background:var(--ids-comp-button-outlined-color-bg-dark-disabled);border-color:var(--ids-comp-button-outlined-color-border-dark-disabled)}.ids-button.ids-button-outlined.ids-button-dark:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-disabled)}.ids-button.ids-button-outlined.ids-button-surface{color:var(--ids-comp-button-outlined-color-fg-label-surface-default);background:var(--ids-comp-button-outlined-color-bg-surface-default);border-color:var(--ids-comp-button-outlined-color-border-surface-default)}.ids-button.ids-button-outlined.ids-button-surface>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-default)}.ids-button.ids-button-outlined.ids-button-surface:hover{color:var(--ids-comp-button-outlined-color-fg-label-surface-hovered);background:var(--ids-comp-button-outlined-color-bg-surface-hovered);border-color:var(--ids-comp-button-outlined-color-border-surface-hovered)}.ids-button.ids-button-outlined.ids-button-surface:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-hovered)}.ids-button.ids-button-outlined.ids-button-surface:focus,.ids-button.ids-button-outlined.ids-button-surface:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-surface-focused);background:var(--ids-comp-button-outlined-color-bg-surface-focused);border-color:var(--ids-comp-button-outlined-color-border-surface-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-surface:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-surface:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-focused)}.ids-button.ids-button-outlined.ids-button-surface:active{color:var(--ids-comp-button-outlined-color-fg-label-surface-pressed);background:var(--ids-comp-button-outlined-color-bg-surface-pressed);border-color:var(--ids-comp-button-outlined-color-border-surface-pressed)}.ids-button.ids-button-outlined.ids-button-surface:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-pressed)}.ids-button.ids-button-outlined.ids-button-surface:disabled{color:var(--ids-comp-button-outlined-color-fg-label-surface-disabled);background:var(--ids-comp-button-outlined-color-bg-surface-disabled);border-color:var(--ids-comp-button-outlined-color-border-surface-disabled)}.ids-button.ids-button-outlined.ids-button-surface:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-disabled)}.ids-button.ids-button-text.ids-button-primary{color:var(--ids-comp-button-text-color-fg-label-primary-default);background:var(--ids-comp-button-text-color-bg-primary-default);border-color:var(--ids-comp-button-text-color-border-primary-default)}.ids-button.ids-button-text.ids-button-primary>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-default)}.ids-button.ids-button-text.ids-button-primary:hover{color:var(--ids-comp-button-text-color-fg-label-primary-hovered);background:var(--ids-comp-button-text-color-bg-primary-hovered);border-color:var(--ids-comp-button-text-color-border-primary-default)}.ids-button.ids-button-text.ids-button-primary:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-hovered)}.ids-button.ids-button-text.ids-button-primary:focus,.ids-button.ids-button-text.ids-button-primary:focus-visible{color:var(--ids-comp-button-text-color-fg-label-primary-focused);background:var(--ids-comp-button-text-color-bg-primary-focused);border-color:var(--ids-comp-button-text-color-border-primary-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-primary:focus>.ids-icon,.ids-button.ids-button-text.ids-button-primary:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-focused)}.ids-button.ids-button-text.ids-button-primary:active{color:var(--ids-comp-button-text-color-fg-label-primary-pressed);background:var(--ids-comp-button-text-color-bg-primary-pressed);border-color:var(--ids-comp-button-text-color-border-primary-default)}.ids-button.ids-button-text.ids-button-primary:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-pressed)}.ids-button.ids-button-text.ids-button-primary:disabled{color:var(--ids-comp-button-text-color-fg-label-primary-disabled);background:var(--ids-comp-button-text-color-bg-primary-disabled);border-color:var(--ids-comp-button-text-color-border-primary-default)}.ids-button.ids-button-text.ids-button-primary:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-disabled)}.ids-button.ids-button-text.ids-button-secondary{color:var(--ids-comp-button-text-color-fg-label-secondary-default);background:var(--ids-comp-button-text-color-bg-secondary-default);border-color:var(--ids-comp-button-text-color-border-secondary-default)}.ids-button.ids-button-text.ids-button-secondary>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-default)}.ids-button.ids-button-text.ids-button-secondary:hover{color:var(--ids-comp-button-text-color-fg-label-secondary-hovered);background:var(--ids-comp-button-text-color-bg-secondary-hovered);border-color:var(--ids-comp-button-text-color-border-secondary-default)}.ids-button.ids-button-text.ids-button-secondary:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-hovered)}.ids-button.ids-button-text.ids-button-secondary:focus,.ids-button.ids-button-text.ids-button-secondary:focus-visible{color:var(--ids-comp-button-text-color-fg-label-secondary-focused);background:var(--ids-comp-button-text-color-bg-secondary-focused);border-color:var(--ids-comp-button-text-color-border-secondary-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-secondary:focus>.ids-icon,.ids-button.ids-button-text.ids-button-secondary:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-focused)}.ids-button.ids-button-text.ids-button-secondary:active{color:var(--ids-comp-button-text-color-fg-label-secondary-pressed);background:var(--ids-comp-button-text-color-bg-secondary-pressed);border-color:var(--ids-comp-button-text-color-border-secondary-default)}.ids-button.ids-button-text.ids-button-secondary:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-pressed)}.ids-button.ids-button-text.ids-button-secondary:disabled{color:var(--ids-comp-button-text-color-fg-label-secondary-disabled);background:var(--ids-comp-button-text-color-bg-secondary-disabled);border-color:var(--ids-comp-button-text-color-border-secondary-default)}.ids-button.ids-button-text.ids-button-secondary:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-disabled)}.ids-button.ids-button-text.ids-button-brand{color:var(--ids-comp-button-text-color-fg-label-brand-default);background:var(--ids-comp-button-text-color-bg-brand-default);border-color:var(--ids-comp-button-text-color-border-brand-default)}.ids-button.ids-button-text.ids-button-brand>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-default)}.ids-button.ids-button-text.ids-button-brand:hover{color:var(--ids-comp-button-text-color-fg-label-brand-hovered);background:var(--ids-comp-button-text-color-bg-brand-hovered);border-color:var(--ids-comp-button-text-color-border-brand-default)}.ids-button.ids-button-text.ids-button-brand:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-hovered)}.ids-button.ids-button-text.ids-button-brand:focus,.ids-button.ids-button-text.ids-button-brand:focus-visible{color:var(--ids-comp-button-text-color-fg-label-brand-focused);background:var(--ids-comp-button-text-color-bg-brand-focused);border-color:var(--ids-comp-button-text-color-border-brand-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-brand:focus>.ids-icon,.ids-button.ids-button-text.ids-button-brand:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-focused)}.ids-button.ids-button-text.ids-button-brand:active{color:var(--ids-comp-button-text-color-fg-label-brand-pressed);background:var(--ids-comp-button-text-color-bg-brand-pressed);border-color:var(--ids-comp-button-text-color-border-brand-default)}.ids-button.ids-button-text.ids-button-brand:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-pressed)}.ids-button.ids-button-text.ids-button-brand:disabled{color:var(--ids-comp-button-text-color-fg-label-brand-disabled);background:var(--ids-comp-button-text-color-bg-brand-disabled);border-color:var(--ids-comp-button-text-color-border-brand-default)}.ids-button.ids-button-text.ids-button-brand:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-disabled)}.ids-button.ids-button-text.ids-button-error{color:var(--ids-comp-button-text-color-fg-label-error-default);background:var(--ids-comp-button-text-color-bg-error-default);border-color:var(--ids-comp-button-text-color-border-error-default)}.ids-button.ids-button-text.ids-button-error>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-error-default)}.ids-button.ids-button-text.ids-button-error:hover{color:var(--ids-comp-button-text-color-fg-label-error-hovered);background:var(--ids-comp-button-text-color-bg-error-hovered);border-color:var(--ids-comp-button-text-color-border-error-default)}.ids-button.ids-button-text.ids-button-error:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-error-hovered)}.ids-button.ids-button-text.ids-button-error:focus,.ids-button.ids-button-text.ids-button-error:focus-visible{color:var(--ids-comp-button-text-color-fg-label-error-focused);background:var(--ids-comp-button-text-color-bg-error-focused);border-color:var(--ids-comp-button-text-color-border-error-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-error:focus>.ids-icon,.ids-button.ids-button-text.ids-button-error:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-error-focused)}.ids-button.ids-button-text.ids-button-error:active{color:var(--ids-comp-button-text-color-fg-label-error-pressed);background:var(--ids-comp-button-text-color-bg-error-pressed);border-color:var(--ids-comp-button-text-color-border-error-default)}.ids-button.ids-button-text.ids-button-error:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-error-pressed)}.ids-button.ids-button-text.ids-button-error:disabled{color:var(--ids-comp-button-text-color-fg-label-error-disabled);background:var(--ids-comp-button-text-color-bg-error-disabled);border-color:var(--ids-comp-button-text-color-border-error-default)}.ids-button.ids-button-text.ids-button-error:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-error-disabled)}.ids-button.ids-button-text.ids-button-success{color:var(--ids-comp-button-text-color-fg-label-success-default);background:var(--ids-comp-button-text-color-bg-success-default);border-color:var(--ids-comp-button-text-color-border-success-default)}.ids-button.ids-button-text.ids-button-success>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-success-default)}.ids-button.ids-button-text.ids-button-success:hover{color:var(--ids-comp-button-text-color-fg-label-success-hovered);background:var(--ids-comp-button-text-color-bg-success-hovered);border-color:var(--ids-comp-button-text-color-border-success-default)}.ids-button.ids-button-text.ids-button-success:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-success-hovered)}.ids-button.ids-button-text.ids-button-success:focus,.ids-button.ids-button-text.ids-button-success:focus-visible{color:var(--ids-comp-button-text-color-fg-label-success-focused);background:var(--ids-comp-button-text-color-bg-success-focused);border-color:var(--ids-comp-button-text-color-border-success-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-success:focus>.ids-icon,.ids-button.ids-button-text.ids-button-success:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-success-focused)}.ids-button.ids-button-text.ids-button-success:active{color:var(--ids-comp-button-text-color-fg-label-success-pressed);background:var(--ids-comp-button-text-color-bg-success-pressed);border-color:var(--ids-comp-button-text-color-border-success-default)}.ids-button.ids-button-text.ids-button-success:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-success-pressed)}.ids-button.ids-button-text.ids-button-success:disabled{color:var(--ids-comp-button-text-color-fg-label-success-disabled);background:var(--ids-comp-button-text-color-bg-success-disabled);border-color:var(--ids-comp-button-text-color-border-success-default)}.ids-button.ids-button-text.ids-button-success:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-success-disabled)}.ids-button.ids-button-text.ids-button-warning{color:var(--ids-comp-button-text-color-fg-label-warning-default);background:var(--ids-comp-button-text-color-bg-warning-default);border-color:var(--ids-comp-button-text-color-border-warning-default)}.ids-button.ids-button-text.ids-button-warning>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-warning-default)}.ids-button.ids-button-text.ids-button-warning:hover{color:var(--ids-comp-button-text-color-fg-label-warning-hovered);background:var(--ids-comp-button-text-color-bg-warning-hovered);border-color:var(--ids-comp-button-text-color-border-warning-default)}.ids-button.ids-button-text.ids-button-warning:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-warning-hovered)}.ids-button.ids-button-text.ids-button-warning:focus,.ids-button.ids-button-text.ids-button-warning:focus-visible{color:var(--ids-comp-button-text-color-fg-label-warning-focused);background:var(--ids-comp-button-text-color-bg-warning-focused);border-color:var(--ids-comp-button-text-color-border-warning-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-warning:focus>.ids-icon,.ids-button.ids-button-text.ids-button-warning:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-warning-focused)}.ids-button.ids-button-text.ids-button-warning:active{color:var(--ids-comp-button-text-color-fg-label-warning-pressed);background:var(--ids-comp-button-text-color-bg-warning-pressed);border-color:var(--ids-comp-button-text-color-border-warning-default)}.ids-button.ids-button-text.ids-button-warning:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-warning-pressed)}.ids-button.ids-button-text.ids-button-warning:disabled{color:var(--ids-comp-button-text-color-fg-label-warning-disabled);background:var(--ids-comp-button-text-color-bg-warning-disabled);border-color:var(--ids-comp-button-text-color-border-warning-default)}.ids-button.ids-button-text.ids-button-warning:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-warning-disabled)}.ids-button.ids-button-text.ids-button-light{color:var(--ids-comp-button-text-color-fg-label-light-default);background:var(--ids-comp-button-text-color-bg-light-default);border-color:var(--ids-comp-button-text-color-border-light-default)}.ids-button.ids-button-text.ids-button-light>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-default)}.ids-button.ids-button-text.ids-button-light:hover{color:var(--ids-comp-button-text-color-fg-label-light-hovered);background:var(--ids-comp-button-text-color-bg-light-hovered);border-color:var(--ids-comp-button-text-color-border-light-default)}.ids-button.ids-button-text.ids-button-light:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-hovered)}.ids-button.ids-button-text.ids-button-light:focus,.ids-button.ids-button-text.ids-button-light:focus-visible{color:var(--ids-comp-button-text-color-fg-label-light-focused);background:var(--ids-comp-button-text-color-bg-light-focused);border-color:var(--ids-comp-button-text-color-border-light-default);outline-color:var(--ids-comp-button-focused-outline-color-light-focused)}.ids-button.ids-button-text.ids-button-light:focus>.ids-icon,.ids-button.ids-button-text.ids-button-light:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-focused)}.ids-button.ids-button-text.ids-button-light:active{color:var(--ids-comp-button-text-color-fg-label-light-pressed);background:var(--ids-comp-button-text-color-bg-light-pressed);border-color:var(--ids-comp-button-text-color-border-light-default)}.ids-button.ids-button-text.ids-button-light:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-pressed)}.ids-button.ids-button-text.ids-button-light:disabled{color:var(--ids-comp-button-text-color-fg-label-light-disabled);background:var(--ids-comp-button-text-color-bg-light-disabled);border-color:var(--ids-comp-button-text-color-border-light-default)}.ids-button.ids-button-text.ids-button-light:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-disabled)}.ids-button.ids-button-text.ids-button-light-fixed{color:var(--ids-comp-button-text-color-fg-label-light-fixed-default);background:var(--ids-comp-button-text-color-bg-light-fixed-default);border-color:var(--ids-comp-button-text-color-border-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed:hover{color:var(--ids-comp-button-text-color-fg-label-light-fixed-hovered);background:var(--ids-comp-button-text-color-bg-light-fixed-hovered);border-color:var(--ids-comp-button-text-color-border-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-hovered)}.ids-button.ids-button-text.ids-button-light-fixed:focus,.ids-button.ids-button-text.ids-button-light-fixed:focus-visible{color:var(--ids-comp-button-text-color-fg-label-light-fixed-focused);background:var(--ids-comp-button-text-color-bg-light-fixed-focused);border-color:var(--ids-comp-button-text-color-border-light-fixed-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-light-fixed:focus>.ids-icon,.ids-button.ids-button-text.ids-button-light-fixed:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-focused)}.ids-button.ids-button-text.ids-button-light-fixed:active{color:var(--ids-comp-button-text-color-fg-label-light-fixed-pressed);background:var(--ids-comp-button-text-color-bg-light-fixed-pressed);border-color:var(--ids-comp-button-text-color-border-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-pressed)}.ids-button.ids-button-text.ids-button-light-fixed:disabled{color:var(--ids-comp-button-text-color-fg-label-light-fixed-disabled);background:var(--ids-comp-button-text-color-bg-light-fixed-disabled);border-color:var(--ids-comp-button-text-color-border-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-disabled)}.ids-button.ids-button-text.ids-button-dark{color:var(--ids-comp-button-text-color-fg-label-dark-default);background:var(--ids-comp-button-text-color-bg-dark-default);border-color:var(--ids-comp-button-text-color-border-dark-default)}.ids-button.ids-button-text.ids-button-dark>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-default)}.ids-button.ids-button-text.ids-button-dark:hover{color:var(--ids-comp-button-text-color-fg-label-dark-hovered);background:var(--ids-comp-button-text-color-bg-dark-hovered);border-color:var(--ids-comp-button-text-color-border-dark-default)}.ids-button.ids-button-text.ids-button-dark:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-hovered)}.ids-button.ids-button-text.ids-button-dark:focus,.ids-button.ids-button-text.ids-button-dark:focus-visible{color:var(--ids-comp-button-text-color-fg-label-dark-focused);background:var(--ids-comp-button-text-color-bg-dark-focused);border-color:var(--ids-comp-button-text-color-border-dark-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-dark:focus>.ids-icon,.ids-button.ids-button-text.ids-button-dark:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-focused)}.ids-button.ids-button-text.ids-button-dark:active{color:var(--ids-comp-button-text-color-fg-label-dark-pressed);background:var(--ids-comp-button-text-color-bg-dark-pressed);border-color:var(--ids-comp-button-text-color-border-dark-default)}.ids-button.ids-button-text.ids-button-dark:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-pressed)}.ids-button.ids-button-text.ids-button-dark:disabled{color:var(--ids-comp-button-text-color-fg-label-dark-disabled);background:var(--ids-comp-button-text-color-bg-dark-disabled);border-color:var(--ids-comp-button-text-color-border-dark-default)}.ids-button.ids-button-text.ids-button-dark:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-disabled)}.ids-button.ids-button-text.ids-button-surface{color:var(--ids-comp-button-text-color-fg-label-surface-default);background:var(--ids-comp-button-text-color-bg-surface-default);border-color:var(--ids-comp-button-text-color-border-surface-default)}.ids-button.ids-button-text.ids-button-surface>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-default)}.ids-button.ids-button-text.ids-button-surface:hover{color:var(--ids-comp-button-text-color-fg-label-surface-hovered);background:var(--ids-comp-button-text-color-bg-surface-hovered);border-color:var(--ids-comp-button-text-color-border-surface-default)}.ids-button.ids-button-text.ids-button-surface:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-hovered)}.ids-button.ids-button-text.ids-button-surface:focus,.ids-button.ids-button-text.ids-button-surface:focus-visible{color:var(--ids-comp-button-text-color-fg-label-surface-focused);background:var(--ids-comp-button-text-color-bg-surface-focused);border-color:var(--ids-comp-button-text-color-border-surface-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-surface:focus>.ids-icon,.ids-button.ids-button-text.ids-button-surface:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-focused)}.ids-button.ids-button-text.ids-button-surface:active{color:var(--ids-comp-button-text-color-fg-label-surface-pressed);background:var(--ids-comp-button-text-color-bg-surface-pressed);border-color:var(--ids-comp-button-text-color-border-surface-default)}.ids-button.ids-button-text.ids-button-surface:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-pressed)}.ids-button.ids-button-text.ids-button-surface:disabled{color:var(--ids-comp-button-text-color-fg-label-surface-disabled);background:var(--ids-comp-button-text-color-bg-surface-disabled);border-color:var(--ids-comp-button-text-color-border-surface-default)}.ids-button.ids-button-text.ids-button-surface:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-disabled)}
package/dist/button/button.plugin.js CHANGED
@@ -265,6 +265,14 @@ module.exports = function ButtonPlugin() {
265
265
  '.ids-button.ids-button-filled.ids-button-error:active>.ids-icon': {
266
266
  color: 'var(--ids-comp-button-filled-color-fg-icon-error-pressed)',
267
267
  },
268
+ '.ids-button.ids-button-filled.ids-button-error:disabled': {
269
+ color: 'var(--ids-comp-button-filled-color-fg-label-error-disabled)',
270
+ background: 'var(--ids-comp-button-filled-color-bg-error-disabled)',
271
+ borderColor: 'var(--ids-comp-button-filled-color-border-error-disabled)',
272
+ },
273
+ '.ids-button.ids-button-filled.ids-button-error:disabled>.ids-icon': {
274
+ color: 'var(--ids-comp-button-filled-color-fg-icon-error-disabled)',
275
+ },
268
276
  '.ids-button.ids-button-filled.ids-button-success': {
269
277
  color: 'var(--ids-comp-button-filled-color-fg-label-success-default)',
270
278
  background: 'var(--ids-comp-button-filled-color-bg-success-default)',
@@ -297,6 +305,14 @@ module.exports = function ButtonPlugin() {
297
305
  '.ids-button.ids-button-filled.ids-button-success:active>.ids-icon': {
298
306
  color: 'var(--ids-comp-button-filled-color-fg-icon-success-pressed)',
299
307
  },
308
+ '.ids-button.ids-button-filled.ids-button-success:disabled': {
309
+ color: 'var(--ids-comp-button-filled-color-fg-label-success-disabled)',
310
+ background: 'var(--ids-comp-button-filled-color-bg-success-disabled)',
311
+ borderColor: 'var(--ids-comp-button-filled-color-border-success-disabled)',
312
+ },
313
+ '.ids-button.ids-button-filled.ids-button-success:disabled>.ids-icon': {
314
+ color: 'var(--ids-comp-button-filled-color-fg-icon-success-disabled)',
315
+ },
300
316
  '.ids-button.ids-button-filled.ids-button-warning': {
301
317
  color: 'var(--ids-comp-button-filled-color-fg-label-warning-default)',
302
318
  background: 'var(--ids-comp-button-filled-color-bg-warning-default)',
@@ -329,6 +345,14 @@ module.exports = function ButtonPlugin() {
329
345
  '.ids-button.ids-button-filled.ids-button-warning:active>.ids-icon': {
330
346
  color: 'var(--ids-comp-button-filled-color-fg-icon-warning-pressed)',
331
347
  },
348
+ '.ids-button.ids-button-filled.ids-button-warning:disabled': {
349
+ color: 'var(--ids-comp-button-filled-color-fg-label-warning-disabled)',
350
+ background: 'var(--ids-comp-button-filled-color-bg-warning-disabled)',
351
+ borderColor: 'var(--ids-comp-button-filled-color-border-warning-disabled)',
352
+ },
353
+ '.ids-button.ids-button-filled.ids-button-warning:disabled>.ids-icon': {
354
+ color: 'var(--ids-comp-button-filled-color-fg-icon-warning-disabled)',
355
+ },
332
356
  '.ids-button.ids-button-filled.ids-button-light': {
333
357
  color: 'var(--ids-comp-button-filled-color-fg-label-light-default)',
334
358
  background: 'var(--ids-comp-button-filled-color-bg-light-default)',
@@ -637,6 +661,14 @@ module.exports = function ButtonPlugin() {
637
661
  '.ids-button.ids-button-outlined.ids-button-error:active>.ids-icon': {
638
662
  color: 'var(--ids-comp-button-outlined-color-fg-icon-error-pressed)',
639
663
  },
664
+ '.ids-button.ids-button-outlined.ids-button-error:disabled': {
665
+ color: 'var(--ids-comp-button-outlined-color-fg-label-error-disabled)',
666
+ background: 'var(--ids-comp-button-outlined-color-bg-error-disabled)',
667
+ borderColor: 'var(--ids-comp-button-outlined-color-border-error-disabled)',
668
+ },
669
+ '.ids-button.ids-button-outlined.ids-button-error:disabled>.ids-icon': {
670
+ color: 'var(--ids-comp-button-outlined-color-fg-icon-error-disabled)',
671
+ },
640
672
  '.ids-button.ids-button-outlined.ids-button-success': {
641
673
  color: 'var(--ids-comp-button-outlined-color-fg-label-success-default)',
642
674
  background: 'var(--ids-comp-button-outlined-color-bg-success-default)',
@@ -669,6 +701,14 @@ module.exports = function ButtonPlugin() {
669
701
  '.ids-button.ids-button-outlined.ids-button-success:active>.ids-icon': {
670
702
  color: 'var(--ids-comp-button-outlined-color-fg-icon-success-pressed)',
671
703
  },
704
+ '.ids-button.ids-button-outlined.ids-button-success:disabled': {
705
+ color: 'var(--ids-comp-button-outlined-color-fg-label-success-disabled)',
706
+ background: 'var(--ids-comp-button-outlined-color-bg-success-disabled)',
707
+ borderColor: 'var(--ids-comp-button-outlined-color-border-success-disabled)',
708
+ },
709
+ '.ids-button.ids-button-outlined.ids-button-success:disabled>.ids-icon': {
710
+ color: 'var(--ids-comp-button-outlined-color-fg-icon-success-disabled)',
711
+ },
672
712
  '.ids-button.ids-button-outlined.ids-button-warning': {
673
713
  color: 'var(--ids-comp-button-outlined-color-fg-label-warning-default)',
674
714
  background: 'var(--ids-comp-button-outlined-color-bg-warning-default)',
@@ -701,6 +741,14 @@ module.exports = function ButtonPlugin() {
701
741
  '.ids-button.ids-button-outlined.ids-button-warning:active>.ids-icon': {
702
742
  color: 'var(--ids-comp-button-outlined-color-fg-icon-warning-pressed)',
703
743
  },
744
+ '.ids-button.ids-button-outlined.ids-button-warning:disabled': {
745
+ color: 'var(--ids-comp-button-outlined-color-fg-label-warning-disabled)',
746
+ background: 'var(--ids-comp-button-outlined-color-bg-warning-disabled)',
747
+ borderColor: 'var(--ids-comp-button-outlined-color-border-warning-disabled)',
748
+ },
749
+ '.ids-button.ids-button-outlined.ids-button-warning:disabled>.ids-icon': {
750
+ color: 'var(--ids-comp-button-outlined-color-fg-icon-warning-disabled)',
751
+ },
704
752
  '.ids-button.ids-button-outlined.ids-button-light': {
705
753
  color: 'var(--ids-comp-button-outlined-color-fg-label-light-default)',
706
754
  background: 'var(--ids-comp-button-outlined-color-bg-light-default)',
@@ -999,6 +1047,14 @@ module.exports = function ButtonPlugin() {
999
1047
  borderColor: 'var(--ids-comp-button-text-color-border-error-default)',
1000
1048
  },
1001
1049
  '.ids-button.ids-button-text.ids-button-error:active>.ids-icon': { color: 'var(--ids-comp-button-text-color-fg-icon-error-pressed)' },
1050
+ '.ids-button.ids-button-text.ids-button-error:disabled': {
1051
+ color: 'var(--ids-comp-button-text-color-fg-label-error-disabled)',
1052
+ background: 'var(--ids-comp-button-text-color-bg-error-disabled)',
1053
+ borderColor: 'var(--ids-comp-button-text-color-border-error-default)',
1054
+ },
1055
+ '.ids-button.ids-button-text.ids-button-error:disabled>.ids-icon': {
1056
+ color: 'var(--ids-comp-button-text-color-fg-icon-error-disabled)',
1057
+ },
1002
1058
  '.ids-button.ids-button-text.ids-button-success': {
1003
1059
  color: 'var(--ids-comp-button-text-color-fg-label-success-default)',
1004
1060
  background: 'var(--ids-comp-button-text-color-bg-success-default)',
@@ -1029,6 +1085,14 @@ module.exports = function ButtonPlugin() {
1029
1085
  '.ids-button.ids-button-text.ids-button-success:active>.ids-icon': {
1030
1086
  color: 'var(--ids-comp-button-text-color-fg-icon-success-pressed)',
1031
1087
  },
1088
+ '.ids-button.ids-button-text.ids-button-success:disabled': {
1089
+ color: 'var(--ids-comp-button-text-color-fg-label-success-disabled)',
1090
+ background: 'var(--ids-comp-button-text-color-bg-success-disabled)',
1091
+ borderColor: 'var(--ids-comp-button-text-color-border-success-default)',
1092
+ },
1093
+ '.ids-button.ids-button-text.ids-button-success:disabled>.ids-icon': {
1094
+ color: 'var(--ids-comp-button-text-color-fg-icon-success-disabled)',
1095
+ },
1032
1096
  '.ids-button.ids-button-text.ids-button-warning': {
1033
1097
  color: 'var(--ids-comp-button-text-color-fg-label-warning-default)',
1034
1098
  background: 'var(--ids-comp-button-text-color-bg-warning-default)',
@@ -1059,6 +1123,14 @@ module.exports = function ButtonPlugin() {
1059
1123
  '.ids-button.ids-button-text.ids-button-warning:active>.ids-icon': {
1060
1124
  color: 'var(--ids-comp-button-text-color-fg-icon-warning-pressed)',
1061
1125
  },
1126
+ '.ids-button.ids-button-text.ids-button-warning:disabled': {
1127
+ color: 'var(--ids-comp-button-text-color-fg-label-warning-disabled)',
1128
+ background: 'var(--ids-comp-button-text-color-bg-warning-disabled)',
1129
+ borderColor: 'var(--ids-comp-button-text-color-border-warning-default)',
1130
+ },
1131
+ '.ids-button.ids-button-text.ids-button-warning:disabled>.ids-icon': {
1132
+ color: 'var(--ids-comp-button-text-color-fg-icon-warning-disabled)',
1133
+ },
1062
1134
  '.ids-button.ids-button-text.ids-button-light': {
1063
1135
  color: 'var(--ids-comp-button-text-color-fg-label-light-default)',
1064
1136
  background: 'var(--ids-comp-button-text-color-bg-light-default)',