@i-cell/ids-styles 0.0.51 → 0.0.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/checkbox/checkbox.css +69 -3
  2. package/dist/checkbox/checkbox.min.css +1 -1
  3. package/dist/checkbox/checkbox.plugin.js +81 -3
  4. package/dist/components.css +165 -46
  5. package/dist/components.min.css +1 -1
  6. package/dist/components.plugin.js +129 -42
  7. package/dist/overlay-panel/overlay-panel.css +2 -2
  8. package/dist/overlay-panel/overlay-panel.min.css +1 -1
  9. package/dist/overlay-panel/overlay-panel.plugin.js +4 -2
  10. package/dist/side-nav/side-nav.css +94 -41
  11. package/dist/side-nav/side-nav.min.css +1 -1
  12. package/dist/side-nav/side-nav.plugin.js +44 -37
  13. package/package.json +1 -1
package/dist/checkbox/checkbox.css CHANGED
@@ -224,6 +224,28 @@
224
224
  font-size: var(--ids-comp-checkbox-label-typography-font-size-dense);
225
225
  line-height: var(--ids-comp-checkbox-label-typography-line-height-dense);
226
226
  }
227
+ .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate) {
228
+ border-color: var(--ids-comp-checkbox-input-unselected-color-border-light-hovered);
229
+ background-color: var(--ids-comp-checkbox-input-unselected-color-bg-light-hovered);
230
+ }
231
+ .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):is(:checked, :indeterminate) {
232
+ border-color: var(--ids-comp-checkbox-input-selected-color-border-light-hovered);
233
+ background-color: var(--ids-comp-checkbox-input-selected-color-bg-light-hovered);
234
+ }
235
+ .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled) + .ids-checkbox__icon {
236
+ color: var(--ids-comp-checkbox-input-selected-color-fg-icon-light-hovered);
237
+ }
238
+ .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate) {
239
+ border-color: var(--ids-comp-checkbox-input-unselected-color-border-light-pressed);
240
+ background-color: var(--ids-comp-checkbox-input-unselected-color-bg-light-pressed);
241
+ }
242
+ .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):is(:checked, :indeterminate) {
243
+ border-color: var(--ids-comp-checkbox-input-selected-color-border-light-pressed);
244
+ background-color: var(--ids-comp-checkbox-input-selected-color-bg-light-pressed);
245
+ }
246
+ .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled) + .ids-checkbox__icon {
247
+ color: var(--ids-comp-checkbox-input-selected-color-fg-icon-light-pressed);
248
+ }
227
249
  .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled) {
228
250
  border-color: var(--ids-comp-checkbox-input-unselected-color-border-light-default);
229
251
  background-color: var(--ids-comp-checkbox-input-unselected-color-bg-light-default);
@@ -278,7 +300,7 @@
278
300
  .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 {
279
301
  color: var(--ids-comp-checkbox-input-selected-color-fg-icon-light-focused);
280
302
  }
281
- .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 {
303
+ .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled + .ids-checkbox__icon {
282
304
  color: var(--ids-comp-checkbox-input-selected-color-fg-icon-light-disabled);
283
305
  }
284
306
  .ids-checkbox.ids-checkbox-light .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label {
@@ -296,6 +318,28 @@
296
318
  .ids-checkbox.ids-checkbox-light.ids-checkbox-disabled .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label {
297
319
  color: var(--ids-comp-checkbox-label-color-fg-light-disabled);
298
320
  }
321
+ .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate) {
322
+ border-color: var(--ids-comp-checkbox-input-unselected-color-border-dark-hovered);
323
+ background-color: var(--ids-comp-checkbox-input-unselected-color-bg-dark-hovered);
324
+ }
325
+ .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):is(:checked, :indeterminate) {
326
+ border-color: var(--ids-comp-checkbox-input-selected-color-border-dark-hovered);
327
+ background-color: var(--ids-comp-checkbox-input-selected-color-bg-dark-hovered);
328
+ }
329
+ .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled) + .ids-checkbox__icon {
330
+ color: var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-hovered);
331
+ }
332
+ .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate) {
333
+ border-color: var(--ids-comp-checkbox-input-unselected-color-border-dark-pressed);
334
+ background-color: var(--ids-comp-checkbox-input-unselected-color-bg-dark-pressed);
335
+ }
336
+ .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):is(:checked, :indeterminate) {
337
+ border-color: var(--ids-comp-checkbox-input-selected-color-border-dark-pressed);
338
+ background-color: var(--ids-comp-checkbox-input-selected-color-bg-dark-pressed);
339
+ }
340
+ .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled) + .ids-checkbox__icon {
341
+ color: var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-pressed);
342
+ }
299
343
  .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled) {
300
344
  border-color: var(--ids-comp-checkbox-input-unselected-color-border-dark-default);
301
345
  background-color: var(--ids-comp-checkbox-input-unselected-color-bg-dark-default);
@@ -350,7 +394,7 @@
350
394
  .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 {
351
395
  color: var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-focused);
352
396
  }
