@i-cell/ids-styles 0.0.1

package/dist/button/button.min.css

@@ -0,0 +1 @@
+.ids-button{flex-shrink:0;font-weight:700;width:fit-content;align-items:center;display:inline-flex;justify-content:center}.ids-button:focus{outline-offset:2px;outline:var(--ids-comp-buttons-focused-outline-size-outline) solid var(--ids-comp-buttons-focused-outline-color-dark-focused)}.ids-button:focus.ids-button-light{outline-color:var(--ids-comp-buttons-focused-outline-color-light-focused)}.ids-button:active{outline:none}.ids-button *[icon-leading],.ids-button *[icon-trailing]{gap:10px;display:flex;align-items:center;justify-content:center}.ids-button .ids-button-label{@apply font-bold not-italic}.ids-button.ids-button-compact .ids-button-label{@apply text-xs}.ids-button.ids-button-comfortable .ids-button-label{@apply text-sm}.ids-button.ids-button-spacious .ids-button-label{@apply text-lg leading-6}.ids-button.ids-button-compact{font-size:12px;line-height:16px;gap:var(--ids-comp-size-buttons-size-gap-compact, 4px);height:var(--ids-comp-size-buttons-size-height-compact, 24px);min-width:var(--ids-comp-size-buttons-size-min-width-compact, 24px);padding:var(--ids-comp-size-buttons-size-padding-y-compact, 6px) var(--ids-comp-size-buttons-size-padding-x-compact, 8px);border-radius:var(--ids-comp-size-buttons-size-border-radius-compact, 1000px);border:var(--ids-comp-size-buttons-size-border-width-compact, 1px) solid}.ids-button.ids-button-compact *[icon-leading],.ids-button.ids-button-compact *[icon-trailing]{width:var(--ids-comp-size-buttons-size-icon-compact);height:var(--ids-comp-size-buttons-size-icon-compact)}.ids-button.ids-button-comfortable{font-size:12px;line-height:16px;gap:var(--ids-comp-size-buttons-size-gap-comfortable, 4px);height:var(--ids-comp-size-buttons-size-height-comfortable, 24px);min-width:var(--ids-comp-size-buttons-size-min-width-comfortable, 24px);padding:var(--ids-comp-size-buttons-size-padding-y-comfortable, 6px) var(--ids-comp-size-buttons-size-padding-x-comfortable, 8px);border-radius:var(--ids-comp-size-buttons-size-border-radius-comfortable, 1000px);border:var(--ids-comp-size-buttons-size-border-width-comfortable, 1px) solid}.ids-button.ids-button-comfortable *[icon-leading],.ids-button.ids-button-comfortable *[icon-trailing]{width:var(--ids-comp-size-buttons-size-icon-comfortable);height:var(--ids-comp-size-buttons-size-icon-comfortable)}.ids-button.ids-button-spacious{font-size:12px;line-height:16px;gap:var(--ids-comp-size-buttons-size-gap-spacious, 4px);height:var(--ids-comp-size-buttons-size-height-spacious, 24px);min-width:var(--ids-comp-size-buttons-size-min-width-spacious, 24px);padding:var(--ids-comp-size-buttons-size-padding-y-spacious, 6px) var(--ids-comp-size-buttons-size-padding-x-spacious, 8px);border-radius:var(--ids-comp-size-buttons-size-border-radius-spacious, 1000px);border:var(--ids-comp-size-buttons-size-border-width-spacious, 1px) solid}.ids-button.ids-button-spacious *[icon-leading],.ids-button.ids-button-spacious *[icon-trailing]{width:var(--ids-comp-size-buttons-size-icon-spacious);height:var(--ids-comp-size-buttons-size-icon-spacious)}.ids-button.ids-button-dense{font-size:12px;line-height:16px;gap:var(--ids-comp-size-buttons-size-gap-dense, 4px);height:var(--ids-comp-size-buttons-size-height-dense, 24px);min-width:var(--ids-comp-size-buttons-size-min-width-dense, 24px);padding:var(--ids-comp-size-buttons-size-padding-y-dense, 6px) var(--ids-comp-size-buttons-size-padding-x-dense, 8px);border-radius:var(--ids-comp-size-buttons-size-border-radius-dense, 1000px);border:var(--ids-comp-size-buttons-size-border-width-dense, 1px) solid}.ids-button.ids-button-dense *[icon-leading],.ids-button.ids-button-dense *[icon-trailing]{width:var(--ids-comp-size-buttons-size-icon-dense);height:var(--ids-comp-size-buttons-size-icon-dense)}.ids-button.ids-button-filled.ids-button-primary{color:var(--ids-comp-buttons-filled-color-fg-label-primary-enabled);background:var(--ids-comp-buttons-filled-color-bg-primary-enabled);border-color:var(--ids-comp-buttons-filled-color-border-primary-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-primary:hover{background:var(--ids-comp-buttons-filled-color-bg-primary-hovered);color:var(--ids-comp-buttons-filled-color-fg-label-primary-hovered);border-color:var(--ids-comp-buttons-filled-color-border-primary-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-primary:focus{outline-offset:2px;background:var(--ids-comp-buttons-filled-color-bg-primary-focused);color:var(--ids-comp-buttons-filled-color-fg-label-primary-focused);border-color:var(--ids-comp-buttons-filled-color-border-primary-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-primary:active{background:var(--ids-comp-buttons-filled-color-bg-primary-pressed);color:var(--ids-comp-buttons-filled-color-fg-label-primary-pressed);border-color:var(--ids-comp-buttons-filled-color-border-primary-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-primary:disabled{background:var(--ids-comp-buttons-filled-color-bg-primary-disabled);color:var(--ids-comp-buttons-filled-color-fg-label-primary-disabled);border-color:var(--ids-comp-buttons-filled-color-border-primary-disabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-secondary{color:var(--ids-comp-buttons-filled-color-fg-label-secondary-enabled);background:var(--ids-comp-buttons-filled-color-bg-secondary-enabled);border-color:var(--ids-comp-buttons-filled-color-border-secondary-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-secondary:hover{background:var(--ids-comp-buttons-filled-color-bg-secondary-hovered);color:var(--ids-comp-buttons-filled-color-fg-label-secondary-hovered);border-color:var(--ids-comp-buttons-filled-color-border-secondary-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-secondary:focus{outline-offset:2px;background:var(--ids-comp-buttons-filled-color-bg-secondary-focused);color:var(--ids-comp-buttons-filled-color-fg-label-secondary-focused);border-color:var(--ids-comp-buttons-filled-color-border-secondary-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-secondary:active{background:var(--ids-comp-buttons-filled-color-bg-secondary-pressed);color:var(--ids-comp-buttons-filled-color-fg-label-secondary-pressed);border-color:var(--ids-comp-buttons-filled-color-border-secondary-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-secondary:disabled{background:var(--ids-comp-buttons-filled-color-bg-secondary-disabled);color:var(--ids-comp-buttons-filled-color-fg-label-secondary-disabled);border-color:var(--ids-comp-buttons-filled-color-border-secondary-disabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-brand{color:var(--ids-comp-buttons-filled-color-fg-label-brand-enabled);background:var(--ids-comp-buttons-filled-color-bg-brand-enabled);border-color:var(--ids-comp-buttons-filled-color-border-brand-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-brand:hover{background:var(--ids-comp-buttons-filled-color-bg-brand-hovered);color:var(--ids-comp-buttons-filled-color-fg-label-brand-hovered);border-color:var(--ids-comp-buttons-filled-color-border-brand-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-brand:focus{outline-offset:2px;background:var(--ids-comp-buttons-filled-color-bg-brand-focused);color:var(--ids-comp-buttons-filled-color-fg-label-brand-focused);border-color:var(--ids-comp-buttons-filled-color-border-brand-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-brand:active{background:var(--ids-comp-buttons-filled-color-bg-brand-pressed);color:var(--ids-comp-buttons-filled-color-fg-label-brand-pressed);border-color:var(--ids-comp-buttons-filled-color-border-brand-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-brand:disabled{background:var(--ids-comp-buttons-filled-color-bg-brand-disabled);color:var(--ids-comp-buttons-filled-color-fg-label-brand-disabled);border-color:var(--ids-comp-buttons-filled-color-border-brand-disabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-error{color:var(--ids-comp-buttons-filled-color-fg-label-error-enabled);background:var(--ids-comp-buttons-filled-color-bg-error-enabled);border-color:var(--ids-comp-buttons-filled-color-border-error-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-error:hover{background:var(--ids-comp-buttons-filled-color-bg-error-hovered);color:var(--ids-comp-buttons-filled-color-fg-label-error-hovered);border-color:var(--ids-comp-buttons-filled-color-border-error-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-error:focus{outline-offset:2px;background:var(--ids-comp-buttons-filled-color-bg-error-focused);color:var(--ids-comp-buttons-filled-color-fg-label-error-focused);border-color:var(--ids-comp-buttons-filled-color-border-error-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-error:active{background:var(--ids-comp-buttons-filled-color-bg-error-pressed);color:var(--ids-comp-buttons-filled-color-fg-label-error-pressed);border-color:var(--ids-comp-buttons-filled-color-border-error-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-error:disabled{background:var(--ids-comp-buttons-filled-color-bg-error-disabled);color:var(--ids-comp-buttons-filled-color-fg-label-error-disabled);border-color:var(--ids-comp-buttons-filled-color-border-error-disabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-success{color:var(--ids-comp-buttons-filled-color-fg-label-success-enabled);background:var(--ids-comp-buttons-filled-color-bg-success-enabled);border-color:var(--ids-comp-buttons-filled-color-border-success-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-success:hover{background:var(--ids-comp-buttons-filled-color-bg-success-hovered);color:var(--ids-comp-buttons-filled-color-fg-label-success-hovered);border-color:var(--ids-comp-buttons-filled-color-border-success-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-success:focus{outline-offset:2px;background:var(--ids-comp-buttons-filled-color-bg-success-focused);color:var(--ids-comp-buttons-filled-color-fg-label-success-focused);border-color:var(--ids-comp-buttons-filled-color-border-success-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-success:active{background:var(--ids-comp-buttons-filled-color-bg-success-pressed);color:var(--ids-comp-buttons-filled-color-fg-label-success-pressed);border-color:var(--ids-comp-buttons-filled-color-border-success-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-success:disabled{background:var(--ids-comp-buttons-filled-color-bg-success-disabled);color:var(--ids-comp-buttons-filled-color-fg-label-success-disabled);border-color:var(--ids-comp-buttons-filled-color-border-success-disabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-warning{color:var(--ids-comp-buttons-filled-color-fg-label-warning-enabled);background:var(--ids-comp-buttons-filled-color-bg-warning-enabled);border-color:var(--ids-comp-buttons-filled-color-border-warning-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-warning:hover{background:var(--ids-comp-buttons-filled-color-bg-warning-hovered);color:var(--ids-comp-buttons-filled-color-fg-label-warning-hovered);border-color:var(--ids-comp-buttons-filled-color-border-warning-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-warning:focus{outline-offset:2px;background:var(--ids-comp-buttons-filled-color-bg-warning-focused);color:var(--ids-comp-buttons-filled-color-fg-label-warning-focused);border-color:var(--ids-comp-buttons-filled-color-border-warning-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-warning:active{background:var(--ids-comp-buttons-filled-color-bg-warning-pressed);color:var(--ids-comp-buttons-filled-color-fg-label-warning-pressed);border-color:var(--ids-comp-buttons-filled-color-border-warning-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-warning:disabled{background:var(--ids-comp-buttons-filled-color-bg-warning-disabled);color:var(--ids-comp-buttons-filled-color-fg-label-warning-disabled);border-color:var(--ids-comp-buttons-filled-color-border-warning-disabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-light{color:var(--ids-comp-buttons-filled-color-fg-label-light-enabled);background:var(--ids-comp-buttons-filled-color-bg-light-enabled);border-color:var(--ids-comp-buttons-filled-color-border-light-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-light:hover{background:var(--ids-comp-buttons-filled-color-bg-light-hovered);color:var(--ids-comp-buttons-filled-color-fg-label-light-hovered);border-color:var(--ids-comp-buttons-filled-color-border-light-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-light:focus{outline-offset:2px;background:var(--ids-comp-buttons-filled-color-bg-light-focused);color:var(--ids-comp-buttons-filled-color-fg-label-light-focused);border-color:var(--ids-comp-buttons-filled-color-border-light-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-light:active{background:var(--ids-comp-buttons-filled-color-bg-light-pressed);color:var(--ids-comp-buttons-filled-color-fg-label-light-pressed);border-color:var(--ids-comp-buttons-filled-color-border-light-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-light:disabled{background:var(--ids-comp-buttons-filled-color-bg-light-disabled);color:var(--ids-comp-buttons-filled-color-fg-label-light-disabled);border-color:var(--ids-comp-buttons-filled-color-border-light-disabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-dark{color:var(--ids-comp-buttons-filled-color-fg-label-dark-enabled);background:var(--ids-comp-buttons-filled-color-bg-dark-enabled);border-color:var(--ids-comp-buttons-filled-color-border-dark-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-dark:hover{background:var(--ids-comp-buttons-filled-color-bg-dark-hovered);color:var(--ids-comp-buttons-filled-color-fg-label-dark-hovered);border-color:var(--ids-comp-buttons-filled-color-border-dark-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-dark:focus{outline-offset:2px;background:var(--ids-comp-buttons-filled-color-bg-dark-focused);color:var(--ids-comp-buttons-filled-color-fg-label-dark-focused);border-color:var(--ids-comp-buttons-filled-color-border-dark-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-dark:active{background:var(--ids-comp-buttons-filled-color-bg-dark-pressed);color:var(--ids-comp-buttons-filled-color-fg-label-dark-pressed);border-color:var(--ids-comp-buttons-filled-color-border-dark-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-dark:disabled{background:var(--ids-comp-buttons-filled-color-bg-dark-disabled);color:var(--ids-comp-buttons-filled-color-fg-label-dark-disabled);border-color:var(--ids-comp-buttons-filled-color-border-dark-disabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-surface{color:var(--ids-comp-buttons-filled-color-fg-label-surface-enabled);background:var(--ids-comp-buttons-filled-color-bg-surface-enabled);border-color:var(--ids-comp-buttons-filled-color-border-surface-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-surface:hover{background:var(--ids-comp-buttons-filled-color-bg-surface-hovered);color:var(--ids-comp-buttons-filled-color-fg-label-surface-hovered);border-color:var(--ids-comp-buttons-filled-color-border-surface-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-surface:focus{outline-offset:2px;background:var(--ids-comp-buttons-filled-color-bg-surface-focused);color:var(--ids-comp-buttons-filled-color-fg-label-surface-focused);border-color:var(--ids-comp-buttons-filled-color-border-surface-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-surface:active{background:var(--ids-comp-buttons-filled-color-bg-surface-pressed);color:var(--ids-comp-buttons-filled-color-fg-label-surface-pressed);border-color:var(--ids-comp-buttons-filled-color-border-surface-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-filled.ids-button-surface:disabled{background:var(--ids-comp-buttons-filled-color-bg-surface-disabled);color:var(--ids-comp-buttons-filled-color-fg-label-surface-disabled);border-color:var(--ids-comp-buttons-filled-color-border-surface-disabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-primary{color:var(--ids-comp-buttons-outlined-color-fg-label-primary-enabled);background:var(--ids-comp-buttons-outlined-color-bg-primary-enabled);border-color:var(--ids-comp-buttons-outlined-color-border-primary-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-primary:hover{background:var(--ids-comp-buttons-outlined-color-bg-primary-hovered);color:var(--ids-comp-buttons-outlined-color-fg-label-primary-hovered);border-color:var(--ids-comp-buttons-outlined-color-border-primary-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-primary:focus{outline-offset:2px;background:var(--ids-comp-buttons-outlined-color-bg-primary-focused);color:var(--ids-comp-buttons-outlined-color-fg-label-primary-focused);border-color:var(--ids-comp-buttons-outlined-color-border-primary-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-primary:active{background:var(--ids-comp-buttons-outlined-color-bg-primary-pressed);color:var(--ids-comp-buttons-outlined-color-fg-label-primary-pressed);border-color:var(--ids-comp-buttons-outlined-color-border-primary-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-primary:disabled{background:var(--ids-comp-buttons-outlined-color-bg-primary-disabled);color:var(--ids-comp-buttons-outlined-color-fg-label-primary-disabled);border-color:var(--ids-comp-buttons-outlined-color-border-primary-disabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-secondary{color:var(--ids-comp-buttons-outlined-color-fg-label-secondary-enabled);background:var(--ids-comp-buttons-outlined-color-bg-secondary-enabled);border-color:var(--ids-comp-buttons-outlined-color-border-secondary-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-secondary:hover{background:var(--ids-comp-buttons-outlined-color-bg-secondary-hovered);color:var(--ids-comp-buttons-outlined-color-fg-label-secondary-hovered);border-color:var(--ids-comp-buttons-outlined-color-border-secondary-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-secondary:focus{outline-offset:2px;background:var(--ids-comp-buttons-outlined-color-bg-secondary-focused);color:var(--ids-comp-buttons-outlined-color-fg-label-secondary-focused);border-color:var(--ids-comp-buttons-outlined-color-border-secondary-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-secondary:active{background:var(--ids-comp-buttons-outlined-color-bg-secondary-pressed);color:var(--ids-comp-buttons-outlined-color-fg-label-secondary-pressed);border-color:var(--ids-comp-buttons-outlined-color-border-secondary-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-secondary:disabled{background:var(--ids-comp-buttons-outlined-color-bg-secondary-disabled);color:var(--ids-comp-buttons-outlined-color-fg-label-secondary-disabled);border-color:var(--ids-comp-buttons-outlined-color-border-secondary-disabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-brand{color:var(--ids-comp-buttons-outlined-color-fg-label-brand-enabled);background:var(--ids-comp-buttons-outlined-color-bg-brand-enabled);border-color:var(--ids-comp-buttons-outlined-color-border-brand-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-brand:hover{background:var(--ids-comp-buttons-outlined-color-bg-brand-hovered);color:var(--ids-comp-buttons-outlined-color-fg-label-brand-hovered);border-color:var(--ids-comp-buttons-outlined-color-border-brand-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-brand:focus{outline-offset:2px;background:var(--ids-comp-buttons-outlined-color-bg-brand-focused);color:var(--ids-comp-buttons-outlined-color-fg-label-brand-focused);border-color:var(--ids-comp-buttons-outlined-color-border-brand-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-brand:active{background:var(--ids-comp-buttons-outlined-color-bg-brand-pressed);color:var(--ids-comp-buttons-outlined-color-fg-label-brand-pressed);border-color:var(--ids-comp-buttons-outlined-color-border-brand-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-brand:disabled{background:var(--ids-comp-buttons-outlined-color-bg-brand-disabled);color:var(--ids-comp-buttons-outlined-color-fg-label-brand-disabled);border-color:var(--ids-comp-buttons-outlined-color-border-brand-disabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-error{color:var(--ids-comp-buttons-outlined-color-fg-label-error-enabled);background:var(--ids-comp-buttons-outlined-color-bg-error-enabled);border-color:var(--ids-comp-buttons-outlined-color-border-error-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-error:hover{background:var(--ids-comp-buttons-outlined-color-bg-error-hovered);color:var(--ids-comp-buttons-outlined-color-fg-label-error-hovered);border-color:var(--ids-comp-buttons-outlined-color-border-error-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-error:focus{outline-offset:2px;background:var(--ids-comp-buttons-outlined-color-bg-error-focused);color:var(--ids-comp-buttons-outlined-color-fg-label-error-focused);border-color:var(--ids-comp-buttons-outlined-color-border-error-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-error:active{background:var(--ids-comp-buttons-outlined-color-bg-error-pressed);color:var(--ids-comp-buttons-outlined-color-fg-label-error-pressed);border-color:var(--ids-comp-buttons-outlined-color-border-error-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-error:disabled{background:var(--ids-comp-buttons-outlined-color-bg-error-disabled);color:var(--ids-comp-buttons-outlined-color-fg-label-error-disabled);border-color:var(--ids-comp-buttons-outlined-color-border-error-disabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-success{color:var(--ids-comp-buttons-outlined-color-fg-label-success-enabled);background:var(--ids-comp-buttons-outlined-color-bg-success-enabled);border-color:var(--ids-comp-buttons-outlined-color-border-success-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-success:hover{background:var(--ids-comp-buttons-outlined-color-bg-success-hovered);color:var(--ids-comp-buttons-outlined-color-fg-label-success-hovered);border-color:var(--ids-comp-buttons-outlined-color-border-success-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-success:focus{outline-offset:2px;background:var(--ids-comp-buttons-outlined-color-bg-success-focused);color:var(--ids-comp-buttons-outlined-color-fg-label-success-focused);border-color:var(--ids-comp-buttons-outlined-color-border-success-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-success:active{background:var(--ids-comp-buttons-outlined-color-bg-success-pressed);color:var(--ids-comp-buttons-outlined-color-fg-label-success-pressed);border-color:var(--ids-comp-buttons-outlined-color-border-success-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-success:disabled{background:var(--ids-comp-buttons-outlined-color-bg-success-disabled);color:var(--ids-comp-buttons-outlined-color-fg-label-success-disabled);border-color:var(--ids-comp-buttons-outlined-color-border-success-disabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-warning{color:var(--ids-comp-buttons-outlined-color-fg-label-warning-enabled);background:var(--ids-comp-buttons-outlined-color-bg-warning-enabled);border-color:var(--ids-comp-buttons-outlined-color-border-warning-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-warning:hover{background:var(--ids-comp-buttons-outlined-color-bg-warning-hovered);color:var(--ids-comp-buttons-outlined-color-fg-label-warning-hovered);border-color:var(--ids-comp-buttons-outlined-color-border-warning-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-warning:focus{outline-offset:2px;background:var(--ids-comp-buttons-outlined-color-bg-warning-focused);color:var(--ids-comp-buttons-outlined-color-fg-label-warning-focused);border-color:var(--ids-comp-buttons-outlined-color-border-warning-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-warning:active{background:var(--ids-comp-buttons-outlined-color-bg-warning-pressed);color:var(--ids-comp-buttons-outlined-color-fg-label-warning-pressed);border-color:var(--ids-comp-buttons-outlined-color-border-warning-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-warning:disabled{background:var(--ids-comp-buttons-outlined-color-bg-warning-disabled);color:var(--ids-comp-buttons-outlined-color-fg-label-warning-disabled);border-color:var(--ids-comp-buttons-outlined-color-border-warning-disabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-light{color:var(--ids-comp-buttons-outlined-color-fg-label-light-enabled);background:var(--ids-comp-buttons-outlined-color-bg-light-enabled);border-color:var(--ids-comp-buttons-outlined-color-border-light-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-light:hover{background:var(--ids-comp-buttons-outlined-color-bg-light-hovered);color:var(--ids-comp-buttons-outlined-color-fg-label-light-hovered);border-color:var(--ids-comp-buttons-outlined-color-border-light-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-light:focus{outline-offset:2px;background:var(--ids-comp-buttons-outlined-color-bg-light-focused);color:var(--ids-comp-buttons-outlined-color-fg-label-light-focused);border-color:var(--ids-comp-buttons-outlined-color-border-light-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-light:active{background:var(--ids-comp-buttons-outlined-color-bg-light-pressed);color:var(--ids-comp-buttons-outlined-color-fg-label-light-pressed);border-color:var(--ids-comp-buttons-outlined-color-border-light-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-light:disabled{background:var(--ids-comp-buttons-outlined-color-bg-light-disabled);color:var(--ids-comp-buttons-outlined-color-fg-label-light-disabled);border-color:var(--ids-comp-buttons-outlined-color-border-light-disabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-dark{color:var(--ids-comp-buttons-outlined-color-fg-label-dark-enabled);background:var(--ids-comp-buttons-outlined-color-bg-dark-enabled);border-color:var(--ids-comp-buttons-outlined-color-border-dark-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-dark:hover{background:var(--ids-comp-buttons-outlined-color-bg-dark-hovered);color:var(--ids-comp-buttons-outlined-color-fg-label-dark-hovered);border-color:var(--ids-comp-buttons-outlined-color-border-dark-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-dark:focus{outline-offset:2px;background:var(--ids-comp-buttons-outlined-color-bg-dark-focused);color:var(--ids-comp-buttons-outlined-color-fg-label-dark-focused);border-color:var(--ids-comp-buttons-outlined-color-border-dark-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-dark:active{background:var(--ids-comp-buttons-outlined-color-bg-dark-pressed);color:var(--ids-comp-buttons-outlined-color-fg-label-dark-pressed);border-color:var(--ids-comp-buttons-outlined-color-border-dark-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-dark:disabled{background:var(--ids-comp-buttons-outlined-color-bg-dark-disabled);color:var(--ids-comp-buttons-outlined-color-fg-label-dark-disabled);border-color:var(--ids-comp-buttons-outlined-color-border-dark-disabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-surface{color:var(--ids-comp-buttons-outlined-color-fg-label-surface-enabled);background:var(--ids-comp-buttons-outlined-color-bg-surface-enabled);border-color:var(--ids-comp-buttons-outlined-color-border-surface-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-surface:hover{background:var(--ids-comp-buttons-outlined-color-bg-surface-hovered);color:var(--ids-comp-buttons-outlined-color-fg-label-surface-hovered);border-color:var(--ids-comp-buttons-outlined-color-border-surface-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-surface:focus{outline-offset:2px;background:var(--ids-comp-buttons-outlined-color-bg-surface-focused);color:var(--ids-comp-buttons-outlined-color-fg-label-surface-focused);border-color:var(--ids-comp-buttons-outlined-color-border-surface-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-surface:active{background:var(--ids-comp-buttons-outlined-color-bg-surface-pressed);color:var(--ids-comp-buttons-outlined-color-fg-label-surface-pressed);border-color:var(--ids-comp-buttons-outlined-color-border-surface-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-outlined.ids-button-surface:disabled{background:var(--ids-comp-buttons-outlined-color-bg-surface-disabled);color:var(--ids-comp-buttons-outlined-color-fg-label-surface-disabled);border-color:var(--ids-comp-buttons-outlined-color-border-surface-disabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-primary{color:var(--ids-comp-buttons-text-color-fg-label-primary-enabled);background:var(--ids-comp-buttons-text-color-bg-primary-enabled);border-color:var(--ids-comp-buttons-text-color-border-primary-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-primary:hover{background:var(--ids-comp-buttons-text-color-bg-primary-hovered);color:var(--ids-comp-buttons-text-color-fg-label-primary-hovered);border-color:var(--ids-comp-buttons-text-color-border-primary-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-primary:focus{outline-offset:2px;background:var(--ids-comp-buttons-text-color-bg-primary-focused);color:var(--ids-comp-buttons-text-color-fg-label-primary-focused);border-color:var(--ids-comp-buttons-text-color-border-primary-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-primary:active{background:var(--ids-comp-buttons-text-color-bg-primary-pressed);color:var(--ids-comp-buttons-text-color-fg-label-primary-pressed);border-color:var(--ids-comp-buttons-text-color-border-primary-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-primary:disabled{background:var(--ids-comp-buttons-text-color-bg-primary-disabled);color:var(--ids-comp-buttons-text-color-fg-label-primary-disabled);border-color:var(--ids-comp-buttons-text-color-border-primary-disabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-secondary{color:var(--ids-comp-buttons-text-color-fg-label-secondary-enabled);background:var(--ids-comp-buttons-text-color-bg-secondary-enabled);border-color:var(--ids-comp-buttons-text-color-border-secondary-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-secondary:hover{background:var(--ids-comp-buttons-text-color-bg-secondary-hovered);color:var(--ids-comp-buttons-text-color-fg-label-secondary-hovered);border-color:var(--ids-comp-buttons-text-color-border-secondary-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-secondary:focus{outline-offset:2px;background:var(--ids-comp-buttons-text-color-bg-secondary-focused);color:var(--ids-comp-buttons-text-color-fg-label-secondary-focused);border-color:var(--ids-comp-buttons-text-color-border-secondary-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-secondary:active{background:var(--ids-comp-buttons-text-color-bg-secondary-pressed);color:var(--ids-comp-buttons-text-color-fg-label-secondary-pressed);border-color:var(--ids-comp-buttons-text-color-border-secondary-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-secondary:disabled{background:var(--ids-comp-buttons-text-color-bg-secondary-disabled);color:var(--ids-comp-buttons-text-color-fg-label-secondary-disabled);border-color:var(--ids-comp-buttons-text-color-border-secondary-disabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-brand{color:var(--ids-comp-buttons-text-color-fg-label-brand-enabled);background:var(--ids-comp-buttons-text-color-bg-brand-enabled);border-color:var(--ids-comp-buttons-text-color-border-brand-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-brand:hover{background:var(--ids-comp-buttons-text-color-bg-brand-hovered);color:var(--ids-comp-buttons-text-color-fg-label-brand-hovered);border-color:var(--ids-comp-buttons-text-color-border-brand-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-brand:focus{outline-offset:2px;background:var(--ids-comp-buttons-text-color-bg-brand-focused);color:var(--ids-comp-buttons-text-color-fg-label-brand-focused);border-color:var(--ids-comp-buttons-text-color-border-brand-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-brand:active{background:var(--ids-comp-buttons-text-color-bg-brand-pressed);color:var(--ids-comp-buttons-text-color-fg-label-brand-pressed);border-color:var(--ids-comp-buttons-text-color-border-brand-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-brand:disabled{background:var(--ids-comp-buttons-text-color-bg-brand-disabled);color:var(--ids-comp-buttons-text-color-fg-label-brand-disabled);border-color:var(--ids-comp-buttons-text-color-border-brand-disabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-error{color:var(--ids-comp-buttons-text-color-fg-label-error-enabled);background:var(--ids-comp-buttons-text-color-bg-error-enabled);border-color:var(--ids-comp-buttons-text-color-border-error-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-error:hover{background:var(--ids-comp-buttons-text-color-bg-error-hovered);color:var(--ids-comp-buttons-text-color-fg-label-error-hovered);border-color:var(--ids-comp-buttons-text-color-border-error-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-error:focus{outline-offset:2px;background:var(--ids-comp-buttons-text-color-bg-error-focused);color:var(--ids-comp-buttons-text-color-fg-label-error-focused);border-color:var(--ids-comp-buttons-text-color-border-error-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-error:active{background:var(--ids-comp-buttons-text-color-bg-error-pressed);color:var(--ids-comp-buttons-text-color-fg-label-error-pressed);border-color:var(--ids-comp-buttons-text-color-border-error-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-error:disabled{background:var(--ids-comp-buttons-text-color-bg-error-disabled);color:var(--ids-comp-buttons-text-color-fg-label-error-disabled);border-color:var(--ids-comp-buttons-text-color-border-error-disabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-success{color:var(--ids-comp-buttons-text-color-fg-label-success-enabled);background:var(--ids-comp-buttons-text-color-bg-success-enabled);border-color:var(--ids-comp-buttons-text-color-border-success-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-success:hover{background:var(--ids-comp-buttons-text-color-bg-success-hovered);color:var(--ids-comp-buttons-text-color-fg-label-success-hovered);border-color:var(--ids-comp-buttons-text-color-border-success-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-success:focus{outline-offset:2px;background:var(--ids-comp-buttons-text-color-bg-success-focused);color:var(--ids-comp-buttons-text-color-fg-label-success-focused);border-color:var(--ids-comp-buttons-text-color-border-success-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-success:active{background:var(--ids-comp-buttons-text-color-bg-success-pressed);color:var(--ids-comp-buttons-text-color-fg-label-success-pressed);border-color:var(--ids-comp-buttons-text-color-border-success-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-success:disabled{background:var(--ids-comp-buttons-text-color-bg-success-disabled);color:var(--ids-comp-buttons-text-color-fg-label-success-disabled);border-color:var(--ids-comp-buttons-text-color-border-success-disabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-warning{color:var(--ids-comp-buttons-text-color-fg-label-warning-enabled);background:var(--ids-comp-buttons-text-color-bg-warning-enabled);border-color:var(--ids-comp-buttons-text-color-border-warning-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-warning:hover{background:var(--ids-comp-buttons-text-color-bg-warning-hovered);color:var(--ids-comp-buttons-text-color-fg-label-warning-hovered);border-color:var(--ids-comp-buttons-text-color-border-warning-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-warning:focus{outline-offset:2px;background:var(--ids-comp-buttons-text-color-bg-warning-focused);color:var(--ids-comp-buttons-text-color-fg-label-warning-focused);border-color:var(--ids-comp-buttons-text-color-border-warning-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-warning:active{background:var(--ids-comp-buttons-text-color-bg-warning-pressed);color:var(--ids-comp-buttons-text-color-fg-label-warning-pressed);border-color:var(--ids-comp-buttons-text-color-border-warning-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-warning:disabled{background:var(--ids-comp-buttons-text-color-bg-warning-disabled);color:var(--ids-comp-buttons-text-color-fg-label-warning-disabled);border-color:var(--ids-comp-buttons-text-color-border-warning-disabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-light{color:var(--ids-comp-buttons-text-color-fg-label-light-enabled);background:var(--ids-comp-buttons-text-color-bg-light-enabled);border-color:var(--ids-comp-buttons-text-color-border-light-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-light:hover{background:var(--ids-comp-buttons-text-color-bg-light-hovered);color:var(--ids-comp-buttons-text-color-fg-label-light-hovered);border-color:var(--ids-comp-buttons-text-color-border-light-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-light:focus{outline-offset:2px;background:var(--ids-comp-buttons-text-color-bg-light-focused);color:var(--ids-comp-buttons-text-color-fg-label-light-focused);border-color:var(--ids-comp-buttons-text-color-border-light-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-light:active{background:var(--ids-comp-buttons-text-color-bg-light-pressed);color:var(--ids-comp-buttons-text-color-fg-label-light-pressed);border-color:var(--ids-comp-buttons-text-color-border-light-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-light:disabled{background:var(--ids-comp-buttons-text-color-bg-light-disabled);color:var(--ids-comp-buttons-text-color-fg-label-light-disabled);border-color:var(--ids-comp-buttons-text-color-border-light-disabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-dark{color:var(--ids-comp-buttons-text-color-fg-label-dark-enabled);background:var(--ids-comp-buttons-text-color-bg-dark-enabled);border-color:var(--ids-comp-buttons-text-color-border-dark-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-dark:hover{background:var(--ids-comp-buttons-text-color-bg-dark-hovered);color:var(--ids-comp-buttons-text-color-fg-label-dark-hovered);border-color:var(--ids-comp-buttons-text-color-border-dark-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-dark:focus{outline-offset:2px;background:var(--ids-comp-buttons-text-color-bg-dark-focused);color:var(--ids-comp-buttons-text-color-fg-label-dark-focused);border-color:var(--ids-comp-buttons-text-color-border-dark-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-dark:active{background:var(--ids-comp-buttons-text-color-bg-dark-pressed);color:var(--ids-comp-buttons-text-color-fg-label-dark-pressed);border-color:var(--ids-comp-buttons-text-color-border-dark-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-dark:disabled{background:var(--ids-comp-buttons-text-color-bg-dark-disabled);color:var(--ids-comp-buttons-text-color-fg-label-dark-disabled);border-color:var(--ids-comp-buttons-text-color-border-dark-disabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-surface{color:var(--ids-comp-buttons-text-color-fg-label-surface-enabled);background:var(--ids-comp-buttons-text-color-bg-surface-enabled);border-color:var(--ids-comp-buttons-text-color-border-surface-enabled, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-surface:hover{background:var(--ids-comp-buttons-text-color-bg-surface-hovered);color:var(--ids-comp-buttons-text-color-fg-label-surface-hovered);border-color:var(--ids-comp-buttons-text-color-border-surface-hovered, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-surface:focus{outline-offset:2px;background:var(--ids-comp-buttons-text-color-bg-surface-focused);color:var(--ids-comp-buttons-text-color-fg-label-surface-focused);border-color:var(--ids-comp-buttons-text-color-border-surface-focused, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-surface:active{background:var(--ids-comp-buttons-text-color-bg-surface-pressed);color:var(--ids-comp-buttons-text-color-fg-label-surface-pressed);border-color:var(--ids-comp-buttons-text-color-border-surface-pressed, rgba(255, 255, 255, 0))}.ids-button.ids-button-text.ids-button-surface:disabled{background:var(--ids-comp-buttons-text-color-bg-surface-disabled);color:var(--ids-comp-buttons-text-color-fg-label-surface-disabled);border-color:var(--ids-comp-buttons-text-color-border-surface-disabled, rgba(255, 255, 255, 0))}