@i-cell/ids-styles 0.0.33 → 0.0.34

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 (88) hide show
  1. package/dist/accordion/accordion.css +11 -0
  2. package/dist/accordion/accordion.min.css +1 -1
  3. package/dist/accordion/accordion.plugin.js +17 -1
  4. package/dist/avatar/avatar.css +11 -0
  5. package/dist/avatar/avatar.min.css +1 -1
  6. package/dist/avatar/avatar.plugin.js +11 -1
  7. package/dist/button/button-group.css +11 -0
  8. package/dist/button/button-group.min.css +1 -1
  9. package/dist/button/button-group.plugin.js +17 -1
  10. package/dist/button/button.css +11 -0
  11. package/dist/button/button.min.css +1 -1
  12. package/dist/button/button.plugin.js +11 -1
  13. package/dist/card/card.css +11 -0
  14. package/dist/card/card.min.css +1 -1
  15. package/dist/card/card.plugin.js +14 -1
  16. package/dist/checkbox/checkbox.css +11 -0
  17. package/dist/checkbox/checkbox.min.css +1 -1
  18. package/dist/checkbox/checkbox.plugin.js +16 -1
  19. package/dist/components.css +468 -94
  20. package/dist/components.min.css +1 -1
  21. package/dist/components.plugin.js +585 -168
  22. package/dist/dialog/dialog.css +15 -1
  23. package/dist/dialog/dialog.min.css +1 -1
  24. package/dist/dialog/dialog.plugin.js +16 -9
  25. package/dist/divider/divider.css +11 -0
  26. package/dist/divider/divider.min.css +1 -1
  27. package/dist/divider/divider.plugin.js +16 -1
  28. package/dist/form-elements/fieldset/fieldset.css +11 -0
  29. package/dist/form-elements/fieldset/fieldset.min.css +1 -1
  30. package/dist/form-elements/fieldset/fieldset.plugin.js +10 -2
  31. package/dist/form-elements/form-field/form-field.css +11 -0
  32. package/dist/form-elements/form-field/form-field.min.css +1 -1
  33. package/dist/form-elements/form-field/form-field.plugin.js +16 -1
  34. package/dist/form-elements/message/message.css +11 -0
  35. package/dist/form-elements/message/message.min.css +1 -1
  36. package/dist/form-elements/message/message.plugin.js +17 -1
  37. package/dist/icon/icon.css +11 -0
  38. package/dist/icon/icon.min.css +1 -1
  39. package/dist/icon/icon.plugin.js +11 -0
  40. package/dist/icon-button/icon-button.css +11 -0
  41. package/dist/icon-button/icon-button.min.css +1 -1
  42. package/dist/icon-button/icon-button.plugin.js +11 -1
  43. package/dist/menu-item/menu-item.css +85 -0
  44. package/dist/menu-item/menu-item.min.css +1 -1
  45. package/dist/menu-item/menu-item.plugin.js +91 -1
  46. package/dist/notification/notification.css +13 -0
  47. package/dist/notification/notification.min.css +1 -1
  48. package/dist/notification/notification.plugin.js +13 -0
  49. package/dist/overlay-panel/overlay-panel.css +11 -0
  50. package/dist/overlay-panel/overlay-panel.min.css +1 -1
  51. package/dist/overlay-panel/overlay-panel.plugin.js +16 -1
  52. package/dist/paginator/paginator.css +11 -0
  53. package/dist/paginator/paginator.min.css +1 -1
  54. package/dist/paginator/paginator.plugin.js +14 -1
  55. package/dist/radio/radio.css +11 -0
  56. package/dist/radio/radio.min.css +1 -1
  57. package/dist/radio/radio.plugin.js +16 -1
  58. package/dist/reset.css +0 -0
  59. package/dist/reset.min.css +0 -0
  60. package/dist/reset.plugin.js +8 -0
  61. package/dist/segmented-control/segmented-control.css +11 -0
  62. package/dist/segmented-control/segmented-control.min.css +1 -1
  63. package/dist/segmented-control/segmented-control.plugin.js +13 -1
  64. package/dist/segmented-control-toggle/segmented-control-toggle.css +11 -0
  65. package/dist/segmented-control-toggle/segmented-control-toggle.min.css +1 -1
  66. package/dist/segmented-control-toggle/segmented-control-toggle.plugin.js +13 -1
  67. package/dist/select/select.css +11 -0
  68. package/dist/select/select.min.css +1 -1
  69. package/dist/select/select.plugin.js +14 -1
  70. package/dist/snackbar/snackbar.css +11 -0
  71. package/dist/snackbar/snackbar.min.css +1 -1
  72. package/dist/snackbar/snackbar.plugin.js +10 -1
  73. package/dist/switch/switch.css +11 -0
  74. package/dist/switch/switch.min.css +1 -1
  75. package/dist/switch/switch.plugin.js +15 -1
  76. package/dist/tab/tab.css +102 -92
  77. package/dist/tab/tab.min.css +1 -1
  78. package/dist/tab/tab.plugin.js +141 -135
  79. package/dist/table/table.css +11 -1
  80. package/dist/table/table.min.css +1 -1
  81. package/dist/table/table.plugin.js +16 -1
  82. package/dist/tag/tag.css +11 -0
  83. package/dist/tag/tag.min.css +1 -1
  84. package/dist/tag/tag.plugin.js +16 -1
  85. package/dist/tooltip/tooltip.css +11 -0
  86. package/dist/tooltip/tooltip.min.css +1 -1
  87. package/dist/tooltip/tooltip.plugin.js +14 -1
  88. package/package.json +1 -1
