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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/dist/accordion/accordion.css +184 -45
  2. package/dist/accordion/accordion.min.css +1 -1
  3. package/dist/accordion/accordion.plugin.js +194 -55
  4. package/dist/avatar/avatar.css +176 -195
  5. package/dist/avatar/avatar.min.css +1 -1
  6. package/dist/avatar/avatar.plugin.js +168 -170
  7. package/dist/button/button.css +788 -656
  8. package/dist/button/button.min.css +1 -1
  9. package/dist/button/button.plugin.js +792 -693
  10. package/dist/card/card.css +61 -35
  11. package/dist/card/card.min.css +1 -1
  12. package/dist/card/card.plugin.js +181 -126
  13. package/dist/checkbox/checkbox.css +57 -29
  14. package/dist/checkbox/checkbox.min.css +1 -1
  15. package/dist/checkbox/checkbox.plugin.js +78 -53
  16. package/dist/checkbox/pseudo-checkbox.css +53 -25
  17. package/dist/checkbox/pseudo-checkbox.min.css +1 -1
  18. package/dist/checkbox/pseudo-checkbox.plugin.js +72 -43
  19. package/dist/components.css +2434 -1796
  20. package/dist/components.min.css +1 -1
  21. package/dist/components.plugin.js +2763 -2126
  22. package/dist/dialog/dialog.css +12 -1
  23. package/dist/dialog/dialog.min.css +1 -1
  24. package/dist/dialog/dialog.plugin.js +11 -4
  25. package/dist/divider/divider.css +0 -3
  26. package/dist/divider/divider.min.css +1 -1
  27. package/dist/divider/divider.plugin.js +1 -1
  28. package/dist/form-elements/form-field/form-field.css +84 -60
  29. package/dist/form-elements/form-field/form-field.min.css +1 -1
  30. package/dist/form-elements/form-field/form-field.plugin.js +84 -60
  31. package/dist/form-elements/message/message.css +21 -12
  32. package/dist/form-elements/message/message.min.css +1 -1
  33. package/dist/form-elements/message/message.plugin.js +21 -4
  34. package/dist/icon/icon.css +3 -2
  35. package/dist/icon/icon.min.css +1 -1
  36. package/dist/icon/icon.plugin.js +3 -2
  37. package/dist/icon-button/icon-button.css +133 -82
  38. package/dist/icon-button/icon-button.min.css +1 -1
  39. package/dist/icon-button/icon-button.plugin.js +256 -182
  40. package/dist/menu-item/menu-item.css +184 -0
  41. package/dist/menu-item/menu-item.min.css +1 -0
  42. package/dist/menu-item/menu-item.plugin.js +181 -0
  43. package/dist/option/option.css +13 -0
  44. package/dist/option/option.min.css +1 -1
  45. package/dist/option/option.plugin.js +13 -1
  46. package/dist/overlay-panel/overlay-panel.css +125 -0
  47. package/dist/overlay-panel/overlay-panel.min.css +1 -0
  48. package/dist/overlay-panel/overlay-panel.plugin.js +125 -0
  49. package/dist/paginator/paginator.css +133 -23
  50. package/dist/paginator/paginator.min.css +1 -1
  51. package/dist/paginator/paginator.plugin.js +113 -41
  52. package/dist/radio/radio.css +49 -49
  53. package/dist/radio/radio.min.css +1 -1
  54. package/dist/radio/radio.plugin.js +56 -61
  55. package/dist/segmented-control/segmented-control-toggle.css +37 -25
  56. package/dist/segmented-control/segmented-control-toggle.min.css +1 -1
  57. package/dist/segmented-control/segmented-control-toggle.plugin.js +46 -45
  58. package/dist/segmented-control/segmented-control.css +37 -25
  59. package/dist/segmented-control/segmented-control.min.css +1 -1
  60. package/dist/segmented-control/segmented-control.plugin.js +87 -75
  61. package/dist/snackbar/snackbar.css +12 -0
  62. package/dist/snackbar/snackbar.min.css +1 -1
  63. package/dist/snackbar/snackbar.plugin.js +28 -4
  64. package/dist/switch/switch.css +44 -56
  65. package/dist/switch/switch.min.css +1 -1
  66. package/dist/switch/switch.plugin.js +55 -74
  67. package/dist/tag/tag.css +230 -199
  68. package/dist/tag/tag.min.css +1 -1
  69. package/dist/tag/tag.plugin.js +228 -195
  70. package/package.json +4 -4
  71. package/dist/action-item/action-item.css +0 -185
  72. package/dist/action-item/action-item.min.css +0 -1
  73. package/dist/action-item/action-item.plugin.js +0 -176
  74. package/dist/action-panel/action-panel.css +0 -91
  75. package/dist/action-panel/action-panel.min.css +0 -1
  76. package/dist/action-panel/action-panel.plugin.js +0 -91
