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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/dist/accordion/accordion.css +184 -45
  2. package/dist/accordion/accordion.min.css +1 -1
  3. package/dist/accordion/accordion.plugin.js +194 -55
  4. package/dist/avatar/avatar.css +23 -11
  5. package/dist/avatar/avatar.min.css +1 -1
  6. package/dist/avatar/avatar.plugin.js +23 -12
  7. package/dist/button/button.css +788 -656
  8. package/dist/button/button.min.css +1 -1
  9. package/dist/button/button.plugin.js +792 -693
  10. package/dist/card/card.css +61 -35
  11. package/dist/card/card.min.css +1 -1
  12. package/dist/card/card.plugin.js +181 -126
  13. package/dist/checkbox/checkbox.css +57 -29
  14. package/dist/checkbox/checkbox.min.css +1 -1
  15. package/dist/checkbox/checkbox.plugin.js +78 -53
  16. package/dist/checkbox/pseudo-checkbox.css +53 -25
  17. package/dist/checkbox/pseudo-checkbox.min.css +1 -1
  18. package/dist/checkbox/pseudo-checkbox.plugin.js +72 -43
  19. package/dist/components.css +2284 -1615
  20. package/dist/components.min.css +1 -1
  21. package/dist/components.plugin.js +2619 -1969
  22. package/dist/dialog/dialog.css +12 -1
  23. package/dist/dialog/dialog.min.css +1 -1
  24. package/dist/dialog/dialog.plugin.js +11 -4
  25. package/dist/divider/divider.css +0 -3
  26. package/dist/divider/divider.min.css +1 -1
  27. package/dist/divider/divider.plugin.js +1 -1
  28. package/dist/form-elements/form-field/form-field.css +84 -60
  29. package/dist/form-elements/form-field/form-field.min.css +1 -1
  30. package/dist/form-elements/form-field/form-field.plugin.js +84 -60
  31. package/dist/form-elements/message/message.css +21 -12
  32. package/dist/form-elements/message/message.min.css +1 -1
  33. package/dist/form-elements/message/message.plugin.js +21 -4
  34. package/dist/icon/icon.css +3 -2
  35. package/dist/icon/icon.min.css +1 -1
  36. package/dist/icon/icon.plugin.js +3 -2
  37. package/dist/icon-button/icon-button.css +133 -82
  38. package/dist/icon-button/icon-button.min.css +1 -1
  39. package/dist/icon-button/icon-button.plugin.js +256 -182
  40. package/dist/menu-item/menu-item.css +184 -0
  41. package/dist/menu-item/menu-item.min.css +1 -0
  42. package/dist/menu-item/menu-item.plugin.js +181 -0
  43. package/dist/option/option.css +13 -0
  44. package/dist/option/option.min.css +1 -1
  45. package/dist/option/option.plugin.js +13 -1
  46. package/dist/overlay-panel/overlay-panel.css +125 -0
  47. package/dist/overlay-panel/overlay-panel.min.css +1 -0
  48. package/dist/overlay-panel/overlay-panel.plugin.js +125 -0
  49. package/dist/paginator/paginator.css +133 -23
  50. package/dist/paginator/paginator.min.css +1 -1
  51. package/dist/paginator/paginator.plugin.js +113 -41
  52. package/dist/radio/radio.css +49 -49
  53. package/dist/radio/radio.min.css +1 -1
  54. package/dist/radio/radio.plugin.js +56 -61
  55. package/dist/segmented-control/segmented-control-toggle.css +37 -25
  56. package/dist/segmented-control/segmented-control-toggle.min.css +1 -1
  57. package/dist/segmented-control/segmented-control-toggle.plugin.js +46 -45
  58. package/dist/segmented-control/segmented-control.css +37 -25
  59. package/dist/segmented-control/segmented-control.min.css +1 -1
  60. package/dist/segmented-control/segmented-control.plugin.js +87 -75
  61. package/dist/snackbar/snackbar.css +12 -0
  62. package/dist/snackbar/snackbar.min.css +1 -1
  63. package/dist/snackbar/snackbar.plugin.js +28 -4
  64. package/dist/switch/switch.css +44 -56
  65. package/dist/switch/switch.min.css +1 -1
  66. package/dist/switch/switch.plugin.js +55 -74
  67. package/dist/tag/tag.css +230 -199
  68. package/dist/tag/tag.min.css +1 -1
  69. package/dist/tag/tag.plugin.js +228 -195
  70. package/package.json +4 -4
  71. package/dist/action-item/action-item.css +0 -185
  72. package/dist/action-item/action-item.min.css +0 -1
  73. package/dist/action-item/action-item.plugin.js +0 -176
  74. package/dist/action-panel/action-panel.css +0 -91
  75. package/dist/action-panel/action-panel.min.css +0 -1
  76. package/dist/action-panel/action-panel.plugin.js +0 -91
package/dist/radio/radio.css CHANGED
@@ -122,7 +122,7 @@
122
122
  border-radius: var(--ids-comp-radio-button-input-inner-circle-size-border-radius-compact);
123
123
  border-width: var(--ids-comp-radio-button-input-inner-circle-size-border-width-compact);
124
124
  }
125
- .ids-radio-group.ids-radio-group-compact > .ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus {
125
+ .ids-radio-group.ids-radio-group-compact > .ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus, .ids-radio-group.ids-radio-group-compact > .ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus-visible {
126
126
  outline-width: var(--ids-comp-radio-focused-outline-outline-compact);
127
127
  }
128
128
  .ids-radio-group.ids-radio-group-compact > .ids-radio-item .ids-radio-item__label {
@@ -163,7 +163,7 @@
163
163
  border-radius: var(--ids-comp-radio-button-input-inner-circle-size-border-radius-comfortable);
164
164
  border-width: var(--ids-comp-radio-button-input-inner-circle-size-border-width-comfortable);
165
165
  }
166
- .ids-radio-group.ids-radio-group-comfortable > .ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus {
166
+ .ids-radio-group.ids-radio-group-comfortable > .ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus, .ids-radio-group.ids-radio-group-comfortable > .ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus-visible {
167
167
  outline-width: var(--ids-comp-radio-focused-outline-outline-comfortable);
168
168
  }
169
169
  .ids-radio-group.ids-radio-group-comfortable > .ids-radio-item .ids-radio-item__label {
@@ -204,7 +204,7 @@
204
204
  border-radius: var(--ids-comp-radio-button-input-inner-circle-size-border-radius-spacious);
205
205
  border-width: var(--ids-comp-radio-button-input-inner-circle-size-border-width-spacious);
206
206
  }
207
- .ids-radio-group.ids-radio-group-spacious > .ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus {
207
+ .ids-radio-group.ids-radio-group-spacious > .ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus, .ids-radio-group.ids-radio-group-spacious > .ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus-visible {
208
208
  outline-width: var(--ids-comp-radio-focused-outline-outline-spacious);
209
209
  }
210
210
  .ids-radio-group.ids-radio-group-spacious > .ids-radio-item .ids-radio-item__label {
@@ -245,7 +245,7 @@
245
245
  border-radius: var(--ids-comp-radio-button-input-inner-circle-size-border-radius-dense);
246
246
  border-width: var(--ids-comp-radio-button-input-inner-circle-size-border-width-dense);
247
247
  }
248
- .ids-radio-group.ids-radio-group-dense > .ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus {
248
+ .ids-radio-group.ids-radio-group-dense > .ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus, .ids-radio-group.ids-radio-group-dense > .ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus-visible {
249
249
  outline-width: var(--ids-comp-radio-focused-outline-outline-dense);
250
250
  }
251
251
  .ids-radio-group.ids-radio-group-dense > .ids-radio-item .ids-radio-item__label {
@@ -273,12 +273,12 @@
273
273
  background-color: var(--ids-comp-radio-input-unselected-color-bg-surface-pressed);
274
274
  }
275
275
  .ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus, .ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible {
276
- border-color: var(--ids-comp-radio-input-unselected-color-border-surface-focused);
277
- background-color: var(--ids-comp-radio-input-unselected-color-bg-surface-focused);
276
+ border-color: var(--ids-comp-radio-input-unselected-color-border-surface-default);
277
+ background-color: var(--ids-comp-radio-input-unselected-color-bg-surface-default);
278
278
  outline-color: var(--ids-comp-radio-input-unselected-color-focused-outline-surface-focused);
279
279
  }
280
280
  .ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:disabled {
281
- border-color: var(--ids-comp-forms-form-field-standard-container-color-border-surface-disabled);
281
+ border-color: var(--ids-comp-radio-input-unselected-color-border-surface-disabled);
282
282
  background-color: var(--ids-comp-radio-input-unselected-color-bg-surface-disabled);
283
283
  }
284
284
  .ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled) {
@@ -306,16 +306,16 @@
306
306
  background: var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-pressed);
307
307
  }
308
308
  .ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus, .ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible {
309
- border-color: var(--ids-comp-radio-input-selected-color-border-surface-focused);
310
- background-color: var(--ids-comp-radio-input-selected-color-bg-surface-focused);
309
+ border-color: var(--ids-comp-radio-input-selected-color-border-surface-default);
310
+ background-color: var(--ids-comp-radio-input-selected-color-bg-surface-default);
311
311
  outline-color: var(--ids-comp-radio-input-selected-color-focused-outline-surface-focused);
312
312
  }
313
313
  .ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus + .ids-radio-item__inner-circle, .ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible + .ids-radio-item__inner-circle {
314
- border-color: var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-focused);
315
- background: var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-focused);
314
+ border-color: var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-default);
315
+ background: var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-default);
316
316
  }
