@i-cell/ids-styles 0.0.1

package/dist/icon-button/icon-button.min.css

@@ -0,0 +1 @@
+.ids-icon-button{padding:0px;display:flex;flex-shrink:0;align-items:center;justify-content:center}.ids-icon-button:focus{outline-offset:2px;outline:var(--ids-comp-icon-button-focused-outline-size-outline) solid var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button:focus.ids-icon-button-light{outline-color:var(--ids-comp-icon-button-focused-outline-color-light-focused)}.ids-icon-button:active{outline:none}.ids-icon-button.ids-icon-button-compact{padding:var(--ids-comp-size-icon-button-size-padding-y-compact, 2px) var(--ids-comp-size-icon-button-size-padding-x-compact, 2px);width:var(--ids-comp-size-icon-button-size-width-compact);height:var(--ids-comp-size-icon-button-size-height-compact);border-radius:var(--ids-comp-size-icon-button-size-border-radius-compact, 1000px);border:var(--ids-comp-size-icon-button-size-border-compact, 1px) solid}.ids-icon-button.ids-icon-button-compact *[icon]{width:var(--ids-comp-size-icon-button-size-icon-compact);height:var(--ids-comp-size-icon-button-size-icon-compact)}.ids-icon-button.ids-icon-button-comfortable{padding:var(--ids-comp-size-icon-button-size-padding-y-comfortable, 2px) var(--ids-comp-size-icon-button-size-padding-x-comfortable, 2px);width:var(--ids-comp-size-icon-button-size-width-comfortable);height:var(--ids-comp-size-icon-button-size-height-comfortable);border-radius:var(--ids-comp-size-icon-button-size-border-radius-comfortable, 1000px);border:var(--ids-comp-size-icon-button-size-border-comfortable, 1px) solid}.ids-icon-button.ids-icon-button-comfortable *[icon]{width:var(--ids-comp-size-icon-button-size-icon-comfortable);height:var(--ids-comp-size-icon-button-size-icon-comfortable)}.ids-icon-button.ids-icon-button-spacious{padding:var(--ids-comp-size-icon-button-size-padding-y-spacious, 2px) var(--ids-comp-size-icon-button-size-padding-x-spacious, 2px);width:var(--ids-comp-size-icon-button-size-width-spacious);height:var(--ids-comp-size-icon-button-size-height-spacious);border-radius:var(--ids-comp-size-icon-button-size-border-radius-spacious, 1000px);border:var(--ids-comp-size-icon-button-size-border-spacious, 1px) solid}.ids-icon-button.ids-icon-button-spacious *[icon]{width:var(--ids-comp-size-icon-button-size-icon-spacious);height:var(--ids-comp-size-icon-button-size-icon-spacious)}.ids-icon-button.ids-icon-button-dense{padding:var(--ids-comp-size-icon-button-size-padding-y-dense, 2px) var(--ids-comp-size-icon-button-size-padding-x-dense, 2px);width:var(--ids-comp-size-icon-button-size-width-dense);height:var(--ids-comp-size-icon-button-size-height-dense);border-radius:var(--ids-comp-size-icon-button-size-border-radius-dense, 1000px);border:var(--ids-comp-size-icon-button-size-border-dense, 1px) solid}.ids-icon-button.ids-icon-button-dense *[icon]{width:var(--ids-comp-size-icon-button-size-icon-dense);height:var(--ids-comp-size-icon-button-size-icon-dense)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary{color:var(--ids-comp-icon-button-filled-color-fg-primary-enabled);background:var(--ids-comp-icon-button-filled-color-bg-primary-enabled);border-color:var(--ids-comp-icon-button-filled-color-border-primary-enabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary:hover{background:var(--ids-comp-icon-button-filled-color-bg-primary-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-primary-hovered, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary:focus{background:var(--ids-comp-icon-button-filled-color-bg-primary-focused);color:var(--ids-comp-icon-button-filled-color-fg-primary-focused);border-color:var(--ids-comp-icon-button-filled-color-border-primary-focused, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary:active{background:var(--ids-comp-icon-button-filled-color-bg-primary-pressed);color:var(--ids-comp-icon-button-filled-color-fg-primary-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-primary-pressed, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary:disabled{background:var(--ids-comp-icon-button-filled-color-bg-primary-disabled);color:var(--ids-comp-icon-button-filled-color-fg-primary-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-primary-disabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary{color:var(--ids-comp-icon-button-filled-color-fg-secondary-enabled);background:var(--ids-comp-icon-button-filled-color-bg-secondary-enabled);border-color:var(--ids-comp-icon-button-filled-color-border-secondary-enabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary:hover{background:var(--ids-comp-icon-button-filled-color-bg-secondary-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-secondary-hovered, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary:focus{background:var(--ids-comp-icon-button-filled-color-bg-secondary-focused);color:var(--ids-comp-icon-button-filled-color-fg-secondary-focused);border-color:var(--ids-comp-icon-button-filled-color-border-secondary-focused, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary:active{background:var(--ids-comp-icon-button-filled-color-bg-secondary-pressed);color:var(--ids-comp-icon-button-filled-color-fg-secondary-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-secondary-pressed, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary:disabled{background:var(--ids-comp-icon-button-filled-color-bg-secondary-disabled);color:var(--ids-comp-icon-button-filled-color-fg-secondary-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-secondary-disabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand{color:var(--ids-comp-icon-button-filled-color-fg-brand-enabled);background:var(--ids-comp-icon-button-filled-color-bg-brand-enabled);border-color:var(--ids-comp-icon-button-filled-color-border-brand-enabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand:hover{background:var(--ids-comp-icon-button-filled-color-bg-brand-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-brand-hovered, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand:focus{background:var(--ids-comp-icon-button-filled-color-bg-brand-focused);color:var(--ids-comp-icon-button-filled-color-fg-brand-focused);border-color:var(--ids-comp-icon-button-filled-color-border-brand-focused, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand:active{background:var(--ids-comp-icon-button-filled-color-bg-brand-pressed);color:var(--ids-comp-icon-button-filled-color-fg-brand-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-brand-pressed, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand:disabled{background:var(--ids-comp-icon-button-filled-color-bg-brand-disabled);color:var(--ids-comp-icon-button-filled-color-fg-brand-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-brand-disabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-error{color:var(--ids-comp-icon-button-filled-color-fg-error-enabled);background:var(--ids-comp-icon-button-filled-color-bg-error-enabled);border-color:var(--ids-comp-icon-button-filled-color-border-error-enabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-error:hover{background:var(--ids-comp-icon-button-filled-color-bg-error-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-error-hovered, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-error:focus{background:var(--ids-comp-icon-button-filled-color-bg-error-focused);color:var(--ids-comp-icon-button-filled-color-fg-error-focused);border-color:var(--ids-comp-icon-button-filled-color-border-error-focused, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-error:active{background:var(--ids-comp-icon-button-filled-color-bg-error-pressed);color:var(--ids-comp-icon-button-filled-color-fg-error-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-error-pressed, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-error:disabled{background:var(--ids-comp-icon-button-filled-color-bg-error-disabled);color:var(--ids-comp-icon-button-filled-color-fg-error-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-error-disabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-success{color:var(--ids-comp-icon-button-filled-color-fg-success-enabled);background:var(--ids-comp-icon-button-filled-color-bg-success-enabled);border-color:var(--ids-comp-icon-button-filled-color-border-success-enabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-success:hover{background:var(--ids-comp-icon-button-filled-color-bg-success-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-success-hovered, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-success:focus{background:var(--ids-comp-icon-button-filled-color-bg-success-focused);color:var(--ids-comp-icon-button-filled-color-fg-success-focused);border-color:var(--ids-comp-icon-button-filled-color-border-success-focused, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-success:active{background:var(--ids-comp-icon-button-filled-color-bg-success-pressed);color:var(--ids-comp-icon-button-filled-color-fg-success-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-success-pressed, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-success:disabled{background:var(--ids-comp-icon-button-filled-color-bg-success-disabled);color:var(--ids-comp-icon-button-filled-color-fg-success-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-success-disabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-warning{color:var(--ids-comp-icon-button-filled-color-fg-warning-enabled);background:var(--ids-comp-icon-button-filled-color-bg-warning-enabled);border-color:var(--ids-comp-icon-button-filled-color-border-warning-enabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-warning:hover{background:var(--ids-comp-icon-button-filled-color-bg-warning-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-warning-hovered, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-warning:focus{background:var(--ids-comp-icon-button-filled-color-bg-warning-focused);color:var(--ids-comp-icon-button-filled-color-fg-warning-focused);border-color:var(--ids-comp-icon-button-filled-color-border-warning-focused, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-warning:active{background:var(--ids-comp-icon-button-filled-color-bg-warning-pressed);color:var(--ids-comp-icon-button-filled-color-fg-warning-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-warning-pressed, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-warning:disabled{background:var(--ids-comp-icon-button-filled-color-bg-warning-disabled);color:var(--ids-comp-icon-button-filled-color-fg-warning-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-warning-disabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-light{color:var(--ids-comp-icon-button-filled-color-fg-light-enabled);background:var(--ids-comp-icon-button-filled-color-bg-light-enabled);border-color:var(--ids-comp-icon-button-filled-color-border-light-enabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-light:hover{background:var(--ids-comp-icon-button-filled-color-bg-light-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-light-hovered, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-light:focus{background:var(--ids-comp-icon-button-filled-color-bg-light-focused);color:var(--ids-comp-icon-button-filled-color-fg-light-focused);border-color:var(--ids-comp-icon-button-filled-color-border-light-focused, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-light:active{background:var(--ids-comp-icon-button-filled-color-bg-light-pressed);color:var(--ids-comp-icon-button-filled-color-fg-light-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-light-pressed, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-light:disabled{background:var(--ids-comp-icon-button-filled-color-bg-light-disabled);color:var(--ids-comp-icon-button-filled-color-fg-light-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-light-disabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark{color:var(--ids-comp-icon-button-filled-color-fg-dark-enabled);background:var(--ids-comp-icon-button-filled-color-bg-dark-enabled);border-color:var(--ids-comp-icon-button-filled-color-border-dark-enabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark:hover{background:var(--ids-comp-icon-button-filled-color-bg-dark-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-dark-hovered, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark:focus{background:var(--ids-comp-icon-button-filled-color-bg-dark-focused);color:var(--ids-comp-icon-button-filled-color-fg-dark-focused);border-color:var(--ids-comp-icon-button-filled-color-border-dark-focused, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark:active{background:var(--ids-comp-icon-button-filled-color-bg-dark-pressed);color:var(--ids-comp-icon-button-filled-color-fg-dark-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-dark-pressed, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark:disabled{background:var(--ids-comp-icon-button-filled-color-bg-dark-disabled);color:var(--ids-comp-icon-button-filled-color-fg-dark-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-dark-disabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface{color:var(--ids-comp-icon-button-filled-color-fg-surface-enabled);background:var(--ids-comp-icon-button-filled-color-bg-surface-enabled);border-color:var(--ids-comp-icon-button-filled-color-border-surface-enabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface:hover{background:var(--ids-comp-icon-button-filled-color-bg-surface-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-surface-hovered, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface:focus{background:var(--ids-comp-icon-button-filled-color-bg-surface-focused);color:var(--ids-comp-icon-button-filled-color-fg-surface-focused);border-color:var(--ids-comp-icon-button-filled-color-border-surface-focused, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface:active{background:var(--ids-comp-icon-button-filled-color-bg-surface-pressed);color:var(--ids-comp-icon-button-filled-color-fg-surface-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-surface-pressed, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface:disabled{background:var(--ids-comp-icon-button-filled-color-bg-surface-disabled);color:var(--ids-comp-icon-button-filled-color-fg-surface-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-surface-disabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary{color:var(--ids-comp-icon-button-outlined-color-fg-primary-enabled);background:var(--ids-comp-icon-button-outlined-color-bg-primary-enabled);border-color:var(--ids-comp-icon-button-outlined-color-border-primary-enabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary:hover{background:var(--ids-comp-icon-button-outlined-color-bg-primary-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-primary-hovered, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary:focus{background:var(--ids-comp-icon-button-outlined-color-bg-primary-focused);color:var(--ids-comp-icon-button-outlined-color-fg-primary-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-primary-focused, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary:active{background:var(--ids-comp-icon-button-outlined-color-bg-primary-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-primary-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-primary-pressed, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-primary-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-primary-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-primary-disabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary{color:var(--ids-comp-icon-button-outlined-color-fg-secondary-enabled);background:var(--ids-comp-icon-button-outlined-color-bg-secondary-enabled);border-color:var(--ids-comp-icon-button-outlined-color-border-secondary-enabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary:hover{background:var(--ids-comp-icon-button-outlined-color-bg-secondary-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-secondary-hovered, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary:focus{background:var(--ids-comp-icon-button-outlined-color-bg-secondary-focused);color:var(--ids-comp-icon-button-outlined-color-fg-secondary-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-secondary-focused, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary:active{background:var(--ids-comp-icon-button-outlined-color-bg-secondary-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-secondary-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-secondary-pressed, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-secondary-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-secondary-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-secondary-disabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand{color:var(--ids-comp-icon-button-outlined-color-fg-brand-enabled);background:var(--ids-comp-icon-button-outlined-color-bg-brand-enabled);border-color:var(--ids-comp-icon-button-outlined-color-border-brand-enabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand:hover{background:var(--ids-comp-icon-button-outlined-color-bg-brand-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-brand-hovered, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand:focus{background:var(--ids-comp-icon-button-outlined-color-bg-brand-focused);color:var(--ids-comp-icon-button-outlined-color-fg-brand-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-brand-focused, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand:active{background:var(--ids-comp-icon-button-outlined-color-bg-brand-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-brand-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-brand-pressed, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-brand-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-brand-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-brand-disabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-error{color:var(--ids-comp-icon-button-outlined-color-fg-error-enabled);background:var(--ids-comp-icon-button-outlined-color-bg-error-enabled);border-color:var(--ids-comp-icon-button-outlined-color-border-error-enabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-error:hover{background:var(--ids-comp-icon-button-outlined-color-bg-error-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-error-hovered, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-error:focus{background:var(--ids-comp-icon-button-outlined-color-bg-error-focused);color:var(--ids-comp-icon-button-outlined-color-fg-error-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-error-focused, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-error:active{background:var(--ids-comp-icon-button-outlined-color-bg-error-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-error-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-error-pressed, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-error:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-error-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-error-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-error-disabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-success{color:var(--ids-comp-icon-button-outlined-color-fg-success-enabled);background:var(--ids-comp-icon-button-outlined-color-bg-success-enabled);border-color:var(--ids-comp-icon-button-outlined-color-border-success-enabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-success:hover{background:var(--ids-comp-icon-button-outlined-color-bg-success-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-success-hovered, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-success:focus{background:var(--ids-comp-icon-button-outlined-color-bg-success-focused);color:var(--ids-comp-icon-button-outlined-color-fg-success-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-success-focused, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-success:active{background:var(--ids-comp-icon-button-outlined-color-bg-success-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-success-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-success-pressed, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-success:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-success-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-success-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-success-disabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-warning{color:var(--ids-comp-icon-button-outlined-color-fg-warning-enabled);background:var(--ids-comp-icon-button-outlined-color-bg-warning-enabled);border-color:var(--ids-comp-icon-button-outlined-color-border-warning-enabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-warning:hover{background:var(--ids-comp-icon-button-outlined-color-bg-warning-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-warning-hovered, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-warning:focus{background:var(--ids-comp-icon-button-outlined-color-bg-warning-focused);color:var(--ids-comp-icon-button-outlined-color-fg-warning-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-warning-focused, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-warning:active{background:var(--ids-comp-icon-button-outlined-color-bg-warning-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-warning-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-warning-pressed, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-warning:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-warning-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-warning-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-warning-disabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light{color:var(--ids-comp-icon-button-outlined-color-fg-light-enabled);background:var(--ids-comp-icon-button-outlined-color-bg-light-enabled);border-color:var(--ids-comp-icon-button-outlined-color-border-light-enabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light:hover{background:var(--ids-comp-icon-button-outlined-color-bg-light-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-light-hovered, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light:focus{background:var(--ids-comp-icon-button-outlined-color-bg-light-focused);color:var(--ids-comp-icon-button-outlined-color-fg-light-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-light-focused, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light:active{background:var(--ids-comp-icon-button-outlined-color-bg-light-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-light-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-light-pressed, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-light-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-light-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-light-disabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark{color:var(--ids-comp-icon-button-outlined-color-fg-dark-enabled);background:var(--ids-comp-icon-button-outlined-color-bg-dark-enabled);border-color:var(--ids-comp-icon-button-outlined-color-border-dark-enabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark:hover{background:var(--ids-comp-icon-button-outlined-color-bg-dark-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-dark-hovered, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark:focus{background:var(--ids-comp-icon-button-outlined-color-bg-dark-focused);color:var(--ids-comp-icon-button-outlined-color-fg-dark-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-dark-focused, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark:active{background:var(--ids-comp-icon-button-outlined-color-bg-dark-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-dark-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-dark-pressed, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-dark-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-dark-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-dark-disabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface{color:var(--ids-comp-icon-button-outlined-color-fg-surface-enabled);background:var(--ids-comp-icon-button-outlined-color-bg-surface-enabled);border-color:var(--ids-comp-icon-button-outlined-color-border-surface-enabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface:hover{background:var(--ids-comp-icon-button-outlined-color-bg-surface-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-surface-hovered, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface:focus{background:var(--ids-comp-icon-button-outlined-color-bg-surface-focused);color:var(--ids-comp-icon-button-outlined-color-fg-surface-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-surface-focused, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface:active{background:var(--ids-comp-icon-button-outlined-color-bg-surface-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-surface-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-surface-pressed, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-surface-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-surface-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-surface-disabled, rgba(255, 255, 255, 0))}.ids-icon-button.ids-icon-button-standard{border:none}.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary{color:var(--ids-comp-icon-button-standard-color-fg-primary-enabled);background:var(--ids-comp-icon-button-standard-color-bg-primary-enabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary:hover{background:var(--ids-comp-icon-button-standard-color-bg-primary-hovered);color:var(--ids-comp-icon-button-standard-color-fg-primary-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary:focus{background:var(--ids-comp-icon-button-standard-color-bg-primary-focused);color:var(--ids-comp-icon-button-standard-color-fg-primary-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary:active{background:var(--ids-comp-icon-button-standard-color-bg-primary-pressed);color:var(--ids-comp-icon-button-standard-color-fg-primary-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary:disabled{background:var(--ids-comp-icon-button-standard-color-bg-primary-disabled);color:var(--ids-comp-icon-button-standard-color-fg-primary-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary{color:var(--ids-comp-icon-button-standard-color-fg-secondary-enabled);background:var(--ids-comp-icon-button-standard-color-bg-secondary-enabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary:hover{background:var(--ids-comp-icon-button-standard-color-bg-secondary-hovered);color:var(--ids-comp-icon-button-standard-color-fg-secondary-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary:focus{background:var(--ids-comp-icon-button-standard-color-bg-secondary-focused);color:var(--ids-comp-icon-button-standard-color-fg-secondary-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary:active{background:var(--ids-comp-icon-button-standard-color-bg-secondary-pressed);color:var(--ids-comp-icon-button-standard-color-fg-secondary-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary:disabled{background:var(--ids-comp-icon-button-standard-color-bg-secondary-disabled);color:var(--ids-comp-icon-button-standard-color-fg-secondary-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand{color:var(--ids-comp-icon-button-standard-color-fg-brand-enabled);background:var(--ids-comp-icon-button-standard-color-bg-brand-enabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand:hover{background:var(--ids-comp-icon-button-standard-color-bg-brand-hovered);color:var(--ids-comp-icon-button-standard-color-fg-brand-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand:focus{background:var(--ids-comp-icon-button-standard-color-bg-brand-focused);color:var(--ids-comp-icon-button-standard-color-fg-brand-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand:active{background:var(--ids-comp-icon-button-standard-color-bg-brand-pressed);color:var(--ids-comp-icon-button-standard-color-fg-brand-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand:disabled{background:var(--ids-comp-icon-button-standard-color-bg-brand-disabled);color:var(--ids-comp-icon-button-standard-color-fg-brand-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-error{color:var(--ids-comp-icon-button-standard-color-fg-error-enabled);background:var(--ids-comp-icon-button-standard-color-bg-error-enabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-error:hover{background:var(--ids-comp-icon-button-standard-color-bg-error-hovered);color:var(--ids-comp-icon-button-standard-color-fg-error-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-error:focus{background:var(--ids-comp-icon-button-standard-color-bg-error-focused);color:var(--ids-comp-icon-button-standard-color-fg-error-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-error:active{background:var(--ids-comp-icon-button-standard-color-bg-error-pressed);color:var(--ids-comp-icon-button-standard-color-fg-error-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-error:disabled{background:var(--ids-comp-icon-button-standard-color-bg-error-disabled);color:var(--ids-comp-icon-button-standard-color-fg-error-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-success{color:var(--ids-comp-icon-button-standard-color-fg-success-enabled);background:var(--ids-comp-icon-button-standard-color-bg-success-enabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-success:hover{background:var(--ids-comp-icon-button-standard-color-bg-success-hovered);color:var(--ids-comp-icon-button-standard-color-fg-success-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-success:focus{background:var(--ids-comp-icon-button-standard-color-bg-success-focused);color:var(--ids-comp-icon-button-standard-color-fg-success-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-success:active{background:var(--ids-comp-icon-button-standard-color-bg-success-pressed);color:var(--ids-comp-icon-button-standard-color-fg-success-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-success:disabled{background:var(--ids-comp-icon-button-standard-color-bg-success-disabled);color:var(--ids-comp-icon-button-standard-color-fg-success-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-warning{color:var(--ids-comp-icon-button-standard-color-fg-warning-enabled);background:var(--ids-comp-icon-button-standard-color-bg-warning-enabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-warning:hover{background:var(--ids-comp-icon-button-standard-color-bg-warning-hovered);color:var(--ids-comp-icon-button-standard-color-fg-warning-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-warning:focus{background:var(--ids-comp-icon-button-standard-color-bg-warning-focused);color:var(--ids-comp-icon-button-standard-color-fg-warning-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-warning:active{background:var(--ids-comp-icon-button-standard-color-bg-warning-pressed);color:var(--ids-comp-icon-button-standard-color-fg-warning-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-warning:disabled{background:var(--ids-comp-icon-button-standard-color-bg-warning-disabled);color:var(--ids-comp-icon-button-standard-color-fg-warning-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-light{color:var(--ids-comp-icon-button-standard-color-fg-light-enabled);background:var(--ids-comp-icon-button-standard-color-bg-light-enabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-light:hover{background:var(--ids-comp-icon-button-standard-color-bg-light-hovered);color:var(--ids-comp-icon-button-standard-color-fg-light-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-light:focus{background:var(--ids-comp-icon-button-standard-color-bg-light-focused);color:var(--ids-comp-icon-button-standard-color-fg-light-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-light:active{background:var(--ids-comp-icon-button-standard-color-bg-light-pressed);color:var(--ids-comp-icon-button-standard-color-fg-light-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-light:disabled{background:var(--ids-comp-icon-button-standard-color-bg-light-disabled);color:var(--ids-comp-icon-button-standard-color-fg-light-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark{color:var(--ids-comp-icon-button-standard-color-fg-dark-enabled);background:var(--ids-comp-icon-button-standard-color-bg-dark-enabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark:hover{background:var(--ids-comp-icon-button-standard-color-bg-dark-hovered);color:var(--ids-comp-icon-button-standard-color-fg-dark-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark:focus{background:var(--ids-comp-icon-button-standard-color-bg-dark-focused);color:var(--ids-comp-icon-button-standard-color-fg-dark-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark:active{background:var(--ids-comp-icon-button-standard-color-bg-dark-pressed);color:var(--ids-comp-icon-button-standard-color-fg-dark-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark:disabled{background:var(--ids-comp-icon-button-standard-color-bg-dark-disabled);color:var(--ids-comp-icon-button-standard-color-fg-dark-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface{color:var(--ids-comp-icon-button-standard-color-fg-surface-enabled);background:var(--ids-comp-icon-button-standard-color-bg-surface-enabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface:hover{background:var(--ids-comp-icon-button-standard-color-bg-surface-hovered);color:var(--ids-comp-icon-button-standard-color-fg-surface-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface:focus{background:var(--ids-comp-icon-button-standard-color-bg-surface-focused);color:var(--ids-comp-icon-button-standard-color-fg-surface-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface:active{background:var(--ids-comp-icon-button-standard-color-bg-surface-pressed);color:var(--ids-comp-icon-button-standard-color-fg-surface-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface:disabled{background:var(--ids-comp-icon-button-standard-color-bg-surface-disabled);color:var(--ids-comp-icon-button-standard-color-fg-surface-disabled)}