package/dist/segmented-control/segmented-control-toggle.min.css CHANGED
@@ -1 +1 @@
1
- .ids-segmented-control-toggle{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button{display:flex;align-items:center;border-style:solid;position:relative;text-wrap:nowrap}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus{z-index:1;outline-style:solid;outline-offset:2px}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button.selected{pointer-events:none}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:not(:disabled){cursor:pointer}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:disabled{cursor:not-allowed}.ids-segmented-control-toggle.ids-segmented-control-toggle-compact{padding:var(--ids-comp-segmented-control-toggle-container-size-padding-y-compact) var(--ids-comp-segmented-control-toggle-container-size-padding-x-compact);gap:var(--ids-comp-segmented-control-toggle-container-size-gap-compact);border-top-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-compact);border-top-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-compact);border-bottom-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-compact);border-bottom-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-compact)}.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item>button{border-radius:var(--ids-comp-segmented-control-toggle-button-size-border-radius-compact);border-width:var(--ids-comp-segmented-control-toggle-button-size-border-width-compact);padding:var(--ids-comp-segmented-control-toggle-button-size-padding-y-compact) var(--ids-comp-segmented-control-toggle-button-size-padding-x-compact);gap:var(--ids-comp-segmented-control-toggle-button-size-gap-compact);font-family:var(--ids-comp-segmented-control-toggle-button-typography-font-family-compact);font-size:var(--ids-comp-segmented-control-toggle-button-typography-font-size-compact);font-weight:var(--ids-comp-segmented-control-toggle-button-typography-font-weight-compact);letter-spacing:var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-compact);line-height:var(--ids-comp-segmented-control-toggle-button-typography-line-height-compact)}.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item>button:focus{outline-width:var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-compact)}.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item .ids-icon{height:var(--ids-comp-segmented-control-toggle-button-size-icon-compact);width:var(--ids-comp-segmented-control-toggle-button-size-icon-compact)}.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable{padding:var(--ids-comp-segmented-control-toggle-container-size-padding-y-comfortable) var(--ids-comp-segmented-control-toggle-container-size-padding-x-comfortable);gap:var(--ids-comp-segmented-control-toggle-container-size-gap-comfortable);border-top-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-comfortable);border-top-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-comfortable);border-bottom-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-comfortable);border-bottom-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-comfortable)}.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item>button{border-radius:var(--ids-comp-segmented-control-toggle-button-size-border-radius-comfortable);border-width:var(--ids-comp-segmented-control-toggle-button-size-border-width-comfortable);padding:var(--ids-comp-segmented-control-toggle-button-size-padding-y-comfortable) var(--ids-comp-segmented-control-toggle-button-size-padding-x-comfortable);gap:var(--ids-comp-segmented-control-toggle-button-size-gap-comfortable);font-family:var(--ids-comp-segmented-control-toggle-button-typography-font-family-comfortable);font-size:var(--ids-comp-segmented-control-toggle-button-typography-font-size-comfortable);font-weight:var(--ids-comp-segmented-control-toggle-button-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-comfortable);line-height:var(--ids-comp-segmented-control-toggle-button-typography-line-height-comfortable)}.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item>button:focus{outline-width:var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-comfortable)}.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item .ids-icon{height:var(--ids-comp-segmented-control-toggle-button-size-icon-comfortable);width:var(--ids-comp-segmented-control-toggle-button-size-icon-comfortable)}.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious{padding:var(--ids-comp-segmented-control-toggle-container-size-padding-y-spacious) var(--ids-comp-segmented-control-toggle-container-size-padding-x-spacious);gap:var(--ids-comp-segmented-control-toggle-container-size-gap-spacious);border-top-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-spacious);border-top-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-spacious);border-bottom-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-spacious);border-bottom-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-spacious)}.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item>button{border-radius:var(--ids-comp-segmented-control-toggle-button-size-border-radius-spacious);border-width:var(--ids-comp-segmented-control-toggle-button-size-border-width-spacious);padding:var(--ids-comp-segmented-control-toggle-button-size-padding-y-spacious) var(--ids-comp-segmented-control-toggle-button-size-padding-x-spacious);gap:var(--ids-comp-segmented-control-toggle-button-size-gap-spacious);font-family:var(--ids-comp-segmented-control-toggle-button-typography-font-family-spacious);font-size:var(--ids-comp-segmented-control-toggle-button-typography-font-size-spacious);font-weight:var(--ids-comp-segmented-control-toggle-button-typography-font-weight-spacious);letter-spacing:var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-spacious);line-height:var(--ids-comp-segmented-control-toggle-button-typography-line-height-spacious)}.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item>button:focus{outline-width:var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-spacious)}.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item .ids-icon{height:var(--ids-comp-segmented-control-toggle-button-size-icon-spacious);width:var(--ids-comp-segmented-control-toggle-button-size-icon-spacious)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dense{padding:var(--ids-comp-segmented-control-toggle-container-size-padding-y-dense) var(--ids-comp-segmented-control-toggle-container-size-padding-x-dense);gap:var(--ids-comp-segmented-control-toggle-container-size-gap-dense);border-top-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-dense);border-top-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-dense);border-bottom-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-dense);border-bottom-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-dense)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item>button{border-radius:var(--ids-comp-segmented-control-toggle-button-size-border-radius-dense);border-width:var(--ids-comp-segmented-control-toggle-button-size-border-width-dense);padding:var(--ids-comp-segmented-control-toggle-button-size-padding-y-dense) var(--ids-comp-segmented-control-toggle-button-size-padding-x-dense);gap:var(--ids-comp-segmented-control-toggle-button-size-gap-dense);font-family:var(--ids-comp-segmented-control-toggle-button-typography-font-family-dense);font-size:var(--ids-comp-segmented-control-toggle-button-typography-font-size-dense);font-weight:var(--ids-comp-segmented-control-toggle-button-typography-font-weight-dense);letter-spacing:var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-dense);line-height:var(--ids-comp-segmented-control-toggle-button-typography-line-height-dense)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item>button:focus{outline-width:var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-dense)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item .ids-icon{height:var(--ids-comp-segmented-control-toggle-button-size-icon-dense);width:var(--ids-comp-segmented-control-toggle-button-size-icon-dense)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary .ids-segmented-control-toggle-item>button:focus{outline-color:var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled{background-color:var(--ids-comp-segmented-control-toggle-container-filled-color-bg-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-default);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-default);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-active);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-active);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-hovered);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-pressed);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-focused);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-focused);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-disabled);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined{background-color:var(--ids-comp-segmented-control-toggle-container-outlined-color-bg-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-default);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-default);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-active);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-active);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-hovered);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-pressed);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-focused);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-focused);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-disabled);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface .ids-segmented-control-toggle-item>button:focus{outline-color:var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled{background-color:var(--ids-comp-segmented-control-toggle-container-filled-color-bg-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-default);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-default);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-active);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-active);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-hovered);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-pressed);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-focused);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-focused);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-disabled);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined{background-color:var(--ids-comp-segmented-control-toggle-container-outlined-color-bg-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-default);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-default);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-active);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-active);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-hovered);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-pressed);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-focused);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-focused);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-disabled);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light .ids-segmented-control-toggle-item>button:focus{outline-color:var(--ids-comp-segmented-control-toggle-focused-outline-color-light-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled{background-color:var(--ids-comp-segmented-control-toggle-container-filled-color-bg-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-default);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-default);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-active);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-active);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-hovered);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-pressed);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-focused);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-focused);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-disabled);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined{background-color:var(--ids-comp-segmented-control-toggle-container-outlined-color-bg-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-default);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-default);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-active);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-active);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-hovered);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-pressed);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-focused);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-focused);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-disabled);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark .ids-segmented-control-toggle-item>button:focus{outline-color:var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled{background-color:var(--ids-comp-segmented-control-toggle-container-filled-color-bg-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-dark-default);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-dark-default);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-dark-active);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-dark-active);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-dark-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-dark-hovered);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-dark-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-dark-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-dark-pressed);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-dark-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-dark-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-dark-focused);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-dark-focused);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-dark-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-dark-disabled);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-dark-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-dark-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined{background-color:var(--ids-comp-segmented-control-toggle-container-outlined-color-bg-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-dark-default);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-dark-default);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-dark-active);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-dark-active);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-dark-hovered);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-dark-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-dark-pressed);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-dark-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-dark-focused);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-dark-focused);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-dark-disabled);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-dark-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-disabled)}
1
+ .ids-segmented-control-toggle{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button{display:flex;align-items:center;border-style:solid;position:relative;text-wrap:nowrap}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus-visible{z-index:1;outline-style:solid;outline-offset:2px}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button.selected{pointer-events:none}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:not(:disabled){cursor:pointer}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:disabled{cursor:not-allowed}.ids-segmented-control-toggle.ids-segmented-control-toggle-compact{padding:var(--ids-comp-segmented-control-toggle-container-size-padding-y-compact) var(--ids-comp-segmented-control-toggle-container-size-padding-x-compact);gap:var(--ids-comp-segmented-control-toggle-container-size-gap-compact);border-top-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-compact);border-top-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-compact);border-bottom-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-compact);border-bottom-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-compact)}.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item>button{border-radius:var(--ids-comp-segmented-control-toggle-button-size-border-radius-compact);border-width:var(--ids-comp-segmented-control-toggle-button-size-border-width-compact);padding:var(--ids-comp-segmented-control-toggle-button-size-padding-y-compact) var(--ids-comp-segmented-control-toggle-button-size-padding-x-compact);gap:var(--ids-comp-segmented-control-toggle-button-size-gap-compact);font-family:var(--ids-comp-segmented-control-toggle-button-typography-font-family-compact);font-size:var(--ids-comp-segmented-control-toggle-button-typography-font-size-compact);font-weight:var(--ids-comp-segmented-control-toggle-button-typography-font-weight-compact);letter-spacing:var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-compact);line-height:var(--ids-comp-segmented-control-toggle-button-typography-line-height-compact)}.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item>button:focus-visible{outline-width:var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-compact)}.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item .ids-icon{height:var(--ids-comp-segmented-control-toggle-button-size-icon-compact);width:var(--ids-comp-segmented-control-toggle-button-size-icon-compact);font-size:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-size-compact);font-weight:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-weight-compact);line-height:var(--ids-comp-segmented-control-toggle-button-icon-typography-line-height-compact)}.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable{padding:var(--ids-comp-segmented-control-toggle-container-size-padding-y-comfortable) var(--ids-comp-segmented-control-toggle-container-size-padding-x-comfortable);gap:var(--ids-comp-segmented-control-toggle-container-size-gap-comfortable);border-top-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-comfortable);border-top-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-comfortable);border-bottom-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-comfortable);border-bottom-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-comfortable)}.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item>button{border-radius:var(--ids-comp-segmented-control-toggle-button-size-border-radius-comfortable);border-width:var(--ids-comp-segmented-control-toggle-button-size-border-width-comfortable);padding:var(--ids-comp-segmented-control-toggle-button-size-padding-y-comfortable) var(--ids-comp-segmented-control-toggle-button-size-padding-x-comfortable);gap:var(--ids-comp-segmented-control-toggle-button-size-gap-comfortable);font-family:var(--ids-comp-segmented-control-toggle-button-typography-font-family-comfortable);font-size:var(--ids-comp-segmented-control-toggle-button-typography-font-size-comfortable);font-weight:var(--ids-comp-segmented-control-toggle-button-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-comfortable);line-height:var(--ids-comp-segmented-control-toggle-button-typography-line-height-comfortable)}.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item>button:focus-visible{outline-width:var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-comfortable)}.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item .ids-icon{height:var(--ids-comp-segmented-control-toggle-button-size-icon-comfortable);width:var(--ids-comp-segmented-control-toggle-button-size-icon-comfortable);font-size:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-segmented-control-toggle-button-icon-typography-line-height-comfortable)}.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious{padding:var(--ids-comp-segmented-control-toggle-container-size-padding-y-spacious) var(--ids-comp-segmented-control-toggle-container-size-padding-x-spacious);gap:var(--ids-comp-segmented-control-toggle-container-size-gap-spacious);border-top-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-spacious);border-top-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-spacious);border-bottom-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-spacious);border-bottom-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-spacious)}.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item>button{border-radius:var(--ids-comp-segmented-control-toggle-button-size-border-radius-spacious);border-width:var(--ids-comp-segmented-control-toggle-button-size-border-width-spacious);padding:var(--ids-comp-segmented-control-toggle-button-size-padding-y-spacious) var(--ids-comp-segmented-control-toggle-button-size-padding-x-spacious);gap:var(--ids-comp-segmented-control-toggle-button-size-gap-spacious);font-family:var(--ids-comp-segmented-control-toggle-button-typography-font-family-spacious);font-size:var(--ids-comp-segmented-control-toggle-button-typography-font-size-spacious);font-weight:var(--ids-comp-segmented-control-toggle-button-typography-font-weight-spacious);letter-spacing:var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-spacious);line-height:var(--ids-comp-segmented-control-toggle-button-typography-line-height-spacious)}.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item>button:focus-visible{outline-width:var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-spacious)}.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item .ids-icon{height:var(--ids-comp-segmented-control-toggle-button-size-icon-spacious);width:var(--ids-comp-segmented-control-toggle-button-size-icon-spacious);font-size:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-size-spacious);font-weight:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-weight-spacious);line-height:var(--ids-comp-segmented-control-toggle-button-icon-typography-line-height-spacious)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dense{padding:var(--ids-comp-segmented-control-toggle-container-size-padding-y-dense) var(--ids-comp-segmented-control-toggle-container-size-padding-x-dense);gap:var(--ids-comp-segmented-control-toggle-container-size-gap-dense);border-top-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-dense);border-top-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-dense);border-bottom-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-dense);border-bottom-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-dense)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item>button{border-radius:var(--ids-comp-segmented-control-toggle-button-size-border-radius-dense);border-width:var(--ids-comp-segmented-control-toggle-button-size-border-width-dense);padding:var(--ids-comp-segmented-control-toggle-button-size-padding-y-dense) var(--ids-comp-segmented-control-toggle-button-size-padding-x-dense);gap:var(--ids-comp-segmented-control-toggle-button-size-gap-dense);font-family:var(--ids-comp-segmented-control-toggle-button-typography-font-family-dense);font-size:var(--ids-comp-segmented-control-toggle-button-typography-font-size-dense);font-weight:var(--ids-comp-segmented-control-toggle-button-typography-font-weight-dense);letter-spacing:var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-dense);line-height:var(--ids-comp-segmented-control-toggle-button-typography-line-height-dense)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item>button:focus-visible{outline-width:var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-dense)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item .ids-icon{height:var(--ids-comp-segmented-control-toggle-button-size-icon-dense);width:var(--ids-comp-segmented-control-toggle-button-size-icon-dense);font-size:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-size-dense);font-weight:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-weight-dense);line-height:var(--ids-comp-segmented-control-toggle-button-icon-typography-line-height-dense)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-primary .ids-segmented-control-toggle-item>button:focus-visible{outline-color:var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled{background-color:var(--ids-comp-segmented-control-toggle-container-filled-color-bg-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-default);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-default);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-active);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-active);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-hovered);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-pressed);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-focused);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-focused);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-disabled);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined{background-color:var(--ids-comp-segmented-control-toggle-container-outlined-color-bg-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-default);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-default);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-active);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-active);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-hovered);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-pressed);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-focused);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-focused);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-disabled);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-surface .ids-segmented-control-toggle-item>button:focus-visible{outline-color:var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled{background-color:var(--ids-comp-segmented-control-toggle-container-filled-color-bg-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-default);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-default);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-active);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-active);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-hovered);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-pressed);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-focused);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-focused);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-disabled);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined{background-color:var(--ids-comp-segmented-control-toggle-container-outlined-color-bg-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-default);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-default);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-active);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-active);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-hovered);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-pressed);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-focused);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-focused);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-disabled);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-light .ids-segmented-control-toggle-item>button:focus-visible{outline-color:var(--ids-comp-segmented-control-toggle-focused-outline-color-light-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled{background-color:var(--ids-comp-segmented-control-toggle-container-filled-color-bg-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-default);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-default);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-active);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-active);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-hovered);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-pressed);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-focused);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-focused);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-disabled);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined{background-color:var(--ids-comp-segmented-control-toggle-container-outlined-color-bg-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-default);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-default);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-active);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-active);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-hovered);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-pressed);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-focused);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-focused);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-disabled);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-dark .ids-segmented-control-toggle-item>button:focus-visible{outline-color:var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled{background-color:var(--ids-comp-segmented-control-toggle-container-filled-color-bg-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-dark-default);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-dark-default);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-dark-active);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-dark-active);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-dark-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-dark-hovered);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-dark-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-dark-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-dark-pressed);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-dark-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-dark-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-dark-focused);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-dark-focused);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-dark-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-dark-disabled);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-dark-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-dark-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined{background-color:var(--ids-comp-segmented-control-toggle-container-outlined-color-bg-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-dark-default);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-dark-default);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-dark-active);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-dark-active);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-dark-hovered);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-dark-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-dark-pressed);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-dark-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-dark-focused);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-dark-focused);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-dark-disabled);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-dark-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-dark-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-disabled)}
package/dist/segmented-control/segmented-control-toggle.plugin.js CHANGED
@@ -10,11 +10,8 @@ module.exports = function SegmentedControlTogglePlugin() {
10
10
  position: 'relative',
11
11
  textWrap: 'nowrap',
12
12
  },