353
- .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 {
397
+ .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled + .ids-checkbox__icon {
354
398
  color: var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-disabled);
355
399
  }
356
400
  .ids-checkbox.ids-checkbox-dark .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label {
@@ -368,6 +412,28 @@
368
412
  .ids-checkbox.ids-checkbox-dark.ids-checkbox-disabled .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label {
369
413
  color: var(--ids-comp-checkbox-label-color-fg-dark-disabled);
370
414
  }
415
+ .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate) {
416
+ border-color: var(--ids-comp-checkbox-input-unselected-color-border-surface-hovered);
417
+ background-color: var(--ids-comp-checkbox-input-unselected-color-bg-surface-hovered);
418
+ }
419
+ .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):is(:checked, :indeterminate) {
420
+ border-color: var(--ids-comp-checkbox-input-selected-color-border-surface-hovered);
421
+ background-color: var(--ids-comp-checkbox-input-selected-color-bg-surface-hovered);
422
+ }
423
+ .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled) + .ids-checkbox__icon {
424
+ color: var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-hovered);
425
+ }
426
+ .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate) {
427
+ border-color: var(--ids-comp-checkbox-input-unselected-color-border-surface-pressed);
428
+ background-color: var(--ids-comp-checkbox-input-unselected-color-bg-surface-pressed);
429
+ }
430
+ .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):is(:checked, :indeterminate) {
431
+ border-color: var(--ids-comp-checkbox-input-selected-color-border-surface-pressed);
432
+ background-color: var(--ids-comp-checkbox-input-selected-color-bg-surface-pressed);
433
+ }
434
+ .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled) + .ids-checkbox__icon {
435
+ color: var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-pressed);
436
+ }
371
437
  .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled) {
372
438
  border-color: var(--ids-comp-checkbox-input-unselected-color-border-surface-default);
373
439
  background-color: var(--ids-comp-checkbox-input-unselected-color-bg-surface-default);
@@ -422,7 +488,7 @@
422
488
  .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 {
423
489
  color: var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-focused);
424
490
  }
425
- .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 {
491
+ .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled + .ids-checkbox__icon, .ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled + .ids-checkbox__icon {
426
492
  color: var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-disabled);
427
493
  }
428
494
  .ids-checkbox.ids-checkbox-surface .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label {
package/dist/checkbox/checkbox.min.css CHANGED
@@ -1 +1 @@
1
- .ids-checkbox{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:inline-flex;align-self:stretch;align-items:flex-start}.ids-checkbox::before,.ids-checkbox::after,.ids-checkbox *,.ids-checkbox ::before,.ids-checkbox ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.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)}
1
+ .ids-checkbox{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:inline-flex;align-self:stretch;align-items:flex-start}.ids-checkbox::before,.ids-checkbox::after,.ids-checkbox *,.ids-checkbox ::before,.ids-checkbox ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.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:hover input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate){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:hover input[type=checkbox]:not(:disabled):is(:checked,:indeterminate){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:hover input[type=checkbox]:not(:disabled)+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-hovered)}.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate){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:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):is(:checked,:indeterminate){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:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled)+.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]: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__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled+.ids-checkbox__icon{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:hover input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate){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:hover input[type=checkbox]:not(:disabled):is(:checked,:indeterminate){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:hover input[type=checkbox]:not(:disabled)+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-hovered)}.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate){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:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):is(:checked,:indeterminate){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:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled)+.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]: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__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled+.ids-checkbox__icon{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:hover input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate){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:hover input[type=checkbox]:not(:disabled):is(:checked,:indeterminate){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:hover input[type=checkbox]:not(:disabled)+.ids-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-hovered)}.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate){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:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):is(:checked,:indeterminate){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:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled)+.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]: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__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled+.ids-checkbox__icon{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)}
package/dist/checkbox/checkbox.plugin.js CHANGED
@@ -207,6 +207,31 @@ module.exports = function CheckboxPlugin() {
207
207
  fontSize: 'var(--ids-comp-checkbox-label-typography-font-size-dense)',
208
208
  lineHeight: 'var(--ids-comp-checkbox-label-typography-line-height-dense)',
209
209
  },
210
+ '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate)':
211
+ {
212
+ borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-hovered)',
213
+ backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-hovered)',
214
+ },
215
+ '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):is(:checked,:indeterminate)':
216
+ {
217
+ borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-hovered)',
218
+ backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-hovered)',
219
+ },
220
+ '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled)+.ids-checkbox__icon': {
221
+ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-hovered)',
222
+ },
223
+ '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate)':
224
+ {
225
+ borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-pressed)',
226
+ backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-pressed)',
227
+ },
228
+ '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):is(:checked,:indeterminate)':
229
+ {
230
+ borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-pressed)',
231
+ backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-pressed)',
232
+ },
233
+ '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled)+.ids-checkbox__icon':
234
+ { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-pressed)' },
210
235
  '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled)': {
211
236
  borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-default)',