package/dist/switch/switch.min.css CHANGED
@@ -1 +1 @@
1
- .ids-switch-group{display:flex;flex-direction:column}.ids-switch-group.ids-switch-group-compact{gap:var(--ids-comp-switch-group-container-size-gap-compact);padding:var(--ids-comp-switch-group-container-size-padding-y-compact) var(--ids-comp-switch-group-container-size-padding-x-compact)}.ids-switch-group.ids-switch-group-comfortable{gap:var(--ids-comp-switch-group-container-size-gap-comfortable);padding:var(--ids-comp-switch-group-container-size-padding-y-comfortable) var(--ids-comp-switch-group-container-size-padding-x-comfortable)}.ids-switch-group.ids-switch-group-spacious{gap:var(--ids-comp-switch-group-container-size-gap-spacious);padding:var(--ids-comp-switch-group-container-size-padding-y-spacious) var(--ids-comp-switch-group-container-size-padding-x-spacious)}.ids-switch-group.ids-switch-group-dense{gap:var(--ids-comp-switch-group-container-size-gap-dense);padding:var(--ids-comp-switch-group-container-size-padding-y-dense) var(--ids-comp-switch-group-container-size-padding-x-dense)}.ids-switch{display:inline-flex;align-items:center}.ids-switch>.ids-switch__button{background:none;border:none;margin:0;padding:0;cursor:pointer}.ids-switch>.ids-switch__button:disabled{pointer-events:none}.ids-switch>.ids-switch__button:focus,.ids-switch>.ids-switch__button:focus-visible{outline-offset:2px;outline-style:solid}.ids-switch>.ids-switch__button>.ids-switch__track{position:relative;display:flex;align-items:center;justify-content:space-between}.ids-switch>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon{position:absolute;display:flex;align-items:center;justify-content:center;top:auto;bottom:auto}.ids-switch>.ids-switch__button>.ids-switch__track>.ids-switch__handle{position:relative;display:flex;justify-content:center;align-items:center;flex-shrink:0}.ids-switch>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{position:absolute}.ids-switch>.ids-switch__label{font-style:normal;flex-grow:1}.ids-switch.ids-switch-label-right{flex-direction:row}.ids-switch.ids-switch-label-left{flex-direction:row-reverse}.ids-switch.ids-switch-compact{gap:var(--ids-comp-switch-container-size-gap-compact)}.ids-switch.ids-switch-compact>.ids-switch__button{border-radius:var(--ids-comp-switch-handle-size-border-radius-compact)}.ids-switch.ids-switch-compact>.ids-switch__button:focus,.ids-switch.ids-switch-compact>.ids-switch__button:focus-visible{outline-width:var(--ids-comp-switch-focused-outline-outline-compact)}.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track{width:var(--ids-comp-switch-track-size-width-compact);height:calc(var(--ids-comp-switch-handle-size-height-compact) + var(--ids-comp-switch-track-size-padding-y-compact)*2);padding:var(--ids-comp-switch-track-size-padding-y-compact) var(--ids-comp-switch-track-size-padding-x-compact);border-radius:var(--ids-comp-switch-track-size-border-radius-compact);box-sizing:border-box}.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(1){left:var(--ids-comp-switch-track-size-padding-x-compact)}.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(2){right:var(--ids-comp-switch-track-size-padding-x-compact)}.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__handle{border-radius:var(--ids-comp-switch-handle-size-border-radius-compact);transition:left 100ms ease-in-out}.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon,.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__handle{width:var(--ids-comp-switch-handle-size-width-compact);height:var(--ids-comp-switch-handle-size-height-compact)}.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{width:var(--ids-comp-switch-icon-size-width-compact);height:var(--ids-comp-switch-icon-size-height-compact);font-size:var(--ids-comp-switch-icon-typography-font-size-compact);font-weight:var(--ids-comp-switch-icon-typography-font-weight-compact);line-height:var(--ids-comp-switch-icon-typography-line-height-compact)}.ids-switch.ids-switch-compact>.ids-switch__label{font-family:var(--ids-comp-switch-label-typography-font-family-compact);font-size:var(--ids-comp-switch-label-typography-font-size-compact);font-weight:var(--ids-comp-switch-label-typography-font-weight-compact);line-height:var(--ids-comp-switch-label-typography-line-height-compact);letter-spacing:var(--ids-comp-switch-label-typography-letter-spacing-compact)}.ids-switch.ids-switch-compact:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:0}.ids-switch.ids-switch-compact.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:calc(var(--ids-comp-switch-track-size-width-compact) - var(--ids-comp-switch-handle-size-width-compact) - 2*var(--ids-comp-switch-track-size-padding-x-compact))}.ids-switch.ids-switch-comfortable{gap:var(--ids-comp-switch-container-size-gap-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__button{border-radius:var(--ids-comp-switch-handle-size-border-radius-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__button:focus,.ids-switch.ids-switch-comfortable>.ids-switch__button:focus-visible{outline-width:var(--ids-comp-switch-focused-outline-outline-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track{width:var(--ids-comp-switch-track-size-width-comfortable);height:calc(var(--ids-comp-switch-handle-size-height-comfortable) + var(--ids-comp-switch-track-size-padding-y-comfortable)*2);padding:var(--ids-comp-switch-track-size-padding-y-comfortable) var(--ids-comp-switch-track-size-padding-x-comfortable);border-radius:var(--ids-comp-switch-track-size-border-radius-comfortable);box-sizing:border-box}.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(1){left:var(--ids-comp-switch-track-size-padding-x-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(2){right:var(--ids-comp-switch-track-size-padding-x-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__handle{border-radius:var(--ids-comp-switch-handle-size-border-radius-comfortable);transition:left 100ms ease-in-out}.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon,.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__handle{width:var(--ids-comp-switch-handle-size-width-comfortable);height:var(--ids-comp-switch-handle-size-height-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{width:var(--ids-comp-switch-icon-size-width-comfortable);height:var(--ids-comp-switch-icon-size-height-comfortable);font-size:var(--ids-comp-switch-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-switch-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-switch-icon-typography-line-height-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__label{font-family:var(--ids-comp-switch-label-typography-font-family-comfortable);font-size:var(--ids-comp-switch-label-typography-font-size-comfortable);font-weight:var(--ids-comp-switch-label-typography-font-weight-comfortable);line-height:var(--ids-comp-switch-label-typography-line-height-comfortable);letter-spacing:var(--ids-comp-switch-label-typography-letter-spacing-comfortable)}.ids-switch.ids-switch-comfortable:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:0}.ids-switch.ids-switch-comfortable.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:calc(var(--ids-comp-switch-track-size-width-comfortable) - var(--ids-comp-switch-handle-size-width-comfortable) - 2*var(--ids-comp-switch-track-size-padding-x-comfortable))}.ids-switch.ids-switch-spacious{gap:var(--ids-comp-switch-container-size-gap-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__button{border-radius:var(--ids-comp-switch-handle-size-border-radius-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__button:focus,.ids-switch.ids-switch-spacious>.ids-switch__button:focus-visible{outline-width:var(--ids-comp-switch-focused-outline-outline-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track{width:var(--ids-comp-switch-track-size-width-spacious);height:calc(var(--ids-comp-switch-handle-size-height-spacious) + var(--ids-comp-switch-track-size-padding-y-spacious)*2);padding:var(--ids-comp-switch-track-size-padding-y-spacious) var(--ids-comp-switch-track-size-padding-x-spacious);border-radius:var(--ids-comp-switch-track-size-border-radius-spacious);box-sizing:border-box}.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(1){left:var(--ids-comp-switch-track-size-padding-x-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(2){right:var(--ids-comp-switch-track-size-padding-x-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__handle{border-radius:var(--ids-comp-switch-handle-size-border-radius-spacious);transition:left 100ms ease-in-out}.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon,.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__handle{width:var(--ids-comp-switch-handle-size-width-spacious);height:var(--ids-comp-switch-handle-size-height-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{width:var(--ids-comp-switch-icon-size-width-spacious);height:var(--ids-comp-switch-icon-size-height-spacious);font-size:var(--ids-comp-switch-icon-typography-font-size-spacious);font-weight:var(--ids-comp-switch-icon-typography-font-weight-spacious);line-height:var(--ids-comp-switch-icon-typography-line-height-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__label{font-family:var(--ids-comp-switch-label-typography-font-family-spacious);font-size:var(--ids-comp-switch-label-typography-font-size-spacious);font-weight:var(--ids-comp-switch-label-typography-font-weight-spacious);line-height:var(--ids-comp-switch-label-typography-line-height-spacious);letter-spacing:var(--ids-comp-switch-label-typography-letter-spacing-spacious)}.ids-switch.ids-switch-spacious:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:0}.ids-switch.ids-switch-spacious.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:calc(var(--ids-comp-switch-track-size-width-spacious) - var(--ids-comp-switch-handle-size-width-spacious) - 2*var(--ids-comp-switch-track-size-padding-x-spacious))}.ids-switch.ids-switch-dense{gap:var(--ids-comp-switch-container-size-gap-dense)}.ids-switch.ids-switch-dense>.ids-switch__button{border-radius:var(--ids-comp-switch-handle-size-border-radius-dense)}.ids-switch.ids-switch-dense>.ids-switch__button:focus,.ids-switch.ids-switch-dense>.ids-switch__button:focus-visible{outline-width:var(--ids-comp-switch-focused-outline-outline-dense)}.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track{width:var(--ids-comp-switch-track-size-width-dense);height:calc(var(--ids-comp-switch-handle-size-height-dense) + var(--ids-comp-switch-track-size-padding-y-dense)*2);padding:var(--ids-comp-switch-track-size-padding-y-dense) var(--ids-comp-switch-track-size-padding-x-dense);border-radius:var(--ids-comp-switch-track-size-border-radius-dense);box-sizing:border-box}.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(1){left:var(--ids-comp-switch-track-size-padding-x-dense)}.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(2){right:var(--ids-comp-switch-track-size-padding-x-dense)}.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__handle{border-radius:var(--ids-comp-switch-handle-size-border-radius-dense);transition:left 100ms ease-in-out}.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon,.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__handle{width:var(--ids-comp-switch-handle-size-width-dense);height:var(--ids-comp-switch-handle-size-height-dense)}.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{width:var(--ids-comp-switch-icon-size-width-dense);height:var(--ids-comp-switch-icon-size-height-dense);font-size:var(--ids-comp-switch-icon-typography-font-size-dense);font-weight:var(--ids-comp-switch-icon-typography-font-weight-dense);line-height:var(--ids-comp-switch-icon-typography-line-height-dense)}.ids-switch.ids-switch-dense>.ids-switch__label{font-family:var(--ids-comp-switch-label-typography-font-family-dense);font-size:var(--ids-comp-switch-label-typography-font-size-dense);font-weight:var(--ids-comp-switch-label-typography-font-weight-dense);line-height:var(--ids-comp-switch-label-typography-line-height-dense);letter-spacing:var(--ids-comp-switch-label-typography-letter-spacing-dense)}.ids-switch.ids-switch-dense:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:0}.ids-switch.ids-switch-dense.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:calc(var(--ids-comp-switch-track-size-width-dense) - var(--ids-comp-switch-handle-size-width-dense) - 2*var(--ids-comp-switch-track-size-padding-x-dense))}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-surface-hovered)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-surface-hovered)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-surface-pressed)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-surface-pressed)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible{outline-color:var(--ids-comp-switch-focused-outline-color-surface-focused)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-surface-focused)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus+.ids-switch__label,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-surface-focused)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-surface-hovered)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-surface-pressed)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-surface-focused)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface.ids-switch-disabled>.ids-switch__button+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-surface-disabled)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-light-hovered)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-light-hovered)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-light-pressed)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-light-pressed)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible{outline-color:var(--ids-comp-switch-focused-outline-color-light-focused)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-light-focused)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus+.ids-switch__label,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-light-focused)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-light-hovered)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-light-pressed)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-light-focused)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light.ids-switch-disabled>.ids-switch__button+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-light-disabled)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-primary-hovered)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-primary-hovered)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-primary-pressed)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-primary-pressed)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible{outline-color:var(--ids-comp-switch-focused-outline-color-primary-focused)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-primary-focused)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus+.ids-switch__label,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-primary-focused)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-primary-hovered)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-primary-pressed)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-primary-focused)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary.ids-switch-disabled>.ids-switch__button+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-primary-disabled)}.ids-switch.ids-switch-disabled{cursor:not-allowed}
1
+ .ids-switch-group{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:flex;flex-direction:column}.ids-switch-group::before,.ids-switch-group::after,.ids-switch-group *,.ids-switch-group ::before,.ids-switch-group ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-switch-group.ids-switch-group-compact{gap:var(--ids-comp-switch-group-container-size-gap-compact);padding:var(--ids-comp-switch-group-container-size-padding-y-compact) var(--ids-comp-switch-group-container-size-padding-x-compact)}.ids-switch-group.ids-switch-group-comfortable{gap:var(--ids-comp-switch-group-container-size-gap-comfortable);padding:var(--ids-comp-switch-group-container-size-padding-y-comfortable) var(--ids-comp-switch-group-container-size-padding-x-comfortable)}.ids-switch-group.ids-switch-group-spacious{gap:var(--ids-comp-switch-group-container-size-gap-spacious);padding:var(--ids-comp-switch-group-container-size-padding-y-spacious) var(--ids-comp-switch-group-container-size-padding-x-spacious)}.ids-switch-group.ids-switch-group-dense{gap:var(--ids-comp-switch-group-container-size-gap-dense);padding:var(--ids-comp-switch-group-container-size-padding-y-dense) var(--ids-comp-switch-group-container-size-padding-x-dense)}.ids-switch{display:inline-flex;align-items:center}.ids-switch>.ids-switch__button{background:none;border:none;margin:0;padding:0;cursor:pointer}.ids-switch>.ids-switch__button:disabled{pointer-events:none}.ids-switch>.ids-switch__button:focus,.ids-switch>.ids-switch__button:focus-visible{outline-offset:2px;outline-style:solid}.ids-switch>.ids-switch__button>.ids-switch__track{position:relative;display:flex;align-items:center;justify-content:space-between}.ids-switch>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon{position:absolute;display:flex;align-items:center;justify-content:center;top:auto;bottom:auto}.ids-switch>.ids-switch__button>.ids-switch__track>.ids-switch__handle{position:relative;display:flex;justify-content:center;align-items:center;flex-shrink:0}.ids-switch>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{position:absolute}.ids-switch>.ids-switch__label{font-style:normal;flex-grow:1}.ids-switch.ids-switch-label-right{flex-direction:row}.ids-switch.ids-switch-label-left{flex-direction:row-reverse}.ids-switch.ids-switch-compact{gap:var(--ids-comp-switch-container-size-gap-compact)}.ids-switch.ids-switch-compact>.ids-switch__button{border-radius:var(--ids-comp-switch-handle-size-border-radius-compact)}.ids-switch.ids-switch-compact>.ids-switch__button:focus,.ids-switch.ids-switch-compact>.ids-switch__button:focus-visible{outline-width:var(--ids-comp-switch-focused-outline-outline-compact)}.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track{width:var(--ids-comp-switch-track-size-width-compact);height:calc(var(--ids-comp-switch-handle-size-height-compact) + var(--ids-comp-switch-track-size-padding-y-compact)*2);padding:var(--ids-comp-switch-track-size-padding-y-compact) var(--ids-comp-switch-track-size-padding-x-compact);border-radius:var(--ids-comp-switch-track-size-border-radius-compact);box-sizing:border-box}.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(1){left:var(--ids-comp-switch-track-size-padding-x-compact)}.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(2){right:var(--ids-comp-switch-track-size-padding-x-compact)}.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__handle{border-radius:var(--ids-comp-switch-handle-size-border-radius-compact);transition:left 100ms ease-in-out}.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon,.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__handle{width:var(--ids-comp-switch-handle-size-width-compact);height:var(--ids-comp-switch-handle-size-height-compact)}.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{width:var(--ids-comp-switch-icon-size-width-compact);height:var(--ids-comp-switch-icon-size-height-compact);font-size:var(--ids-comp-switch-icon-typography-font-size-compact);font-weight:var(--ids-comp-switch-icon-typography-font-weight-compact);line-height:var(--ids-comp-switch-icon-typography-line-height-compact)}.ids-switch.ids-switch-compact>.ids-switch__label{font-family:var(--ids-comp-switch-label-typography-font-family-compact);font-size:var(--ids-comp-switch-label-typography-font-size-compact);font-weight:var(--ids-comp-switch-label-typography-font-weight-compact);line-height:var(--ids-comp-switch-label-typography-line-height-compact);letter-spacing:var(--ids-comp-switch-label-typography-letter-spacing-compact)}.ids-switch.ids-switch-compact:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:0}.ids-switch.ids-switch-compact.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:calc(var(--ids-comp-switch-track-size-width-compact) - var(--ids-comp-switch-handle-size-width-compact) - 2*var(--ids-comp-switch-track-size-padding-x-compact))}.ids-switch.ids-switch-comfortable{gap:var(--ids-comp-switch-container-size-gap-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__button{border-radius:var(--ids-comp-switch-handle-size-border-radius-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__button:focus,.ids-switch.ids-switch-comfortable>.ids-switch__button:focus-visible{outline-width:var(--ids-comp-switch-focused-outline-outline-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track{width:var(--ids-comp-switch-track-size-width-comfortable);height:calc(var(--ids-comp-switch-handle-size-height-comfortable) + var(--ids-comp-switch-track-size-padding-y-comfortable)*2);padding:var(--ids-comp-switch-track-size-padding-y-comfortable) var(--ids-comp-switch-track-size-padding-x-comfortable);border-radius:var(--ids-comp-switch-track-size-border-radius-comfortable);box-sizing:border-box}.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(1){left:var(--ids-comp-switch-track-size-padding-x-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(2){right:var(--ids-comp-switch-track-size-padding-x-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__handle{border-radius:var(--ids-comp-switch-handle-size-border-radius-comfortable);transition:left 100ms ease-in-out}.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon,.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__handle{width:var(--ids-comp-switch-handle-size-width-comfortable);height:var(--ids-comp-switch-handle-size-height-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{width:var(--ids-comp-switch-icon-size-width-comfortable);height:var(--ids-comp-switch-icon-size-height-comfortable);font-size:var(--ids-comp-switch-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-switch-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-switch-icon-typography-line-height-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__label{font-family:var(--ids-comp-switch-label-typography-font-family-comfortable);font-size:var(--ids-comp-switch-label-typography-font-size-comfortable);font-weight:var(--ids-comp-switch-label-typography-font-weight-comfortable);line-height:var(--ids-comp-switch-label-typography-line-height-comfortable);letter-spacing:var(--ids-comp-switch-label-typography-letter-spacing-comfortable)}.ids-switch.ids-switch-comfortable:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:0}.ids-switch.ids-switch-comfortable.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:calc(var(--ids-comp-switch-track-size-width-comfortable) - var(--ids-comp-switch-handle-size-width-comfortable) - 2*var(--ids-comp-switch-track-size-padding-x-comfortable))}.ids-switch.ids-switch-spacious{gap:var(--ids-comp-switch-container-size-gap-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__button{border-radius:var(--ids-comp-switch-handle-size-border-radius-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__button:focus,.ids-switch.ids-switch-spacious>.ids-switch__button:focus-visible{outline-width:var(--ids-comp-switch-focused-outline-outline-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track{width:var(--ids-comp-switch-track-size-width-spacious);height:calc(var(--ids-comp-switch-handle-size-height-spacious) + var(--ids-comp-switch-track-size-padding-y-spacious)*2);padding:var(--ids-comp-switch-track-size-padding-y-spacious) var(--ids-comp-switch-track-size-padding-x-spacious);border-radius:var(--ids-comp-switch-track-size-border-radius-spacious);box-sizing:border-box}.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(1){left:var(--ids-comp-switch-track-size-padding-x-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(2){right:var(--ids-comp-switch-track-size-padding-x-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__handle{border-radius:var(--ids-comp-switch-handle-size-border-radius-spacious);transition:left 100ms ease-in-out}.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon,.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__handle{width:var(--ids-comp-switch-handle-size-width-spacious);height:var(--ids-comp-switch-handle-size-height-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{width:var(--ids-comp-switch-icon-size-width-spacious);height:var(--ids-comp-switch-icon-size-height-spacious);font-size:var(--ids-comp-switch-icon-typography-font-size-spacious);font-weight:var(--ids-comp-switch-icon-typography-font-weight-spacious);line-height:var(--ids-comp-switch-icon-typography-line-height-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__label{font-family:var(--ids-comp-switch-label-typography-font-family-spacious);font-size:var(--ids-comp-switch-label-typography-font-size-spacious);font-weight:var(--ids-comp-switch-label-typography-font-weight-spacious);line-height:var(--ids-comp-switch-label-typography-line-height-spacious);letter-spacing:var(--ids-comp-switch-label-typography-letter-spacing-spacious)}.ids-switch.ids-switch-spacious:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:0}.ids-switch.ids-switch-spacious.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:calc(var(--ids-comp-switch-track-size-width-spacious) - var(--ids-comp-switch-handle-size-width-spacious) - 2*var(--ids-comp-switch-track-size-padding-x-spacious))}.ids-switch.ids-switch-dense{gap:var(--ids-comp-switch-container-size-gap-dense)}.ids-switch.ids-switch-dense>.ids-switch__button{border-radius:var(--ids-comp-switch-handle-size-border-radius-dense)}.ids-switch.ids-switch-dense>.ids-switch__button:focus,.ids-switch.ids-switch-dense>.ids-switch__button:focus-visible{outline-width:var(--ids-comp-switch-focused-outline-outline-dense)}.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track{width:var(--ids-comp-switch-track-size-width-dense);height:calc(var(--ids-comp-switch-handle-size-height-dense) + var(--ids-comp-switch-track-size-padding-y-dense)*2);padding:var(--ids-comp-switch-track-size-padding-y-dense) var(--ids-comp-switch-track-size-padding-x-dense);border-radius:var(--ids-comp-switch-track-size-border-radius-dense);box-sizing:border-box}.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(1){left:var(--ids-comp-switch-track-size-padding-x-dense)}.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(2){right:var(--ids-comp-switch-track-size-padding-x-dense)}.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__handle{border-radius:var(--ids-comp-switch-handle-size-border-radius-dense);transition:left 100ms ease-in-out}.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon,.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__handle{width:var(--ids-comp-switch-handle-size-width-dense);height:var(--ids-comp-switch-handle-size-height-dense)}.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{width:var(--ids-comp-switch-icon-size-width-dense);height:var(--ids-comp-switch-icon-size-height-dense);font-size:var(--ids-comp-switch-icon-typography-font-size-dense);font-weight:var(--ids-comp-switch-icon-typography-font-weight-dense);line-height:var(--ids-comp-switch-icon-typography-line-height-dense)}.ids-switch.ids-switch-dense>.ids-switch__label{font-family:var(--ids-comp-switch-label-typography-font-family-dense);font-size:var(--ids-comp-switch-label-typography-font-size-dense);font-weight:var(--ids-comp-switch-label-typography-font-weight-dense);line-height:var(--ids-comp-switch-label-typography-line-height-dense);letter-spacing:var(--ids-comp-switch-label-typography-letter-spacing-dense)}.ids-switch.ids-switch-dense:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:0}.ids-switch.ids-switch-dense.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:calc(var(--ids-comp-switch-track-size-width-dense) - var(--ids-comp-switch-handle-size-width-dense) - 2*var(--ids-comp-switch-track-size-padding-x-dense))}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-surface-hovered)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-surface-hovered)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-surface-pressed)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-surface-pressed)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible{outline-color:var(--ids-comp-switch-focused-outline-color-surface-focused)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-surface-focused)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus+.ids-switch__label,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-surface-focused)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-surface-hovered)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-surface-pressed)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-surface-focused)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface.ids-switch-disabled>.ids-switch__button+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-surface-disabled)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-light-hovered)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-light-hovered)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-light-pressed)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-light-pressed)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible{outline-color:var(--ids-comp-switch-focused-outline-color-light-focused)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-light-focused)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus+.ids-switch__label,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-light-focused)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-light-hovered)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-light-pressed)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-light-focused)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light.ids-switch-disabled>.ids-switch__button+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-light-disabled)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-primary-hovered)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-primary-hovered)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-primary-pressed)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-primary-pressed)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible{outline-color:var(--ids-comp-switch-focused-outline-color-primary-focused)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-primary-focused)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus+.ids-switch__label,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-primary-focused)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-primary-hovered)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-primary-pressed)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-primary-focused)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary.ids-switch-disabled>.ids-switch__button+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-primary-disabled)}.ids-switch.ids-switch-disabled{cursor:not-allowed}
package/dist/switch/switch.plugin.js CHANGED
@@ -2,7 +2,21 @@
2
2
  module.exports = function SwitchPlugin() {
3
3
  return function ({ addComponents }) {
4
4
  const cssObj = {
5
- '.ids-switch-group': { display: 'flex', flexDirection: 'column' },
5
+ '.ids-switch-group': {
6
+ boxSizing: 'border-box',
7
+ borderWidth: '0',
8
+ borderStyle: 'none',
9
+ borderColor: 'rgba(0,0,0,0)',
10
+ lineHeight: 1.5,
11
+ display: 'flex',
12
+ flexDirection: 'column',
13
+ },
14
+ '.ids-switch-group::before,.ids-switch-group::after,.ids-switch-group *,.ids-switch-group ::before,.ids-switch-group ::after': {
15
+ boxSizing: 'border-box',
16
+ borderWidth: '0',
17
+ borderStyle: 'none',
18
+ borderColor: 'rgba(0,0,0,0)',
19
+ },
6
20
  '.ids-switch-group.ids-switch-group-compact': {
7
21
  gap: 'var(--ids-comp-switch-group-container-size-gap-compact)',
8
22
  padding: