@i-cell/ids-styles 0.0.6 → 0.0.8

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 (34) hide show
  1. package/dist/action-item/action-item.css +6 -0
  2. package/dist/action-item/action-item.min.css +1 -1
  3. package/dist/action-item/action-item.plugin.js +2 -0
  4. package/dist/action-panel/action-panel.css +2 -2
  5. package/dist/action-panel/action-panel.min.css +1 -1
  6. package/dist/action-panel/action-panel.plugin.js +3 -2
  7. package/dist/avatar/avatar.css +6 -0
  8. package/dist/avatar/avatar.min.css +1 -1
  9. package/dist/avatar/avatar.plugin.js +2 -0
  10. package/dist/button/button.css +6 -0
  11. package/dist/button/button.min.css +1 -1
  12. package/dist/button/button.plugin.js +2 -0
  13. package/dist/checkbox/checkbox.css +5 -0
  14. package/dist/checkbox/checkbox.min.css +1 -1
  15. package/dist/checkbox/checkbox.plugin.js +5 -0
  16. package/dist/components.css +248 -106
  17. package/dist/components.min.css +1 -1
  18. package/dist/components.plugin.js +216 -106
  19. package/dist/icon-button/icon-button.css +6 -0
  20. package/dist/icon-button/icon-button.min.css +1 -1
  21. package/dist/icon-button/icon-button.plugin.js +2 -0
  22. package/dist/paginator/paginator.css +6 -0
  23. package/dist/paginator/paginator.min.css +1 -1
  24. package/dist/paginator/paginator.plugin.js +2 -0
  25. package/dist/segmented-control/segmented-control-toggle.css +102 -56
  26. package/dist/segmented-control/segmented-control-toggle.min.css +1 -1
  27. package/dist/segmented-control/segmented-control-toggle.plugin.js +98 -56
  28. package/dist/segmented-control/segmented-control.css +102 -48
  29. package/dist/segmented-control/segmented-control.min.css +1 -1
  30. package/dist/segmented-control/segmented-control.plugin.js +98 -48
  31. package/dist/tag/tag.css +7 -0
  32. package/dist/tag/tag.min.css +1 -1
  33. package/dist/tag/tag.plugin.js +2 -0
  34. package/package.json +1 -1