13
- '.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus': {
14
- zIndex: 1,
15
- outlineStyle: 'solid',
16
- outlineOffset: '2px',
17
- },
13
+ '.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus-visible':
14
+ { zIndex: 1, outlineStyle: 'solid', outlineOffset: '2px' },
18
15
  '.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button.selected': { pointerEvents: 'none' },
19
16
  '.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:not(:disabled)': { cursor: 'pointer' },
20
17
  '.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:disabled': { cursor: 'not-allowed' },
@@ -39,12 +36,14 @@ module.exports = function SegmentedControlTogglePlugin() {
39
36
  letterSpacing: 'var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-compact)',
40
37
  lineHeight: 'var(--ids-comp-segmented-control-toggle-button-typography-line-height-compact)',
41
38
  },
42
- '.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item>button:focus': {
43
- outlineWidth: 'var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-compact)',
44
- },
39
+ '.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item>button:focus-visible':
40
+ { outlineWidth: 'var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-compact)' },
45
41
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item .ids-icon': {
46
42
  height: 'var(--ids-comp-segmented-control-toggle-button-size-icon-compact)',
47
43
  width: 'var(--ids-comp-segmented-control-toggle-button-size-icon-compact)',
44
+ fontSize: 'var(--ids-comp-segmented-control-toggle-button-icon-typography-font-size-compact)',
45
+ fontWeight: 'var(--ids-comp-segmented-control-toggle-button-icon-typography-font-weight-compact)',
46
+ lineHeight: 'var(--ids-comp-segmented-control-toggle-button-icon-typography-line-height-compact)',
48
47
  },