212
237
  backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-default)',
@@ -254,7 +279,6 @@ module.exports = function CheckboxPlugin() {
254
279
  {
255
280
  borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-disabled)',
256
281
  backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-disabled)',
257
- color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-disabled)',
258
282
  },
259
283
  '.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':
260
284
  { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-default)' },
@@ -264,6 +288,8 @@ module.exports = function CheckboxPlugin() {
264
288
  { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-pressed)' },
265
289
  '.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':
266
290
  { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-focused)' },
291
+ '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled+.ids-checkbox__icon':
292
+ { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-disabled)' },
267
293
  '.ids-checkbox.ids-checkbox-light .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label': {
268
294
  color: 'var(--ids-comp-checkbox-label-color-fg-light-default)',
269
295
  },
@@ -277,6 +303,31 @@ module.exports = function CheckboxPlugin() {
277
303
  { color: 'var(--ids-comp-checkbox-label-color-fg-light-focused)' },
278
304
  '.ids-checkbox.ids-checkbox-light.ids-checkbox-disabled .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label':
279
305
  { color: 'var(--ids-comp-checkbox-label-color-fg-light-disabled)' },
306
+ '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate)':
307
+ {
308
+ borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-hovered)',
309
+ backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-hovered)',
310
+ },
311
+ '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):is(:checked,:indeterminate)':
312
+ {
313
+ borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-hovered)',
314
+ backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-hovered)',
315
+ },
316
+ '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled)+.ids-checkbox__icon': {
317
+ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-hovered)',
318
+ },
319
+ '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate)':
320
+ {
321
+ borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-pressed)',
322
+ backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-pressed)',
323
+ },
324
+ '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):is(:checked,:indeterminate)':
325
+ {
326
+ borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-pressed)',
327
+ backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-pressed)',
328
+ },
329
+ '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled)+.ids-checkbox__icon':
330
+ { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-pressed)' },
280
331
  '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled)': {
281
332
  borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-default)',
282
333
  backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-default)',
@@ -324,7 +375,6 @@ module.exports = function CheckboxPlugin() {
324
375
  {
325
376
  borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-disabled)',
326
377
  backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-disabled)',
327
- color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-disabled)',
328
378
  },
329
379
  '.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':
330
380
  { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-default)' },
@@ -334,6 +384,8 @@ module.exports = function CheckboxPlugin() {
334
384
  { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-pressed)' },
335
385
  '.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':
336
386
  { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-focused)' },
387
+ '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled+.ids-checkbox__icon':
388
+ { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-disabled)' },
337
389
  '.ids-checkbox.ids-checkbox-dark .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label': {
338
390
  color: 'var(--ids-comp-checkbox-label-color-fg-dark-default)',
339
391
  },
@@ -347,6 +399,31 @@ module.exports = function CheckboxPlugin() {
347
399
  { color: 'var(--ids-comp-checkbox-label-color-fg-dark-focused)' },
348
400
  '.ids-checkbox.ids-checkbox-dark.ids-checkbox-disabled .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label':
349
401
  { color: 'var(--ids-comp-checkbox-label-color-fg-dark-disabled)' },
402
+ '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate)':
403
+ {
404
+ borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-hovered)',
405
+ backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-hovered)',
406
+ },
407
+ '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):is(:checked,:indeterminate)':
408
+ {
409
+ borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-hovered)',
410
+ backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-hovered)',
411
+ },
412
+ '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled)+.ids-checkbox__icon': {
413
+ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-hovered)',
414
+ },
415
+ '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate)':
416
+ {
417
+ borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-pressed)',
418
+ backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-pressed)',
419
+ },
420
+ '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):is(:checked,:indeterminate)':
421
+ {
422
+ borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-pressed)',
423
+ backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-pressed)',
424
+ },
425
+ '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled)+.ids-checkbox__icon':
426
+ { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-pressed)' },
350
427
  '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled)': {
351
428
  borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-default)',
352
429
  backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-default)',
@@ -394,7 +471,6 @@ module.exports = function CheckboxPlugin() {
394
471
  {
395
472
  borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-disabled)',
396
473
  backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-disabled)',
397
- color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-disabled)',
398
474
  },
399
475
  '.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':
400
476
  { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-default)' },
@@ -404,6 +480,8 @@ module.exports = function CheckboxPlugin() {
404
480
  { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-pressed)' },
405
481
  '.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':
406
482
  { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-focused)' },
483
+ '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled+.ids-checkbox__icon':
484
+ { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-disabled)' },
407
485
  '.ids-checkbox.ids-checkbox-surface .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label': {
408
486
  color: 'var(--ids-comp-checkbox-label-color-fg-surface-default)',
409
487
  },