package/dist/segmented-control/segmented-control.min.css CHANGED
@@ -1 +1 @@
1
- .ids-segmented-control{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.ids-segmented-control .ids-segmented-control-item>button{display:flex;align-items:center;border-style:solid;position:relative;text-wrap:nowrap}.ids-segmented-control .ids-segmented-control-item>button:focus{z-index:1;outline-style:solid;outline-offset:2px}.ids-segmented-control.ids-segmented-control-compact{padding:var(--ids-comp-segmented-control-container-size-padding-y-compact) var(--ids-comp-segmented-control-container-size-padding-x-compact);gap:var(--ids-comp-segmented-control-container-size-gap-compact);border-top-left-radius:var(--ids-comp-segmented-control-container-size-border-radius-left-compact);border-bottom-left-radius:var(--ids-comp-segmented-control-container-size-border-radius-left-compact);border-top-right-radius:var(--ids-comp-segmented-control-container-size-border-radius-right-compact);border-bottom-right-radius:var(--ids-comp-segmented-control-container-size-border-radius-right-compact)}.ids-segmented-control.ids-segmented-control-compact .ids-segmented-control-item>button{border-width:var(--ids-comp-segmented-control-button-size-border-width-compact);padding:var(--ids-comp-segmented-control-button-size-padding-y-compact) var(--ids-comp-segmented-control-button-size-padding-x-compact);gap:var(--ids-comp-segmented-control-button-size-gap-compact);font-family:var(--ids-comp-segmented-control-button-typography-font-family-compact);font-size:var(--ids-comp-segmented-control-button-typography-font-size-compact);font-weight:var(--ids-comp-segmented-control-button-typography-font-weight-compact);letter-spacing:var(--ids-comp-segmented-control-button-typography-letter-spacing-compact);line-height:var(--ids-comp-segmented-control-button-typography-line-height-compact)}.ids-segmented-control.ids-segmented-control-compact .ids-segmented-control-item>button:focus{outline-width:var(--ids-comp-segmented-control-focused-outline-size-outline-width-compact)}.ids-segmented-control.ids-segmented-control-compact .ids-segmented-control-item:first-of-type>button{border-top-left-radius:var(--ids-comp-segmented-control-button-size-border-radius-compact);border-bottom-left-radius:var(--ids-comp-segmented-control-button-size-border-radius-compact)}.ids-segmented-control.ids-segmented-control-compact .ids-segmented-control-item:last-of-type>button{border-top-right-radius:var(--ids-comp-segmented-control-button-size-border-radius-compact);border-bottom-right-radius:var(--ids-comp-segmented-control-button-size-border-radius-compact)}.ids-segmented-control.ids-segmented-control-compact .ids-segmented-control-item:not(:last-of-type)>button{border-right-width:0}.ids-segmented-control.ids-segmented-control-compact .ids-segmented-control-item .ids-icon{height:var(--ids-comp-segmented-control-button-size-icon-compact);width:var(--ids-comp-segmented-control-button-size-icon-compact)}.ids-segmented-control.ids-segmented-control-comfortable{padding:var(--ids-comp-segmented-control-container-size-padding-y-comfortable) var(--ids-comp-segmented-control-container-size-padding-x-comfortable);gap:var(--ids-comp-segmented-control-container-size-gap-comfortable);border-top-left-radius:var(--ids-comp-segmented-control-container-size-border-radius-left-comfortable);border-bottom-left-radius:var(--ids-comp-segmented-control-container-size-border-radius-left-comfortable);border-top-right-radius:var(--ids-comp-segmented-control-container-size-border-radius-right-comfortable);border-bottom-right-radius:var(--ids-comp-segmented-control-container-size-border-radius-right-comfortable)}.ids-segmented-control.ids-segmented-control-comfortable .ids-segmented-control-item>button{border-width:var(--ids-comp-segmented-control-button-size-border-width-comfortable);padding:var(--ids-comp-segmented-control-button-size-padding-y-comfortable) var(--ids-comp-segmented-control-button-size-padding-x-comfortable);gap:var(--ids-comp-segmented-control-button-size-gap-comfortable);font-family:var(--ids-comp-segmented-control-button-typography-font-family-comfortable);font-size:var(--ids-comp-segmented-control-button-typography-font-size-comfortable);font-weight:var(--ids-comp-segmented-control-button-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-segmented-control-button-typography-letter-spacing-comfortable);line-height:var(--ids-comp-segmented-control-button-typography-line-height-comfortable)}.ids-segmented-control.ids-segmented-control-comfortable .ids-segmented-control-item>button:focus{outline-width:var(--ids-comp-segmented-control-focused-outline-size-outline-width-comfortable)}.ids-segmented-control.ids-segmented-control-comfortable .ids-segmented-control-item:first-of-type>button{border-top-left-radius:var(--ids-comp-segmented-control-button-size-border-radius-comfortable);border-bottom-left-radius:var(--ids-comp-segmented-control-button-size-border-radius-comfortable)}.ids-segmented-control.ids-segmented-control-comfortable .ids-segmented-control-item:last-of-type>button{border-top-right-radius:var(--ids-comp-segmented-control-button-size-border-radius-comfortable);border-bottom-right-radius:var(--ids-comp-segmented-control-button-size-border-radius-comfortable)}.ids-segmented-control.ids-segmented-control-comfortable .ids-segmented-control-item:not(:last-of-type)>button{border-right-width:0}.ids-segmented-control.ids-segmented-control-comfortable .ids-segmented-control-item .ids-icon{height:var(--ids-comp-segmented-control-button-size-icon-comfortable);width:var(--ids-comp-segmented-control-button-size-icon-comfortable)}.ids-segmented-control.ids-segmented-control-spacious{padding:var(--ids-comp-segmented-control-container-size-padding-y-spacious) var(--ids-comp-segmented-control-container-size-padding-x-spacious);gap:var(--ids-comp-segmented-control-container-size-gap-spacious);border-top-left-radius:var(--ids-comp-segmented-control-container-size-border-radius-left-spacious);border-bottom-left-radius:var(--ids-comp-segmented-control-container-size-border-radius-left-spacious);border-top-right-radius:var(--ids-comp-segmented-control-container-size-border-radius-right-spacious);border-bottom-right-radius:var(--ids-comp-segmented-control-container-size-border-radius-right-spacious)}.ids-segmented-control.ids-segmented-control-spacious .ids-segmented-control-item>button{border-width:var(--ids-comp-segmented-control-button-size-border-width-spacious);padding:var(--ids-comp-segmented-control-button-size-padding-y-spacious) var(--ids-comp-segmented-control-button-size-padding-x-spacious);gap:var(--ids-comp-segmented-control-button-size-gap-spacious);font-family:var(--ids-comp-segmented-control-button-typography-font-family-spacious);font-size:var(--ids-comp-segmented-control-button-typography-font-size-spacious);font-weight:var(--ids-comp-segmented-control-button-typography-font-weight-spacious);letter-spacing:var(--ids-comp-segmented-control-button-typography-letter-spacing-spacious);line-height:var(--ids-comp-segmented-control-button-typography-line-height-spacious)}.ids-segmented-control.ids-segmented-control-spacious .ids-segmented-control-item>button:focus{outline-width:var(--ids-comp-segmented-control-focused-outline-size-outline-width-spacious)}.ids-segmented-control.ids-segmented-control-spacious .ids-segmented-control-item:first-of-type>button{border-top-left-radius:var(--ids-comp-segmented-control-button-size-border-radius-spacious);border-bottom-left-radius:var(--ids-comp-segmented-control-button-size-border-radius-spacious)}.ids-segmented-control.ids-segmented-control-spacious .ids-segmented-control-item:last-of-type>button{border-top-right-radius:var(--ids-comp-segmented-control-button-size-border-radius-spacious);border-bottom-right-radius:var(--ids-comp-segmented-control-button-size-border-radius-spacious)}.ids-segmented-control.ids-segmented-control-spacious .ids-segmented-control-item:not(:last-of-type)>button{border-right-width:0}.ids-segmented-control.ids-segmented-control-spacious .ids-segmented-control-item .ids-icon{height:var(--ids-comp-segmented-control-button-size-icon-spacious);width:var(--ids-comp-segmented-control-button-size-icon-spacious)}.ids-segmented-control.ids-segmented-control-dense{padding:var(--ids-comp-segmented-control-container-size-padding-y-dense) var(--ids-comp-segmented-control-container-size-padding-x-dense);gap:var(--ids-comp-segmented-control-container-size-gap-dense);border-top-left-radius:var(--ids-comp-segmented-control-container-size-border-radius-left-dense);border-bottom-left-radius:var(--ids-comp-segmented-control-container-size-border-radius-left-dense);border-top-right-radius:var(--ids-comp-segmented-control-container-size-border-radius-right-dense);border-bottom-right-radius:var(--ids-comp-segmented-control-container-size-border-radius-right-dense)}.ids-segmented-control.ids-segmented-control-dense .ids-segmented-control-item>button{border-width:var(--ids-comp-segmented-control-button-size-border-width-dense);padding:var(--ids-comp-segmented-control-button-size-padding-y-dense) var(--ids-comp-segmented-control-button-size-padding-x-dense);gap:var(--ids-comp-segmented-control-button-size-gap-dense);font-family:var(--ids-comp-segmented-control-button-typography-font-family-dense);font-size:var(--ids-comp-segmented-control-button-typography-font-size-dense);font-weight:var(--ids-comp-segmented-control-button-typography-font-weight-dense);letter-spacing:var(--ids-comp-segmented-control-button-typography-letter-spacing-dense);line-height:var(--ids-comp-segmented-control-button-typography-line-height-dense)}.ids-segmented-control.ids-segmented-control-dense .ids-segmented-control-item>button:focus{outline-width:var(--ids-comp-segmented-control-focused-outline-size-outline-width-dense)}.ids-segmented-control.ids-segmented-control-dense .ids-segmented-control-item:first-of-type>button{border-top-left-radius:var(--ids-comp-segmented-control-button-size-border-radius-dense);border-bottom-left-radius:var(--ids-comp-segmented-control-button-size-border-radius-dense)}.ids-segmented-control.ids-segmented-control-dense .ids-segmented-control-item:last-of-type>button{border-top-right-radius:var(--ids-comp-segmented-control-button-size-border-radius-dense);border-bottom-right-radius:var(--ids-comp-segmented-control-button-size-border-radius-dense)}.ids-segmented-control.ids-segmented-control-dense .ids-segmented-control-item:not(:last-of-type)>button{border-right-width:0}.ids-segmented-control.ids-segmented-control-dense .ids-segmented-control-item .ids-icon{height:var(--ids-comp-segmented-control-button-size-icon-dense);width:var(--ids-comp-segmented-control-button-size-icon-dense)}.ids-segmented-control.ids-segmented-control-primary .ids-segmented-control-item>button:focus{outline-color:var(--ids-comp-segmented-control-focused-outline-color-dark-focused)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled{background-color:var(--ids-comp-segmented-control-container-filled-color-bg-primary-default);border-color:var(--ids-comp-segmented-control-container-filled-color-border-primary-default)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-primary-default);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-primary-default)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-primary-default)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-button-filled-color-bg-primary-active);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-primary-active)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-primary-active)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button:hover{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-primary-hovered);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-primary-hovered)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-primary-hovered)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button:active{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-primary-pressed);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-primary-pressed)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-primary-pressed)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button:focus{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-primary-focused);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-primary-focused)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button:focus .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-primary-focused)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button:disabled{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-primary-disabled);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-primary-disabled)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-primary-disabled)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined{background-color:var(--ids-comp-segmented-control-container-outlined-color-bg-primary-default);border-color:var(--ids-comp-segmented-control-container-outlined-color-border-primary-default)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined .ids-segmented-control-item>button{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-primary-default);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-primary-default)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined .ids-segmented-control-item>button .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-primary-default)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-primary-active);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-primary-active)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-primary-active)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined .ids-segmented-control-item>button:hover{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-primary-hovered);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-primary-hovered)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined .ids-segmented-control-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-primary-hovered)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined .ids-segmented-control-item>button:active{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-primary-pressed);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-primary-pressed)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined .ids-segmented-control-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-primary-pressed)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined .ids-segmented-control-item>button:focus{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-primary-focused);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-primary-focused)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined .ids-segmented-control-item>button:focus .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-primary-focused)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined .ids-segmented-control-item>button:disabled{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-primary-disabled);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-primary-disabled)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined .ids-segmented-control-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-primary-disabled)}.ids-segmented-control.ids-segmented-control-surface .ids-segmented-control-item>button:focus{outline-color:var(--ids-comp-segmented-control-focused-outline-color-dark-focused)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled{background-color:var(--ids-comp-segmented-control-container-filled-color-bg-surface-default);border-color:var(--ids-comp-segmented-control-container-filled-color-border-surface-default)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-surface-default);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-surface-default)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-surface-default)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-button-filled-color-bg-surface-active);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-surface-active)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-surface-active)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button:hover{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-surface-hovered);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-surface-hovered)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-surface-hovered)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button:active{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-surface-pressed);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-surface-pressed)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-surface-pressed)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button:focus{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-surface-focused);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-surface-focused)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button:focus .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-surface-focused)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button:disabled{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-surface-disabled);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-surface-disabled)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-surface-disabled)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined{background-color:var(--ids-comp-segmented-control-container-outlined-color-bg-surface-default);border-color:var(--ids-comp-segmented-control-container-outlined-color-border-surface-default)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined .ids-segmented-control-item>button{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-surface-default);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-surface-default)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined .ids-segmented-control-item>button .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-surface-default)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-surface-active);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-surface-active)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-surface-active)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined .ids-segmented-control-item>button:hover{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-surface-hovered);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-surface-hovered)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined .ids-segmented-control-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-surface-hovered)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined .ids-segmented-control-item>button:active{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-surface-pressed);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-surface-pressed)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined .ids-segmented-control-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-surface-pressed)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined .ids-segmented-control-item>button:focus{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-surface-focused);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-surface-focused)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined .ids-segmented-control-item>button:focus .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-surface-focused)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined .ids-segmented-control-item>button:disabled{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-surface-disabled);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-surface-disabled)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined .ids-segmented-control-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-surface-disabled)}.ids-segmented-control.ids-segmented-control-light .ids-segmented-control-item>button:focus{outline-color:var(--ids-comp-segmented-control-focused-outline-color-light-focused)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled{background-color:var(--ids-comp-segmented-control-container-filled-color-bg-light-default);border-color:var(--ids-comp-segmented-control-container-filled-color-border-light-default)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-light-default);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-light-default)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-light-default)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-button-filled-color-bg-light-active);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-light-active)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-light-active)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button:hover{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-light-hovered);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-light-hovered)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-light-hovered)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button:active{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-light-pressed);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-light-pressed)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-light-pressed)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button:focus{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-light-focused);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-light-focused)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button:focus .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-light-focused)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button:disabled{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-light-disabled);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-light-disabled)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-light-disabled)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined{background-color:var(--ids-comp-segmented-control-container-outlined-color-bg-light-default);border-color:var(--ids-comp-segmented-control-container-outlined-color-border-light-default)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-light-default);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-light-default)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-light-default)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-light-active);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-light-active)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-light-active)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button:hover{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-light-hovered);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-light-hovered)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-light-hovered)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button:active{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-light-pressed);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-light-pressed)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-light-pressed)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button:focus{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-light-focused);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-light-focused)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button:focus .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-light-focused)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button:disabled{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-light-disabled);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-light-disabled)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-light-disabled)}.ids-segmented-control.ids-segmented-control-dark .ids-segmented-control-item>button:focus{outline-color:var(--ids-comp-segmented-control-focused-outline-color-dark-focused)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled{background-color:var(--ids-comp-segmented-control-container-filled-color-bg-dark-default);border-color:var(--ids-comp-segmented-control-container-filled-color-border-dark-default)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-dark-default);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-dark-default)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-dark-default)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-button-filled-color-bg-dark-active);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-dark-active)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-dark-active)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button:hover{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-dark-hovered);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-dark-hovered)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-dark-hovered)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button:active{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-dark-pressed);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-dark-pressed)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-dark-pressed)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button:focus{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-dark-focused);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-dark-focused)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button:focus .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-dark-focused)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button:disabled{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-dark-disabled);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-dark-disabled)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-dark-disabled)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined{background-color:var(--ids-comp-segmented-control-container-outlined-color-bg-dark-default);border-color:var(--ids-comp-segmented-control-container-outlined-color-border-dark-default)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-dark-default);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-dark-default)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-dark-default)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-dark-active);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-dark-active)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-dark-active)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button:hover{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-dark-hovered);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-dark-hovered)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-dark-hovered)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button:active{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-dark-pressed);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-dark-pressed)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-dark-pressed)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button:focus{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-dark-focused);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-dark-focused)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button:focus .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-dark-focused)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button:disabled{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-dark-disabled);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-dark-disabled)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-dark-disabled)}
1
+ .ids-segmented-control{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.ids-segmented-control .ids-segmented-control-item>button{display:flex;align-items:center;border-style:solid;position:relative;text-wrap:nowrap}.ids-segmented-control .ids-segmented-control-item>button:focus{z-index:1;outline-style:solid;outline-offset:2px}.ids-segmented-control .ids-segmented-control-item>button:not(:disabled){cursor:pointer}.ids-segmented-control .ids-segmented-control-item>button:disabled{cursor:not-allowed}.ids-segmented-control.ids-segmented-control-compact{padding:var(--ids-comp-segmented-control-container-size-padding-y-compact) var(--ids-comp-segmented-control-container-size-padding-x-compact);gap:var(--ids-comp-segmented-control-container-size-gap-compact);border-top-left-radius:var(--ids-comp-segmented-control-container-size-border-radius-left-compact);border-bottom-left-radius:var(--ids-comp-segmented-control-container-size-border-radius-left-compact);border-top-right-radius:var(--ids-comp-segmented-control-container-size-border-radius-right-compact);border-bottom-right-radius:var(--ids-comp-segmented-control-container-size-border-radius-right-compact)}.ids-segmented-control.ids-segmented-control-compact .ids-segmented-control-item>button{border-width:var(--ids-comp-segmented-control-button-size-border-width-compact);padding:var(--ids-comp-segmented-control-button-size-padding-y-compact) var(--ids-comp-segmented-control-button-size-padding-x-compact);gap:var(--ids-comp-segmented-control-button-size-gap-compact);font-family:var(--ids-comp-segmented-control-button-typography-font-family-compact);font-size:var(--ids-comp-segmented-control-button-typography-font-size-compact);font-weight:var(--ids-comp-segmented-control-button-typography-font-weight-compact);letter-spacing:var(--ids-comp-segmented-control-button-typography-letter-spacing-compact);line-height:var(--ids-comp-segmented-control-button-typography-line-height-compact)}.ids-segmented-control.ids-segmented-control-compact .ids-segmented-control-item>button:focus{outline-width:var(--ids-comp-segmented-control-focused-outline-size-outline-width-compact)}.ids-segmented-control.ids-segmented-control-compact .ids-segmented-control-item:first-of-type>button{border-top-left-radius:var(--ids-comp-segmented-control-button-size-border-radius-compact);border-bottom-left-radius:var(--ids-comp-segmented-control-button-size-border-radius-compact)}.ids-segmented-control.ids-segmented-control-compact .ids-segmented-control-item:last-of-type>button{border-top-right-radius:var(--ids-comp-segmented-control-button-size-border-radius-compact);border-bottom-right-radius:var(--ids-comp-segmented-control-button-size-border-radius-compact)}.ids-segmented-control.ids-segmented-control-compact .ids-segmented-control-item:not(:last-of-type)>button{border-right-width:0}.ids-segmented-control.ids-segmented-control-compact .ids-segmented-control-item .ids-icon{height:var(--ids-comp-segmented-control-button-size-icon-compact);width:var(--ids-comp-segmented-control-button-size-icon-compact)}.ids-segmented-control.ids-segmented-control-comfortable{padding:var(--ids-comp-segmented-control-container-size-padding-y-comfortable) var(--ids-comp-segmented-control-container-size-padding-x-comfortable);gap:var(--ids-comp-segmented-control-container-size-gap-comfortable);border-top-left-radius:var(--ids-comp-segmented-control-container-size-border-radius-left-comfortable);border-bottom-left-radius:var(--ids-comp-segmented-control-container-size-border-radius-left-comfortable);border-top-right-radius:var(--ids-comp-segmented-control-container-size-border-radius-right-comfortable);border-bottom-right-radius:var(--ids-comp-segmented-control-container-size-border-radius-right-comfortable)}.ids-segmented-control.ids-segmented-control-comfortable .ids-segmented-control-item>button{border-width:var(--ids-comp-segmented-control-button-size-border-width-comfortable);padding:var(--ids-comp-segmented-control-button-size-padding-y-comfortable) var(--ids-comp-segmented-control-button-size-padding-x-comfortable);gap:var(--ids-comp-segmented-control-button-size-gap-comfortable);font-family:var(--ids-comp-segmented-control-button-typography-font-family-comfortable);font-size:var(--ids-comp-segmented-control-button-typography-font-size-comfortable);font-weight:var(--ids-comp-segmented-control-button-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-segmented-control-button-typography-letter-spacing-comfortable);line-height:var(--ids-comp-segmented-control-button-typography-line-height-comfortable)}.ids-segmented-control.ids-segmented-control-comfortable .ids-segmented-control-item>button:focus{outline-width:var(--ids-comp-segmented-control-focused-outline-size-outline-width-comfortable)}.ids-segmented-control.ids-segmented-control-comfortable .ids-segmented-control-item:first-of-type>button{border-top-left-radius:var(--ids-comp-segmented-control-button-size-border-radius-comfortable);border-bottom-left-radius:var(--ids-comp-segmented-control-button-size-border-radius-comfortable)}.ids-segmented-control.ids-segmented-control-comfortable .ids-segmented-control-item:last-of-type>button{border-top-right-radius:var(--ids-comp-segmented-control-button-size-border-radius-comfortable);border-bottom-right-radius:var(--ids-comp-segmented-control-button-size-border-radius-comfortable)}.ids-segmented-control.ids-segmented-control-comfortable .ids-segmented-control-item:not(:last-of-type)>button{border-right-width:0}.ids-segmented-control.ids-segmented-control-comfortable .ids-segmented-control-item .ids-icon{height:var(--ids-comp-segmented-control-button-size-icon-comfortable);width:var(--ids-comp-segmented-control-button-size-icon-comfortable)}.ids-segmented-control.ids-segmented-control-spacious{padding:var(--ids-comp-segmented-control-container-size-padding-y-spacious) var(--ids-comp-segmented-control-container-size-padding-x-spacious);gap:var(--ids-comp-segmented-control-container-size-gap-spacious);border-top-left-radius:var(--ids-comp-segmented-control-container-size-border-radius-left-spacious);border-bottom-left-radius:var(--ids-comp-segmented-control-container-size-border-radius-left-spacious);border-top-right-radius:var(--ids-comp-segmented-control-container-size-border-radius-right-spacious);border-bottom-right-radius:var(--ids-comp-segmented-control-container-size-border-radius-right-spacious)}.ids-segmented-control.ids-segmented-control-spacious .ids-segmented-control-item>button{border-width:var(--ids-comp-segmented-control-button-size-border-width-spacious);padding:var(--ids-comp-segmented-control-button-size-padding-y-spacious) var(--ids-comp-segmented-control-button-size-padding-x-spacious);gap:var(--ids-comp-segmented-control-button-size-gap-spacious);font-family:var(--ids-comp-segmented-control-button-typography-font-family-spacious);font-size:var(--ids-comp-segmented-control-button-typography-font-size-spacious);font-weight:var(--ids-comp-segmented-control-button-typography-font-weight-spacious);letter-spacing:var(--ids-comp-segmented-control-button-typography-letter-spacing-spacious);line-height:var(--ids-comp-segmented-control-button-typography-line-height-spacious)}.ids-segmented-control.ids-segmented-control-spacious .ids-segmented-control-item>button:focus{outline-width:var(--ids-comp-segmented-control-focused-outline-size-outline-width-spacious)}.ids-segmented-control.ids-segmented-control-spacious .ids-segmented-control-item:first-of-type>button{border-top-left-radius:var(--ids-comp-segmented-control-button-size-border-radius-spacious);border-bottom-left-radius:var(--ids-comp-segmented-control-button-size-border-radius-spacious)}.ids-segmented-control.ids-segmented-control-spacious .ids-segmented-control-item:last-of-type>button{border-top-right-radius:var(--ids-comp-segmented-control-button-size-border-radius-spacious);border-bottom-right-radius:var(--ids-comp-segmented-control-button-size-border-radius-spacious)}.ids-segmented-control.ids-segmented-control-spacious .ids-segmented-control-item:not(:last-of-type)>button{border-right-width:0}.ids-segmented-control.ids-segmented-control-spacious .ids-segmented-control-item .ids-icon{height:var(--ids-comp-segmented-control-button-size-icon-spacious);width:var(--ids-comp-segmented-control-button-size-icon-spacious)}.ids-segmented-control.ids-segmented-control-dense{padding:var(--ids-comp-segmented-control-container-size-padding-y-dense) var(--ids-comp-segmented-control-container-size-padding-x-dense);gap:var(--ids-comp-segmented-control-container-size-gap-dense);border-top-left-radius:var(--ids-comp-segmented-control-container-size-border-radius-left-dense);border-bottom-left-radius:var(--ids-comp-segmented-control-container-size-border-radius-left-dense);border-top-right-radius:var(--ids-comp-segmented-control-container-size-border-radius-right-dense);border-bottom-right-radius:var(--ids-comp-segmented-control-container-size-border-radius-right-dense)}.ids-segmented-control.ids-segmented-control-dense .ids-segmented-control-item>button{border-width:var(--ids-comp-segmented-control-button-size-border-width-dense);padding:var(--ids-comp-segmented-control-button-size-padding-y-dense) var(--ids-comp-segmented-control-button-size-padding-x-dense);gap:var(--ids-comp-segmented-control-button-size-gap-dense);font-family:var(--ids-comp-segmented-control-button-typography-font-family-dense);font-size:var(--ids-comp-segmented-control-button-typography-font-size-dense);font-weight:var(--ids-comp-segmented-control-button-typography-font-weight-dense);letter-spacing:var(--ids-comp-segmented-control-button-typography-letter-spacing-dense);line-height:var(--ids-comp-segmented-control-button-typography-line-height-dense)}.ids-segmented-control.ids-segmented-control-dense .ids-segmented-control-item>button:focus{outline-width:var(--ids-comp-segmented-control-focused-outline-size-outline-width-dense)}.ids-segmented-control.ids-segmented-control-dense .ids-segmented-control-item:first-of-type>button{border-top-left-radius:var(--ids-comp-segmented-control-button-size-border-radius-dense);border-bottom-left-radius:var(--ids-comp-segmented-control-button-size-border-radius-dense)}.ids-segmented-control.ids-segmented-control-dense .ids-segmented-control-item:last-of-type>button{border-top-right-radius:var(--ids-comp-segmented-control-button-size-border-radius-dense);border-bottom-right-radius:var(--ids-comp-segmented-control-button-size-border-radius-dense)}.ids-segmented-control.ids-segmented-control-dense .ids-segmented-control-item:not(:last-of-type)>button{border-right-width:0}.ids-segmented-control.ids-segmented-control-dense .ids-segmented-control-item .ids-icon{height:var(--ids-comp-segmented-control-button-size-icon-dense);width:var(--ids-comp-segmented-control-button-size-icon-dense)}.ids-segmented-control.ids-segmented-control-primary .ids-segmented-control-item>button:focus{outline-color:var(--ids-comp-segmented-control-focused-outline-color-dark-focused)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled{background-color:var(--ids-comp-segmented-control-container-filled-color-bg-primary-default);border-color:var(--ids-comp-segmented-control-container-filled-color-border-primary-default)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-primary-default);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-primary-default);border-color:var(--ids-comp-segmented-control-button-filled-color-border-primary-default)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-primary-default)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-button-filled-color-bg-primary-active);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-primary-active);border-color:var(--ids-comp-segmented-control-button-filled-color-border-primary-active)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-primary-active)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button:hover{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-primary-hovered);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-primary-hovered);border-color:var(--ids-comp-segmented-control-button-filled-color-border-primary-hovered)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-primary-hovered)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button:active{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-primary-pressed);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-primary-pressed);border-color:var(--ids-comp-segmented-control-button-filled-color-border-primary-pressed)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-primary-pressed)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button:focus{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-primary-focused);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-primary-focused);border-color:var(--ids-comp-segmented-control-button-filled-color-border-primary-focused)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button:focus .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-primary-focused)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button:disabled{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-primary-disabled);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-primary-disabled);border-color:var(--ids-comp-segmented-control-button-filled-color-border-primary-disabled)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-filled .ids-segmented-control-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-primary-disabled)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined{background-color:var(--ids-comp-segmented-control-container-outlined-color-bg-primary-default);border-color:var(--ids-comp-segmented-control-container-outlined-color-border-primary-default)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined .ids-segmented-control-item>button{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-primary-default);color:var(--ids-comp-segmented-control-button-outlined-color-fg-label-primary-default);border-color:var(--ids-comp-segmented-control-button-outlined-color-border-primary-default)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined .ids-segmented-control-item>button .ids-icon{color:var(--ids-comp-segmented-control-button-outlined-color-fg-icon-primary-default)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-primary-active);color:var(--ids-comp-segmented-control-button-outlined-color-fg-label-primary-active);border-color:var(--ids-comp-segmented-control-button-outlined-color-border-primary-active)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-button-outlined-color-fg-icon-primary-active)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined .ids-segmented-control-item>button:hover{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-primary-hovered);color:var(--ids-comp-segmented-control-button-outlined-color-fg-label-primary-hovered);border-color:var(--ids-comp-segmented-control-button-outlined-color-border-primary-hovered)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined .ids-segmented-control-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-button-outlined-color-fg-icon-primary-hovered)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined .ids-segmented-control-item>button:active{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-primary-pressed);color:var(--ids-comp-segmented-control-button-outlined-color-fg-label-primary-pressed);border-color:var(--ids-comp-segmented-control-button-outlined-color-border-primary-pressed)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined .ids-segmented-control-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-button-outlined-color-fg-icon-primary-pressed)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined .ids-segmented-control-item>button:focus{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-primary-focused);color:var(--ids-comp-segmented-control-button-outlined-color-fg-label-primary-focused);border-color:var(--ids-comp-segmented-control-button-outlined-color-border-primary-focused)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined .ids-segmented-control-item>button:focus .ids-icon{color:var(--ids-comp-segmented-control-button-outlined-color-fg-icon-primary-focused)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined .ids-segmented-control-item>button:disabled{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-primary-disabled);color:var(--ids-comp-segmented-control-button-outlined-color-fg-label-primary-disabled);border-color:var(--ids-comp-segmented-control-button-outlined-color-border-primary-disabled)}.ids-segmented-control.ids-segmented-control-primary.ids-segmented-control-outlined .ids-segmented-control-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-button-outlined-color-fg-icon-primary-disabled)}.ids-segmented-control.ids-segmented-control-surface .ids-segmented-control-item>button:focus{outline-color:var(--ids-comp-segmented-control-focused-outline-color-dark-focused)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled{background-color:var(--ids-comp-segmented-control-container-filled-color-bg-surface-default);border-color:var(--ids-comp-segmented-control-container-filled-color-border-surface-default)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-surface-default);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-surface-default);border-color:var(--ids-comp-segmented-control-button-filled-color-border-surface-default)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-surface-default)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-button-filled-color-bg-surface-active);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-surface-active);border-color:var(--ids-comp-segmented-control-button-filled-color-border-surface-active)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-surface-active)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button:hover{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-surface-hovered);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-surface-hovered);border-color:var(--ids-comp-segmented-control-button-filled-color-border-surface-hovered)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-surface-hovered)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button:active{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-surface-pressed);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-surface-pressed);border-color:var(--ids-comp-segmented-control-button-filled-color-border-surface-pressed)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-surface-pressed)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button:focus{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-surface-focused);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-surface-focused);border-color:var(--ids-comp-segmented-control-button-filled-color-border-surface-focused)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button:focus .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-surface-focused)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button:disabled{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-surface-disabled);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-surface-disabled);border-color:var(--ids-comp-segmented-control-button-filled-color-border-surface-disabled)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-filled .ids-segmented-control-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-surface-disabled)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined{background-color:var(--ids-comp-segmented-control-container-outlined-color-bg-surface-default);border-color:var(--ids-comp-segmented-control-container-outlined-color-border-surface-default)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined .ids-segmented-control-item>button{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-surface-default);color:var(--ids-comp-segmented-control-button-outlined-color-fg-label-surface-default);border-color:var(--ids-comp-segmented-control-button-outlined-color-border-surface-default)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined .ids-segmented-control-item>button .ids-icon{color:var(--ids-comp-segmented-control-button-outlined-color-fg-icon-surface-default)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-surface-active);color:var(--ids-comp-segmented-control-button-outlined-color-fg-label-surface-active);border-color:var(--ids-comp-segmented-control-button-outlined-color-border-surface-active)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-button-outlined-color-fg-icon-surface-active)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined .ids-segmented-control-item>button:hover{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-surface-hovered);color:var(--ids-comp-segmented-control-button-outlined-color-fg-label-surface-hovered);border-color:var(--ids-comp-segmented-control-button-outlined-color-border-surface-hovered)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined .ids-segmented-control-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-button-outlined-color-fg-icon-surface-hovered)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined .ids-segmented-control-item>button:active{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-surface-pressed);color:var(--ids-comp-segmented-control-button-outlined-color-fg-label-surface-pressed);border-color:var(--ids-comp-segmented-control-button-outlined-color-border-surface-pressed)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined .ids-segmented-control-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-button-outlined-color-fg-icon-surface-pressed)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined .ids-segmented-control-item>button:focus{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-surface-focused);color:var(--ids-comp-segmented-control-button-outlined-color-fg-label-surface-focused);border-color:var(--ids-comp-segmented-control-button-outlined-color-border-surface-focused)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined .ids-segmented-control-item>button:focus .ids-icon{color:var(--ids-comp-segmented-control-button-outlined-color-fg-icon-surface-focused)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined .ids-segmented-control-item>button:disabled{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-surface-disabled);color:var(--ids-comp-segmented-control-button-outlined-color-fg-label-surface-disabled);border-color:var(--ids-comp-segmented-control-button-outlined-color-border-surface-disabled)}.ids-segmented-control.ids-segmented-control-surface.ids-segmented-control-outlined .ids-segmented-control-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-button-outlined-color-fg-icon-surface-disabled)}.ids-segmented-control.ids-segmented-control-light .ids-segmented-control-item>button:focus{outline-color:var(--ids-comp-segmented-control-focused-outline-color-light-focused)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled{background-color:var(--ids-comp-segmented-control-container-filled-color-bg-light-default);border-color:var(--ids-comp-segmented-control-container-filled-color-border-light-default)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-light-default);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-light-default);border-color:var(--ids-comp-segmented-control-button-filled-color-border-light-default)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-light-default)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-button-filled-color-bg-light-active);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-light-active);border-color:var(--ids-comp-segmented-control-button-filled-color-border-light-active)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-light-active)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button:hover{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-light-hovered);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-light-hovered);border-color:var(--ids-comp-segmented-control-button-filled-color-border-light-hovered)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-light-hovered)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button:active{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-light-pressed);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-light-pressed);border-color:var(--ids-comp-segmented-control-button-filled-color-border-light-pressed)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-light-pressed)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button:focus{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-light-focused);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-light-focused);border-color:var(--ids-comp-segmented-control-button-filled-color-border-light-focused)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button:focus .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-light-focused)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button:disabled{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-light-disabled);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-light-disabled);border-color:var(--ids-comp-segmented-control-button-filled-color-border-light-disabled)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-filled .ids-segmented-control-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-light-disabled)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined{background-color:var(--ids-comp-segmented-control-container-outlined-color-bg-light-default);border-color:var(--ids-comp-segmented-control-container-outlined-color-border-light-default)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-light-default);color:var(--ids-comp-segmented-control-button-outlined-color-fg-label-light-default);border-color:var(--ids-comp-segmented-control-button-outlined-color-border-light-default)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button .ids-icon{color:var(--ids-comp-segmented-control-button-outlined-color-fg-icon-light-default)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-light-active);color:var(--ids-comp-segmented-control-button-outlined-color-fg-label-light-active);border-color:var(--ids-comp-segmented-control-button-outlined-color-border-light-active)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-button-outlined-color-fg-icon-light-active)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button:hover{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-light-hovered);color:var(--ids-comp-segmented-control-button-outlined-color-fg-label-light-hovered);border-color:var(--ids-comp-segmented-control-button-outlined-color-border-light-hovered)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-button-outlined-color-fg-icon-light-hovered)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button:active{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-light-pressed);color:var(--ids-comp-segmented-control-button-outlined-color-fg-label-light-pressed);border-color:var(--ids-comp-segmented-control-button-outlined-color-border-light-pressed)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-button-outlined-color-fg-icon-light-pressed)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button:focus{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-light-focused);color:var(--ids-comp-segmented-control-button-outlined-color-fg-label-light-focused);border-color:var(--ids-comp-segmented-control-button-outlined-color-border-light-focused)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button:focus .ids-icon{color:var(--ids-comp-segmented-control-button-outlined-color-fg-icon-light-focused)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button:disabled{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-light-disabled);color:var(--ids-comp-segmented-control-button-outlined-color-fg-label-light-disabled);border-color:var(--ids-comp-segmented-control-button-outlined-color-border-light-disabled)}.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-button-outlined-color-fg-icon-light-disabled)}.ids-segmented-control.ids-segmented-control-dark .ids-segmented-control-item>button:focus{outline-color:var(--ids-comp-segmented-control-focused-outline-color-dark-focused)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled{background-color:var(--ids-comp-segmented-control-container-filled-color-bg-dark-default);border-color:var(--ids-comp-segmented-control-container-filled-color-border-dark-default)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-dark-default);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-dark-default);border-color:var(--ids-comp-segmented-control-button-filled-color-border-dark-default)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-dark-default)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-button-filled-color-bg-dark-active);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-dark-active);border-color:var(--ids-comp-segmented-control-button-filled-color-border-dark-active)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-dark-active)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button:hover{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-dark-hovered);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-dark-hovered);border-color:var(--ids-comp-segmented-control-button-filled-color-border-dark-hovered)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-dark-hovered)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button:active{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-dark-pressed);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-dark-pressed);border-color:var(--ids-comp-segmented-control-button-filled-color-border-dark-pressed)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-dark-pressed)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button:focus{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-dark-focused);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-dark-focused);border-color:var(--ids-comp-segmented-control-button-filled-color-border-dark-focused)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button:focus .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-dark-focused)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button:disabled{background-color:var(--ids-comp-segmented-control-button-filled-color-bg-dark-disabled);color:var(--ids-comp-segmented-control-button-filled-color-fg-label-dark-disabled);border-color:var(--ids-comp-segmented-control-button-filled-color-border-dark-disabled)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-filled .ids-segmented-control-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-button-filled-color-fg-icon-dark-disabled)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined{background-color:var(--ids-comp-segmented-control-container-outlined-color-bg-dark-default);border-color:var(--ids-comp-segmented-control-container-outlined-color-border-dark-default)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-dark-default);color:var(--ids-comp-segmented-control-button-outlined-color-fg-label-dark-default);border-color:var(--ids-comp-segmented-control-button-outlined-color-border-dark-default)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button .ids-icon{color:var(--ids-comp-segmented-control-button-outlined-color-fg-icon-dark-default)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-dark-active);color:var(--ids-comp-segmented-control-button-outlined-color-fg-label-dark-active);border-color:var(--ids-comp-segmented-control-button-outlined-color-border-dark-active)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button.ids-segmented-control-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-button-outlined-color-fg-icon-dark-active)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button:hover{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-dark-hovered);color:var(--ids-comp-segmented-control-button-outlined-color-fg-label-dark-hovered);border-color:var(--ids-comp-segmented-control-button-outlined-color-border-dark-hovered)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button:hover .ids-icon{color:var(--ids-comp-segmented-control-button-outlined-color-fg-icon-dark-hovered)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button:active{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-dark-pressed);color:var(--ids-comp-segmented-control-button-outlined-color-fg-label-dark-pressed);border-color:var(--ids-comp-segmented-control-button-outlined-color-border-dark-pressed)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button:active .ids-icon{color:var(--ids-comp-segmented-control-button-outlined-color-fg-icon-dark-pressed)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button:focus{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-dark-focused);color:var(--ids-comp-segmented-control-button-outlined-color-fg-label-dark-focused);border-color:var(--ids-comp-segmented-control-button-outlined-color-border-dark-focused)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button:focus .ids-icon{color:var(--ids-comp-segmented-control-button-outlined-color-fg-icon-dark-focused)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button:disabled{background-color:var(--ids-comp-segmented-control-button-outlined-color-bg-dark-disabled);color:var(--ids-comp-segmented-control-button-outlined-color-fg-label-dark-disabled);border-color:var(--ids-comp-segmented-control-button-outlined-color-border-dark-disabled)}.ids-segmented-control.ids-segmented-control-dark.ids-segmented-control-outlined .ids-segmented-control-item>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-button-outlined-color-fg-icon-dark-disabled)}