317
317
  .ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:disabled {
318
- border-color: var(--ids-comp-forms-form-field-standard-container-color-border-surface-disabled);
318
+ border-color: var(--ids-comp-radio-input-selected-color-border-surface-disabled);
319
319
  background-color: var(--ids-comp-radio-input-selected-color-bg-surface-disabled);
320
320
  }
321
321
  .ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:disabled + .ids-radio-item__inner-circle {
@@ -339,7 +339,7 @@
339
339
  .ids-radio-group .ids-radio-item-surface .ids-radio-item__label:active {
340
340
  color: var(--ids-comp-radio-label-color-fg-surface-pressed);
341
341
  }
342
- .ids-radio-group .ids-radio-item-surface .ids-radio-item__label:focus {
342
+ .ids-radio-group .ids-radio-item-surface .ids-radio-item__label:focus, .ids-radio-group .ids-radio-item-surface .ids-radio-item__label:focus-visible {
343
343
  color: var(--ids-comp-radio-label-color-fg-surface-focused);
344
344
  }
345
345
  .ids-radio-group .ids-radio-item-surface.ids-radio-item-disabled .ids-radio-item__label {
@@ -362,12 +362,12 @@
362
362
  background-color: var(--ids-comp-radio-input-unselected-color-bg-light-pressed);
363
363
  }
364
364
  .ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus, .ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible {
365
- border-color: var(--ids-comp-radio-input-unselected-color-border-light-focused);
366
- background-color: var(--ids-comp-radio-input-unselected-color-bg-light-focused);
365
+ border-color: var(--ids-comp-radio-input-unselected-color-border-light-default);
366
+ background-color: var(--ids-comp-radio-input-unselected-color-bg-light-default);
367
367
  outline-color: var(--ids-comp-radio-input-unselected-color-focused-outline-light-focused);
368
368
  }
369
369
  .ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:disabled {
370
- border-color: var(--ids-comp-forms-form-field-standard-container-color-border-light-disabled);
370
+ border-color: var(--ids-comp-radio-input-unselected-color-border-light-disabled);
371
371
  background-color: var(--ids-comp-radio-input-unselected-color-bg-light-disabled);
372
372
  }
373
373
  .ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled) {
@@ -395,16 +395,16 @@
395
395
  background: var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-pressed);
396
396
  }
397
397
  .ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus, .ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible {
398
- border-color: var(--ids-comp-radio-input-selected-color-border-light-focused);
399
- background-color: var(--ids-comp-radio-input-selected-color-bg-light-focused);
398
+ border-color: var(--ids-comp-radio-input-selected-color-border-light-default);
399
+ background-color: var(--ids-comp-radio-input-selected-color-bg-light-default);
400
400
  outline-color: var(--ids-comp-radio-input-selected-color-focused-outline-light-focused);
401
401
  }
402
402
  .ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus + .ids-radio-item__inner-circle, .ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible + .ids-radio-item__inner-circle {
403
- border-color: var(--ids-comp-radio-input-selected-inner-circle-color-border-light-focused);
404
- background: var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-focused);
403
+ border-color: var(--ids-comp-radio-input-selected-inner-circle-color-border-light-default);
404
+ background: var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-default);
405
405
  }
406
406
  .ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:disabled {
407
- border-color: var(--ids-comp-forms-form-field-standard-container-color-border-light-disabled);
407
+ border-color: var(--ids-comp-radio-input-selected-color-border-light-disabled);
408
408
  background-color: var(--ids-comp-radio-input-selected-color-bg-light-disabled);
409
409
  }
410
410
  .ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:disabled + .ids-radio-item__inner-circle {
@@ -428,7 +428,7 @@
428
428
  .ids-radio-group .ids-radio-item-light .ids-radio-item__label:active {
429
429
  color: var(--ids-comp-radio-label-color-fg-light-pressed);
430
430
  }
431
- .ids-radio-group .ids-radio-item-light .ids-radio-item__label:focus {
431
+ .ids-radio-group .ids-radio-item-light .ids-radio-item__label:focus, .ids-radio-group .ids-radio-item-light .ids-radio-item__label:focus-visible {
432
432
  color: var(--ids-comp-radio-label-color-fg-light-focused);
433
433
  }
434
434
  .ids-radio-group .ids-radio-item-light.ids-radio-item-disabled .ids-radio-item__label {
@@ -451,12 +451,12 @@
451
451
  background-color: var(--ids-comp-radio-input-unselected-color-bg-dark-pressed);
452
452
  }
453
453
  .ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus, .ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible {
454
- border-color: var(--ids-comp-radio-input-unselected-color-border-dark-focused);
455
- background-color: var(--ids-comp-radio-input-unselected-color-bg-dark-focused);
454
+ border-color: var(--ids-comp-radio-input-unselected-color-border-dark-default);
455
+ background-color: var(--ids-comp-radio-input-unselected-color-bg-dark-default);
456
456
  outline-color: var(--ids-comp-radio-input-unselected-color-focused-outline-dark-focused);
457
457
  }
458
458
  .ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:disabled {
459
- border-color: var(--ids-comp-forms-form-field-standard-container-color-border-dark-disabled);
459
+ border-color: var(--ids-comp-radio-input-unselected-color-border-dark-disabled);
460
460
  background-color: var(--ids-comp-radio-input-unselected-color-bg-dark-disabled);
461
461
  }
462
462
  .ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled) {
@@ -484,16 +484,16 @@
484
484
  background: var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-pressed);
485
485
  }
486
486
  .ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus, .ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible {
487
- border-color: var(--ids-comp-radio-input-selected-color-border-dark-focused);
488
- background-color: var(--ids-comp-radio-input-selected-color-bg-dark-focused);
487
+ border-color: var(--ids-comp-radio-input-selected-color-border-dark-default);
488
+ background-color: var(--ids-comp-radio-input-selected-color-bg-dark-default);
489
489
  outline-color: var(--ids-comp-radio-input-selected-color-focused-outline-dark-focused);
490
490
  }
491
491
  .ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus + .ids-radio-item__inner-circle, .ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible + .ids-radio-item__inner-circle {
492
- border-color: var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-focused);
493
- background: var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-focused);
492
+ border-color: var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-default);
493
+ background: var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-default);
494
494
  }
495
495
  .ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:disabled {
496
- border-color: var(--ids-comp-forms-form-field-standard-container-color-border-dark-disabled);
496
+ border-color: var(--ids-comp-radio-input-selected-color-border-dark-disabled);
497
497
  background-color: var(--ids-comp-radio-input-selected-color-bg-dark-disabled);
498
498
  }
499
499
  .ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:disabled + .ids-radio-item__inner-circle {
@@ -517,7 +517,7 @@
517
517
  .ids-radio-group .ids-radio-item-dark .ids-radio-item__label:active {
518
518
  color: var(--ids-comp-radio-label-color-fg-dark-pressed);
519
519
  }
520
- .ids-radio-group .ids-radio-item-dark .ids-radio-item__label:focus {
520
+ .ids-radio-group .ids-radio-item-dark .ids-radio-item__label:focus, .ids-radio-group .ids-radio-item-dark .ids-radio-item__label:focus-visible {
521
521
  color: var(--ids-comp-radio-label-color-fg-dark-focused);
522
522
  }
523
523
  .ids-radio-group .ids-radio-item-dark.ids-radio-item-disabled .ids-radio-item__label {
@@ -540,8 +540,8 @@
540
540
  background-color: var(--ids-comp-radio-input-unselected-color-bg-surface-pressed);
541
541
  }
542
542
  .ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus, .ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible, .ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus, .ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible {
543
- border-color: var(--ids-comp-radio-input-unselected-color-border-surface-error-focused);
544
- background-color: var(--ids-comp-radio-input-unselected-color-bg-surface-focused);
543
+ border-color: var(--ids-comp-radio-input-unselected-color-border-surface-error-default);
544
+ background-color: var(--ids-comp-radio-input-unselected-color-bg-surface-default);
545
545
  }
546
546
  .ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled), .ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled) {
547
547
  border-color: var(--ids-comp-radio-input-selected-color-border-surface-error-default);
@@ -568,12 +568,12 @@
568
568
  background: var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-pressed);