49
48
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable': {
50
49
  padding:
@@ -67,12 +66,14 @@ module.exports = function SegmentedControlTogglePlugin() {
67
66
  letterSpacing: 'var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-comfortable)',
68
67
  lineHeight: 'var(--ids-comp-segmented-control-toggle-button-typography-line-height-comfortable)',
69
68
  },
70
- '.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item>button:focus': {
71
- outlineWidth: 'var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-comfortable)',
72
- },
69
+ '.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item>button:focus-visible':
70
+ { outlineWidth: 'var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-comfortable)' },
73
71
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item .ids-icon': {
74
72
  height: 'var(--ids-comp-segmented-control-toggle-button-size-icon-comfortable)',
75
73
  width: 'var(--ids-comp-segmented-control-toggle-button-size-icon-comfortable)',
74
+ fontSize: 'var(--ids-comp-segmented-control-toggle-button-icon-typography-font-size-comfortable)',
75
+ fontWeight: 'var(--ids-comp-segmented-control-toggle-button-icon-typography-font-weight-comfortable)',
76
+ lineHeight: 'var(--ids-comp-segmented-control-toggle-button-icon-typography-line-height-comfortable)',
76
77
  },
77
78
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious': {
78
79
  padding:
@@ -95,12 +96,14 @@ module.exports = function SegmentedControlTogglePlugin() {
95
96
  letterSpacing: 'var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-spacious)',
96
97
  lineHeight: 'var(--ids-comp-segmented-control-toggle-button-typography-line-height-spacious)',
97
98
  },
