npm - @acorex/components - Versions diffs - 20.1.26 → 20.1.28 - Mend

@acorex/components 20.1.26 → 20.1.28

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 (124) hide show

package/fesm2022/acorex-components-button.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-components-button.mjs","sources":["../tmp-esm2022/button/lib/button-item.component.js","../tmp-esm2022/button/lib/button-item-list.component.js","../tmp-esm2022/button/lib/button.component.js","../tmp-esm2022/button/lib/button.module.js","../tmp-esm2022/button/acorex-components-button.js"],"sourcesContent":["import { AXComponent, MXColorComponent, MXInteractiveComponent, } from '@acorex/cdk/common';\nimport { AXDecoratorGenericComponent } from '@acorex/components/decorators';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, HostListener, Input, Output, ViewEncapsulation, } from '@angular/core';\nimport { classes } from 'polytype';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/common\";\nimport * as i2 from \"@acorex/core/translation\";\n/*\n Represents a button item with optional content like icons, text, and dropdowns.\n \n @category Components\n /\nexport class AXButtonItemComponent extends classes(MXInteractiveComponent, MXColorComponent) {\n constructor() {\n super(...arguments);\n /\n Whether the item is visually separated from other items.\n * @defaultValue false\n /\n this.divided = false;\n /\n Emitted when the button item is clicked.\n * @event\n * The emitted value is an `AXClickEvent` object containing event details.\n /\n this.onClick = new EventEmitter();\n /\n Sets the tabindex attribute for keyboard navigation.\n \n @ignore\n /\n this.tabindex = '0';\n }\n /\n Indicates whether the button item is selected.\n \n @param v - A boolean indicating the selected state.\n * Updates the view when the value changes.\n /\n get selected() {\n return this._selected;\n }\n set selected(v) {\n this._selected = v;\n this.cdr.markForCheck();\n }\n /\n Handles click events on the button item host element.\n * Emits the onClick event if the component is not disabled.\n \n @param e - The mouse event that triggered the click.\n * @ignore\n /\n __hostClick(e) {\n if (!this.disabled) {\n this.onClick.emit({\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n });\n }\n }\n /\n Handles focus events on the button item host element.\n * Emits the onFocus event.\n \n @param e - The focus event that was triggered.\n * @ignore\n /\n __hostFocus(e) {\n this.emitOnFocusEvent(e);\n }\n /\n Handles blur events on the button item host element.\n * Emits the onBlur event.\n \n @param e - The blur event that was triggered.\n * @ignore\n /\n __hostBlur(e) {\n this.emitOnBlurEvent(e);\n }\n /\n Generates the CSS classes for the button item host element.\n * Includes classes for icon-only state, disabled state, selected state, divided state, and color.\n \n @returns string - The space-separated CSS class names.\n * @ignore\n /\n get __hostClass() {\n const cssClasses = {\n 'ax-button-icon': !this.text,\n 'ax-state-disabled': this.disabled,\n 'ax-state-selected': this.selected,\n 'ax-divided': this.divided,\n 'ax-action-item': true,\n };\n cssClasses[`ax-${this.color}`] = true;\n return Object.entries(cssClasses)\n .filter((c) => c[1])\n .map((c) => c[0])\n .join(' ');\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXButtonItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.1.8\", type: AXButtonItemComponent, isStandalone: true, selector: \"ax-button-item\", inputs: { color: \"color\", disabled: \"disabled\", text: \"text\", selected: \"selected\", divided: \"divided\", data: \"data\", name: \"name\" }, outputs: { onClick: \"onClick\", onFocus: \"onFocus\", onBlur: \"onBlur\", disabledChange: \"disabledChange\" }, host: { listeners: { \"click\": \"__hostClick($event)\", \"focus\": \"__hostFocus($event)\", \"blur\": \"__hostBlur($event)\" }, properties: { \"class\": \"this.__hostClass\", \"attr.tabindex\": \"this.tabindex\" } }, providers: [{ provide: AXComponent, useExisting: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: `\n <div class=\"ax-action-item-prefix\">\n <ng-content select=\"ax-prefix\"> </ng-content>\n <ng-content select=\"ax-loading\"> </ng-content>\n <ng-content select=\"ax-icon\"> </ng-content>\n @if (text) {\n <ax-text>{{ text \| translate \| async }}</ax-text>\n }\n </div>\n <div class=\"ax-action-item-suffix\">\n <ng-content select=\"ax-suffix\"> </ng-content>\n </div>\n <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n `, isInline: true, styles: [\"ax-button{--ax-comp-button-padding-y: 0;--ax-comp-button-border-radius: var(--ax-sys-border-radius);--ax-comp-button-height: calc(var(--ax-sys-size-base) var(--ax-comp-button-size-ratio, 1));--ax-comp-button-text-padding-x: .5rem}ax-button ax-prefix{display:flex;padding-inline-start:var(--ax-comp-button-decorator-padding-x)}ax-button ax-suffix{display:flex;padding-inline-end:var(--ax-comp-button-decorator-padding-x)}ax-button.ax-button-icon{--ax-comp-button-decorator-padding-x: 0 !important;font-size:var(--ax-comp-button-icon-only-font-size)}.ax-xs ax-button,ax-button.ax-xs{--ax-comp-button-font-size: .75rem;--ax-comp-button-padding-x: .25rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: .875rem}.ax-sm ax-button,ax-button.ax-sm{--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: .5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1rem}.ax-md ax-button,ax-button{--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: 1rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: 1.25rem}.ax-lg ax-button,ax-button.ax-lg{--ax-comp-button-font-size: 1.125rem;--ax-comp-button-padding-x: 1.125rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.5rem}.ax-xl ax-button,ax-button.ax-xl{--ax-comp-button-font-size: 1.5rem;--ax-comp-button-padding-x: 1.5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.75rem}ax-button.ax-solid{--ax-comp-button-border-width: 1px}ax-button.ax-solid>button:focus-visible,ax-button.ax-solid>button.ax-state-focus{outline:2px solid;outline-offset:3px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-solid.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-darkest-surface)}ax-button.ax-solid.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-darkest-surface)}ax-button.ax-solid.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-darkest-surface)}ax-button.ax-solid.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-darkest-surface)}ax-button.ax-solid.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-darkest-surface)}ax-button.ax-solid.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-darkest-surface)}ax-button.ax-solid.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-darkest-surface)}ax-button.ax-solid.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-darkest-surface)}ax-button.ax-solid.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-darkest-surface)}ax-button.ax-solid.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-darkest-surface)}ax-button.ax-solid.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accnt6-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accnt6-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accnt6-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accnt6-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accnt6-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accnt6-darkest-surface)}ax-button.ax-solid.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-darkest-surface)}ax-button.ax-solid.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-solid.ax-default{--ax-comp-button-normal-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-outline.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-outline.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-outline{--ax-comp-button-border-width: 1px;--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-hover-bg-color: transparent;--ax-comp-button-pressed-bg-color: transparent;--ax-comp-button-focused-bg-color: transparent}ax-button.ax-outline>button:focus-visible,ax-button.ax-outline>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-outline.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-surface)}ax-button.ax-outline.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-outline.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-surface)}ax-button.ax-outline.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-surface)}ax-button.ax-outline.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-surface)}ax-button.ax-outline.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-outline.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-outline.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-outline.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-outline.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-outline.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accnt6-surface)}ax-button.ax-outline.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-twotone.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-light-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-darker-surface)}.ax-dark ax-button.ax-twotone.ax-default{--ax-comp-button-normal-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-lighter-surface)}ax-button.ax-twotone{--ax-comp-button-border-width: 1px}ax-button.ax-twotone>button:focus-visible,ax-button.ax-twotone>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-twotone.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-surface)}ax-button.ax-twotone.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-twotone.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-surface)}ax-button.ax-twotone.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-surface)}ax-button.ax-twotone.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-surface)}ax-button.ax-twotone.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-twotone.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-twotone.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-twotone.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-twotone.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-twotone.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accnt6-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accnt6-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accnt6-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accnt6-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accnt6-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accnt6-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accnt6-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accnt6-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accnt6-surface)}ax-button.ax-twotone.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-blank.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-blank.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-blank{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-normal-border-color: transparent;--ax-comp-button-border-width: 0px}ax-button.ax-blank>button:focus-visible,ax-button.ax-blank>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-blank.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface)}ax-button.ax-blank.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-blank.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface)}ax-button.ax-blank.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface)}ax-button.ax-blank.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface)}ax-button.ax-blank.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-blank.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-blank.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-blank.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-blank.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-blank.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accnt6-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accnt6-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accnt6-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accnt6-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accnt6-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface)}ax-button.ax-blank.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-link.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-link.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-link{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-normal-border-color: transparent;--ax-comp-button-border-width: 0px}ax-button.ax-link>button:focus-visible,ax-button.ax-link>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-link.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface)}ax-button.ax-link.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface)}ax-button.ax-link.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface)}ax-button.ax-link.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface)}ax-button.ax-link.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface)}ax-button.ax-link.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface)}ax-button.ax-link.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface)}ax-button.ax-link.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface)}ax-button.ax-link.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface)}ax-button.ax-link.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface)}ax-button.ax-link.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accnt6-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface)}ax-button.ax-link.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface)}ax-button-item.ax-primary{--ax-comp-button-item-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-primary-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-primary-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-primary-surface)}ax-button-item.ax-secondary{--ax-comp-button-item-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-secondary-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-secondary-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-secondary-surface)}ax-button-item.ax-success{--ax-comp-button-item-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-success-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-success-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-success-surface)}ax-button-item.ax-warning{--ax-comp-button-item-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-warning-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-warning-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-warning-surface)}ax-button-item.ax-danger{--ax-comp-button-item-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-danger-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-danger-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-danger-surface)}ax-button-item.ax-accent1{--ax-comp-button-item-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent1-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent1-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent1-surface)}ax-button-item.ax-accent2{--ax-comp-button-item-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent2-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent2-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent2-surface)}ax-button-item.ax-accent3{--ax-comp-button-item-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent3-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent3-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent3-surface)}ax-button-item.ax-accent4{--ax-comp-button-item-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent4-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent4-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent4-surface)}ax-button-item.ax-accent5{--ax-comp-button-item-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent5-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent5-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent5-surface)}ax-button-item.ax-accnt6{--ax-comp-button-item-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accnt6-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accnt6-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accnt6-surface)}ax-button-item.ax-accent7{--ax-comp-button-item-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent7-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent7-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent7-surface)}ax-button-item{background-color:rgba(var(--ax-comp-button-item-bg-color));color:rgba(var(--ax-comp-button-item-text-color))}ax-button-item.ax-state-selected{background-color:rgba(var(--ax-comp-button-item-selected-bg-color, var(--ax-sys-color-surface)));color:rgba(var(--ax-comp-button-item-selected-text-color))}ax-button-item:hover:not(.ax-state-selected){background-color:rgba(var(--ax-comp-button-item-hover-bg-color, var(--ax-sys-color-surface)))!important;color:rgba(var(--ax-comp-button-item-hover-text-color))}\\n\"], dependencies: [{ kind: \"ngmodule\", type: CommonModule }, { kind: \"component\", type: AXDecoratorGenericComponent, selector: \"ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay\" }, { kind: \"ngmodule\", type: AXTranslationModule }, { kind: \"pipe\", type: i1.AsyncPipe, name: \"async\" }, { kind: \"pipe\", type: i2.AXTranslatorPipe, name: \"translate\" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXButtonItemComponent, decorators: [{\n type: Component,\n args: [{ selector: 'ax-button-item', template: `\n <div class=\"ax-action-item-prefix\">\n <ng-content select=\"ax-prefix\"> </ng-content>\n <ng-content select=\"ax-loading\"> </ng-content>\n <ng-content select=\"ax-icon\"> </ng-content>\n @if (text) {\n <ax-text>{{ text \| translate \| async }}</ax-text>\n }\n </div>\n <div class=\"ax-action-item-suffix\">\n <ng-content select=\"ax-suffix\"> </ng-content>\n </div>\n <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['color', 'disabled'], outputs: ['onClick', 'onFocus', 'onBlur', 'disabledChange'], imports: [CommonModule, AXDecoratorGenericComponent, AXTranslationModule], providers: [{ provide: AXComponent, useExisting: AXButtonItemComponent }], styles: [\"ax-button{--ax-comp-button-padding-y: 0;--ax-comp-button-border-radius: var(--ax-sys-border-radius);--ax-comp-button-height: calc(var(--ax-sys-size-base) * var(--ax-comp-button-size-ratio, 1));--ax-comp-button-text-padding-x: .5rem}ax-button ax-prefix{display:flex;padding-inline-start:var(--ax-comp-button-decorator-padding-x)}ax-button ax-suffix{display:flex;padding-inline-end:var(--ax-comp-button-decorator-padding-x)}ax-button.ax-button-icon{--ax-comp-button-decorator-padding-x: 0 !important;font-size:var(--ax-comp-button-icon-only-font-size)}.ax-xs ax-button,ax-button.ax-xs{--ax-comp-button-font-size: .75rem;--ax-comp-button-padding-x: .25rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: .875rem}.ax-sm ax-button,ax-button.ax-sm{--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: .5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1rem}.ax-md ax-button,ax-button{--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: 1rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: 1.25rem}.ax-lg ax-button,ax-button.ax-lg{--ax-comp-button-font-size: 1.125rem;--ax-comp-button-padding-x: 1.125rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.5rem}.ax-xl ax-button,ax-button.ax-xl{--ax-comp-button-font-size: 1.5rem;--ax-comp-button-padding-x: 1.5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.75rem}ax-button.ax-solid{--ax-comp-button-border-width: 1px}ax-button.ax-solid>button:focus-visible,ax-button.ax-solid>button.ax-state-focus{outline:2px solid;outline-offset:3px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-solid.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-darkest-surface)}ax-button.ax-solid.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-darkest-surface)}ax-button.ax-solid.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-darkest-surface)}ax-button.ax-solid.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-darkest-surface)}ax-button.ax-solid.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-darkest-surface)}ax-button.ax-solid.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-darkest-surface)}ax-button.ax-solid.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-darkest-surface)}ax-button.ax-solid.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-darkest-surface)}ax-button.ax-solid.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-darkest-surface)}ax-button.ax-solid.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-darkest-surface)}ax-button.ax-solid.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accnt6-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accnt6-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accnt6-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accnt6-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accnt6-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accnt6-darkest-surface)}ax-button.ax-solid.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-darkest-surface)}ax-button.ax-solid.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-solid.ax-default{--ax-comp-button-normal-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-outline.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-outline.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-outline{--ax-comp-button-border-width: 1px;--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-hover-bg-color: transparent;--ax-comp-button-pressed-bg-color: transparent;--ax-comp-button-focused-bg-color: transparent}ax-button.ax-outline>button:focus-visible,ax-button.ax-outline>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-outline.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-surface)}ax-button.ax-outline.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-outline.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-surface)}ax-button.ax-outline.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-surface)}ax-button.ax-outline.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-surface)}ax-button.ax-outline.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-outline.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-outline.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-outline.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-outline.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-outline.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accnt6-surface)}ax-button.ax-outline.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-twotone.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-light-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-darker-surface)}.ax-dark ax-button.ax-twotone.ax-default{--ax-comp-button-normal-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-lighter-surface)}ax-button.ax-twotone{--ax-comp-button-border-width: 1px}ax-button.ax-twotone>button:focus-visible,ax-button.ax-twotone>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-twotone.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-surface)}ax-button.ax-twotone.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-twotone.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-surface)}ax-button.ax-twotone.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-surface)}ax-button.ax-twotone.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-surface)}ax-button.ax-twotone.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-twotone.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-twotone.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-twotone.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-twotone.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-twotone.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accnt6-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accnt6-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accnt6-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accnt6-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accnt6-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accnt6-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accnt6-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accnt6-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accnt6-surface)}ax-button.ax-twotone.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-blank.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-blank.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-blank{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-normal-border-color: transparent;--ax-comp-button-border-width: 0px}ax-button.ax-blank>button:focus-visible,ax-button.ax-blank>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-blank.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface)}ax-button.ax-blank.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-blank.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface)}ax-button.ax-blank.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface)}ax-button.ax-blank.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface)}ax-button.ax-blank.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-blank.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-blank.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-blank.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-blank.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-blank.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accnt6-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accnt6-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accnt6-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accnt6-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accnt6-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface)}ax-button.ax-blank.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-link.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-link.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-link{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-normal-border-color: transparent;--ax-comp-button-border-width: 0px}ax-button.ax-link>button:focus-visible,ax-button.ax-link>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-link.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface)}ax-button.ax-link.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface)}ax-button.ax-link.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface)}ax-button.ax-link.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface)}ax-button.ax-link.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface)}ax-button.ax-link.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface)}ax-button.ax-link.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface)}ax-button.ax-link.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface)}ax-button.ax-link.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface)}ax-button.ax-link.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface)}ax-button.ax-link.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accnt6-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface)}ax-button.ax-link.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface)}ax-button-item.ax-primary{--ax-comp-button-item-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-primary-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-primary-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-primary-surface)}ax-button-item.ax-secondary{--ax-comp-button-item-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-secondary-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-secondary-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-secondary-surface)}ax-button-item.ax-success{--ax-comp-button-item-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-success-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-success-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-success-surface)}ax-button-item.ax-warning{--ax-comp-button-item-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-warning-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-warning-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-warning-surface)}ax-button-item.ax-danger{--ax-comp-button-item-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-danger-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-danger-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-danger-surface)}ax-button-item.ax-accent1{--ax-comp-button-item-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent1-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent1-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent1-surface)}ax-button-item.ax-accent2{--ax-comp-button-item-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent2-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent2-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent2-surface)}ax-button-item.ax-accent3{--ax-comp-button-item-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent3-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent3-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent3-surface)}ax-button-item.ax-accent4{--ax-comp-button-item-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent4-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent4-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent4-surface)}ax-button-item.ax-accent5{--ax-comp-button-item-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent5-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent5-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent5-surface)}ax-button-item.ax-accnt6{--ax-comp-button-item-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accnt6-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accnt6-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accnt6-surface)}ax-button-item.ax-accent7{--ax-comp-button-item-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent7-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent7-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent7-surface)}ax-button-item{background-color:rgba(var(--ax-comp-button-item-bg-color));color:rgba(var(--ax-comp-button-item-text-color))}ax-button-item.ax-state-selected{background-color:rgba(var(--ax-comp-button-item-selected-bg-color, var(--ax-sys-color-surface)));color:rgba(var(--ax-comp-button-item-selected-text-color))}ax-button-item:hover:not(.ax-state-selected){background-color:rgba(var(--ax-comp-button-item-hover-bg-color, var(--ax-sys-color-surface)))!important;color:rgba(var(--ax-comp-button-item-hover-text-color))}\\n\"] }]\n }], propDecorators: { text: [{\n type: Input\n }], selected: [{\n type: Input\n }], divided: [{\n type: Input\n }], data: [{\n type: Input\n }], name: [{\n type: Input\n }], onClick: [{\n type: Output\n }], __hostClick: [{\n type: HostListener,\n args: ['click', ['$event']]\n }], __hostFocus: [{\n type: HostListener,\n args: ['focus', ['$event']]\n }], __hostBlur: [{\n type: HostListener,\n args: ['blur', ['$event']]\n }], __hostClass: [{\n type: HostBinding,\n args: ['class']\n }], tabindex: [{\n type: HostBinding,\n args: ['attr.tabindex']\n }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9idXR0b24vc3JjL2xpYi9idXR0b24taXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFdBQVcsRUFFWCxnQkFBZ0IsRUFDaEIsc0JBQXNCLEdBQ3ZCLE1BQU0sb0JBQW9CLENBQUM7QUFDNUIsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDNUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDL0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixXQUFXLEVBQ1gsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxVQUFVLENBQUM7Ozs7QUFZbkM7Ozs7R0FJRztBQXlCSCxNQUFNLE9BQU8scUJBQXNCLFNBQVEsT0FBTyxDQUFDLHNCQUFzQixFQUFFLGdCQUFnQixDQUFDO0lBeEI1Rjs7UUFtREU7OztXQUdHO1FBRUgsWUFBTyxHQUFHLEtBQUssQ0FBQztRQWNoQjs7OztXQUlHO1FBRUgsWUFBTyxHQUErQixJQUFJLFlBQVksRUFBZ0IsQ0FBQztRQWtFdkU7Ozs7V0FJRztRQUMyQixhQUFRLEdBQUcsR0FBRyxDQUFDO0tBQzlDO0lBaEhDOzs7OztPQUtHO0lBQ0gsSUFDVyxRQUFRO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBQ0QsSUFBVyxRQUFRLENBQUMsQ0FBVTtRQUM1QixJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQztRQUNuQixJ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Q2xpY2tFdmVudCxcbiAgQVhDb21wb25lbnQsXG4gIEFYU3R5bGVDb2xvclR5cGUsXG4gIE1YQ29sb3JDb21wb25lbnQsXG4gIE1YSW50ZXJhY3RpdmVDb21wb25lbnQsXG59IGZyb20gJ0BhY29yZXgvY2RrL2NvbW1vbic7XG5pbXBvcnQgeyBBWERlY29yYXRvckdlbmVyaWNDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZGVjb3JhdG9ycyc7XG5pbXBvcnQgeyBBWFRyYW5zbGF0aW9uTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb3JlL3RyYW5zbGF0aW9uJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdEJpbmRpbmcsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY2xhc3NlcyB9IGZyb20gJ3BvbHl0eXBlJztcblxuZXhwb3J0IGludGVyZmFjZSBBWEJ1dHRvbkl0ZW1MaXN0SXRlbSB7XG4gIG5hbWU6IHN0cmluZztcbiAgdGV4dDogc3RyaW5nO1xuICBpY29uOiBzdHJpbmc7XG4gIGRpdmlkZWQ/OiBib29sZWFuO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIHNlbGVjdGVkPzogYm9vbGVhbjtcbiAgY29sb3I/OiBBWFN0eWxlQ29sb3JUeXBlO1xufVxuXG4vKipcbiAqIFJlcHJlc2VudHMgYSBidXR0b24gaXRlbSB3aXRoIG9wdGlvbmFsIGNvbnRlbnQgbGlrZSBpY29ucywgdGV4dCwgYW5kIGRyb3Bkb3ducy5cbiAqXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1idXR0b24taXRlbScsXG4gIHN0eWxlVXJsOiAnYnV0dG9uLWl0ZW0uY29tcG9uZW50LnNjc3MnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJheC1hY3Rpb24taXRlbS1wcmVmaXhcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LXByZWZpeFwiPiA8L25nLWNvbnRlbnQ+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1sb2FkaW5nXCI+IDwvbmctY29udGVudD5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWljb25cIj4gPC9uZy1jb250ZW50PlxuICAgICAgQGlmICh0ZXh0KSB7XG4gICAgICAgIDxheC10ZXh0Pnt7IHRleHQgfCB0cmFuc2xhdGUgfCBhc3luYyB9fTwvYXgtdGV4dD5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiYXgtYWN0aW9uLWl0ZW0tc3VmZml4XCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1zdWZmaXhcIj4gPC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWRyb3Bkb3duLXBhbmVsXCI+IDwvbmctY29udGVudD5cbiAgYCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGlucHV0czogWydjb2xvcicsICdkaXNhYmxlZCddLFxuICBvdXRwdXRzOiBbJ29uQ2xpY2snLCAnb25Gb2N1cycsICdvbkJsdXInLCAnZGlzYWJsZWRDaGFuZ2UnXSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQVhEZWNvcmF0b3JHZW5lcmljQ29tcG9uZW50LCBBWFRyYW5zbGF0aW9uTW9kdWxlXSxcbiAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBBWENvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYQnV0dG9uSXRlbUNvbXBvbmVudCB9XSxcbn0pXG5leHBvcnQgY2xhc3MgQVhCdXR0b25JdGVtQ29tcG9uZW50IGV4dGVuZHMgY2xhc3NlcyhNWEludGVyYWN0aXZlQ29tcG9uZW50LCBNWENvbG9yQ29tcG9uZW50KSB7XG4gIC8qKlxuICAgKiBUZXh0IGRpc3BsYXllZCBvbiB0aGUgYnV0dG9uIGl0ZW0uXG4gICAqL1xuICBASW5wdXQoKVxuICB0ZXh0OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcml2YXRlIF9zZWxlY3RlZDogYm9vbGVhbjtcblxuICAvKipcbiAgICogSW5kaWNhdGVzIHdoZXRoZXIgdGhlIGJ1dHRvbiBpdGVtIGlzIHNlbGVjdGVkLlxuICAgKlxuICAgKiBAcGFyYW0gdiAtIEEgYm9vbGVhbiBpbmRpY2F0aW5nIHRoZSBzZWxlY3RlZCBzdGF0ZS5cbiAgICogVXBkYXRlcyB0aGUgdmlldyB3aGVuIHRoZSB2YWx1ZSBjaGFuZ2VzLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGdldCBzZWxlY3RlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fc2VsZWN0ZWQ7XG4gIH1cbiAgcHVibGljIHNldCBzZWxlY3RlZCh2OiBib29sZWFuKSB7XG4gICAgdGhpcy5fc2VsZWN0ZWQgPSB2O1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIGl0ZW0gaXMgdmlzdWFsbHkgc2VwYXJhdGVkIGZyb20gb3RoZXIgaXRlbXMuXG4gICAqICBAZGVmYXVsdFZhbHVlIGZhbHNlXG4gICAqL1xuICBASW5wdXQoKVxuICBkaXZpZGVkID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIERhdGEgYXNzb2NpYXRlZCB3aXRoIHRoZSBidXR0b24gaXRlbS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIGRhdGE6IHVua25vd247XG5cbiAgLyoqXG4gICAqIFRoZSBuYW1lIG9mIHRoZSBidXR0b24gaXRlbS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIG5hbWU6IHN0cmluZztcblxuICAvKipcbiAgICogRW1pdHRlZCB3aGVuIHRoZSBidXR0b24gaXRlbSBpcyBjbGlja2VkLlxuICAgKiBAZXZlbnRcbiAgICogVGhlIGVtaXR0ZWQgdmFsdWUgaXMgYW4gYEFYQ2xpY2tFdmVudGAgb2JqZWN0IGNvbnRhaW5pbmcgZXZlbnQgZGV0YWlscy5cbiAgICovXG4gIEBPdXRwdXQoKVxuICBvbkNsaWNrOiBFdmVudEVtaXR0ZXI8QVhDbGlja0V2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8QVhDbGlja0V2ZW50PigpO1xuXG4gIC8qKlxuICAgKiBIYW5kbGVzIGNsaWNrIGV2ZW50cyBvbiB0aGUgYnV0dG9uIGl0ZW0gaG9zdCBlbGVtZW50LlxuICAgKiBFbWl0cyB0aGUgb25DbGljayBldmVudCBpZiB0aGUgY29tcG9uZW50IGlzIG5vdCBkaXNhYmxlZC5cbiAgICpcbiAgICogQHBhcmFtIGUgLSBUaGUgbW91c2UgZXZlbnQgdGhhdCB0cmlnZ2VyZWQgdGhlIGNsaWNrLlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXG4gIHByaXZhdGUgX19ob3N0Q2xpY2soZTogTW91c2VFdmVudCkge1xuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5vbkNsaWNrLmVtaXQoe1xuICAgICAgICBjb21wb25lbnQ6IHRoaXMsXG4gICAgICAgIGh0bWxFbGVtZW50OiB0aGlzLmdldEhvc3RFbGVtZW50KCksXG4gICAgICAgIG5hdGl2ZUV2ZW50OiBlLFxuICAgICAgfSk7XG4gICAgfVxuICB9XG4gIC8qKlxuICAgKiBIYW5kbGVzIGZvY3VzIGV2ZW50cyBvbiB0aGUgYnV0dG9uIGl0ZW0gaG9zdCBlbGVtZW50LlxuICAgKiBFbWl0cyB0aGUgb25Gb2N1cyBldmVudC5cbiAgICpcbiAgICogQHBhcmFtIGUgLSBUaGUgZm9jdXMgZXZlbnQgdGhhdCB3YXMgdHJpZ2dlcmVkLlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBASG9zdExpc3RlbmVyKCdmb2N1cycsIFsnJGV2ZW50J10pXG4gIHByaXZhdGUgX19ob3N0Rm9jdXMoZTogRm9jdXNFdmVudCkge1xuICAgIHRoaXMuZW1pdE9uRm9jdXNFdmVudChlKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBIYW5kbGVzIGJsdXIgZXZlbnRzIG9uIHRoZSBidXR0b24gaXRlbSBob3N0IGVsZW1lbnQuXG4gICAqIEVtaXRzIHRoZSBvbkJsdXIgZXZlbnQuXG4gICAqXG4gICAqIEBwYXJhbSBlIC0gVGhlIGJsdXIgZXZlbnQgdGhhdCB3YXMgdHJpZ2dlcmVkLlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBASG9zdExpc3RlbmVyKCdibHVyJywgWyckZXZlbnQnXSlcbiAgcHJpdmF0ZSBfX2hvc3RCbHVyKGU6IEZvY3VzRXZlbnQpIHtcbiAgICB0aGlzLmVtaXRPbkJsdXJFdmVudChlKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBHZW5lcmF0ZXMgdGhlIENTUyBjbGFzc2VzIGZvciB0aGUgYnV0dG9uIGl0ZW0gaG9zdCBlbGVtZW50LlxuICAgKiBJbmNsdWRlcyBjbGFzc2VzIGZvciBpY29uLW9ubHkgc3RhdGUsIGRpc2FibGVkIHN0YXRlLCBzZWxlY3RlZCBzdGF0ZSwgZGl2aWRlZCBzdGF0ZSwgYW5kIGNvbG9yLlxuICAgKlxuICAgKiBAcmV0dXJucyBzdHJpbmcgLSBUaGUgc3BhY2Utc2VwYXJhdGVkIENTUyBjbGFzcyBuYW1lcy5cbiAgICogQGlnbm9yZVxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByaXZhdGUgZ2V0IF9faG9zdENsYXNzKCk6IHN0cmluZyB7XG4gICAgY29uc3QgY3NzQ2xhc3NlcyA9IHtcbiAgICAgICdheC1idXR0b24taWNvbic6ICF0aGlzLnRleHQsXG4gICAgICAnYXgtc3RhdGUtZGlzYWJsZWQnOiB0aGlzLmRpc2FibGVkLFxuICAgICAgJ2F4LXN0YXRlLXNlbGVjdGVkJzogdGhpcy5zZWxlY3RlZCxcbiAgICAgICdheC1kaXZpZGVkJzogdGhpcy5kaXZpZGVkLFxuICAgICAgJ2F4LWFjdGlvbi1pdGVtJzogdHJ1ZSxcbiAgICB9O1xuICAgIGNzc0NsYXNzZXNbYGF4LSR7dGhpcy5jb2xvcn1gXSA9IHRydWU7XG4gICAgcmV0dXJuIE9iamVjdC5lbnRyaWVzKGNzc0NsYXNzZXMpXG4gICAgICAuZmlsdGVyKChjKSA9PiBjWzFdKVxuICAgICAgLm1hcCgoYykgPT4gY1swXSlcbiAgICAgIC5qb2luKCcgJyk7XG4gIH1cblxuICAvKipcbiAgICogU2V0cyB0aGUgdGFiaW5kZXggYXR0cmlidXRlIGZvciBrZXlib2FyZCBuYXZpZ2F0aW9uLlxuICAgKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2F0dHIudGFiaW5kZXgnKSB0YWJpbmRleCA9ICcwJztcbn1cbiJdfQ==","import { AXClosableComponent, AXComponent, MXInteractiveComponent, } from '@acorex/cdk/common';\nimport { AXDecoratorGenericComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\nimport { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, HostBinding, Output, QueryList, ViewEncapsulation, afterNextRender, inject, input, } from '@angular/core';\nimport { AXButtonItemComponent } from './button-item.component';\nimport * as i0 from \"@angular/core\";\n/*\n A component for rendering a list of button items with optional dividers between them.\n \n @category Components\n /\nexport class AXButtonItemListComponent extends MXInteractiveComponent {\n /\n Initializes the button item list component.\n * Sets up content change detection and initializes content after the next render.\n \n @ignore\n /\n constructor() {\n super();\n this.parent = inject(AXClosableComponent, { optional: true });\n /\n The list of button items to display.\n \n @defaultValue []\n /\n this.items = input([], ...(ngDevMode ? [{ debugName: \"items\" }] : []));\n /\n Emits an event when an item is clicked.\n * The event contains details about the clicked item.\n \n @event {AXItemClickEvent<AXButtonItemComponent>} - The event object containing clicked item details.\n /\n this.onItemClick = new EventEmitter();\n afterNextRender(() => {\n this._initContents();\n this._contentButtons.changes.subscribe(() => {\n this._initContents();\n });\n });\n }\n /\n Initializes the content of the button item list.\n * Binds events and properties to content button items and marks for change detection.\n \n @ignore\n /\n _initContents() {\n this._bindEvents();\n this._bindProps();\n this.cdr.markForCheck();\n }\n /\n Binds click events to content button items.\n * Subscribes to onClick events of child button items if not already subscribed.\n \n @ignore\n /\n _bindEvents() {\n this._contentButtons?.forEach((b) => {\n if (!b.onClick.length)\n b.onClick.subscribe((c) => {\n this._handleOnItemClick(c);\n });\n });\n }\n /\n Binds properties to content button items.\n * Sets the disabled state of child button items based on the parent's disabled state.\n \n @ignore\n /\n _bindProps() {\n this._contentButtons?.forEach((b) => {\n b.disabled = b.disabled ?? this.disabled;\n });\n }\n /\n Handles click events from button items.\n * Closes the parent component if available and emits the item click event.\n \n @param e - The click event from the button item.\n * @ignore\n /\n _handleOnItemClick(e) {\n this.parent?.close();\n this._emitOnItemClickEvent(e, e.component);\n }\n /\n Emits the onItemClick event with details about the clicked item.\n \n @param e - The click event from the button item.\n * @param item - The button item component that was clicked.\n * @ignore\n /\n _emitOnItemClickEvent(e, item) {\n this.onItemClick.emit({\n component: this,\n item,\n htmlElement: this.getHostElement(),\n nativeEvent: e.nativeEvent,\n name: item.name,\n data: item.data,\n });\n }\n /\n Generates the CSS classes for the button item list host element.\n * Includes classes for action list and vertical layout.\n \n @returns string - The space-separated CSS class names.\n * @ignore\n /\n get __hostClass() {\n return `ax-action-list ax-action-list-vertical`;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXButtonItemListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.1.8\", type: AXButtonItemListComponent, isStandalone: true, selector: \"ax-button-item-list\", inputs: { items: { classPropertyName: \"items\", publicName: \"items\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onItemClick: \"onItemClick\" }, host: { properties: { \"class\": \"this.__hostClass\" } }, providers: [{ provide: AXComponent, useExisting: AXButtonItemListComponent }], queries: [{ propertyName: \"_contentButtons\", predicate: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: `\n @for (item of items(); track item.name) {\n <ax-button-item\n [text]=\"item.text\"\n [name]=\"item.name\"\n [disabled]=\"item.disabled\"\n [color]=\"item.color\"\n [selected]=\"item.selected\"\n (onClick)=\"_handleOnItemClick($event)\"\n >\n @if (item.icon) {\n <ax-prefix>\n <ax-icon [icon]=\"item.icon\"></ax-icon>\n </ax-prefix>\n }\n </ax-button-item>\n @if (item.divided) {\n <ax-divider></ax-divider>\n }\n }\n <ng-content></ng-content>\n `, isInline: true, styles: [\"ax-button-item-list.ax-action-list{padding-block:var(--ax-comp-button-item-list-padding-block, .25rem)}\\n\"], dependencies: [{ kind: \"component\", type: AXButtonItemComponent, selector: \"ax-button-item\", inputs: [\"color\", \"disabled\", \"text\", \"selected\", \"divided\", \"data\", \"name\"], outputs: [\"onClick\", \"onFocus\", \"onBlur\", \"disabledChange\"] }, { kind: \"component\", type: AXDecoratorGenericComponent, selector: \"ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay\" }, { kind: \"component\", type: AXDecoratorIconComponent, selector: \"ax-icon\", inputs: [\"icon\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXButtonItemListComponent, decorators: [{\n type: Component,\n args: [{ selector: 'ax-button-item-list', template: `\n @for (item of items(); track item.name) {\n <ax-button-item\n [text]=\"item.text\"\n [name]=\"item.name\"\n [disabled]=\"item.disabled\"\n [color]=\"item.color\"\n [selected]=\"item.selected\"\n (onClick)=\"_handleOnItemClick($event)\"\n >\n @if (item.icon) {\n <ax-prefix>\n <ax-icon [icon]=\"item.icon\"></ax-icon>\n </ax-prefix>\n }\n </ax-button-item>\n @if (item.divided) {\n <ax-divider></ax-divider>\n }\n }\n <ng-content></ng-content>\n `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AXButtonItemComponent, AXDecoratorGenericComponent, AXDecoratorIconComponent], providers: [{ provide: AXComponent, useExisting: AXButtonItemListComponent }], styles: [\"ax-button-item-list.ax-action-list{padding-block:var(--ax-comp-button-item-list-padding-block, .25rem)}\\n\"] }]\n }], ctorParameters: () => [], propDecorators: { _contentButtons: [{\n type: ContentChildren,\n args: [AXButtonItemComponent]\n }], onItemClick: [{\n type: Output\n }], __hostClass: [{\n type: HostBinding,\n args: ['class']\n }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWl0ZW0tbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2J1dHRvbi9zcmMvbGliL2J1dHRvbi1pdGVtLWxpc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxtQkFBbUIsRUFDbkIsV0FBVyxFQUVYLHNCQUFzQixHQUN2QixNQUFNLG9CQUFvQixDQUFDO0FBQzVCLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSx3QkFBd0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3RHLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULGVBQWUsRUFDZixZQUFZLEVBQ1osV0FBVyxFQUNYLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLGVBQWUsRUFDZixNQUFNLEVBQ04sS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxxQkFBcUIsRUFBd0IsTUFBTSx5QkFBeUIsQ0FBQzs7QUFFdEY7Ozs7R0FJRztBQStCSCxNQUFNLE9BQU8seUJBQTBCLFNBQVEsc0JBQXNCO0lBd0JuRTs7Ozs7T0FLRztJQUNIO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUE5QkYsV0FBTSxHQUFHLE1BQU0sQ0FBc0IsbUJBQW1CLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUt0Rjs7OztXQUlHO1FBQ0gsVUFBSyxHQUFHLEtBQUssQ0FBeUIsRUFBRSxpREFBQyxDQUFDO1FBRTFDOzs7OztXQUtHO1FBRUgsZ0JBQVcsR0FBMEQsSUFBSSxZQUFZLEVBRWxGLENBQUM7UUFVRixlQUFlLENBQUMsR0FBRyxFQUFFO1lBQ25CLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUNyQixJQUFJLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO2dCQUMxQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDdkIsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRDs7Ozs7T0FLRztJQUNLLGFBQWE7UUFDbkIsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNsQixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRDs7Ozs7T0FLRztJQUNLLFdBQVc7UUFDakIsSUFBSSxDQUFDLGVBQWUsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUNsQyxJQUFJLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxNQUFNO2dCQUNuQixDQUFDLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO29CQUN4QixJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQzdCLENBQUMsQ0FBQyxDQUFDO1FBQ1AsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQ7Ozs7O09BS0c7SUFDSyxVQUFVO1FBQ2hCLElBQUksQ0FBQyxlQUFlLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7WUFDbEMsQ0FBQyxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDM0MsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQ7Ozs7OztPQU1HO0lBQ08sa0JBQWtCLENBQUMsQ0FBZTtRQUMxQyxJQUFJLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBRSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFFRDs7Ozs7O09BTUc7SUFDSCxxQkFBcUIsQ0FBQyxDQUFlLEVBQUUsSUFBMkI7UUFDaEUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUM7WUFDcEIsU0FBUyxFQUFFLElBQUk7WUFDZixJQUFJO1lBQ0osV0FBVyxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDbEMsV0FBVyxFQUFFLENBQUMsQ0FBQyxXQUFXO1lBQzFCLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtZQUNmLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtTQUNoQixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQ7Ozs7OztPQU1HO0lBQ0gsSUFDWSxXQUFXO1FBQ3JCLE9BQU8sd0NBQXdDLENBQUM7SUFDbEQsQ0FBQzs4R0F2SFUseUJBQXlCO2tHQUF6Qix5QkFBeUIsc1NBRnpCLENBQUMsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSx5QkFBeUIsRUFBRSxDQUFDLDBEQUs1RCxxQkFBcUIsb0RBL0I1Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUJULG1MQUlTLHFCQUFxQixzTUFBRSwyQkFBMkIseUxBQUUsd0JBQXdCOzsyRkFHM0UseUJBQXlCO2tCQTlCckMsU0FBUzsrQkFDRSxxQkFBcUIsWUFDckI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFCVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxXQUM1QixDQUFDLHFCQUFxQixFQUFFLDJCQUEyQixFQUFFLHdCQUF3QixDQUFDLGFBQzVFLENBQUMsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsMkJBQTJCLEVBQUUsQ0FBQzt3REFNbkUsZUFBZTtzQkFEeEIsZUFBZTt1QkFBQyxxQkFBcUI7Z0JBaUJ0QyxXQUFXO3NCQURWLE1BQU07Z0JBa0dLLFdBQVc7c0JBRHRCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFYQ2xpY2tFdmVudCxcbiAgQVhDbG9zYWJsZUNvbXBvbmVudCxcbiAgQVhDb21wb25lbnQsXG4gIEFYSXRlbUNsaWNrRXZlbnQsXG4gIE1YSW50ZXJhY3RpdmVDb21wb25lbnQsXG59IGZyb20gJ0BhY29yZXgvY2RrL2NvbW1vbic7XG5pbXBvcnQgeyBBWERlY29yYXRvckdlbmVyaWNDb21wb25lbnQsIEFYRGVjb3JhdG9ySWNvbkNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kZWNvcmF0b3JzJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0QmluZGluZyxcbiAgT3V0cHV0LFxuICBRdWVyeUxpc3QsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBhZnRlck5leHRSZW5kZXIsXG4gIGluamVjdCxcbiAgaW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhCdXR0b25JdGVtQ29tcG9uZW50LCBBWEJ1dHRvbkl0ZW1MaXN0SXRlbSB9IGZyb20gJy4vYnV0dG9uLWl0ZW0uY29tcG9uZW50JztcblxuLyoqXG4gKiBBIGNvbXBvbmVudCBmb3IgcmVuZGVyaW5nIGEgbGlzdCBvZiBidXR0b24gaXRlbXMgd2l0aCBvcHRpb25hbCBkaXZpZGVycyBiZXR3ZWVuIHRoZW0uXG4gKlxuICogQGNhdGVnb3J5IENvbXBvbmVudHNcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtYnV0dG9uLWl0ZW0tbGlzdCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgQGZvciAoaXRlbSBvZiBpdGVtcygpOyB0cmFjayBpdGVtLm5hbWUpIHtcbiAgICAgIDxheC1idXR0b24taXRlbVxuICAgICAgICBbdGV4dF09XCJpdGVtLnRleHRcIlxuICAgICAgICBbbmFtZV09XCJpdGVtLm5hbWVcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZFwiXG4gICAgICAgIFtjb2xvcl09XCJpdGVtLmNvbG9yXCJcbiAgICAgICAgW3NlbGVjdGVkXT1cIml0ZW0uc2VsZWN0ZWRcIlxuICAgICAgICAob25DbGljayk9XCJfaGFuZGxlT25JdGVtQ2xpY2soJGV2ZW50KVwiXG4gICAgICA+XG4gICAgICAgIEBpZiAoaXRlbS5pY29uKSB7XG4gICAgICAgICAgPGF4LXByZWZpeD5cbiAgICAgICAgICAgIDxheC1pY29uIFtpY29uXT1cIml0ZW0uaWNvblwiPjwvYXgtaWNvbj5cbiAgICAgICAgICA8L2F4LXByZWZpeD5cbiAgICAgICAgfVxuICAgICAgPC9heC1idXR0b24taXRlbT5cbiAgICAgIEBpZiAoaXRlbS5kaXZpZGVkKSB7XG4gICAgICAgIDxheC1kaXZpZGVyPjwvYXgtZGl2aWRlcj5cbiAgICAgIH1cbiAgICB9XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24taXRlbS1saXN0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBpbXBvcnRzOiBbQVhCdXR0b25JdGVtQ29tcG9uZW50LCBBWERlY29yYXRvckdlbmVyaWNDb21wb25lbnQsIEFYRGVjb3JhdG9ySWNvbkNvbXBvbmVudF0sXG4gIHByb3ZpZGVyczogW3sgcHJvdmlkZTogQVhDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWEJ1dHRvbkl0ZW1MaXN0Q29tcG9uZW50IH1dLFxufSlcbmV4cG9ydCBjbGFzcyBBWEJ1dHRvbkl0ZW1MaXN0Q29tcG9uZW50IGV4dGVuZHMgTVhJbnRlcmFjdGl2ZUNvbXBvbmVudCB7XG4gIHByaXZhdGUgcGFyZW50ID0gaW5qZWN0PEFYQ2xvc2FibGVDb21wb25lbnQ+KEFYQ2xvc2FibGVDb21wb25lbnQsIHsgb3B0aW9uYWw6IHRydWUgfSk7XG5cbiAgQENvbnRlbnRDaGlsZHJlbihBWEJ1dHRvbkl0ZW1Db21wb25lbnQpXG4gIHByb3RlY3RlZCBfY29udGVudEJ1dHRvbnM6IFF1ZXJ5TGlzdDxBWEJ1dHRvbkl0ZW1Db21wb25lbnQ+O1xuXG4gIC8qKlxuICAgKiBUaGUgbGlzdCBvZiBidXR0b24gaXRlbXMgdG8gZGlzcGxheS5cbiAgICpcbiAgICogQGRlZmF1bHRWYWx1ZSBbXVxuICAgKi9cbiAgaXRlbXMgPSBpbnB1dDxBWEJ1dHRvbkl0ZW1MaXN0SXRlbVtdPihbXSk7XG5cbiAgLyoqXG4gICAqIEVtaXRzIGFuIGV2ZW50IHdoZW4gYW4gaXRlbSBpcyBjbGlja2VkLlxuICAgKiBUaGUgZXZlbnQgY29udGFpbnMgZGV0YWlscyBhYm91dCB0aGUgY2xpY2tlZCBpdGVtLlxuICAgKlxuICAgKiBAZXZlbnQge0FYSXRlbUNsaWNrRXZlbnQ8QVhCdXR0b25JdGVtQ29tcG9uZW50Pn0gLSBUaGUgZXZlbnQgb2JqZWN0IGNvbnRhaW5pbmcgY2xpY2tlZCBpdGVtIGRldGFpbHMuXG4gICAqL1xuICBAT3V0cHV0KClcbiAgb25JdGVtQ2xpY2s6IEV2ZW50RW1pdHRlcjxBWEl0ZW1DbGlja0V2ZW50PEFYQnV0dG9uSXRlbUNvbXBvbmVudD4+ID0gbmV3IEV2ZW50RW1pdHRlcjxcbiAgICBBWEl0ZW1DbGlja0V2ZW50PEFYQnV0dG9uSXRlbUNvbXBvbmVudD5cbiAgPigpO1xuXG4gIC8qKlxuICAgKiBJbml0aWFsaXplcyB0aGUgYnV0dG9uIGl0ZW0gbGlzdCBjb21wb25lbnQuXG4gICAqIFNldHMgdXAgY29udGVudCBjaGFuZ2UgZGV0ZWN0aW9uIGFuZCBpbml0aWFsaXplcyBjb250ZW50IGFmdGVyIHRoZSBuZXh0IHJlbmRlci5cbiAgICpcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICBhZnRlck5leHRSZW5kZXIoKCkgPT4ge1xuICAgICAgdGhpcy5faW5pdENvbnRlbnRzKCk7XG4gICAgICB0aGlzLl9jb250ZW50QnV0dG9ucy5jaGFuZ2VzLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIHRoaXMuX2luaXRDb250ZW50cygpO1xuICAgICAgfSk7XG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogSW5pdGlhbGl6ZXMgdGhlIGNvbnRlbnQgb2YgdGhlIGJ1dHRvbiBpdGVtIGxpc3QuXG4gICAqIEJpbmRzIGV2ZW50cyBhbmQgcHJvcGVydGllcyB0byBjb250ZW50IGJ1dHRvbiBpdGVtcyBhbmQgbWFya3MgZm9yIGNoYW5nZSBkZXRlY3Rpb24uXG4gICAqXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHByaXZhdGUgX2luaXRDb250ZW50cygpIHtcbiAgICB0aGlzLl9iaW5kRXZlbnRzKCk7XG4gICAgdGhpcy5fYmluZFByb3BzKCk7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICAvKipcbiAgICogQmluZHMgY2xpY2sgZXZlbnRzIHRvIGNvbnRlbnQgYnV0dG9uIGl0ZW1zLlxuICAgKiBTdWJzY3JpYmVzIHRvIG9uQ2xpY2sgZXZlbnRzIG9mIGNoaWxkIGJ1dHRvbiBpdGVtcyBpZiBub3QgYWxyZWFkeSBzdWJzY3JpYmVkLlxuICAgKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBwcml2YXRlIF9iaW5kRXZlbnRzKCkge1xuICAgIHRoaXMuX2NvbnRlbnRCdXR0b25zPy5mb3JFYWNoKChiKSA9PiB7XG4gICAgICBpZiAoIWIub25DbGljay5sZW5ndGgpXG4gICAgICAgIGIub25DbGljay5zdWJzY3JpYmUoKGMpID0+IHtcbiAgICAgICAgICB0aGlzLl9oYW5kbGVPbkl0ZW1DbGljayhjKTtcbiAgICAgICAgfSk7XG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogQmluZHMgcHJvcGVydGllcyB0byBjb250ZW50IGJ1dHRvbiBpdGVtcy5cbiAgICogU2V0cyB0aGUgZGlzYWJsZWQgc3RhdGUgb2YgY2hpbGQgYnV0dG9uIGl0ZW1zIGJhc2VkIG9uIHRoZSBwYXJlbnQncyBkaXNhYmxlZCBzdGF0ZS5cbiAgICpcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHJpdmF0ZSBfYmluZFByb3BzKCkge1xuICAgIHRoaXMuX2NvbnRlbnRCdXR0b25zPy5mb3JFYWNoKChiKSA9PiB7XG4gICAgICBiLmRpc2FibGVkID0gYi5kaXNhYmxlZCA/PyB0aGlzLmRpc2FibGVkO1xuICAgIH0pO1xuICB9XG5cbiAgLyoqXG4gICAqIEhhbmRsZXMgY2xpY2sgZXZlbnRzIGZyb20gYnV0dG9uIGl0ZW1zLlxuICAgKiBDbG9zZXMgdGhlIHBhcmVudCBjb21wb25lbnQgaWYgYXZhaWxhYmxlIGFuZCBlbWl0cyB0aGUgaXRlbSBjbGljayBldmVudC5cbiAgICpcbiAgICogQHBhcmFtIGUgLSBUaGUgY2xpY2sgZXZlbnQgZnJvbSB0aGUgYnV0dG9uIGl0ZW0uXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHByb3RlY3RlZCBfaGFuZGxlT25JdGVtQ2xpY2soZTogQVhDbGlja0V2ZW50KSB7XG4gICAgdGhpcy5wYXJlbnQ/LmNsb3NlKCk7XG4gICAgdGhpcy5fZW1pdE9uSXRlbUNsaWNrRXZlbnQoZSwgZS5jb21wb25lbnQpO1xuICB9XG5cbiAgLyoqXG4gICAqIEVtaXRzIHRoZSBvbkl0ZW1DbGljayBldmVudCB3aXRoIGRldGFpbHMgYWJvdXQgdGhlIGNsaWNrZWQgaXRlbS5cbiAgICpcbiAgICogQHBhcmFtIGUgLSBUaGUgY2xpY2sgZXZlbnQgZnJvbSB0aGUgYnV0dG9uIGl0ZW0uXG4gICAqIEBwYXJhbSBpdGVtIC0gVGhlIGJ1dHRvbiBpdGVtIGNvbXBvbmVudCB0aGF0IHdhcyBjbGlja2VkLlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBfZW1pdE9uSXRlbUNsaWNrRXZlbnQoZTogQVhDbGlja0V2ZW50LCBpdGVtOiBBWEJ1dHRvbkl0ZW1Db21wb25lbnQpOiB2b2lkIHtcbiAgICB0aGlzLm9uSXRlbUNsaWNrLmVtaXQoe1xuICAgICAgY29tcG9uZW50OiB0aGlzLFxuICAgICAgaXRlbSxcbiAgICAgIGh0bWxFbGVtZW50OiB0aGlzLmdldEhvc3RFbGVtZW50KCksXG4gICAgICBuYXRpdmVFdmVudDogZS5uYXRpdmVFdmVudCxcbiAgICAgIG5hbWU6IGl0ZW0ubmFtZSxcbiAgICAgIGRhdGE6IGl0ZW0uZGF0YSxcbiAgICB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiBHZW5lcmF0ZXMgdGhlIENTUyBjbGFzc2VzIGZvciB0aGUgYnV0dG9uIGl0ZW0gbGlzdCBob3N0IGVsZW1lbnQuXG4gICAqIEluY2x1ZGVzIGNsYXNzZXMgZm9yIGFjdGlvbiBsaXN0IGFuZCB2ZXJ0aWNhbCBsYXlvdXQuXG4gICAqXG4gICAqIEByZXR1cm5zIHN0cmluZyAtIFRoZSBzcGFjZS1zZXBhcmF0ZWQgQ1NTIGNsYXNzIG5hbWVzLlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgX19ob3N0Q2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYGF4LWFjdGlvbi1saXN0IGF4LWFjdGlvbi1saXN0LXZlcnRpY2FsYDtcbiAgfVxufVxuIl19","import { AXComponent, AXFocusableComponent, AXRippleDirective, MXButtonBaseComponent, } from '@acorex/cdk/common';\nimport { AXLoadingComponent } from '@acorex/components/loading';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, ViewEncapsulation, computed, contentChild, input, model, } from '@angular/core';\nimport { AXButtonItemComponent } from './button-item.component';\nimport as i0 from \"@angular/core\";\nimport * as i1 from \"@acorex/core/translation\";\nimport * as i2 from \"@angular/common\";\n/*\n The Button is a component which detects user interaction and triggers a corresponding event\n \n @category Components\n /\nexport class AXButtonComponent extends MXButtonBaseComponent {\n constructor() {\n super(...arguments);\n this.iconOnly = input(false, ...(ngDevMode ? [{ debugName: \"iconOnly\" }] : []));\n this.showIcon = computed(() => {\n return !this.hasLoadingIcon();\n }, ...(ngDevMode ? [{ debugName: \"showIcon\" }] : []));\n this.loadingIcon = contentChild(AXLoadingComponent, ...(ngDevMode ? [{ debugName: \"loadingIcon\" }] : []));\n this.hasLoadingIcon = computed(() => this.loadingIcon() != null, ...(ngDevMode ? [{ debugName: \"hasLoadingIcon\" }] : []));\n /\n Fires each time the user clicks the button.\n * @event\n /\n this.onClick = new EventEmitter();\n /\n Specifies the type of button to be used in the action sheet.\n \n @defaultValue 'button'\n /\n this.type = input('button', ...(ngDevMode ? [{ debugName: \"type\" }] : []));\n /\n Defines the text displayed while the action sheet is loading.\n \n @defaultValue null\n /\n this.loadingText = model(null, ...(ngDevMode ? [{ debugName: \"loadingText\" }] : []));\n }\n /\n @ignore\n /\n ngAfterViewInit() {\n // import(\"@acorex/styles/button/solid\")\n this.getHostElement().removeAttribute('tabindex');\n }\n /\n @ignore\n /\n getButton() {\n return this.getHostElement().firstElementChild;\n }\n /\n @ignore\n /\n _handleClick(e) {\n if (this.disabled) {\n e.preventDefault();\n return;\n }\n if (this.toggleable) {\n this.selected = !this.selected;\n }\n this.onClick.emit({\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n });\n // TODO: check keyboard event\n setTimeout(() => {\n this.blur();\n });\n }\n /\n Triggers a click event on the button element.\n /\n click() {\n this.getButton()?.click();\n }\n /\n @ignore\n /\n get __hostClass() {\n const list = Object.entries(this.cssClasses)\n .filter((c) => c[1])\n .map((c) => c[0]);\n if (this.iconOnly()) {\n list.push('ax-button-icon');\n }\n return list;\n }\n /\n Sets focus on the button element and adds a focus style class.\n \n /\n focus() {\n this.getButton()?.focus();\n this.getButton().classList.add('ax-state-focus');\n }\n /*\n Removes the focus style class from the button element\n * when the button loses focus.\n /\n blur() {\n this.getButton().classList.remove('ax-state-focus');\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.1.8\", type: AXButtonComponent, isStandalone: true, selector: \"ax-button\", inputs: { disabled: { classPropertyName: \"disabled\", publicName: \"disabled\", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: \"size\", publicName: \"size\", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: \"tabIndex\", publicName: \"tabIndex\", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: \"color\", publicName: \"color\", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: \"look\", publicName: \"look\", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: \"text\", publicName: \"text\", isSignal: false, isRequired: false, transformFunction: null }, toggleable: { classPropertyName: \"toggleable\", publicName: \"toggleable\", isSignal: false, isRequired: false, transformFunction: null }, selected: { classPropertyName: \"selected\", publicName: \"selected\", isSignal: false, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: \"iconOnly\", publicName: \"iconOnly\", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: \"type\", publicName: \"type\", isSignal: true, isRequired: false, transformFunction: null }, loadingText: { classPropertyName: \"loadingText\", publicName: \"loadingText\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onBlur: \"onBlur\", onFocus: \"onFocus\", onClick: \"onClick\", selectedChange: \"selectedChange\", toggleableChange: \"toggleableChange\", lookChange: \"lookChange\", colorChange: \"colorChange\", disabledChange: \"disabledChange\", loadingText: \"loadingTextChange\" }, host: { properties: { \"class\": \"this.__hostClass\" } }, providers: [\n { provide: AXComponent, useExisting: AXButtonComponent },\n { provide: AXButtonItemComponent, useExisting: AXButtonComponent },\n { provide: AXFocusableComponent, useExisting: AXButtonComponent },\n ], queries: [{ propertyName: \"loadingIcon\", first: true, predicate: AXLoadingComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: \"<button\\n [axRipple]\\n [disabled]=\\\"disabled\\\"\\n [attr.tabindex]=\\\"tabIndex\\\"\\n (focus)=\\\"emitOnFocusEvent($event)\\\"\\n (blur)=\\\"emitOnBlurEvent($event)\\\"\\n (click)=\\\"_handleClick($event)\\\"\\n [attr.type]=\\\"type()\\\"\\n>\\n <ng-content select=\\\"ax-loading, ax-loading-spinner\\\"> </ng-content>\\n\\n @if (showIcon()) {\\n <ng-content select=\\\"ax-prefix, ax-icon\\\"> </ng-content>\\n }\\n\\n <ng-content select=\\\"ax-content\\\"> </ng-content>\\n\\n @if (text && !loadingText() && !iconOnly()) {\\n <span class=\\\"ax-button-text\\\">{{ text \| translate \| async }}</span>\\n }\\n\\n @if (loadingText()) {\\n <span class=\\\"ax-button-text\\\">{{ loadingText() }}</span>\\n }\\n\\n <ng-content select=\\\"ax-suffix\\\"> </ng-content>\\n <ng-content select=\\\"ax-dropdown-panel\\\"> </ng-content>\\n <ng-content select=\\\".tab-content\\\"> </ng-content>\\n\\n <ng-content></ng-content>\\n</button>\\n\", styles: [\"ax-button{--ax-comp-button-padding-y: 0;--ax-comp-button-border-radius: var(--ax-sys-border-radius);--ax-comp-button-height: calc(var(--ax-sys-size-base) var(--ax-comp-button-size-ratio, 1));--ax-comp-button-text-padding-x: .5rem}ax-button ax-prefix{display:flex;padding-inline-start:var(--ax-comp-button-decorator-padding-x)}ax-button ax-suffix{display:flex;padding-inline-end:var(--ax-comp-button-decorator-padding-x)}ax-button.ax-button-icon{--ax-comp-button-decorator-padding-x: 0 !important;font-size:var(--ax-comp-button-icon-only-font-size)}.ax-xs ax-button,ax-button.ax-xs{--ax-comp-button-font-size: .75rem;--ax-comp-button-padding-x: .25rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: .875rem}.ax-sm ax-button,ax-button.ax-sm{--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: .5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1rem}.ax-md ax-button,ax-button{--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: 1rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: 1.25rem}.ax-lg ax-button,ax-button.ax-lg{--ax-comp-button-font-size: 1.125rem;--ax-comp-button-padding-x: 1.125rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.5rem}.ax-xl ax-button,ax-button.ax-xl{--ax-comp-button-font-size: 1.5rem;--ax-comp-button-padding-x: 1.5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.75rem}ax-button.ax-solid{--ax-comp-button-border-width: 1px}ax-button.ax-solid>button:focus-visible,ax-button.ax-solid>button.ax-state-focus{outline:2px solid;outline-offset:3px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-solid.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-darkest-surface)}ax-button.ax-solid.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-darkest-surface)}ax-button.ax-solid.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-darkest-surface)}ax-button.ax-solid.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-darkest-surface)}ax-button.ax-solid.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-darkest-surface)}ax-button.ax-solid.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-darkest-surface)}ax-button.ax-solid.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-darkest-surface)}ax-button.ax-solid.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-darkest-surface)}ax-button.ax-solid.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-darkest-surface)}ax-button.ax-solid.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-darkest-surface)}ax-button.ax-solid.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accnt6-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accnt6-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accnt6-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accnt6-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accnt6-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accnt6-darkest-surface)}ax-button.ax-solid.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-darkest-surface)}ax-button.ax-solid.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-solid.ax-default{--ax-comp-button-normal-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-outline.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-outline.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-outline{--ax-comp-button-border-width: 1px;--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-hover-bg-color: transparent;--ax-comp-button-pressed-bg-color: transparent;--ax-comp-button-focused-bg-color: transparent}ax-button.ax-outline>button:focus-visible,ax-button.ax-outline>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-outline.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-surface)}ax-button.ax-outline.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-outline.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-surface)}ax-button.ax-outline.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-surface)}ax-button.ax-outline.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-surface)}ax-button.ax-outline.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-outline.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-outline.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-outline.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-outline.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-outline.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accnt6-surface)}ax-button.ax-outline.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-twotone.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-light-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-darker-surface)}.ax-dark ax-button.ax-twotone.ax-default{--ax-comp-button-normal-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-lighter-surface)}ax-button.ax-twotone{--ax-comp-button-border-width: 1px}ax-button.ax-twotone>button:focus-visible,ax-button.ax-twotone>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-twotone.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-surface)}ax-button.ax-twotone.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-twotone.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-surface)}ax-button.ax-twotone.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-surface)}ax-button.ax-twotone.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-surface)}ax-button.ax-twotone.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-twotone.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-twotone.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-twotone.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-twotone.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-twotone.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accnt6-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accnt6-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accnt6-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accnt6-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accnt6-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accnt6-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accnt6-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accnt6-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accnt6-surface)}ax-button.ax-twotone.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-blank.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-blank.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-blank{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-normal-border-color: transparent;--ax-comp-button-border-width: 0px}ax-button.ax-blank>button:focus-visible,ax-button.ax-blank>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-blank.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface)}ax-button.ax-blank.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-blank.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface)}ax-button.ax-blank.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface)}ax-button.ax-blank.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface)}ax-button.ax-blank.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-blank.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-blank.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-blank.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-blank.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-blank.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accnt6-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accnt6-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accnt6-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accnt6-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accnt6-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface)}ax-button.ax-blank.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-link.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-link.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-link{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-normal-border-color: transparent;--ax-comp-button-border-width: 0px}ax-button.ax-link>button:focus-visible,ax-button.ax-link>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-link.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface)}ax-button.ax-link.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface)}ax-button.ax-link.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface)}ax-button.ax-link.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface)}ax-button.ax-link.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface)}ax-button.ax-link.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface)}ax-button.ax-link.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface)}ax-button.ax-link.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface)}ax-button.ax-link.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface)}ax-button.ax-link.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface)}ax-button.ax-link.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accnt6-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface)}ax-button.ax-link.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface)}ax-button-item.ax-primary{--ax-comp-button-item-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-primary-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-primary-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-primary-surface)}ax-button-item.ax-secondary{--ax-comp-button-item-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-secondary-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-secondary-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-secondary-surface)}ax-button-item.ax-success{--ax-comp-button-item-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-success-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-success-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-success-surface)}ax-button-item.ax-warning{--ax-comp-button-item-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-warning-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-warning-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-warning-surface)}ax-button-item.ax-danger{--ax-comp-button-item-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-danger-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-danger-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-danger-surface)}ax-button-item.ax-accent1{--ax-comp-button-item-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent1-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent1-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent1-surface)}ax-button-item.ax-accent2{--ax-comp-button-item-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent2-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent2-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent2-surface)}ax-button-item.ax-accent3{--ax-comp-button-item-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent3-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent3-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent3-surface)}ax-button-item.ax-accent4{--ax-comp-button-item-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent4-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent4-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent4-surface)}ax-button-item.ax-accent5{--ax-comp-button-item-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent5-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent5-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent5-surface)}ax-button-item.ax-accnt6{--ax-comp-button-item-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accnt6-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accnt6-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accnt6-surface)}ax-button-item.ax-accent7{--ax-comp-button-item-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent7-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent7-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent7-surface)}ax-button{position:relative;display:inline-flex;cursor:pointer;align-items:center;justify-content:center;transition-property:background-color,border-color,color;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);color:rgba(var(--ax-comp-button-normal-text-color));background-color:rgba(var(--ax-comp-button-normal-bg-color));border-color:rgba(var(--ax-comp-button-normal-border-color));border-width:var(--ax-comp-button-border-width, 0px);font-family:var(--ax-comp-button-font-family);font-size:var(--ax-comp-button-font-size);font-weight:var(--ax-comp-button-font-weight);border-radius:var(--ax-comp-button-border-radius);height:var(--ax-comp-button-height);line-height:var(--ax-comp-button-height)}ax-button>button{position:relative;display:inline-flex;height:100%;width:100%;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit;outline-color:transparent;-webkit-user-select:none;user-select:none;padding:var(--ax-comp-button-padding-y) var(--ax-comp-button-padding-x)}ax-button>button .ax-button-text{white-space:nowrap;padding:0 var(--ax-comp-button-text-padding-x);font-weight:500}ax-button:hover:not(ax-button:hover.ax-state-disabled,ax-button:hover.ax-state-loading,ax-button:hover.ax-state-selected){color:rgba(var(--ax-comp-button-hover-text-color));background-color:rgba(var(--ax-comp-button-hover-bg-color));border-color:rgba(var(--ax-comp-button-hover-border-color))}ax-button:active:not(ax-button:active.ax-state-disabled,ax-button:active.ax-state-loading,ax-button:active.ax-state-selected){color:rgba(var(--ax-comp-button-pressed-text-color));background-color:rgba(var(--ax-comp-button-pressed-bg-color));border-color:rgba(var(--ax-comp-button-pressed-border-color))}ax-button.ax-state-disabled,ax-button.ax-state-loading{opacity:.5}ax-button.ax-state-disabled>button,ax-button.ax-state-loading>button{cursor:not-allowed}ax-button.ax-button-icon{height:var(--ax-comp-button-height);width:var(--ax-comp-button-height)}ax-button.ax-state-selected{color:rgba(var(--ax-comp-button-selected-text-color));background-color:rgba(var(--ax-comp-button-selected-bg-color));border-color:rgba(var(--ax-comp-button-selected-border-color))}\\n\"], dependencies: [{ kind: \"directive\", type: AXRippleDirective, selector: \"[axRipple]\", inputs: [\"axRipple\", \"axRippleColor\"] }, { kind: \"ngmodule\", type: AXTranslationModule }, { kind: \"ngmodule\", type: CommonModule }, { kind: \"pipe\", type: i1.AXTranslatorPipe, name: \"translate\" }, { kind: \"pipe\", type: i2.AsyncPipe, name: \"async\" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXButtonComponent, decorators: [{\n type: Component,\n args: [{ selector: 'ax-button', inputs: ['disabled', 'size', 'tabIndex', 'color', 'look', 'text', 'toggleable', 'selected'], outputs: [\n 'onBlur',\n 'onFocus',\n 'onClick',\n 'selectedChange',\n 'toggleableChange',\n 'lookChange',\n 'colorChange',\n 'disabledChange',\n ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [\n { provide: AXComponent, useExisting: AXButtonComponent },\n { provide: AXButtonItemComponent, useExisting: AXButtonComponent },\n { provide: AXFocusableComponent, useExisting: AXButtonComponent },\n ], imports: [AXRippleDirective, AXTranslationModule, CommonModule], template: \"<button\\n [axRipple]\\n [disabled]=\\\"disabled\\\"\\n [attr.tabindex]=\\\"tabIndex\\\"\\n (focus)=\\\"emitOnFocusEvent($event)\\\"\\n (blur)=\\\"emitOnBlurEvent($event)\\\"\\n (click)=\\\"_handleClick($event)\\\"\\n [attr.type]=\\\"type()\\\"\\n>\\n <ng-content select=\\\"ax-loading, ax-loading-spinner\\\"> </ng-content>\\n\\n @if (showIcon()) {\\n <ng-content select=\\\"ax-prefix, ax-icon\\\"> </ng-content>\\n }\\n\\n <ng-content select=\\\"ax-content\\\"> </ng-content>\\n\\n @if (text && !loadingText() && !iconOnly()) {\\n <span class=\\\"ax-button-text\\\">{{ text \| translate \| async }}</span>\\n }\\n\\n @if (loadingText()) {\\n <span class=\\\"ax-button-text\\\">{{ loadingText() }}</span>\\n }\\n\\n <ng-content select=\\\"ax-suffix\\\"> </ng-content>\\n <ng-content select=\\\"ax-dropdown-panel\\\"> </ng-content>\\n <ng-content select=\\\".tab-content\\\"> </ng-content>\\n\\n <ng-content></ng-content>\\n</button>\\n\", styles: [\"ax-button{--ax-comp-button-padding-y: 0;--ax-comp-button-border-radius: var(--ax-sys-border-radius);--ax-comp-button-height: calc(var(--ax-sys-size-base) * var(--ax-comp-button-size-ratio, 1));--ax-comp-button-text-padding-x: .5rem}ax-button ax-prefix{display:flex;padding-inline-start:var(--ax-comp-button-decorator-padding-x)}ax-button ax-suffix{display:flex;padding-inline-end:var(--ax-comp-button-decorator-padding-x)}ax-button.ax-button-icon{--ax-comp-button-decorator-padding-x: 0 !important;font-size:var(--ax-comp-button-icon-only-font-size)}.ax-xs ax-button,ax-button.ax-xs{--ax-comp-button-font-size: .75rem;--ax-comp-button-padding-x: .25rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: .875rem}.ax-sm ax-button,ax-button.ax-sm{--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: .5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1rem}.ax-md ax-button,ax-button{--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: 1rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: 1.25rem}.ax-lg ax-button,ax-button.ax-lg{--ax-comp-button-font-size: 1.125rem;--ax-comp-button-padding-x: 1.125rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.5rem}.ax-xl ax-button,ax-button.ax-xl{--ax-comp-button-font-size: 1.5rem;--ax-comp-button-padding-x: 1.5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.75rem}ax-button.ax-solid{--ax-comp-button-border-width: 1px}ax-button.ax-solid>button:focus-visible,ax-button.ax-solid>button.ax-state-focus{outline:2px solid;outline-offset:3px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-solid.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-darkest-surface)}ax-button.ax-solid.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-darkest-surface)}ax-button.ax-solid.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-darkest-surface)}ax-button.ax-solid.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-darkest-surface)}ax-button.ax-solid.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-darkest-surface)}ax-button.ax-solid.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-darkest-surface)}ax-button.ax-solid.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-darkest-surface)}ax-button.ax-solid.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-darkest-surface)}ax-button.ax-solid.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-darkest-surface)}ax-button.ax-solid.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-darkest-surface)}ax-button.ax-solid.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accnt6-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accnt6-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accnt6-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accnt6-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accnt6-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accnt6-darkest-surface)}ax-button.ax-solid.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-darkest-surface)}ax-button.ax-solid.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-solid.ax-default{--ax-comp-button-normal-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-outline.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-outline.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-outline{--ax-comp-button-border-width: 1px;--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-hover-bg-color: transparent;--ax-comp-button-pressed-bg-color: transparent;--ax-comp-button-focused-bg-color: transparent}ax-button.ax-outline>button:focus-visible,ax-button.ax-outline>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-outline.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-surface)}ax-button.ax-outline.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-outline.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-surface)}ax-button.ax-outline.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-surface)}ax-button.ax-outline.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-surface)}ax-button.ax-outline.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-outline.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-outline.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-outline.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-outline.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-outline.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accnt6-surface)}ax-button.ax-outline.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-twotone.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-light-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-darker-surface)}.ax-dark ax-button.ax-twotone.ax-default{--ax-comp-button-normal-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-lighter-surface)}ax-button.ax-twotone{--ax-comp-button-border-width: 1px}ax-button.ax-twotone>button:focus-visible,ax-button.ax-twotone>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-twotone.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-surface)}ax-button.ax-twotone.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-twotone.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-surface)}ax-button.ax-twotone.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-surface)}ax-button.ax-twotone.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-surface)}ax-button.ax-twotone.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-twotone.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-twotone.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-twotone.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-twotone.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-twotone.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accnt6-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accnt6-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accnt6-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accnt6-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accnt6-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accnt6-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accnt6-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accnt6-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accnt6-surface)}ax-button.ax-twotone.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-blank.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-blank.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-blank{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-normal-border-color: transparent;--ax-comp-button-border-width: 0px}ax-button.ax-blank>button:focus-visible,ax-button.ax-blank>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-blank.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface)}ax-button.ax-blank.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-blank.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface)}ax-button.ax-blank.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface)}ax-button.ax-blank.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface)}ax-button.ax-blank.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-blank.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-blank.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-blank.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-blank.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-blank.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accnt6-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accnt6-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accnt6-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accnt6-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accnt6-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accnt6-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface)}ax-button.ax-blank.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-link.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-link.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-link{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-normal-border-color: transparent;--ax-comp-button-border-width: 0px}ax-button.ax-link>button:focus-visible,ax-button.ax-link>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-link.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface)}ax-button.ax-link.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface)}ax-button.ax-link.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface)}ax-button.ax-link.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface)}ax-button.ax-link.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface)}ax-button.ax-link.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface)}ax-button.ax-link.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface)}ax-button.ax-link.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface)}ax-button.ax-link.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface)}ax-button.ax-link.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface)}ax-button.ax-link.ax-accnt6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accnt6-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accnt6-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accnt6-surface)}ax-button.ax-link.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface)}ax-button-item.ax-primary{--ax-comp-button-item-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-primary-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-primary-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-primary-surface)}ax-button-item.ax-secondary{--ax-comp-button-item-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-secondary-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-secondary-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-secondary-surface)}ax-button-item.ax-success{--ax-comp-button-item-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-success-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-success-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-success-surface)}ax-button-item.ax-warning{--ax-comp-button-item-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-warning-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-warning-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-warning-surface)}ax-button-item.ax-danger{--ax-comp-button-item-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-danger-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-danger-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-danger-surface)}ax-button-item.ax-accent1{--ax-comp-button-item-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent1-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent1-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent1-surface)}ax-button-item.ax-accent2{--ax-comp-button-item-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent2-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent2-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent2-surface)}ax-button-item.ax-accent3{--ax-comp-button-item-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent3-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent3-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent3-surface)}ax-button-item.ax-accent4{--ax-comp-button-item-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent4-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent4-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent4-surface)}ax-button-item.ax-accent5{--ax-comp-button-item-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent5-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent5-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent5-surface)}ax-button-item.ax-accnt6{--ax-comp-button-item-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accnt6-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accnt6-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accnt6-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accnt6-surface)}ax-button-item.ax-accent7{--ax-comp-button-item-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent7-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent7-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent7-surface)}ax-button{position:relative;display:inline-flex;cursor:pointer;align-items:center;justify-content:center;transition-property:background-color,border-color,color;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);color:rgba(var(--ax-comp-button-normal-text-color));background-color:rgba(var(--ax-comp-button-normal-bg-color));border-color:rgba(var(--ax-comp-button-normal-border-color));border-width:var(--ax-comp-button-border-width, 0px);font-family:var(--ax-comp-button-font-family);font-size:var(--ax-comp-button-font-size);font-weight:var(--ax-comp-button-font-weight);border-radius:var(--ax-comp-button-border-radius);height:var(--ax-comp-button-height);line-height:var(--ax-comp-button-height)}ax-button>button{position:relative;display:inline-flex;height:100%;width:100%;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit;outline-color:transparent;-webkit-user-select:none;user-select:none;padding:var(--ax-comp-button-padding-y) var(--ax-comp-button-padding-x)}ax-button>button .ax-button-text{white-space:nowrap;padding:0 var(--ax-comp-button-text-padding-x);font-weight:500}ax-button:hover:not(ax-button:hover.ax-state-disabled,ax-button:hover.ax-state-loading,ax-button:hover.ax-state-selected){color:rgba(var(--ax-comp-button-hover-text-color));background-color:rgba(var(--ax-comp-button-hover-bg-color));border-color:rgba(var(--ax-comp-button-hover-border-color))}ax-button:active:not(ax-button:active.ax-state-disabled,ax-button:active.ax-state-loading,ax-button:active.ax-state-selected){color:rgba(var(--ax-comp-button-pressed-text-color));background-color:rgba(var(--ax-comp-button-pressed-bg-color));border-color:rgba(var(--ax-comp-button-pressed-border-color))}ax-button.ax-state-disabled,ax-button.ax-state-loading{opacity:.5}ax-button.ax-state-disabled>button,ax-button.ax-state-loading>button{cursor:not-allowed}ax-button.ax-button-icon{height:var(--ax-comp-button-height);width:var(--ax-comp-button-height)}ax-button.ax-state-selected{color:rgba(var(--ax-comp-button-selected-text-color));background-color:rgba(var(--ax-comp-button-selected-bg-color));border-color:rgba(var(--ax-comp-button-selected-border-color))}\\n\"] }]\n }], propDecorators: { __hostClass: [{\n type: HostBinding,\n args: ['class']\n }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvYnV0dG9uL3NyYy9saWIvYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvYnV0dG9uL3NyYy9saWIvYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxXQUFXLEVBQ1gsb0JBQW9CLEVBQ3BCLGlCQUFpQixFQUNqQixxQkFBcUIsR0FDdEIsTUFBTSxvQkFBb0IsQ0FBQztBQUM1QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLFdBQVcsRUFDWCxpQkFBaUIsRUFDakIsUUFBUSxFQUNSLFlBQVksRUFDWixLQUFLLEVBQ0wsS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7O0FBRWhFOzs7O0dBSUc7QUF5QkgsTUFBTSxPQUFPLGlCQUFrQixTQUFRLHFCQUFxQjtJQXhCNUQ7O1FBeUJFLGFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxvREFBQyxDQUFDO1FBRWQsYUFBUSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDakMsT0FBTyxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUNoQyxDQUFDLG9EQUFDLENBQUM7UUFDTyxnQkFBVyxHQUFHLFlBQVksQ0FBQyxrQkFBa0IsdURBQUMsQ0FBQztRQUMvQyxtQkFBYyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLElBQUksSUFBSSwwREFBQyxDQUFDO1FBRXRFOzs7V0FHRztRQUNILFlBQU8sR0FBK0IsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFFdkU7Ozs7V0FJRztRQUNILFNBQUksR0FBRyxLQUFLLENBQWUsUUFBUSxnREFBQyxDQUFDO1FBRXJDOzs7O1dBSUc7UUFDSCxnQkFBVyxHQUFHLEtBQUssQ0FBZ0IsSUFBSSx1REFBQyxDQUFDO0tBNEUxQztJQTFFQzs7T0FFRztJQUNILGVBQWU7UUFDYix3Q0FBd0M7UUFDeEMsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDLGVBQWUsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNwRCxDQUFDO0lBRUQ7O09BRUc7SUFDSyxTQUFTO1FBQ2YsT0FBTyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUMsaUJBQXNDLENBQUM7SUFDdEUsQ0FBQztJQUVEOztPQUVHO0lBQ0gsWUFBWSxDQUFDLENBQWE7UUFDeEIsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDbEIsQ0FBQyxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ25CLE9BQU87UUFDVCxDQUFDO1FBQ0QsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDcEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDakMsQ0FBQztRQUNELElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO1lBQ2hCLFNBQVMsRUFBRSxJQUFJO1lBQ2YsV0FBVyxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDbEMsV0FBVyxFQUFFLENBQUM7U0FDZixDQUFDLENBQUM7UUFFSCw2QkFBNkI7UUFDN0IsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNkLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVEOztPQUVHO0lBQ0gsS0FBSztRQUNILElBQUksQ0FBQyxTQUFTLEVBQUUsRUFBRSxLQUFLLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUNZLFdBQVc7UUFDckIsTUFBTSxJQUFJLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO2FBQ3pDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQ25CLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDcEIsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQztZQUNwQixJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDOUIsQ0FBQztRQUNELE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUVEOzs7T0FHRztJQUNNLEtBQUs7UUFDWixJQUFJLENBQUMsU0FBUyxFQUFFLEVBQUUsS0FBSyxFQUFFLENBQUM7UUFDMUIsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUNuRCxDQUFDO0lBQ0Q7OztPQUdHO0lBQ00sSUFBSTtRQUNYLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDdEQsQ0FBQzs4R0F0R1UsaUJBQWlCO2tHQUFqQixpQkFBaUIsNnVEQVBqQjtZQUNULEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUU7WUFDeEQsRUFBRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFO1lBQ2xFLEVBQUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRTtTQUNsRSxtRUFTb0Msa0JBQWtCLHVGQzVEekQsNjJCQStCQSxzK2tGRHFCWSxpQkFBaUIsNkZBQUUsbUJBQW1CLDhCQUFFLFlBQVk7OzJGQUVuRCxpQkFBaUI7a0JBeEI3QixTQUFTOytCQUNFLFdBQVcsVUFHYixDQUFDLFVBQVUsRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxVQUFVLENBQUMsV0FDbEY7d0JBQ1AsUUFBUTt3QkFDUixTQUFTO3dCQUNULFNBQVM7d0JBQ1QsZ0JBQWdCO3dCQUNoQixrQkFBa0I7d0JBQ2xCLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixnQkFBZ0I7cUJBQ2pCLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLGFBQzFCO3dCQUNULEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLG1CQUFtQixFQUFFO3dCQUN4RCxFQUFFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxXQUFXLG1CQUFtQixFQUFFO3dCQUNsRSxFQUFFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxXQUFXLG1CQUFtQixFQUFFO3FCQUNsRSxXQUNRLENBQUMsaUJBQWlCLEVBQUUsbUJBQW1CLEVBQUUsWUFBWSxDQUFDOzhCQWdGbkQsV0FBVztzQkFEdEIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQVhDbGlja0V2ZW50LFxuICBBWENvbXBvbmVudCxcbiAgQVhGb2N1c2FibGVDb21wb25lbnQsXG4gIEFYUmlwcGxlRGlyZWN0aXZlLFxuICBNWEJ1dHRvbkJhc2VDb21wb25lbnQsXG59IGZyb20gJ0BhY29yZXgvY2RrL2NvbW1vbic7XG5pbXBvcnQgeyBBWExvYWRpbmdDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbG9hZGluZyc7XG5pbXBvcnQgeyBBWFRyYW5zbGF0aW9uTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb3JlL3RyYW5zbGF0aW9uJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgY29tcHV0ZWQsXG4gIGNvbnRlbnRDaGlsZCxcbiAgaW5wdXQsXG4gIG1vZGVsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYQnV0dG9uVHlwZSB9IGZyb20gJy4vYnV0dG9uLWl0ZW0uY2xhc3MnO1xuaW1wb3J0IHsgQVhCdXR0b25JdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9idXR0b24taXRlbS5jb21wb25lbnQnO1xuXG4vKipcbiAqIFRoZSBCdXR0b24gaXMgYSBjb21wb25lbnQgd2hpY2ggZGV0ZWN0cyB1c2VyIGludGVyYWN0aW9uIGFuZCB0cmlnZ2VycyBhIGNvcnJlc3BvbmRpbmcgZXZlbnRcbiAqXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGlucHV0czogWydkaXNhYmxlZCcsICdzaXplJywgJ3RhYkluZGV4JywgJ2NvbG9yJywgJ2xvb2snLCAndGV4dCcsICd0b2dnbGVhYmxlJywgJ3NlbGVjdGVkJ10sXG4gIG91dHB1dHM6IFtcbiAgICAnb25CbHVyJyxcbiAgICAnb25Gb2N1cycsXG4gICAgJ29uQ2xpY2snLFxuICAgICdzZWxlY3RlZENoYW5nZScsXG4gICAgJ3RvZ2dsZWFibGVDaGFuZ2UnLFxuICAgICdsb29rQ2hhbmdlJyxcbiAgICAnY29sb3JDaGFuZ2UnLFxuICAgICdkaXNhYmxlZENoYW5nZScsXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBwcm92aWRlcnM6IFtcbiAgICB7IHByb3ZpZGU6IEFYQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhCdXR0b25Db21wb25lbnQgfSxcbiAgICB7IHByb3ZpZGU6IEFYQnV0dG9uSXRlbUNvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYQnV0dG9uQ29tcG9uZW50IH0sXG4gICAgeyBwcm92aWRlOiBBWEZvY3VzYWJsZUNvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYQnV0dG9uQ29tcG9uZW50IH0sXG4gIF0sXG4gIGltcG9ydHM6IFtBWFJpcHBsZURpcmVjdGl2ZSwgQVhUcmFuc2xhdGlvbk1vZHVsZSwgQ29tbW9uTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhCdXR0b25Db21wb25lbnQgZXh0ZW5kcyBNWEJ1dHRvbkJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgaWNvbk9ubHkgPSBpbnB1dChmYWxzZSk7XG5cbiAgcHJvdGVjdGVkIHNob3dJY29uID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIHJldHVybiAhdGhpcy5oYXNMb2FkaW5nSWNvbigpO1xuICB9KTtcbiAgcHJvdGVjdGVkIGxvYWRpbmdJY29uID0gY29udGVudENoaWxkKEFYTG9hZGluZ0NvbXBvbmVudCk7XG4gIHByb3RlY3RlZCBoYXNMb2FkaW5nSWNvbiA9IGNvbXB1dGVkKCgpID0+IHRoaXMubG9hZGluZ0ljb24oKSAhPSBudWxsKTtcblxuICAvKipcbiAgICogIEZpcmVzIGVhY2ggdGltZSB0aGUgdXNlciBjbGlja3MgdGhlIGJ1dHRvbi5cbiAgICogIEBldmVudFxuICAgKi9cbiAgb25DbGljazogRXZlbnRFbWl0dGVyPEFYQ2xpY2tFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEFYQ2xpY2tFdmVudD4oKTtcblxuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSB0eXBlIG9mIGJ1dHRvbiB0byBiZSB1c2VkIGluIHRoZSBhY3Rpb24gc2hlZXQuXG4gICAqXG4gICAqIEBkZWZhdWx0VmFsdWUgJ2J1dHRvbidcbiAgICovXG4gIHR5cGUgPSBpbnB1dDxBWEJ1dHRvblR5cGU+KCdidXR0b24nKTtcblxuICAvKipcbiAgICogRGVmaW5lcyB0aGUgdGV4dCBkaXNwbGF5ZWQgd2hpbGUgdGhlIGFjdGlvbiBzaGVldCBpcyBsb2FkaW5nLlxuICAgKlxuICAgKiBAZGVmYXVsdFZhbHVlIG51bGxcbiAgICovXG4gIGxvYWRpbmdUZXh0ID0gbW9kZWw8c3RyaW5nIHwgbnVsbD4obnVsbCk7XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgLy8gaW1wb3J0KFwiQGFjb3JleC9zdHlsZXMvYnV0dG9uL3NvbGlkXCIpXG4gICAgdGhpcy5nZXRIb3N0RWxlbWVudCgpLnJlbW92ZUF0dHJpYnV0ZSgndGFiaW5kZXgnKTtcbiAgfVxuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgcHJpdmF0ZSBnZXRCdXR0b24oKTogSFRNTEJ1dHRvbkVsZW1lbnQge1xuICAgIHJldHVybiB0aGlzLmdldEhvc3RFbGVtZW50KCkuZmlyc3RFbGVtZW50Q2hpbGQgYXMgSFRNTEJ1dHRvbkVsZW1lbnQ7XG4gIH1cblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIF9oYW5kbGVDbGljayhlOiBNb3VzZUV2ZW50KSB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgaWYgKHRoaXMudG9nZ2xlYWJsZSkge1xuICAgICAgdGhpcy5zZWxlY3RlZCA9ICF0aGlzLnNlbGVjdGVkO1xuICAgIH1cbiAgICB0aGlzLm9uQ2xpY2suZW1pdCh7XG4gICAgICBjb21wb25lbnQ6IHRoaXMsXG4gICAgICBodG1sRWxlbWVudDogdGhpcy5nZXRIb3N0RWxlbWVudCgpLFxuICAgICAgbmF0aXZlRXZlbnQ6IGUsXG4gICAgfSk7XG5cbiAgICAvLyBUT0RPOiBjaGVjayBrZXlib2FyZCBldmVudFxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5ibHVyKCk7XG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogVHJpZ2dlcnMgYSBjbGljayBldmVudCBvbiB0aGUgYnV0dG9uIGVsZW1lbnQuXG4gICAqL1xuICBjbGljaygpIHtcbiAgICB0aGlzLmdldEJ1dHRvbigpPy5jbGljaygpO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgX19ob3N0Q2xhc3MoKTogc3RyaW5nW10ge1xuICAgIGNvbnN0IGxpc3QgPSBPYmplY3QuZW50cmllcyh0aGlzLmNzc0NsYXNzZXMpXG4gICAgICAuZmlsdGVyKChjKSA9PiBjWzFdKVxuICAgICAgLm1hcCgoYykgPT4gY1swXSk7XG4gICAgaWYgKHRoaXMuaWNvbk9ubHkoKSkge1xuICAgICAgbGlzdC5wdXNoKCdheC1idXR0b24taWNvbicpO1xuICAgIH1cbiAgICByZXR1cm4gbGlzdDtcbiAgfVxuXG4gIC8qKlxuICAgKiBTZXRzIGZvY3VzIG9uIHRoZSBidXR0b24gZWxlbWVudCBhbmQgYWRkcyBhIGZvY3VzIHN0eWxlIGNsYXNzLlxuICAgKlxuICAgKi9cbiAgb3ZlcnJpZGUgZm9jdXMoKSB7XG4gICAgdGhpcy5nZXRCdXR0b24oKT8uZm9jdXMoKTtcbiAgICB0aGlzLmdldEJ1dHRvbigpLmNsYXNzTGlzdC5hZGQoJ2F4LXN0YXRlLWZvY3VzJyk7XG4gIH1cbiAgLyoqXG4gICAqIFJlbW92ZXMgdGhlIGZvY3VzIHN0eWxlIGNsYXNzIGZyb20gdGhlIGJ1dHRvbiBlbGVtZW50XG4gICAqIHdoZW4gdGhlIGJ1dHRvbiBsb3NlcyBmb2N1cy5cbiAgICovXG4gIG92ZXJyaWRlIGJsdXIoKSB7XG4gICAgdGhpcy5nZXRCdXR0b24oKS5jbGFzc0xpc3QucmVtb3ZlKCdheC1zdGF0ZS1mb2N1cycpO1xuICB9XG59XG4iLCI8YnV0dG9uXG4gIFtheFJpcHBsZV1cbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgW2F0dHIudGFiaW5kZXhdPVwidGFiSW5kZXhcIlxuICAoZm9jdXMpPVwiZW1pdE9uRm9jdXNFdmVudCgkZXZlbnQpXCJcbiAgKGJsdXIpPVwiZW1pdE9uQmx1ckV2ZW50KCRldmVudClcIlxuICAoY2xpY2spPVwiX2hhbmRsZUNsaWNrKCRldmVudClcIlxuICBbYXR0ci50eXBlXT1cInR5cGUoKVwiXG4+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWxvYWRpbmcsIGF4LWxvYWRpbmctc3Bpbm5lclwiPiA8L25nLWNvbnRlbnQ+XG5cbiAgQGlmIChzaG93SWNvbigpKSB7XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtcHJlZml4LCBheC1pY29uXCI+IDwvbmctY29udGVudD5cbiAgfVxuXG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWNvbnRlbnRcIj4gPC9uZy1jb250ZW50PlxuXG4gIEBpZiAodGV4dCAmJiAhbG9hZGluZ1RleHQoKSAmJiAhaWNvbk9ubHkoKSkge1xuICAgIDxzcGFuIGNsYXNzPVwiYXgtYnV0dG9uLXRleHRcIj57eyB0ZXh0IHwgdHJhbnNsYXRlIHwgYXN5bmMgfX08L3NwYW4+XG4gIH1cblxuICBAaWYgKGxvYWRpbmdUZXh0KCkpIHtcbiAgICA8c3BhbiBjbGFzcz1cImF4LWJ1dHRvbi10ZXh0XCI+e3sgbG9hZGluZ1RleHQoKSB9fTwvc3Bhbj5cbiAgfVxuXG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LXN1ZmZpeFwiPiA8L25nLWNvbnRlbnQ+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWRyb3Bkb3duLXBhbmVsXCI+IDwvbmctY29udGVudD5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiLnRhYi1jb250ZW50XCI+IDwvbmctY29udGVudD5cblxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2J1dHRvbj5cbiJdfQ==","import { NgModule } from '@angular/core';\nimport { AXButtonItemListComponent } from './button-item-list.component';\nimport { AXButtonItemComponent } from './button-item.component';\nimport { AXButtonComponent } from './button.component';\nimport * as i0 from \"@angular/core\";\nconst COMPONENT = [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent];\nexport class AXButtonModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.1.8\", ngImport: i0, type: AXButtonModule, imports: [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent], exports: [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXButtonModule, imports: [COMPONENT] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXButtonModule, decorators: [{\n type: NgModule,\n args: [{\n imports: [...COMPONENT],\n exports: [...COMPONENT],\n providers: [],\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvYnV0dG9uL3NyYy9saWIvYnV0dG9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQUV2RCxNQUFNLFNBQVMsR0FBRyxDQUFDLGlCQUFpQixFQUFFLHFCQUFxQixFQUFFLHlCQUF5QixDQUFDLENBQUM7QUFPeEYsTUFBTSxPQUFPLGNBQWM7OEdBQWQsY0FBYzsrR0FBZCxjQUFjLFlBUFIsaUJBQWlCLEVBQUUscUJBQXFCLEVBQUUseUJBQXlCLGFBQW5FLGlCQUFpQixFQUFFLHFCQUFxQixFQUFFLHlCQUF5QjsrR0FPekUsY0FBYyxZQUpaLFNBQVM7OzJGQUlYLGNBQWM7a0JBTDFCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsR0FBRyxTQUFTLENBQUM7b0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLEdBQUcsU0FBUyxDQUFDO29CQUN2QixTQUFTLEVBQUUsRUFBRTtpQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWEJ1dHRvbkl0ZW1MaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9idXR0b24taXRlbS1saXN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBWEJ1dHRvbkl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBWEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vYnV0dG9uLmNvbXBvbmVudCc7XG5cbmNvbnN0IENPTVBPTkVOVCA9IFtBWEJ1dHRvbkNvbXBvbmVudCwgQVhCdXR0b25JdGVtQ29tcG9uZW50LCBBWEJ1dHRvbkl0ZW1MaXN0Q29tcG9uZW50XTtcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogWy4uLkNPTVBPTkVOVF0sXG4gIGV4cG9ydHM6IFsuLi5DT01QT05FTlRdLFxuICBwcm92aWRlcnM6IFtdLFxufSlcbmV4cG9ydCBjbGFzcyBBWEJ1dHRvbk1vZHVsZSB7fVxuIl19","/*\n Generated bundle index. Do not edit.\n /\nexport from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtYnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9idXR0b24vc3JjL2Fjb3JleC1jb21wb25lbnRzLWJ1dHRvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":["i1","i2"],"mappings":"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"}
1	+ {"version":3,"file":"acorex-components-button.mjs","sources":["../tmp-esm2022/button/lib/button-item.component.js","../tmp-esm2022/button/lib/button-item-list.component.js","../tmp-esm2022/button/lib/button.component.js","../tmp-esm2022/button/lib/button.module.js","../tmp-esm2022/button/acorex-components-button.js"],"sourcesContent":["import { AXComponent, MXColorComponent, MXInteractiveComponent, } from '@acorex/cdk/common';\nimport { AXDecoratorGenericComponent } from '@acorex/components/decorators';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, HostListener, Input, Output, ViewEncapsulation, } from '@angular/core';\nimport { classes } from 'polytype';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/common\";\nimport * as i2 from \"@acorex/core/translation\";\n/*\n Represents a button item with optional content like icons, text, and dropdowns.\n \n @category Components\n /\nexport class AXButtonItemComponent extends classes(MXInteractiveComponent, MXColorComponent) {\n constructor() {\n super(...arguments);\n /\n Whether the item is visually separated from other items.\n * @defaultValue false\n /\n this.divided = false;\n /\n Emitted when the button item is clicked.\n * @event\n * The emitted value is an `AXClickEvent` object containing event details.\n /\n this.onClick = new EventEmitter();\n /\n Sets the tabindex attribute for keyboard navigation.\n \n @ignore\n /\n this.tabindex = '0';\n }\n /\n Indicates whether the button item is selected.\n \n @param v - A boolean indicating the selected state.\n * Updates the view when the value changes.\n /\n get selected() {\n return this._selected;\n }\n set selected(v) {\n this._selected = v;\n this.cdr.markForCheck();\n }\n /\n Handles click events on the button item host element.\n * Emits the onClick event if the component is not disabled.\n \n @param e - The mouse event that triggered the click.\n * @ignore\n /\n __hostClick(e) {\n if (!this.disabled) {\n this.onClick.emit({\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n });\n }\n }\n /\n Handles focus events on the button item host element.\n * Emits the onFocus event.\n \n @param e - The focus event that was triggered.\n * @ignore\n /\n __hostFocus(e) {\n this.emitOnFocusEvent(e);\n }\n /\n Handles blur events on the button item host element.\n * Emits the onBlur event.\n \n @param e - The blur event that was triggered.\n * @ignore\n /\n __hostBlur(e) {\n this.emitOnBlurEvent(e);\n }\n /\n Generates the CSS classes for the button item host element.\n * Includes classes for icon-only state, disabled state, selected state, divided state, and color.\n \n @returns string - The space-separated CSS class names.\n * @ignore\n /\n get __hostClass() {\n const cssClasses = {\n 'ax-button-icon': !this.text,\n 'ax-state-disabled': this.disabled,\n 'ax-state-selected': this.selected,\n 'ax-divided': this.divided,\n 'ax-action-item': true,\n };\n cssClasses[`ax-${this.color}`] = true;\n return Object.entries(cssClasses)\n .filter((c) => c[1])\n .map((c) => c[0])\n .join(' ');\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXButtonItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.1.8\", type: AXButtonItemComponent, isStandalone: true, selector: \"ax-button-item\", inputs: { color: \"color\", disabled: \"disabled\", text: \"text\", selected: \"selected\", divided: \"divided\", data: \"data\", name: \"name\" }, outputs: { onClick: \"onClick\", onFocus: \"onFocus\", onBlur: \"onBlur\", disabledChange: \"disabledChange\" }, host: { listeners: { \"click\": \"__hostClick($event)\", \"focus\": \"__hostFocus($event)\", \"blur\": \"__hostBlur($event)\" }, properties: { \"class\": \"this.__hostClass\", \"attr.tabindex\": \"this.tabindex\" } }, providers: [{ provide: AXComponent, useExisting: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: `\n <div class=\"ax-action-item-prefix\">\n <ng-content select=\"ax-prefix\"> </ng-content>\n <ng-content select=\"ax-loading\"> </ng-content>\n <ng-content select=\"ax-icon\"> </ng-content>\n @if (text) {\n <ax-text>{{ text \| translate \| async }}</ax-text>\n }\n </div>\n <div class=\"ax-action-item-suffix\">\n <ng-content select=\"ax-suffix\"> </ng-content>\n </div>\n <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n `, isInline: true, styles: [\"ax-button{--ax-comp-button-padding-y: 0;--ax-comp-button-border-radius: var(--ax-sys-border-radius);--ax-comp-button-height: calc(var(--ax-sys-size-base) var(--ax-comp-button-size-ratio, 1));--ax-comp-button-text-padding-x: .5rem}ax-button ax-prefix{display:flex;padding-inline-start:var(--ax-comp-button-decorator-padding-x)}ax-button ax-suffix{display:flex;padding-inline-end:var(--ax-comp-button-decorator-padding-x)}ax-button.ax-button-icon{--ax-comp-button-decorator-padding-x: 0 !important;font-size:var(--ax-comp-button-icon-only-font-size)}.ax-xs ax-button,ax-button.ax-xs{--ax-comp-button-font-size: .75rem;--ax-comp-button-padding-x: .25rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: .875rem}.ax-sm ax-button,ax-button.ax-sm{--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: .5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1rem}.ax-md ax-button,ax-button{--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: 1rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: 1.25rem}.ax-lg ax-button,ax-button.ax-lg{--ax-comp-button-font-size: 1.125rem;--ax-comp-button-padding-x: 1.125rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.5rem}.ax-xl ax-button,ax-button.ax-xl{--ax-comp-button-font-size: 1.5rem;--ax-comp-button-padding-x: 1.5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.75rem}ax-button.ax-solid{--ax-comp-button-border-width: 1px}ax-button.ax-solid>button:focus-visible,ax-button.ax-solid>button.ax-state-focus{outline:2px solid;outline-offset:3px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-solid.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-darkest-surface)}ax-button.ax-solid.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-darkest-surface)}ax-button.ax-solid.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-darkest-surface)}ax-button.ax-solid.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-darkest-surface)}ax-button.ax-solid.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-darkest-surface)}ax-button.ax-solid.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-darkest-surface)}ax-button.ax-solid.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-darkest-surface)}ax-button.ax-solid.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-darkest-surface)}ax-button.ax-solid.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-darkest-surface)}ax-button.ax-solid.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-darkest-surface)}ax-button.ax-solid.ax-accent6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent6-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent6-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent6-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent6-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent6-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent6-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent6-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent6-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent6-darkest-surface)}ax-button.ax-solid.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-darkest-surface)}ax-button.ax-solid.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-solid.ax-default{--ax-comp-button-normal-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-outline.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-outline.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-outline{--ax-comp-button-border-width: 1px;--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-hover-bg-color: transparent;--ax-comp-button-pressed-bg-color: transparent;--ax-comp-button-focused-bg-color: transparent}ax-button.ax-outline>button:focus-visible,ax-button.ax-outline>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-outline.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-surface)}ax-button.ax-outline.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-outline.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-surface)}ax-button.ax-outline.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-surface)}ax-button.ax-outline.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-surface)}ax-button.ax-outline.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-outline.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-outline.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-outline.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-outline.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-outline.ax-accent6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent6-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent6-surface)}ax-button.ax-outline.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-twotone.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-light-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-darker-surface)}.ax-dark ax-button.ax-twotone.ax-default{--ax-comp-button-normal-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-lighter-surface)}ax-button.ax-twotone{--ax-comp-button-border-width: 1px}ax-button.ax-twotone>button:focus-visible,ax-button.ax-twotone>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-twotone.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-surface)}ax-button.ax-twotone.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-twotone.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-surface)}ax-button.ax-twotone.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-surface)}ax-button.ax-twotone.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-surface)}ax-button.ax-twotone.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-twotone.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-twotone.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-twotone.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-twotone.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-twotone.ax-accent6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent6-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent6-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent6-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent6-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent6-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent6-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent6-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent6-surface)}ax-button.ax-twotone.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-blank.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-blank.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-blank{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-normal-border-color: transparent;--ax-comp-button-border-width: 0px}ax-button.ax-blank>button:focus-visible,ax-button.ax-blank>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-blank.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface)}ax-button.ax-blank.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-blank.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface)}ax-button.ax-blank.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface)}ax-button.ax-blank.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface)}ax-button.ax-blank.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-blank.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-blank.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-blank.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-blank.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-blank.ax-accent6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent6-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent6-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent6-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent6-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent6-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent6-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent6-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent6-surface)}ax-button.ax-blank.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-link.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-link.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-link{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-normal-border-color: transparent;--ax-comp-button-border-width: 0px}ax-button.ax-link>button:focus-visible,ax-button.ax-link>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-link.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface)}ax-button.ax-link.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface)}ax-button.ax-link.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface)}ax-button.ax-link.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface)}ax-button.ax-link.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface)}ax-button.ax-link.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface)}ax-button.ax-link.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface)}ax-button.ax-link.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface)}ax-button.ax-link.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface)}ax-button.ax-link.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface)}ax-button.ax-link.ax-accent6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent6-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent6-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent6-surface)}ax-button.ax-link.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface)}ax-button-item.ax-primary{--ax-comp-button-item-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-primary-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-primary-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-primary-surface)}ax-button-item.ax-secondary{--ax-comp-button-item-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-secondary-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-secondary-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-secondary-surface)}ax-button-item.ax-success{--ax-comp-button-item-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-success-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-success-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-success-surface)}ax-button-item.ax-warning{--ax-comp-button-item-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-warning-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-warning-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-warning-surface)}ax-button-item.ax-danger{--ax-comp-button-item-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-danger-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-danger-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-danger-surface)}ax-button-item.ax-accent1{--ax-comp-button-item-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent1-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent1-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent1-surface)}ax-button-item.ax-accent2{--ax-comp-button-item-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent2-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent2-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent2-surface)}ax-button-item.ax-accent3{--ax-comp-button-item-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent3-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent3-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent3-surface)}ax-button-item.ax-accent4{--ax-comp-button-item-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent4-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent4-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent4-surface)}ax-button-item.ax-accent5{--ax-comp-button-item-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent5-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent5-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent5-surface)}ax-button-item.ax-accent6{--ax-comp-button-item-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent6-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent6-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent6-surface)}ax-button-item.ax-accent7{--ax-comp-button-item-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent7-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent7-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent7-surface)}ax-button-item{background-color:rgba(var(--ax-comp-button-item-bg-color));color:rgba(var(--ax-comp-button-item-text-color))}ax-button-item.ax-state-selected{background-color:rgba(var(--ax-comp-button-item-selected-bg-color, var(--ax-sys-color-surface)));color:rgba(var(--ax-comp-button-item-selected-text-color))}ax-button-item:hover:not(.ax-state-selected){background-color:rgba(var(--ax-comp-button-item-hover-bg-color, var(--ax-sys-color-surface)))!important;color:rgba(var(--ax-comp-button-item-hover-text-color))}\\n\"], dependencies: [{ kind: \"ngmodule\", type: CommonModule }, { kind: \"component\", type: AXDecoratorGenericComponent, selector: \"ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay\" }, { kind: \"ngmodule\", type: AXTranslationModule }, { kind: \"pipe\", type: i1.AsyncPipe, name: \"async\" }, { kind: \"pipe\", type: i2.AXTranslatorPipe, name: \"translate\" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXButtonItemComponent, decorators: [{\n type: Component,\n args: [{ selector: 'ax-button-item', template: `\n <div class=\"ax-action-item-prefix\">\n <ng-content select=\"ax-prefix\"> </ng-content>\n <ng-content select=\"ax-loading\"> </ng-content>\n <ng-content select=\"ax-icon\"> </ng-content>\n @if (text) {\n <ax-text>{{ text \| translate \| async }}</ax-text>\n }\n </div>\n <div class=\"ax-action-item-suffix\">\n <ng-content select=\"ax-suffix\"> </ng-content>\n </div>\n <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['color', 'disabled'], outputs: ['onClick', 'onFocus', 'onBlur', 'disabledChange'], imports: [CommonModule, AXDecoratorGenericComponent, AXTranslationModule], providers: [{ provide: AXComponent, useExisting: AXButtonItemComponent }], styles: [\"ax-button{--ax-comp-button-padding-y: 0;--ax-comp-button-border-radius: var(--ax-sys-border-radius);--ax-comp-button-height: calc(var(--ax-sys-size-base) * var(--ax-comp-button-size-ratio, 1));--ax-comp-button-text-padding-x: .5rem}ax-button ax-prefix{display:flex;padding-inline-start:var(--ax-comp-button-decorator-padding-x)}ax-button ax-suffix{display:flex;padding-inline-end:var(--ax-comp-button-decorator-padding-x)}ax-button.ax-button-icon{--ax-comp-button-decorator-padding-x: 0 !important;font-size:var(--ax-comp-button-icon-only-font-size)}.ax-xs ax-button,ax-button.ax-xs{--ax-comp-button-font-size: .75rem;--ax-comp-button-padding-x: .25rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: .875rem}.ax-sm ax-button,ax-button.ax-sm{--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: .5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1rem}.ax-md ax-button,ax-button{--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: 1rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: 1.25rem}.ax-lg ax-button,ax-button.ax-lg{--ax-comp-button-font-size: 1.125rem;--ax-comp-button-padding-x: 1.125rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.5rem}.ax-xl ax-button,ax-button.ax-xl{--ax-comp-button-font-size: 1.5rem;--ax-comp-button-padding-x: 1.5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.75rem}ax-button.ax-solid{--ax-comp-button-border-width: 1px}ax-button.ax-solid>button:focus-visible,ax-button.ax-solid>button.ax-state-focus{outline:2px solid;outline-offset:3px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-solid.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-darkest-surface)}ax-button.ax-solid.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-darkest-surface)}ax-button.ax-solid.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-darkest-surface)}ax-button.ax-solid.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-darkest-surface)}ax-button.ax-solid.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-darkest-surface)}ax-button.ax-solid.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-darkest-surface)}ax-button.ax-solid.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-darkest-surface)}ax-button.ax-solid.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-darkest-surface)}ax-button.ax-solid.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-darkest-surface)}ax-button.ax-solid.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-darkest-surface)}ax-button.ax-solid.ax-accent6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent6-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent6-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent6-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent6-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent6-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent6-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent6-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent6-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent6-darkest-surface)}ax-button.ax-solid.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-darkest-surface)}ax-button.ax-solid.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-solid.ax-default{--ax-comp-button-normal-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-outline.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-outline.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-outline{--ax-comp-button-border-width: 1px;--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-hover-bg-color: transparent;--ax-comp-button-pressed-bg-color: transparent;--ax-comp-button-focused-bg-color: transparent}ax-button.ax-outline>button:focus-visible,ax-button.ax-outline>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-outline.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-surface)}ax-button.ax-outline.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-outline.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-surface)}ax-button.ax-outline.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-surface)}ax-button.ax-outline.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-surface)}ax-button.ax-outline.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-outline.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-outline.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-outline.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-outline.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-outline.ax-accent6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent6-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent6-surface)}ax-button.ax-outline.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-twotone.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-light-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-darker-surface)}.ax-dark ax-button.ax-twotone.ax-default{--ax-comp-button-normal-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-lighter-surface)}ax-button.ax-twotone{--ax-comp-button-border-width: 1px}ax-button.ax-twotone>button:focus-visible,ax-button.ax-twotone>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-twotone.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-surface)}ax-button.ax-twotone.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-twotone.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-surface)}ax-button.ax-twotone.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-surface)}ax-button.ax-twotone.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-surface)}ax-button.ax-twotone.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-twotone.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-twotone.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-twotone.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-twotone.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-twotone.ax-accent6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent6-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent6-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent6-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent6-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent6-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent6-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent6-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent6-surface)}ax-button.ax-twotone.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-blank.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-blank.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-blank{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-normal-border-color: transparent;--ax-comp-button-border-width: 0px}ax-button.ax-blank>button:focus-visible,ax-button.ax-blank>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-blank.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface)}ax-button.ax-blank.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-blank.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface)}ax-button.ax-blank.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface)}ax-button.ax-blank.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface)}ax-button.ax-blank.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-blank.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-blank.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-blank.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-blank.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-blank.ax-accent6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent6-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent6-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent6-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent6-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent6-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent6-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent6-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent6-surface)}ax-button.ax-blank.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-link.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-link.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-link{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-normal-border-color: transparent;--ax-comp-button-border-width: 0px}ax-button.ax-link>button:focus-visible,ax-button.ax-link>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-link.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface)}ax-button.ax-link.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface)}ax-button.ax-link.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface)}ax-button.ax-link.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface)}ax-button.ax-link.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface)}ax-button.ax-link.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface)}ax-button.ax-link.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface)}ax-button.ax-link.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface)}ax-button.ax-link.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface)}ax-button.ax-link.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface)}ax-button.ax-link.ax-accent6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent6-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent6-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent6-surface)}ax-button.ax-link.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface)}ax-button-item.ax-primary{--ax-comp-button-item-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-primary-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-primary-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-primary-surface)}ax-button-item.ax-secondary{--ax-comp-button-item-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-secondary-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-secondary-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-secondary-surface)}ax-button-item.ax-success{--ax-comp-button-item-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-success-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-success-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-success-surface)}ax-button-item.ax-warning{--ax-comp-button-item-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-warning-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-warning-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-warning-surface)}ax-button-item.ax-danger{--ax-comp-button-item-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-danger-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-danger-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-danger-surface)}ax-button-item.ax-accent1{--ax-comp-button-item-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent1-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent1-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent1-surface)}ax-button-item.ax-accent2{--ax-comp-button-item-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent2-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent2-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent2-surface)}ax-button-item.ax-accent3{--ax-comp-button-item-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent3-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent3-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent3-surface)}ax-button-item.ax-accent4{--ax-comp-button-item-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent4-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent4-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent4-surface)}ax-button-item.ax-accent5{--ax-comp-button-item-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent5-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent5-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent5-surface)}ax-button-item.ax-accent6{--ax-comp-button-item-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent6-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent6-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent6-surface)}ax-button-item.ax-accent7{--ax-comp-button-item-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent7-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent7-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent7-surface)}ax-button-item{background-color:rgba(var(--ax-comp-button-item-bg-color));color:rgba(var(--ax-comp-button-item-text-color))}ax-button-item.ax-state-selected{background-color:rgba(var(--ax-comp-button-item-selected-bg-color, var(--ax-sys-color-surface)));color:rgba(var(--ax-comp-button-item-selected-text-color))}ax-button-item:hover:not(.ax-state-selected){background-color:rgba(var(--ax-comp-button-item-hover-bg-color, var(--ax-sys-color-surface)))!important;color:rgba(var(--ax-comp-button-item-hover-text-color))}\\n\"] }]\n }], propDecorators: { text: [{\n type: Input\n }], selected: [{\n type: Input\n }], divided: [{\n type: Input\n }], data: [{\n type: Input\n }], name: [{\n type: Input\n }], onClick: [{\n type: Output\n }], __hostClick: [{\n type: HostListener,\n args: ['click', ['$event']]\n }], __hostFocus: [{\n type: HostListener,\n args: ['focus', ['$event']]\n }], __hostBlur: [{\n type: HostListener,\n args: ['blur', ['$event']]\n }], __hostClass: [{\n type: HostBinding,\n args: ['class']\n }], tabindex: [{\n type: HostBinding,\n args: ['attr.tabindex']\n }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9idXR0b24vc3JjL2xpYi9idXR0b24taXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFdBQVcsRUFFWCxnQkFBZ0IsRUFDaEIsc0JBQXNCLEdBQ3ZCLE1BQU0sb0JBQW9CLENBQUM7QUFDNUIsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDNUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDL0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixXQUFXLEVBQ1gsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxVQUFVLENBQUM7Ozs7QUFZbkM7Ozs7R0FJRztBQXlCSCxNQUFNLE9BQU8scUJBQXNCLFNBQVEsT0FBTyxDQUFDLHNCQUFzQixFQUFFLGdCQUFnQixDQUFDO0lBeEI1Rjs7UUFtREU7OztXQUdHO1FBRUgsWUFBTyxHQUFHLEtBQUssQ0FBQztRQWNoQjs7OztXQUlHO1FBRUgsWUFBTyxHQUErQixJQUFJLFlBQVksRUFBZ0IsQ0FBQztRQWtFdkU7Ozs7V0FJRztRQUMyQixhQUFRLEdBQUcsR0FBRyxDQUFDO0tBQzlDO0lBaEhDOzs7OztPQUtHO0lBQ0gsSUFDVyxRQUFRO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBQ0QsSUFBVyxRQUFRLENBQUMsQ0FBVTtRQUM1QixJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQztRQUNuQixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzFCLENBQUM7SUE2QkQ7Ozs7OztPQU1HO0lBRUssV0FBVyxDQUFDLENBQWE7UUFDL0IsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQztnQkFDaEIsU0FBUyxFQUFFLElBQUk7Z0JBQ2YsV0FBVyxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUU7Z0JBQ2xDLFdBQVcsRUFBRSxDQUFDO2FBQ2YsQ0FBQyxDQUFDO1FBQ0wsQ0FBQztJQUNILENBQUM7SUFDRDs7Ozs7O09BTUc7SUFFSyxXQUFXLENBQUMsQ0FBYTtRQUMvQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUVEOzs7Ozs7T0FNRztJQUVLLFVBQVUsQ0FBQyxDQUFhO1FBQzlCLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDMUIsQ0FBQztJQUVEOzs7Ozs7T0FNRztJQUNILElBQ1ksV0FBVztRQUNyQixNQUFNLFVBQVUsR0FBRztZQUNqQixnQkFBZ0IsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJO1lBQzVCLG1CQUFtQixFQUFFLElBQUksQ0FBQyxRQUFRO1lBQ2xDLG1CQUFtQixFQUFFLElBQUksQ0FBQyxRQUFRO1lBQ2xDLFlBQVksRUFBRSxJQUFJLENBQUMsT0FBTztZQUMxQixnQkFBZ0IsRUFBRSxJQUFJO1NBQ3ZCLENBQUM7UUFDRixVQUFVLENBQUMsTUFBTSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUM7UUFDdEMsT0FBTyxNQUFNLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQzthQUM5QixNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUNuQixHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUNoQixJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDZixDQUFDOzhHQXBIVSxxQkFBcUI7a0dBQXJCLHFCQUFxQixrZkFGckIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFFLHFCQUFxQixFQUFFLENBQUMsaURBbkIvRDs7Ozs7Ozs7Ozs7OztHQWFULHk0aEZBS1MsWUFBWSwrQkFBRSwyQkFBMkIsd0xBQUUsbUJBQW1COzsyRkFHN0QscUJBQXFCO2tCQXhCakMsU0FBUzsrQkFDRSxnQkFBZ0IsWUFFaEI7Ozs7Ozs7Ozs7Ozs7R0FhVCxpQkFDYyxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLFVBQ3ZDLENBQUMsT0FBTyxFQUFFLFVBQVUsQ0FBQyxXQUNwQixDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLGdCQUFnQixDQUFDLFdBQ2xELENBQUMsWUFBWSxFQUFFLDJCQUEyQixFQUFFLG1CQUFtQixDQUFDLGFBQzlELENBQUMsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsdUJBQXVCLEVBQUUsQ0FBQzs4QkFPekUsSUFBSTtzQkFESCxLQUFLO2dCQWVLLFFBQVE7c0JBRGxCLEtBQUs7Z0JBY04sT0FBTztzQkFETixLQUFLO2dCQU9OLElBQUk7c0JBREgsS0FBSztnQkFPTixJQUFJO3NCQURILEtBQUs7Z0JBU04sT0FBTztzQkFETixNQUFNO2dCQVdDLFdBQVc7c0JBRGxCLFlBQVk7dUJBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDO2dCQWtCekIsV0FBVztzQkFEbEIsWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUM7Z0JBYXpCLFVBQVU7c0JBRGpCLFlBQVk7dUJBQUMsTUFBTSxFQUFFLENBQUMsUUFBUSxDQUFDO2dCQWFwQixXQUFXO3NCQUR0QixXQUFXO3VCQUFDLE9BQU87Z0JBcUJVLFFBQVE7c0JBQXJDLFdBQVc7dUJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFYQ2xpY2tFdmVudCxcbiAgQVhDb21wb25lbnQsXG4gIEFYU3R5bGVDb2xvclR5cGUsXG4gIE1YQ29sb3JDb21wb25lbnQsXG4gIE1YSW50ZXJhY3RpdmVDb21wb25lbnQsXG59IGZyb20gJ0BhY29yZXgvY2RrL2NvbW1vbic7XG5pbXBvcnQgeyBBWERlY29yYXRvckdlbmVyaWNDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZGVjb3JhdG9ycyc7XG5pbXBvcnQgeyBBWFRyYW5zbGF0aW9uTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb3JlL3RyYW5zbGF0aW9uJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdEJpbmRpbmcsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY2xhc3NlcyB9IGZyb20gJ3BvbHl0eXBlJztcblxuZXhwb3J0IGludGVyZmFjZSBBWEJ1dHRvbkl0ZW1MaXN0SXRlbSB7XG4gIG5hbWU6IHN0cmluZztcbiAgdGV4dDogc3RyaW5nO1xuICBpY29uOiBzdHJpbmc7XG4gIGRpdmlkZWQ/OiBib29sZWFuO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIHNlbGVjdGVkPzogYm9vbGVhbjtcbiAgY29sb3I/OiBBWFN0eWxlQ29sb3JUeXBlO1xufVxuXG4vKipcbiAqIFJlcHJlc2VudHMgYSBidXR0b24gaXRlbSB3aXRoIG9wdGlvbmFsIGNvbnRlbnQgbGlrZSBpY29ucywgdGV4dCwgYW5kIGRyb3Bkb3ducy5cbiAqXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1idXR0b24taXRlbScsXG4gIHN0eWxlVXJsOiAnYnV0dG9uLWl0ZW0uY29tcG9uZW50LnNjc3MnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJheC1hY3Rpb24taXRlbS1wcmVmaXhcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LXByZWZpeFwiPiA8L25nLWNvbnRlbnQ+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1sb2FkaW5nXCI+IDwvbmctY29udGVudD5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWljb25cIj4gPC9uZy1jb250ZW50PlxuICAgICAgQGlmICh0ZXh0KSB7XG4gICAgICAgIDxheC10ZXh0Pnt7IHRleHQgfCB0cmFuc2xhdGUgfCBhc3luYyB9fTwvYXgtdGV4dD5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiYXgtYWN0aW9uLWl0ZW0tc3VmZml4XCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1zdWZmaXhcIj4gPC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWRyb3Bkb3duLXBhbmVsXCI+IDwvbmctY29udGVudD5cbiAgYCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGlucHV0czogWydjb2xvcicsICdkaXNhYmxlZCddLFxuICBvdXRwdXRzOiBbJ29uQ2xpY2snLCAnb25Gb2N1cycsICdvbkJsdXInLCAnZGlzYWJsZWRDaGFuZ2UnXSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQVhEZWNvcmF0b3JHZW5lcmljQ29tcG9uZW50LCBBWFRyYW5zbGF0aW9uTW9kdWxlXSxcbiAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBBWENvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYQnV0dG9uSXRlbUNvbXBvbmVudCB9XSxcbn0pXG5leHBvcnQgY2xhc3MgQVhCdXR0b25JdGVtQ29tcG9uZW50IGV4dGVuZHMgY2xhc3NlcyhNWEludGVyYWN0aXZlQ29tcG9uZW50LCBNWENvbG9yQ29tcG9uZW50KSB7XG4gIC8qKlxuICAgKiBUZXh0IGRpc3BsYXllZCBvbiB0aGUgYnV0dG9uIGl0ZW0uXG4gICAqL1xuICBASW5wdXQoKVxuICB0ZXh0OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcml2YXRlIF9zZWxlY3RlZDogYm9vbGVhbjtcblxuICAvKipcbiAgICogSW5kaWNhdGVzIHdoZXRoZXIgdGhlIGJ1dHRvbiBpdGVtIGlzIHNlbGVjdGVkLlxuICAgKlxuICAgKiBAcGFyYW0gdiAtIEEgYm9vbGVhbiBpbmRpY2F0aW5nIHRoZSBzZWxlY3RlZCBzdGF0ZS5cbiAgICogVXBkYXRlcyB0aGUgdmlldyB3aGVuIHRoZSB2YWx1ZSBjaGFuZ2VzLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGdldCBzZWxlY3RlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fc2VsZWN0ZWQ7XG4gIH1cbiAgcHVibGljIHNldCBzZWxlY3RlZCh2OiBib29sZWFuKSB7XG4gICAgdGhpcy5fc2VsZWN0ZWQgPSB2O1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIGl0ZW0gaXMgdmlzdWFsbHkgc2VwYXJhdGVkIGZyb20gb3RoZXIgaXRlbXMuXG4gICAqICBAZGVmYXVsdFZhbHVlIGZhbHNlXG4gICAqL1xuICBASW5wdXQoKVxuICBkaXZpZGVkID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIERhdGEgYXNzb2NpYXRlZCB3aXRoIHRoZSBidXR0b24gaXRlbS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIGRhdGE6IHVua25vd247XG5cbiAgLyoqXG4gICAqIFRoZSBuYW1lIG9mIHRoZSBidXR0b24gaXRlbS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIG5hbWU6IHN0cmluZztcblxuICAvKipcbiAgICogRW1pdHRlZCB3aGVuIHRoZSBidXR0b24gaXRlbSBpcyBjbGlja2VkLlxuICAgKiBAZXZlbnRcbiAgICogVGhlIGVtaXR0ZWQgdmFsdWUgaXMgYW4gYEFYQ2xpY2tFdmVudGAgb2JqZWN0IGNvbnRhaW5pbmcgZXZlbnQgZGV0YWlscy5cbiAgICovXG4gIEBPdXRwdXQoKVxuICBvbkNsaWNrOiBFdmVudEVtaXR0ZXI8QVhDbGlja0V2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8QVhDbGlja0V2ZW50PigpO1xuXG4gIC8qKlxuICAgKiBIYW5kbGVzIGNsaWNrIGV2ZW50cyBvbiB0aGUgYnV0dG9uIGl0ZW0gaG9zdCBlbGVtZW50LlxuICAgKiBFbWl0cyB0aGUgb25DbGljayBldmVudCBpZiB0aGUgY29tcG9uZW50IGlzIG5vdCBkaXNhYmxlZC5cbiAgICpcbiAgICogQHBhcmFtIGUgLSBUaGUgbW91c2UgZXZlbnQgdGhhdCB0cmlnZ2VyZWQgdGhlIGNsaWNrLlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXG4gIHByaXZhdGUgX19ob3N0Q2xpY2soZTogTW91c2VFdmVudCkge1xuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5vbkNsaWNrLmVtaXQoe1xuICAgICAgICBjb21wb25lbnQ6IHRoaXMsXG4gICAgICAgIGh0bWxFbGVtZW50OiB0aGlzLmdldEhvc3RFbGVtZW50KCksXG4gICAgICAgIG5hdGl2ZUV2ZW50OiBlLFxuICAgICAgfSk7XG4gICAgfVxuICB9XG4gIC8qKlxuICAgKiBIYW5kbGVzIGZvY3VzIGV2ZW50cyBvbiB0aGUgYnV0dG9uIGl0ZW0gaG9zdCBlbGVtZW50LlxuICAgKiBFbWl0cyB0aGUgb25Gb2N1cyBldmVudC5cbiAgICpcbiAgICogQHBhcmFtIGUgLSBUaGUgZm9jdXMgZXZlbnQgdGhhdCB3YXMgdHJpZ2dlcmVkLlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBASG9zdExpc3RlbmVyKCdmb2N1cycsIFsnJGV2ZW50J10pXG4gIHByaXZhdGUgX19ob3N0Rm9jdXMoZTogRm9jdXNFdmVudCkge1xuICAgIHRoaXMuZW1pdE9uRm9jdXNFdmVudChlKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBIYW5kbGVzIGJsdXIgZXZlbnRzIG9uIHRoZSBidXR0b24gaXRlbSBob3N0IGVsZW1lbnQuXG4gICAqIEVtaXRzIHRoZSBvbkJsdXIgZXZlbnQuXG4gICAqXG4gICAqIEBwYXJhbSBlIC0gVGhlIGJsdXIgZXZlbnQgdGhhdCB3YXMgdHJpZ2dlcmVkLlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBASG9zdExpc3RlbmVyKCdibHVyJywgWyckZXZlbnQnXSlcbiAgcHJpdmF0ZSBfX2hvc3RCbHVyKGU6IEZvY3VzRXZlbnQpIHtcbiAgICB0aGlzLmVtaXRPbkJsdXJFdmVudChlKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBHZW5lcmF0ZXMgdGhlIENTUyBjbGFzc2VzIGZvciB0aGUgYnV0dG9uIGl0ZW0gaG9zdCBlbGVtZW50LlxuICAgKiBJbmNsdWRlcyBjbGFzc2VzIGZvciBpY29uLW9ubHkgc3RhdGUsIGRpc2FibGVkIHN0YXRlLCBzZWxlY3RlZCBzdGF0ZSwgZGl2aWRlZCBzdGF0ZSwgYW5kIGNvbG9yLlxuICAgKlxuICAgKiBAcmV0dXJucyBzdHJpbmcgLSBUaGUgc3BhY2Utc2VwYXJhdGVkIENTUyBjbGFzcyBuYW1lcy5cbiAgICogQGlnbm9yZVxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByaXZhdGUgZ2V0IF9faG9zdENsYXNzKCk6IHN0cmluZyB7XG4gICAgY29uc3QgY3NzQ2xhc3NlcyA9IHtcbiAgICAgICdheC1idXR0b24taWNvbic6ICF0aGlzLnRleHQsXG4gICAgICAnYXgtc3RhdGUtZGlzYWJsZWQnOiB0aGlzLmRpc2FibGVkLFxuICAgICAgJ2F4LXN0YXRlLXNlbGVjdGVkJzogdGhpcy5zZWxlY3RlZCxcbiAgICAgICdheC1kaXZpZGVkJzogdGhpcy5kaXZpZGVkLFxuICAgICAgJ2F4LWFjdGlvbi1pdGVtJzogdHJ1ZSxcbiAgICB9O1xuICAgIGNzc0NsYXNzZXNbYGF4LSR7dGhpcy5jb2xvcn1gXSA9IHRydWU7XG4gICAgcmV0dXJuIE9iamVjdC5lbnRyaWVzKGNzc0NsYXNzZXMpXG4gICAgICAuZmlsdGVyKChjKSA9PiBjWzFdKVxuICAgICAgLm1hcCgoYykgPT4gY1swXSlcbiAgICAgIC5qb2luKCcgJyk7XG4gIH1cblxuICAvKipcbiAgICogU2V0cyB0aGUgdGFiaW5kZXggYXR0cmlidXRlIGZvciBrZXlib2FyZCBuYXZpZ2F0aW9uLlxuICAgKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2F0dHIudGFiaW5kZXgnKSB0YWJpbmRleCA9ICcwJztcbn1cbiJdfQ==","import { AXClosableComponent, AXComponent, MXInteractiveComponent, } from '@acorex/cdk/common';\nimport { AXDecoratorGenericComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\nimport { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, HostBinding, Output, QueryList, ViewEncapsulation, afterNextRender, inject, input, } from '@angular/core';\nimport { AXButtonItemComponent } from './button-item.component';\nimport * as i0 from \"@angular/core\";\n/*\n A component for rendering a list of button items with optional dividers between them.\n \n @category Components\n /\nexport class AXButtonItemListComponent extends MXInteractiveComponent {\n /\n Initializes the button item list component.\n * Sets up content change detection and initializes content after the next render.\n \n @ignore\n /\n constructor() {\n super();\n this.parent = inject(AXClosableComponent, { optional: true });\n /\n The list of button items to display.\n \n @defaultValue []\n /\n this.items = input([], ...(ngDevMode ? [{ debugName: \"items\" }] : []));\n /\n Emits an event when an item is clicked.\n * The event contains details about the clicked item.\n \n @event {AXItemClickEvent<AXButtonItemComponent>} - The event object containing clicked item details.\n /\n this.onItemClick = new EventEmitter();\n afterNextRender(() => {\n this._initContents();\n this._contentButtons.changes.subscribe(() => {\n this._initContents();\n });\n });\n }\n /\n Initializes the content of the button item list.\n * Binds events and properties to content button items and marks for change detection.\n \n @ignore\n /\n _initContents() {\n this._bindEvents();\n this._bindProps();\n this.cdr.markForCheck();\n }\n /\n Binds click events to content button items.\n * Subscribes to onClick events of child button items if not already subscribed.\n \n @ignore\n /\n _bindEvents() {\n this._contentButtons?.forEach((b) => {\n if (!b.onClick.length)\n b.onClick.subscribe((c) => {\n this._handleOnItemClick(c);\n });\n });\n }\n /\n Binds properties to content button items.\n * Sets the disabled state of child button items based on the parent's disabled state.\n \n @ignore\n /\n _bindProps() {\n this._contentButtons?.forEach((b) => {\n b.disabled = b.disabled ?? this.disabled;\n });\n }\n /\n Handles click events from button items.\n * Closes the parent component if available and emits the item click event.\n \n @param e - The click event from the button item.\n * @ignore\n /\n _handleOnItemClick(e) {\n this.parent?.close();\n this._emitOnItemClickEvent(e, e.component);\n }\n /\n Emits the onItemClick event with details about the clicked item.\n \n @param e - The click event from the button item.\n * @param item - The button item component that was clicked.\n * @ignore\n /\n _emitOnItemClickEvent(e, item) {\n this.onItemClick.emit({\n component: this,\n item,\n htmlElement: this.getHostElement(),\n nativeEvent: e.nativeEvent,\n name: item.name,\n data: item.data,\n });\n }\n /\n Generates the CSS classes for the button item list host element.\n * Includes classes for action list and vertical layout.\n \n @returns string - The space-separated CSS class names.\n * @ignore\n /\n get __hostClass() {\n return `ax-action-list ax-action-list-vertical`;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXButtonItemListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.1.8\", type: AXButtonItemListComponent, isStandalone: true, selector: \"ax-button-item-list\", inputs: { items: { classPropertyName: \"items\", publicName: \"items\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onItemClick: \"onItemClick\" }, host: { properties: { \"class\": \"this.__hostClass\" } }, providers: [{ provide: AXComponent, useExisting: AXButtonItemListComponent }], queries: [{ propertyName: \"_contentButtons\", predicate: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: `\n @for (item of items(); track item.name) {\n <ax-button-item\n [text]=\"item.text\"\n [name]=\"item.name\"\n [disabled]=\"item.disabled\"\n [color]=\"item.color\"\n [selected]=\"item.selected\"\n (onClick)=\"_handleOnItemClick($event)\"\n >\n @if (item.icon) {\n <ax-prefix>\n <ax-icon [icon]=\"item.icon\"></ax-icon>\n </ax-prefix>\n }\n </ax-button-item>\n @if (item.divided) {\n <ax-divider></ax-divider>\n }\n }\n <ng-content></ng-content>\n `, isInline: true, styles: [\"ax-button-item-list.ax-action-list{padding-block:var(--ax-comp-button-item-list-padding-block, .25rem)}\\n\"], dependencies: [{ kind: \"component\", type: AXButtonItemComponent, selector: \"ax-button-item\", inputs: [\"color\", \"disabled\", \"text\", \"selected\", \"divided\", \"data\", \"name\"], outputs: [\"onClick\", \"onFocus\", \"onBlur\", \"disabledChange\"] }, { kind: \"component\", type: AXDecoratorGenericComponent, selector: \"ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay\" }, { kind: \"component\", type: AXDecoratorIconComponent, selector: \"ax-icon\", inputs: [\"icon\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXButtonItemListComponent, decorators: [{\n type: Component,\n args: [{ selector: 'ax-button-item-list', template: `\n @for (item of items(); track item.name) {\n <ax-button-item\n [text]=\"item.text\"\n [name]=\"item.name\"\n [disabled]=\"item.disabled\"\n [color]=\"item.color\"\n [selected]=\"item.selected\"\n (onClick)=\"_handleOnItemClick($event)\"\n >\n @if (item.icon) {\n <ax-prefix>\n <ax-icon [icon]=\"item.icon\"></ax-icon>\n </ax-prefix>\n }\n </ax-button-item>\n @if (item.divided) {\n <ax-divider></ax-divider>\n }\n }\n <ng-content></ng-content>\n `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AXButtonItemComponent, AXDecoratorGenericComponent, AXDecoratorIconComponent], providers: [{ provide: AXComponent, useExisting: AXButtonItemListComponent }], styles: [\"ax-button-item-list.ax-action-list{padding-block:var(--ax-comp-button-item-list-padding-block, .25rem)}\\n\"] }]\n }], ctorParameters: () => [], propDecorators: { _contentButtons: [{\n type: ContentChildren,\n args: [AXButtonItemComponent]\n }], onItemClick: [{\n type: Output\n }], __hostClass: [{\n type: HostBinding,\n args: ['class']\n }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWl0ZW0tbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2J1dHRvbi9zcmMvbGliL2J1dHRvbi1pdGVtLWxpc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxtQkFBbUIsRUFDbkIsV0FBVyxFQUVYLHNCQUFzQixHQUN2QixNQUFNLG9CQUFvQixDQUFDO0FBQzVCLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSx3QkFBd0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3RHLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULGVBQWUsRUFDZixZQUFZLEVBQ1osV0FBVyxFQUNYLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLGVBQWUsRUFDZixNQUFNLEVBQ04sS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxxQkFBcUIsRUFBd0IsTUFBTSx5QkFBeUIsQ0FBQzs7QUFFdEY7Ozs7R0FJRztBQStCSCxNQUFNLE9BQU8seUJBQTBCLFNBQVEsc0JBQXNCO0lBd0JuRTs7Ozs7T0FLRztJQUNIO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUE5QkYsV0FBTSxHQUFHLE1BQU0sQ0FBc0IsbUJBQW1CLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUt0Rjs7OztXQUlHO1FBQ0gsVUFBSyxHQUFHLEtBQUssQ0FBeUIsRUFBRSxpREFBQyxDQUFDO1FBRTFDOzs7OztXQUtHO1FBRUgsZ0JBQVcsR0FBMEQsSUFBSSxZQUFZLEVBRWxGLENBQUM7UUFVRixlQUFlLENBQUMsR0FBRyxFQUFFO1lBQ25CLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUNyQixJQUFJLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO2dCQUMxQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDdkIsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRDs7Ozs7T0FLRztJQUNLLGFBQWE7UUFDbkIsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNsQixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRDs7Ozs7T0FLRztJQUNLLFdBQVc7UUFDakIsSUFBSSxDQUFDLGVBQWUsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUNsQyxJQUFJLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxNQUFNO2dCQUNuQixDQUFDLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO29CQUN4QixJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQzdCLENBQUMsQ0FBQyxDQUFDO1FBQ1AsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQ7Ozs7O09BS0c7SUFDSyxVQUFVO1FBQ2hCLElBQUksQ0FBQyxlQUFlLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7WUFDbEMsQ0FBQyxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDM0MsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQ7Ozs7OztPQU1HO0lBQ08sa0JBQWtCLENBQUMsQ0FBZTtRQUMxQyxJQUFJLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBRSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFFRDs7Ozs7O09BTUc7SUFDSCxxQkFBcUIsQ0FBQyxDQUFlLEVBQUUsSUFBMkI7UUFDaEUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUM7WUFDcEIsU0FBUyxFQUFFLElBQUk7WUFDZixJQUFJO1lBQ0osV0FBVyxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDbEMsV0FBVyxFQUFFLENBQUMsQ0FBQyxXQUFXO1lBQzFCLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtZQUNmLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtTQUNoQixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQ7Ozs7OztPQU1HO0lBQ0gsSUFDWSxXQUFXO1FBQ3JCLE9BQU8sd0NBQXdDLENBQUM7SUFDbEQsQ0FBQzs4R0F2SFUseUJBQXlCO2tHQUF6Qix5QkFBeUIsc1NBRnpCLENBQUMsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSx5QkFBeUIsRUFBRSxDQUFDLDBEQUs1RCxxQkFBcUIsb0RBL0I1Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUJULG1MQUlTLHFCQUFxQixzTUFBRSwyQkFBMkIseUxBQUUsd0JBQXdCOzsyRkFHM0UseUJBQXlCO2tCQTlCckMsU0FBUzsrQkFDRSxxQkFBcUIsWUFDckI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFCVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxXQUM1QixDQUFDLHFCQUFxQixFQUFFLDJCQUEyQixFQUFFLHdCQUF3QixDQUFDLGFBQzVFLENBQUMsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsMkJBQTJCLEVBQUUsQ0FBQzt3REFNbkUsZUFBZTtzQkFEeEIsZUFBZTt1QkFBQyxxQkFBcUI7Z0JBaUJ0QyxXQUFXO3NCQURWLE1BQU07Z0JBa0dLLFdBQVc7c0JBRHRCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFYQ2xpY2tFdmVudCxcbiAgQVhDbG9zYWJsZUNvbXBvbmVudCxcbiAgQVhDb21wb25lbnQsXG4gIEFYSXRlbUNsaWNrRXZlbnQsXG4gIE1YSW50ZXJhY3RpdmVDb21wb25lbnQsXG59IGZyb20gJ0BhY29yZXgvY2RrL2NvbW1vbic7XG5pbXBvcnQgeyBBWERlY29yYXRvckdlbmVyaWNDb21wb25lbnQsIEFYRGVjb3JhdG9ySWNvbkNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kZWNvcmF0b3JzJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0QmluZGluZyxcbiAgT3V0cHV0LFxuICBRdWVyeUxpc3QsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBhZnRlck5leHRSZW5kZXIsXG4gIGluamVjdCxcbiAgaW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhCdXR0b25JdGVtQ29tcG9uZW50LCBBWEJ1dHRvbkl0ZW1MaXN0SXRlbSB9IGZyb20gJy4vYnV0dG9uLWl0ZW0uY29tcG9uZW50JztcblxuLyoqXG4gKiBBIGNvbXBvbmVudCBmb3IgcmVuZGVyaW5nIGEgbGlzdCBvZiBidXR0b24gaXRlbXMgd2l0aCBvcHRpb25hbCBkaXZpZGVycyBiZXR3ZWVuIHRoZW0uXG4gKlxuICogQGNhdGVnb3J5IENvbXBvbmVudHNcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtYnV0dG9uLWl0ZW0tbGlzdCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgQGZvciAoaXRlbSBvZiBpdGVtcygpOyB0cmFjayBpdGVtLm5hbWUpIHtcbiAgICAgIDxheC1idXR0b24taXRlbVxuICAgICAgICBbdGV4dF09XCJpdGVtLnRleHRcIlxuICAgICAgICBbbmFtZV09XCJpdGVtLm5hbWVcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZFwiXG4gICAgICAgIFtjb2xvcl09XCJpdGVtLmNvbG9yXCJcbiAgICAgICAgW3NlbGVjdGVkXT1cIml0ZW0uc2VsZWN0ZWRcIlxuICAgICAgICAob25DbGljayk9XCJfaGFuZGxlT25JdGVtQ2xpY2soJGV2ZW50KVwiXG4gICAgICA+XG4gICAgICAgIEBpZiAoaXRlbS5pY29uKSB7XG4gICAgICAgICAgPGF4LXByZWZpeD5cbiAgICAgICAgICAgIDxheC1pY29uIFtpY29uXT1cIml0ZW0uaWNvblwiPjwvYXgtaWNvbj5cbiAgICAgICAgICA8L2F4LXByZWZpeD5cbiAgICAgICAgfVxuICAgICAgPC9heC1idXR0b24taXRlbT5cbiAgICAgIEBpZiAoaXRlbS5kaXZpZGVkKSB7XG4gICAgICAgIDxheC1kaXZpZGVyPjwvYXgtZGl2aWRlcj5cbiAgICAgIH1cbiAgICB9XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24taXRlbS1saXN0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBpbXBvcnRzOiBbQVhCdXR0b25JdGVtQ29tcG9uZW50LCBBWERlY29yYXRvckdlbmVyaWNDb21wb25lbnQsIEFYRGVjb3JhdG9ySWNvbkNvbXBvbmVudF0sXG4gIHByb3ZpZGVyczogW3sgcHJvdmlkZTogQVhDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWEJ1dHRvbkl0ZW1MaXN0Q29tcG9uZW50IH1dLFxufSlcbmV4cG9ydCBjbGFzcyBBWEJ1dHRvbkl0ZW1MaXN0Q29tcG9uZW50IGV4dGVuZHMgTVhJbnRlcmFjdGl2ZUNvbXBvbmVudCB7XG4gIHByaXZhdGUgcGFyZW50ID0gaW5qZWN0PEFYQ2xvc2FibGVDb21wb25lbnQ+KEFYQ2xvc2FibGVDb21wb25lbnQsIHsgb3B0aW9uYWw6IHRydWUgfSk7XG5cbiAgQENvbnRlbnRDaGlsZHJlbihBWEJ1dHRvbkl0ZW1Db21wb25lbnQpXG4gIHByb3RlY3RlZCBfY29udGVudEJ1dHRvbnM6IFF1ZXJ5TGlzdDxBWEJ1dHRvbkl0ZW1Db21wb25lbnQ+O1xuXG4gIC8qKlxuICAgKiBUaGUgbGlzdCBvZiBidXR0b24gaXRlbXMgdG8gZGlzcGxheS5cbiAgICpcbiAgICogQGRlZmF1bHRWYWx1ZSBbXVxuICAgKi9cbiAgaXRlbXMgPSBpbnB1dDxBWEJ1dHRvbkl0ZW1MaXN0SXRlbVtdPihbXSk7XG5cbiAgLyoqXG4gICAqIEVtaXRzIGFuIGV2ZW50IHdoZW4gYW4gaXRlbSBpcyBjbGlja2VkLlxuICAgKiBUaGUgZXZlbnQgY29udGFpbnMgZGV0YWlscyBhYm91dCB0aGUgY2xpY2tlZCBpdGVtLlxuICAgKlxuICAgKiBAZXZlbnQge0FYSXRlbUNsaWNrRXZlbnQ8QVhCdXR0b25JdGVtQ29tcG9uZW50Pn0gLSBUaGUgZXZlbnQgb2JqZWN0IGNvbnRhaW5pbmcgY2xpY2tlZCBpdGVtIGRldGFpbHMuXG4gICAqL1xuICBAT3V0cHV0KClcbiAgb25JdGVtQ2xpY2s6IEV2ZW50RW1pdHRlcjxBWEl0ZW1DbGlja0V2ZW50PEFYQnV0dG9uSXRlbUNvbXBvbmVudD4+ID0gbmV3IEV2ZW50RW1pdHRlcjxcbiAgICBBWEl0ZW1DbGlja0V2ZW50PEFYQnV0dG9uSXRlbUNvbXBvbmVudD5cbiAgPigpO1xuXG4gIC8qKlxuICAgKiBJbml0aWFsaXplcyB0aGUgYnV0dG9uIGl0ZW0gbGlzdCBjb21wb25lbnQuXG4gICAqIFNldHMgdXAgY29udGVudCBjaGFuZ2UgZGV0ZWN0aW9uIGFuZCBpbml0aWFsaXplcyBjb250ZW50IGFmdGVyIHRoZSBuZXh0IHJlbmRlci5cbiAgICpcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICBhZnRlck5leHRSZW5kZXIoKCkgPT4ge1xuICAgICAgdGhpcy5faW5pdENvbnRlbnRzKCk7XG4gICAgICB0aGlzLl9jb250ZW50QnV0dG9ucy5jaGFuZ2VzLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIHRoaXMuX2luaXRDb250ZW50cygpO1xuICAgICAgfSk7XG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogSW5pdGlhbGl6ZXMgdGhlIGNvbnRlbnQgb2YgdGhlIGJ1dHRvbiBpdGVtIGxpc3QuXG4gICAqIEJpbmRzIGV2ZW50cyBhbmQgcHJvcGVydGllcyB0byBjb250ZW50IGJ1dHRvbiBpdGVtcyBhbmQgbWFya3MgZm9yIGNoYW5nZSBkZXRlY3Rpb24uXG4gICAqXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHByaXZhdGUgX2luaXRDb250ZW50cygpIHtcbiAgICB0aGlzLl9iaW5kRXZlbnRzKCk7XG4gICAgdGhpcy5fYmluZFByb3BzKCk7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICAvKipcbiAgICogQmluZHMgY2xpY2sgZXZlbnRzIHRvIGNvbnRlbnQgYnV0dG9uIGl0ZW1zLlxuICAgKiBTdWJzY3JpYmVzIHRvIG9uQ2xpY2sgZXZlbnRzIG9mIGNoaWxkIGJ1dHRvbiBpdGVtcyBpZiBub3QgYWxyZWFkeSBzdWJzY3JpYmVkLlxuICAgKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBwcml2YXRlIF9iaW5kRXZlbnRzKCkge1xuICAgIHRoaXMuX2NvbnRlbnRCdXR0b25zPy5mb3JFYWNoKChiKSA9PiB7XG4gICAgICBpZiAoIWIub25DbGljay5sZW5ndGgpXG4gICAgICAgIGIub25DbGljay5zdWJzY3JpYmUoKGMpID0+IHtcbiAgICAgICAgICB0aGlzLl9oYW5kbGVPbkl0ZW1DbGljayhjKTtcbiAgICAgICAgfSk7XG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogQmluZHMgcHJvcGVydGllcyB0byBjb250ZW50IGJ1dHRvbiBpdGVtcy5cbiAgICogU2V0cyB0aGUgZGlzYWJsZWQgc3RhdGUgb2YgY2hpbGQgYnV0dG9uIGl0ZW1zIGJhc2VkIG9uIHRoZSBwYXJlbnQncyBkaXNhYmxlZCBzdGF0ZS5cbiAgICpcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHJpdmF0ZSBfYmluZFByb3BzKCkge1xuICAgIHRoaXMuX2NvbnRlbnRCdXR0b25zPy5mb3JFYWNoKChiKSA9PiB7XG4gICAgICBiLmRpc2FibGVkID0gYi5kaXNhYmxlZCA/PyB0aGlzLmRpc2FibGVkO1xuICAgIH0pO1xuICB9XG5cbiAgLyoqXG4gICAqIEhhbmRsZXMgY2xpY2sgZXZlbnRzIGZyb20gYnV0dG9uIGl0ZW1zLlxuICAgKiBDbG9zZXMgdGhlIHBhcmVudCBjb21wb25lbnQgaWYgYXZhaWxhYmxlIGFuZCBlbWl0cyB0aGUgaXRlbSBjbGljayBldmVudC5cbiAgICpcbiAgICogQHBhcmFtIGUgLSBUaGUgY2xpY2sgZXZlbnQgZnJvbSB0aGUgYnV0dG9uIGl0ZW0uXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHByb3RlY3RlZCBfaGFuZGxlT25JdGVtQ2xpY2soZTogQVhDbGlja0V2ZW50KSB7XG4gICAgdGhpcy5wYXJlbnQ/LmNsb3NlKCk7XG4gICAgdGhpcy5fZW1pdE9uSXRlbUNsaWNrRXZlbnQoZSwgZS5jb21wb25lbnQpO1xuICB9XG5cbiAgLyoqXG4gICAqIEVtaXRzIHRoZSBvbkl0ZW1DbGljayBldmVudCB3aXRoIGRldGFpbHMgYWJvdXQgdGhlIGNsaWNrZWQgaXRlbS5cbiAgICpcbiAgICogQHBhcmFtIGUgLSBUaGUgY2xpY2sgZXZlbnQgZnJvbSB0aGUgYnV0dG9uIGl0ZW0uXG4gICAqIEBwYXJhbSBpdGVtIC0gVGhlIGJ1dHRvbiBpdGVtIGNvbXBvbmVudCB0aGF0IHdhcyBjbGlja2VkLlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBfZW1pdE9uSXRlbUNsaWNrRXZlbnQoZTogQVhDbGlja0V2ZW50LCBpdGVtOiBBWEJ1dHRvbkl0ZW1Db21wb25lbnQpOiB2b2lkIHtcbiAgICB0aGlzLm9uSXRlbUNsaWNrLmVtaXQoe1xuICAgICAgY29tcG9uZW50OiB0aGlzLFxuICAgICAgaXRlbSxcbiAgICAgIGh0bWxFbGVtZW50OiB0aGlzLmdldEhvc3RFbGVtZW50KCksXG4gICAgICBuYXRpdmVFdmVudDogZS5uYXRpdmVFdmVudCxcbiAgICAgIG5hbWU6IGl0ZW0ubmFtZSxcbiAgICAgIGRhdGE6IGl0ZW0uZGF0YSxcbiAgICB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiBHZW5lcmF0ZXMgdGhlIENTUyBjbGFzc2VzIGZvciB0aGUgYnV0dG9uIGl0ZW0gbGlzdCBob3N0IGVsZW1lbnQuXG4gICAqIEluY2x1ZGVzIGNsYXNzZXMgZm9yIGFjdGlvbiBsaXN0IGFuZCB2ZXJ0aWNhbCBsYXlvdXQuXG4gICAqXG4gICAqIEByZXR1cm5zIHN0cmluZyAtIFRoZSBzcGFjZS1zZXBhcmF0ZWQgQ1NTIGNsYXNzIG5hbWVzLlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgX19ob3N0Q2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYGF4LWFjdGlvbi1saXN0IGF4LWFjdGlvbi1saXN0LXZlcnRpY2FsYDtcbiAgfVxufVxuIl19","import { AXComponent, AXFocusableComponent, AXRippleDirective, MXButtonBaseComponent, } from '@acorex/cdk/common';\nimport { AXLoadingComponent } from '@acorex/components/loading';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, ViewEncapsulation, computed, contentChild, input, model, } from '@angular/core';\nimport { AXButtonItemComponent } from './button-item.component';\nimport as i0 from \"@angular/core\";\nimport * as i1 from \"@acorex/core/translation\";\nimport * as i2 from \"@angular/common\";\n/*\n The Button is a component which detects user interaction and triggers a corresponding event\n \n @category Components\n /\nexport class AXButtonComponent extends MXButtonBaseComponent {\n constructor() {\n super(...arguments);\n this.iconOnly = input(false, ...(ngDevMode ? [{ debugName: \"iconOnly\" }] : []));\n this.showIcon = computed(() => {\n return !this.hasLoadingIcon();\n }, ...(ngDevMode ? [{ debugName: \"showIcon\" }] : []));\n this.loadingIcon = contentChild(AXLoadingComponent, ...(ngDevMode ? [{ debugName: \"loadingIcon\" }] : []));\n this.hasLoadingIcon = computed(() => this.loadingIcon() != null, ...(ngDevMode ? [{ debugName: \"hasLoadingIcon\" }] : []));\n /\n Fires each time the user clicks the button.\n * @event\n /\n this.onClick = new EventEmitter();\n /\n Specifies the type of button to be used in the action sheet.\n \n @defaultValue 'button'\n /\n this.type = input('button', ...(ngDevMode ? [{ debugName: \"type\" }] : []));\n /\n Defines the text displayed while the action sheet is loading.\n \n @defaultValue null\n /\n this.loadingText = model(null, ...(ngDevMode ? [{ debugName: \"loadingText\" }] : []));\n }\n /\n @ignore\n /\n ngAfterViewInit() {\n // import(\"@acorex/styles/button/solid\")\n this.getHostElement().removeAttribute('tabindex');\n }\n /\n @ignore\n /\n getButton() {\n return this.getHostElement().firstElementChild;\n }\n /\n @ignore\n /\n _handleClick(e) {\n if (this.disabled) {\n e.preventDefault();\n return;\n }\n if (this.toggleable) {\n this.selected = !this.selected;\n }\n this.onClick.emit({\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n });\n // TODO: check keyboard event\n setTimeout(() => {\n this.blur();\n });\n }\n /\n Triggers a click event on the button element.\n /\n click() {\n this.getButton()?.click();\n }\n /\n @ignore\n /\n get __hostClass() {\n const list = Object.entries(this.cssClasses)\n .filter((c) => c[1])\n .map((c) => c[0]);\n if (this.iconOnly()) {\n list.push('ax-button-icon');\n }\n return list;\n }\n /\n Sets focus on the button element and adds a focus style class.\n \n /\n focus() {\n this.getButton()?.focus();\n this.getButton().classList.add('ax-state-focus');\n }\n /*\n Removes the focus style class from the button element\n * when the button loses focus.\n /\n blur() {\n this.getButton().classList.remove('ax-state-focus');\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.1.8\", type: AXButtonComponent, isStandalone: true, selector: \"ax-button\", inputs: { disabled: { classPropertyName: \"disabled\", publicName: \"disabled\", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: \"size\", publicName: \"size\", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: \"tabIndex\", publicName: \"tabIndex\", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: \"color\", publicName: \"color\", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: \"look\", publicName: \"look\", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: \"text\", publicName: \"text\", isSignal: false, isRequired: false, transformFunction: null }, toggleable: { classPropertyName: \"toggleable\", publicName: \"toggleable\", isSignal: false, isRequired: false, transformFunction: null }, selected: { classPropertyName: \"selected\", publicName: \"selected\", isSignal: false, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: \"iconOnly\", publicName: \"iconOnly\", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: \"type\", publicName: \"type\", isSignal: true, isRequired: false, transformFunction: null }, loadingText: { classPropertyName: \"loadingText\", publicName: \"loadingText\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onBlur: \"onBlur\", onFocus: \"onFocus\", onClick: \"onClick\", selectedChange: \"selectedChange\", toggleableChange: \"toggleableChange\", lookChange: \"lookChange\", colorChange: \"colorChange\", disabledChange: \"disabledChange\", loadingText: \"loadingTextChange\" }, host: { properties: { \"class\": \"this.__hostClass\" } }, providers: [\n { provide: AXComponent, useExisting: AXButtonComponent },\n { provide: AXButtonItemComponent, useExisting: AXButtonComponent },\n { provide: AXFocusableComponent, useExisting: AXButtonComponent },\n ], queries: [{ propertyName: \"loadingIcon\", first: true, predicate: AXLoadingComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: \"<button\\n [axRipple]\\n [disabled]=\\\"disabled\\\"\\n [attr.tabindex]=\\\"tabIndex\\\"\\n (focus)=\\\"emitOnFocusEvent($event)\\\"\\n (blur)=\\\"emitOnBlurEvent($event)\\\"\\n (click)=\\\"_handleClick($event)\\\"\\n [attr.type]=\\\"type()\\\"\\n>\\n <ng-content select=\\\"ax-loading, ax-loading-spinner\\\"> </ng-content>\\n\\n @if (showIcon()) {\\n <ng-content select=\\\"ax-prefix, ax-icon\\\"> </ng-content>\\n }\\n\\n <ng-content select=\\\"ax-content\\\"> </ng-content>\\n\\n @if (text && !loadingText() && !iconOnly()) {\\n <span class=\\\"ax-button-text\\\">{{ text \| translate \| async }}</span>\\n }\\n\\n @if (loadingText()) {\\n <span class=\\\"ax-button-text\\\">{{ loadingText() }}</span>\\n }\\n\\n <ng-content select=\\\"ax-suffix\\\"> </ng-content>\\n <ng-content select=\\\"ax-dropdown-panel\\\"> </ng-content>\\n <ng-content select=\\\".tab-content\\\"> </ng-content>\\n\\n <ng-content></ng-content>\\n</button>\\n\", styles: [\"ax-button{--ax-comp-button-padding-y: 0;--ax-comp-button-border-radius: var(--ax-sys-border-radius);--ax-comp-button-height: calc(var(--ax-sys-size-base) var(--ax-comp-button-size-ratio, 1));--ax-comp-button-text-padding-x: .5rem}ax-button ax-prefix{display:flex;padding-inline-start:var(--ax-comp-button-decorator-padding-x)}ax-button ax-suffix{display:flex;padding-inline-end:var(--ax-comp-button-decorator-padding-x)}ax-button.ax-button-icon{--ax-comp-button-decorator-padding-x: 0 !important;font-size:var(--ax-comp-button-icon-only-font-size)}.ax-xs ax-button,ax-button.ax-xs{--ax-comp-button-font-size: .75rem;--ax-comp-button-padding-x: .25rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: .875rem}.ax-sm ax-button,ax-button.ax-sm{--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: .5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1rem}.ax-md ax-button,ax-button{--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: 1rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: 1.25rem}.ax-lg ax-button,ax-button.ax-lg{--ax-comp-button-font-size: 1.125rem;--ax-comp-button-padding-x: 1.125rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.5rem}.ax-xl ax-button,ax-button.ax-xl{--ax-comp-button-font-size: 1.5rem;--ax-comp-button-padding-x: 1.5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.75rem}ax-button.ax-solid{--ax-comp-button-border-width: 1px}ax-button.ax-solid>button:focus-visible,ax-button.ax-solid>button.ax-state-focus{outline:2px solid;outline-offset:3px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-solid.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-darkest-surface)}ax-button.ax-solid.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-darkest-surface)}ax-button.ax-solid.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-darkest-surface)}ax-button.ax-solid.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-darkest-surface)}ax-button.ax-solid.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-darkest-surface)}ax-button.ax-solid.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-darkest-surface)}ax-button.ax-solid.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-darkest-surface)}ax-button.ax-solid.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-darkest-surface)}ax-button.ax-solid.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-darkest-surface)}ax-button.ax-solid.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-darkest-surface)}ax-button.ax-solid.ax-accent6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent6-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent6-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent6-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent6-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent6-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent6-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent6-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent6-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent6-darkest-surface)}ax-button.ax-solid.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-darkest-surface)}ax-button.ax-solid.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-solid.ax-default{--ax-comp-button-normal-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-outline.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-outline.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-outline{--ax-comp-button-border-width: 1px;--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-hover-bg-color: transparent;--ax-comp-button-pressed-bg-color: transparent;--ax-comp-button-focused-bg-color: transparent}ax-button.ax-outline>button:focus-visible,ax-button.ax-outline>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-outline.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-surface)}ax-button.ax-outline.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-outline.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-surface)}ax-button.ax-outline.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-surface)}ax-button.ax-outline.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-surface)}ax-button.ax-outline.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-outline.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-outline.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-outline.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-outline.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-outline.ax-accent6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent6-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent6-surface)}ax-button.ax-outline.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-twotone.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-light-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-darker-surface)}.ax-dark ax-button.ax-twotone.ax-default{--ax-comp-button-normal-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-lighter-surface)}ax-button.ax-twotone{--ax-comp-button-border-width: 1px}ax-button.ax-twotone>button:focus-visible,ax-button.ax-twotone>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-twotone.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-surface)}ax-button.ax-twotone.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-twotone.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-surface)}ax-button.ax-twotone.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-surface)}ax-button.ax-twotone.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-surface)}ax-button.ax-twotone.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-twotone.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-twotone.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-twotone.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-twotone.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-twotone.ax-accent6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent6-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent6-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent6-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent6-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent6-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent6-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent6-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent6-surface)}ax-button.ax-twotone.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-blank.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-blank.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-blank{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-normal-border-color: transparent;--ax-comp-button-border-width: 0px}ax-button.ax-blank>button:focus-visible,ax-button.ax-blank>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-blank.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface)}ax-button.ax-blank.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-blank.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface)}ax-button.ax-blank.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface)}ax-button.ax-blank.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface)}ax-button.ax-blank.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-blank.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-blank.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-blank.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-blank.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-blank.ax-accent6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent6-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent6-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent6-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent6-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent6-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent6-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent6-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent6-surface)}ax-button.ax-blank.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-link.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-link.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-link{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-normal-border-color: transparent;--ax-comp-button-border-width: 0px}ax-button.ax-link>button:focus-visible,ax-button.ax-link>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-link.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface)}ax-button.ax-link.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface)}ax-button.ax-link.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface)}ax-button.ax-link.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface)}ax-button.ax-link.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface)}ax-button.ax-link.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface)}ax-button.ax-link.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface)}ax-button.ax-link.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface)}ax-button.ax-link.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface)}ax-button.ax-link.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface)}ax-button.ax-link.ax-accent6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent6-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent6-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent6-surface)}ax-button.ax-link.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface)}ax-button-item.ax-primary{--ax-comp-button-item-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-primary-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-primary-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-primary-surface)}ax-button-item.ax-secondary{--ax-comp-button-item-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-secondary-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-secondary-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-secondary-surface)}ax-button-item.ax-success{--ax-comp-button-item-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-success-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-success-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-success-surface)}ax-button-item.ax-warning{--ax-comp-button-item-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-warning-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-warning-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-warning-surface)}ax-button-item.ax-danger{--ax-comp-button-item-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-danger-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-danger-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-danger-surface)}ax-button-item.ax-accent1{--ax-comp-button-item-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent1-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent1-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent1-surface)}ax-button-item.ax-accent2{--ax-comp-button-item-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent2-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent2-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent2-surface)}ax-button-item.ax-accent3{--ax-comp-button-item-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent3-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent3-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent3-surface)}ax-button-item.ax-accent4{--ax-comp-button-item-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent4-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent4-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent4-surface)}ax-button-item.ax-accent5{--ax-comp-button-item-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent5-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent5-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent5-surface)}ax-button-item.ax-accent6{--ax-comp-button-item-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent6-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent6-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent6-surface)}ax-button-item.ax-accent7{--ax-comp-button-item-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent7-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent7-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent7-surface)}ax-button{position:relative;display:inline-flex;cursor:pointer;align-items:center;justify-content:center;transition-property:background-color,border-color,color;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);color:rgba(var(--ax-comp-button-normal-text-color));background-color:rgba(var(--ax-comp-button-normal-bg-color));border-color:rgba(var(--ax-comp-button-normal-border-color));border-width:var(--ax-comp-button-border-width, 0px);font-family:var(--ax-comp-button-font-family);font-size:var(--ax-comp-button-font-size);font-weight:var(--ax-comp-button-font-weight);border-radius:var(--ax-comp-button-border-radius);height:var(--ax-comp-button-height);line-height:var(--ax-comp-button-height)}ax-button>button{position:relative;display:inline-flex;height:100%;width:100%;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit;outline-color:transparent;-webkit-user-select:none;user-select:none;padding:var(--ax-comp-button-padding-y) var(--ax-comp-button-padding-x)}ax-button>button .ax-button-text{white-space:nowrap;padding:0 var(--ax-comp-button-text-padding-x);font-weight:500}ax-button:hover:not(ax-button:hover.ax-state-disabled,ax-button:hover.ax-state-loading,ax-button:hover.ax-state-selected){color:rgba(var(--ax-comp-button-hover-text-color));background-color:rgba(var(--ax-comp-button-hover-bg-color));border-color:rgba(var(--ax-comp-button-hover-border-color))}ax-button:active:not(ax-button:active.ax-state-disabled,ax-button:active.ax-state-loading,ax-button:active.ax-state-selected){color:rgba(var(--ax-comp-button-pressed-text-color));background-color:rgba(var(--ax-comp-button-pressed-bg-color));border-color:rgba(var(--ax-comp-button-pressed-border-color))}ax-button.ax-state-disabled,ax-button.ax-state-loading{opacity:.5}ax-button.ax-state-disabled>button,ax-button.ax-state-loading>button{cursor:not-allowed}ax-button.ax-button-icon{height:var(--ax-comp-button-height);width:var(--ax-comp-button-height)}ax-button.ax-state-selected{color:rgba(var(--ax-comp-button-selected-text-color));background-color:rgba(var(--ax-comp-button-selected-bg-color));border-color:rgba(var(--ax-comp-button-selected-border-color))}\\n\"], dependencies: [{ kind: \"directive\", type: AXRippleDirective, selector: \"[axRipple]\", inputs: [\"axRipple\", \"axRippleColor\"] }, { kind: \"ngmodule\", type: AXTranslationModule }, { kind: \"ngmodule\", type: CommonModule }, { kind: \"pipe\", type: i1.AXTranslatorPipe, name: \"translate\" }, { kind: \"pipe\", type: i2.AsyncPipe, name: \"async\" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXButtonComponent, decorators: [{\n type: Component,\n args: [{ selector: 'ax-button', inputs: ['disabled', 'size', 'tabIndex', 'color', 'look', 'text', 'toggleable', 'selected'], outputs: [\n 'onBlur',\n 'onFocus',\n 'onClick',\n 'selectedChange',\n 'toggleableChange',\n 'lookChange',\n 'colorChange',\n 'disabledChange',\n ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [\n { provide: AXComponent, useExisting: AXButtonComponent },\n { provide: AXButtonItemComponent, useExisting: AXButtonComponent },\n { provide: AXFocusableComponent, useExisting: AXButtonComponent },\n ], imports: [AXRippleDirective, AXTranslationModule, CommonModule], template: \"<button\\n [axRipple]\\n [disabled]=\\\"disabled\\\"\\n [attr.tabindex]=\\\"tabIndex\\\"\\n (focus)=\\\"emitOnFocusEvent($event)\\\"\\n (blur)=\\\"emitOnBlurEvent($event)\\\"\\n (click)=\\\"_handleClick($event)\\\"\\n [attr.type]=\\\"type()\\\"\\n>\\n <ng-content select=\\\"ax-loading, ax-loading-spinner\\\"> </ng-content>\\n\\n @if (showIcon()) {\\n <ng-content select=\\\"ax-prefix, ax-icon\\\"> </ng-content>\\n }\\n\\n <ng-content select=\\\"ax-content\\\"> </ng-content>\\n\\n @if (text && !loadingText() && !iconOnly()) {\\n <span class=\\\"ax-button-text\\\">{{ text \| translate \| async }}</span>\\n }\\n\\n @if (loadingText()) {\\n <span class=\\\"ax-button-text\\\">{{ loadingText() }}</span>\\n }\\n\\n <ng-content select=\\\"ax-suffix\\\"> </ng-content>\\n <ng-content select=\\\"ax-dropdown-panel\\\"> </ng-content>\\n <ng-content select=\\\".tab-content\\\"> </ng-content>\\n\\n <ng-content></ng-content>\\n</button>\\n\", styles: [\"ax-button{--ax-comp-button-padding-y: 0;--ax-comp-button-border-radius: var(--ax-sys-border-radius);--ax-comp-button-height: calc(var(--ax-sys-size-base) * var(--ax-comp-button-size-ratio, 1));--ax-comp-button-text-padding-x: .5rem}ax-button ax-prefix{display:flex;padding-inline-start:var(--ax-comp-button-decorator-padding-x)}ax-button ax-suffix{display:flex;padding-inline-end:var(--ax-comp-button-decorator-padding-x)}ax-button.ax-button-icon{--ax-comp-button-decorator-padding-x: 0 !important;font-size:var(--ax-comp-button-icon-only-font-size)}.ax-xs ax-button,ax-button.ax-xs{--ax-comp-button-font-size: .75rem;--ax-comp-button-padding-x: .25rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: .875rem}.ax-sm ax-button,ax-button.ax-sm{--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: .5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1rem}.ax-md ax-button,ax-button{--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: 1rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: 1.25rem}.ax-lg ax-button,ax-button.ax-lg{--ax-comp-button-font-size: 1.125rem;--ax-comp-button-padding-x: 1.125rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.5rem}.ax-xl ax-button,ax-button.ax-xl{--ax-comp-button-font-size: 1.5rem;--ax-comp-button-padding-x: 1.5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.75rem}ax-button.ax-solid{--ax-comp-button-border-width: 1px}ax-button.ax-solid>button:focus-visible,ax-button.ax-solid>button.ax-state-focus{outline:2px solid;outline-offset:3px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-solid.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-darkest-surface)}ax-button.ax-solid.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-darkest-surface)}ax-button.ax-solid.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-darkest-surface)}ax-button.ax-solid.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-darkest-surface)}ax-button.ax-solid.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-darkest-surface)}ax-button.ax-solid.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-darkest-surface)}ax-button.ax-solid.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-darkest-surface)}ax-button.ax-solid.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-darkest-surface)}ax-button.ax-solid.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-darkest-surface)}ax-button.ax-solid.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-darkest-surface)}ax-button.ax-solid.ax-accent6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent6-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent6-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent6-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent6-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent6-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent6-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent6-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent6-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent6-darkest-surface)}ax-button.ax-solid.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-darker-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-darkest-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-darkest-surface)}ax-button.ax-solid.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-solid.ax-default{--ax-comp-button-normal-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-outline.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-outline.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-outline{--ax-comp-button-border-width: 1px;--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-hover-bg-color: transparent;--ax-comp-button-pressed-bg-color: transparent;--ax-comp-button-focused-bg-color: transparent}ax-button.ax-outline>button:focus-visible,ax-button.ax-outline>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-outline.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-surface)}ax-button.ax-outline.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-outline.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-surface)}ax-button.ax-outline.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-surface)}ax-button.ax-outline.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-surface)}ax-button.ax-outline.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-outline.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-outline.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-outline.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-outline.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-outline.ax-accent6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent6-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent6-surface)}ax-button.ax-outline.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-twotone.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-light-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-darker-surface)}.ax-dark ax-button.ax-twotone.ax-default{--ax-comp-button-normal-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-dark-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-lighter-surface)}ax-button.ax-twotone{--ax-comp-button-border-width: 1px}ax-button.ax-twotone>button:focus-visible,ax-button.ax-twotone>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-twotone.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-surface)}ax-button.ax-twotone.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-twotone.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-surface)}ax-button.ax-twotone.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-surface)}ax-button.ax-twotone.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-surface)}ax-button.ax-twotone.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-twotone.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-twotone.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-twotone.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-twotone.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-twotone.ax-accent6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent6-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent6-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent6-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent6-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent6-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent6-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent6-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent6-surface)}ax-button.ax-twotone.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-blank.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-blank.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-normal-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-hover-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-pressed-border-color: var(--ax-sys-color-border-surface);--ax-comp-button-focused-bg-color: var(--ax-sys-color-light-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-border-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-blank{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-normal-border-color: transparent;--ax-comp-button-border-width: 0px}ax-button.ax-blank>button:focus-visible,ax-button.ax-blank>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-blank.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-primary-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface)}ax-button.ax-blank.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-secondary-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface)}ax-button.ax-blank.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-success-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface)}ax-button.ax-blank.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-warning-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface)}ax-button.ax-blank.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-danger-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface)}ax-button.ax-blank.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent1-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent1-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface)}ax-button.ax-blank.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent2-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent2-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface)}ax-button.ax-blank.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent3-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent3-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface)}ax-button.ax-blank.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent4-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent4-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface)}ax-button.ax-blank.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent5-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent5-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface)}ax-button.ax-blank.ax-accent6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent6-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent6-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent6-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent6-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent6-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent6-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent6-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent6-surface)}ax-button.ax-blank.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-on-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-button-hover-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-accent7-lighter-surface);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-button-focused-text-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-focused-border-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-focused-outline-color: var(---ax-sys-color-accent7-light-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface)}ax-button.ax-link.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-darker-surface)}.ax-dark ax-button.ax-link.ax-default{--ax-comp-button-normal-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-light-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-border-light-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-button-selected-border-color: var(--ax-sys-color-border-lighter-surface)}ax-button.ax-link{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-normal-border-color: transparent;--ax-comp-button-border-width: 0px}ax-button.ax-link>button:focus-visible,ax-button.ax-link>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-link.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary-surface)}ax-button.ax-link.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary-surface)}ax-button.ax-link.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success-surface)}ax-button.ax-link.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning-surface)}ax-button.ax-link.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger-surface)}ax-button.ax-link.ax-accent1{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent1-surface)}ax-button.ax-link.ax-accent2{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent2-surface)}ax-button.ax-link.ax-accent3{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent3-surface)}ax-button.ax-link.ax-accent4{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent4-surface)}ax-button.ax-link.ax-accent5{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent5-surface)}ax-button.ax-link.ax-accent6{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent6-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent6-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent6-surface)}ax-button.ax-link.ax-accent7{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-pressed-text-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-button-focused-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-focused-outline-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-button-selected-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-accent7-surface)}ax-button-item.ax-primary{--ax-comp-button-item-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-primary-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-primary-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-primary-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-primary-surface)}ax-button-item.ax-secondary{--ax-comp-button-item-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-secondary-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-secondary-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-secondary-surface)}ax-button-item.ax-success{--ax-comp-button-item-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-success-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-success-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-success-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-success-surface)}ax-button-item.ax-warning{--ax-comp-button-item-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-warning-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-warning-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-warning-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-warning-surface)}ax-button-item.ax-danger{--ax-comp-button-item-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-danger-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-danger-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-danger-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-danger-surface)}ax-button-item.ax-accent1{--ax-comp-button-item-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent1-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent1-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent1-surface)}ax-button-item.ax-accent2{--ax-comp-button-item-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent2-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent2-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent2-surface)}ax-button-item.ax-accent3{--ax-comp-button-item-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent3-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent3-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent3-surface)}ax-button-item.ax-accent4{--ax-comp-button-item-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent4-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent4-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent4-surface)}ax-button-item.ax-accent5{--ax-comp-button-item-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent5-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent5-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent5-surface)}ax-button-item.ax-accent6{--ax-comp-button-item-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent6-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent6-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent6-surface)}ax-button-item.ax-accent7{--ax-comp-button-item-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-item-hover-bg-color: var(--ax-sys-color-accent7-surface), .1;--ax-comp-button-item-hover-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-button-item-selected-bg-color: var(--ax-sys-color-accent7-surface), .2;--ax-comp-button-item-selected-text-color: var(--ax-sys-color-accent7-surface)}ax-button{position:relative;display:inline-flex;cursor:pointer;align-items:center;justify-content:center;transition-property:background-color,border-color,color;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);color:rgba(var(--ax-comp-button-normal-text-color));background-color:rgba(var(--ax-comp-button-normal-bg-color));border-color:rgba(var(--ax-comp-button-normal-border-color));border-width:var(--ax-comp-button-border-width, 0px);font-family:var(--ax-comp-button-font-family);font-size:var(--ax-comp-button-font-size);font-weight:var(--ax-comp-button-font-weight);border-radius:var(--ax-comp-button-border-radius);height:var(--ax-comp-button-height);line-height:var(--ax-comp-button-height)}ax-button>button{position:relative;display:inline-flex;height:100%;width:100%;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit;outline-color:transparent;-webkit-user-select:none;user-select:none;padding:var(--ax-comp-button-padding-y) var(--ax-comp-button-padding-x)}ax-button>button .ax-button-text{white-space:nowrap;padding:0 var(--ax-comp-button-text-padding-x);font-weight:500}ax-button:hover:not(ax-button:hover.ax-state-disabled,ax-button:hover.ax-state-loading,ax-button:hover.ax-state-selected){color:rgba(var(--ax-comp-button-hover-text-color));background-color:rgba(var(--ax-comp-button-hover-bg-color));border-color:rgba(var(--ax-comp-button-hover-border-color))}ax-button:active:not(ax-button:active.ax-state-disabled,ax-button:active.ax-state-loading,ax-button:active.ax-state-selected){color:rgba(var(--ax-comp-button-pressed-text-color));background-color:rgba(var(--ax-comp-button-pressed-bg-color));border-color:rgba(var(--ax-comp-button-pressed-border-color))}ax-button.ax-state-disabled,ax-button.ax-state-loading{opacity:.5}ax-button.ax-state-disabled>button,ax-button.ax-state-loading>button{cursor:not-allowed}ax-button.ax-button-icon{height:var(--ax-comp-button-height);width:var(--ax-comp-button-height)}ax-button.ax-state-selected{color:rgba(var(--ax-comp-button-selected-text-color));background-color:rgba(var(--ax-comp-button-selected-bg-color));border-color:rgba(var(--ax-comp-button-selected-border-color))}\\n\"] }]\n }], propDecorators: { __hostClass: [{\n type: HostBinding,\n args: ['class']\n }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvYnV0dG9uL3NyYy9saWIvYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvYnV0dG9uL3NyYy9saWIvYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxXQUFXLEVBQ1gsb0JBQW9CLEVBQ3BCLGlCQUFpQixFQUNqQixxQkFBcUIsR0FDdEIsTUFBTSxvQkFBb0IsQ0FBQztBQUM1QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLFdBQVcsRUFDWCxpQkFBaUIsRUFDakIsUUFBUSxFQUNSLFlBQVksRUFDWixLQUFLLEVBQ0wsS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7O0FBRWhFOzs7O0dBSUc7QUF5QkgsTUFBTSxPQUFPLGlCQUFrQixTQUFRLHFCQUFxQjtJQXhCNUQ7O1FBeUJFLGFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxvREFBQyxDQUFDO1FBRWQsYUFBUSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDakMsT0FBTyxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUNoQyxDQUFDLG9EQUFDLENBQUM7UUFDTyxnQkFBVyxHQUFHLFlBQVksQ0FBQyxrQkFBa0IsdURBQUMsQ0FBQztRQUMvQyxtQkFBYyxHQUFHLFFBQVEsQ0FB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RCxpQkFBaUI7a0JBeEI3QixTQUFTOytCQUNFLFdBQVcsVUFHYixDQUFDLFVBQVUsRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxVQUFVLENBQUMsV0FDbEY7d0JBQ1AsUUFBUTt3QkFDUixTQUFTO3dCQUNULFNBQVM7d0JBQ1QsZ0JBQWdCO3dCQUNoQixrQkFBa0I7d0JBQ2xCLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixnQkFBZ0I7cUJBQ2pCLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLGFBQzFCO3dCQUNULEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLG1CQUFtQixFQUFFO3dCQUN4RCxFQUFFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxXQUFXLG1CQUFtQixFQUFFO3dCQUNsRSxFQUFFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxXQUFXLG1CQUFtQixFQUFFO3FCQUNsRSxXQUNRLENBQUMsaUJBQWlCLEVBQUUsbUJBQW1CLEVBQUUsWUFBWSxDQUFDOzhCQWdGbkQsV0FBVztzQkFEdEIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQVhDbGlja0V2ZW50LFxuICBBWENvbXBvbmVudCxcbiAgQVhGb2N1c2FibGVDb21wb25lbnQsXG4gIEFYUmlwcGxlRGlyZWN0aXZlLFxuICBNWEJ1dHRvbkJhc2VDb21wb25lbnQsXG59IGZyb20gJ0BhY29yZXgvY2RrL2NvbW1vbic7XG5pbXBvcnQgeyBBWExvYWRpbmdDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbG9hZGluZyc7XG5pbXBvcnQgeyBBWFRyYW5zbGF0aW9uTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb3JlL3RyYW5zbGF0aW9uJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgY29tcHV0ZWQsXG4gIGNvbnRlbnRDaGlsZCxcbiAgaW5wdXQsXG4gIG1vZGVsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYQnV0dG9uVHlwZSB9IGZyb20gJy4vYnV0dG9uLWl0ZW0uY2xhc3MnO1xuaW1wb3J0IHsgQVhCdXR0b25JdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9idXR0b24taXRlbS5jb21wb25lbnQnO1xuXG4vKipcbiAqIFRoZSBCdXR0b24gaXMgYSBjb21wb25lbnQgd2hpY2ggZGV0ZWN0cyB1c2VyIGludGVyYWN0aW9uIGFuZCB0cmlnZ2VycyBhIGNvcnJlc3BvbmRpbmcgZXZlbnRcbiAqXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGlucHV0czogWydkaXNhYmxlZCcsICdzaXplJywgJ3RhYkluZGV4JywgJ2NvbG9yJywgJ2xvb2snLCAndGV4dCcsICd0b2dnbGVhYmxlJywgJ3NlbGVjdGVkJ10sXG4gIG91dHB1dHM6IFtcbiAgICAnb25CbHVyJyxcbiAgICAnb25Gb2N1cycsXG4gICAgJ29uQ2xpY2snLFxuICAgICdzZWxlY3RlZENoYW5nZScsXG4gICAgJ3RvZ2dsZWFibGVDaGFuZ2UnLFxuICAgICdsb29rQ2hhbmdlJyxcbiAgICAnY29sb3JDaGFuZ2UnLFxuICAgICdkaXNhYmxlZENoYW5nZScsXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBwcm92aWRlcnM6IFtcbiAgICB7IHByb3ZpZGU6IEFYQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhCdXR0b25Db21wb25lbnQgfSxcbiAgICB7IHByb3ZpZGU6IEFYQnV0dG9uSXRlbUNvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYQnV0dG9uQ29tcG9uZW50IH0sXG4gICAgeyBwcm92aWRlOiBBWEZvY3VzYWJsZUNvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYQnV0dG9uQ29tcG9uZW50IH0sXG4gIF0sXG4gIGltcG9ydHM6IFtBWFJpcHBsZURpcmVjdGl2ZSwgQVhUcmFuc2xhdGlvbk1vZHVsZSwgQ29tbW9uTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhCdXR0b25Db21wb25lbnQgZXh0ZW5kcyBNWEJ1dHRvbkJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgaWNvbk9ubHkgPSBpbnB1dChmYWxzZSk7XG5cbiAgcHJvdGVjdGVkIHNob3dJY29uID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIHJldHVybiAhdGhpcy5oYXNMb2FkaW5nSWNvbigpO1xuICB9KTtcbiAgcHJvdGVjdGVkIGxvYWRpbmdJY29uID0gY29udGVudENoaWxkKEFYTG9hZGluZ0NvbXBvbmVudCk7XG4gIHByb3RlY3RlZCBoYXNMb2FkaW5nSWNvbiA9IGNvbXB1dGVkKCgpID0+IHRoaXMubG9hZGluZ0ljb24oKSAhPSBudWxsKTtcblxuICAvKipcbiAgICogIEZpcmVzIGVhY2ggdGltZSB0aGUgdXNlciBjbGlja3MgdGhlIGJ1dHRvbi5cbiAgICogIEBldmVudFxuICAgKi9cbiAgb25DbGljazogRXZlbnRFbWl0dGVyPEFYQ2xpY2tFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEFYQ2xpY2tFdmVudD4oKTtcblxuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSB0eXBlIG9mIGJ1dHRvbiB0byBiZSB1c2VkIGluIHRoZSBhY3Rpb24gc2hlZXQuXG4gICAqXG4gICAqIEBkZWZhdWx0VmFsdWUgJ2J1dHRvbidcbiAgICovXG4gIHR5cGUgPSBpbnB1dDxBWEJ1dHRvblR5cGU+KCdidXR0b24nKTtcblxuICAvKipcbiAgICogRGVmaW5lcyB0aGUgdGV4dCBkaXNwbGF5ZWQgd2hpbGUgdGhlIGFjdGlvbiBzaGVldCBpcyBsb2FkaW5nLlxuICAgKlxuICAgKiBAZGVmYXVsdFZhbHVlIG51bGxcbiAgICovXG4gIGxvYWRpbmdUZXh0ID0gbW9kZWw8c3RyaW5nIHwgbnVsbD4obnVsbCk7XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgLy8gaW1wb3J0KFwiQGFjb3JleC9zdHlsZXMvYnV0dG9uL3NvbGlkXCIpXG4gICAgdGhpcy5nZXRIb3N0RWxlbWVudCgpLnJlbW92ZUF0dHJpYnV0ZSgndGFiaW5kZXgnKTtcbiAgfVxuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgcHJpdmF0ZSBnZXRCdXR0b24oKTogSFRNTEJ1dHRvbkVsZW1lbnQge1xuICAgIHJldHVybiB0aGlzLmdldEhvc3RFbGVtZW50KCkuZmlyc3RFbGVtZW50Q2hpbGQgYXMgSFRNTEJ1dHRvbkVsZW1lbnQ7XG4gIH1cblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIF9oYW5kbGVDbGljayhlOiBNb3VzZUV2ZW50KSB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgaWYgKHRoaXMudG9nZ2xlYWJsZSkge1xuICAgICAgdGhpcy5zZWxlY3RlZCA9ICF0aGlzLnNlbGVjdGVkO1xuICAgIH1cbiAgICB0aGlzLm9uQ2xpY2suZW1pdCh7XG4gICAgICBjb21wb25lbnQ6IHRoaXMsXG4gICAgICBodG1sRWxlbWVudDogdGhpcy5nZXRIb3N0RWxlbWVudCgpLFxuICAgICAgbmF0aXZlRXZlbnQ6IGUsXG4gICAgfSk7XG5cbiAgICAvLyBUT0RPOiBjaGVjayBrZXlib2FyZCBldmVudFxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5ibHVyKCk7XG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogVHJpZ2dlcnMgYSBjbGljayBldmVudCBvbiB0aGUgYnV0dG9uIGVsZW1lbnQuXG4gICAqL1xuICBjbGljaygpIHtcbiAgICB0aGlzLmdldEJ1dHRvbigpPy5jbGljaygpO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgX19ob3N0Q2xhc3MoKTogc3RyaW5nW10ge1xuICAgIGNvbnN0IGxpc3QgPSBPYmplY3QuZW50cmllcyh0aGlzLmNzc0NsYXNzZXMpXG4gICAgICAuZmlsdGVyKChjKSA9PiBjWzFdKVxuICAgICAgLm1hcCgoYykgPT4gY1swXSk7XG4gICAgaWYgKHRoaXMuaWNvbk9ubHkoKSkge1xuICAgICAgbGlzdC5wdXNoKCdheC1idXR0b24taWNvbicpO1xuICAgIH1cbiAgICByZXR1cm4gbGlzdDtcbiAgfVxuXG4gIC8qKlxuICAgKiBTZXRzIGZvY3VzIG9uIHRoZSBidXR0b24gZWxlbWVudCBhbmQgYWRkcyBhIGZvY3VzIHN0eWxlIGNsYXNzLlxuICAgKlxuICAgKi9cbiAgb3ZlcnJpZGUgZm9jdXMoKSB7XG4gICAgdGhpcy5nZXRCdXR0b24oKT8uZm9jdXMoKTtcbiAgICB0aGlzLmdldEJ1dHRvbigpLmNsYXNzTGlzdC5hZGQoJ2F4LXN0YXRlLWZvY3VzJyk7XG4gIH1cbiAgLyoqXG4gICAqIFJlbW92ZXMgdGhlIGZvY3VzIHN0eWxlIGNsYXNzIGZyb20gdGhlIGJ1dHRvbiBlbGVtZW50XG4gICAqIHdoZW4gdGhlIGJ1dHRvbiBsb3NlcyBmb2N1cy5cbiAgICovXG4gIG92ZXJyaWRlIGJsdXIoKSB7XG4gICAgdGhpcy5nZXRCdXR0b24oKS5jbGFzc0xpc3QucmVtb3ZlKCdheC1zdGF0ZS1mb2N1cycpO1xuICB9XG59XG4iLCI8YnV0dG9uXG4gIFtheFJpcHBsZV1cbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgW2F0dHIudGFiaW5kZXhdPVwidGFiSW5kZXhcIlxuICAoZm9jdXMpPVwiZW1pdE9uRm9jdXNFdmVudCgkZXZlbnQpXCJcbiAgKGJsdXIpPVwiZW1pdE9uQmx1ckV2ZW50KCRldmVudClcIlxuICAoY2xpY2spPVwiX2hhbmRsZUNsaWNrKCRldmVudClcIlxuICBbYXR0ci50eXBlXT1cInR5cGUoKVwiXG4+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWxvYWRpbmcsIGF4LWxvYWRpbmctc3Bpbm5lclwiPiA8L25nLWNvbnRlbnQ+XG5cbiAgQGlmIChzaG93SWNvbigpKSB7XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtcHJlZml4LCBheC1pY29uXCI+IDwvbmctY29udGVudD5cbiAgfVxuXG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWNvbnRlbnRcIj4gPC9uZy1jb250ZW50PlxuXG4gIEBpZiAodGV4dCAmJiAhbG9hZGluZ1RleHQoKSAmJiAhaWNvbk9ubHkoKSkge1xuICAgIDxzcGFuIGNsYXNzPVwiYXgtYnV0dG9uLXRleHRcIj57eyB0ZXh0IHwgdHJhbnNsYXRlIHwgYXN5bmMgfX08L3NwYW4+XG4gIH1cblxuICBAaWYgKGxvYWRpbmdUZXh0KCkpIHtcbiAgICA8c3BhbiBjbGFzcz1cImF4LWJ1dHRvbi10ZXh0XCI+e3sgbG9hZGluZ1RleHQoKSB9fTwvc3Bhbj5cbiAgfVxuXG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LXN1ZmZpeFwiPiA8L25nLWNvbnRlbnQ+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWRyb3Bkb3duLXBhbmVsXCI+IDwvbmctY29udGVudD5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiLnRhYi1jb250ZW50XCI+IDwvbmctY29udGVudD5cblxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2J1dHRvbj5cbiJdfQ==","import { NgModule } from '@angular/core';\nimport { AXButtonItemListComponent } from './button-item-list.component';\nimport { AXButtonItemComponent } from './button-item.component';\nimport { AXButtonComponent } from './button.component';\nimport * as i0 from \"@angular/core\";\nexport class AXButtonModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.1.8\", ngImport: i0, type: AXButtonModule, imports: [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent], exports: [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXButtonModule, imports: [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXButtonModule, decorators: [{\n type: NgModule,\n args: [{\n imports: [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent],\n exports: [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent],\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvYnV0dG9uL3NyYy9saWIvYnV0dG9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQU12RCxNQUFNLE9BQU8sY0FBYzs4R0FBZCxjQUFjOytHQUFkLGNBQWMsWUFIZixpQkFBaUIsRUFBRSxxQkFBcUIsRUFBRSx5QkFBeUIsYUFDbkUsaUJBQWlCLEVBQUUscUJBQXFCLEVBQUUseUJBQXlCOytHQUVsRSxjQUFjLFlBSGYsaUJBQWlCLEVBQUUscUJBQXFCLEVBQUUseUJBQXlCOzsyRkFHbEUsY0FBYztrQkFKMUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsRUFBRSxxQkFBcUIsRUFBRSx5QkFBeUIsQ0FBQztvQkFDOUUsT0FBTyxFQUFFLENBQUMsaUJBQWlCLEVBQUUscUJBQXFCLEVBQUUseUJBQXlCLENBQUM7aUJBQy9FIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYQnV0dG9uSXRlbUxpc3RDb21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi1pdGVtLWxpc3QuY29tcG9uZW50JztcbmltcG9ydCB7IEFYQnV0dG9uSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vYnV0dG9uLWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IEFYQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9idXR0b24uY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW0FYQnV0dG9uQ29tcG9uZW50LCBBWEJ1dHRvbkl0ZW1Db21wb25lbnQsIEFYQnV0dG9uSXRlbUxpc3RDb21wb25lbnRdLFxuICBleHBvcnRzOiBbQVhCdXR0b25Db21wb25lbnQsIEFYQnV0dG9uSXRlbUNvbXBvbmVudCwgQVhCdXR0b25JdGVtTGlzdENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEFYQnV0dG9uTW9kdWxlIHt9XG4iXX0=","/*\n Generated bundle index. Do not edit.\n /\nexport from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtYnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9idXR0b24vc3JjL2Fjb3JleC1jb21wb25lbnRzLWJ1dHRvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":["i1","i2"],"mappings":"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"}