569
569
  }
570
570
  .ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus, .ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible, .ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus, .ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible {
571
- border-color: var(--ids-comp-radio-input-selected-color-border-surface-error-focused);
572
- background-color: var(--ids-comp-radio-input-selected-color-bg-surface-focused);
571
+ border-color: var(--ids-comp-radio-input-selected-color-border-surface-error-default);
572
+ background-color: var(--ids-comp-radio-input-selected-color-bg-surface-default);
573
573
  }
574
574
  .ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus + .ids-radio-item__inner-circle, .ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible + .ids-radio-item__inner-circle, .ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus + .ids-radio-item__inner-circle, .ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible + .ids-radio-item__inner-circle {
575
- border-color: var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-focused);
576
- background: var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-focused);
575
+ border-color: var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-default);
576
+ background: var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-default);
577
577
  }
578
578
  .ids-radio-group.ng-invalid .ids-radio-item-surface:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover + input[type=radio]:not(:disabled), .ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover + input[type=radio]:not(:disabled) {
579
579
  border-color: var(--ids-comp-radio-input-selected-color-border-surface-error-hovered);
@@ -600,8 +600,8 @@
600
600
  background-color: var(--ids-comp-radio-input-unselected-color-bg-light-pressed);
601
601
  }
602
602
  .ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus, .ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible, .ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus, .ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible {
603
- border-color: var(--ids-comp-radio-input-unselected-color-border-light-error-focused);
604
- background-color: var(--ids-comp-radio-input-unselected-color-bg-light-focused);
603
+ border-color: var(--ids-comp-radio-input-unselected-color-border-light-error-default);
604
+ background-color: var(--ids-comp-radio-input-unselected-color-bg-light-default);
605
605
  }
606
606
  .ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled), .ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled) {
607
607
  border-color: var(--ids-comp-radio-input-selected-color-border-light-error-default);
@@ -628,12 +628,12 @@
628
628
  background: var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-pressed);
629
629
  }
630
630
  .ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus, .ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible, .ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus, .ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible {
631
- border-color: var(--ids-comp-radio-input-selected-color-border-light-error-focused);
632
- background-color: var(--ids-comp-radio-input-selected-color-bg-light-focused);
631
+ border-color: var(--ids-comp-radio-input-selected-color-border-light-error-default);
632
+ background-color: var(--ids-comp-radio-input-selected-color-bg-light-default);
633
633
  }
634
634
  .ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus + .ids-radio-item__inner-circle, .ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible + .ids-radio-item__inner-circle, .ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus + .ids-radio-item__inner-circle, .ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible + .ids-radio-item__inner-circle {
635
- border-color: var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-focused);
636
- background: var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-focused);
635
+ border-color: var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-default);
636
+ background: var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-default);
637
637
  }
638
638
  .ids-radio-group.ng-invalid .ids-radio-item-light:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover + input[type=radio]:not(:disabled), .ids-radio-group.ids-radio-group-invalid .ids-radio-item-light:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover + input[type=radio]:not(:disabled) {
639
639
  border-color: var(--ids-comp-radio-input-selected-color-border-light-error-hovered);
@@ -660,8 +660,8 @@
660
660
  background-color: var(--ids-comp-radio-input-unselected-color-bg-dark-pressed);
661
661
  }
662
662
  .ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus, .ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible, .ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus, .ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible {
663
- border-color: var(--ids-comp-radio-input-unselected-color-border-dark-error-focused);
664
- background-color: var(--ids-comp-radio-input-unselected-color-bg-dark-focused);
663
+ border-color: var(--ids-comp-radio-input-unselected-color-border-dark-error-default);
664
+ background-color: var(--ids-comp-radio-input-unselected-color-bg-dark-default);
665
665
  }
666
666
  .ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled), .ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled) {
667
667
  border-color: var(--ids-comp-radio-input-selected-color-border-dark-error-default);
@@ -688,12 +688,12 @@
688
688
  background: var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-pressed);
689
689
  }
690
690
  .ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus, .ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible, .ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus, .ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible {
691
- border-color: var(--ids-comp-radio-input-selected-color-border-dark-error-focused);
692
- background-color: var(--ids-comp-radio-input-selected-color-bg-dark-focused);
691
+ border-color: var(--ids-comp-radio-input-selected-color-border-dark-error-default);
692
+ background-color: var(--ids-comp-radio-input-selected-color-bg-dark-default);
693
693
  }
694
694
  .ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus + .ids-radio-item__inner-circle, .ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible + .ids-radio-item__inner-circle, .ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus + .ids-radio-item__inner-circle, .ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible + .ids-radio-item__inner-circle {
695
- border-color: var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-focused);
696
- background: var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-focused);
695
+ border-color: var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-default);
696
+ background: var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-default);
697
697
  }