98
- '.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item>button:focus': {
99
- outlineWidth: 'var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-spacious)',
100
- },
99
+ '.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item>button:focus-visible':
100
+ { outlineWidth: 'var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-spacious)' },
101
101
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item .ids-icon': {
102
102
  height: 'var(--ids-comp-segmented-control-toggle-button-size-icon-spacious)',
103
103
  width: 'var(--ids-comp-segmented-control-toggle-button-size-icon-spacious)',
104
+ fontSize: 'var(--ids-comp-segmented-control-toggle-button-icon-typography-font-size-spacious)',
105
+ fontWeight: 'var(--ids-comp-segmented-control-toggle-button-icon-typography-font-weight-spacious)',
106
+ lineHeight: 'var(--ids-comp-segmented-control-toggle-button-icon-typography-line-height-spacious)',
104
107
  },
105
108
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-dense': {
106
109
  padding:
@@ -123,16 +126,17 @@ module.exports = function SegmentedControlTogglePlugin() {
123
126
  letterSpacing: 'var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-dense)',
124
127
  lineHeight: 'var(--ids-comp-segmented-control-toggle-button-typography-line-height-dense)',
125
128
  },
126
- '.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item>button:focus': {
127
- outlineWidth: 'var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-dense)',
128
- },
129
+ '.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item>button:focus-visible':
130
+ { outlineWidth: 'var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-dense)' },
129
131
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item .ids-icon': {
130
132
  height: 'var(--ids-comp-segmented-control-toggle-button-size-icon-dense)',
