@i-cell/ids-styles 0.0.18 → 0.0.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/chip/chip.css +315 -306
  2. package/dist/chip/chip.min.css +1 -1
  3. package/dist/chip/chip.plugin.js +297 -299
  4. package/dist/components.css +675 -546
  5. package/dist/components.min.css +1 -1
  6. package/dist/components.plugin.js +644 -545
  7. package/dist/switch/switch.css +7 -0
  8. package/dist/switch/switch.min.css +1 -1
  9. package/dist/switch/switch.plugin.js +3 -1
  10. package/dist/tag/tag.css +353 -240
  11. package/dist/tag/tag.min.css +1 -1
  12. package/dist/tag/tag.plugin.js +344 -245
  13. package/package.json +2 -2
package/dist/switch/switch.css CHANGED
@@ -63,6 +63,13 @@
63
63
  }
64
64
  .ids-switch > .ids-switch__label {
65
65
  font-style: normal;
66
+ flex-grow: 1;
67
+ }
68
+ .ids-switch.ids-switch-label-right {
69
+ flex-direction: row;
70
+ }
71
+ .ids-switch.ids-switch-label-left {
72
+ flex-direction: row-reverse;
66
73
  }
67
74
  .ids-switch.ids-switch-compact {
68
75
  gap: var(--ids-comp-switch-container-size-gap-compact);
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}.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{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}
package/dist/switch/switch.plugin.js CHANGED
@@ -51,7 +51,9 @@ module.exports = function SwitchPlugin() {
51
51
  flexShrink: 0,
52
52
  },
53
53
  '.ids-switch>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon': { position: 'absolute' },
54
- '.ids-switch>.ids-switch__label': { fontStyle: 'normal' },
54
+ '.ids-switch>.ids-switch__label': { fontStyle: 'normal', flexGrow: 1 },
55
+ '.ids-switch.ids-switch-label-right': { flexDirection: 'row' },
56
+ '.ids-switch.ids-switch-label-left': { flexDirection: 'row-reverse' },
55
57
  '.ids-switch.ids-switch-compact': { gap: 'var(--ids-comp-switch-container-size-gap-compact)' },
56
58
  '.ids-switch.ids-switch-compact>.ids-switch__button': { borderRadius: 'var(--ids-comp-switch-handle-size-border-radius-compact)' },
57
59
  '.ids-switch.ids-switch-compact>.ids-switch__button:focus,.ids-switch.ids-switch-compact>.ids-switch__button:focus-visible': {