@i-cell/ids-styles 0.0.15-beta.9 → 0.0.16

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 (76) hide show
  1. package/dist/accordion/accordion.css +184 -45
  2. package/dist/accordion/accordion.min.css +1 -1
  3. package/dist/accordion/accordion.plugin.js +194 -55
  4. package/dist/avatar/avatar.css +176 -195
  5. package/dist/avatar/avatar.min.css +1 -1
  6. package/dist/avatar/avatar.plugin.js +168 -170
  7. package/dist/button/button.css +788 -656
  8. package/dist/button/button.min.css +1 -1
  9. package/dist/button/button.plugin.js +792 -693
  10. package/dist/card/card.css +61 -35
  11. package/dist/card/card.min.css +1 -1
  12. package/dist/card/card.plugin.js +181 -126
  13. package/dist/checkbox/checkbox.css +57 -29
  14. package/dist/checkbox/checkbox.min.css +1 -1
  15. package/dist/checkbox/checkbox.plugin.js +78 -53
  16. package/dist/checkbox/pseudo-checkbox.css +53 -25
  17. package/dist/checkbox/pseudo-checkbox.min.css +1 -1
  18. package/dist/checkbox/pseudo-checkbox.plugin.js +72 -43
  19. package/dist/components.css +2434 -1796
  20. package/dist/components.min.css +1 -1
  21. package/dist/components.plugin.js +2763 -2126
  22. package/dist/dialog/dialog.css +12 -1
  23. package/dist/dialog/dialog.min.css +1 -1
  24. package/dist/dialog/dialog.plugin.js +11 -4
  25. package/dist/divider/divider.css +0 -3
  26. package/dist/divider/divider.min.css +1 -1
  27. package/dist/divider/divider.plugin.js +1 -1
  28. package/dist/form-elements/form-field/form-field.css +84 -60
  29. package/dist/form-elements/form-field/form-field.min.css +1 -1
  30. package/dist/form-elements/form-field/form-field.plugin.js +84 -60
  31. package/dist/form-elements/message/message.css +21 -12
  32. package/dist/form-elements/message/message.min.css +1 -1
  33. package/dist/form-elements/message/message.plugin.js +21 -4
  34. package/dist/icon/icon.css +3 -2
  35. package/dist/icon/icon.min.css +1 -1
  36. package/dist/icon/icon.plugin.js +3 -2
  37. package/dist/icon-button/icon-button.css +133 -82
  38. package/dist/icon-button/icon-button.min.css +1 -1
  39. package/dist/icon-button/icon-button.plugin.js +256 -182
  40. package/dist/menu-item/menu-item.css +184 -0
  41. package/dist/menu-item/menu-item.min.css +1 -0
  42. package/dist/menu-item/menu-item.plugin.js +181 -0
  43. package/dist/option/option.css +13 -0
  44. package/dist/option/option.min.css +1 -1
  45. package/dist/option/option.plugin.js +13 -1
  46. package/dist/overlay-panel/overlay-panel.css +125 -0
  47. package/dist/overlay-panel/overlay-panel.min.css +1 -0
  48. package/dist/overlay-panel/overlay-panel.plugin.js +125 -0
  49. package/dist/paginator/paginator.css +133 -23
  50. package/dist/paginator/paginator.min.css +1 -1
  51. package/dist/paginator/paginator.plugin.js +113 -41
  52. package/dist/radio/radio.css +49 -49
  53. package/dist/radio/radio.min.css +1 -1
  54. package/dist/radio/radio.plugin.js +56 -61
  55. package/dist/segmented-control/segmented-control-toggle.css +37 -25
  56. package/dist/segmented-control/segmented-control-toggle.min.css +1 -1
  57. package/dist/segmented-control/segmented-control-toggle.plugin.js +46 -45
  58. package/dist/segmented-control/segmented-control.css +37 -25
  59. package/dist/segmented-control/segmented-control.min.css +1 -1
  60. package/dist/segmented-control/segmented-control.plugin.js +87 -75
  61. package/dist/snackbar/snackbar.css +12 -0
  62. package/dist/snackbar/snackbar.min.css +1 -1
  63. package/dist/snackbar/snackbar.plugin.js +28 -4
  64. package/dist/switch/switch.css +44 -56
  65. package/dist/switch/switch.min.css +1 -1
  66. package/dist/switch/switch.plugin.js +55 -74
  67. package/dist/tag/tag.css +230 -199
  68. package/dist/tag/tag.min.css +1 -1
  69. package/dist/tag/tag.plugin.js +228 -195
  70. package/package.json +4 -4
  71. package/dist/action-item/action-item.css +0 -185
  72. package/dist/action-item/action-item.min.css +0 -1
  73. package/dist/action-item/action-item.plugin.js +0 -176
  74. package/dist/action-panel/action-panel.css +0 -91
  75. package/dist/action-panel/action-panel.min.css +0 -1
  76. package/dist/action-panel/action-panel.plugin.js +0 -91
package/dist/checkbox/checkbox.css CHANGED
@@ -20,13 +20,16 @@
20
20
  border-style: solid;
21
21
  margin: 0;
22
22
  }
23
- .ids-checkbox .ids-checkbox__input-wrapper input[type=checkbox]:focus {
23
+ .ids-checkbox .ids-checkbox__input-wrapper input[type=checkbox]:focus, .ids-checkbox .ids-checkbox__input-wrapper input[type=checkbox]:focus-visible {
24
24
  outline-offset: 2px;
25
25
  outline-style: solid;
26
26
  }
27
27
  .ids-checkbox .ids-checkbox__input-wrapper input[type=checkbox] + .ids-checkbox__icon {
28
28
  position: absolute;
29
29
  }
30
+ .ids-checkbox .ids-checkbox__input-wrapper input[type=checkbox] + .ids-checkbox__icon > .ids-icon {
31
+ color: inherit;
32
+ }
30
33
  .ids-checkbox .ids-checkbox__label-wrapper {
31
34
  display: flex;
32
35
  flex-direction: column;
@@ -58,7 +61,7 @@
58
61
  border-radius: var(--ids-comp-checkbox-input-size-border-radius-compact);
59
62
  border-width: var(--ids-comp-checkbox-input-size-border-width-compact);
60
63
  }
61
- .ids-checkbox.ids-checkbox-compact .ids-checkbox__input-wrapper input[type=checkbox]:focus {
64
+ .ids-checkbox.ids-checkbox-compact .ids-checkbox__input-wrapper input[type=checkbox]:focus, .ids-checkbox.ids-checkbox-compact .ids-checkbox__input-wrapper input[type=checkbox]:focus-visible {
62
65
  outline-width: var(--ids-comp-checkbox-focused-outline-outline-compact);
63
66
  }
64
67
  .ids-checkbox.ids-checkbox-compact .ids-checkbox__input-wrapper .ids-checkbox__icon {
@@ -66,6 +69,13 @@
66
69
  width: var(--ids-comp-checkbox-input-size-icon-compact);
67
70
  line-height: var(--ids-comp-checkbox-input-size-icon-compact);
68
71
  }
72
+ .ids-checkbox.ids-checkbox-compact .ids-checkbox__input-wrapper .ids-checkbox__icon > .ids-icon {
73
+ height: var(--ids-comp-checkbox-input-size-icon-compact);
74
+ width: var(--ids-comp-checkbox-input-size-icon-compact);
75
+ font-size: var(--ids-comp-checkbox-input-icon-typography-font-size-compact);
76
+ font-weight: var(--ids-comp-checkbox-input-icon-typography-font-weight-compact);
77
+ line-height: var(--ids-comp-checkbox-input-icon-typography-line-height-compact);
78
+ }
69
79
  .ids-checkbox.ids-checkbox-compact .ids-checkbox__label-wrapper {
70
80
  padding: var(--ids-comp-checkbox-label-group-size-padding-y-compact) var(--ids-comp-checkbox-label-group-size-padding-x-compact);
71
81
  gap: var(--ids-comp-checkbox-label-group-size-gap-compact);
@@ -93,7 +103,7 @@
93
103
  border-radius: var(--ids-comp-checkbox-input-size-border-radius-comfortable);
94
104
  border-width: var(--ids-comp-checkbox-input-size-border-width-comfortable);
95
105
  }
96
- .ids-checkbox.ids-checkbox-comfortable .ids-checkbox__input-wrapper input[type=checkbox]:focus {
106
+ .ids-checkbox.ids-checkbox-comfortable .ids-checkbox__input-wrapper input[type=checkbox]:focus, .ids-checkbox.ids-checkbox-comfortable .ids-checkbox__input-wrapper input[type=checkbox]:focus-visible {
97
107
  outline-width: var(--ids-comp-checkbox-focused-outline-outline-comfortable);
98
108
  }
99
109
  .ids-checkbox.ids-checkbox-comfortable .ids-checkbox__input-wrapper .ids-checkbox__icon {
@@ -101,6 +111,13 @@
101
111
  width: var(--ids-comp-checkbox-input-size-icon-comfortable);
102
112
  line-height: var(--ids-comp-checkbox-input-size-icon-comfortable);
103
113
  }
114
+ .ids-checkbox.ids-checkbox-comfortable .ids-checkbox__input-wrapper .ids-checkbox__icon > .ids-icon {
115
+ height: var(--ids-comp-checkbox-input-size-icon-comfortable);
116
+ width: var(--ids-comp-checkbox-input-size-icon-comfortable);
117
+ font-size: var(--ids-comp-checkbox-input-icon-typography-font-size-comfortable);
118
+ font-weight: var(--ids-comp-checkbox-input-icon-typography-font-weight-comfortable);
119
+ line-height: var(--ids-comp-checkbox-input-icon-typography-line-height-comfortable);
120
+ }
104
121
  .ids-checkbox.ids-checkbox-comfortable .ids-checkbox__label-wrapper {
105
122
  padding: var(--ids-comp-checkbox-label-group-size-padding-y-comfortable) var(--ids-comp-checkbox-label-group-size-padding-x-comfortable);
106
123
  gap: var(--ids-comp-checkbox-label-group-size-gap-comfortable);
@@ -128,7 +145,7 @@
128
145
  border-radius: var(--ids-comp-checkbox-input-size-border-radius-spacious);
129
146
  border-width: var(--ids-comp-checkbox-input-size-border-width-spacious);
130
147
  }
131
- .ids-checkbox.ids-checkbox-spacious .ids-checkbox__input-wrapper input[type=checkbox]:focus {
148
+ .ids-checkbox.ids-checkbox-spacious .ids-checkbox__input-wrapper input[type=checkbox]:focus, .ids-checkbox.ids-checkbox-spacious .ids-checkbox__input-wrapper input[type=checkbox]:focus-visible {
132
149
  outline-width: var(--ids-comp-checkbox-focused-outline-outline-spacious);
133
150
  }
134
151
  .ids-checkbox.ids-checkbox-spacious .ids-checkbox__input-wrapper .ids-checkbox__icon {
@@ -136,6 +153,13 @@
136
153
  width: var(--ids-comp-checkbox-input-size-icon-spacious);
137
154
  line-height: var(--ids-comp-checkbox-input-size-icon-spacious);
138
155
  }
156
+ .ids-checkbox.ids-checkbox-spacious .ids-checkbox__input-wrapper .ids-checkbox__icon > .ids-icon {
157
+ height: var(--ids-comp-checkbox-input-size-icon-spacious);
158
+ width: var(--ids-comp-checkbox-input-size-icon-spacious);
159
+ font-size: var(--ids-comp-checkbox-input-icon-typography-font-size-spacious);
160
+ font-weight: var(--ids-comp-checkbox-input-icon-typography-font-weight-spacious);
161
+ line-height: var(--ids-comp-checkbox-input-icon-typography-line-height-spacious);
162
+ }
139
163
  .ids-checkbox.ids-checkbox-spacious .ids-checkbox__label-wrapper {
140
164
  padding: var(--ids-comp-checkbox-label-group-size-padding-y-spacious) var(--ids-comp-checkbox-label-group-size-padding-x-spacious);
141
165
  gap: var(--ids-comp-checkbox-label-group-size-gap-spacious);
@@ -163,7 +187,7 @@
163
187
  border-radius: var(--ids-comp-checkbox-input-size-border-radius-dense);
164
188
  border-width: var(--ids-comp-checkbox-input-size-border-width-dense);
165
189
  }
166
- .ids-checkbox.ids-checkbox-dense .ids-checkbox__input-wrapper input[type=checkbox]:focus {
190
+ .ids-checkbox.ids-checkbox-dense .ids-checkbox__input-wrapper input[type=checkbox]:focus, .ids-checkbox.ids-checkbox-dense .ids-checkbox__input-wrapper input[type=checkbox]:focus-visible {
167
191
  outline-width: var(--ids-comp-checkbox-focused-outline-outline-dense);
168
192
  }
169
193
  .ids-checkbox.ids-checkbox-dense .ids-checkbox__input-wrapper .ids-checkbox__icon {
@@ -171,6 +195,13 @@
171
195
  width: var(--ids-comp-checkbox-input-size-icon-dense);
172
196
  line-height: var(--ids-comp-checkbox-input-size-icon-dense);
173
197
  }
198
+ .ids-checkbox.ids-checkbox-dense .ids-checkbox__input-wrapper .ids-checkbox__icon > .ids-icon {
199
+ height: var(--ids-comp-checkbox-input-size-icon-dense);
200
+ width: var(--ids-comp-checkbox-input-size-icon-dense);
201
+ font-size: var(--ids-comp-checkbox-input-icon-typography-font-size-dense);
202
+ font-weight: var(--ids-comp-checkbox-input-icon-typography-font-weight-dense);
203
+ line-height: var(--ids-comp-checkbox-input-icon-typography-line-height-dense);
204
+ }
174
205
  .ids-checkbox.ids-checkbox-dense .ids-checkbox__label-wrapper {
175
206
  padding: var(--ids-comp-checkbox-label-group-size-padding-y-dense) var(--ids-comp-checkbox-label-group-size-padding-x-dense);
176
207
  gap: var(--ids-comp-checkbox-label-group-size-gap-dense);
@@ -194,7 +225,7 @@
194
225
  border-color: var(--ids-comp-checkbox-input-unselected-color-border-light-pressed);
195
226
  background-color: var(--ids-comp-checkbox-input-unselected-color-bg-light-pressed);
196
227
  }
197
- .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus {
228
+ .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus, .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible {
198
229
  border-color: var(--ids-comp-checkbox-input-unselected-color-border-light-focused);
199
230
  background-color: var(--ids-comp-checkbox-input-unselected-color-bg-light-focused);
200
231
  outline-color: var(--ids-comp-checkbox-input-selected-color-focused-outline-light-focused);
@@ -215,7 +246,7 @@
215
246
  border-color: var(--ids-comp-checkbox-input-selected-color-border-light-pressed);
216
247
  background-color: var(--ids-comp-checkbox-input-selected-color-bg-light-pressed);
217
248
  }
218
- .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus {
249
+ .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible, .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus, .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible {
219
250
  border-color: var(--ids-comp-checkbox-input-selected-color-border-light-focused);
220
251
  background-color: var(--ids-comp-checkbox-input-selected-color-bg-light-focused);
221
252
  outline-color: var(--ids-comp-checkbox-input-selected-color-focused-outline-light-focused);
@@ -233,7 +264,7 @@
233
264
  .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active + .ids-checkbox__icon {
234
265
  color: var(--ids-comp-checkbox-input-selected-color-fg-icon-light-pressed);
235
266
  }
236
- .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-checkbox__icon {
267
+ .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible + .ids-checkbox__icon {
237
268
  color: var(--ids-comp-checkbox-input-selected-color-fg-icon-light-focused);
238
269
  }
239
270
  .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled, .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled {
@@ -248,7 +279,7 @@
248
279
  .ids-checkbox.ids-checkbox-light .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:active {
249
280
  color: var(--ids-comp-checkbox-label-color-fg-light-pressed);
250
281
  }
251
- .ids-checkbox.ids-checkbox-light .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:focus {
282
+ .ids-checkbox.ids-checkbox-light .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:focus, .ids-checkbox.ids-checkbox-light .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:focus-visible {
252
283
  color: var(--ids-comp-checkbox-label-color-fg-light-focused);
253
284
  }
254
285
  .ids-checkbox.ids-checkbox-light.ids-checkbox-disabled .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label {
@@ -266,7 +297,7 @@
266
297
  border-color: var(--ids-comp-checkbox-input-unselected-color-border-dark-pressed);
267
298
  background-color: var(--ids-comp-checkbox-input-unselected-color-bg-dark-pressed);
268
299
  }
269
- .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus {
300
+ .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus, .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible {
270
301
  border-color: var(--ids-comp-checkbox-input-unselected-color-border-dark-focused);
271
302
  background-color: var(--ids-comp-checkbox-input-unselected-color-bg-dark-focused);
272
303
  outline-color: var(--ids-comp-checkbox-input-selected-color-focused-outline-dark-focused);
@@ -287,7 +318,7 @@
287
318
  border-color: var(--ids-comp-checkbox-input-selected-color-border-dark-pressed);
288
319
  background-color: var(--ids-comp-checkbox-input-selected-color-bg-dark-pressed);
289
320
  }
290
- .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus {
321
+ .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible, .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus, .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible {
291
322
  border-color: var(--ids-comp-checkbox-input-selected-color-border-dark-focused);
292
323
  background-color: var(--ids-comp-checkbox-input-selected-color-bg-dark-focused);
293
324
  outline-color: var(--ids-comp-checkbox-input-selected-color-focused-outline-dark-focused);
@@ -305,7 +336,7 @@
305
336
  .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active + .ids-checkbox__icon {
306
337
  color: var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-pressed);
307
338
  }
308
- .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-checkbox__icon {
339
+ .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible + .ids-checkbox__icon {
309
340
  color: var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-focused);
310
341
  }
311
342
  .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled, .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled {
@@ -320,7 +351,7 @@
320
351
  .ids-checkbox.ids-checkbox-dark .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:active {
321
352
  color: var(--ids-comp-checkbox-label-color-fg-dark-pressed);
322
353
  }
323
- .ids-checkbox.ids-checkbox-dark .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:focus {
354
+ .ids-checkbox.ids-checkbox-dark .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:focus, .ids-checkbox.ids-checkbox-dark .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:focus-visible {
324
355
  color: var(--ids-comp-checkbox-label-color-fg-dark-focused);
325
356
  }
326
357
  .ids-checkbox.ids-checkbox-dark.ids-checkbox-disabled .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label {
@@ -338,7 +369,7 @@
338
369
  border-color: var(--ids-comp-checkbox-input-unselected-color-border-surface-pressed);
339
370
  background-color: var(--ids-comp-checkbox-input-unselected-color-bg-surface-pressed);
340
371
  }
341
- .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus {
372
+ .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus, .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible {
342
373
  border-color: var(--ids-comp-checkbox-input-unselected-color-border-surface-focused);
343
374
  background-color: var(--ids-comp-checkbox-input-unselected-color-bg-surface-focused);
344
375
  outline-color: var(--ids-comp-checkbox-input-selected-color-focused-outline-surface-focused);
@@ -359,7 +390,7 @@
359
390
  border-color: var(--ids-comp-checkbox-input-selected-color-border-surface-pressed);
360
391
  background-color: var(--ids-comp-checkbox-input-selected-color-bg-surface-pressed);
361
392
  }
362
- .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus {
393
+ .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible, .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus, .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible {
363
394
  border-color: var(--ids-comp-checkbox-input-selected-color-border-surface-focused);
364
395
  background-color: var(--ids-comp-checkbox-input-selected-color-bg-surface-focused);
365
396
  outline-color: var(--ids-comp-checkbox-input-selected-color-focused-outline-surface-focused);
@@ -377,7 +408,7 @@
377
408
  .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active + .ids-checkbox__icon {
378
409
  color: var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-pressed);
379
410
  }
380
- .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-checkbox__icon {
411
+ .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible + .ids-checkbox__icon {
381
412
  color: var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-focused);
382
413
  }
383
414
  .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled, .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled {
@@ -392,15 +423,12 @@
392
423
  .ids-checkbox.ids-checkbox-surface .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:active {
393
424
  color: var(--ids-comp-checkbox-label-color-fg-surface-pressed);
394
425
  }
395
- .ids-checkbox.ids-checkbox-surface .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:focus {
426
+ .ids-checkbox.ids-checkbox-surface .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:focus, .ids-checkbox.ids-checkbox-surface .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:focus-visible {
396
427
  color: var(--ids-comp-checkbox-label-color-fg-surface-focused);
397
428
  }
398
429
  .ids-checkbox.ids-checkbox-surface.ids-checkbox-disabled .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label {
399
430
  color: var(--ids-comp-checkbox-label-color-fg-surface-disabled);
400
431
  }
401
- .ids-checkbox.ids-checkbox-disabled {
402
- opacity: var(--ids-comp-checkbox-disabled);
403
- }
404
432
  .ids-checkbox.ids-checkbox-disabled .ids-checkbox__input-wrapper .ids-checkbox__touch-target {
405
433
  cursor: not-allowed;
406
434
  }
@@ -437,7 +465,7 @@
437
465
  border-color: var(--ids-comp-checkbox-input-unselected-color-border-light-error-pressed);
438
466
  background-color: var(--ids-comp-checkbox-input-unselected-color-bg-light-pressed);
439
467
  }
440
- .ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus {
468
+ .ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus, .ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible {
441
469
  border-color: var(--ids-comp-checkbox-input-unselected-color-border-light-error-focused);
442
470
  background-color: var(--ids-comp-checkbox-input-unselected-color-bg-light-focused);
443
471
  }
@@ -453,7 +481,7 @@
453
481
  border-color: var(--ids-comp-checkbox-input-selected-color-border-light-error-pressed);
454
482
  background-color: var(--ids-comp-checkbox-input-selected-color-bg-light-pressed);
455
483
  }
456
- .ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus {
484
+ .ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible, .ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus, .ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible {
457
485
  border-color: var(--ids-comp-checkbox-input-selected-color-border-light-error-focused);
458
486
  background-color: var(--ids-comp-checkbox-input-selected-color-bg-light-focused);
459
487
  }
@@ -466,7 +494,7 @@
466
494
  .ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active + .ids-checkbox__icon, .ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active + .ids-checkbox__icon {
467
495
  color: var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-pressed);
468
496
  }
469
- .ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-checkbox__icon {
497
+ .ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible + .ids-checkbox__icon, .ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible + .ids-checkbox__icon {
470
498
  color: var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-focused);
471
499
  }
472
500
  .ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled), .ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled) {
@@ -481,7 +509,7 @@
481
509
  border-color: var(--ids-comp-checkbox-input-unselected-color-border-dark-error-pressed);
482
510
  background-color: var(--ids-comp-checkbox-input-unselected-color-bg-dark-pressed);
483
511
  }
484
- .ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus {
512
+ .ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus, .ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible {
485
513
  border-color: var(--ids-comp-checkbox-input-unselected-color-border-dark-error-focused);
486
514
  background-color: var(--ids-comp-checkbox-input-unselected-color-bg-dark-focused);
487
515
  }
@@ -497,7 +525,7 @@
497
525
  border-color: var(--ids-comp-checkbox-input-selected-color-border-dark-error-pressed);
498
526
  background-color: var(--ids-comp-checkbox-input-selected-color-bg-dark-pressed);
499
527
  }
500
- .ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus {
528
+ .ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible, .ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus, .ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible {
501
529
  border-color: var(--ids-comp-checkbox-input-selected-color-border-dark-error-focused);
502
530
  background-color: var(--ids-comp-checkbox-input-selected-color-bg-dark-focused);
503
531
  }
@@ -510,7 +538,7 @@
510
538
  .ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active + .ids-checkbox__icon, .ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active + .ids-checkbox__icon {
511
539
  color: var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-pressed);
512
540
  }
513
- .ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-checkbox__icon {
541
+ .ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible + .ids-checkbox__icon, .ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible + .ids-checkbox__icon {
514
542
  color: var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-focused);
515
543
  }
516
544
  .ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled), .ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled) {
@@ -525,7 +553,7 @@
525
553
  border-color: var(--ids-comp-checkbox-input-unselected-color-border-surface-error-pressed);
526
554
  background-color: var(--ids-comp-checkbox-input-unselected-color-bg-surface-pressed);
527
555
  }
528
- .ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus {
556
+ .ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus, .ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible {
529
557
  border-color: var(--ids-comp-checkbox-input-unselected-color-border-surface-error-focused);
530
558
  background-color: var(--ids-comp-checkbox-input-unselected-color-bg-surface-focused);
531
559
  }
@@ -541,7 +569,7 @@
541
569
  border-color: var(--ids-comp-checkbox-input-selected-color-border-surface-error-pressed);
542
570
  background-color: var(--ids-comp-checkbox-input-selected-color-bg-surface-pressed);
543
571
  }
544
- .ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus {
572
+ .ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible, .ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus, .ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible {
545
573
  border-color: var(--ids-comp-checkbox-input-selected-color-border-surface-error-focused);
546
574
  background-color: var(--ids-comp-checkbox-input-selected-color-bg-surface-focused);
547
575
  }
@@ -554,6 +582,6 @@
554
582
  .ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active + .ids-checkbox__icon, .ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active + .ids-checkbox__icon {
555
583
  color: var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-pressed);
556
584
  }
557
- .ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-checkbox__icon {
585
+ .ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible + .ids-checkbox__icon, .ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible + .ids-checkbox__icon {
558
586
  color: var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-focused);
559
587
  }
package/dist/checkbox/checkbox.min.css CHANGED
@@ -1 +1 @@
1
- .ids-checkbox{display:inline-flex;align-self:stretch;align-items:flex-start}.ids-checkbox .ids-checkbox__input-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.ids-checkbox .ids-checkbox__input-wrapper .ids-checkbox__touch-target{position:absolute;z-index:1}.ids-checkbox .ids-checkbox__input-wrapper input[type=checkbox]{appearance:none;-webkit-appearance:none;flex-shrink:0;border-style:solid;margin:0}.ids-checkbox .ids-checkbox__input-wrapper input[type=checkbox]:focus{outline-offset:2px;outline-style:solid}.ids-checkbox .ids-checkbox__input-wrapper input[type=checkbox]+.ids-checkbox__icon{position:absolute}.ids-checkbox .ids-checkbox__label-wrapper{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}.ids-checkbox .ids-checkbox__label-wrapper .ids-checkbox__label-container{text-align:start}.ids-checkbox .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label{font-style:normal}.ids-checkbox .ids-checkbox__label-wrapper .ids-checkbox__message-container{width:100%}.ids-checkbox.ids-checkbox-compact{padding:var(--ids-comp-checkbox-container-size-padding-y-compact) var(--ids-comp-checkbox-container-size-padding-x-compact);gap:var(--ids-comp-checkbox-container-size-gap-compact)}.ids-checkbox.ids-checkbox-compact .ids-checkbox__input-wrapper .ids-checkbox__touch-target{top:calc((var(--ids-comp-checkbox-input-size-height-compact) - var(--ids-comp-checkbox-input-size-touchtarget-height-compact))/2);left:calc((var(--ids-comp-checkbox-input-size-width-compact) - var(--ids-comp-checkbox-input-size-touchtarget-width-compact))/2);height:var(--ids-comp-checkbox-input-size-touchtarget-height-compact);width:var(--ids-comp-checkbox-input-size-touchtarget-width-compact)}.ids-checkbox.ids-checkbox-compact .ids-checkbox__input-wrapper input[type=checkbox]{width:var(--ids-comp-checkbox-input-size-width-compact);height:var(--ids-comp-checkbox-input-size-height-compact);border-radius:var(--ids-comp-checkbox-input-size-border-radius-compact);border-width:var(--ids-comp-checkbox-input-size-border-width-compact)}.ids-checkbox.ids-checkbox-compact .ids-checkbox__input-wrapper input[type=checkbox]:focus{outline-width:var(--ids-comp-checkbox-focused-outline-outline-compact)}.ids-checkbox.ids-checkbox-compact .ids-checkbox__input-wrapper .ids-checkbox__icon{height:var(--ids-comp-checkbox-input-size-icon-compact);width:var(--ids-comp-checkbox-input-size-icon-compact);line-height:var(--ids-comp-checkbox-input-size-icon-compact)}.ids-checkbox.ids-checkbox-compact .ids-checkbox__label-wrapper{padding:var(--ids-comp-checkbox-label-group-size-padding-y-compact) var(--ids-comp-checkbox-label-group-size-padding-x-compact);gap:var(--ids-comp-checkbox-label-group-size-gap-compact)}.ids-checkbox.ids-checkbox-compact .ids-checkbox__label-wrapper .ids-checkbox__label-container{font-family:var(--ids-comp-checkbox-label-typography-font-family-compact);font-weight:var(--ids-comp-checkbox-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-checkbox-label-typography-letter-spacing-compact);font-size:var(--ids-comp-checkbox-label-typography-font-size-compact);line-height:var(--ids-comp-checkbox-label-typography-line-height-compact)}.ids-checkbox.ids-checkbox-comfortable{padding:var(--ids-comp-checkbox-container-size-padding-y-comfortable) var(--ids-comp-checkbox-container-size-padding-x-comfortable);gap:var(--ids-comp-checkbox-container-size-gap-comfortable)}.ids-checkbox.ids-checkbox-comfortable .ids-checkbox__input-wrapper .ids-checkbox__touch-target{top:calc((var(--ids-comp-checkbox-input-size-height-comfortable) - var(--ids-comp-checkbox-input-size-touchtarget-height-comfortable))/2);left:calc((var(--ids-comp-checkbox-input-size-width-comfortable) - var(--ids-comp-checkbox-input-size-touchtarget-width-comfortable))/2);height:var(--ids-comp-checkbox-input-size-touchtarget-height-comfortable);width:var(--ids-comp-checkbox-input-size-touchtarget-width-comfortable)}.ids-checkbox.ids-checkbox-comfortable .ids-checkbox__input-wrapper input[type=checkbox]{width:var(--ids-comp-checkbox-input-size-width-comfortable);height:var(--ids-comp-checkbox-input-size-height-comfortable);border-radius:var(--ids-comp-checkbox-input-size-border-radius-comfortable);border-width:var(--ids-comp-checkbox-input-size-border-width-comfortable)}.ids-checkbox.ids-checkbox-comfortable .ids-checkbox__input-wrapper input[type=checkbox]:focus{outline-width:var(--ids-comp-checkbox-focused-outline-outline-comfortable)}.ids-checkbox.ids-checkbox-comfortable .ids-checkbox__input-wrapper .ids-checkbox__icon{height:var(--ids-comp-checkbox-input-size-icon-comfortable);width:var(--ids-comp-checkbox-input-size-icon-comfortable);line-height:var(--ids-comp-checkbox-input-size-icon-comfortable)}.ids-checkbox.ids-checkbox-comfortable .ids-checkbox__label-wrapper{padding:var(--ids-comp-checkbox-label-group-size-padding-y-comfortable) var(--ids-comp-checkbox-label-group-size-padding-x-comfortable);gap:var(--ids-comp-checkbox-label-group-size-gap-comfortable)}.ids-checkbox.ids-checkbox-comfortable .ids-checkbox__label-wrapper .ids-checkbox__label-container{font-family:var(--ids-comp-checkbox-label-typography-font-family-comfortable);font-weight:var(--ids-comp-checkbox-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-checkbox-label-typography-letter-spacing-comfortable);font-size:var(--ids-comp-checkbox-label-typography-font-size-comfortable);line-height:var(--ids-comp-checkbox-label-typography-line-height-comfortable)}.ids-checkbox.ids-checkbox-spacious{padding:var(--ids-comp-checkbox-container-size-padding-y-spacious) var(--ids-comp-checkbox-container-size-padding-x-spacious);gap:var(--ids-comp-checkbox-container-size-gap-spacious)}.ids-checkbox.ids-checkbox-spacious .ids-checkbox__input-wrapper .ids-checkbox__touch-target{top:calc((var(--ids-comp-checkbox-input-size-height-spacious) - var(--ids-comp-checkbox-input-size-touchtarget-height-spacious))/2);left:calc((var(--ids-comp-checkbox-input-size-width-spacious) - var(--ids-comp-checkbox-input-size-touchtarget-width-spacious))/2);height:var(--ids-comp-checkbox-input-size-touchtarget-height-spacious);width:var(--ids-comp-checkbox-input-size-touchtarget-width-spacious)}.ids-checkbox.ids-checkbox-spacious .ids-checkbox__input-wrapper input[type=checkbox]{width:var(--ids-comp-checkbox-input-size-width-spacious);height:var(--ids-comp-checkbox-input-size-height-spacious);border-radius:var(--ids-comp-checkbox-input-size-border-radius-spacious);border-width:var(--ids-comp-checkbox-input-size-border-width-spacious)}.ids-checkbox.ids-checkbox-spacious .ids-checkbox__input-wrapper input[type=checkbox]:focus{outline-width:var(--ids-comp-checkbox-focused-outline-outline-spacious)}.ids-checkbox.ids-checkbox-spacious .ids-checkbox__input-wrapper .ids-checkbox__icon{height:var(--ids-comp-checkbox-input-size-icon-spacious);width:var(--ids-comp-checkbox-input-size-icon-spacious);line-height:var(--ids-comp-checkbox-input-size-icon-spacious)}.ids-checkbox.ids-checkbox-spacious .ids-checkbox__label-wrapper{padding:var(--ids-comp-checkbox-label-group-size-padding-y-spacious) var(--ids-comp-checkbox-label-group-size-padding-x-spacious);gap:var(--ids-comp-checkbox-label-group-size-gap-spacious)}.ids-checkbox.ids-checkbox-spacious .ids-checkbox__label-wrapper .ids-checkbox__label-container{font-family:var(--ids-comp-checkbox-label-typography-font-family-spacious);font-weight:var(--ids-comp-checkbox-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-checkbox-label-typography-letter-spacing-spacious);font-size:var(--ids-comp-checkbox-label-typography-font-size-spacious);line-height:var(--ids-comp-checkbox-label-typography-line-height-spacious)}.ids-checkbox.ids-checkbox-dense{padding:var(--ids-comp-checkbox-container-size-padding-y-dense) var(--ids-comp-checkbox-container-size-padding-x-dense);gap:var(--ids-comp-checkbox-container-size-gap-dense)}.ids-checkbox.ids-checkbox-dense .ids-checkbox__input-wrapper .ids-checkbox__touch-target{top:calc((var(--ids-comp-checkbox-input-size-height-dense) - var(--ids-comp-checkbox-input-size-touchtarget-height-dense))/2);left:calc((var(--ids-comp-checkbox-input-size-width-dense) - var(--ids-comp-checkbox-input-size-touchtarget-width-dense))/2);height:var(--ids-comp-checkbox-input-size-touchtarget-height-dense);width:var(--ids-comp-checkbox-input-size-touchtarget-width-dense)}.ids-checkbox.ids-checkbox-dense .ids-checkbox__input-wrapper input[type=checkbox]{width:var(--ids-comp-checkbox-input-size-width-dense);height:var(--ids-comp-checkbox-input-size-height-dense);border-radius:var(--ids-comp-checkbox-input-size-border-radius-dense);border-width:var(--ids-comp-checkbox-input-size-border-width-dense)}.ids-checkbox.ids-checkbox-dense .ids-checkbox__input-wrapper input[type=checkbox]:focus{outline-width:var(--ids-comp-checkbox-focused-outline-outline-dense)}.ids-checkbox.ids-checkbox-dense .ids-checkbox__input-wrapper .ids-checkbox__icon{height:var(--ids-comp-checkbox-input-size-icon-dense);width:var(--ids-comp-checkbox-input-size-icon-dense);line-height:var(--ids-comp-checkbox-input-size-icon-dense)}.ids-checkbox.ids-checkbox-dense .ids-checkbox__label-wrapper{padding:var(--ids-comp-checkbox-label-group-size-padding-y-dense) var(--ids-comp-checkbox-label-group-size-padding-x-dense);gap:var(--ids-comp-checkbox-label-group-size-gap-dense)}.ids-checkbox.ids-checkbox-dense .ids-checkbox__label-wrapper .ids-checkbox__label-container{font-family:var(--ids-comp-checkbox-label-typography-font-family-dense);font-weight:var(--ids-comp-checkbox-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-checkbox-label-typography-letter-spacing-dense);font-size:var(--ids-comp-checkbox-label-typography-font-size-dense);line-height:var(--ids-comp-checkbox-label-typography-line-height-dense)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled){border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-default);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-default)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-hovered);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-hovered)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-pressed);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-pressed)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-focused);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-focused);outline-color:var(--ids-comp-checkbox-input-selected-color-focused-outline-light-focused)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:disabled{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-disabled);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-disabled)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled){border-color:var(--ids-comp-checkbox-input-selected-color-border-light-default);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-default)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-hovered);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-hovered)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-pressed);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-pressed)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-focused);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-focused);outline-color:var(--ids-comp-checkbox-input-selected-color-focused-outline-light-focused)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-disabled);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-disabled)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-default)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-hovered)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-pressed)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-focused)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-disabled)}.ids-checkbox.ids-checkbox-light .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label{color:var(--ids-comp-checkbox-label-color-fg-light-default)}.ids-checkbox.ids-checkbox-light .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:hover{color:var(--ids-comp-checkbox-label-color-fg-light-hovered)}.ids-checkbox.ids-checkbox-light .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:active{color:var(--ids-comp-checkbox-label-color-fg-light-pressed)}.ids-checkbox.ids-checkbox-light .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:focus{color:var(--ids-comp-checkbox-label-color-fg-light-focused)}.ids-checkbox.ids-checkbox-light.ids-checkbox-disabled .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label{color:var(--ids-comp-checkbox-label-color-fg-light-disabled)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled){border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-default);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-default)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-hovered);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-hovered)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-pressed);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-pressed)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-focused);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-focused);outline-color:var(--ids-comp-checkbox-input-selected-color-focused-outline-dark-focused)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:disabled{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-disabled);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-disabled)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled){border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-default);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-default)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-hovered);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-hovered)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-pressed);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-pressed)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-focused);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-focused);outline-color:var(--ids-comp-checkbox-input-selected-color-focused-outline-dark-focused)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-disabled);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-disabled)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-default)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-hovered)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-pressed)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-focused)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-disabled)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label{color:var(--ids-comp-checkbox-label-color-fg-dark-default)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:hover{color:var(--ids-comp-checkbox-label-color-fg-dark-hovered)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:active{color:var(--ids-comp-checkbox-label-color-fg-dark-pressed)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:focus{color:var(--ids-comp-checkbox-label-color-fg-dark-focused)}.ids-checkbox.ids-checkbox-dark.ids-checkbox-disabled .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label{color:var(--ids-comp-checkbox-label-color-fg-dark-disabled)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled){border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-default);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-default)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-hovered);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-hovered)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-pressed);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-pressed)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-focused);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-focused);outline-color:var(--ids-comp-checkbox-input-selected-color-focused-outline-surface-focused)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:disabled{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-disabled);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-disabled)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled){border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-default);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-default)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-hovered);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-hovered)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-pressed);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-pressed)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-focused);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-focused);outline-color:var(--ids-comp-checkbox-input-selected-color-focused-outline-surface-focused)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-disabled);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-disabled)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-default)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-hovered)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-pressed)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-focused)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-disabled)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label{color:var(--ids-comp-checkbox-label-color-fg-surface-default)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:hover{color:var(--ids-comp-checkbox-label-color-fg-surface-hovered)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:active{color:var(--ids-comp-checkbox-label-color-fg-surface-pressed)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:focus{color:var(--ids-comp-checkbox-label-color-fg-surface-focused)}.ids-checkbox.ids-checkbox-surface.ids-checkbox-disabled .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label{color:var(--ids-comp-checkbox-label-color-fg-surface-disabled)}.ids-checkbox.ids-checkbox-disabled{opacity:var(--ids-comp-checkbox-disabled)}.ids-checkbox.ids-checkbox-disabled .ids-checkbox__input-wrapper .ids-checkbox__touch-target{cursor:not-allowed}.ids-checkbox.ids-checkbox-disabled .ids-checkbox__input-wrapper input[type=checkbox]{cursor:not-allowed}.ids-checkbox.ids-checkbox-disabled .ids-checkbox__input-wrapper input[type=checkbox]+.ids-checkbox__icon{cursor:not-allowed}.ids-checkbox.ids-checkbox-disabled .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label{cursor:not-allowed}.ids-checkbox:not(.ids-checkbox-disabled) .ids-checkbox__input-wrapper .ids-checkbox__touch-target{cursor:pointer}.ids-checkbox:not(.ids-checkbox-disabled) .ids-checkbox__input-wrapper input[type=checkbox]{cursor:pointer}.ids-checkbox:not(.ids-checkbox-disabled) .ids-checkbox__input-wrapper input[type=checkbox]+.ids-checkbox__icon{cursor:pointer}.ids-checkbox:not(.ids-checkbox-disabled) .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label{cursor:pointer}.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled){border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-error-default);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-default)}.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-error-hovered);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-hovered)}.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-error-pressed);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-pressed)}.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-error-focused);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-focused)}.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled){border-color:var(--ids-comp-checkbox-input-selected-color-border-light-error-default);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-default)}.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-error-hovered);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-hovered)}.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-error-pressed);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-pressed)}.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-error-focused);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-focused)}.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-default)}.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-hovered)}.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-pressed)}.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-focused)}.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled){border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-error-default);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-default)}.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-error-hovered);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-hovered)}.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-error-pressed);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-pressed)}.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-error-focused);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-focused)}.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled){border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-error-default);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-default)}.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-error-hovered);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-hovered)}.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-error-pressed);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-pressed)}.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-error-focused);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-focused)}.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-default)}.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-hovered)}.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-pressed)}.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-focused)}.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled){border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-error-default);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-default)}.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-error-hovered);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-hovered)}.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-error-pressed);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-pressed)}.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-error-focused);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-focused)}.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled){border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-error-default);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-default)}.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-error-hovered);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-hovered)}.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-error-pressed);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-pressed)}.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-error-focused);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-focused)}.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-default)}.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-hovered)}.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-pressed)}.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-focused)}
1
+ .ids-checkbox{display:inline-flex;align-self:stretch;align-items:flex-start}.ids-checkbox .ids-checkbox__input-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.ids-checkbox .ids-checkbox__input-wrapper .ids-checkbox__touch-target{position:absolute;z-index:1}.ids-checkbox .ids-checkbox__input-wrapper input[type=checkbox]{appearance:none;-webkit-appearance:none;flex-shrink:0;border-style:solid;margin:0}.ids-checkbox .ids-checkbox__input-wrapper input[type=checkbox]:focus,.ids-checkbox .ids-checkbox__input-wrapper input[type=checkbox]:focus-visible{outline-offset:2px;outline-style:solid}.ids-checkbox .ids-checkbox__input-wrapper input[type=checkbox]+.ids-checkbox__icon{position:absolute}.ids-checkbox .ids-checkbox__input-wrapper input[type=checkbox]+.ids-checkbox__icon>.ids-icon{color:inherit}.ids-checkbox .ids-checkbox__label-wrapper{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}.ids-checkbox .ids-checkbox__label-wrapper .ids-checkbox__label-container{text-align:start}.ids-checkbox .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label{font-style:normal}.ids-checkbox .ids-checkbox__label-wrapper .ids-checkbox__message-container{width:100%}.ids-checkbox.ids-checkbox-compact{padding:var(--ids-comp-checkbox-container-size-padding-y-compact) var(--ids-comp-checkbox-container-size-padding-x-compact);gap:var(--ids-comp-checkbox-container-size-gap-compact)}.ids-checkbox.ids-checkbox-compact .ids-checkbox__input-wrapper .ids-checkbox__touch-target{top:calc((var(--ids-comp-checkbox-input-size-height-compact) - var(--ids-comp-checkbox-input-size-touchtarget-height-compact))/2);left:calc((var(--ids-comp-checkbox-input-size-width-compact) - var(--ids-comp-checkbox-input-size-touchtarget-width-compact))/2);height:var(--ids-comp-checkbox-input-size-touchtarget-height-compact);width:var(--ids-comp-checkbox-input-size-touchtarget-width-compact)}.ids-checkbox.ids-checkbox-compact .ids-checkbox__input-wrapper input[type=checkbox]{width:var(--ids-comp-checkbox-input-size-width-compact);height:var(--ids-comp-checkbox-input-size-height-compact);border-radius:var(--ids-comp-checkbox-input-size-border-radius-compact);border-width:var(--ids-comp-checkbox-input-size-border-width-compact)}.ids-checkbox.ids-checkbox-compact .ids-checkbox__input-wrapper input[type=checkbox]:focus,.ids-checkbox.ids-checkbox-compact .ids-checkbox__input-wrapper input[type=checkbox]:focus-visible{outline-width:var(--ids-comp-checkbox-focused-outline-outline-compact)}.ids-checkbox.ids-checkbox-compact .ids-checkbox__input-wrapper .ids-checkbox__icon{height:var(--ids-comp-checkbox-input-size-icon-compact);width:var(--ids-comp-checkbox-input-size-icon-compact);line-height:var(--ids-comp-checkbox-input-size-icon-compact)}.ids-checkbox.ids-checkbox-compact .ids-checkbox__input-wrapper .ids-checkbox__icon>.ids-icon{height:var(--ids-comp-checkbox-input-size-icon-compact);width:var(--ids-comp-checkbox-input-size-icon-compact);font-size:var(--ids-comp-checkbox-input-icon-typography-font-size-compact);font-weight:var(--ids-comp-checkbox-input-icon-typography-font-weight-compact);line-height:var(--ids-comp-checkbox-input-icon-typography-line-height-compact)}.ids-checkbox.ids-checkbox-compact .ids-checkbox__label-wrapper{padding:var(--ids-comp-checkbox-label-group-size-padding-y-compact) var(--ids-comp-checkbox-label-group-size-padding-x-compact);gap:var(--ids-comp-checkbox-label-group-size-gap-compact)}.ids-checkbox.ids-checkbox-compact .ids-checkbox__label-wrapper .ids-checkbox__label-container{font-family:var(--ids-comp-checkbox-label-typography-font-family-compact);font-weight:var(--ids-comp-checkbox-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-checkbox-label-typography-letter-spacing-compact);font-size:var(--ids-comp-checkbox-label-typography-font-size-compact);line-height:var(--ids-comp-checkbox-label-typography-line-height-compact)}.ids-checkbox.ids-checkbox-comfortable{padding:var(--ids-comp-checkbox-container-size-padding-y-comfortable) var(--ids-comp-checkbox-container-size-padding-x-comfortable);gap:var(--ids-comp-checkbox-container-size-gap-comfortable)}.ids-checkbox.ids-checkbox-comfortable .ids-checkbox__input-wrapper .ids-checkbox__touch-target{top:calc((var(--ids-comp-checkbox-input-size-height-comfortable) - var(--ids-comp-checkbox-input-size-touchtarget-height-comfortable))/2);left:calc((var(--ids-comp-checkbox-input-size-width-comfortable) - var(--ids-comp-checkbox-input-size-touchtarget-width-comfortable))/2);height:var(--ids-comp-checkbox-input-size-touchtarget-height-comfortable);width:var(--ids-comp-checkbox-input-size-touchtarget-width-comfortable)}.ids-checkbox.ids-checkbox-comfortable .ids-checkbox__input-wrapper input[type=checkbox]{width:var(--ids-comp-checkbox-input-size-width-comfortable);height:var(--ids-comp-checkbox-input-size-height-comfortable);border-radius:var(--ids-comp-checkbox-input-size-border-radius-comfortable);border-width:var(--ids-comp-checkbox-input-size-border-width-comfortable)}.ids-checkbox.ids-checkbox-comfortable .ids-checkbox__input-wrapper input[type=checkbox]:focus,.ids-checkbox.ids-checkbox-comfortable .ids-checkbox__input-wrapper input[type=checkbox]:focus-visible{outline-width:var(--ids-comp-checkbox-focused-outline-outline-comfortable)}.ids-checkbox.ids-checkbox-comfortable .ids-checkbox__input-wrapper .ids-checkbox__icon{height:var(--ids-comp-checkbox-input-size-icon-comfortable);width:var(--ids-comp-checkbox-input-size-icon-comfortable);line-height:var(--ids-comp-checkbox-input-size-icon-comfortable)}.ids-checkbox.ids-checkbox-comfortable .ids-checkbox__input-wrapper .ids-checkbox__icon>.ids-icon{height:var(--ids-comp-checkbox-input-size-icon-comfortable);width:var(--ids-comp-checkbox-input-size-icon-comfortable);font-size:var(--ids-comp-checkbox-input-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-checkbox-input-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-checkbox-input-icon-typography-line-height-comfortable)}.ids-checkbox.ids-checkbox-comfortable .ids-checkbox__label-wrapper{padding:var(--ids-comp-checkbox-label-group-size-padding-y-comfortable) var(--ids-comp-checkbox-label-group-size-padding-x-comfortable);gap:var(--ids-comp-checkbox-label-group-size-gap-comfortable)}.ids-checkbox.ids-checkbox-comfortable .ids-checkbox__label-wrapper .ids-checkbox__label-container{font-family:var(--ids-comp-checkbox-label-typography-font-family-comfortable);font-weight:var(--ids-comp-checkbox-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-checkbox-label-typography-letter-spacing-comfortable);font-size:var(--ids-comp-checkbox-label-typography-font-size-comfortable);line-height:var(--ids-comp-checkbox-label-typography-line-height-comfortable)}.ids-checkbox.ids-checkbox-spacious{padding:var(--ids-comp-checkbox-container-size-padding-y-spacious) var(--ids-comp-checkbox-container-size-padding-x-spacious);gap:var(--ids-comp-checkbox-container-size-gap-spacious)}.ids-checkbox.ids-checkbox-spacious .ids-checkbox__input-wrapper .ids-checkbox__touch-target{top:calc((var(--ids-comp-checkbox-input-size-height-spacious) - var(--ids-comp-checkbox-input-size-touchtarget-height-spacious))/2);left:calc((var(--ids-comp-checkbox-input-size-width-spacious) - var(--ids-comp-checkbox-input-size-touchtarget-width-spacious))/2);height:var(--ids-comp-checkbox-input-size-touchtarget-height-spacious);width:var(--ids-comp-checkbox-input-size-touchtarget-width-spacious)}.ids-checkbox.ids-checkbox-spacious .ids-checkbox__input-wrapper input[type=checkbox]{width:var(--ids-comp-checkbox-input-size-width-spacious);height:var(--ids-comp-checkbox-input-size-height-spacious);border-radius:var(--ids-comp-checkbox-input-size-border-radius-spacious);border-width:var(--ids-comp-checkbox-input-size-border-width-spacious)}.ids-checkbox.ids-checkbox-spacious .ids-checkbox__input-wrapper input[type=checkbox]:focus,.ids-checkbox.ids-checkbox-spacious .ids-checkbox__input-wrapper input[type=checkbox]:focus-visible{outline-width:var(--ids-comp-checkbox-focused-outline-outline-spacious)}.ids-checkbox.ids-checkbox-spacious .ids-checkbox__input-wrapper .ids-checkbox__icon{height:var(--ids-comp-checkbox-input-size-icon-spacious);width:var(--ids-comp-checkbox-input-size-icon-spacious);line-height:var(--ids-comp-checkbox-input-size-icon-spacious)}.ids-checkbox.ids-checkbox-spacious .ids-checkbox__input-wrapper .ids-checkbox__icon>.ids-icon{height:var(--ids-comp-checkbox-input-size-icon-spacious);width:var(--ids-comp-checkbox-input-size-icon-spacious);font-size:var(--ids-comp-checkbox-input-icon-typography-font-size-spacious);font-weight:var(--ids-comp-checkbox-input-icon-typography-font-weight-spacious);line-height:var(--ids-comp-checkbox-input-icon-typography-line-height-spacious)}.ids-checkbox.ids-checkbox-spacious .ids-checkbox__label-wrapper{padding:var(--ids-comp-checkbox-label-group-size-padding-y-spacious) var(--ids-comp-checkbox-label-group-size-padding-x-spacious);gap:var(--ids-comp-checkbox-label-group-size-gap-spacious)}.ids-checkbox.ids-checkbox-spacious .ids-checkbox__label-wrapper .ids-checkbox__label-container{font-family:var(--ids-comp-checkbox-label-typography-font-family-spacious);font-weight:var(--ids-comp-checkbox-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-checkbox-label-typography-letter-spacing-spacious);font-size:var(--ids-comp-checkbox-label-typography-font-size-spacious);line-height:var(--ids-comp-checkbox-label-typography-line-height-spacious)}.ids-checkbox.ids-checkbox-dense{padding:var(--ids-comp-checkbox-container-size-padding-y-dense) var(--ids-comp-checkbox-container-size-padding-x-dense);gap:var(--ids-comp-checkbox-container-size-gap-dense)}.ids-checkbox.ids-checkbox-dense .ids-checkbox__input-wrapper .ids-checkbox__touch-target{top:calc((var(--ids-comp-checkbox-input-size-height-dense) - var(--ids-comp-checkbox-input-size-touchtarget-height-dense))/2);left:calc((var(--ids-comp-checkbox-input-size-width-dense) - var(--ids-comp-checkbox-input-size-touchtarget-width-dense))/2);height:var(--ids-comp-checkbox-input-size-touchtarget-height-dense);width:var(--ids-comp-checkbox-input-size-touchtarget-width-dense)}.ids-checkbox.ids-checkbox-dense .ids-checkbox__input-wrapper input[type=checkbox]{width:var(--ids-comp-checkbox-input-size-width-dense);height:var(--ids-comp-checkbox-input-size-height-dense);border-radius:var(--ids-comp-checkbox-input-size-border-radius-dense);border-width:var(--ids-comp-checkbox-input-size-border-width-dense)}.ids-checkbox.ids-checkbox-dense .ids-checkbox__input-wrapper input[type=checkbox]:focus,.ids-checkbox.ids-checkbox-dense .ids-checkbox__input-wrapper input[type=checkbox]:focus-visible{outline-width:var(--ids-comp-checkbox-focused-outline-outline-dense)}.ids-checkbox.ids-checkbox-dense .ids-checkbox__input-wrapper .ids-checkbox__icon{height:var(--ids-comp-checkbox-input-size-icon-dense);width:var(--ids-comp-checkbox-input-size-icon-dense);line-height:var(--ids-comp-checkbox-input-size-icon-dense)}.ids-checkbox.ids-checkbox-dense .ids-checkbox__input-wrapper .ids-checkbox__icon>.ids-icon{height:var(--ids-comp-checkbox-input-size-icon-dense);width:var(--ids-comp-checkbox-input-size-icon-dense);font-size:var(--ids-comp-checkbox-input-icon-typography-font-size-dense);font-weight:var(--ids-comp-checkbox-input-icon-typography-font-weight-dense);line-height:var(--ids-comp-checkbox-input-icon-typography-line-height-dense)}.ids-checkbox.ids-checkbox-dense .ids-checkbox__label-wrapper{padding:var(--ids-comp-checkbox-label-group-size-padding-y-dense) var(--ids-comp-checkbox-label-group-size-padding-x-dense);gap:var(--ids-comp-checkbox-label-group-size-gap-dense)}.ids-checkbox.ids-checkbox-dense .ids-checkbox__label-wrapper .ids-checkbox__label-container{font-family:var(--ids-comp-checkbox-label-typography-font-family-dense);font-weight:var(--ids-comp-checkbox-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-checkbox-label-typography-letter-spacing-dense);font-size:var(--ids-comp-checkbox-label-typography-font-size-dense);line-height:var(--ids-comp-checkbox-label-typography-line-height-dense)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled){border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-default);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-default)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-hovered);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-hovered)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-pressed);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-pressed)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-focused);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-focused);outline-color:var(--ids-comp-checkbox-input-selected-color-focused-outline-light-focused)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:disabled{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-disabled);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-disabled)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled){border-color:var(--ids-comp-checkbox-input-selected-color-border-light-default);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-default)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-hovered);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-hovered)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-pressed);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-pressed)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-focused);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-focused);outline-color:var(--ids-comp-checkbox-input-selected-color-focused-outline-light-focused)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-disabled);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-disabled)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-default)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-hovered)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-pressed)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-focused)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-disabled)}.ids-checkbox.ids-checkbox-light .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label{color:var(--ids-comp-checkbox-label-color-fg-light-default)}.ids-checkbox.ids-checkbox-light .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:hover{color:var(--ids-comp-checkbox-label-color-fg-light-hovered)}.ids-checkbox.ids-checkbox-light .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:active{color:var(--ids-comp-checkbox-label-color-fg-light-pressed)}.ids-checkbox.ids-checkbox-light .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:focus,.ids-checkbox.ids-checkbox-light .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:focus-visible{color:var(--ids-comp-checkbox-label-color-fg-light-focused)}.ids-checkbox.ids-checkbox-light.ids-checkbox-disabled .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label{color:var(--ids-comp-checkbox-label-color-fg-light-disabled)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled){border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-default);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-default)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-hovered);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-hovered)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-pressed);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-pressed)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-focused);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-focused);outline-color:var(--ids-comp-checkbox-input-selected-color-focused-outline-dark-focused)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:disabled{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-disabled);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-disabled)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled){border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-default);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-default)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-hovered);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-hovered)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-pressed);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-pressed)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-focused);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-focused);outline-color:var(--ids-comp-checkbox-input-selected-color-focused-outline-dark-focused)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-disabled);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-disabled)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-default)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-hovered)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-pressed)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-focused)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-disabled)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label{color:var(--ids-comp-checkbox-label-color-fg-dark-default)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:hover{color:var(--ids-comp-checkbox-label-color-fg-dark-hovered)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:active{color:var(--ids-comp-checkbox-label-color-fg-dark-pressed)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:focus,.ids-checkbox.ids-checkbox-dark .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:focus-visible{color:var(--ids-comp-checkbox-label-color-fg-dark-focused)}.ids-checkbox.ids-checkbox-dark.ids-checkbox-disabled .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label{color:var(--ids-comp-checkbox-label-color-fg-dark-disabled)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled){border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-default);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-default)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-hovered);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-hovered)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-pressed);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-pressed)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-focused);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-focused);outline-color:var(--ids-comp-checkbox-input-selected-color-focused-outline-surface-focused)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:disabled{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-disabled);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-disabled)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled){border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-default);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-default)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-hovered);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-hovered)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-pressed);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-pressed)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-focused);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-focused);outline-color:var(--ids-comp-checkbox-input-selected-color-focused-outline-surface-focused)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-disabled);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-disabled)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-default)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-hovered)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-pressed)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-focused)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-disabled)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label{color:var(--ids-comp-checkbox-label-color-fg-surface-default)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:hover{color:var(--ids-comp-checkbox-label-color-fg-surface-hovered)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:active{color:var(--ids-comp-checkbox-label-color-fg-surface-pressed)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:focus,.ids-checkbox.ids-checkbox-surface .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label:focus-visible{color:var(--ids-comp-checkbox-label-color-fg-surface-focused)}.ids-checkbox.ids-checkbox-surface.ids-checkbox-disabled .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label{color:var(--ids-comp-checkbox-label-color-fg-surface-disabled)}.ids-checkbox.ids-checkbox-disabled .ids-checkbox__input-wrapper .ids-checkbox__touch-target{cursor:not-allowed}.ids-checkbox.ids-checkbox-disabled .ids-checkbox__input-wrapper input[type=checkbox]{cursor:not-allowed}.ids-checkbox.ids-checkbox-disabled .ids-checkbox__input-wrapper input[type=checkbox]+.ids-checkbox__icon{cursor:not-allowed}.ids-checkbox.ids-checkbox-disabled .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label{cursor:not-allowed}.ids-checkbox:not(.ids-checkbox-disabled) .ids-checkbox__input-wrapper .ids-checkbox__touch-target{cursor:pointer}.ids-checkbox:not(.ids-checkbox-disabled) .ids-checkbox__input-wrapper input[type=checkbox]{cursor:pointer}.ids-checkbox:not(.ids-checkbox-disabled) .ids-checkbox__input-wrapper input[type=checkbox]+.ids-checkbox__icon{cursor:pointer}.ids-checkbox:not(.ids-checkbox-disabled) .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label{cursor:pointer}.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled){border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-error-default);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-default)}.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-error-hovered);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-hovered)}.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-error-pressed);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-pressed)}.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-error-focused);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-focused)}.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled){border-color:var(--ids-comp-checkbox-input-selected-color-border-light-error-default);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-default)}.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-error-hovered);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-hovered)}.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-error-pressed);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-pressed)}.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-error-focused);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-focused)}.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-default)}.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-hovered)}.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-pressed)}.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-focused)}.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled){border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-error-default);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-default)}.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-error-hovered);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-hovered)}.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-error-pressed);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-pressed)}.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-error-focused);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-focused)}.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled){border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-error-default);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-default)}.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-error-hovered);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-hovered)}.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-error-pressed);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-pressed)}.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-error-focused);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-focused)}.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-default)}.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-hovered)}.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-pressed)}.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-focused)}.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled){border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-error-default);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-default)}.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-error-hovered);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-hovered)}.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-error-pressed);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-pressed)}.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-error-focused);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-focused)}.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled){border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-error-default);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-default)}.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-error-hovered);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-hovered)}.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-error-pressed);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-pressed)}.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-error-focused);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-focused)}.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-default)}.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-hovered)}.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-pressed)}.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-focused)}