131
133
  width: 'var(--ids-comp-segmented-control-toggle-button-size-icon-dense)',
134
+ fontSize: 'var(--ids-comp-segmented-control-toggle-button-icon-typography-font-size-dense)',
135
+ fontWeight: 'var(--ids-comp-segmented-control-toggle-button-icon-typography-font-weight-dense)',
136
+ lineHeight: 'var(--ids-comp-segmented-control-toggle-button-icon-typography-line-height-dense)',
132
137
  },
133
- '.ids-segmented-control-toggle.ids-segmented-control-toggle-primary .ids-segmented-control-toggle-item>button:focus': {
134
- outlineColor: 'var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused)',
135
- },
138
+ '.ids-segmented-control-toggle.ids-segmented-control-toggle-primary .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-primary .ids-segmented-control-toggle-item>button:focus-visible':
139
+ { outlineColor: 'var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused)' },
136
140
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled': {
137
141
  backgroundColor: 'var(--ids-comp-segmented-control-toggle-container-filled-color-bg-primary-default)',
138
142
  },
@@ -168,13 +172,13 @@ module.exports = function SegmentedControlTogglePlugin() {
168
172
  },
169
173
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active .ids-icon':
170
174
  { color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-pressed)' },
171
- '.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus':
175
+ '.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus-visible':
172
176
  {
173
177
  backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-focused)',
