@i-cell/ids-styles 0.0.26 → 0.0.27

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 (19) hide show
  1. package/dist/button/button-group.css +22 -0
  2. package/dist/button/button-group.min.css +1 -0
  3. package/dist/button/button-group.plugin.js +26 -0
  4. package/dist/button/button.css +74 -74
  5. package/dist/button/button.min.css +1 -1
  6. package/dist/button/button.plugin.js +74 -74
  7. package/dist/components.css +491 -357
  8. package/dist/components.min.css +1 -1
  9. package/dist/components.plugin.js +636 -514
  10. package/dist/form-elements/message/message.css +12 -12
  11. package/dist/form-elements/message/message.min.css +1 -1
  12. package/dist/form-elements/message/message.plugin.js +12 -12
  13. package/dist/radio/radio.css +154 -154
  14. package/dist/radio/radio.min.css +1 -1
  15. package/dist/radio/radio.plugin.js +199 -222
  16. package/dist/segmented-control-toggle/segmented-control-toggle.css +563 -0
  17. package/dist/segmented-control-toggle/segmented-control-toggle.min.css +1 -0
  18. package/dist/segmented-control-toggle/segmented-control-toggle.plugin.js +558 -0
  19. package/package.json +2 -2
package/dist/button/button.min.css CHANGED
@@ -1 +1 @@
1
- .ids-button{flex-shrink:0;width:fit-content;align-items:center;display:inline-flex;justify-content:center;border-style:solid}.ids-button:focus,.ids-button:focus-visible{outline-offset:2px;outline-style:solid}.ids-button:active{outline-style:none}.ids-button:not(:disabled){cursor:pointer}.ids-button:disabled{cursor:not-allowed}.ids-button>.ids-icon{flex-shrink:0}.ids-button.ids-button-compact{gap:var(--ids-comp-button-size-gap-compact);height:var(--ids-comp-button-size-height-compact);min-width:var(--ids-comp-button-size-min-width-compact);padding:var(--ids-comp-button-size-padding-y-compact) var(--ids-comp-button-size-padding-x-compact);border-radius:var(--ids-comp-button-size-border-radius-compact);border-width:var(--ids-comp-button-size-border-width-compact)}.ids-button.ids-button-compact:focus{outline-width:var(--ids-comp-button-focused-outline-size-outline-compact)}.ids-button.ids-button-compact>.ids-button-label{font-family:var(--ids-comp-button-label-typography-font-family-compact);font-size:var(--ids-comp-button-label-typography-font-size-compact);font-weight:var(--ids-comp-button-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-button-label-typography-letter-spacing-compact);line-height:var(--ids-comp-button-label-typography-line-height-compact)}.ids-button.ids-button-compact>.ids-icon{width:var(--ids-comp-button-size-icon-compact);height:var(--ids-comp-button-size-icon-compact);font-size:var(--ids-comp-button-icon-typography-font-size-compact);font-weight:var(--ids-comp-button-icon-typography-font-weight-compact);line-height:var(--ids-comp-button-icon-typography-line-height-compact)}.ids-button.ids-button-comfortable{gap:var(--ids-comp-button-size-gap-comfortable);height:var(--ids-comp-button-size-height-comfortable);min-width:var(--ids-comp-button-size-min-width-comfortable);padding:var(--ids-comp-button-size-padding-y-comfortable) var(--ids-comp-button-size-padding-x-comfortable);border-radius:var(--ids-comp-button-size-border-radius-comfortable);border-width:var(--ids-comp-button-size-border-width-comfortable)}.ids-button.ids-button-comfortable:focus{outline-width:var(--ids-comp-button-focused-outline-size-outline-comfortable)}.ids-button.ids-button-comfortable>.ids-button-label{font-family:var(--ids-comp-button-label-typography-font-family-comfortable);font-size:var(--ids-comp-button-label-typography-font-size-comfortable);font-weight:var(--ids-comp-button-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-button-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-button-label-typography-line-height-comfortable)}.ids-button.ids-button-comfortable>.ids-icon{width:var(--ids-comp-button-size-icon-comfortable);height:var(--ids-comp-button-size-icon-comfortable);font-size:var(--ids-comp-button-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-button-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-button-icon-typography-line-height-comfortable)}.ids-button.ids-button-spacious{gap:var(--ids-comp-button-size-gap-spacious);height:var(--ids-comp-button-size-height-spacious);min-width:var(--ids-comp-button-size-min-width-spacious);padding:var(--ids-comp-button-size-padding-y-spacious) var(--ids-comp-button-size-padding-x-spacious);border-radius:var(--ids-comp-button-size-border-radius-spacious);border-width:var(--ids-comp-button-size-border-width-spacious)}.ids-button.ids-button-spacious:focus{outline-width:var(--ids-comp-button-focused-outline-size-outline-spacious)}.ids-button.ids-button-spacious>.ids-button-label{font-family:var(--ids-comp-button-label-typography-font-family-spacious);font-size:var(--ids-comp-button-label-typography-font-size-spacious);font-weight:var(--ids-comp-button-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-button-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-button-label-typography-line-height-spacious)}.ids-button.ids-button-spacious>.ids-icon{width:var(--ids-comp-button-size-icon-spacious);height:var(--ids-comp-button-size-icon-spacious);font-size:var(--ids-comp-button-icon-typography-font-size-spacious);font-weight:var(--ids-comp-button-icon-typography-font-weight-spacious);line-height:var(--ids-comp-button-icon-typography-line-height-spacious)}.ids-button.ids-button-dense{gap:var(--ids-comp-button-size-gap-dense);height:var(--ids-comp-button-size-height-dense);min-width:var(--ids-comp-button-size-min-width-dense);padding:var(--ids-comp-button-size-padding-y-dense) var(--ids-comp-button-size-padding-x-dense);border-radius:var(--ids-comp-button-size-border-radius-dense);border-width:var(--ids-comp-button-size-border-width-dense)}.ids-button.ids-button-dense:focus{outline-width:var(--ids-comp-button-focused-outline-size-outline-dense)}.ids-button.ids-button-dense>.ids-button-label{font-family:var(--ids-comp-button-label-typography-font-family-dense);font-size:var(--ids-comp-button-label-typography-font-size-dense);font-weight:var(--ids-comp-button-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-button-label-typography-letter-spacing-dense);line-height:var(--ids-comp-button-label-typography-line-height-dense)}.ids-button.ids-button-dense>.ids-icon{width:var(--ids-comp-button-size-icon-dense);height:var(--ids-comp-button-size-icon-dense);font-size:var(--ids-comp-button-icon-typography-font-size-dense);font-weight:var(--ids-comp-button-icon-typography-font-weight-dense);line-height:var(--ids-comp-button-icon-typography-line-height-dense)}.ids-button.ids-button-filled.ids-button-primary{color:var(--ids-comp-button-filled-color-fg-label-primary-default);background:var(--ids-comp-button-filled-color-bg-primary-default);border-color:var(--ids-comp-button-filled-color-border-primary-default)}.ids-button.ids-button-filled.ids-button-primary>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-default)}.ids-button.ids-button-filled.ids-button-primary:hover{color:var(--ids-comp-button-filled-color-fg-label-primary-hovered);background:var(--ids-comp-button-filled-color-bg-primary-hovered);border-color:var(--ids-comp-button-filled-color-border-primary-default)}.ids-button.ids-button-filled.ids-button-primary:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-hovered)}.ids-button.ids-button-filled.ids-button-primary:focus,.ids-button.ids-button-filled.ids-button-primary:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-primary-focused);background:var(--ids-comp-button-filled-color-bg-primary-focused);border-color:var(--ids-comp-button-filled-color-border-primary-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-primary:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-primary:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-focused)}.ids-button.ids-button-filled.ids-button-primary:active{color:var(--ids-comp-button-filled-color-fg-label-primary-pressed);background:var(--ids-comp-button-filled-color-bg-primary-pressed);border-color:var(--ids-comp-button-filled-color-border-primary-default)}.ids-button.ids-button-filled.ids-button-primary:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-pressed)}.ids-button.ids-button-filled.ids-button-primary:disabled{color:var(--ids-comp-button-filled-color-fg-label-primary-disabled);background:var(--ids-comp-button-filled-color-bg-primary-disabled);border-color:var(--ids-comp-button-filled-color-border-primary-default)}.ids-button.ids-button-filled.ids-button-primary:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-disabled)}.ids-button.ids-button-filled.ids-button-secondary{color:var(--ids-comp-button-filled-color-fg-label-secondary-default);background:var(--ids-comp-button-filled-color-bg-secondary-default);border-color:var(--ids-comp-button-filled-color-border-secondary-default)}.ids-button.ids-button-filled.ids-button-secondary>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-default)}.ids-button.ids-button-filled.ids-button-secondary:hover{color:var(--ids-comp-button-filled-color-fg-label-secondary-hovered);background:var(--ids-comp-button-filled-color-bg-secondary-hovered);border-color:var(--ids-comp-button-filled-color-border-secondary-default)}.ids-button.ids-button-filled.ids-button-secondary:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-hovered)}.ids-button.ids-button-filled.ids-button-secondary:focus,.ids-button.ids-button-filled.ids-button-secondary:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-secondary-focused);background:var(--ids-comp-button-filled-color-bg-secondary-focused);border-color:var(--ids-comp-button-filled-color-border-secondary-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-secondary:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-secondary:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-focused)}.ids-button.ids-button-filled.ids-button-secondary:active{color:var(--ids-comp-button-filled-color-fg-label-secondary-pressed);background:var(--ids-comp-button-filled-color-bg-secondary-pressed);border-color:var(--ids-comp-button-filled-color-border-secondary-default)}.ids-button.ids-button-filled.ids-button-secondary:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-pressed)}.ids-button.ids-button-filled.ids-button-secondary:disabled{color:var(--ids-comp-button-filled-color-fg-label-secondary-disabled);background:var(--ids-comp-button-filled-color-bg-secondary-disabled);border-color:var(--ids-comp-button-filled-color-border-secondary-default)}.ids-button.ids-button-filled.ids-button-secondary:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-disabled)}.ids-button.ids-button-filled.ids-button-brand{color:var(--ids-comp-button-filled-color-fg-label-brand-default);background:var(--ids-comp-button-filled-color-bg-brand-default);border-color:var(--ids-comp-button-filled-color-border-brand-default)}.ids-button.ids-button-filled.ids-button-brand>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-default)}.ids-button.ids-button-filled.ids-button-brand:hover{color:var(--ids-comp-button-filled-color-fg-label-brand-hovered);background:var(--ids-comp-button-filled-color-bg-brand-hovered);border-color:var(--ids-comp-button-filled-color-border-brand-default)}.ids-button.ids-button-filled.ids-button-brand:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-hovered)}.ids-button.ids-button-filled.ids-button-brand:focus,.ids-button.ids-button-filled.ids-button-brand:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-brand-focused);background:var(--ids-comp-button-filled-color-bg-brand-focused);border-color:var(--ids-comp-button-filled-color-border-brand-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-brand:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-brand:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-focused)}.ids-button.ids-button-filled.ids-button-brand:active{color:var(--ids-comp-button-filled-color-fg-label-brand-pressed);background:var(--ids-comp-button-filled-color-bg-brand-pressed);border-color:var(--ids-comp-button-filled-color-border-brand-default)}.ids-button.ids-button-filled.ids-button-brand:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-pressed)}.ids-button.ids-button-filled.ids-button-brand:disabled{color:var(--ids-comp-button-filled-color-fg-label-brand-disabled);background:var(--ids-comp-button-filled-color-bg-brand-disabled);border-color:var(--ids-comp-button-filled-color-border-brand-default)}.ids-button.ids-button-filled.ids-button-brand:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-disabled)}.ids-button.ids-button-filled.ids-button-error{color:var(--ids-comp-button-filled-color-fg-label-error-default);background:var(--ids-comp-button-filled-color-bg-error-default);border-color:var(--ids-comp-button-filled-color-border-error-default)}.ids-button.ids-button-filled.ids-button-error>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-error-default)}.ids-button.ids-button-filled.ids-button-error:hover{color:var(--ids-comp-button-filled-color-fg-label-error-hovered);background:var(--ids-comp-button-filled-color-bg-error-hovered);border-color:var(--ids-comp-button-filled-color-border-error-default)}.ids-button.ids-button-filled.ids-button-error:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-error-hovered)}.ids-button.ids-button-filled.ids-button-error:focus,.ids-button.ids-button-filled.ids-button-error:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-error-focused);background:var(--ids-comp-button-filled-color-bg-error-focused);border-color:var(--ids-comp-button-filled-color-border-error-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-error:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-error:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-error-focused)}.ids-button.ids-button-filled.ids-button-error:active{color:var(--ids-comp-button-filled-color-fg-label-error-pressed);background:var(--ids-comp-button-filled-color-bg-error-pressed);border-color:var(--ids-comp-button-filled-color-border-error-default)}.ids-button.ids-button-filled.ids-button-error:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-error-pressed)}.ids-button.ids-button-filled.ids-button-success{color:var(--ids-comp-button-filled-color-fg-label-success-default);background:var(--ids-comp-button-filled-color-bg-success-default);border-color:var(--ids-comp-button-filled-color-border-success-default)}.ids-button.ids-button-filled.ids-button-success>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-success-default)}.ids-button.ids-button-filled.ids-button-success:hover{color:var(--ids-comp-button-filled-color-fg-label-success-hovered);background:var(--ids-comp-button-filled-color-bg-success-hovered);border-color:var(--ids-comp-button-filled-color-border-success-default)}.ids-button.ids-button-filled.ids-button-success:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-success-hovered)}.ids-button.ids-button-filled.ids-button-success:focus,.ids-button.ids-button-filled.ids-button-success:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-success-focused);background:var(--ids-comp-button-filled-color-bg-success-focused);border-color:var(--ids-comp-button-filled-color-border-success-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-success:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-success:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-success-focused)}.ids-button.ids-button-filled.ids-button-success:active{color:var(--ids-comp-button-filled-color-fg-label-success-pressed);background:var(--ids-comp-button-filled-color-bg-success-pressed);border-color:var(--ids-comp-button-filled-color-border-success-default)}.ids-button.ids-button-filled.ids-button-success:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-success-pressed)}.ids-button.ids-button-filled.ids-button-warning{color:var(--ids-comp-button-filled-color-fg-label-warning-default);background:var(--ids-comp-button-filled-color-bg-warning-default);border-color:var(--ids-comp-button-filled-color-border-warning-default)}.ids-button.ids-button-filled.ids-button-warning>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-warning-default)}.ids-button.ids-button-filled.ids-button-warning:hover{color:var(--ids-comp-button-filled-color-fg-label-warning-hovered);background:var(--ids-comp-button-filled-color-bg-warning-hovered);border-color:var(--ids-comp-button-filled-color-border-warning-default)}.ids-button.ids-button-filled.ids-button-warning:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-warning-hovered)}.ids-button.ids-button-filled.ids-button-warning:focus,.ids-button.ids-button-filled.ids-button-warning:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-warning-focused);background:var(--ids-comp-button-filled-color-bg-warning-focused);border-color:var(--ids-comp-button-filled-color-border-warning-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-warning:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-warning:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-warning-focused)}.ids-button.ids-button-filled.ids-button-warning:active{color:var(--ids-comp-button-filled-color-fg-label-warning-pressed);background:var(--ids-comp-button-filled-color-bg-warning-pressed);border-color:var(--ids-comp-button-filled-color-border-warning-default)}.ids-button.ids-button-filled.ids-button-warning:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-warning-pressed)}.ids-button.ids-button-filled.ids-button-light{color:var(--ids-comp-button-filled-color-fg-label-light-default);background:var(--ids-comp-button-filled-color-bg-light-default);border-color:var(--ids-comp-button-filled-color-border-light-default)}.ids-button.ids-button-filled.ids-button-light>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-default)}.ids-button.ids-button-filled.ids-button-light:hover{color:var(--ids-comp-button-filled-color-fg-label-light-hovered);background:var(--ids-comp-button-filled-color-bg-light-hovered);border-color:var(--ids-comp-button-filled-color-border-light-default)}.ids-button.ids-button-filled.ids-button-light:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-hovered)}.ids-button.ids-button-filled.ids-button-light:focus,.ids-button.ids-button-filled.ids-button-light:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-light-focused);background:var(--ids-comp-button-filled-color-bg-light-focused);border-color:var(--ids-comp-button-filled-color-border-light-default);outline-color:var(--ids-comp-button-focused-outline-color-light-focused)}.ids-button.ids-button-filled.ids-button-light:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-light:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-focused)}.ids-button.ids-button-filled.ids-button-light:active{color:var(--ids-comp-button-filled-color-fg-label-light-pressed);background:var(--ids-comp-button-filled-color-bg-light-pressed);border-color:var(--ids-comp-button-filled-color-border-light-default)}.ids-button.ids-button-filled.ids-button-light:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-pressed)}.ids-button.ids-button-filled.ids-button-light:disabled{color:var(--ids-comp-button-filled-color-fg-label-light-disabled);background:var(--ids-comp-button-filled-color-bg-light-disabled);border-color:var(--ids-comp-button-filled-color-border-light-default)}.ids-button.ids-button-filled.ids-button-light:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-disabled)}.ids-button.ids-button-filled.ids-button-light-fixed{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-default);background:var(--ids-comp-button-filled-color-bg-light-fixed-default);border-color:var(--ids-comp-button-filled-color-border-light-fixed-default)}.ids-button.ids-button-filled.ids-button-light-fixed>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-default)}.ids-button.ids-button-filled.ids-button-light-fixed:hover{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-hovered);background:var(--ids-comp-button-filled-color-bg-light-fixed-hovered);border-color:var(--ids-comp-button-filled-color-border-light-fixed-default)}.ids-button.ids-button-filled.ids-button-light-fixed:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-hovered)}.ids-button.ids-button-filled.ids-button-light-fixed:focus,.ids-button.ids-button-filled.ids-button-light-fixed:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-focused);background:var(--ids-comp-button-filled-color-bg-light-fixed-focused);border-color:var(--ids-comp-button-filled-color-border-light-fixed-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-light-fixed:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-light-fixed:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-focused)}.ids-button.ids-button-filled.ids-button-light-fixed:active{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-pressed);background:var(--ids-comp-button-filled-color-bg-light-fixed-pressed);border-color:var(--ids-comp-button-filled-color-border-light-fixed-default)}.ids-button.ids-button-filled.ids-button-light-fixed:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-pressed)}.ids-button.ids-button-filled.ids-button-light-fixed:disabled{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-disabled);background:var(--ids-comp-button-filled-color-bg-light-fixed-disabled);border-color:var(--ids-comp-button-filled-color-border-light-fixed-default)}.ids-button.ids-button-filled.ids-button-light-fixed:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-disabled)}.ids-button.ids-button-filled.ids-button-dark{color:var(--ids-comp-button-filled-color-fg-label-dark-default);background:var(--ids-comp-button-filled-color-bg-dark-default);border-color:var(--ids-comp-button-filled-color-border-dark-default)}.ids-button.ids-button-filled.ids-button-dark>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-default)}.ids-button.ids-button-filled.ids-button-dark:hover{color:var(--ids-comp-button-filled-color-fg-label-dark-hovered);background:var(--ids-comp-button-filled-color-bg-dark-hovered);border-color:var(--ids-comp-button-filled-color-border-dark-default)}.ids-button.ids-button-filled.ids-button-dark:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-hovered)}.ids-button.ids-button-filled.ids-button-dark:focus,.ids-button.ids-button-filled.ids-button-dark:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-dark-focused);background:var(--ids-comp-button-filled-color-bg-dark-focused);border-color:var(--ids-comp-button-filled-color-border-dark-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-dark:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-dark:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-focused)}.ids-button.ids-button-filled.ids-button-dark:active{color:var(--ids-comp-button-filled-color-fg-label-dark-pressed);background:var(--ids-comp-button-filled-color-bg-dark-pressed);border-color:var(--ids-comp-button-filled-color-border-dark-default)}.ids-button.ids-button-filled.ids-button-dark:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-pressed)}.ids-button.ids-button-filled.ids-button-dark:disabled{color:var(--ids-comp-button-filled-color-fg-label-dark-disabled);background:var(--ids-comp-button-filled-color-bg-dark-disabled);border-color:var(--ids-comp-button-filled-color-border-dark-default)}.ids-button.ids-button-filled.ids-button-dark:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-disabled)}.ids-button.ids-button-filled.ids-button-surface{color:var(--ids-comp-button-filled-color-fg-label-surface-default);background:var(--ids-comp-button-filled-color-bg-surface-default);border-color:var(--ids-comp-button-filled-color-border-surface-default)}.ids-button.ids-button-filled.ids-button-surface>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-default)}.ids-button.ids-button-filled.ids-button-surface:hover{color:var(--ids-comp-button-filled-color-fg-label-surface-hovered);background:var(--ids-comp-button-filled-color-bg-surface-hovered);border-color:var(--ids-comp-button-filled-color-border-surface-default)}.ids-button.ids-button-filled.ids-button-surface:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-hovered)}.ids-button.ids-button-filled.ids-button-surface:focus,.ids-button.ids-button-filled.ids-button-surface:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-surface-focused);background:var(--ids-comp-button-filled-color-bg-surface-focused);border-color:var(--ids-comp-button-filled-color-border-surface-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-surface:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-surface:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-focused)}.ids-button.ids-button-filled.ids-button-surface:active{color:var(--ids-comp-button-filled-color-fg-label-surface-pressed);background:var(--ids-comp-button-filled-color-bg-surface-pressed);border-color:var(--ids-comp-button-filled-color-border-surface-default)}.ids-button.ids-button-filled.ids-button-surface:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-pressed)}.ids-button.ids-button-filled.ids-button-surface:disabled{color:var(--ids-comp-button-filled-color-fg-label-surface-disabled);background:var(--ids-comp-button-filled-color-bg-surface-disabled);border-color:var(--ids-comp-button-filled-color-border-surface-default)}.ids-button.ids-button-filled.ids-button-surface:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-disabled)}.ids-button.ids-button-outlined.ids-button-primary{color:var(--ids-comp-button-outlined-color-fg-label-primary-default);background:var(--ids-comp-button-outlined-color-bg-primary-default);border-color:var(--ids-comp-button-outlined-color-border-primary-default)}.ids-button.ids-button-outlined.ids-button-primary>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-default)}.ids-button.ids-button-outlined.ids-button-primary:hover{color:var(--ids-comp-button-outlined-color-fg-label-primary-hovered);background:var(--ids-comp-button-outlined-color-bg-primary-hovered);border-color:var(--ids-comp-button-outlined-color-border-primary-default)}.ids-button.ids-button-outlined.ids-button-primary:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-hovered)}.ids-button.ids-button-outlined.ids-button-primary:focus,.ids-button.ids-button-outlined.ids-button-primary:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-primary-focused);background:var(--ids-comp-button-outlined-color-bg-primary-focused);border-color:var(--ids-comp-button-outlined-color-border-primary-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-primary:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-primary:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-focused)}.ids-button.ids-button-outlined.ids-button-primary:active{color:var(--ids-comp-button-outlined-color-fg-label-primary-pressed);background:var(--ids-comp-button-outlined-color-bg-primary-pressed);border-color:var(--ids-comp-button-outlined-color-border-primary-default)}.ids-button.ids-button-outlined.ids-button-primary:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-pressed)}.ids-button.ids-button-outlined.ids-button-primary:disabled{color:var(--ids-comp-button-outlined-color-fg-label-primary-disabled);background:var(--ids-comp-button-outlined-color-bg-primary-disabled);border-color:var(--ids-comp-button-outlined-color-border-primary-default)}.ids-button.ids-button-outlined.ids-button-primary:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-disabled)}.ids-button.ids-button-outlined.ids-button-secondary{color:var(--ids-comp-button-outlined-color-fg-label-secondary-default);background:var(--ids-comp-button-outlined-color-bg-secondary-default);border-color:var(--ids-comp-button-outlined-color-border-secondary-default)}.ids-button.ids-button-outlined.ids-button-secondary>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-default)}.ids-button.ids-button-outlined.ids-button-secondary:hover{color:var(--ids-comp-button-outlined-color-fg-label-secondary-hovered);background:var(--ids-comp-button-outlined-color-bg-secondary-hovered);border-color:var(--ids-comp-button-outlined-color-border-secondary-default)}.ids-button.ids-button-outlined.ids-button-secondary:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-hovered)}.ids-button.ids-button-outlined.ids-button-secondary:focus,.ids-button.ids-button-outlined.ids-button-secondary:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-secondary-focused);background:var(--ids-comp-button-outlined-color-bg-secondary-focused);border-color:var(--ids-comp-button-outlined-color-border-secondary-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-secondary:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-secondary:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-focused)}.ids-button.ids-button-outlined.ids-button-secondary:active{color:var(--ids-comp-button-outlined-color-fg-label-secondary-pressed);background:var(--ids-comp-button-outlined-color-bg-secondary-pressed);border-color:var(--ids-comp-button-outlined-color-border-secondary-default)}.ids-button.ids-button-outlined.ids-button-secondary:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-pressed)}.ids-button.ids-button-outlined.ids-button-secondary:disabled{color:var(--ids-comp-button-outlined-color-fg-label-secondary-disabled);background:var(--ids-comp-button-outlined-color-bg-secondary-disabled);border-color:var(--ids-comp-button-outlined-color-border-secondary-default)}.ids-button.ids-button-outlined.ids-button-secondary:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-disabled)}.ids-button.ids-button-outlined.ids-button-brand{color:var(--ids-comp-button-outlined-color-fg-label-brand-default);background:var(--ids-comp-button-outlined-color-bg-brand-default);border-color:var(--ids-comp-button-outlined-color-border-brand-default)}.ids-button.ids-button-outlined.ids-button-brand>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-default)}.ids-button.ids-button-outlined.ids-button-brand:hover{color:var(--ids-comp-button-outlined-color-fg-label-brand-hovered);background:var(--ids-comp-button-outlined-color-bg-brand-hovered);border-color:var(--ids-comp-button-outlined-color-border-brand-default)}.ids-button.ids-button-outlined.ids-button-brand:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-hovered)}.ids-button.ids-button-outlined.ids-button-brand:focus,.ids-button.ids-button-outlined.ids-button-brand:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-brand-focused);background:var(--ids-comp-button-outlined-color-bg-brand-focused);border-color:var(--ids-comp-button-outlined-color-border-brand-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-brand:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-brand:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-focused)}.ids-button.ids-button-outlined.ids-button-brand:active{color:var(--ids-comp-button-outlined-color-fg-label-brand-pressed);background:var(--ids-comp-button-outlined-color-bg-brand-pressed);border-color:var(--ids-comp-button-outlined-color-border-brand-default)}.ids-button.ids-button-outlined.ids-button-brand:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-pressed)}.ids-button.ids-button-outlined.ids-button-brand:disabled{color:var(--ids-comp-button-outlined-color-fg-label-brand-disabled);background:var(--ids-comp-button-outlined-color-bg-brand-disabled);border-color:var(--ids-comp-button-outlined-color-border-brand-default)}.ids-button.ids-button-outlined.ids-button-brand:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-disabled)}.ids-button.ids-button-outlined.ids-button-error{color:var(--ids-comp-button-outlined-color-fg-label-error-default);background:var(--ids-comp-button-outlined-color-bg-error-default);border-color:var(--ids-comp-button-outlined-color-border-error-default)}.ids-button.ids-button-outlined.ids-button-error>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-error-default)}.ids-button.ids-button-outlined.ids-button-error:hover{color:var(--ids-comp-button-outlined-color-fg-label-error-hovered);background:var(--ids-comp-button-outlined-color-bg-error-hovered);border-color:var(--ids-comp-button-outlined-color-border-error-default)}.ids-button.ids-button-outlined.ids-button-error:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-error-hovered)}.ids-button.ids-button-outlined.ids-button-error:focus,.ids-button.ids-button-outlined.ids-button-error:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-error-focused);background:var(--ids-comp-button-outlined-color-bg-error-focused);border-color:var(--ids-comp-button-outlined-color-border-error-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-error:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-error:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-error-focused)}.ids-button.ids-button-outlined.ids-button-error:active{color:var(--ids-comp-button-outlined-color-fg-label-error-pressed);background:var(--ids-comp-button-outlined-color-bg-error-pressed);border-color:var(--ids-comp-button-outlined-color-border-error-default)}.ids-button.ids-button-outlined.ids-button-error:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-error-pressed)}.ids-button.ids-button-outlined.ids-button-success{color:var(--ids-comp-button-outlined-color-fg-label-success-default);background:var(--ids-comp-button-outlined-color-bg-success-default);border-color:var(--ids-comp-button-outlined-color-border-success-default)}.ids-button.ids-button-outlined.ids-button-success>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-success-default)}.ids-button.ids-button-outlined.ids-button-success:hover{color:var(--ids-comp-button-outlined-color-fg-label-success-hovered);background:var(--ids-comp-button-outlined-color-bg-success-hovered);border-color:var(--ids-comp-button-outlined-color-border-success-default)}.ids-button.ids-button-outlined.ids-button-success:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-success-hovered)}.ids-button.ids-button-outlined.ids-button-success:focus,.ids-button.ids-button-outlined.ids-button-success:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-success-focused);background:var(--ids-comp-button-outlined-color-bg-success-focused);border-color:var(--ids-comp-button-outlined-color-border-success-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-success:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-success:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-success-focused)}.ids-button.ids-button-outlined.ids-button-success:active{color:var(--ids-comp-button-outlined-color-fg-label-success-pressed);background:var(--ids-comp-button-outlined-color-bg-success-pressed);border-color:var(--ids-comp-button-outlined-color-border-success-default)}.ids-button.ids-button-outlined.ids-button-success:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-success-pressed)}.ids-button.ids-button-outlined.ids-button-warning{color:var(--ids-comp-button-outlined-color-fg-label-warning-default);background:var(--ids-comp-button-outlined-color-bg-warning-default);border-color:var(--ids-comp-button-outlined-color-border-warning-default)}.ids-button.ids-button-outlined.ids-button-warning>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-warning-default)}.ids-button.ids-button-outlined.ids-button-warning:hover{color:var(--ids-comp-button-outlined-color-fg-label-warning-hovered);background:var(--ids-comp-button-outlined-color-bg-warning-hovered);border-color:var(--ids-comp-button-outlined-color-border-warning-default)}.ids-button.ids-button-outlined.ids-button-warning:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-warning-hovered)}.ids-button.ids-button-outlined.ids-button-warning:focus,.ids-button.ids-button-outlined.ids-button-warning:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-warning-focused);background:var(--ids-comp-button-outlined-color-bg-warning-focused);border-color:var(--ids-comp-button-outlined-color-border-warning-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-warning:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-warning:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-warning-focused)}.ids-button.ids-button-outlined.ids-button-warning:active{color:var(--ids-comp-button-outlined-color-fg-label-warning-pressed);background:var(--ids-comp-button-outlined-color-bg-warning-pressed);border-color:var(--ids-comp-button-outlined-color-border-warning-default)}.ids-button.ids-button-outlined.ids-button-warning:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-warning-pressed)}.ids-button.ids-button-outlined.ids-button-light{color:var(--ids-comp-button-outlined-color-fg-label-light-default);background:var(--ids-comp-button-outlined-color-bg-light-default);border-color:var(--ids-comp-button-outlined-color-border-light-default)}.ids-button.ids-button-outlined.ids-button-light>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-default)}.ids-button.ids-button-outlined.ids-button-light:hover{color:var(--ids-comp-button-outlined-color-fg-label-light-hovered);background:var(--ids-comp-button-outlined-color-bg-light-hovered);border-color:var(--ids-comp-button-outlined-color-border-light-default)}.ids-button.ids-button-outlined.ids-button-light:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-hovered)}.ids-button.ids-button-outlined.ids-button-light:focus,.ids-button.ids-button-outlined.ids-button-light:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-light-focused);background:var(--ids-comp-button-outlined-color-bg-light-focused);border-color:var(--ids-comp-button-outlined-color-border-light-default);outline-color:var(--ids-comp-button-focused-outline-color-light-focused)}.ids-button.ids-button-outlined.ids-button-light:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-light:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-focused)}.ids-button.ids-button-outlined.ids-button-light:active{color:var(--ids-comp-button-outlined-color-fg-label-light-pressed);background:var(--ids-comp-button-outlined-color-bg-light-pressed);border-color:var(--ids-comp-button-outlined-color-border-light-default)}.ids-button.ids-button-outlined.ids-button-light:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-pressed)}.ids-button.ids-button-outlined.ids-button-light:disabled{color:var(--ids-comp-button-outlined-color-fg-label-light-disabled);background:var(--ids-comp-button-outlined-color-bg-light-disabled);border-color:var(--ids-comp-button-outlined-color-border-light-default)}.ids-button.ids-button-outlined.ids-button-light:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-disabled)}.ids-button.ids-button-outlined.ids-button-light-fixed{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-default);background:var(--ids-comp-button-outlined-color-bg-light-fixed-default);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-default)}.ids-button.ids-button-outlined.ids-button-light-fixed>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-default)}.ids-button.ids-button-outlined.ids-button-light-fixed:hover{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-hovered);background:var(--ids-comp-button-outlined-color-bg-light-fixed-hovered);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-default)}.ids-button.ids-button-outlined.ids-button-light-fixed:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-hovered)}.ids-button.ids-button-outlined.ids-button-light-fixed:focus,.ids-button.ids-button-outlined.ids-button-light-fixed:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-focused);background:var(--ids-comp-button-outlined-color-bg-light-fixed-focused);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-light-fixed:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-light-fixed:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-focused)}.ids-button.ids-button-outlined.ids-button-light-fixed:active{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-pressed);background:var(--ids-comp-button-outlined-color-bg-light-fixed-pressed);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-default)}.ids-button.ids-button-outlined.ids-button-light-fixed:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-pressed)}.ids-button.ids-button-outlined.ids-button-light-fixed:disabled{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-disabled);background:var(--ids-comp-button-outlined-color-bg-light-fixed-disabled);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-default)}.ids-button.ids-button-outlined.ids-button-light-fixed:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-disabled)}.ids-button.ids-button-outlined.ids-button-dark{color:var(--ids-comp-button-outlined-color-fg-label-dark-default);background:var(--ids-comp-button-outlined-color-bg-dark-default);border-color:var(--ids-comp-button-outlined-color-border-dark-default)}.ids-button.ids-button-outlined.ids-button-dark>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-default)}.ids-button.ids-button-outlined.ids-button-dark:hover{color:var(--ids-comp-button-outlined-color-fg-label-dark-hovered);background:var(--ids-comp-button-outlined-color-bg-dark-hovered);border-color:var(--ids-comp-button-outlined-color-border-dark-default)}.ids-button.ids-button-outlined.ids-button-dark:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-hovered)}.ids-button.ids-button-outlined.ids-button-dark:focus,.ids-button.ids-button-outlined.ids-button-dark:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-dark-focused);background:var(--ids-comp-button-outlined-color-bg-dark-focused);border-color:var(--ids-comp-button-outlined-color-border-dark-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-dark:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-dark:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-focused)}.ids-button.ids-button-outlined.ids-button-dark:active{color:var(--ids-comp-button-outlined-color-fg-label-dark-pressed);background:var(--ids-comp-button-outlined-color-bg-dark-pressed);border-color:var(--ids-comp-button-outlined-color-border-dark-default)}.ids-button.ids-button-outlined.ids-button-dark:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-pressed)}.ids-button.ids-button-outlined.ids-button-dark:disabled{color:var(--ids-comp-button-outlined-color-fg-label-dark-disabled);background:var(--ids-comp-button-outlined-color-bg-dark-disabled);border-color:var(--ids-comp-button-outlined-color-border-dark-default)}.ids-button.ids-button-outlined.ids-button-dark:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-disabled)}.ids-button.ids-button-outlined.ids-button-surface{color:var(--ids-comp-button-outlined-color-fg-label-surface-default);background:var(--ids-comp-button-outlined-color-bg-surface-default);border-color:var(--ids-comp-button-outlined-color-border-surface-default)}.ids-button.ids-button-outlined.ids-button-surface>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-default)}.ids-button.ids-button-outlined.ids-button-surface:hover{color:var(--ids-comp-button-outlined-color-fg-label-surface-hovered);background:var(--ids-comp-button-outlined-color-bg-surface-hovered);border-color:var(--ids-comp-button-outlined-color-border-surface-default)}.ids-button.ids-button-outlined.ids-button-surface:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-hovered)}.ids-button.ids-button-outlined.ids-button-surface:focus,.ids-button.ids-button-outlined.ids-button-surface:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-surface-focused);background:var(--ids-comp-button-outlined-color-bg-surface-focused);border-color:var(--ids-comp-button-outlined-color-border-surface-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-surface:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-surface:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-focused)}.ids-button.ids-button-outlined.ids-button-surface:active{color:var(--ids-comp-button-outlined-color-fg-label-surface-pressed);background:var(--ids-comp-button-outlined-color-bg-surface-pressed);border-color:var(--ids-comp-button-outlined-color-border-surface-default)}.ids-button.ids-button-outlined.ids-button-surface:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-pressed)}.ids-button.ids-button-outlined.ids-button-surface:disabled{color:var(--ids-comp-button-outlined-color-fg-label-surface-disabled);background:var(--ids-comp-button-outlined-color-bg-surface-disabled);border-color:var(--ids-comp-button-outlined-color-border-surface-default)}.ids-button.ids-button-outlined.ids-button-surface:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-disabled)}.ids-button.ids-button-text.ids-button-primary{color:var(--ids-comp-button-text-color-fg-label-primary-default);background:var(--ids-comp-button-text-color-bg-primary-default);border-color:var(--ids-comp-button-text-color-border-primary-default)}.ids-button.ids-button-text.ids-button-primary>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-default)}.ids-button.ids-button-text.ids-button-primary:hover{color:var(--ids-comp-button-text-color-fg-label-primary-hovered);background:var(--ids-comp-button-text-color-bg-primary-hovered);border-color:var(--ids-comp-button-text-color-border-primary-default)}.ids-button.ids-button-text.ids-button-primary:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-hovered)}.ids-button.ids-button-text.ids-button-primary:focus,.ids-button.ids-button-text.ids-button-primary:focus-visible{color:var(--ids-comp-button-text-color-fg-label-primary-focused);background:var(--ids-comp-button-text-color-bg-primary-focused);border-color:var(--ids-comp-button-text-color-border-primary-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-primary:focus>.ids-icon,.ids-button.ids-button-text.ids-button-primary:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-focused)}.ids-button.ids-button-text.ids-button-primary:active{color:var(--ids-comp-button-text-color-fg-label-primary-pressed);background:var(--ids-comp-button-text-color-bg-primary-pressed);border-color:var(--ids-comp-button-text-color-border-primary-default)}.ids-button.ids-button-text.ids-button-primary:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-pressed)}.ids-button.ids-button-text.ids-button-primary:disabled{color:var(--ids-comp-button-text-color-fg-label-primary-disabled);background:var(--ids-comp-button-text-color-bg-primary-disabled);border-color:var(--ids-comp-button-text-color-border-primary-default)}.ids-button.ids-button-text.ids-button-primary:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-disabled)}.ids-button.ids-button-text.ids-button-secondary{color:var(--ids-comp-button-text-color-fg-label-secondary-default);background:var(--ids-comp-button-text-color-bg-secondary-default);border-color:var(--ids-comp-button-text-color-border-secondary-default)}.ids-button.ids-button-text.ids-button-secondary>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-default)}.ids-button.ids-button-text.ids-button-secondary:hover{color:var(--ids-comp-button-text-color-fg-label-secondary-hovered);background:var(--ids-comp-button-text-color-bg-secondary-hovered);border-color:var(--ids-comp-button-text-color-border-secondary-default)}.ids-button.ids-button-text.ids-button-secondary:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-hovered)}.ids-button.ids-button-text.ids-button-secondary:focus,.ids-button.ids-button-text.ids-button-secondary:focus-visible{color:var(--ids-comp-button-text-color-fg-label-secondary-focused);background:var(--ids-comp-button-text-color-bg-secondary-focused);border-color:var(--ids-comp-button-text-color-border-secondary-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-secondary:focus>.ids-icon,.ids-button.ids-button-text.ids-button-secondary:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-focused)}.ids-button.ids-button-text.ids-button-secondary:active{color:var(--ids-comp-button-text-color-fg-label-secondary-pressed);background:var(--ids-comp-button-text-color-bg-secondary-pressed);border-color:var(--ids-comp-button-text-color-border-secondary-default)}.ids-button.ids-button-text.ids-button-secondary:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-pressed)}.ids-button.ids-button-text.ids-button-secondary:disabled{color:var(--ids-comp-button-text-color-fg-label-secondary-disabled);background:var(--ids-comp-button-text-color-bg-secondary-disabled);border-color:var(--ids-comp-button-text-color-border-secondary-default)}.ids-button.ids-button-text.ids-button-secondary:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-disabled)}.ids-button.ids-button-text.ids-button-brand{color:var(--ids-comp-button-text-color-fg-label-brand-default);background:var(--ids-comp-button-text-color-bg-brand-default);border-color:var(--ids-comp-button-text-color-border-brand-default)}.ids-button.ids-button-text.ids-button-brand>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-default)}.ids-button.ids-button-text.ids-button-brand:hover{color:var(--ids-comp-button-text-color-fg-label-brand-hovered);background:var(--ids-comp-button-text-color-bg-brand-hovered);border-color:var(--ids-comp-button-text-color-border-brand-default)}.ids-button.ids-button-text.ids-button-brand:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-hovered)}.ids-button.ids-button-text.ids-button-brand:focus,.ids-button.ids-button-text.ids-button-brand:focus-visible{color:var(--ids-comp-button-text-color-fg-label-brand-focused);background:var(--ids-comp-button-text-color-bg-brand-focused);border-color:var(--ids-comp-button-text-color-border-brand-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-brand:focus>.ids-icon,.ids-button.ids-button-text.ids-button-brand:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-focused)}.ids-button.ids-button-text.ids-button-brand:active{color:var(--ids-comp-button-text-color-fg-label-brand-pressed);background:var(--ids-comp-button-text-color-bg-brand-pressed);border-color:var(--ids-comp-button-text-color-border-brand-default)}.ids-button.ids-button-text.ids-button-brand:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-pressed)}.ids-button.ids-button-text.ids-button-brand:disabled{color:var(--ids-comp-button-text-color-fg-label-brand-disabled);background:var(--ids-comp-button-text-color-bg-brand-disabled);border-color:var(--ids-comp-button-text-color-border-brand-default)}.ids-button.ids-button-text.ids-button-brand:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-disabled)}.ids-button.ids-button-text.ids-button-error{color:var(--ids-comp-button-text-color-fg-label-error-default);background:var(--ids-comp-button-text-color-bg-error-default);border-color:var(--ids-comp-button-text-color-border-error-default)}.ids-button.ids-button-text.ids-button-error>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-error-default)}.ids-button.ids-button-text.ids-button-error:hover{color:var(--ids-comp-button-text-color-fg-label-error-hovered);background:var(--ids-comp-button-text-color-bg-error-hovered);border-color:var(--ids-comp-button-text-color-border-error-default)}.ids-button.ids-button-text.ids-button-error:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-error-hovered)}.ids-button.ids-button-text.ids-button-error:focus,.ids-button.ids-button-text.ids-button-error:focus-visible{color:var(--ids-comp-button-text-color-fg-label-error-focused);background:var(--ids-comp-button-text-color-bg-error-focused);border-color:var(--ids-comp-button-text-color-border-error-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-error:focus>.ids-icon,.ids-button.ids-button-text.ids-button-error:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-error-focused)}.ids-button.ids-button-text.ids-button-error:active{color:var(--ids-comp-button-text-color-fg-label-error-pressed);background:var(--ids-comp-button-text-color-bg-error-pressed);border-color:var(--ids-comp-button-text-color-border-error-default)}.ids-button.ids-button-text.ids-button-error:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-error-pressed)}.ids-button.ids-button-text.ids-button-success{color:var(--ids-comp-button-text-color-fg-label-success-default);background:var(--ids-comp-button-text-color-bg-success-default);border-color:var(--ids-comp-button-text-color-border-success-default)}.ids-button.ids-button-text.ids-button-success>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-success-default)}.ids-button.ids-button-text.ids-button-success:hover{color:var(--ids-comp-button-text-color-fg-label-success-hovered);background:var(--ids-comp-button-text-color-bg-success-hovered);border-color:var(--ids-comp-button-text-color-border-success-default)}.ids-button.ids-button-text.ids-button-success:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-success-hovered)}.ids-button.ids-button-text.ids-button-success:focus,.ids-button.ids-button-text.ids-button-success:focus-visible{color:var(--ids-comp-button-text-color-fg-label-success-focused);background:var(--ids-comp-button-text-color-bg-success-focused);border-color:var(--ids-comp-button-text-color-border-success-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-success:focus>.ids-icon,.ids-button.ids-button-text.ids-button-success:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-success-focused)}.ids-button.ids-button-text.ids-button-success:active{color:var(--ids-comp-button-text-color-fg-label-success-pressed);background:var(--ids-comp-button-text-color-bg-success-pressed);border-color:var(--ids-comp-button-text-color-border-success-default)}.ids-button.ids-button-text.ids-button-success:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-success-pressed)}.ids-button.ids-button-text.ids-button-warning{color:var(--ids-comp-button-text-color-fg-label-warning-default);background:var(--ids-comp-button-text-color-bg-warning-default);border-color:var(--ids-comp-button-text-color-border-warning-default)}.ids-button.ids-button-text.ids-button-warning>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-warning-default)}.ids-button.ids-button-text.ids-button-warning:hover{color:var(--ids-comp-button-text-color-fg-label-warning-hovered);background:var(--ids-comp-button-text-color-bg-warning-hovered);border-color:var(--ids-comp-button-text-color-border-warning-default)}.ids-button.ids-button-text.ids-button-warning:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-warning-hovered)}.ids-button.ids-button-text.ids-button-warning:focus,.ids-button.ids-button-text.ids-button-warning:focus-visible{color:var(--ids-comp-button-text-color-fg-label-warning-focused);background:var(--ids-comp-button-text-color-bg-warning-focused);border-color:var(--ids-comp-button-text-color-border-warning-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-warning:focus>.ids-icon,.ids-button.ids-button-text.ids-button-warning:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-warning-focused)}.ids-button.ids-button-text.ids-button-warning:active{color:var(--ids-comp-button-text-color-fg-label-warning-pressed);background:var(--ids-comp-button-text-color-bg-warning-pressed);border-color:var(--ids-comp-button-text-color-border-warning-default)}.ids-button.ids-button-text.ids-button-warning:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-warning-pressed)}.ids-button.ids-button-text.ids-button-light{color:var(--ids-comp-button-text-color-fg-label-light-default);background:var(--ids-comp-button-text-color-bg-light-default);border-color:var(--ids-comp-button-text-color-border-light-default)}.ids-button.ids-button-text.ids-button-light>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-default)}.ids-button.ids-button-text.ids-button-light:hover{color:var(--ids-comp-button-text-color-fg-label-light-hovered);background:var(--ids-comp-button-text-color-bg-light-hovered);border-color:var(--ids-comp-button-text-color-border-light-default)}.ids-button.ids-button-text.ids-button-light:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-hovered)}.ids-button.ids-button-text.ids-button-light:focus,.ids-button.ids-button-text.ids-button-light:focus-visible{color:var(--ids-comp-button-text-color-fg-label-light-focused);background:var(--ids-comp-button-text-color-bg-light-focused);border-color:var(--ids-comp-button-text-color-border-light-default);outline-color:var(--ids-comp-button-focused-outline-color-light-focused)}.ids-button.ids-button-text.ids-button-light:focus>.ids-icon,.ids-button.ids-button-text.ids-button-light:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-focused)}.ids-button.ids-button-text.ids-button-light:active{color:var(--ids-comp-button-text-color-fg-label-light-pressed);background:var(--ids-comp-button-text-color-bg-light-pressed);border-color:var(--ids-comp-button-text-color-border-light-default)}.ids-button.ids-button-text.ids-button-light:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-pressed)}.ids-button.ids-button-text.ids-button-light:disabled{color:var(--ids-comp-button-text-color-fg-label-light-disabled);background:var(--ids-comp-button-text-color-bg-light-disabled);border-color:var(--ids-comp-button-text-color-border-light-default)}.ids-button.ids-button-text.ids-button-light:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-disabled)}.ids-button.ids-button-text.ids-button-light-fixed{color:var(--ids-comp-button-text-color-fg-label-light-fixed-default);background:var(--ids-comp-button-text-color-bg-light-fixed-default);border-color:var(--ids-comp-button-text-color-border-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed:hover{color:var(--ids-comp-button-text-color-fg-label-light-fixed-hovered);background:var(--ids-comp-button-text-color-bg-light-fixed-hovered);border-color:var(--ids-comp-button-text-color-border-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-hovered)}.ids-button.ids-button-text.ids-button-light-fixed:focus,.ids-button.ids-button-text.ids-button-light-fixed:focus-visible{color:var(--ids-comp-button-text-color-fg-label-light-fixed-focused);background:var(--ids-comp-button-text-color-bg-light-fixed-focused);border-color:var(--ids-comp-button-text-color-border-light-fixed-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-light-fixed:focus>.ids-icon,.ids-button.ids-button-text.ids-button-light-fixed:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-focused)}.ids-button.ids-button-text.ids-button-light-fixed:active{color:var(--ids-comp-button-text-color-fg-label-light-fixed-pressed);background:var(--ids-comp-button-text-color-bg-light-fixed-pressed);border-color:var(--ids-comp-button-text-color-border-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-pressed)}.ids-button.ids-button-text.ids-button-light-fixed:disabled{color:var(--ids-comp-button-text-color-fg-label-light-fixed-disabled);background:var(--ids-comp-button-text-color-bg-light-fixed-disabled);border-color:var(--ids-comp-button-text-color-border-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-disabled)}.ids-button.ids-button-text.ids-button-dark{color:var(--ids-comp-button-text-color-fg-label-dark-default);background:var(--ids-comp-button-text-color-bg-dark-default);border-color:var(--ids-comp-button-text-color-border-dark-default)}.ids-button.ids-button-text.ids-button-dark>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-default)}.ids-button.ids-button-text.ids-button-dark:hover{color:var(--ids-comp-button-text-color-fg-label-dark-hovered);background:var(--ids-comp-button-text-color-bg-dark-hovered);border-color:var(--ids-comp-button-text-color-border-dark-default)}.ids-button.ids-button-text.ids-button-dark:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-hovered)}.ids-button.ids-button-text.ids-button-dark:focus,.ids-button.ids-button-text.ids-button-dark:focus-visible{color:var(--ids-comp-button-text-color-fg-label-dark-focused);background:var(--ids-comp-button-text-color-bg-dark-focused);border-color:var(--ids-comp-button-text-color-border-dark-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-dark:focus>.ids-icon,.ids-button.ids-button-text.ids-button-dark:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-focused)}.ids-button.ids-button-text.ids-button-dark:active{color:var(--ids-comp-button-text-color-fg-label-dark-pressed);background:var(--ids-comp-button-text-color-bg-dark-pressed);border-color:var(--ids-comp-button-text-color-border-dark-default)}.ids-button.ids-button-text.ids-button-dark:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-pressed)}.ids-button.ids-button-text.ids-button-dark:disabled{color:var(--ids-comp-button-text-color-fg-label-dark-disabled);background:var(--ids-comp-button-text-color-bg-dark-disabled);border-color:var(--ids-comp-button-text-color-border-dark-default)}.ids-button.ids-button-text.ids-button-dark:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-disabled)}.ids-button.ids-button-text.ids-button-surface{color:var(--ids-comp-button-text-color-fg-label-surface-default);background:var(--ids-comp-button-text-color-bg-surface-default);border-color:var(--ids-comp-button-text-color-border-surface-default)}.ids-button.ids-button-text.ids-button-surface>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-default)}.ids-button.ids-button-text.ids-button-surface:hover{color:var(--ids-comp-button-text-color-fg-label-surface-hovered);background:var(--ids-comp-button-text-color-bg-surface-hovered);border-color:var(--ids-comp-button-text-color-border-surface-default)}.ids-button.ids-button-text.ids-button-surface:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-hovered)}.ids-button.ids-button-text.ids-button-surface:focus,.ids-button.ids-button-text.ids-button-surface:focus-visible{color:var(--ids-comp-button-text-color-fg-label-surface-focused);background:var(--ids-comp-button-text-color-bg-surface-focused);border-color:var(--ids-comp-button-text-color-border-surface-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-surface:focus>.ids-icon,.ids-button.ids-button-text.ids-button-surface:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-focused)}.ids-button.ids-button-text.ids-button-surface:active{color:var(--ids-comp-button-text-color-fg-label-surface-pressed);background:var(--ids-comp-button-text-color-bg-surface-pressed);border-color:var(--ids-comp-button-text-color-border-surface-default)}.ids-button.ids-button-text.ids-button-surface:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-pressed)}.ids-button.ids-button-text.ids-button-surface:disabled{color:var(--ids-comp-button-text-color-fg-label-surface-disabled);background:var(--ids-comp-button-text-color-bg-surface-disabled);border-color:var(--ids-comp-button-text-color-border-surface-default)}.ids-button.ids-button-text.ids-button-surface:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-disabled)}
1
+ .ids-button{flex-shrink:0;width:fit-content;align-items:center;display:inline-flex;justify-content:center;border-style:solid}.ids-button:focus,.ids-button:focus-visible{outline-offset:2px;outline-style:solid}.ids-button:active{outline-style:none}.ids-button:not(:disabled){cursor:pointer}.ids-button:disabled{cursor:not-allowed}.ids-button>.ids-icon{flex-shrink:0}.ids-button.ids-button-compact{gap:var(--ids-comp-button-size-gap-compact);height:var(--ids-comp-button-size-height-compact);min-width:var(--ids-comp-button-size-min-width-compact);padding:var(--ids-comp-button-size-padding-y-compact) var(--ids-comp-button-size-padding-x-compact);border-radius:var(--ids-comp-button-size-border-radius-compact);border-width:var(--ids-comp-button-size-border-width-compact)}.ids-button.ids-button-compact:focus{outline-width:var(--ids-comp-button-focused-outline-size-outline-compact)}.ids-button.ids-button-compact>.ids-button-label{font-family:var(--ids-comp-button-label-typography-font-family-compact);font-size:var(--ids-comp-button-label-typography-font-size-compact);font-weight:var(--ids-comp-button-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-button-label-typography-letter-spacing-compact);line-height:var(--ids-comp-button-label-typography-line-height-compact)}.ids-button.ids-button-compact>.ids-icon{width:var(--ids-comp-button-size-icon-compact);height:var(--ids-comp-button-size-icon-compact);font-size:var(--ids-comp-button-icon-typography-font-size-compact);font-weight:var(--ids-comp-button-icon-typography-font-weight-compact);line-height:var(--ids-comp-button-icon-typography-line-height-compact)}.ids-button.ids-button-comfortable{gap:var(--ids-comp-button-size-gap-comfortable);height:var(--ids-comp-button-size-height-comfortable);min-width:var(--ids-comp-button-size-min-width-comfortable);padding:var(--ids-comp-button-size-padding-y-comfortable) var(--ids-comp-button-size-padding-x-comfortable);border-radius:var(--ids-comp-button-size-border-radius-comfortable);border-width:var(--ids-comp-button-size-border-width-comfortable)}.ids-button.ids-button-comfortable:focus{outline-width:var(--ids-comp-button-focused-outline-size-outline-comfortable)}.ids-button.ids-button-comfortable>.ids-button-label{font-family:var(--ids-comp-button-label-typography-font-family-comfortable);font-size:var(--ids-comp-button-label-typography-font-size-comfortable);font-weight:var(--ids-comp-button-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-button-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-button-label-typography-line-height-comfortable)}.ids-button.ids-button-comfortable>.ids-icon{width:var(--ids-comp-button-size-icon-comfortable);height:var(--ids-comp-button-size-icon-comfortable);font-size:var(--ids-comp-button-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-button-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-button-icon-typography-line-height-comfortable)}.ids-button.ids-button-spacious{gap:var(--ids-comp-button-size-gap-spacious);height:var(--ids-comp-button-size-height-spacious);min-width:var(--ids-comp-button-size-min-width-spacious);padding:var(--ids-comp-button-size-padding-y-spacious) var(--ids-comp-button-size-padding-x-spacious);border-radius:var(--ids-comp-button-size-border-radius-spacious);border-width:var(--ids-comp-button-size-border-width-spacious)}.ids-button.ids-button-spacious:focus{outline-width:var(--ids-comp-button-focused-outline-size-outline-spacious)}.ids-button.ids-button-spacious>.ids-button-label{font-family:var(--ids-comp-button-label-typography-font-family-spacious);font-size:var(--ids-comp-button-label-typography-font-size-spacious);font-weight:var(--ids-comp-button-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-button-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-button-label-typography-line-height-spacious)}.ids-button.ids-button-spacious>.ids-icon{width:var(--ids-comp-button-size-icon-spacious);height:var(--ids-comp-button-size-icon-spacious);font-size:var(--ids-comp-button-icon-typography-font-size-spacious);font-weight:var(--ids-comp-button-icon-typography-font-weight-spacious);line-height:var(--ids-comp-button-icon-typography-line-height-spacious)}.ids-button.ids-button-dense{gap:var(--ids-comp-button-size-gap-dense);height:var(--ids-comp-button-size-height-dense);min-width:var(--ids-comp-button-size-min-width-dense);padding:var(--ids-comp-button-size-padding-y-dense) var(--ids-comp-button-size-padding-x-dense);border-radius:var(--ids-comp-button-size-border-radius-dense);border-width:var(--ids-comp-button-size-border-width-dense)}.ids-button.ids-button-dense:focus{outline-width:var(--ids-comp-button-focused-outline-size-outline-dense)}.ids-button.ids-button-dense>.ids-button-label{font-family:var(--ids-comp-button-label-typography-font-family-dense);font-size:var(--ids-comp-button-label-typography-font-size-dense);font-weight:var(--ids-comp-button-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-button-label-typography-letter-spacing-dense);line-height:var(--ids-comp-button-label-typography-line-height-dense)}.ids-button.ids-button-dense>.ids-icon{width:var(--ids-comp-button-size-icon-dense);height:var(--ids-comp-button-size-icon-dense);font-size:var(--ids-comp-button-icon-typography-font-size-dense);font-weight:var(--ids-comp-button-icon-typography-font-weight-dense);line-height:var(--ids-comp-button-icon-typography-line-height-dense)}.ids-button.ids-button-filled.ids-button-primary{color:var(--ids-comp-button-filled-color-fg-label-primary-default);background:var(--ids-comp-button-filled-color-bg-primary-default);border-color:var(--ids-comp-button-filled-color-border-primary-default)}.ids-button.ids-button-filled.ids-button-primary>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-default)}.ids-button.ids-button-filled.ids-button-primary:hover{color:var(--ids-comp-button-filled-color-fg-label-primary-hovered);background:var(--ids-comp-button-filled-color-bg-primary-hovered);border-color:var(--ids-comp-button-filled-color-border-primary-hovered)}.ids-button.ids-button-filled.ids-button-primary:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-hovered)}.ids-button.ids-button-filled.ids-button-primary:focus,.ids-button.ids-button-filled.ids-button-primary:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-primary-focused);background:var(--ids-comp-button-filled-color-bg-primary-focused);border-color:var(--ids-comp-button-filled-color-border-primary-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-primary:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-primary:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-focused)}.ids-button.ids-button-filled.ids-button-primary:active{color:var(--ids-comp-button-filled-color-fg-label-primary-pressed);background:var(--ids-comp-button-filled-color-bg-primary-pressed);border-color:var(--ids-comp-button-filled-color-border-primary-pressed)}.ids-button.ids-button-filled.ids-button-primary:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-pressed)}.ids-button.ids-button-filled.ids-button-primary:disabled{color:var(--ids-comp-button-filled-color-fg-label-primary-disabled);background:var(--ids-comp-button-filled-color-bg-primary-disabled);border-color:var(--ids-comp-button-filled-color-border-primary-disabled)}.ids-button.ids-button-filled.ids-button-primary:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-primary-disabled)}.ids-button.ids-button-filled.ids-button-secondary{color:var(--ids-comp-button-filled-color-fg-label-secondary-default);background:var(--ids-comp-button-filled-color-bg-secondary-default);border-color:var(--ids-comp-button-filled-color-border-secondary-default)}.ids-button.ids-button-filled.ids-button-secondary>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-default)}.ids-button.ids-button-filled.ids-button-secondary:hover{color:var(--ids-comp-button-filled-color-fg-label-secondary-hovered);background:var(--ids-comp-button-filled-color-bg-secondary-hovered);border-color:var(--ids-comp-button-filled-color-border-secondary-hovered)}.ids-button.ids-button-filled.ids-button-secondary:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-hovered)}.ids-button.ids-button-filled.ids-button-secondary:focus,.ids-button.ids-button-filled.ids-button-secondary:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-secondary-focused);background:var(--ids-comp-button-filled-color-bg-secondary-focused);border-color:var(--ids-comp-button-filled-color-border-secondary-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-secondary:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-secondary:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-focused)}.ids-button.ids-button-filled.ids-button-secondary:active{color:var(--ids-comp-button-filled-color-fg-label-secondary-pressed);background:var(--ids-comp-button-filled-color-bg-secondary-pressed);border-color:var(--ids-comp-button-filled-color-border-secondary-pressed)}.ids-button.ids-button-filled.ids-button-secondary:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-pressed)}.ids-button.ids-button-filled.ids-button-secondary:disabled{color:var(--ids-comp-button-filled-color-fg-label-secondary-disabled);background:var(--ids-comp-button-filled-color-bg-secondary-disabled);border-color:var(--ids-comp-button-filled-color-border-secondary-disabled)}.ids-button.ids-button-filled.ids-button-secondary:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-secondary-disabled)}.ids-button.ids-button-filled.ids-button-brand{color:var(--ids-comp-button-filled-color-fg-label-brand-default);background:var(--ids-comp-button-filled-color-bg-brand-default);border-color:var(--ids-comp-button-filled-color-border-brand-default)}.ids-button.ids-button-filled.ids-button-brand>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-default)}.ids-button.ids-button-filled.ids-button-brand:hover{color:var(--ids-comp-button-filled-color-fg-label-brand-hovered);background:var(--ids-comp-button-filled-color-bg-brand-hovered);border-color:var(--ids-comp-button-filled-color-border-brand-hovered)}.ids-button.ids-button-filled.ids-button-brand:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-hovered)}.ids-button.ids-button-filled.ids-button-brand:focus,.ids-button.ids-button-filled.ids-button-brand:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-brand-focused);background:var(--ids-comp-button-filled-color-bg-brand-focused);border-color:var(--ids-comp-button-filled-color-border-brand-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-brand:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-brand:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-focused)}.ids-button.ids-button-filled.ids-button-brand:active{color:var(--ids-comp-button-filled-color-fg-label-brand-pressed);background:var(--ids-comp-button-filled-color-bg-brand-pressed);border-color:var(--ids-comp-button-filled-color-border-brand-pressed)}.ids-button.ids-button-filled.ids-button-brand:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-pressed)}.ids-button.ids-button-filled.ids-button-brand:disabled{color:var(--ids-comp-button-filled-color-fg-label-brand-disabled);background:var(--ids-comp-button-filled-color-bg-brand-disabled);border-color:var(--ids-comp-button-filled-color-border-brand-disabled)}.ids-button.ids-button-filled.ids-button-brand:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-brand-disabled)}.ids-button.ids-button-filled.ids-button-error{color:var(--ids-comp-button-filled-color-fg-label-error-default);background:var(--ids-comp-button-filled-color-bg-error-default);border-color:var(--ids-comp-button-filled-color-border-error-default)}.ids-button.ids-button-filled.ids-button-error>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-error-default)}.ids-button.ids-button-filled.ids-button-error:hover{color:var(--ids-comp-button-filled-color-fg-label-error-hovered);background:var(--ids-comp-button-filled-color-bg-error-hovered);border-color:var(--ids-comp-button-filled-color-border-error-hovered)}.ids-button.ids-button-filled.ids-button-error:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-error-hovered)}.ids-button.ids-button-filled.ids-button-error:focus,.ids-button.ids-button-filled.ids-button-error:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-error-focused);background:var(--ids-comp-button-filled-color-bg-error-focused);border-color:var(--ids-comp-button-filled-color-border-error-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-error:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-error:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-error-focused)}.ids-button.ids-button-filled.ids-button-error:active{color:var(--ids-comp-button-filled-color-fg-label-error-pressed);background:var(--ids-comp-button-filled-color-bg-error-pressed);border-color:var(--ids-comp-button-filled-color-border-error-pressed)}.ids-button.ids-button-filled.ids-button-error:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-error-pressed)}.ids-button.ids-button-filled.ids-button-success{color:var(--ids-comp-button-filled-color-fg-label-success-default);background:var(--ids-comp-button-filled-color-bg-success-default);border-color:var(--ids-comp-button-filled-color-border-success-default)}.ids-button.ids-button-filled.ids-button-success>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-success-default)}.ids-button.ids-button-filled.ids-button-success:hover{color:var(--ids-comp-button-filled-color-fg-label-success-hovered);background:var(--ids-comp-button-filled-color-bg-success-hovered);border-color:var(--ids-comp-button-filled-color-border-success-hovered)}.ids-button.ids-button-filled.ids-button-success:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-success-hovered)}.ids-button.ids-button-filled.ids-button-success:focus,.ids-button.ids-button-filled.ids-button-success:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-success-focused);background:var(--ids-comp-button-filled-color-bg-success-focused);border-color:var(--ids-comp-button-filled-color-border-success-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-success:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-success:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-success-focused)}.ids-button.ids-button-filled.ids-button-success:active{color:var(--ids-comp-button-filled-color-fg-label-success-pressed);background:var(--ids-comp-button-filled-color-bg-success-pressed);border-color:var(--ids-comp-button-filled-color-border-success-pressed)}.ids-button.ids-button-filled.ids-button-success:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-success-pressed)}.ids-button.ids-button-filled.ids-button-warning{color:var(--ids-comp-button-filled-color-fg-label-warning-default);background:var(--ids-comp-button-filled-color-bg-warning-default);border-color:var(--ids-comp-button-filled-color-border-warning-default)}.ids-button.ids-button-filled.ids-button-warning>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-warning-default)}.ids-button.ids-button-filled.ids-button-warning:hover{color:var(--ids-comp-button-filled-color-fg-label-warning-hovered);background:var(--ids-comp-button-filled-color-bg-warning-hovered);border-color:var(--ids-comp-button-filled-color-border-warning-hovered)}.ids-button.ids-button-filled.ids-button-warning:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-warning-hovered)}.ids-button.ids-button-filled.ids-button-warning:focus,.ids-button.ids-button-filled.ids-button-warning:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-warning-focused);background:var(--ids-comp-button-filled-color-bg-warning-focused);border-color:var(--ids-comp-button-filled-color-border-warning-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-warning:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-warning:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-warning-focused)}.ids-button.ids-button-filled.ids-button-warning:active{color:var(--ids-comp-button-filled-color-fg-label-warning-pressed);background:var(--ids-comp-button-filled-color-bg-warning-pressed);border-color:var(--ids-comp-button-filled-color-border-warning-pressed)}.ids-button.ids-button-filled.ids-button-warning:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-warning-pressed)}.ids-button.ids-button-filled.ids-button-light{color:var(--ids-comp-button-filled-color-fg-label-light-default);background:var(--ids-comp-button-filled-color-bg-light-default);border-color:var(--ids-comp-button-filled-color-border-light-default)}.ids-button.ids-button-filled.ids-button-light>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-default)}.ids-button.ids-button-filled.ids-button-light:hover{color:var(--ids-comp-button-filled-color-fg-label-light-hovered);background:var(--ids-comp-button-filled-color-bg-light-hovered);border-color:var(--ids-comp-button-filled-color-border-light-hovered)}.ids-button.ids-button-filled.ids-button-light:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-hovered)}.ids-button.ids-button-filled.ids-button-light:focus,.ids-button.ids-button-filled.ids-button-light:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-light-focused);background:var(--ids-comp-button-filled-color-bg-light-focused);border-color:var(--ids-comp-button-filled-color-border-light-focused);outline-color:var(--ids-comp-button-focused-outline-color-light-focused)}.ids-button.ids-button-filled.ids-button-light:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-light:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-focused)}.ids-button.ids-button-filled.ids-button-light:active{color:var(--ids-comp-button-filled-color-fg-label-light-pressed);background:var(--ids-comp-button-filled-color-bg-light-pressed);border-color:var(--ids-comp-button-filled-color-border-light-pressed)}.ids-button.ids-button-filled.ids-button-light:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-pressed)}.ids-button.ids-button-filled.ids-button-light:disabled{color:var(--ids-comp-button-filled-color-fg-label-light-disabled);background:var(--ids-comp-button-filled-color-bg-light-disabled);border-color:var(--ids-comp-button-filled-color-border-light-disabled)}.ids-button.ids-button-filled.ids-button-light:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-disabled)}.ids-button.ids-button-filled.ids-button-light-fixed{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-default);background:var(--ids-comp-button-filled-color-bg-light-fixed-default);border-color:var(--ids-comp-button-filled-color-border-light-fixed-default)}.ids-button.ids-button-filled.ids-button-light-fixed>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-default)}.ids-button.ids-button-filled.ids-button-light-fixed:hover{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-hovered);background:var(--ids-comp-button-filled-color-bg-light-fixed-hovered);border-color:var(--ids-comp-button-filled-color-border-light-fixed-hovered)}.ids-button.ids-button-filled.ids-button-light-fixed:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-hovered)}.ids-button.ids-button-filled.ids-button-light-fixed:focus,.ids-button.ids-button-filled.ids-button-light-fixed:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-focused);background:var(--ids-comp-button-filled-color-bg-light-fixed-focused);border-color:var(--ids-comp-button-filled-color-border-light-fixed-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-light-fixed:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-light-fixed:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-focused)}.ids-button.ids-button-filled.ids-button-light-fixed:active{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-pressed);background:var(--ids-comp-button-filled-color-bg-light-fixed-pressed);border-color:var(--ids-comp-button-filled-color-border-light-fixed-pressed)}.ids-button.ids-button-filled.ids-button-light-fixed:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-pressed)}.ids-button.ids-button-filled.ids-button-light-fixed:disabled{color:var(--ids-comp-button-filled-color-fg-label-light-fixed-disabled);background:var(--ids-comp-button-filled-color-bg-light-fixed-disabled);border-color:var(--ids-comp-button-filled-color-border-light-fixed-disabled)}.ids-button.ids-button-filled.ids-button-light-fixed:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-light-fixed-disabled)}.ids-button.ids-button-filled.ids-button-dark{color:var(--ids-comp-button-filled-color-fg-label-dark-default);background:var(--ids-comp-button-filled-color-bg-dark-default);border-color:var(--ids-comp-button-filled-color-border-dark-default)}.ids-button.ids-button-filled.ids-button-dark>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-default)}.ids-button.ids-button-filled.ids-button-dark:hover{color:var(--ids-comp-button-filled-color-fg-label-dark-hovered);background:var(--ids-comp-button-filled-color-bg-dark-hovered);border-color:var(--ids-comp-button-filled-color-border-dark-hovered)}.ids-button.ids-button-filled.ids-button-dark:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-hovered)}.ids-button.ids-button-filled.ids-button-dark:focus,.ids-button.ids-button-filled.ids-button-dark:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-dark-focused);background:var(--ids-comp-button-filled-color-bg-dark-focused);border-color:var(--ids-comp-button-filled-color-border-dark-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-dark:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-dark:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-focused)}.ids-button.ids-button-filled.ids-button-dark:active{color:var(--ids-comp-button-filled-color-fg-label-dark-pressed);background:var(--ids-comp-button-filled-color-bg-dark-pressed);border-color:var(--ids-comp-button-filled-color-border-dark-pressed)}.ids-button.ids-button-filled.ids-button-dark:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-pressed)}.ids-button.ids-button-filled.ids-button-dark:disabled{color:var(--ids-comp-button-filled-color-fg-label-dark-disabled);background:var(--ids-comp-button-filled-color-bg-dark-disabled);border-color:var(--ids-comp-button-filled-color-border-dark-disabled)}.ids-button.ids-button-filled.ids-button-dark:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-dark-disabled)}.ids-button.ids-button-filled.ids-button-surface{color:var(--ids-comp-button-filled-color-fg-label-surface-default);background:var(--ids-comp-button-filled-color-bg-surface-default);border-color:var(--ids-comp-button-filled-color-border-surface-default)}.ids-button.ids-button-filled.ids-button-surface>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-default)}.ids-button.ids-button-filled.ids-button-surface:hover{color:var(--ids-comp-button-filled-color-fg-label-surface-hovered);background:var(--ids-comp-button-filled-color-bg-surface-hovered);border-color:var(--ids-comp-button-filled-color-border-surface-hovered)}.ids-button.ids-button-filled.ids-button-surface:hover>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-hovered)}.ids-button.ids-button-filled.ids-button-surface:focus,.ids-button.ids-button-filled.ids-button-surface:focus-visible{color:var(--ids-comp-button-filled-color-fg-label-surface-focused);background:var(--ids-comp-button-filled-color-bg-surface-focused);border-color:var(--ids-comp-button-filled-color-border-surface-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-filled.ids-button-surface:focus>.ids-icon,.ids-button.ids-button-filled.ids-button-surface:focus-visible>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-focused)}.ids-button.ids-button-filled.ids-button-surface:active{color:var(--ids-comp-button-filled-color-fg-label-surface-pressed);background:var(--ids-comp-button-filled-color-bg-surface-pressed);border-color:var(--ids-comp-button-filled-color-border-surface-pressed)}.ids-button.ids-button-filled.ids-button-surface:active>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-pressed)}.ids-button.ids-button-filled.ids-button-surface:disabled{color:var(--ids-comp-button-filled-color-fg-label-surface-disabled);background:var(--ids-comp-button-filled-color-bg-surface-disabled);border-color:var(--ids-comp-button-filled-color-border-surface-disabled)}.ids-button.ids-button-filled.ids-button-surface:disabled>.ids-icon{color:var(--ids-comp-button-filled-color-fg-icon-surface-disabled)}.ids-button.ids-button-outlined.ids-button-primary{color:var(--ids-comp-button-outlined-color-fg-label-primary-default);background:var(--ids-comp-button-outlined-color-bg-primary-default);border-color:var(--ids-comp-button-outlined-color-border-primary-default)}.ids-button.ids-button-outlined.ids-button-primary>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-default)}.ids-button.ids-button-outlined.ids-button-primary:hover{color:var(--ids-comp-button-outlined-color-fg-label-primary-hovered);background:var(--ids-comp-button-outlined-color-bg-primary-hovered);border-color:var(--ids-comp-button-outlined-color-border-primary-hovered)}.ids-button.ids-button-outlined.ids-button-primary:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-hovered)}.ids-button.ids-button-outlined.ids-button-primary:focus,.ids-button.ids-button-outlined.ids-button-primary:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-primary-focused);background:var(--ids-comp-button-outlined-color-bg-primary-focused);border-color:var(--ids-comp-button-outlined-color-border-primary-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-primary:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-primary:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-focused)}.ids-button.ids-button-outlined.ids-button-primary:active{color:var(--ids-comp-button-outlined-color-fg-label-primary-pressed);background:var(--ids-comp-button-outlined-color-bg-primary-pressed);border-color:var(--ids-comp-button-outlined-color-border-primary-pressed)}.ids-button.ids-button-outlined.ids-button-primary:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-pressed)}.ids-button.ids-button-outlined.ids-button-primary:disabled{color:var(--ids-comp-button-outlined-color-fg-label-primary-disabled);background:var(--ids-comp-button-outlined-color-bg-primary-disabled);border-color:var(--ids-comp-button-outlined-color-border-primary-disabled)}.ids-button.ids-button-outlined.ids-button-primary:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-primary-disabled)}.ids-button.ids-button-outlined.ids-button-secondary{color:var(--ids-comp-button-outlined-color-fg-label-secondary-default);background:var(--ids-comp-button-outlined-color-bg-secondary-default);border-color:var(--ids-comp-button-outlined-color-border-secondary-default)}.ids-button.ids-button-outlined.ids-button-secondary>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-default)}.ids-button.ids-button-outlined.ids-button-secondary:hover{color:var(--ids-comp-button-outlined-color-fg-label-secondary-hovered);background:var(--ids-comp-button-outlined-color-bg-secondary-hovered);border-color:var(--ids-comp-button-outlined-color-border-secondary-hovered)}.ids-button.ids-button-outlined.ids-button-secondary:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-hovered)}.ids-button.ids-button-outlined.ids-button-secondary:focus,.ids-button.ids-button-outlined.ids-button-secondary:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-secondary-focused);background:var(--ids-comp-button-outlined-color-bg-secondary-focused);border-color:var(--ids-comp-button-outlined-color-border-secondary-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-secondary:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-secondary:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-focused)}.ids-button.ids-button-outlined.ids-button-secondary:active{color:var(--ids-comp-button-outlined-color-fg-label-secondary-pressed);background:var(--ids-comp-button-outlined-color-bg-secondary-pressed);border-color:var(--ids-comp-button-outlined-color-border-secondary-pressed)}.ids-button.ids-button-outlined.ids-button-secondary:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-pressed)}.ids-button.ids-button-outlined.ids-button-secondary:disabled{color:var(--ids-comp-button-outlined-color-fg-label-secondary-disabled);background:var(--ids-comp-button-outlined-color-bg-secondary-disabled);border-color:var(--ids-comp-button-outlined-color-border-secondary-disabled)}.ids-button.ids-button-outlined.ids-button-secondary:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-secondary-disabled)}.ids-button.ids-button-outlined.ids-button-brand{color:var(--ids-comp-button-outlined-color-fg-label-brand-default);background:var(--ids-comp-button-outlined-color-bg-brand-default);border-color:var(--ids-comp-button-outlined-color-border-brand-default)}.ids-button.ids-button-outlined.ids-button-brand>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-default)}.ids-button.ids-button-outlined.ids-button-brand:hover{color:var(--ids-comp-button-outlined-color-fg-label-brand-hovered);background:var(--ids-comp-button-outlined-color-bg-brand-hovered);border-color:var(--ids-comp-button-outlined-color-border-brand-hovered)}.ids-button.ids-button-outlined.ids-button-brand:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-hovered)}.ids-button.ids-button-outlined.ids-button-brand:focus,.ids-button.ids-button-outlined.ids-button-brand:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-brand-focused);background:var(--ids-comp-button-outlined-color-bg-brand-focused);border-color:var(--ids-comp-button-outlined-color-border-brand-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-brand:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-brand:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-focused)}.ids-button.ids-button-outlined.ids-button-brand:active{color:var(--ids-comp-button-outlined-color-fg-label-brand-pressed);background:var(--ids-comp-button-outlined-color-bg-brand-pressed);border-color:var(--ids-comp-button-outlined-color-border-brand-pressed)}.ids-button.ids-button-outlined.ids-button-brand:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-pressed)}.ids-button.ids-button-outlined.ids-button-brand:disabled{color:var(--ids-comp-button-outlined-color-fg-label-brand-disabled);background:var(--ids-comp-button-outlined-color-bg-brand-disabled);border-color:var(--ids-comp-button-outlined-color-border-brand-disabled)}.ids-button.ids-button-outlined.ids-button-brand:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-brand-disabled)}.ids-button.ids-button-outlined.ids-button-error{color:var(--ids-comp-button-outlined-color-fg-label-error-default);background:var(--ids-comp-button-outlined-color-bg-error-default);border-color:var(--ids-comp-button-outlined-color-border-error-default)}.ids-button.ids-button-outlined.ids-button-error>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-error-default)}.ids-button.ids-button-outlined.ids-button-error:hover{color:var(--ids-comp-button-outlined-color-fg-label-error-hovered);background:var(--ids-comp-button-outlined-color-bg-error-hovered);border-color:var(--ids-comp-button-outlined-color-border-error-hovered)}.ids-button.ids-button-outlined.ids-button-error:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-error-hovered)}.ids-button.ids-button-outlined.ids-button-error:focus,.ids-button.ids-button-outlined.ids-button-error:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-error-focused);background:var(--ids-comp-button-outlined-color-bg-error-focused);border-color:var(--ids-comp-button-outlined-color-border-error-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-error:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-error:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-error-focused)}.ids-button.ids-button-outlined.ids-button-error:active{color:var(--ids-comp-button-outlined-color-fg-label-error-pressed);background:var(--ids-comp-button-outlined-color-bg-error-pressed);border-color:var(--ids-comp-button-outlined-color-border-error-pressed)}.ids-button.ids-button-outlined.ids-button-error:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-error-pressed)}.ids-button.ids-button-outlined.ids-button-success{color:var(--ids-comp-button-outlined-color-fg-label-success-default);background:var(--ids-comp-button-outlined-color-bg-success-default);border-color:var(--ids-comp-button-outlined-color-border-success-default)}.ids-button.ids-button-outlined.ids-button-success>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-success-default)}.ids-button.ids-button-outlined.ids-button-success:hover{color:var(--ids-comp-button-outlined-color-fg-label-success-hovered);background:var(--ids-comp-button-outlined-color-bg-success-hovered);border-color:var(--ids-comp-button-outlined-color-border-success-hovered)}.ids-button.ids-button-outlined.ids-button-success:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-success-hovered)}.ids-button.ids-button-outlined.ids-button-success:focus,.ids-button.ids-button-outlined.ids-button-success:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-success-focused);background:var(--ids-comp-button-outlined-color-bg-success-focused);border-color:var(--ids-comp-button-outlined-color-border-success-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-success:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-success:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-success-focused)}.ids-button.ids-button-outlined.ids-button-success:active{color:var(--ids-comp-button-outlined-color-fg-label-success-pressed);background:var(--ids-comp-button-outlined-color-bg-success-pressed);border-color:var(--ids-comp-button-outlined-color-border-success-pressed)}.ids-button.ids-button-outlined.ids-button-success:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-success-pressed)}.ids-button.ids-button-outlined.ids-button-warning{color:var(--ids-comp-button-outlined-color-fg-label-warning-default);background:var(--ids-comp-button-outlined-color-bg-warning-default);border-color:var(--ids-comp-button-outlined-color-border-warning-default)}.ids-button.ids-button-outlined.ids-button-warning>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-warning-default)}.ids-button.ids-button-outlined.ids-button-warning:hover{color:var(--ids-comp-button-outlined-color-fg-label-warning-hovered);background:var(--ids-comp-button-outlined-color-bg-warning-hovered);border-color:var(--ids-comp-button-outlined-color-border-warning-hovered)}.ids-button.ids-button-outlined.ids-button-warning:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-warning-hovered)}.ids-button.ids-button-outlined.ids-button-warning:focus,.ids-button.ids-button-outlined.ids-button-warning:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-warning-focused);background:var(--ids-comp-button-outlined-color-bg-warning-focused);border-color:var(--ids-comp-button-outlined-color-border-warning-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-warning:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-warning:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-warning-focused)}.ids-button.ids-button-outlined.ids-button-warning:active{color:var(--ids-comp-button-outlined-color-fg-label-warning-pressed);background:var(--ids-comp-button-outlined-color-bg-warning-pressed);border-color:var(--ids-comp-button-outlined-color-border-warning-pressed)}.ids-button.ids-button-outlined.ids-button-warning:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-warning-pressed)}.ids-button.ids-button-outlined.ids-button-light{color:var(--ids-comp-button-outlined-color-fg-label-light-default);background:var(--ids-comp-button-outlined-color-bg-light-default);border-color:var(--ids-comp-button-outlined-color-border-light-default)}.ids-button.ids-button-outlined.ids-button-light>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-default)}.ids-button.ids-button-outlined.ids-button-light:hover{color:var(--ids-comp-button-outlined-color-fg-label-light-hovered);background:var(--ids-comp-button-outlined-color-bg-light-hovered);border-color:var(--ids-comp-button-outlined-color-border-light-hovered)}.ids-button.ids-button-outlined.ids-button-light:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-hovered)}.ids-button.ids-button-outlined.ids-button-light:focus,.ids-button.ids-button-outlined.ids-button-light:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-light-focused);background:var(--ids-comp-button-outlined-color-bg-light-focused);border-color:var(--ids-comp-button-outlined-color-border-light-focused);outline-color:var(--ids-comp-button-focused-outline-color-light-focused)}.ids-button.ids-button-outlined.ids-button-light:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-light:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-focused)}.ids-button.ids-button-outlined.ids-button-light:active{color:var(--ids-comp-button-outlined-color-fg-label-light-pressed);background:var(--ids-comp-button-outlined-color-bg-light-pressed);border-color:var(--ids-comp-button-outlined-color-border-light-pressed)}.ids-button.ids-button-outlined.ids-button-light:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-pressed)}.ids-button.ids-button-outlined.ids-button-light:disabled{color:var(--ids-comp-button-outlined-color-fg-label-light-disabled);background:var(--ids-comp-button-outlined-color-bg-light-disabled);border-color:var(--ids-comp-button-outlined-color-border-light-disabled)}.ids-button.ids-button-outlined.ids-button-light:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-disabled)}.ids-button.ids-button-outlined.ids-button-light-fixed{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-default);background:var(--ids-comp-button-outlined-color-bg-light-fixed-default);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-default)}.ids-button.ids-button-outlined.ids-button-light-fixed>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-default)}.ids-button.ids-button-outlined.ids-button-light-fixed:hover{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-hovered);background:var(--ids-comp-button-outlined-color-bg-light-fixed-hovered);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-hovered)}.ids-button.ids-button-outlined.ids-button-light-fixed:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-hovered)}.ids-button.ids-button-outlined.ids-button-light-fixed:focus,.ids-button.ids-button-outlined.ids-button-light-fixed:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-focused);background:var(--ids-comp-button-outlined-color-bg-light-fixed-focused);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-light-fixed:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-light-fixed:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-focused)}.ids-button.ids-button-outlined.ids-button-light-fixed:active{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-pressed);background:var(--ids-comp-button-outlined-color-bg-light-fixed-pressed);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-pressed)}.ids-button.ids-button-outlined.ids-button-light-fixed:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-pressed)}.ids-button.ids-button-outlined.ids-button-light-fixed:disabled{color:var(--ids-comp-button-outlined-color-fg-label-light-fixed-disabled);background:var(--ids-comp-button-outlined-color-bg-light-fixed-disabled);border-color:var(--ids-comp-button-outlined-color-border-light-fixed-disabled)}.ids-button.ids-button-outlined.ids-button-light-fixed:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-light-fixed-disabled)}.ids-button.ids-button-outlined.ids-button-dark{color:var(--ids-comp-button-outlined-color-fg-label-dark-default);background:var(--ids-comp-button-outlined-color-bg-dark-default);border-color:var(--ids-comp-button-outlined-color-border-dark-default)}.ids-button.ids-button-outlined.ids-button-dark>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-default)}.ids-button.ids-button-outlined.ids-button-dark:hover{color:var(--ids-comp-button-outlined-color-fg-label-dark-hovered);background:var(--ids-comp-button-outlined-color-bg-dark-hovered);border-color:var(--ids-comp-button-outlined-color-border-dark-hovered)}.ids-button.ids-button-outlined.ids-button-dark:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-hovered)}.ids-button.ids-button-outlined.ids-button-dark:focus,.ids-button.ids-button-outlined.ids-button-dark:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-dark-focused);background:var(--ids-comp-button-outlined-color-bg-dark-focused);border-color:var(--ids-comp-button-outlined-color-border-dark-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-dark:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-dark:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-focused)}.ids-button.ids-button-outlined.ids-button-dark:active{color:var(--ids-comp-button-outlined-color-fg-label-dark-pressed);background:var(--ids-comp-button-outlined-color-bg-dark-pressed);border-color:var(--ids-comp-button-outlined-color-border-dark-pressed)}.ids-button.ids-button-outlined.ids-button-dark:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-pressed)}.ids-button.ids-button-outlined.ids-button-dark:disabled{color:var(--ids-comp-button-outlined-color-fg-label-dark-disabled);background:var(--ids-comp-button-outlined-color-bg-dark-disabled);border-color:var(--ids-comp-button-outlined-color-border-dark-disabled)}.ids-button.ids-button-outlined.ids-button-dark:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-dark-disabled)}.ids-button.ids-button-outlined.ids-button-surface{color:var(--ids-comp-button-outlined-color-fg-label-surface-default);background:var(--ids-comp-button-outlined-color-bg-surface-default);border-color:var(--ids-comp-button-outlined-color-border-surface-default)}.ids-button.ids-button-outlined.ids-button-surface>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-default)}.ids-button.ids-button-outlined.ids-button-surface:hover{color:var(--ids-comp-button-outlined-color-fg-label-surface-hovered);background:var(--ids-comp-button-outlined-color-bg-surface-hovered);border-color:var(--ids-comp-button-outlined-color-border-surface-hovered)}.ids-button.ids-button-outlined.ids-button-surface:hover>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-hovered)}.ids-button.ids-button-outlined.ids-button-surface:focus,.ids-button.ids-button-outlined.ids-button-surface:focus-visible{color:var(--ids-comp-button-outlined-color-fg-label-surface-focused);background:var(--ids-comp-button-outlined-color-bg-surface-focused);border-color:var(--ids-comp-button-outlined-color-border-surface-focused);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-outlined.ids-button-surface:focus>.ids-icon,.ids-button.ids-button-outlined.ids-button-surface:focus-visible>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-focused)}.ids-button.ids-button-outlined.ids-button-surface:active{color:var(--ids-comp-button-outlined-color-fg-label-surface-pressed);background:var(--ids-comp-button-outlined-color-bg-surface-pressed);border-color:var(--ids-comp-button-outlined-color-border-surface-pressed)}.ids-button.ids-button-outlined.ids-button-surface:active>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-pressed)}.ids-button.ids-button-outlined.ids-button-surface:disabled{color:var(--ids-comp-button-outlined-color-fg-label-surface-disabled);background:var(--ids-comp-button-outlined-color-bg-surface-disabled);border-color:var(--ids-comp-button-outlined-color-border-surface-disabled)}.ids-button.ids-button-outlined.ids-button-surface:disabled>.ids-icon{color:var(--ids-comp-button-outlined-color-fg-icon-surface-disabled)}.ids-button.ids-button-text.ids-button-primary{color:var(--ids-comp-button-text-color-fg-label-primary-default);background:var(--ids-comp-button-text-color-bg-primary-default);border-color:var(--ids-comp-button-text-color-border-primary-default)}.ids-button.ids-button-text.ids-button-primary>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-default)}.ids-button.ids-button-text.ids-button-primary:hover{color:var(--ids-comp-button-text-color-fg-label-primary-hovered);background:var(--ids-comp-button-text-color-bg-primary-hovered);border-color:var(--ids-comp-button-text-color-border-primary-default)}.ids-button.ids-button-text.ids-button-primary:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-hovered)}.ids-button.ids-button-text.ids-button-primary:focus,.ids-button.ids-button-text.ids-button-primary:focus-visible{color:var(--ids-comp-button-text-color-fg-label-primary-focused);background:var(--ids-comp-button-text-color-bg-primary-focused);border-color:var(--ids-comp-button-text-color-border-primary-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-primary:focus>.ids-icon,.ids-button.ids-button-text.ids-button-primary:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-focused)}.ids-button.ids-button-text.ids-button-primary:active{color:var(--ids-comp-button-text-color-fg-label-primary-pressed);background:var(--ids-comp-button-text-color-bg-primary-pressed);border-color:var(--ids-comp-button-text-color-border-primary-default)}.ids-button.ids-button-text.ids-button-primary:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-pressed)}.ids-button.ids-button-text.ids-button-primary:disabled{color:var(--ids-comp-button-text-color-fg-label-primary-disabled);background:var(--ids-comp-button-text-color-bg-primary-disabled);border-color:var(--ids-comp-button-text-color-border-primary-default)}.ids-button.ids-button-text.ids-button-primary:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-primary-disabled)}.ids-button.ids-button-text.ids-button-secondary{color:var(--ids-comp-button-text-color-fg-label-secondary-default);background:var(--ids-comp-button-text-color-bg-secondary-default);border-color:var(--ids-comp-button-text-color-border-secondary-default)}.ids-button.ids-button-text.ids-button-secondary>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-default)}.ids-button.ids-button-text.ids-button-secondary:hover{color:var(--ids-comp-button-text-color-fg-label-secondary-hovered);background:var(--ids-comp-button-text-color-bg-secondary-hovered);border-color:var(--ids-comp-button-text-color-border-secondary-default)}.ids-button.ids-button-text.ids-button-secondary:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-hovered)}.ids-button.ids-button-text.ids-button-secondary:focus,.ids-button.ids-button-text.ids-button-secondary:focus-visible{color:var(--ids-comp-button-text-color-fg-label-secondary-focused);background:var(--ids-comp-button-text-color-bg-secondary-focused);border-color:var(--ids-comp-button-text-color-border-secondary-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-secondary:focus>.ids-icon,.ids-button.ids-button-text.ids-button-secondary:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-focused)}.ids-button.ids-button-text.ids-button-secondary:active{color:var(--ids-comp-button-text-color-fg-label-secondary-pressed);background:var(--ids-comp-button-text-color-bg-secondary-pressed);border-color:var(--ids-comp-button-text-color-border-secondary-default)}.ids-button.ids-button-text.ids-button-secondary:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-pressed)}.ids-button.ids-button-text.ids-button-secondary:disabled{color:var(--ids-comp-button-text-color-fg-label-secondary-disabled);background:var(--ids-comp-button-text-color-bg-secondary-disabled);border-color:var(--ids-comp-button-text-color-border-secondary-default)}.ids-button.ids-button-text.ids-button-secondary:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-secondary-disabled)}.ids-button.ids-button-text.ids-button-brand{color:var(--ids-comp-button-text-color-fg-label-brand-default);background:var(--ids-comp-button-text-color-bg-brand-default);border-color:var(--ids-comp-button-text-color-border-brand-default)}.ids-button.ids-button-text.ids-button-brand>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-default)}.ids-button.ids-button-text.ids-button-brand:hover{color:var(--ids-comp-button-text-color-fg-label-brand-hovered);background:var(--ids-comp-button-text-color-bg-brand-hovered);border-color:var(--ids-comp-button-text-color-border-brand-default)}.ids-button.ids-button-text.ids-button-brand:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-hovered)}.ids-button.ids-button-text.ids-button-brand:focus,.ids-button.ids-button-text.ids-button-brand:focus-visible{color:var(--ids-comp-button-text-color-fg-label-brand-focused);background:var(--ids-comp-button-text-color-bg-brand-focused);border-color:var(--ids-comp-button-text-color-border-brand-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-brand:focus>.ids-icon,.ids-button.ids-button-text.ids-button-brand:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-focused)}.ids-button.ids-button-text.ids-button-brand:active{color:var(--ids-comp-button-text-color-fg-label-brand-pressed);background:var(--ids-comp-button-text-color-bg-brand-pressed);border-color:var(--ids-comp-button-text-color-border-brand-default)}.ids-button.ids-button-text.ids-button-brand:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-pressed)}.ids-button.ids-button-text.ids-button-brand:disabled{color:var(--ids-comp-button-text-color-fg-label-brand-disabled);background:var(--ids-comp-button-text-color-bg-brand-disabled);border-color:var(--ids-comp-button-text-color-border-brand-default)}.ids-button.ids-button-text.ids-button-brand:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-brand-disabled)}.ids-button.ids-button-text.ids-button-error{color:var(--ids-comp-button-text-color-fg-label-error-default);background:var(--ids-comp-button-text-color-bg-error-default);border-color:var(--ids-comp-button-text-color-border-error-default)}.ids-button.ids-button-text.ids-button-error>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-error-default)}.ids-button.ids-button-text.ids-button-error:hover{color:var(--ids-comp-button-text-color-fg-label-error-hovered);background:var(--ids-comp-button-text-color-bg-error-hovered);border-color:var(--ids-comp-button-text-color-border-error-default)}.ids-button.ids-button-text.ids-button-error:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-error-hovered)}.ids-button.ids-button-text.ids-button-error:focus,.ids-button.ids-button-text.ids-button-error:focus-visible{color:var(--ids-comp-button-text-color-fg-label-error-focused);background:var(--ids-comp-button-text-color-bg-error-focused);border-color:var(--ids-comp-button-text-color-border-error-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-error:focus>.ids-icon,.ids-button.ids-button-text.ids-button-error:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-error-focused)}.ids-button.ids-button-text.ids-button-error:active{color:var(--ids-comp-button-text-color-fg-label-error-pressed);background:var(--ids-comp-button-text-color-bg-error-pressed);border-color:var(--ids-comp-button-text-color-border-error-default)}.ids-button.ids-button-text.ids-button-error:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-error-pressed)}.ids-button.ids-button-text.ids-button-success{color:var(--ids-comp-button-text-color-fg-label-success-default);background:var(--ids-comp-button-text-color-bg-success-default);border-color:var(--ids-comp-button-text-color-border-success-default)}.ids-button.ids-button-text.ids-button-success>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-success-default)}.ids-button.ids-button-text.ids-button-success:hover{color:var(--ids-comp-button-text-color-fg-label-success-hovered);background:var(--ids-comp-button-text-color-bg-success-hovered);border-color:var(--ids-comp-button-text-color-border-success-default)}.ids-button.ids-button-text.ids-button-success:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-success-hovered)}.ids-button.ids-button-text.ids-button-success:focus,.ids-button.ids-button-text.ids-button-success:focus-visible{color:var(--ids-comp-button-text-color-fg-label-success-focused);background:var(--ids-comp-button-text-color-bg-success-focused);border-color:var(--ids-comp-button-text-color-border-success-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-success:focus>.ids-icon,.ids-button.ids-button-text.ids-button-success:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-success-focused)}.ids-button.ids-button-text.ids-button-success:active{color:var(--ids-comp-button-text-color-fg-label-success-pressed);background:var(--ids-comp-button-text-color-bg-success-pressed);border-color:var(--ids-comp-button-text-color-border-success-default)}.ids-button.ids-button-text.ids-button-success:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-success-pressed)}.ids-button.ids-button-text.ids-button-warning{color:var(--ids-comp-button-text-color-fg-label-warning-default);background:var(--ids-comp-button-text-color-bg-warning-default);border-color:var(--ids-comp-button-text-color-border-warning-default)}.ids-button.ids-button-text.ids-button-warning>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-warning-default)}.ids-button.ids-button-text.ids-button-warning:hover{color:var(--ids-comp-button-text-color-fg-label-warning-hovered);background:var(--ids-comp-button-text-color-bg-warning-hovered);border-color:var(--ids-comp-button-text-color-border-warning-default)}.ids-button.ids-button-text.ids-button-warning:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-warning-hovered)}.ids-button.ids-button-text.ids-button-warning:focus,.ids-button.ids-button-text.ids-button-warning:focus-visible{color:var(--ids-comp-button-text-color-fg-label-warning-focused);background:var(--ids-comp-button-text-color-bg-warning-focused);border-color:var(--ids-comp-button-text-color-border-warning-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-warning:focus>.ids-icon,.ids-button.ids-button-text.ids-button-warning:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-warning-focused)}.ids-button.ids-button-text.ids-button-warning:active{color:var(--ids-comp-button-text-color-fg-label-warning-pressed);background:var(--ids-comp-button-text-color-bg-warning-pressed);border-color:var(--ids-comp-button-text-color-border-warning-default)}.ids-button.ids-button-text.ids-button-warning:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-warning-pressed)}.ids-button.ids-button-text.ids-button-light{color:var(--ids-comp-button-text-color-fg-label-light-default);background:var(--ids-comp-button-text-color-bg-light-default);border-color:var(--ids-comp-button-text-color-border-light-default)}.ids-button.ids-button-text.ids-button-light>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-default)}.ids-button.ids-button-text.ids-button-light:hover{color:var(--ids-comp-button-text-color-fg-label-light-hovered);background:var(--ids-comp-button-text-color-bg-light-hovered);border-color:var(--ids-comp-button-text-color-border-light-default)}.ids-button.ids-button-text.ids-button-light:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-hovered)}.ids-button.ids-button-text.ids-button-light:focus,.ids-button.ids-button-text.ids-button-light:focus-visible{color:var(--ids-comp-button-text-color-fg-label-light-focused);background:var(--ids-comp-button-text-color-bg-light-focused);border-color:var(--ids-comp-button-text-color-border-light-default);outline-color:var(--ids-comp-button-focused-outline-color-light-focused)}.ids-button.ids-button-text.ids-button-light:focus>.ids-icon,.ids-button.ids-button-text.ids-button-light:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-focused)}.ids-button.ids-button-text.ids-button-light:active{color:var(--ids-comp-button-text-color-fg-label-light-pressed);background:var(--ids-comp-button-text-color-bg-light-pressed);border-color:var(--ids-comp-button-text-color-border-light-default)}.ids-button.ids-button-text.ids-button-light:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-pressed)}.ids-button.ids-button-text.ids-button-light:disabled{color:var(--ids-comp-button-text-color-fg-label-light-disabled);background:var(--ids-comp-button-text-color-bg-light-disabled);border-color:var(--ids-comp-button-text-color-border-light-default)}.ids-button.ids-button-text.ids-button-light:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-disabled)}.ids-button.ids-button-text.ids-button-light-fixed{color:var(--ids-comp-button-text-color-fg-label-light-fixed-default);background:var(--ids-comp-button-text-color-bg-light-fixed-default);border-color:var(--ids-comp-button-text-color-border-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed:hover{color:var(--ids-comp-button-text-color-fg-label-light-fixed-hovered);background:var(--ids-comp-button-text-color-bg-light-fixed-hovered);border-color:var(--ids-comp-button-text-color-border-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-hovered)}.ids-button.ids-button-text.ids-button-light-fixed:focus,.ids-button.ids-button-text.ids-button-light-fixed:focus-visible{color:var(--ids-comp-button-text-color-fg-label-light-fixed-focused);background:var(--ids-comp-button-text-color-bg-light-fixed-focused);border-color:var(--ids-comp-button-text-color-border-light-fixed-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-light-fixed:focus>.ids-icon,.ids-button.ids-button-text.ids-button-light-fixed:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-focused)}.ids-button.ids-button-text.ids-button-light-fixed:active{color:var(--ids-comp-button-text-color-fg-label-light-fixed-pressed);background:var(--ids-comp-button-text-color-bg-light-fixed-pressed);border-color:var(--ids-comp-button-text-color-border-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-pressed)}.ids-button.ids-button-text.ids-button-light-fixed:disabled{color:var(--ids-comp-button-text-color-fg-label-light-fixed-disabled);background:var(--ids-comp-button-text-color-bg-light-fixed-disabled);border-color:var(--ids-comp-button-text-color-border-light-fixed-default)}.ids-button.ids-button-text.ids-button-light-fixed:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-light-fixed-disabled)}.ids-button.ids-button-text.ids-button-dark{color:var(--ids-comp-button-text-color-fg-label-dark-default);background:var(--ids-comp-button-text-color-bg-dark-default);border-color:var(--ids-comp-button-text-color-border-dark-default)}.ids-button.ids-button-text.ids-button-dark>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-default)}.ids-button.ids-button-text.ids-button-dark:hover{color:var(--ids-comp-button-text-color-fg-label-dark-hovered);background:var(--ids-comp-button-text-color-bg-dark-hovered);border-color:var(--ids-comp-button-text-color-border-dark-default)}.ids-button.ids-button-text.ids-button-dark:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-hovered)}.ids-button.ids-button-text.ids-button-dark:focus,.ids-button.ids-button-text.ids-button-dark:focus-visible{color:var(--ids-comp-button-text-color-fg-label-dark-focused);background:var(--ids-comp-button-text-color-bg-dark-focused);border-color:var(--ids-comp-button-text-color-border-dark-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-dark:focus>.ids-icon,.ids-button.ids-button-text.ids-button-dark:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-focused)}.ids-button.ids-button-text.ids-button-dark:active{color:var(--ids-comp-button-text-color-fg-label-dark-pressed);background:var(--ids-comp-button-text-color-bg-dark-pressed);border-color:var(--ids-comp-button-text-color-border-dark-default)}.ids-button.ids-button-text.ids-button-dark:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-pressed)}.ids-button.ids-button-text.ids-button-dark:disabled{color:var(--ids-comp-button-text-color-fg-label-dark-disabled);background:var(--ids-comp-button-text-color-bg-dark-disabled);border-color:var(--ids-comp-button-text-color-border-dark-default)}.ids-button.ids-button-text.ids-button-dark:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-dark-disabled)}.ids-button.ids-button-text.ids-button-surface{color:var(--ids-comp-button-text-color-fg-label-surface-default);background:var(--ids-comp-button-text-color-bg-surface-default);border-color:var(--ids-comp-button-text-color-border-surface-default)}.ids-button.ids-button-text.ids-button-surface>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-default)}.ids-button.ids-button-text.ids-button-surface:hover{color:var(--ids-comp-button-text-color-fg-label-surface-hovered);background:var(--ids-comp-button-text-color-bg-surface-hovered);border-color:var(--ids-comp-button-text-color-border-surface-default)}.ids-button.ids-button-text.ids-button-surface:hover>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-hovered)}.ids-button.ids-button-text.ids-button-surface:focus,.ids-button.ids-button-text.ids-button-surface:focus-visible{color:var(--ids-comp-button-text-color-fg-label-surface-focused);background:var(--ids-comp-button-text-color-bg-surface-focused);border-color:var(--ids-comp-button-text-color-border-surface-default);outline-color:var(--ids-comp-button-focused-outline-color-dark-focused)}.ids-button.ids-button-text.ids-button-surface:focus>.ids-icon,.ids-button.ids-button-text.ids-button-surface:focus-visible>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-focused)}.ids-button.ids-button-text.ids-button-surface:active{color:var(--ids-comp-button-text-color-fg-label-surface-pressed);background:var(--ids-comp-button-text-color-bg-surface-pressed);border-color:var(--ids-comp-button-text-color-border-surface-default)}.ids-button.ids-button-text.ids-button-surface:active>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-pressed)}.ids-button.ids-button-text.ids-button-surface:disabled{color:var(--ids-comp-button-text-color-fg-label-surface-disabled);background:var(--ids-comp-button-text-color-bg-surface-disabled);border-color:var(--ids-comp-button-text-color-border-surface-default)}.ids-button.ids-button-text.ids-button-surface:disabled>.ids-icon{color:var(--ids-comp-button-text-color-fg-icon-surface-disabled)}