698
698
  .ids-radio-group.ng-invalid .ids-radio-item-dark:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover + input[type=radio]:not(:disabled), .ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover + input[type=radio]:not(:disabled) {
699
699
  border-color: var(--ids-comp-radio-input-selected-color-border-dark-error-hovered);
package/dist/radio/radio.min.css CHANGED
@@ -1 +1 @@
1
- .ids-radio-group{display:inline-flex;align-items:flex-start;justify-content:start}.ids-radio-group.ids-radio-group-horizontal{flex-direction:row}.ids-radio-group.ids-radio-group-vertical{flex-direction:column}.ids-radio-group.ids-radio-group-left{align-items:flex-end}.ids-radio-group.ids-radio-group-right{align-items:flex-start}.ids-radio-group .ids-radio-item{display:flex;align-items:center}.ids-radio-group .ids-radio-item.ids-radio-item-left{flex-direction:row-reverse;justify-content:start}.ids-radio-group .ids-radio-item.ids-radio-item-righ{flex-direction:row;justify-content:start}.ids-radio-group .ids-radio-item.ids-radio-item-top{flex-direction:column-reverse;align-items:center}.ids-radio-group .ids-radio-item.ids-radio-item-bottom{flex-direction:column;align-items:center}.ids-radio-group .ids-radio-item .ids-radio-item__input-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.ids-radio-group .ids-radio-item .ids-radio-item__input-wrapper .ids-radio-item__touch-target{position:absolute;cursor:pointer}.ids-radio-group .ids-radio-item .ids-radio-item__input-wrapper input[type=radio]{appearance:none;-webkit-appearance:none;flex-shrink:0;border-style:solid;margin:0;display:flex;justify-content:center;align-items:center;flex-shrink:0;cursor:pointer}.ids-radio-group .ids-radio-item .ids-radio-item__input-wrapper input[type=radio]+.ids-radio-item__inner-circle{position:absolute;flex-shrink:0;border-style:solid;height:0;width:0;border-width:0;cursor:pointer}.ids-radio-group .ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus,.ids-radio-group .ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus-visible{outline-offset:2px;outline-style:solid}.ids-radio-group .ids-radio-item .ids-radio-item__label{cursor:pointer}.ids-radio-group .ids-radio-item.ids-radio-item-disabled .ids-radio-item__input-wrapper .ids-radio-item__touch-target{cursor:not-allowed}.ids-radio-group .ids-radio-item.ids-radio-item-disabled .ids-radio-item__input-wrapper input[type=radio]{cursor:not-allowed}.ids-radio-group .ids-radio-item.ids-radio-item-disabled .ids-radio-item__input-wrapper input[type=radio]+.ids-radio-item__inner-circle{cursor:not-allowed}.ids-radio-group .ids-radio-item.ids-radio-item-disabled .ids-radio-item__label{cursor:not-allowed}.ids-radio-group .ids-radio-item .ids-radio-item__label{display:flex;justify-content:center;align-items:center;flex:1 0 0;font-style:normal}.ids-radio-group.ids-radio-group-compact.ids-radio-group-horizontal{padding:var(--ids-comp-radio-group-horizontal-container-size-padding-y-compact) var(--ids-comp-radio-group-horizontal-container-size-padding-x-compact);gap:var(--ids-comp-radio-group-horizontal-container-size-gap-compact)}.ids-radio-group.ids-radio-group-compact.ids-radio-group-vertical{padding:var(--ids-comp-radio-group-vertical-container-size-padding-y-compact) var(--ids-comp-radio-group-vertical-container-size-padding-x-compact);gap:var(--ids-comp-radio-group-vertical-container-size-gap-compact)}.ids-radio-group.ids-radio-group-compact>.ids-radio-item{padding:var(--ids-comp-radio-button-container-size-padding-y-compact) var(--ids-comp-radio-button-container-size-padding-x-compact);gap:var(--ids-comp-radio-button-container-size-gap-compact)}.ids-radio-group.ids-radio-group-compact>.ids-radio-item .ids-radio-item__input-wrapper .ids-radio-item__touch-target{top:calc((var(--ids-comp-radio-button-input-size-height-compact) - var(--ids-comp-radio-button-input-size-touchtarget-height-compact))/2);left:calc((var(--ids-comp-radio-button-input-size-width-compact) - var(--ids-comp-radio-button-input-size-touchtarget-width-compact))/2);height:var(--ids-comp-radio-button-input-size-touchtarget-height-compact);width:var(--ids-comp-radio-button-input-size-touchtarget-width-compact)}.ids-radio-group.ids-radio-group-compact>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]{width:var(--ids-comp-radio-button-input-size-width-compact);height:var(--ids-comp-radio-button-input-size-height-compact);border-radius:var(--ids-comp-radio-button-input-size-border-radius-compact);border-width:var(--ids-comp-radio-button-input-size-border-width-compact)}.ids-radio-group.ids-radio-group-compact>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:checked+.ids-radio-item__inner-circle{width:var(--ids-comp-radio-button-input-inner-circle-size-width-compact);height:var(--ids-comp-radio-button-input-inner-circle-size-height-compact);border-radius:var(--ids-comp-radio-button-input-inner-circle-size-border-radius-compact);border-width:var(--ids-comp-radio-button-input-inner-circle-size-border-width-compact)}.ids-radio-group.ids-radio-group-compact>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus{outline-width:var(--ids-comp-radio-focused-outline-outline-compact)}.ids-radio-group.ids-radio-group-compact>.ids-radio-item .ids-radio-item__label{padding:var(--ids-comp-radio-button-label-size-padding-y-compact) 0px;font-family:var(--ids-comp-radio-button-label-typography-font-family-compact);font-size:var(--ids-comp-radio-button-label-typography-font-size-compact);font-weight:var(--ids-comp-radio-button-label-typography-font-weight-compact);line-height:var(--ids-comp-radio-button-label-typography-line-height-compact);letter-spacing:var(--ids-comp-radio-button-label-typography-letter-spacing-compact)}.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-horizontal{padding:var(--ids-comp-radio-group-horizontal-container-size-padding-y-comfortable) var(--ids-comp-radio-group-horizontal-container-size-padding-x-comfortable);gap:var(--ids-comp-radio-group-horizontal-container-size-gap-comfortable)}.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-vertical{padding:var(--ids-comp-radio-group-vertical-container-size-padding-y-comfortable) var(--ids-comp-radio-group-vertical-container-size-padding-x-comfortable);gap:var(--ids-comp-radio-group-vertical-container-size-gap-comfortable)}.ids-radio-group.ids-radio-group-comfortable>.ids-radio-item{padding:var(--ids-comp-radio-button-container-size-padding-y-comfortable) var(--ids-comp-radio-button-container-size-padding-x-comfortable);gap:var(--ids-comp-radio-button-container-size-gap-comfortable)}.ids-radio-group.ids-radio-group-comfortable>.ids-radio-item .ids-radio-item__input-wrapper .ids-radio-item__touch-target{top:calc((var(--ids-comp-radio-button-input-size-height-comfortable) - var(--ids-comp-radio-button-input-size-touchtarget-height-comfortable))/2);left:calc((var(--ids-comp-radio-button-input-size-width-comfortable) - var(--ids-comp-radio-button-input-size-touchtarget-width-comfortable))/2);height:var(--ids-comp-radio-button-input-size-touchtarget-height-comfortable);width:var(--ids-comp-radio-button-input-size-touchtarget-width-comfortable)}.ids-radio-group.ids-radio-group-comfortable>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]{width:var(--ids-comp-radio-button-input-size-width-comfortable);height:var(--ids-comp-radio-button-input-size-height-comfortable);border-radius:var(--ids-comp-radio-button-input-size-border-radius-comfortable);border-width:var(--ids-comp-radio-button-input-size-border-width-comfortable)}.ids-radio-group.ids-radio-group-comfortable>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:checked+.ids-radio-item__inner-circle{width:var(--ids-comp-radio-button-input-inner-circle-size-width-comfortable);height:var(--ids-comp-radio-button-input-inner-circle-size-height-comfortable);border-radius:var(--ids-comp-radio-button-input-inner-circle-size-border-radius-comfortable);border-width:var(--ids-comp-radio-button-input-inner-circle-size-border-width-comfortable)}.ids-radio-group.ids-radio-group-comfortable>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus{outline-width:var(--ids-comp-radio-focused-outline-outline-comfortable)}.ids-radio-group.ids-radio-group-comfortable>.ids-radio-item .ids-radio-item__label{padding:var(--ids-comp-radio-button-label-size-padding-y-comfortable) 0px;font-family:var(--ids-comp-radio-button-label-typography-font-family-comfortable);font-size:var(--ids-comp-radio-button-label-typography-font-size-comfortable);font-weight:var(--ids-comp-radio-button-label-typography-font-weight-comfortable);line-height:var(--ids-comp-radio-button-label-typography-line-height-comfortable);letter-spacing:var(--ids-comp-radio-button-label-typography-letter-spacing-comfortable)}.ids-radio-group.ids-radio-group-spacious.ids-radio-group-horizontal{padding:var(--ids-comp-radio-group-horizontal-container-size-padding-y-spacious) var(--ids-comp-radio-group-horizontal-container-size-padding-x-spacious);gap:var(--ids-comp-radio-group-horizontal-container-size-gap-spacious)}.ids-radio-group.ids-radio-group-spacious.ids-radio-group-vertical{padding:var(--ids-comp-radio-group-vertical-container-size-padding-y-spacious) var(--ids-comp-radio-group-vertical-container-size-padding-x-spacious);gap:var(--ids-comp-radio-group-vertical-container-size-gap-spacious)}.ids-radio-group.ids-radio-group-spacious>.ids-radio-item{padding:var(--ids-comp-radio-button-container-size-padding-y-spacious) var(--ids-comp-radio-button-container-size-padding-x-spacious);gap:var(--ids-comp-radio-button-container-size-gap-spacious)}.ids-radio-group.ids-radio-group-spacious>.ids-radio-item .ids-radio-item__input-wrapper .ids-radio-item__touch-target{top:calc((var(--ids-comp-radio-button-input-size-height-spacious) - var(--ids-comp-radio-button-input-size-touchtarget-height-spacious))/2);left:calc((var(--ids-comp-radio-button-input-size-width-spacious) - var(--ids-comp-radio-button-input-size-touchtarget-width-spacious))/2);height:var(--ids-comp-radio-button-input-size-touchtarget-height-spacious);width:var(--ids-comp-radio-button-input-size-touchtarget-width-spacious)}.ids-radio-group.ids-radio-group-spacious>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]{width:var(--ids-comp-radio-button-input-size-width-spacious);height:var(--ids-comp-radio-button-input-size-height-spacious);border-radius:var(--ids-comp-radio-button-input-size-border-radius-spacious);border-width:var(--ids-comp-radio-button-input-size-border-width-spacious)}.ids-radio-group.ids-radio-group-spacious>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:checked+.ids-radio-item__inner-circle{width:var(--ids-comp-radio-button-input-inner-circle-size-width-spacious);height:var(--ids-comp-radio-button-input-inner-circle-size-height-spacious);border-radius:var(--ids-comp-radio-button-input-inner-circle-size-border-radius-spacious);border-width:var(--ids-comp-radio-button-input-inner-circle-size-border-width-spacious)}.ids-radio-group.ids-radio-group-spacious>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus{outline-width:var(--ids-comp-radio-focused-outline-outline-spacious)}.ids-radio-group.ids-radio-group-spacious>.ids-radio-item .ids-radio-item__label{padding:var(--ids-comp-radio-button-label-size-padding-y-spacious) 0px;font-family:var(--ids-comp-radio-button-label-typography-font-family-spacious);font-size:var(--ids-comp-radio-button-label-typography-font-size-spacious);font-weight:var(--ids-comp-radio-button-label-typography-font-weight-spacious);line-height:var(--ids-comp-radio-button-label-typography-line-height-spacious);letter-spacing:var(--ids-comp-radio-button-label-typography-letter-spacing-spacious)}.ids-radio-group.ids-radio-group-dense.ids-radio-group-horizontal{padding:var(--ids-comp-radio-group-horizontal-container-size-padding-y-dense) var(--ids-comp-radio-group-horizontal-container-size-padding-x-dense);gap:var(--ids-comp-radio-group-horizontal-container-size-gap-dense)}.ids-radio-group.ids-radio-group-dense.ids-radio-group-vertical{padding:var(--ids-comp-radio-group-vertical-container-size-padding-y-dense) var(--ids-comp-radio-group-vertical-container-size-padding-x-dense);gap:var(--ids-comp-radio-group-vertical-container-size-gap-dense)}.ids-radio-group.ids-radio-group-dense>.ids-radio-item{padding:var(--ids-comp-radio-button-container-size-padding-y-dense) var(--ids-comp-radio-button-container-size-padding-x-dense);gap:var(--ids-comp-radio-button-container-size-gap-dense)}.ids-radio-group.ids-radio-group-dense>.ids-radio-item .ids-radio-item__input-wrapper .ids-radio-item__touch-target{top:calc((var(--ids-comp-radio-button-input-size-height-dense) - var(--ids-comp-radio-button-input-size-touchtarget-height-dense))/2);left:calc((var(--ids-comp-radio-button-input-size-width-dense) - var(--ids-comp-radio-button-input-size-touchtarget-width-dense))/2);height:var(--ids-comp-radio-button-input-size-touchtarget-height-dense);width:var(--ids-comp-radio-button-input-size-touchtarget-width-dense)}.ids-radio-group.ids-radio-group-dense>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]{width:var(--ids-comp-radio-button-input-size-width-dense);height:var(--ids-comp-radio-button-input-size-height-dense);border-radius:var(--ids-comp-radio-button-input-size-border-radius-dense);border-width:var(--ids-comp-radio-button-input-size-border-width-dense)}.ids-radio-group.ids-radio-group-dense>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:checked+.ids-radio-item__inner-circle{width:var(--ids-comp-radio-button-input-inner-circle-size-width-dense);height:var(--ids-comp-radio-button-input-inner-circle-size-height-dense);border-radius:var(--ids-comp-radio-button-input-inner-circle-size-border-radius-dense);border-width:var(--ids-comp-radio-button-input-inner-circle-size-border-width-dense)}.ids-radio-group.ids-radio-group-dense>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus{outline-width:var(--ids-comp-radio-focused-outline-outline-dense)}.ids-radio-group.ids-radio-group-dense>.ids-radio-item .ids-radio-item__label{padding:var(--ids-comp-radio-button-label-size-padding-y-dense) 0px;font-family:var(--ids-comp-radio-button-label-typography-font-family-dense);font-size:var(--ids-comp-radio-button-label-typography-font-size-dense);font-weight:var(--ids-comp-radio-button-label-typography-font-weight-dense);line-height:var(--ids-comp-radio-button-label-typography-line-height-dense);letter-spacing:var(--ids-comp-radio-button-label-typography-letter-spacing-dense)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-surface-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-surface-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-default)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):hover{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):active{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-pressed);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-pressed)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-focused);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-focused);outline-color:var(--ids-comp-radio-input-unselected-color-focused-outline-surface-focused)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:disabled{border-color:var(--ids-comp-forms-form-field-standard-container-color-border-surface-disabled);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-disabled)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-surface-default);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-default)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-default)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover{border-color:var(--ids-comp-radio-input-selected-color-border-surface-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-hovered)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-hovered)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active{border-color:var(--ids-comp-radio-input-selected-color-border-surface-pressed);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-pressed)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-pressed);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-pressed)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-selected-color-border-surface-focused);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-focused);outline-color:var(--ids-comp-radio-input-selected-color-focused-outline-surface-focused)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio-item__inner-circle,.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-focused);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-focused)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:disabled{border-color:var(--ids-comp-forms-form-field-standard-container-color-border-surface-disabled);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-disabled)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:disabled+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-disabled);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-disabled)}.ids-radio-group .ids-radio-item-surface:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-surface-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-hovered)}.ids-radio-group .ids-radio-item-surface:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-hovered)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__label{color:var(--ids-comp-radio-label-color-fg-surface-default)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__label:hover{color:var(--ids-comp-radio-label-color-fg-surface-hovered)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__label:active{color:var(--ids-comp-radio-label-color-fg-surface-pressed)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__label:focus{color:var(--ids-comp-radio-label-color-fg-surface-focused)}.ids-radio-group .ids-radio-item-surface.ids-radio-item-disabled .ids-radio-item__label{color:var(--ids-comp-radio-label-color-fg-surface-disabled)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-light-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-hovered)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-light-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-default)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):hover{border-color:var(--ids-comp-radio-input-unselected-color-border-light-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-hovered)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):active{border-color:var(--ids-comp-radio-input-unselected-color-border-light-pressed);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-pressed)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-unselected-color-border-light-focused);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-focused);outline-color:var(--ids-comp-radio-input-unselected-color-focused-outline-light-focused)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:disabled{border-color:var(--ids-comp-forms-form-field-standard-container-color-border-light-disabled);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-disabled)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-light-default);background-color:var(--ids-comp-radio-input-selected-color-bg-light-default)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-default)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover{border-color:var(--ids-comp-radio-input-selected-color-border-light-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-light-hovered)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-hovered)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active{border-color:var(--ids-comp-radio-input-selected-color-border-light-pressed);background-color:var(--ids-comp-radio-input-selected-color-bg-light-pressed)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-pressed);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-pressed)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-selected-color-border-light-focused);background-color:var(--ids-comp-radio-input-selected-color-bg-light-focused);outline-color:var(--ids-comp-radio-input-selected-color-focused-outline-light-focused)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio-item__inner-circle,.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-focused);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-focused)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:disabled{border-color:var(--ids-comp-forms-form-field-standard-container-color-border-light-disabled);background-color:var(--ids-comp-radio-input-selected-color-bg-light-disabled)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:disabled+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-disabled);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-disabled)}.ids-radio-group .ids-radio-item-light:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-light-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-light-hovered)}.ids-radio-group .ids-radio-item-light:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-hovered)}.ids-radio-group .ids-radio-item-light .ids-radio-item__label{color:var(--ids-comp-radio-label-color-fg-light-default)}.ids-radio-group .ids-radio-item-light .ids-radio-item__label:hover{color:var(--ids-comp-radio-label-color-fg-light-hovered)}.ids-radio-group .ids-radio-item-light .ids-radio-item__label:active{color:var(--ids-comp-radio-label-color-fg-light-pressed)}.ids-radio-group .ids-radio-item-light .ids-radio-item__label:focus{color:var(--ids-comp-radio-label-color-fg-light-focused)}.ids-radio-group .ids-radio-item-light.ids-radio-item-disabled .ids-radio-item__label{color:var(--ids-comp-radio-label-color-fg-light-disabled)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-dark-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-dark-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-default)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):hover{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):active{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-pressed);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-pressed)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-focused);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-focused);outline-color:var(--ids-comp-radio-input-unselected-color-focused-outline-dark-focused)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:disabled{border-color:var(--ids-comp-forms-form-field-standard-container-color-border-dark-disabled);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-disabled)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-dark-default);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-default)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-default)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover{border-color:var(--ids-comp-radio-input-selected-color-border-dark-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-hovered)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-hovered)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active{border-color:var(--ids-comp-radio-input-selected-color-border-dark-pressed);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-pressed)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-pressed);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-pressed)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-selected-color-border-dark-focused);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-focused);outline-color:var(--ids-comp-radio-input-selected-color-focused-outline-dark-focused)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio-item__inner-circle,.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-focused);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-focused)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:disabled{border-color:var(--ids-comp-forms-form-field-standard-container-color-border-dark-disabled);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-disabled)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:disabled+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-disabled);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-disabled)}.ids-radio-group .ids-radio-item-dark:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-dark-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-hovered)}.ids-radio-group .ids-radio-item-dark:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-hovered)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__label{color:var(--ids-comp-radio-label-color-fg-dark-default)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__label:hover{color:var(--ids-comp-radio-label-color-fg-dark-hovered)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__label:active{color:var(--ids-comp-radio-label-color-fg-dark-pressed)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__label:focus{color:var(--ids-comp-radio-label-color-fg-dark-focused)}.ids-radio-group .ids-radio-item-dark.ids-radio-item-disabled .ids-radio-item__label{color:var(--ids-comp-radio-label-color-fg-dark-disabled)}.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-surface-error-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-surface-error-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-default)}.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):hover,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):hover{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-error-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):active,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):active{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-error-pressed);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-pressed)}.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-error-focused);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-focused)}.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-surface-error-default);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-default)}.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-default)}.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover{border-color:var(--ids-comp-radio-input-selected-color-border-surface-error-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active{border-color:var(--ids-comp-radio-input-selected-color-border-surface-error-pressed);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-pressed)}.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-pressed);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-pressed)}.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-selected-color-border-surface-error-focused);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-focused)}.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio-item__inner-circle,.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-focused);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-focused)}.ids-radio-group.ng-invalid .ids-radio-item-surface:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-surface-error-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-surface:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-light-error-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-light-error-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-default)}.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):hover,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):hover{border-color:var(--ids-comp-radio-input-unselected-color-border-light-error-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):active,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):active{border-color:var(--ids-comp-radio-input-unselected-color-border-light-error-pressed);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-pressed)}.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-unselected-color-border-light-error-focused);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-focused)}.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-light-error-default);background-color:var(--ids-comp-radio-input-selected-color-bg-light-default)}.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-default)}.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover{border-color:var(--ids-comp-radio-input-selected-color-border-light-error-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-light-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active{border-color:var(--ids-comp-radio-input-selected-color-border-light-error-pressed);background-color:var(--ids-comp-radio-input-selected-color-bg-light-pressed)}.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-pressed);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-pressed)}.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-selected-color-border-light-error-focused);background-color:var(--ids-comp-radio-input-selected-color-bg-light-focused)}.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio-item__inner-circle,.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-focused);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-focused)}.ids-radio-group.ng-invalid .ids-radio-item-light:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-light-error-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-light-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-light:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-dark-error-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-dark-error-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-default)}.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):hover,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):hover{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-error-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):active,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):active{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-error-pressed);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-pressed)}.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-error-focused);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-focused)}.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-dark-error-default);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-default)}.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-default)}.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover{border-color:var(--ids-comp-radio-input-selected-color-border-dark-error-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active{border-color:var(--ids-comp-radio-input-selected-color-border-dark-error-pressed);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-pressed)}.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-pressed);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-pressed)}.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-selected-color-border-dark-error-focused);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-focused)}.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio-item__inner-circle,.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-focused);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-focused)}.ids-radio-group.ng-invalid .ids-radio-item-dark:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-dark-error-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-dark:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-hovered)}
1
+ .ids-radio-group{display:inline-flex;align-items:flex-start;justify-content:start}.ids-radio-group.ids-radio-group-horizontal{flex-direction:row}.ids-radio-group.ids-radio-group-vertical{flex-direction:column}.ids-radio-group.ids-radio-group-left{align-items:flex-end}.ids-radio-group.ids-radio-group-right{align-items:flex-start}.ids-radio-group .ids-radio-item{display:flex;align-items:center}.ids-radio-group .ids-radio-item.ids-radio-item-left{flex-direction:row-reverse;justify-content:start}.ids-radio-group .ids-radio-item.ids-radio-item-righ{flex-direction:row;justify-content:start}.ids-radio-group .ids-radio-item.ids-radio-item-top{flex-direction:column-reverse;align-items:center}.ids-radio-group .ids-radio-item.ids-radio-item-bottom{flex-direction:column;align-items:center}.ids-radio-group .ids-radio-item .ids-radio-item__input-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.ids-radio-group .ids-radio-item .ids-radio-item__input-wrapper .ids-radio-item__touch-target{position:absolute;cursor:pointer}.ids-radio-group .ids-radio-item .ids-radio-item__input-wrapper input[type=radio]{appearance:none;-webkit-appearance:none;flex-shrink:0;border-style:solid;margin:0;display:flex;justify-content:center;align-items:center;flex-shrink:0;cursor:pointer}.ids-radio-group .ids-radio-item .ids-radio-item__input-wrapper input[type=radio]+.ids-radio-item__inner-circle{position:absolute;flex-shrink:0;border-style:solid;height:0;width:0;border-width:0;cursor:pointer}.ids-radio-group .ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus,.ids-radio-group .ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus-visible{outline-offset:2px;outline-style:solid}.ids-radio-group .ids-radio-item .ids-radio-item__label{cursor:pointer}.ids-radio-group .ids-radio-item.ids-radio-item-disabled .ids-radio-item__input-wrapper .ids-radio-item__touch-target{cursor:not-allowed}.ids-radio-group .ids-radio-item.ids-radio-item-disabled .ids-radio-item__input-wrapper input[type=radio]{cursor:not-allowed}.ids-radio-group .ids-radio-item.ids-radio-item-disabled .ids-radio-item__input-wrapper input[type=radio]+.ids-radio-item__inner-circle{cursor:not-allowed}.ids-radio-group .ids-radio-item.ids-radio-item-disabled .ids-radio-item__label{cursor:not-allowed}.ids-radio-group .ids-radio-item .ids-radio-item__label{display:flex;justify-content:center;align-items:center;flex:1 0 0;font-style:normal}.ids-radio-group.ids-radio-group-compact.ids-radio-group-horizontal{padding:var(--ids-comp-radio-group-horizontal-container-size-padding-y-compact) var(--ids-comp-radio-group-horizontal-container-size-padding-x-compact);gap:var(--ids-comp-radio-group-horizontal-container-size-gap-compact)}.ids-radio-group.ids-radio-group-compact.ids-radio-group-vertical{padding:var(--ids-comp-radio-group-vertical-container-size-padding-y-compact) var(--ids-comp-radio-group-vertical-container-size-padding-x-compact);gap:var(--ids-comp-radio-group-vertical-container-size-gap-compact)}.ids-radio-group.ids-radio-group-compact>.ids-radio-item{padding:var(--ids-comp-radio-button-container-size-padding-y-compact) var(--ids-comp-radio-button-container-size-padding-x-compact);gap:var(--ids-comp-radio-button-container-size-gap-compact)}.ids-radio-group.ids-radio-group-compact>.ids-radio-item .ids-radio-item__input-wrapper .ids-radio-item__touch-target{top:calc((var(--ids-comp-radio-button-input-size-height-compact) - var(--ids-comp-radio-button-input-size-touchtarget-height-compact))/2);left:calc((var(--ids-comp-radio-button-input-size-width-compact) - var(--ids-comp-radio-button-input-size-touchtarget-width-compact))/2);height:var(--ids-comp-radio-button-input-size-touchtarget-height-compact);width:var(--ids-comp-radio-button-input-size-touchtarget-width-compact)}.ids-radio-group.ids-radio-group-compact>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]{width:var(--ids-comp-radio-button-input-size-width-compact);height:var(--ids-comp-radio-button-input-size-height-compact);border-radius:var(--ids-comp-radio-button-input-size-border-radius-compact);border-width:var(--ids-comp-radio-button-input-size-border-width-compact)}.ids-radio-group.ids-radio-group-compact>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:checked+.ids-radio-item__inner-circle{width:var(--ids-comp-radio-button-input-inner-circle-size-width-compact);height:var(--ids-comp-radio-button-input-inner-circle-size-height-compact);border-radius:var(--ids-comp-radio-button-input-inner-circle-size-border-radius-compact);border-width:var(--ids-comp-radio-button-input-inner-circle-size-border-width-compact)}.ids-radio-group.ids-radio-group-compact>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus,.ids-radio-group.ids-radio-group-compact>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus-visible{outline-width:var(--ids-comp-radio-focused-outline-outline-compact)}.ids-radio-group.ids-radio-group-compact>.ids-radio-item .ids-radio-item__label{padding:var(--ids-comp-radio-button-label-size-padding-y-compact) 0px;font-family:var(--ids-comp-radio-button-label-typography-font-family-compact);font-size:var(--ids-comp-radio-button-label-typography-font-size-compact);font-weight:var(--ids-comp-radio-button-label-typography-font-weight-compact);line-height:var(--ids-comp-radio-button-label-typography-line-height-compact);letter-spacing:var(--ids-comp-radio-button-label-typography-letter-spacing-compact)}.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-horizontal{padding:var(--ids-comp-radio-group-horizontal-container-size-padding-y-comfortable) var(--ids-comp-radio-group-horizontal-container-size-padding-x-comfortable);gap:var(--ids-comp-radio-group-horizontal-container-size-gap-comfortable)}.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-vertical{padding:var(--ids-comp-radio-group-vertical-container-size-padding-y-comfortable) var(--ids-comp-radio-group-vertical-container-size-padding-x-comfortable);gap:var(--ids-comp-radio-group-vertical-container-size-gap-comfortable)}.ids-radio-group.ids-radio-group-comfortable>.ids-radio-item{padding:var(--ids-comp-radio-button-container-size-padding-y-comfortable) var(--ids-comp-radio-button-container-size-padding-x-comfortable);gap:var(--ids-comp-radio-button-container-size-gap-comfortable)}.ids-radio-group.ids-radio-group-comfortable>.ids-radio-item .ids-radio-item__input-wrapper .ids-radio-item__touch-target{top:calc((var(--ids-comp-radio-button-input-size-height-comfortable) - var(--ids-comp-radio-button-input-size-touchtarget-height-comfortable))/2);left:calc((var(--ids-comp-radio-button-input-size-width-comfortable) - var(--ids-comp-radio-button-input-size-touchtarget-width-comfortable))/2);height:var(--ids-comp-radio-button-input-size-touchtarget-height-comfortable);width:var(--ids-comp-radio-button-input-size-touchtarget-width-comfortable)}.ids-radio-group.ids-radio-group-comfortable>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]{width:var(--ids-comp-radio-button-input-size-width-comfortable);height:var(--ids-comp-radio-button-input-size-height-comfortable);border-radius:var(--ids-comp-radio-button-input-size-border-radius-comfortable);border-width:var(--ids-comp-radio-button-input-size-border-width-comfortable)}.ids-radio-group.ids-radio-group-comfortable>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:checked+.ids-radio-item__inner-circle{width:var(--ids-comp-radio-button-input-inner-circle-size-width-comfortable);height:var(--ids-comp-radio-button-input-inner-circle-size-height-comfortable);border-radius:var(--ids-comp-radio-button-input-inner-circle-size-border-radius-comfortable);border-width:var(--ids-comp-radio-button-input-inner-circle-size-border-width-comfortable)}.ids-radio-group.ids-radio-group-comfortable>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus,.ids-radio-group.ids-radio-group-comfortable>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus-visible{outline-width:var(--ids-comp-radio-focused-outline-outline-comfortable)}.ids-radio-group.ids-radio-group-comfortable>.ids-radio-item .ids-radio-item__label{padding:var(--ids-comp-radio-button-label-size-padding-y-comfortable) 0px;font-family:var(--ids-comp-radio-button-label-typography-font-family-comfortable);font-size:var(--ids-comp-radio-button-label-typography-font-size-comfortable);font-weight:var(--ids-comp-radio-button-label-typography-font-weight-comfortable);line-height:var(--ids-comp-radio-button-label-typography-line-height-comfortable);letter-spacing:var(--ids-comp-radio-button-label-typography-letter-spacing-comfortable)}.ids-radio-group.ids-radio-group-spacious.ids-radio-group-horizontal{padding:var(--ids-comp-radio-group-horizontal-container-size-padding-y-spacious) var(--ids-comp-radio-group-horizontal-container-size-padding-x-spacious);gap:var(--ids-comp-radio-group-horizontal-container-size-gap-spacious)}.ids-radio-group.ids-radio-group-spacious.ids-radio-group-vertical{padding:var(--ids-comp-radio-group-vertical-container-size-padding-y-spacious) var(--ids-comp-radio-group-vertical-container-size-padding-x-spacious);gap:var(--ids-comp-radio-group-vertical-container-size-gap-spacious)}.ids-radio-group.ids-radio-group-spacious>.ids-radio-item{padding:var(--ids-comp-radio-button-container-size-padding-y-spacious) var(--ids-comp-radio-button-container-size-padding-x-spacious);gap:var(--ids-comp-radio-button-container-size-gap-spacious)}.ids-radio-group.ids-radio-group-spacious>.ids-radio-item .ids-radio-item__input-wrapper .ids-radio-item__touch-target{top:calc((var(--ids-comp-radio-button-input-size-height-spacious) - var(--ids-comp-radio-button-input-size-touchtarget-height-spacious))/2);left:calc((var(--ids-comp-radio-button-input-size-width-spacious) - var(--ids-comp-radio-button-input-size-touchtarget-width-spacious))/2);height:var(--ids-comp-radio-button-input-size-touchtarget-height-spacious);width:var(--ids-comp-radio-button-input-size-touchtarget-width-spacious)}.ids-radio-group.ids-radio-group-spacious>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]{width:var(--ids-comp-radio-button-input-size-width-spacious);height:var(--ids-comp-radio-button-input-size-height-spacious);border-radius:var(--ids-comp-radio-button-input-size-border-radius-spacious);border-width:var(--ids-comp-radio-button-input-size-border-width-spacious)}.ids-radio-group.ids-radio-group-spacious>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:checked+.ids-radio-item__inner-circle{width:var(--ids-comp-radio-button-input-inner-circle-size-width-spacious);height:var(--ids-comp-radio-button-input-inner-circle-size-height-spacious);border-radius:var(--ids-comp-radio-button-input-inner-circle-size-border-radius-spacious);border-width:var(--ids-comp-radio-button-input-inner-circle-size-border-width-spacious)}.ids-radio-group.ids-radio-group-spacious>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus,.ids-radio-group.ids-radio-group-spacious>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus-visible{outline-width:var(--ids-comp-radio-focused-outline-outline-spacious)}.ids-radio-group.ids-radio-group-spacious>.ids-radio-item .ids-radio-item__label{padding:var(--ids-comp-radio-button-label-size-padding-y-spacious) 0px;font-family:var(--ids-comp-radio-button-label-typography-font-family-spacious);font-size:var(--ids-comp-radio-button-label-typography-font-size-spacious);font-weight:var(--ids-comp-radio-button-label-typography-font-weight-spacious);line-height:var(--ids-comp-radio-button-label-typography-line-height-spacious);letter-spacing:var(--ids-comp-radio-button-label-typography-letter-spacing-spacious)}.ids-radio-group.ids-radio-group-dense.ids-radio-group-horizontal{padding:var(--ids-comp-radio-group-horizontal-container-size-padding-y-dense) var(--ids-comp-radio-group-horizontal-container-size-padding-x-dense);gap:var(--ids-comp-radio-group-horizontal-container-size-gap-dense)}.ids-radio-group.ids-radio-group-dense.ids-radio-group-vertical{padding:var(--ids-comp-radio-group-vertical-container-size-padding-y-dense) var(--ids-comp-radio-group-vertical-container-size-padding-x-dense);gap:var(--ids-comp-radio-group-vertical-container-size-gap-dense)}.ids-radio-group.ids-radio-group-dense>.ids-radio-item{padding:var(--ids-comp-radio-button-container-size-padding-y-dense) var(--ids-comp-radio-button-container-size-padding-x-dense);gap:var(--ids-comp-radio-button-container-size-gap-dense)}.ids-radio-group.ids-radio-group-dense>.ids-radio-item .ids-radio-item__input-wrapper .ids-radio-item__touch-target{top:calc((var(--ids-comp-radio-button-input-size-height-dense) - var(--ids-comp-radio-button-input-size-touchtarget-height-dense))/2);left:calc((var(--ids-comp-radio-button-input-size-width-dense) - var(--ids-comp-radio-button-input-size-touchtarget-width-dense))/2);height:var(--ids-comp-radio-button-input-size-touchtarget-height-dense);width:var(--ids-comp-radio-button-input-size-touchtarget-width-dense)}.ids-radio-group.ids-radio-group-dense>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]{width:var(--ids-comp-radio-button-input-size-width-dense);height:var(--ids-comp-radio-button-input-size-height-dense);border-radius:var(--ids-comp-radio-button-input-size-border-radius-dense);border-width:var(--ids-comp-radio-button-input-size-border-width-dense)}.ids-radio-group.ids-radio-group-dense>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:checked+.ids-radio-item__inner-circle{width:var(--ids-comp-radio-button-input-inner-circle-size-width-dense);height:var(--ids-comp-radio-button-input-inner-circle-size-height-dense);border-radius:var(--ids-comp-radio-button-input-inner-circle-size-border-radius-dense);border-width:var(--ids-comp-radio-button-input-inner-circle-size-border-width-dense)}.ids-radio-group.ids-radio-group-dense>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus,.ids-radio-group.ids-radio-group-dense>.ids-radio-item .ids-radio-item__input-wrapper input[type=radio]:focus-visible{outline-width:var(--ids-comp-radio-focused-outline-outline-dense)}.ids-radio-group.ids-radio-group-dense>.ids-radio-item .ids-radio-item__label{padding:var(--ids-comp-radio-button-label-size-padding-y-dense) 0px;font-family:var(--ids-comp-radio-button-label-typography-font-family-dense);font-size:var(--ids-comp-radio-button-label-typography-font-size-dense);font-weight:var(--ids-comp-radio-button-label-typography-font-weight-dense);line-height:var(--ids-comp-radio-button-label-typography-line-height-dense);letter-spacing:var(--ids-comp-radio-button-label-typography-letter-spacing-dense)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-surface-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-surface-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-default)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):hover{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):active{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-pressed);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-pressed)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-default);outline-color:var(--ids-comp-radio-input-unselected-color-focused-outline-surface-focused)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:disabled{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-disabled);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-disabled)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-surface-default);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-default)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-default)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover{border-color:var(--ids-comp-radio-input-selected-color-border-surface-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-hovered)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-hovered)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active{border-color:var(--ids-comp-radio-input-selected-color-border-surface-pressed);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-pressed)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-pressed);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-pressed)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-selected-color-border-surface-default);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-default);outline-color:var(--ids-comp-radio-input-selected-color-focused-outline-surface-focused)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio-item__inner-circle,.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-default)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:disabled{border-color:var(--ids-comp-radio-input-selected-color-border-surface-disabled);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-disabled)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:disabled+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-disabled);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-disabled)}.ids-radio-group .ids-radio-item-surface:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-surface-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-hovered)}.ids-radio-group .ids-radio-item-surface:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-hovered)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__label{color:var(--ids-comp-radio-label-color-fg-surface-default)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__label:hover{color:var(--ids-comp-radio-label-color-fg-surface-hovered)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__label:active{color:var(--ids-comp-radio-label-color-fg-surface-pressed)}.ids-radio-group .ids-radio-item-surface .ids-radio-item__label:focus,.ids-radio-group .ids-radio-item-surface .ids-radio-item__label:focus-visible{color:var(--ids-comp-radio-label-color-fg-surface-focused)}.ids-radio-group .ids-radio-item-surface.ids-radio-item-disabled .ids-radio-item__label{color:var(--ids-comp-radio-label-color-fg-surface-disabled)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-light-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-hovered)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-light-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-default)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):hover{border-color:var(--ids-comp-radio-input-unselected-color-border-light-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-hovered)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):active{border-color:var(--ids-comp-radio-input-unselected-color-border-light-pressed);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-pressed)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-unselected-color-border-light-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-default);outline-color:var(--ids-comp-radio-input-unselected-color-focused-outline-light-focused)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:disabled{border-color:var(--ids-comp-radio-input-unselected-color-border-light-disabled);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-disabled)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-light-default);background-color:var(--ids-comp-radio-input-selected-color-bg-light-default)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-default)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover{border-color:var(--ids-comp-radio-input-selected-color-border-light-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-light-hovered)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-hovered)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active{border-color:var(--ids-comp-radio-input-selected-color-border-light-pressed);background-color:var(--ids-comp-radio-input-selected-color-bg-light-pressed)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-pressed);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-pressed)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-selected-color-border-light-default);background-color:var(--ids-comp-radio-input-selected-color-bg-light-default);outline-color:var(--ids-comp-radio-input-selected-color-focused-outline-light-focused)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio-item__inner-circle,.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-default)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:disabled{border-color:var(--ids-comp-radio-input-selected-color-border-light-disabled);background-color:var(--ids-comp-radio-input-selected-color-bg-light-disabled)}.ids-radio-group .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:disabled+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-disabled);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-disabled)}.ids-radio-group .ids-radio-item-light:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-light-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-light-hovered)}.ids-radio-group .ids-radio-item-light:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-hovered)}.ids-radio-group .ids-radio-item-light .ids-radio-item__label{color:var(--ids-comp-radio-label-color-fg-light-default)}.ids-radio-group .ids-radio-item-light .ids-radio-item__label:hover{color:var(--ids-comp-radio-label-color-fg-light-hovered)}.ids-radio-group .ids-radio-item-light .ids-radio-item__label:active{color:var(--ids-comp-radio-label-color-fg-light-pressed)}.ids-radio-group .ids-radio-item-light .ids-radio-item__label:focus,.ids-radio-group .ids-radio-item-light .ids-radio-item__label:focus-visible{color:var(--ids-comp-radio-label-color-fg-light-focused)}.ids-radio-group .ids-radio-item-light.ids-radio-item-disabled .ids-radio-item__label{color:var(--ids-comp-radio-label-color-fg-light-disabled)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-dark-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-dark-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-default)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):hover{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):active{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-pressed);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-pressed)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-default);outline-color:var(--ids-comp-radio-input-unselected-color-focused-outline-dark-focused)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:disabled{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-disabled);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-disabled)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-dark-default);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-default)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-default)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover{border-color:var(--ids-comp-radio-input-selected-color-border-dark-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-hovered)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-hovered)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active{border-color:var(--ids-comp-radio-input-selected-color-border-dark-pressed);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-pressed)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-pressed);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-pressed)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-selected-color-border-dark-default);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-default);outline-color:var(--ids-comp-radio-input-selected-color-focused-outline-dark-focused)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio-item__inner-circle,.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-default)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:disabled{border-color:var(--ids-comp-radio-input-selected-color-border-dark-disabled);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-disabled)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:disabled+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-disabled);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-disabled)}.ids-radio-group .ids-radio-item-dark:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-dark-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-hovered)}.ids-radio-group .ids-radio-item-dark:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-hovered)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__label{color:var(--ids-comp-radio-label-color-fg-dark-default)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__label:hover{color:var(--ids-comp-radio-label-color-fg-dark-hovered)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__label:active{color:var(--ids-comp-radio-label-color-fg-dark-pressed)}.ids-radio-group .ids-radio-item-dark .ids-radio-item__label:focus,.ids-radio-group .ids-radio-item-dark .ids-radio-item__label:focus-visible{color:var(--ids-comp-radio-label-color-fg-dark-focused)}.ids-radio-group .ids-radio-item-dark.ids-radio-item-disabled .ids-radio-item__label{color:var(--ids-comp-radio-label-color-fg-dark-disabled)}.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-surface-error-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-surface-error-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-default)}.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):hover,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):hover{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-error-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):active,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):active{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-error-pressed);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-pressed)}.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-error-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-default)}.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-surface-error-default);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-default)}.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-default)}.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover{border-color:var(--ids-comp-radio-input-selected-color-border-surface-error-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active{border-color:var(--ids-comp-radio-input-selected-color-border-surface-error-pressed);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-pressed)}.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-pressed);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-pressed)}.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-selected-color-border-surface-error-default);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-default)}.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio-item__inner-circle,.ids-radio-group.ng-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-default)}.ids-radio-group.ng-invalid .ids-radio-item-surface:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-surface-error-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-surface:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-surface:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-light-error-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-light-error-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-default)}.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):hover,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):hover{border-color:var(--ids-comp-radio-input-unselected-color-border-light-error-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):active,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):active{border-color:var(--ids-comp-radio-input-unselected-color-border-light-error-pressed);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-pressed)}.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-unselected-color-border-light-error-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-default)}.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-light-error-default);background-color:var(--ids-comp-radio-input-selected-color-bg-light-default)}.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-default)}.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover{border-color:var(--ids-comp-radio-input-selected-color-border-light-error-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-light-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active{border-color:var(--ids-comp-radio-input-selected-color-border-light-error-pressed);background-color:var(--ids-comp-radio-input-selected-color-bg-light-pressed)}.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-pressed);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-pressed)}.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-selected-color-border-light-error-default);background-color:var(--ids-comp-radio-input-selected-color-bg-light-default)}.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio-item__inner-circle,.ids-radio-group.ng-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-default)}.ids-radio-group.ng-invalid .ids-radio-item-light:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-light-error-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-light-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-light:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-light:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-dark-error-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-dark-error-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-default)}.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):hover,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):hover{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-error-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):active,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):active{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-error-pressed);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-pressed)}.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-error-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-default)}.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-dark-error-default);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-default)}.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-default)}.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover{border-color:var(--ids-comp-radio-input-selected-color-border-dark-error-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active{border-color:var(--ids-comp-radio-input-selected-color-border-dark-error-pressed);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-pressed)}.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-pressed);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-pressed)}.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-selected-color-border-dark-error-default);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-default)}.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio-item__inner-circle,.ids-radio-group.ng-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark .ids-radio-item__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-default)}.ids-radio-group.ng-invalid .ids-radio-item-dark:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-dark-error-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-hovered)}.ids-radio-group.ng-invalid .ids-radio-item-dark:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio-item__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-item-dark:has(input[type=radio]:checked) .ids-radio-item__input-wrapper .ids-radio-item__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio-item__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-hovered)}