174
178
  color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-focused)',
175
179
  borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-default)',
176
180
  },
177
- '.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus .ids-icon':
181
+ '.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus-visible .ids-icon':
178
182
  { color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-focused)' },
179
183
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled':
180
184
  {
@@ -219,13 +223,13 @@ module.exports = function SegmentedControlTogglePlugin() {
219
223
  },
220
224
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active .ids-icon':
221
225
  { color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-pressed)' },
222
- '.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus':
226
+ '.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus-visible':
223
227
  {
224
228
  backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-focused)',
225
229
  color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-focused)',
226
230
  borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-default)',
227
231
  },
228
- '.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus .ids-icon':
232
+ '.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus-visible .ids-icon':
229
233
  { color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-focused)' },
230
234
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled':
231
235
  {
@@ -235,9 +239,8 @@ module.exports = function SegmentedControlTogglePlugin() {
235
239
  },
236
240
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled .ids-icon':
237
241
  { color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-disabled)' },
238
- '.ids-segmented-control-toggle.ids-segmented-control-toggle-surface .ids-segmented-control-toggle-item>button:focus': {
239
- outlineColor: 'var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused)',
240
- },
242
+ '.ids-segmented-control-toggle.ids-segmented-control-toggle-surface .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-surface .ids-segmented-control-toggle-item>button:focus-visible':
243
+ { outlineColor: 'var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused)' },
241
244
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled': {
242
245
  backgroundColor: 'var(--ids-comp-segmented-control-toggle-container-filled-color-bg-surface-default)',
243
246
  },
@@ -273,13 +276,13 @@ module.exports = function SegmentedControlTogglePlugin() {
273
276
  },
274
277
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active .ids-icon':
275
278
  { color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-pressed)' },
276
- '.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus':
279
+ '.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus-visible':
277
280
  {
278
281
  backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-focused)',
279
282
  color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-focused)',
280
283
  borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-default)',
281
284
  },
282
- '.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus .ids-icon':
285
+ '.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus-visible .ids-icon':
283
286
  { color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-focused)' },
