@i-cell/ids-styles 0.0.13 → 0.0.14

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 (7) hide show
  1. package/dist/components.css +699 -0
  2. package/dist/components.min.css +1 -1
  3. package/dist/components.plugin.js +590 -0
  4. package/dist/switch/switch.css +698 -0
  5. package/dist/switch/switch.min.css +1 -0
  6. package/dist/switch/switch.plugin.js +599 -0
  7. package/package.json +2 -2
package/dist/switch/switch.min.css ADDED
@@ -0,0 +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__track-icon>.ids-icon{position:absolute}.ids-switch>.ids-switch__button>.ids-switch__track>.ids-switch__handle{position:absolute;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:var(--ids-comp-switch-handle-size-height-compact);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:content-box}.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon{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{width:var(--ids-comp-switch-icon-size-width-compact);height:var(--ids-comp-switch-icon-size-height-compact)}.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{width:var(--ids-comp-switch-handle-size-width-compact);height:var(--ids-comp-switch-handle-size-height-compact);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__handle>.ids-icon{width:var(--ids-comp-switch-icon-size-width-compact);height:var(--ids-comp-switch-icon-size-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:var(--ids-comp-switch-track-size-padding-x-compact)}.ids-switch.ids-switch-compact.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:calc(100% - var(--ids-comp-switch-track-size-padding-x-compact) - var(--ids-comp-switch-handle-size-width-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:var(--ids-comp-switch-handle-size-height-comfortable);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:content-box}.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon{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{width:var(--ids-comp-switch-icon-size-width-comfortable);height:var(--ids-comp-switch-icon-size-height-comfortable)}.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{width:var(--ids-comp-switch-handle-size-width-comfortable);height:var(--ids-comp-switch-handle-size-height-comfortable);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__handle>.ids-icon{width:var(--ids-comp-switch-icon-size-width-comfortable);height:var(--ids-comp-switch-icon-size-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:var(--ids-comp-switch-track-size-padding-x-comfortable)}.ids-switch.ids-switch-comfortable.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:calc(100% - var(--ids-comp-switch-track-size-padding-x-comfortable) - var(--ids-comp-switch-handle-size-width-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:var(--ids-comp-switch-handle-size-height-spacious);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:content-box}.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon{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{width:var(--ids-comp-switch-icon-size-width-spacious);height:var(--ids-comp-switch-icon-size-height-spacious)}.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{width:var(--ids-comp-switch-handle-size-width-spacious);height:var(--ids-comp-switch-handle-size-height-spacious);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__handle>.ids-icon{width:var(--ids-comp-switch-icon-size-width-spacious);height:var(--ids-comp-switch-icon-size-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:var(--ids-comp-switch-track-size-padding-x-spacious)}.ids-switch.ids-switch-spacious.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:calc(100% - var(--ids-comp-switch-track-size-padding-x-spacious) - var(--ids-comp-switch-handle-size-width-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:var(--ids-comp-switch-handle-size-height-dense);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:content-box}.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon{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{width:var(--ids-comp-switch-icon-size-width-dense);height:var(--ids-comp-switch-icon-size-height-dense)}.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{width:var(--ids-comp-switch-handle-size-width-dense);height:var(--ids-comp-switch-handle-size-height-dense);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__handle>.ids-icon{width:var(--ids-comp-switch-icon-size-width-dense);height:var(--ids-comp-switch-icon-size-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:var(--ids-comp-switch-track-size-padding-x-dense)}.ids-switch.ids-switch-dense.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:calc(100% - var(--ids-comp-switch-track-size-padding-x-dense) - var(--ids-comp-switch-handle-size-width-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{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{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{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{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{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{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{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{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{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{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{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{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}