284
287
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled':
285
288
  {
@@ -324,13 +327,13 @@ module.exports = function SegmentedControlTogglePlugin() {
324
327
  },
325
328
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active .ids-icon':
326
329
  { color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-pressed)' },
327
- '.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus':
330
+ '.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus-visible':
328
331
  {
329
332
  backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-focused)',
330
333
  color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-focused)',
331
334
  borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-default)',
332
335
  },
333
- '.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus .ids-icon':
336
+ '.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus-visible .ids-icon':
334
337
  { color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-focused)' },
335
338
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled':
336
339
  {
@@ -340,9 +343,8 @@ module.exports = function SegmentedControlTogglePlugin() {
340
343
  },
341
344
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled .ids-icon':
342
345
  { color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-disabled)' },
343
- '.ids-segmented-control-toggle.ids-segmented-control-toggle-light .ids-segmented-control-toggle-item>button:focus': {
344
- outlineColor: 'var(--ids-comp-segmented-control-toggle-focused-outline-color-light-focused)',
345
- },
346
+ '.ids-segmented-control-toggle.ids-segmented-control-toggle-light .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-light .ids-segmented-control-toggle-item>button:focus-visible':
347
+ { outlineColor: 'var(--ids-comp-segmented-control-toggle-focused-outline-color-light-focused)' },
346
348
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled': {
347
349
  backgroundColor: 'var(--ids-comp-segmented-control-toggle-container-filled-color-bg-light-default)',
348
350
  },
@@ -378,13 +380,13 @@ module.exports = function SegmentedControlTogglePlugin() {
378
380
  },
379
381
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active .ids-icon':
380
382
  { color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-pressed)' },
381
- '.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus':
383
+ '.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus-visible':
382
384
  {
383
385
  backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-focused)',
384
386
  color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-focused)',
385
387
  borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-default)',
386
388
  },
387
- '.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus .ids-icon':
389
+ '.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus-visible .ids-icon':
388
390
  { color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-focused)' },
389
391
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled':
390
392
  {
@@ -429,13 +431,13 @@ module.exports = function SegmentedControlTogglePlugin() {
429
431
  },
430
432
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active .ids-icon':
431
433
  { color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-pressed)' },
432
- '.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus':
434
+ '.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus-visible':
433
435
  {
434
436
  backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-focused)',
435
437
  color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-focused)',
436
438
  borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-default)',
437
439
  },
438
- '.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus .ids-icon':
440
+ '.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus-visible .ids-icon':
439
441
  { color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-focused)' },
440
442
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled':
441
443
  {
@@ -445,9 +447,8 @@ module.exports = function SegmentedControlTogglePlugin() {
445
447
  },
446
448
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled .ids-icon':
447
449
  { color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-disabled)' },
448
- '.ids-segmented-control-toggle.ids-segmented-control-toggle-dark .ids-segmented-control-toggle-item>button:focus': {
449
- outlineColor: 'var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused)',
450
- },
450
+ '.ids-segmented-control-toggle.ids-segmented-control-toggle-dark .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-dark .ids-segmented-control-toggle-item>button:focus-visible':
451
+ { outlineColor: 'var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused)' },
451
452
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled': {
452
453
  backgroundColor: 'var(--ids-comp-segmented-control-toggle-container-filled-color-bg-dark-default)',
453
454
  },
@@ -483,13 +484,13 @@ module.exports = function SegmentedControlTogglePlugin() {
483
484
  },
484
485
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:active .ids-icon':
485
486
  { color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-dark-pressed)' },
486
- '.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus':
487
+ '.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus-visible':
487
488
  {
488
489
  backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-bg-dark-focused)',
489
490
  color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-dark-focused)',
490
491
  borderColor: 'var(--ids-comp-segmented-control-toggle-button-filled-color-border-dark-default)',
491
492
  },
492
- '.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus .ids-icon':
493
+ '.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:focus-visible .ids-icon':
493
494
  { color: 'var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-dark-focused)' },
494
495
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item>button:disabled':
495
496
  {
@@ -534,13 +535,13 @@ module.exports = function SegmentedControlTogglePlugin() {
534
535
  },
535
536
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:active .ids-icon':
536
537
  { color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-pressed)' },
537
- '.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus':
538
+ '.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus-visible':
538
539
  {
539
540
  backgroundColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-dark-focused)',
540
541
  color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-dark-focused)',
541
542
  borderColor: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-border-dark-default)',
542
543
  },
543
- '.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus .ids-icon':
544
+ '.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:focus-visible .ids-icon':
544
545
  { color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-focused)' },
545
546
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled':
546
547
  {