@acorex/components 7.11.1 → 7.11.3
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.
- package/button/lib/button-item-list.component.d.ts +6 -6
- package/button/lib/button-item.component.d.ts +9 -1
- package/data-table/index.d.ts +1 -1
- package/data-table/lib/columns/{data-column.d.ts → data-table-column.d.ts} +4 -4
- package/data-table/lib/columns/data-text-column.component.d.ts +9 -4
- package/data-table/lib/columns/row-command-column.component.d.ts +28 -21
- package/data-table/lib/columns/row-index-column.component.d.ts +9 -4
- package/data-table/lib/columns/row-select-column.component.d.ts +3 -3
- package/data-table/lib/data-table.component.d.ts +14 -5
- package/data-table/lib/data-table.module.d.ts +11 -9
- package/esm2022/button/lib/button-item-list.component.mjs +35 -10
- package/esm2022/button/lib/button-item.component.mjs +1 -1
- package/esm2022/button/lib/button.component.mjs +2 -2
- package/esm2022/common/index.mjs +1 -1
- package/esm2022/common/lib/common.module.mjs +2 -2
- package/esm2022/data-pager/lib/data-pager-pagesize-dropdown.component.mjs +1 -1
- package/esm2022/data-table/index.mjs +2 -2
- package/esm2022/data-table/lib/columns/data-table-column.mjs +35 -0
- package/esm2022/data-table/lib/columns/data-text-column.component.mjs +36 -12
- package/esm2022/data-table/lib/columns/row-command-column.component.mjs +152 -64
- package/esm2022/data-table/lib/columns/row-index-column.component.mjs +34 -10
- package/esm2022/data-table/lib/columns/row-select-column.component.mjs +8 -8
- package/esm2022/data-table/lib/data-table.component.mjs +66 -18
- package/esm2022/data-table/lib/data-table.module.mjs +20 -11
- package/esm2022/dropdown/lib/dropdown-panel.component.mjs +14 -4
- package/fesm2022/acorex-components-button.mjs +33 -11
- package/fesm2022/acorex-components-button.mjs.map +1 -1
- package/fesm2022/acorex-components-common.mjs +1 -1
- package/fesm2022/acorex-components-common.mjs.map +1 -1
- package/fesm2022/acorex-components-data-pager.mjs +1 -1
- package/fesm2022/acorex-components-data-pager.mjs.map +1 -1
- package/fesm2022/acorex-components-data-table.mjs +337 -148
- package/fesm2022/acorex-components-data-table.mjs.map +1 -1
- package/fesm2022/acorex-components-dropdown.mjs +13 -3
- package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
- package/package.json +1 -1
- package/esm2022/data-table/lib/columns/data-column.mjs +0 -35
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { MXInteractiveComponent, MXColorComponent, MXButtonBaseComponent, AXComponent, AXFocusableComponent, AXCommonModule } from '@acorex/components/common';
|
|
3
|
-
import * as i1$1 from '@acorex/components/dropdown';
|
|
4
|
-
import { AXDropdownPanelComponent } from '@acorex/components/dropdown';
|
|
1
|
+
import * as i4 from '@acorex/components/common';
|
|
2
|
+
import { MXInteractiveComponent, MXColorComponent, AXClosbaleComponent, MXButtonBaseComponent, AXComponent, AXFocusableComponent, AXCommonModule } from '@acorex/components/common';
|
|
5
3
|
import * as i0 from '@angular/core';
|
|
6
4
|
import { EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, HostListener, HostBinding, Inject, ContentChildren, NgModule } from '@angular/core';
|
|
7
5
|
import { classes } from 'polytype';
|
|
8
6
|
import * as i1 from '@angular/common';
|
|
9
7
|
import { CommonModule } from '@angular/common';
|
|
8
|
+
import * as i2 from '@acorex/components/decorators';
|
|
10
9
|
import { AXDecoratorModule } from '@acorex/components/decorators';
|
|
11
10
|
import { AXLoadingModule } from '@acorex/components/loading';
|
|
12
11
|
|
|
@@ -109,6 +108,7 @@ class AXButtonItemListComponent extends MXInteractiveComponent {
|
|
|
109
108
|
constructor(parent) {
|
|
110
109
|
super();
|
|
111
110
|
this.parent = parent;
|
|
111
|
+
this.items = [];
|
|
112
112
|
this.onItemClick = new EventEmitter();
|
|
113
113
|
}
|
|
114
114
|
ngAfterContentInit() {
|
|
@@ -149,18 +149,40 @@ class AXButtonItemListComponent extends MXInteractiveComponent {
|
|
|
149
149
|
data: item.data,
|
|
150
150
|
});
|
|
151
151
|
}
|
|
152
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonItemListComponent, deps: [{ token:
|
|
153
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXButtonItemListComponent, selector: "ax-button-item-list", outputs: { onItemClick: "onItemClick" }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: `
|
|
152
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonItemListComponent, deps: [{ token: AXClosbaleComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
153
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: { items: "items" }, outputs: { onItemClick: "onItemClick" }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: `
|
|
154
|
+
<ng-container *ngFor="let item of items">
|
|
155
|
+
<ax-button-item [text]="item.text" [name]="item.name" [disabled]="item.disabled" [color]="item.color" (onClick)="_handleOnItemClick($event)">
|
|
156
|
+
<ax-prefix *ngIf="item.icon">
|
|
157
|
+
<ax-icon [icon]="item.icon"></ax-icon>
|
|
158
|
+
</ax-prefix>
|
|
159
|
+
</ax-button-item>
|
|
160
|
+
<ax-divider *ngIf="item.divided"></ax-divider>
|
|
161
|
+
</ng-container>
|
|
162
|
+
<ng-content select="ax-button-item, ax-title, ax-divider, ng-container"></ng-content>
|
|
163
|
+
`, isInline: true, styles: ["ax-button-item-list{display:flex;flex-direction:column;padding:.5rem 0}ax-button-item-list ax-title{font-size:.75rem;padding:.25rem 0;padding-inline-start:1rem;padding-inline-end:2.5rem;opacity:.5;text-transform:uppercase;font-weight:500}ax-button-item-list ax-divider{width:100%;height:1px;background-color:rgba(var(--ax-color-border-default));margin:.25rem 0}ax-button-item-list ax-button-item{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;padding:.5rem;padding-inline-start:1rem;padding-inline-end:4rem;font-size:.875rem;color:rgba(var(--ax-color-text-default));-webkit-user-select:none;user-select:none;cursor:pointer}ax-button-item-list ax-button-item:hover:not(ax-button-item-list ax-button-item:hover.ax-state-disabled){background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-divide{border:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-button-item-list ax-button-item.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-button-item-list ax-button-item ax-prefix,ax-button-item-list ax-button-item ax-suffix{display:flex;flex-direction:row}ax-button-item-list ax-button-item ax-prefix ax-icon,ax-button-item-list ax-button-item ax-suffix ax-icon{display:block;width:1.5rem;text-align:center}ax-button-item-list ax-button-item ax-prefix{padding-inline-end:.5rem}ax-button-item-list ax-button-item ax-suffix{padding-inline-start:.5rem}ax-button-item-list ax-button-item.ax-primary-default{background-color:transparent;color:rgba(var(--ax-color-primary-500));border:transparent}ax-button-item-list ax-button-item.ax-primary-default:hover,ax-button-item-list ax-button-item.ax-primary-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-primary-600))}ax-button-item-list ax-button-item.ax-primary-default:active{color:rgba(var(--ax-color-primary-400))}ax-button-item-list ax-button-item.ax-primary-default.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button-item-list ax-button-item.ax-secondary-default{background-color:transparent;color:rgba(var(--ax-color-secondary-500));border:transparent}ax-button-item-list ax-button-item.ax-secondary-default:hover,ax-button-item-list ax-button-item.ax-secondary-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-secondary-600))}ax-button-item-list ax-button-item.ax-secondary-default:active{color:rgba(var(--ax-color-secondary-400))}ax-button-item-list ax-button-item.ax-secondary-default.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button-item-list ax-button-item.ax-success-default{background-color:transparent;color:rgba(var(--ax-color-success-500));border:transparent}ax-button-item-list ax-button-item.ax-success-default:hover,ax-button-item-list ax-button-item.ax-success-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-success-600))}ax-button-item-list ax-button-item.ax-success-default:active{color:rgba(var(--ax-color-success-400))}ax-button-item-list ax-button-item.ax-success-default.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button-item-list ax-button-item.ax-warning-default{background-color:transparent;color:rgba(var(--ax-color-warning-500));border:transparent}ax-button-item-list ax-button-item.ax-warning-default:hover,ax-button-item-list ax-button-item.ax-warning-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-warning-600))}ax-button-item-list ax-button-item.ax-warning-default:active{color:rgba(var(--ax-color-warning-400))}ax-button-item-list ax-button-item.ax-warning-default.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button-item-list ax-button-item.ax-danger-default{background-color:transparent;color:rgba(var(--ax-color-danger-500));border:transparent}ax-button-item-list ax-button-item.ax-danger-default:hover,ax-button-item-list ax-button-item.ax-danger-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-danger-600))}ax-button-item-list ax-button-item.ax-danger-default:active{color:rgba(var(--ax-color-danger-400))}ax-button-item-list ax-button-item.ax-danger-default.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button-item-list ax-button-item.ax-info-default{background-color:transparent;color:rgba(var(--ax-color-info-500));border:transparent}ax-button-item-list ax-button-item.ax-info-default:hover,ax-button-item-list ax-button-item.ax-info-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-info-600))}ax-button-item-list ax-button-item.ax-info-default:active{color:rgba(var(--ax-color-info-400))}ax-button-item-list ax-button-item.ax-info-default.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title" }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
154
164
|
}
|
|
155
165
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonItemListComponent, decorators: [{
|
|
156
166
|
type: Component,
|
|
157
|
-
args: [{ selector: 'ax-button-item-list', template: `
|
|
158
|
-
|
|
167
|
+
args: [{ selector: 'ax-button-item-list', template: `
|
|
168
|
+
<ng-container *ngFor="let item of items">
|
|
169
|
+
<ax-button-item [text]="item.text" [name]="item.name" [disabled]="item.disabled" [color]="item.color" (onClick)="_handleOnItemClick($event)">
|
|
170
|
+
<ax-prefix *ngIf="item.icon">
|
|
171
|
+
<ax-icon [icon]="item.icon"></ax-icon>
|
|
172
|
+
</ax-prefix>
|
|
173
|
+
</ax-button-item>
|
|
174
|
+
<ax-divider *ngIf="item.divided"></ax-divider>
|
|
175
|
+
</ng-container>
|
|
176
|
+
<ng-content select="ax-button-item, ax-title, ax-divider, ng-container"></ng-content>
|
|
177
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: ["ax-button-item-list{display:flex;flex-direction:column;padding:.5rem 0}ax-button-item-list ax-title{font-size:.75rem;padding:.25rem 0;padding-inline-start:1rem;padding-inline-end:2.5rem;opacity:.5;text-transform:uppercase;font-weight:500}ax-button-item-list ax-divider{width:100%;height:1px;background-color:rgba(var(--ax-color-border-default));margin:.25rem 0}ax-button-item-list ax-button-item{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;padding:.5rem;padding-inline-start:1rem;padding-inline-end:4rem;font-size:.875rem;color:rgba(var(--ax-color-text-default));-webkit-user-select:none;user-select:none;cursor:pointer}ax-button-item-list ax-button-item:hover:not(ax-button-item-list ax-button-item:hover.ax-state-disabled){background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-divide{border:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-button-item-list ax-button-item.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-button-item-list ax-button-item ax-prefix,ax-button-item-list ax-button-item ax-suffix{display:flex;flex-direction:row}ax-button-item-list ax-button-item ax-prefix ax-icon,ax-button-item-list ax-button-item ax-suffix ax-icon{display:block;width:1.5rem;text-align:center}ax-button-item-list ax-button-item ax-prefix{padding-inline-end:.5rem}ax-button-item-list ax-button-item ax-suffix{padding-inline-start:.5rem}ax-button-item-list ax-button-item.ax-primary-default{background-color:transparent;color:rgba(var(--ax-color-primary-500));border:transparent}ax-button-item-list ax-button-item.ax-primary-default:hover,ax-button-item-list ax-button-item.ax-primary-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-primary-600))}ax-button-item-list ax-button-item.ax-primary-default:active{color:rgba(var(--ax-color-primary-400))}ax-button-item-list ax-button-item.ax-primary-default.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button-item-list ax-button-item.ax-secondary-default{background-color:transparent;color:rgba(var(--ax-color-secondary-500));border:transparent}ax-button-item-list ax-button-item.ax-secondary-default:hover,ax-button-item-list ax-button-item.ax-secondary-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-secondary-600))}ax-button-item-list ax-button-item.ax-secondary-default:active{color:rgba(var(--ax-color-secondary-400))}ax-button-item-list ax-button-item.ax-secondary-default.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button-item-list ax-button-item.ax-success-default{background-color:transparent;color:rgba(var(--ax-color-success-500));border:transparent}ax-button-item-list ax-button-item.ax-success-default:hover,ax-button-item-list ax-button-item.ax-success-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-success-600))}ax-button-item-list ax-button-item.ax-success-default:active{color:rgba(var(--ax-color-success-400))}ax-button-item-list ax-button-item.ax-success-default.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button-item-list ax-button-item.ax-warning-default{background-color:transparent;color:rgba(var(--ax-color-warning-500));border:transparent}ax-button-item-list ax-button-item.ax-warning-default:hover,ax-button-item-list ax-button-item.ax-warning-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-warning-600))}ax-button-item-list ax-button-item.ax-warning-default:active{color:rgba(var(--ax-color-warning-400))}ax-button-item-list ax-button-item.ax-warning-default.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button-item-list ax-button-item.ax-danger-default{background-color:transparent;color:rgba(var(--ax-color-danger-500));border:transparent}ax-button-item-list ax-button-item.ax-danger-default:hover,ax-button-item-list ax-button-item.ax-danger-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-danger-600))}ax-button-item-list ax-button-item.ax-danger-default:active{color:rgba(var(--ax-color-danger-400))}ax-button-item-list ax-button-item.ax-danger-default.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button-item-list ax-button-item.ax-info-default{background-color:transparent;color:rgba(var(--ax-color-info-500));border:transparent}ax-button-item-list ax-button-item.ax-info-default:hover,ax-button-item-list ax-button-item.ax-info-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-info-600))}ax-button-item-list ax-button-item.ax-info-default:active{color:rgba(var(--ax-color-info-400))}ax-button-item-list ax-button-item.ax-info-default.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}\n"] }]
|
|
178
|
+
}], ctorParameters: function () { return [{ type: i4.AXClosbaleComponent, decorators: [{
|
|
159
179
|
type: Inject,
|
|
160
|
-
args: [
|
|
180
|
+
args: [AXClosbaleComponent]
|
|
161
181
|
}] }]; }, propDecorators: { _contentButtons: [{
|
|
162
182
|
type: ContentChildren,
|
|
163
183
|
args: [AXButtonItemComponent]
|
|
184
|
+
}], items: [{
|
|
185
|
+
type: Input
|
|
164
186
|
}], onItemClick: [{
|
|
165
187
|
type: Output
|
|
166
188
|
}] } });
|
|
@@ -224,7 +246,7 @@ class AXButtonComponent extends MXButtonBaseComponent {
|
|
|
224
246
|
{ provide: AXComponent, useExisting: AXButtonComponent },
|
|
225
247
|
{ provide: AXButtonItemComponent, useExisting: AXButtonComponent },
|
|
226
248
|
{ provide: AXFocusableComponent, useExisting: AXButtonComponent },
|
|
227
|
-
], 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-prefix, ax-loading, ax-icon\"> </ng-content>\n <ng-content select=\"ax-content\"> </ng-content>\n <span class=\"ax-button-text\" *ngIf=\"text\">{{ text }}</span>\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</button>\n", styles: ["ax-button{display:inline-flex;align-items:center;justify-content:center;-moz-border-radius:var(--ax-rounded-border-default);-webkit-border-radius:var(--ax-rounded-border-default);-khtml-border-radius:var(--ax-rounded-border-default);-border-radius:var(--ax-rounded-border-default);height:var(--ax-size-default);font-size:.875rem;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline-color:transparent}ax-button ax-prefix,ax-button ax-suffix{display:flex}ax-button ax-prefix ax-icon,ax-button ax-suffix ax-icon{width:1.5rem;height:1.5rem;display:flex!important;align-items:center;justify-content:center}ax-button.ax-xs{font-size:.75rem}ax-button.ax-xs>button{padding-inline-start:.25rem;padding-inline-end:.25rem}ax-button.ax-sm>button{padding-inline-start:.5rem;padding-inline-end:.5rem}ax-button.ax-sm,ax-button.ax-md{font-size:.875rem}ax-button.ax-lg{font-size:1.25rem}ax-button.ax-lg>button{padding-inline-start:1.5rem;padding-inline-end:1.5rem}ax-button.ax-xl{font-size:1.5rem}ax-button.ax-xl>button{padding-inline-start:2rem;padding-inline-end:2rem}ax-button.ax-button-icon{font-size:1rem;width:var(--ax-size-default);height:var(--ax-size-default)}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>button{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 1rem;position:relative;border-radius:inherit;outline-color:transparent;overflow:hidden}ax-button>button.ax-state-focus:focus,ax-button>button:focus-visible{outline-width:2px;outline-offset:2px;outline-style:solid;outline-color:rgba(var(--ax-color-black),.3)}ax-button>button .ax-button-text{padding-inline-start:.5rem;padding-inline-end:.5rem;white-space:nowrap;font-weight:500;line-height:1}ax-button.ax-ghost-solid{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore));border:1px solid;border-color:rgba(var(--ax-color-border-default));box-shadow:#0000 0 0,#0000 0 0,#0000000d 0 1px 2px}ax-button.ax-ghost-solid:hover:not(ax-button.ax-ghost-solid:hover.ax-state-selected,ax-button.ax-ghost-solid:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-ghost-solid:active{border-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-500))}ax-button.ax-ghost-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-outline:hover:not(ax-button.ax-ghost-outline:hover.ax-state-selected,ax-button.ax-ghost-outline:hover.ax-state-disabled){opacity:.75}ax-button.ax-ghost-outline:active{opacity:1}ax-button.ax-ghost-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-fore),.5)!important}ax-button.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-gohst-fore))}ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-blank:hover:not(ax-button.ax-ghost-blank:hover.ax-state-selected,ax-button.ax-ghost-blank:hover.ax-state-disabled){opacity:.75}ax-button.ax-ghost-blank:active{opacity:1}ax-button.ax-ghost-blank>button .ax-ripple{background-color:rgba(var(--ax-color-ghost-fore),.5)!important}ax-button.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-twotone:hover:not(ax-button.ax-ghost-twotone:hover.ax-state-selected,ax-button.ax-ghost-twotone:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone:active{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-300));border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone>button:is(ax-button.ax-ghost-twotone>button:focus-visible,ax-button.ax-ghost-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-fore),.5)}ax-button ax-button-item.ax-divided{border-bottom:1px solid rgba(var(--ax-color-border-default))!important}ax-button.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-400))}ax-button.ax-primary-solid:is(ax-button.ax-primary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-700))}ax-button.ax-primary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-fore),.5)!important}ax-button.ax-primary-solid>button:is(ax-button.ax-primary-solid>button:focus-visible,ax-button.ax-primary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-button.ax-primary-twotone:is(ax-button.ax-primary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200))}ax-button.ax-primary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-300))}ax-button.ax-primary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-primary-400),.5)!important}ax-button.ax-primary-twotone>button:is(ax-button.ax-primary-twotone>button:focus-visible,ax-button.ax-primary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button.ax-primary-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-primary-outline>button:is(ax-button.ax-primary-outline>button:focus-visible,ax-button.ax-primary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-primary-fore-lighten));outline-color:rgba(var(--ax-color-primary-fore-lighten))}ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-primary-blank>button:is(ax-button.ax-primary-blank>button:focus-visible,ax-button.ax-primary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-400))}ax-button.ax-secondary-solid:is(ax-button.ax-secondary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-solid.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700))}ax-button.ax-secondary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-fore),.5)!important}ax-button.ax-secondary-solid>button:is(ax-button.ax-secondary-solid>button:focus-visible,ax-button.ax-secondary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-button.ax-secondary-twotone:is(ax-button.ax-secondary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-200))}ax-button.ax-secondary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-secondary-300))}ax-button.ax-secondary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-400),.5)!important}ax-button.ax-secondary-twotone>button:is(ax-button.ax-secondary-twotone>button:focus-visible,ax-button.ax-secondary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}ax-button.ax-secondary-outline>button:is(ax-button.ax-secondary-outline>button:focus-visible,ax-button.ax-secondary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-secondary-fore-lighten));outline-color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}ax-button.ax-secondary-blank>button:is(ax-button.ax-secondary-blank>button:focus-visible,ax-button.ax-secondary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-success-solid{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-400))}ax-button.ax-success-solid:is(ax-button.ax-success-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-solid.ax-state-selected{background-color:rgba(var(--ax-color-success-700))}ax-button.ax-success-solid>button .ax-ripple{background-color:rgba(var(--ax-color-success-fore),.5)!important}ax-button.ax-success-solid>button:is(ax-button.ax-success-solid>button:focus-visible,ax-button.ax-success-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-twotone{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-button.ax-success-twotone:is(ax-button.ax-success-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-200))}ax-button.ax-success-twotone.ax-state-selected{background-color:rgba(var(--ax-color-success-300))}ax-button.ax-success-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-success-400),.5)!important}ax-button.ax-success-twotone>button:is(ax-button.ax-success-twotone>button:focus-visible,ax-button.ax-success-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button.ax-success-outline.ax-state-selected{background-color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}ax-button.ax-success-outline>button:is(ax-button.ax-success-outline>button:focus-visible,ax-button.ax-success-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-success-fore-lighten));outline-color:rgba(var(--ax-color-success-fore-lighten))}ax-button.ax-success-blank{color:rgba(var(--ax-color-success-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-blank>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}ax-button.ax-success-blank>button:is(ax-button.ax-success-blank>button:focus-visible,ax-button.ax-success-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-400))}ax-button.ax-warning-solid:is(ax-button.ax-warning-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-solid.ax-state-selected{background-color:rgba(var(--ax-color-warning-700))}ax-button.ax-warning-solid>button .ax-ripple{background-color:rgba(var(--ax-color-warning-fore),.5)!important}ax-button.ax-warning-solid>button:is(ax-button.ax-warning-solid>button:focus-visible,ax-button.ax-warning-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-button.ax-warning-twotone:is(ax-button.ax-warning-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-200))}ax-button.ax-warning-twotone.ax-state-selected{background-color:rgba(var(--ax-color-warning-300))}ax-button.ax-warning-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-warning-400),.5)!important}ax-button.ax-warning-twotone>button:is(ax-button.ax-warning-twotone>button:focus-visible,ax-button.ax-warning-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button.ax-warning-outline.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}ax-button.ax-warning-outline>button:is(ax-button.ax-warning-outline>button:focus-visible,ax-button.ax-warning-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-warning-fore-lighten));outline-color:rgba(var(--ax-color-warning-fore-lighten))}ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-blank>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}ax-button.ax-warning-blank>button:is(ax-button.ax-warning-blank>button:focus-visible,ax-button.ax-warning-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-400))}ax-button.ax-danger-solid:is(ax-button.ax-danger-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-solid.ax-state-selected{background-color:rgba(var(--ax-color-danger-700))}ax-button.ax-danger-solid>button .ax-ripple{background-color:rgba(var(--ax-color-danger-fore),.5)!important}ax-button.ax-danger-solid>button:is(ax-button.ax-danger-solid>button:focus-visible,ax-button.ax-danger-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-button.ax-danger-twotone:is(ax-button.ax-danger-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-200))}ax-button.ax-danger-twotone.ax-state-selected{background-color:rgba(var(--ax-color-danger-300))}ax-button.ax-danger-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-danger-400),.5)!important}ax-button.ax-danger-twotone>button:is(ax-button.ax-danger-twotone>button:focus-visible,ax-button.ax-danger-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button.ax-danger-outline.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}ax-button.ax-danger-outline>button:is(ax-button.ax-danger-outline>button:focus-visible,ax-button.ax-danger-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-danger-fore-lighten));outline-color:rgba(var(--ax-color-danger-fore-lighten))}ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-blank>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}ax-button.ax-danger-blank>button:is(ax-button.ax-danger-blank>button:focus-visible,ax-button.ax-danger-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-info-solid{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-400))}ax-button.ax-info-solid:is(ax-button.ax-info-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-600))}ax-button.ax-info-solid.ax-state-selected{background-color:rgba(var(--ax-color-info-700))}ax-button.ax-info-solid>button .ax-ripple{background-color:rgba(var(--ax-color-info-fore),.5)!important}ax-button.ax-info-solid>button:is(ax-button.ax-info-solid>button:focus-visible,ax-button.ax-info-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-twotone{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-button.ax-info-twotone:is(ax-button.ax-info-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-200))}ax-button.ax-info-twotone.ax-state-selected{background-color:rgba(var(--ax-color-info-300))}ax-button.ax-info-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-info-400),.5)!important}ax-button.ax-info-twotone>button:is(ax-button.ax-info-twotone>button:focus-visible,ax-button.ax-info-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline:is(ax-button.ax-info-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-outline>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}ax-button.ax-info-outline>button:is(ax-button.ax-info-outline>button:focus-visible,ax-button.ax-info-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-info-fore-lighten));outline-color:rgba(var(--ax-color-info-fore-lighten))}ax-button.ax-info-blank{color:rgba(var(--ax-color-info-500))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button.ax-info-blank.ax-state-selected{background-color:rgba(var(--ax-color-info-700));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-blank>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}ax-button.ax-info-blank>button:is(ax-button.ax-info-blank>button:focus-visible,ax-button.ax-info-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-primary-solid{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-solid:is(.ax-dark ax-button.ax-primary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-400))}.ax-dark ax-button.ax-primary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-solid>button:is(.ax-dark ax-button.ax-primary-solid>button:focus-visible,.ax-dark ax-button.ax-primary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-twotone:is(.ax-dark ax-button.ax-primary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-400))}.ax-dark ax-button.ax-primary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-twotone>button:is(.ax-dark ax-button.ax-primary-twotone>button:focus-visible,.ax-dark ax-button.ax-primary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button.ax-primary-outline{border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-outline:is(.ax-dark ax-button.ax-primary-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-primary-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-outline>button:is(.ax-dark ax-button.ax-primary-outline>button:focus-visible,.ax-dark ax-button.ax-primary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-primary-300));outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank:is(.ax-dark ax-button.ax-primary-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-500));background-color:transparent}.ax-dark ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-primary-300),.5)!important}.ax-dark ax-button.ax-primary-blank>button:is(.ax-dark ax-button.ax-primary-blank>button:focus-visible,.ax-dark ax-button.ax-primary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-solid:is(.ax-dark ax-button.ax-secondary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-solid.ax-state-selected{background-color:rgba(var(--ax-color-secondary-400))}.ax-dark ax-button.ax-secondary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-solid>button:is(.ax-dark ax-button.ax-secondary-solid>button:focus-visible,.ax-dark ax-button.ax-secondary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-button.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-twotone:is(.ax-dark ax-button.ax-secondary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-secondary-400))}.ax-dark ax-button.ax-secondary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-twotone>button:is(.ax-dark ax-button.ax-secondary-twotone>button:focus-visible,.ax-dark ax-button.ax-secondary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-button.ax-secondary-outline{border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-outline:is(.ax-dark ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-300));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-outline>button:is(.ax-dark ax-button.ax-secondary-outline>button:focus-visible,.ax-dark ax-button.ax-secondary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-secondary-300));outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank:is(.ax-dark ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-500));background-color:transparent}.ax-dark ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-300),.5)!important}.ax-dark ax-button.ax-secondary-blank>button:is(.ax-dark ax-button.ax-secondary-blank>button:focus-visible,.ax-dark ax-button.ax-secondary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-success-solid{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-solid:is(.ax-dark ax-button.ax-success-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-solid.ax-state-selected{background-color:rgba(var(--ax-color-success-400))}.ax-dark ax-button.ax-success-solid>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-solid>button:is(.ax-dark ax-button.ax-success-solid>button:focus-visible,.ax-dark ax-button.ax-success-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}.ax-dark ax-button.ax-success-twotone{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-twotone:is(.ax-dark ax-button.ax-success-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-twotone.ax-state-selected{background-color:rgba(var(--ax-color-success-400))}.ax-dark ax-button.ax-success-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-twotone>button:is(.ax-dark ax-button.ax-success-twotone>button:focus-visible,.ax-dark ax-button.ax-success-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}.ax-dark ax-button.ax-success-outline{border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-outline:is(.ax-dark ax-button.ax-success-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-success-outline.ax-state-selected{background-color:rgba(var(--ax-color-success-300));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-outline>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-outline>button:is(.ax-dark ax-button.ax-success-outline>button:focus-visible,.ax-dark ax-button.ax-success-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-success-300));outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank{color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank:is(.ax-dark ax-button.ax-success-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-success-500));background-color:transparent}.ax-dark ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-blank>button .ax-ripple{background-color:rgba(var(--ax-color-success-300),.5)!important}.ax-dark ax-button.ax-success-blank>button:is(.ax-dark ax-button.ax-success-blank>button:focus-visible,.ax-dark ax-button.ax-success-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-warning-solid{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-solid:is(.ax-dark ax-button.ax-warning-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-solid.ax-state-selected{background-color:rgba(var(--ax-color-warning-400))}.ax-dark ax-button.ax-warning-solid>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-solid>button:is(.ax-dark ax-button.ax-warning-solid>button:focus-visible,.ax-dark ax-button.ax-warning-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-button.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-twotone:is(.ax-dark ax-button.ax-warning-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-twotone.ax-state-selected{background-color:rgba(var(--ax-color-warning-400))}.ax-dark ax-button.ax-warning-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-twotone>button:is(.ax-dark ax-button.ax-warning-twotone>button:focus-visible,.ax-dark ax-button.ax-warning-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-button.ax-warning-outline{border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-outline:is(.ax-dark ax-button.ax-warning-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-warning-outline.ax-state-selected{background-color:rgba(var(--ax-color-warning-300));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-outline>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-outline>button:is(.ax-dark ax-button.ax-warning-outline>button:focus-visible,.ax-dark ax-button.ax-warning-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-warning-300));outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank:is(.ax-dark ax-button.ax-warning-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-500));background-color:transparent}.ax-dark ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-blank>button .ax-ripple{background-color:rgba(var(--ax-color-warning-300),.5)!important}.ax-dark ax-button.ax-warning-blank>button:is(.ax-dark ax-button.ax-warning-blank>button:focus-visible,.ax-dark ax-button.ax-warning-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-danger-solid{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-solid:is(.ax-dark ax-button.ax-danger-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-solid.ax-state-selected{background-color:rgba(var(--ax-color-danger-400))}.ax-dark ax-button.ax-danger-solid>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-solid>button:is(.ax-dark ax-button.ax-danger-solid>button:focus-visible,.ax-dark ax-button.ax-danger-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-button.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-twotone:is(.ax-dark ax-button.ax-danger-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-twotone.ax-state-selected{background-color:rgba(var(--ax-color-danger-400))}.ax-dark ax-button.ax-danger-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-twotone>button:is(.ax-dark ax-button.ax-danger-twotone>button:focus-visible,.ax-dark ax-button.ax-danger-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-button.ax-danger-outline{border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-outline:is(.ax-dark ax-button.ax-danger-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-danger-outline.ax-state-selected{background-color:rgba(var(--ax-color-danger-300));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-outline>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-outline>button:is(.ax-dark ax-button.ax-danger-outline>button:focus-visible,.ax-dark ax-button.ax-danger-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-danger-300));outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank:is(.ax-dark ax-button.ax-danger-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-500));background-color:transparent}.ax-dark ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-blank>button .ax-ripple{background-color:rgba(var(--ax-color-danger-300),.5)!important}.ax-dark ax-button.ax-danger-blank>button:is(.ax-dark ax-button.ax-danger-blank>button:focus-visible,.ax-dark ax-button.ax-danger-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-info-solid{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-solid:is(.ax-dark ax-button.ax-info-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-solid.ax-state-selected{background-color:rgba(var(--ax-color-info-400))}.ax-dark ax-button.ax-info-solid>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-solid>button:is(.ax-dark ax-button.ax-info-solid>button:focus-visible,.ax-dark ax-button.ax-info-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-info-twotone{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-twotone:is(.ax-dark ax-button.ax-info-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-twotone.ax-state-selected{background-color:rgba(var(--ax-color-info-400))}.ax-dark ax-button.ax-info-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-twotone>button:is(.ax-dark ax-button.ax-info-twotone>button:focus-visible,.ax-dark ax-button.ax-info-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-info-outline{border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-outline:is(.ax-dark ax-button.ax-info-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-300));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-outline>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-outline>button:is(.ax-dark ax-button.ax-info-outline>button:focus-visible,.ax-dark ax-button.ax-info-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-info-300));outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank{color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank:is(.ax-dark ax-button.ax-info-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-info-500));background-color:transparent}.ax-dark ax-button.ax-info-blank.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-blank>button .ax-ripple{background-color:rgba(var(--ax-color-info-300),.5)!important}.ax-dark ax-button.ax-info-blank>button:is(.ax-dark ax-button.ax-info-blank>button:focus-visible,.ax-dark ax-button.ax-info-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-ghost-solid:hover:not(.ax-dark ax-button.ax-ghost-solid:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-solid:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-ghost-solid:active{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-solid>button:is(.ax-dark ax-button.ax-ghost-solid>button:focus-visible,.ax-dark ax-button.ax-ghost-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500),.5)}.ax-dark ax-button.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-outline:hover:not(.ax-dark ax-button.ax-ghost-outline:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-outline:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-outline:hover:active{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-outline:hover.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-outline>button:is(.ax-dark ax-button.ax-ghost-outline>button:focus-visible,.ax-dark ax-button.ax-ghost-outline>button.ax-state-focus){outline-offset:-4px;outline-color:rgba(var(--ax-color-ghost-fore),.5)}.ax-dark ax-button.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-gohst-fore))}.ax-dark ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-blank:hover:not(.ax-dark ax-button.ax-ghost-blank:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-blank:hover.ax-state-disabled){opacity:.75}.ax-dark ax-button.ax-ghost-blank:active{opacity:1}.ax-dark ax-button.ax-ghost-blank>button:is(.ax-dark ax-button.ax-ghost-blank>button:focus-visible,.ax-dark ax-button.ax-ghost-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-ghost-fore),.5)}.ax-dark ax-button.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-twotone:hover:not(.ax-dark ax-button.ax-ghost-twotone:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-twotone:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone:active{background-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-400));border-color:rgba(var(--ax-color-primary-400));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone>button:is(.ax-dark ax-button.ax-ghost-twotone>button:focus-visible,.ax-dark ax-button.ax-ghost-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500),.5)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.AXRippleDirective, selector: "[axRipple]", inputs: ["axRippleColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
249
|
+
], 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-prefix, ax-loading, ax-icon\"> </ng-content>\n <ng-content select=\"ax-content\"> </ng-content>\n <span class=\"ax-button-text\" *ngIf=\"text\">{{ text }}</span>\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</button>\n", styles: ["ax-button{display:inline-flex;align-items:center;justify-content:center;-moz-border-radius:var(--ax-rounded-border-default);-webkit-border-radius:var(--ax-rounded-border-default);-khtml-border-radius:var(--ax-rounded-border-default);-border-radius:var(--ax-rounded-border-default);height:var(--ax-size-default);font-size:.875rem;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline-color:transparent}ax-button ax-prefix,ax-button ax-suffix{display:flex}ax-button ax-prefix ax-icon,ax-button ax-suffix ax-icon{width:1.5rem;height:1.5rem;display:flex!important;align-items:center;justify-content:center}ax-button.ax-xs{font-size:.75rem}ax-button.ax-xs>button{padding-inline-start:.25rem;padding-inline-end:.25rem}ax-button.ax-sm>button{padding-inline-start:.5rem;padding-inline-end:.5rem}ax-button.ax-sm,ax-button.ax-md{font-size:.875rem}ax-button.ax-lg{font-size:1.25rem}ax-button.ax-lg>button{padding-inline-start:1.5rem;padding-inline-end:1.5rem}ax-button.ax-xl{font-size:1.5rem}ax-button.ax-xl>button{padding-inline-start:2rem;padding-inline-end:2rem}ax-button.ax-button-icon{font-size:1rem;width:var(--ax-size-default);height:var(--ax-size-default)}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>button{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 1rem;position:relative;border-radius:inherit;outline-color:transparent;overflow:hidden}ax-button>button.ax-state-focus:focus,ax-button>button:focus-visible{outline-width:2px;outline-offset:2px;outline-style:solid;outline-color:rgba(var(--ax-color-black),.3)}ax-button>button .ax-button-text{padding-inline-start:.5rem;padding-inline-end:.5rem;white-space:nowrap;font-weight:500;line-height:1}ax-button.ax-ghost-solid{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore));border:1px solid;border-color:rgba(var(--ax-color-border-default));box-shadow:#0000 0 0,#0000 0 0,#0000000d 0 1px 2px}ax-button.ax-ghost-solid:hover:not(ax-button.ax-ghost-solid:hover.ax-state-selected,ax-button.ax-ghost-solid:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-ghost-solid:active{border-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-500))}ax-button.ax-ghost-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-outline:hover:not(ax-button.ax-ghost-outline:hover.ax-state-selected,ax-button.ax-ghost-outline:hover.ax-state-disabled){opacity:.75}ax-button.ax-ghost-outline:active{opacity:1}ax-button.ax-ghost-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-fore),.5)!important}ax-button.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-blank:hover:not(ax-button.ax-ghost-blank:hover.ax-state-selected,ax-button.ax-ghost-blank:hover.ax-state-disabled){opacity:.75}ax-button.ax-ghost-blank:active{opacity:1}ax-button.ax-ghost-blank>button .ax-ripple{background-color:rgba(var(--ax-color-ghost-fore),.5)!important}ax-button.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-twotone:hover:not(ax-button.ax-ghost-twotone:hover.ax-state-selected,ax-button.ax-ghost-twotone:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone:active{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-300));border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone>button:is(ax-button.ax-ghost-twotone>button:focus-visible,ax-button.ax-ghost-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-fore),.5)}ax-button ax-button-item.ax-divided{border-bottom:1px solid rgba(var(--ax-color-border-default))!important}ax-button.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-400))}ax-button.ax-primary-solid:is(ax-button.ax-primary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-700))}ax-button.ax-primary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-fore),.5)!important}ax-button.ax-primary-solid>button:is(ax-button.ax-primary-solid>button:focus-visible,ax-button.ax-primary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-button.ax-primary-twotone:is(ax-button.ax-primary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200))}ax-button.ax-primary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-300))}ax-button.ax-primary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-primary-400),.5)!important}ax-button.ax-primary-twotone>button:is(ax-button.ax-primary-twotone>button:focus-visible,ax-button.ax-primary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button.ax-primary-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-primary-outline>button:is(ax-button.ax-primary-outline>button:focus-visible,ax-button.ax-primary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-primary-fore-lighten));outline-color:rgba(var(--ax-color-primary-fore-lighten))}ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-primary-blank>button:is(ax-button.ax-primary-blank>button:focus-visible,ax-button.ax-primary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-400))}ax-button.ax-secondary-solid:is(ax-button.ax-secondary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-solid.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700))}ax-button.ax-secondary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-fore),.5)!important}ax-button.ax-secondary-solid>button:is(ax-button.ax-secondary-solid>button:focus-visible,ax-button.ax-secondary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-button.ax-secondary-twotone:is(ax-button.ax-secondary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-200))}ax-button.ax-secondary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-secondary-300))}ax-button.ax-secondary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-400),.5)!important}ax-button.ax-secondary-twotone>button:is(ax-button.ax-secondary-twotone>button:focus-visible,ax-button.ax-secondary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}ax-button.ax-secondary-outline>button:is(ax-button.ax-secondary-outline>button:focus-visible,ax-button.ax-secondary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-secondary-fore-lighten));outline-color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}ax-button.ax-secondary-blank>button:is(ax-button.ax-secondary-blank>button:focus-visible,ax-button.ax-secondary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-success-solid{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-400))}ax-button.ax-success-solid:is(ax-button.ax-success-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-solid.ax-state-selected{background-color:rgba(var(--ax-color-success-700))}ax-button.ax-success-solid>button .ax-ripple{background-color:rgba(var(--ax-color-success-fore),.5)!important}ax-button.ax-success-solid>button:is(ax-button.ax-success-solid>button:focus-visible,ax-button.ax-success-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-twotone{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-button.ax-success-twotone:is(ax-button.ax-success-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-200))}ax-button.ax-success-twotone.ax-state-selected{background-color:rgba(var(--ax-color-success-300))}ax-button.ax-success-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-success-400),.5)!important}ax-button.ax-success-twotone>button:is(ax-button.ax-success-twotone>button:focus-visible,ax-button.ax-success-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button.ax-success-outline.ax-state-selected{background-color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}ax-button.ax-success-outline>button:is(ax-button.ax-success-outline>button:focus-visible,ax-button.ax-success-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-success-fore-lighten));outline-color:rgba(var(--ax-color-success-fore-lighten))}ax-button.ax-success-blank{color:rgba(var(--ax-color-success-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-blank>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}ax-button.ax-success-blank>button:is(ax-button.ax-success-blank>button:focus-visible,ax-button.ax-success-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-400))}ax-button.ax-warning-solid:is(ax-button.ax-warning-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-solid.ax-state-selected{background-color:rgba(var(--ax-color-warning-700))}ax-button.ax-warning-solid>button .ax-ripple{background-color:rgba(var(--ax-color-warning-fore),.5)!important}ax-button.ax-warning-solid>button:is(ax-button.ax-warning-solid>button:focus-visible,ax-button.ax-warning-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-button.ax-warning-twotone:is(ax-button.ax-warning-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-200))}ax-button.ax-warning-twotone.ax-state-selected{background-color:rgba(var(--ax-color-warning-300))}ax-button.ax-warning-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-warning-400),.5)!important}ax-button.ax-warning-twotone>button:is(ax-button.ax-warning-twotone>button:focus-visible,ax-button.ax-warning-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button.ax-warning-outline.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}ax-button.ax-warning-outline>button:is(ax-button.ax-warning-outline>button:focus-visible,ax-button.ax-warning-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-warning-fore-lighten));outline-color:rgba(var(--ax-color-warning-fore-lighten))}ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-blank>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}ax-button.ax-warning-blank>button:is(ax-button.ax-warning-blank>button:focus-visible,ax-button.ax-warning-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-400))}ax-button.ax-danger-solid:is(ax-button.ax-danger-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-solid.ax-state-selected{background-color:rgba(var(--ax-color-danger-700))}ax-button.ax-danger-solid>button .ax-ripple{background-color:rgba(var(--ax-color-danger-fore),.5)!important}ax-button.ax-danger-solid>button:is(ax-button.ax-danger-solid>button:focus-visible,ax-button.ax-danger-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-button.ax-danger-twotone:is(ax-button.ax-danger-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-200))}ax-button.ax-danger-twotone.ax-state-selected{background-color:rgba(var(--ax-color-danger-300))}ax-button.ax-danger-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-danger-400),.5)!important}ax-button.ax-danger-twotone>button:is(ax-button.ax-danger-twotone>button:focus-visible,ax-button.ax-danger-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button.ax-danger-outline.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}ax-button.ax-danger-outline>button:is(ax-button.ax-danger-outline>button:focus-visible,ax-button.ax-danger-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-danger-fore-lighten));outline-color:rgba(var(--ax-color-danger-fore-lighten))}ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-blank>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}ax-button.ax-danger-blank>button:is(ax-button.ax-danger-blank>button:focus-visible,ax-button.ax-danger-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-info-solid{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-400))}ax-button.ax-info-solid:is(ax-button.ax-info-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-600))}ax-button.ax-info-solid.ax-state-selected{background-color:rgba(var(--ax-color-info-700))}ax-button.ax-info-solid>button .ax-ripple{background-color:rgba(var(--ax-color-info-fore),.5)!important}ax-button.ax-info-solid>button:is(ax-button.ax-info-solid>button:focus-visible,ax-button.ax-info-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-twotone{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-button.ax-info-twotone:is(ax-button.ax-info-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-200))}ax-button.ax-info-twotone.ax-state-selected{background-color:rgba(var(--ax-color-info-300))}ax-button.ax-info-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-info-400),.5)!important}ax-button.ax-info-twotone>button:is(ax-button.ax-info-twotone>button:focus-visible,ax-button.ax-info-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline:is(ax-button.ax-info-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-outline>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}ax-button.ax-info-outline>button:is(ax-button.ax-info-outline>button:focus-visible,ax-button.ax-info-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-info-fore-lighten));outline-color:rgba(var(--ax-color-info-fore-lighten))}ax-button.ax-info-blank{color:rgba(var(--ax-color-info-500))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button.ax-info-blank.ax-state-selected{background-color:rgba(var(--ax-color-info-700));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-blank>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}ax-button.ax-info-blank>button:is(ax-button.ax-info-blank>button:focus-visible,ax-button.ax-info-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-primary-solid{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-solid:is(.ax-dark ax-button.ax-primary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-400))}.ax-dark ax-button.ax-primary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-solid>button:is(.ax-dark ax-button.ax-primary-solid>button:focus-visible,.ax-dark ax-button.ax-primary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-twotone:is(.ax-dark ax-button.ax-primary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-400))}.ax-dark ax-button.ax-primary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-twotone>button:is(.ax-dark ax-button.ax-primary-twotone>button:focus-visible,.ax-dark ax-button.ax-primary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button.ax-primary-outline{border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-outline:is(.ax-dark ax-button.ax-primary-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-primary-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-outline>button:is(.ax-dark ax-button.ax-primary-outline>button:focus-visible,.ax-dark ax-button.ax-primary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-primary-300));outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank:is(.ax-dark ax-button.ax-primary-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-500));background-color:transparent}.ax-dark ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-primary-300),.5)!important}.ax-dark ax-button.ax-primary-blank>button:is(.ax-dark ax-button.ax-primary-blank>button:focus-visible,.ax-dark ax-button.ax-primary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-solid:is(.ax-dark ax-button.ax-secondary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-solid.ax-state-selected{background-color:rgba(var(--ax-color-secondary-400))}.ax-dark ax-button.ax-secondary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-solid>button:is(.ax-dark ax-button.ax-secondary-solid>button:focus-visible,.ax-dark ax-button.ax-secondary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-button.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-twotone:is(.ax-dark ax-button.ax-secondary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-secondary-400))}.ax-dark ax-button.ax-secondary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-twotone>button:is(.ax-dark ax-button.ax-secondary-twotone>button:focus-visible,.ax-dark ax-button.ax-secondary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-button.ax-secondary-outline{border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-outline:is(.ax-dark ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-300));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-outline>button:is(.ax-dark ax-button.ax-secondary-outline>button:focus-visible,.ax-dark ax-button.ax-secondary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-secondary-300));outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank:is(.ax-dark ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-500));background-color:transparent}.ax-dark ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-300),.5)!important}.ax-dark ax-button.ax-secondary-blank>button:is(.ax-dark ax-button.ax-secondary-blank>button:focus-visible,.ax-dark ax-button.ax-secondary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-success-solid{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-solid:is(.ax-dark ax-button.ax-success-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-solid.ax-state-selected{background-color:rgba(var(--ax-color-success-400))}.ax-dark ax-button.ax-success-solid>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-solid>button:is(.ax-dark ax-button.ax-success-solid>button:focus-visible,.ax-dark ax-button.ax-success-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}.ax-dark ax-button.ax-success-twotone{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-twotone:is(.ax-dark ax-button.ax-success-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-twotone.ax-state-selected{background-color:rgba(var(--ax-color-success-400))}.ax-dark ax-button.ax-success-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-twotone>button:is(.ax-dark ax-button.ax-success-twotone>button:focus-visible,.ax-dark ax-button.ax-success-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}.ax-dark ax-button.ax-success-outline{border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-outline:is(.ax-dark ax-button.ax-success-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-success-outline.ax-state-selected{background-color:rgba(var(--ax-color-success-300));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-outline>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-outline>button:is(.ax-dark ax-button.ax-success-outline>button:focus-visible,.ax-dark ax-button.ax-success-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-success-300));outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank{color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank:is(.ax-dark ax-button.ax-success-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-success-500));background-color:transparent}.ax-dark ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-blank>button .ax-ripple{background-color:rgba(var(--ax-color-success-300),.5)!important}.ax-dark ax-button.ax-success-blank>button:is(.ax-dark ax-button.ax-success-blank>button:focus-visible,.ax-dark ax-button.ax-success-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-warning-solid{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-solid:is(.ax-dark ax-button.ax-warning-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-solid.ax-state-selected{background-color:rgba(var(--ax-color-warning-400))}.ax-dark ax-button.ax-warning-solid>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-solid>button:is(.ax-dark ax-button.ax-warning-solid>button:focus-visible,.ax-dark ax-button.ax-warning-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-button.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-twotone:is(.ax-dark ax-button.ax-warning-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-twotone.ax-state-selected{background-color:rgba(var(--ax-color-warning-400))}.ax-dark ax-button.ax-warning-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-twotone>button:is(.ax-dark ax-button.ax-warning-twotone>button:focus-visible,.ax-dark ax-button.ax-warning-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-button.ax-warning-outline{border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-outline:is(.ax-dark ax-button.ax-warning-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-warning-outline.ax-state-selected{background-color:rgba(var(--ax-color-warning-300));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-outline>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-outline>button:is(.ax-dark ax-button.ax-warning-outline>button:focus-visible,.ax-dark ax-button.ax-warning-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-warning-300));outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank:is(.ax-dark ax-button.ax-warning-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-500));background-color:transparent}.ax-dark ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-blank>button .ax-ripple{background-color:rgba(var(--ax-color-warning-300),.5)!important}.ax-dark ax-button.ax-warning-blank>button:is(.ax-dark ax-button.ax-warning-blank>button:focus-visible,.ax-dark ax-button.ax-warning-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-danger-solid{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-solid:is(.ax-dark ax-button.ax-danger-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-solid.ax-state-selected{background-color:rgba(var(--ax-color-danger-400))}.ax-dark ax-button.ax-danger-solid>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-solid>button:is(.ax-dark ax-button.ax-danger-solid>button:focus-visible,.ax-dark ax-button.ax-danger-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-button.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-twotone:is(.ax-dark ax-button.ax-danger-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-twotone.ax-state-selected{background-color:rgba(var(--ax-color-danger-400))}.ax-dark ax-button.ax-danger-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-twotone>button:is(.ax-dark ax-button.ax-danger-twotone>button:focus-visible,.ax-dark ax-button.ax-danger-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-button.ax-danger-outline{border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-outline:is(.ax-dark ax-button.ax-danger-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-danger-outline.ax-state-selected{background-color:rgba(var(--ax-color-danger-300));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-outline>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-outline>button:is(.ax-dark ax-button.ax-danger-outline>button:focus-visible,.ax-dark ax-button.ax-danger-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-danger-300));outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank:is(.ax-dark ax-button.ax-danger-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-500));background-color:transparent}.ax-dark ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-blank>button .ax-ripple{background-color:rgba(var(--ax-color-danger-300),.5)!important}.ax-dark ax-button.ax-danger-blank>button:is(.ax-dark ax-button.ax-danger-blank>button:focus-visible,.ax-dark ax-button.ax-danger-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-info-solid{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-solid:is(.ax-dark ax-button.ax-info-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-solid.ax-state-selected{background-color:rgba(var(--ax-color-info-400))}.ax-dark ax-button.ax-info-solid>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-solid>button:is(.ax-dark ax-button.ax-info-solid>button:focus-visible,.ax-dark ax-button.ax-info-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-info-twotone{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-twotone:is(.ax-dark ax-button.ax-info-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-twotone.ax-state-selected{background-color:rgba(var(--ax-color-info-400))}.ax-dark ax-button.ax-info-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-twotone>button:is(.ax-dark ax-button.ax-info-twotone>button:focus-visible,.ax-dark ax-button.ax-info-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-info-outline{border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-outline:is(.ax-dark ax-button.ax-info-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-300));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-outline>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-outline>button:is(.ax-dark ax-button.ax-info-outline>button:focus-visible,.ax-dark ax-button.ax-info-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-info-300));outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank{color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank:is(.ax-dark ax-button.ax-info-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-info-500));background-color:transparent}.ax-dark ax-button.ax-info-blank.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-blank>button .ax-ripple{background-color:rgba(var(--ax-color-info-300),.5)!important}.ax-dark ax-button.ax-info-blank>button:is(.ax-dark ax-button.ax-info-blank>button:focus-visible,.ax-dark ax-button.ax-info-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-ghost-solid:hover:not(.ax-dark ax-button.ax-ghost-solid:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-solid:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-ghost-solid:active{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-solid>button:is(.ax-dark ax-button.ax-ghost-solid>button:focus-visible,.ax-dark ax-button.ax-ghost-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500),.5)}.ax-dark ax-button.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-outline:hover:not(.ax-dark ax-button.ax-ghost-outline:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-outline:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-outline:hover:active{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-outline:hover.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-outline>button:is(.ax-dark ax-button.ax-ghost-outline>button:focus-visible,.ax-dark ax-button.ax-ghost-outline>button.ax-state-focus){outline-offset:-4px;outline-color:rgba(var(--ax-color-ghost-fore),.5)}.ax-dark ax-button.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-blank:hover:not(.ax-dark ax-button.ax-ghost-blank:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-blank:hover.ax-state-disabled){opacity:.75}.ax-dark ax-button.ax-ghost-blank:active{opacity:1}.ax-dark ax-button.ax-ghost-blank>button:is(.ax-dark ax-button.ax-ghost-blank>button:focus-visible,.ax-dark ax-button.ax-ghost-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-ghost-fore),.5)}.ax-dark ax-button.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-twotone:hover:not(.ax-dark ax-button.ax-ghost-twotone:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-twotone:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone:active{background-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-400));border-color:rgba(var(--ax-color-primary-400));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone>button:is(.ax-dark ax-button.ax-ghost-twotone>button:focus-visible,.ax-dark ax-button.ax-ghost-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500),.5)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.AXRippleDirective, selector: "[axRipple]", inputs: ["axRippleColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
228
250
|
}
|
|
229
251
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonComponent, decorators: [{
|
|
230
252
|
type: Component,
|
|
@@ -241,7 +263,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImpor
|
|
|
241
263
|
{ provide: AXComponent, useExisting: AXButtonComponent },
|
|
242
264
|
{ provide: AXButtonItemComponent, useExisting: AXButtonComponent },
|
|
243
265
|
{ provide: AXFocusableComponent, useExisting: AXButtonComponent },
|
|
244
|
-
], 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-prefix, ax-loading, ax-icon\"> </ng-content>\n <ng-content select=\"ax-content\"> </ng-content>\n <span class=\"ax-button-text\" *ngIf=\"text\">{{ text }}</span>\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</button>\n", styles: ["ax-button{display:inline-flex;align-items:center;justify-content:center;-moz-border-radius:var(--ax-rounded-border-default);-webkit-border-radius:var(--ax-rounded-border-default);-khtml-border-radius:var(--ax-rounded-border-default);-border-radius:var(--ax-rounded-border-default);height:var(--ax-size-default);font-size:.875rem;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline-color:transparent}ax-button ax-prefix,ax-button ax-suffix{display:flex}ax-button ax-prefix ax-icon,ax-button ax-suffix ax-icon{width:1.5rem;height:1.5rem;display:flex!important;align-items:center;justify-content:center}ax-button.ax-xs{font-size:.75rem}ax-button.ax-xs>button{padding-inline-start:.25rem;padding-inline-end:.25rem}ax-button.ax-sm>button{padding-inline-start:.5rem;padding-inline-end:.5rem}ax-button.ax-sm,ax-button.ax-md{font-size:.875rem}ax-button.ax-lg{font-size:1.25rem}ax-button.ax-lg>button{padding-inline-start:1.5rem;padding-inline-end:1.5rem}ax-button.ax-xl{font-size:1.5rem}ax-button.ax-xl>button{padding-inline-start:2rem;padding-inline-end:2rem}ax-button.ax-button-icon{font-size:1rem;width:var(--ax-size-default);height:var(--ax-size-default)}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>button{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 1rem;position:relative;border-radius:inherit;outline-color:transparent;overflow:hidden}ax-button>button.ax-state-focus:focus,ax-button>button:focus-visible{outline-width:2px;outline-offset:2px;outline-style:solid;outline-color:rgba(var(--ax-color-black),.3)}ax-button>button .ax-button-text{padding-inline-start:.5rem;padding-inline-end:.5rem;white-space:nowrap;font-weight:500;line-height:1}ax-button.ax-ghost-solid{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore));border:1px solid;border-color:rgba(var(--ax-color-border-default));box-shadow:#0000 0 0,#0000 0 0,#0000000d 0 1px 2px}ax-button.ax-ghost-solid:hover:not(ax-button.ax-ghost-solid:hover.ax-state-selected,ax-button.ax-ghost-solid:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-ghost-solid:active{border-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-500))}ax-button.ax-ghost-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-outline:hover:not(ax-button.ax-ghost-outline:hover.ax-state-selected,ax-button.ax-ghost-outline:hover.ax-state-disabled){opacity:.75}ax-button.ax-ghost-outline:active{opacity:1}ax-button.ax-ghost-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-fore),.5)!important}ax-button.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-gohst-fore))}ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-blank:hover:not(ax-button.ax-ghost-blank:hover.ax-state-selected,ax-button.ax-ghost-blank:hover.ax-state-disabled){opacity:.75}ax-button.ax-ghost-blank:active{opacity:1}ax-button.ax-ghost-blank>button .ax-ripple{background-color:rgba(var(--ax-color-ghost-fore),.5)!important}ax-button.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-twotone:hover:not(ax-button.ax-ghost-twotone:hover.ax-state-selected,ax-button.ax-ghost-twotone:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone:active{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-300));border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone>button:is(ax-button.ax-ghost-twotone>button:focus-visible,ax-button.ax-ghost-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-fore),.5)}ax-button ax-button-item.ax-divided{border-bottom:1px solid rgba(var(--ax-color-border-default))!important}ax-button.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-400))}ax-button.ax-primary-solid:is(ax-button.ax-primary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-700))}ax-button.ax-primary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-fore),.5)!important}ax-button.ax-primary-solid>button:is(ax-button.ax-primary-solid>button:focus-visible,ax-button.ax-primary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-button.ax-primary-twotone:is(ax-button.ax-primary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200))}ax-button.ax-primary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-300))}ax-button.ax-primary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-primary-400),.5)!important}ax-button.ax-primary-twotone>button:is(ax-button.ax-primary-twotone>button:focus-visible,ax-button.ax-primary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button.ax-primary-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-primary-outline>button:is(ax-button.ax-primary-outline>button:focus-visible,ax-button.ax-primary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-primary-fore-lighten));outline-color:rgba(var(--ax-color-primary-fore-lighten))}ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-primary-blank>button:is(ax-button.ax-primary-blank>button:focus-visible,ax-button.ax-primary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-400))}ax-button.ax-secondary-solid:is(ax-button.ax-secondary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-solid.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700))}ax-button.ax-secondary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-fore),.5)!important}ax-button.ax-secondary-solid>button:is(ax-button.ax-secondary-solid>button:focus-visible,ax-button.ax-secondary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-button.ax-secondary-twotone:is(ax-button.ax-secondary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-200))}ax-button.ax-secondary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-secondary-300))}ax-button.ax-secondary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-400),.5)!important}ax-button.ax-secondary-twotone>button:is(ax-button.ax-secondary-twotone>button:focus-visible,ax-button.ax-secondary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}ax-button.ax-secondary-outline>button:is(ax-button.ax-secondary-outline>button:focus-visible,ax-button.ax-secondary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-secondary-fore-lighten));outline-color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}ax-button.ax-secondary-blank>button:is(ax-button.ax-secondary-blank>button:focus-visible,ax-button.ax-secondary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-success-solid{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-400))}ax-button.ax-success-solid:is(ax-button.ax-success-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-solid.ax-state-selected{background-color:rgba(var(--ax-color-success-700))}ax-button.ax-success-solid>button .ax-ripple{background-color:rgba(var(--ax-color-success-fore),.5)!important}ax-button.ax-success-solid>button:is(ax-button.ax-success-solid>button:focus-visible,ax-button.ax-success-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-twotone{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-button.ax-success-twotone:is(ax-button.ax-success-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-200))}ax-button.ax-success-twotone.ax-state-selected{background-color:rgba(var(--ax-color-success-300))}ax-button.ax-success-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-success-400),.5)!important}ax-button.ax-success-twotone>button:is(ax-button.ax-success-twotone>button:focus-visible,ax-button.ax-success-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button.ax-success-outline.ax-state-selected{background-color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}ax-button.ax-success-outline>button:is(ax-button.ax-success-outline>button:focus-visible,ax-button.ax-success-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-success-fore-lighten));outline-color:rgba(var(--ax-color-success-fore-lighten))}ax-button.ax-success-blank{color:rgba(var(--ax-color-success-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-blank>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}ax-button.ax-success-blank>button:is(ax-button.ax-success-blank>button:focus-visible,ax-button.ax-success-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-400))}ax-button.ax-warning-solid:is(ax-button.ax-warning-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-solid.ax-state-selected{background-color:rgba(var(--ax-color-warning-700))}ax-button.ax-warning-solid>button .ax-ripple{background-color:rgba(var(--ax-color-warning-fore),.5)!important}ax-button.ax-warning-solid>button:is(ax-button.ax-warning-solid>button:focus-visible,ax-button.ax-warning-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-button.ax-warning-twotone:is(ax-button.ax-warning-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-200))}ax-button.ax-warning-twotone.ax-state-selected{background-color:rgba(var(--ax-color-warning-300))}ax-button.ax-warning-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-warning-400),.5)!important}ax-button.ax-warning-twotone>button:is(ax-button.ax-warning-twotone>button:focus-visible,ax-button.ax-warning-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button.ax-warning-outline.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}ax-button.ax-warning-outline>button:is(ax-button.ax-warning-outline>button:focus-visible,ax-button.ax-warning-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-warning-fore-lighten));outline-color:rgba(var(--ax-color-warning-fore-lighten))}ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-blank>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}ax-button.ax-warning-blank>button:is(ax-button.ax-warning-blank>button:focus-visible,ax-button.ax-warning-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-400))}ax-button.ax-danger-solid:is(ax-button.ax-danger-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-solid.ax-state-selected{background-color:rgba(var(--ax-color-danger-700))}ax-button.ax-danger-solid>button .ax-ripple{background-color:rgba(var(--ax-color-danger-fore),.5)!important}ax-button.ax-danger-solid>button:is(ax-button.ax-danger-solid>button:focus-visible,ax-button.ax-danger-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-button.ax-danger-twotone:is(ax-button.ax-danger-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-200))}ax-button.ax-danger-twotone.ax-state-selected{background-color:rgba(var(--ax-color-danger-300))}ax-button.ax-danger-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-danger-400),.5)!important}ax-button.ax-danger-twotone>button:is(ax-button.ax-danger-twotone>button:focus-visible,ax-button.ax-danger-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button.ax-danger-outline.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}ax-button.ax-danger-outline>button:is(ax-button.ax-danger-outline>button:focus-visible,ax-button.ax-danger-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-danger-fore-lighten));outline-color:rgba(var(--ax-color-danger-fore-lighten))}ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-blank>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}ax-button.ax-danger-blank>button:is(ax-button.ax-danger-blank>button:focus-visible,ax-button.ax-danger-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-info-solid{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-400))}ax-button.ax-info-solid:is(ax-button.ax-info-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-600))}ax-button.ax-info-solid.ax-state-selected{background-color:rgba(var(--ax-color-info-700))}ax-button.ax-info-solid>button .ax-ripple{background-color:rgba(var(--ax-color-info-fore),.5)!important}ax-button.ax-info-solid>button:is(ax-button.ax-info-solid>button:focus-visible,ax-button.ax-info-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-twotone{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-button.ax-info-twotone:is(ax-button.ax-info-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-200))}ax-button.ax-info-twotone.ax-state-selected{background-color:rgba(var(--ax-color-info-300))}ax-button.ax-info-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-info-400),.5)!important}ax-button.ax-info-twotone>button:is(ax-button.ax-info-twotone>button:focus-visible,ax-button.ax-info-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline:is(ax-button.ax-info-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-outline>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}ax-button.ax-info-outline>button:is(ax-button.ax-info-outline>button:focus-visible,ax-button.ax-info-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-info-fore-lighten));outline-color:rgba(var(--ax-color-info-fore-lighten))}ax-button.ax-info-blank{color:rgba(var(--ax-color-info-500))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button.ax-info-blank.ax-state-selected{background-color:rgba(var(--ax-color-info-700));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-blank>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}ax-button.ax-info-blank>button:is(ax-button.ax-info-blank>button:focus-visible,ax-button.ax-info-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-primary-solid{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-solid:is(.ax-dark ax-button.ax-primary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-400))}.ax-dark ax-button.ax-primary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-solid>button:is(.ax-dark ax-button.ax-primary-solid>button:focus-visible,.ax-dark ax-button.ax-primary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-twotone:is(.ax-dark ax-button.ax-primary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-400))}.ax-dark ax-button.ax-primary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-twotone>button:is(.ax-dark ax-button.ax-primary-twotone>button:focus-visible,.ax-dark ax-button.ax-primary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button.ax-primary-outline{border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-outline:is(.ax-dark ax-button.ax-primary-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-primary-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-outline>button:is(.ax-dark ax-button.ax-primary-outline>button:focus-visible,.ax-dark ax-button.ax-primary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-primary-300));outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank:is(.ax-dark ax-button.ax-primary-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-500));background-color:transparent}.ax-dark ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-primary-300),.5)!important}.ax-dark ax-button.ax-primary-blank>button:is(.ax-dark ax-button.ax-primary-blank>button:focus-visible,.ax-dark ax-button.ax-primary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-solid:is(.ax-dark ax-button.ax-secondary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-solid.ax-state-selected{background-color:rgba(var(--ax-color-secondary-400))}.ax-dark ax-button.ax-secondary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-solid>button:is(.ax-dark ax-button.ax-secondary-solid>button:focus-visible,.ax-dark ax-button.ax-secondary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-button.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-twotone:is(.ax-dark ax-button.ax-secondary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-secondary-400))}.ax-dark ax-button.ax-secondary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-twotone>button:is(.ax-dark ax-button.ax-secondary-twotone>button:focus-visible,.ax-dark ax-button.ax-secondary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-button.ax-secondary-outline{border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-outline:is(.ax-dark ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-300));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-outline>button:is(.ax-dark ax-button.ax-secondary-outline>button:focus-visible,.ax-dark ax-button.ax-secondary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-secondary-300));outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank:is(.ax-dark ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-500));background-color:transparent}.ax-dark ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-300),.5)!important}.ax-dark ax-button.ax-secondary-blank>button:is(.ax-dark ax-button.ax-secondary-blank>button:focus-visible,.ax-dark ax-button.ax-secondary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-success-solid{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-solid:is(.ax-dark ax-button.ax-success-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-solid.ax-state-selected{background-color:rgba(var(--ax-color-success-400))}.ax-dark ax-button.ax-success-solid>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-solid>button:is(.ax-dark ax-button.ax-success-solid>button:focus-visible,.ax-dark ax-button.ax-success-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}.ax-dark ax-button.ax-success-twotone{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-twotone:is(.ax-dark ax-button.ax-success-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-twotone.ax-state-selected{background-color:rgba(var(--ax-color-success-400))}.ax-dark ax-button.ax-success-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-twotone>button:is(.ax-dark ax-button.ax-success-twotone>button:focus-visible,.ax-dark ax-button.ax-success-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}.ax-dark ax-button.ax-success-outline{border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-outline:is(.ax-dark ax-button.ax-success-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-success-outline.ax-state-selected{background-color:rgba(var(--ax-color-success-300));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-outline>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-outline>button:is(.ax-dark ax-button.ax-success-outline>button:focus-visible,.ax-dark ax-button.ax-success-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-success-300));outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank{color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank:is(.ax-dark ax-button.ax-success-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-success-500));background-color:transparent}.ax-dark ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-blank>button .ax-ripple{background-color:rgba(var(--ax-color-success-300),.5)!important}.ax-dark ax-button.ax-success-blank>button:is(.ax-dark ax-button.ax-success-blank>button:focus-visible,.ax-dark ax-button.ax-success-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-warning-solid{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-solid:is(.ax-dark ax-button.ax-warning-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-solid.ax-state-selected{background-color:rgba(var(--ax-color-warning-400))}.ax-dark ax-button.ax-warning-solid>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-solid>button:is(.ax-dark ax-button.ax-warning-solid>button:focus-visible,.ax-dark ax-button.ax-warning-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-button.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-twotone:is(.ax-dark ax-button.ax-warning-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-twotone.ax-state-selected{background-color:rgba(var(--ax-color-warning-400))}.ax-dark ax-button.ax-warning-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-twotone>button:is(.ax-dark ax-button.ax-warning-twotone>button:focus-visible,.ax-dark ax-button.ax-warning-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-button.ax-warning-outline{border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-outline:is(.ax-dark ax-button.ax-warning-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-warning-outline.ax-state-selected{background-color:rgba(var(--ax-color-warning-300));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-outline>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-outline>button:is(.ax-dark ax-button.ax-warning-outline>button:focus-visible,.ax-dark ax-button.ax-warning-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-warning-300));outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank:is(.ax-dark ax-button.ax-warning-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-500));background-color:transparent}.ax-dark ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-blank>button .ax-ripple{background-color:rgba(var(--ax-color-warning-300),.5)!important}.ax-dark ax-button.ax-warning-blank>button:is(.ax-dark ax-button.ax-warning-blank>button:focus-visible,.ax-dark ax-button.ax-warning-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-danger-solid{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-solid:is(.ax-dark ax-button.ax-danger-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-solid.ax-state-selected{background-color:rgba(var(--ax-color-danger-400))}.ax-dark ax-button.ax-danger-solid>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-solid>button:is(.ax-dark ax-button.ax-danger-solid>button:focus-visible,.ax-dark ax-button.ax-danger-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-button.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-twotone:is(.ax-dark ax-button.ax-danger-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-twotone.ax-state-selected{background-color:rgba(var(--ax-color-danger-400))}.ax-dark ax-button.ax-danger-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-twotone>button:is(.ax-dark ax-button.ax-danger-twotone>button:focus-visible,.ax-dark ax-button.ax-danger-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-button.ax-danger-outline{border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-outline:is(.ax-dark ax-button.ax-danger-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-danger-outline.ax-state-selected{background-color:rgba(var(--ax-color-danger-300));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-outline>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-outline>button:is(.ax-dark ax-button.ax-danger-outline>button:focus-visible,.ax-dark ax-button.ax-danger-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-danger-300));outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank:is(.ax-dark ax-button.ax-danger-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-500));background-color:transparent}.ax-dark ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-blank>button .ax-ripple{background-color:rgba(var(--ax-color-danger-300),.5)!important}.ax-dark ax-button.ax-danger-blank>button:is(.ax-dark ax-button.ax-danger-blank>button:focus-visible,.ax-dark ax-button.ax-danger-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-info-solid{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-solid:is(.ax-dark ax-button.ax-info-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-solid.ax-state-selected{background-color:rgba(var(--ax-color-info-400))}.ax-dark ax-button.ax-info-solid>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-solid>button:is(.ax-dark ax-button.ax-info-solid>button:focus-visible,.ax-dark ax-button.ax-info-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-info-twotone{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-twotone:is(.ax-dark ax-button.ax-info-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-twotone.ax-state-selected{background-color:rgba(var(--ax-color-info-400))}.ax-dark ax-button.ax-info-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-twotone>button:is(.ax-dark ax-button.ax-info-twotone>button:focus-visible,.ax-dark ax-button.ax-info-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-info-outline{border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-outline:is(.ax-dark ax-button.ax-info-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-300));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-outline>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-outline>button:is(.ax-dark ax-button.ax-info-outline>button:focus-visible,.ax-dark ax-button.ax-info-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-info-300));outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank{color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank:is(.ax-dark ax-button.ax-info-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-info-500));background-color:transparent}.ax-dark ax-button.ax-info-blank.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-blank>button .ax-ripple{background-color:rgba(var(--ax-color-info-300),.5)!important}.ax-dark ax-button.ax-info-blank>button:is(.ax-dark ax-button.ax-info-blank>button:focus-visible,.ax-dark ax-button.ax-info-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-ghost-solid:hover:not(.ax-dark ax-button.ax-ghost-solid:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-solid:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-ghost-solid:active{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-solid>button:is(.ax-dark ax-button.ax-ghost-solid>button:focus-visible,.ax-dark ax-button.ax-ghost-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500),.5)}.ax-dark ax-button.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-outline:hover:not(.ax-dark ax-button.ax-ghost-outline:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-outline:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-outline:hover:active{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-outline:hover.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-outline>button:is(.ax-dark ax-button.ax-ghost-outline>button:focus-visible,.ax-dark ax-button.ax-ghost-outline>button.ax-state-focus){outline-offset:-4px;outline-color:rgba(var(--ax-color-ghost-fore),.5)}.ax-dark ax-button.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-gohst-fore))}.ax-dark ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-blank:hover:not(.ax-dark ax-button.ax-ghost-blank:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-blank:hover.ax-state-disabled){opacity:.75}.ax-dark ax-button.ax-ghost-blank:active{opacity:1}.ax-dark ax-button.ax-ghost-blank>button:is(.ax-dark ax-button.ax-ghost-blank>button:focus-visible,.ax-dark ax-button.ax-ghost-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-ghost-fore),.5)}.ax-dark ax-button.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-twotone:hover:not(.ax-dark ax-button.ax-ghost-twotone:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-twotone:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone:active{background-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-400));border-color:rgba(var(--ax-color-primary-400));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone>button:is(.ax-dark ax-button.ax-ghost-twotone>button:focus-visible,.ax-dark ax-button.ax-ghost-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500),.5)}\n"] }]
|
|
266
|
+
], 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-prefix, ax-loading, ax-icon\"> </ng-content>\n <ng-content select=\"ax-content\"> </ng-content>\n <span class=\"ax-button-text\" *ngIf=\"text\">{{ text }}</span>\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</button>\n", styles: ["ax-button{display:inline-flex;align-items:center;justify-content:center;-moz-border-radius:var(--ax-rounded-border-default);-webkit-border-radius:var(--ax-rounded-border-default);-khtml-border-radius:var(--ax-rounded-border-default);-border-radius:var(--ax-rounded-border-default);height:var(--ax-size-default);font-size:.875rem;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline-color:transparent}ax-button ax-prefix,ax-button ax-suffix{display:flex}ax-button ax-prefix ax-icon,ax-button ax-suffix ax-icon{width:1.5rem;height:1.5rem;display:flex!important;align-items:center;justify-content:center}ax-button.ax-xs{font-size:.75rem}ax-button.ax-xs>button{padding-inline-start:.25rem;padding-inline-end:.25rem}ax-button.ax-sm>button{padding-inline-start:.5rem;padding-inline-end:.5rem}ax-button.ax-sm,ax-button.ax-md{font-size:.875rem}ax-button.ax-lg{font-size:1.25rem}ax-button.ax-lg>button{padding-inline-start:1.5rem;padding-inline-end:1.5rem}ax-button.ax-xl{font-size:1.5rem}ax-button.ax-xl>button{padding-inline-start:2rem;padding-inline-end:2rem}ax-button.ax-button-icon{font-size:1rem;width:var(--ax-size-default);height:var(--ax-size-default)}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>button{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 1rem;position:relative;border-radius:inherit;outline-color:transparent;overflow:hidden}ax-button>button.ax-state-focus:focus,ax-button>button:focus-visible{outline-width:2px;outline-offset:2px;outline-style:solid;outline-color:rgba(var(--ax-color-black),.3)}ax-button>button .ax-button-text{padding-inline-start:.5rem;padding-inline-end:.5rem;white-space:nowrap;font-weight:500;line-height:1}ax-button.ax-ghost-solid{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore));border:1px solid;border-color:rgba(var(--ax-color-border-default));box-shadow:#0000 0 0,#0000 0 0,#0000000d 0 1px 2px}ax-button.ax-ghost-solid:hover:not(ax-button.ax-ghost-solid:hover.ax-state-selected,ax-button.ax-ghost-solid:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-ghost-solid:active{border-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-500))}ax-button.ax-ghost-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-outline:hover:not(ax-button.ax-ghost-outline:hover.ax-state-selected,ax-button.ax-ghost-outline:hover.ax-state-disabled){opacity:.75}ax-button.ax-ghost-outline:active{opacity:1}ax-button.ax-ghost-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-fore),.5)!important}ax-button.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-blank:hover:not(ax-button.ax-ghost-blank:hover.ax-state-selected,ax-button.ax-ghost-blank:hover.ax-state-disabled){opacity:.75}ax-button.ax-ghost-blank:active{opacity:1}ax-button.ax-ghost-blank>button .ax-ripple{background-color:rgba(var(--ax-color-ghost-fore),.5)!important}ax-button.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-twotone:hover:not(ax-button.ax-ghost-twotone:hover.ax-state-selected,ax-button.ax-ghost-twotone:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone:active{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-300));border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone>button:is(ax-button.ax-ghost-twotone>button:focus-visible,ax-button.ax-ghost-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-fore),.5)}ax-button ax-button-item.ax-divided{border-bottom:1px solid rgba(var(--ax-color-border-default))!important}ax-button.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-400))}ax-button.ax-primary-solid:is(ax-button.ax-primary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-700))}ax-button.ax-primary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-fore),.5)!important}ax-button.ax-primary-solid>button:is(ax-button.ax-primary-solid>button:focus-visible,ax-button.ax-primary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-button.ax-primary-twotone:is(ax-button.ax-primary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200))}ax-button.ax-primary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-300))}ax-button.ax-primary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-primary-400),.5)!important}ax-button.ax-primary-twotone>button:is(ax-button.ax-primary-twotone>button:focus-visible,ax-button.ax-primary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button.ax-primary-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-primary-outline>button:is(ax-button.ax-primary-outline>button:focus-visible,ax-button.ax-primary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-primary-fore-lighten));outline-color:rgba(var(--ax-color-primary-fore-lighten))}ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-primary-blank>button:is(ax-button.ax-primary-blank>button:focus-visible,ax-button.ax-primary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-400))}ax-button.ax-secondary-solid:is(ax-button.ax-secondary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-solid.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700))}ax-button.ax-secondary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-fore),.5)!important}ax-button.ax-secondary-solid>button:is(ax-button.ax-secondary-solid>button:focus-visible,ax-button.ax-secondary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-button.ax-secondary-twotone:is(ax-button.ax-secondary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-200))}ax-button.ax-secondary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-secondary-300))}ax-button.ax-secondary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-400),.5)!important}ax-button.ax-secondary-twotone>button:is(ax-button.ax-secondary-twotone>button:focus-visible,ax-button.ax-secondary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}ax-button.ax-secondary-outline>button:is(ax-button.ax-secondary-outline>button:focus-visible,ax-button.ax-secondary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-secondary-fore-lighten));outline-color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}ax-button.ax-secondary-blank>button:is(ax-button.ax-secondary-blank>button:focus-visible,ax-button.ax-secondary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-success-solid{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-400))}ax-button.ax-success-solid:is(ax-button.ax-success-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-solid.ax-state-selected{background-color:rgba(var(--ax-color-success-700))}ax-button.ax-success-solid>button .ax-ripple{background-color:rgba(var(--ax-color-success-fore),.5)!important}ax-button.ax-success-solid>button:is(ax-button.ax-success-solid>button:focus-visible,ax-button.ax-success-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-twotone{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-button.ax-success-twotone:is(ax-button.ax-success-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-200))}ax-button.ax-success-twotone.ax-state-selected{background-color:rgba(var(--ax-color-success-300))}ax-button.ax-success-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-success-400),.5)!important}ax-button.ax-success-twotone>button:is(ax-button.ax-success-twotone>button:focus-visible,ax-button.ax-success-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button.ax-success-outline.ax-state-selected{background-color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}ax-button.ax-success-outline>button:is(ax-button.ax-success-outline>button:focus-visible,ax-button.ax-success-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-success-fore-lighten));outline-color:rgba(var(--ax-color-success-fore-lighten))}ax-button.ax-success-blank{color:rgba(var(--ax-color-success-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-blank>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}ax-button.ax-success-blank>button:is(ax-button.ax-success-blank>button:focus-visible,ax-button.ax-success-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-400))}ax-button.ax-warning-solid:is(ax-button.ax-warning-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-solid.ax-state-selected{background-color:rgba(var(--ax-color-warning-700))}ax-button.ax-warning-solid>button .ax-ripple{background-color:rgba(var(--ax-color-warning-fore),.5)!important}ax-button.ax-warning-solid>button:is(ax-button.ax-warning-solid>button:focus-visible,ax-button.ax-warning-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-button.ax-warning-twotone:is(ax-button.ax-warning-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-200))}ax-button.ax-warning-twotone.ax-state-selected{background-color:rgba(var(--ax-color-warning-300))}ax-button.ax-warning-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-warning-400),.5)!important}ax-button.ax-warning-twotone>button:is(ax-button.ax-warning-twotone>button:focus-visible,ax-button.ax-warning-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button.ax-warning-outline.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}ax-button.ax-warning-outline>button:is(ax-button.ax-warning-outline>button:focus-visible,ax-button.ax-warning-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-warning-fore-lighten));outline-color:rgba(var(--ax-color-warning-fore-lighten))}ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-blank>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}ax-button.ax-warning-blank>button:is(ax-button.ax-warning-blank>button:focus-visible,ax-button.ax-warning-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-400))}ax-button.ax-danger-solid:is(ax-button.ax-danger-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-solid.ax-state-selected{background-color:rgba(var(--ax-color-danger-700))}ax-button.ax-danger-solid>button .ax-ripple{background-color:rgba(var(--ax-color-danger-fore),.5)!important}ax-button.ax-danger-solid>button:is(ax-button.ax-danger-solid>button:focus-visible,ax-button.ax-danger-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-button.ax-danger-twotone:is(ax-button.ax-danger-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-200))}ax-button.ax-danger-twotone.ax-state-selected{background-color:rgba(var(--ax-color-danger-300))}ax-button.ax-danger-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-danger-400),.5)!important}ax-button.ax-danger-twotone>button:is(ax-button.ax-danger-twotone>button:focus-visible,ax-button.ax-danger-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button.ax-danger-outline.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}ax-button.ax-danger-outline>button:is(ax-button.ax-danger-outline>button:focus-visible,ax-button.ax-danger-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-danger-fore-lighten));outline-color:rgba(var(--ax-color-danger-fore-lighten))}ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-blank>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}ax-button.ax-danger-blank>button:is(ax-button.ax-danger-blank>button:focus-visible,ax-button.ax-danger-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-info-solid{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-400))}ax-button.ax-info-solid:is(ax-button.ax-info-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-600))}ax-button.ax-info-solid.ax-state-selected{background-color:rgba(var(--ax-color-info-700))}ax-button.ax-info-solid>button .ax-ripple{background-color:rgba(var(--ax-color-info-fore),.5)!important}ax-button.ax-info-solid>button:is(ax-button.ax-info-solid>button:focus-visible,ax-button.ax-info-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-twotone{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-button.ax-info-twotone:is(ax-button.ax-info-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-200))}ax-button.ax-info-twotone.ax-state-selected{background-color:rgba(var(--ax-color-info-300))}ax-button.ax-info-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-info-400),.5)!important}ax-button.ax-info-twotone>button:is(ax-button.ax-info-twotone>button:focus-visible,ax-button.ax-info-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline:is(ax-button.ax-info-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-outline>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}ax-button.ax-info-outline>button:is(ax-button.ax-info-outline>button:focus-visible,ax-button.ax-info-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-info-fore-lighten));outline-color:rgba(var(--ax-color-info-fore-lighten))}ax-button.ax-info-blank{color:rgba(var(--ax-color-info-500))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button.ax-info-blank.ax-state-selected{background-color:rgba(var(--ax-color-info-700));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-blank>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}ax-button.ax-info-blank>button:is(ax-button.ax-info-blank>button:focus-visible,ax-button.ax-info-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-primary-solid{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-solid:is(.ax-dark ax-button.ax-primary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-400))}.ax-dark ax-button.ax-primary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-solid>button:is(.ax-dark ax-button.ax-primary-solid>button:focus-visible,.ax-dark ax-button.ax-primary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-twotone:is(.ax-dark ax-button.ax-primary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-400))}.ax-dark ax-button.ax-primary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-twotone>button:is(.ax-dark ax-button.ax-primary-twotone>button:focus-visible,.ax-dark ax-button.ax-primary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button.ax-primary-outline{border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-outline:is(.ax-dark ax-button.ax-primary-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-primary-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-outline>button:is(.ax-dark ax-button.ax-primary-outline>button:focus-visible,.ax-dark ax-button.ax-primary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-primary-300));outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank:is(.ax-dark ax-button.ax-primary-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-500));background-color:transparent}.ax-dark ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-primary-300),.5)!important}.ax-dark ax-button.ax-primary-blank>button:is(.ax-dark ax-button.ax-primary-blank>button:focus-visible,.ax-dark ax-button.ax-primary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-solid:is(.ax-dark ax-button.ax-secondary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-solid.ax-state-selected{background-color:rgba(var(--ax-color-secondary-400))}.ax-dark ax-button.ax-secondary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-solid>button:is(.ax-dark ax-button.ax-secondary-solid>button:focus-visible,.ax-dark ax-button.ax-secondary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-button.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-twotone:is(.ax-dark ax-button.ax-secondary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-secondary-400))}.ax-dark ax-button.ax-secondary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-twotone>button:is(.ax-dark ax-button.ax-secondary-twotone>button:focus-visible,.ax-dark ax-button.ax-secondary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-button.ax-secondary-outline{border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-outline:is(.ax-dark ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-300));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-outline>button:is(.ax-dark ax-button.ax-secondary-outline>button:focus-visible,.ax-dark ax-button.ax-secondary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-secondary-300));outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank:is(.ax-dark ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-500));background-color:transparent}.ax-dark ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-300),.5)!important}.ax-dark ax-button.ax-secondary-blank>button:is(.ax-dark ax-button.ax-secondary-blank>button:focus-visible,.ax-dark ax-button.ax-secondary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-success-solid{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-solid:is(.ax-dark ax-button.ax-success-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-solid.ax-state-selected{background-color:rgba(var(--ax-color-success-400))}.ax-dark ax-button.ax-success-solid>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-solid>button:is(.ax-dark ax-button.ax-success-solid>button:focus-visible,.ax-dark ax-button.ax-success-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}.ax-dark ax-button.ax-success-twotone{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-twotone:is(.ax-dark ax-button.ax-success-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-twotone.ax-state-selected{background-color:rgba(var(--ax-color-success-400))}.ax-dark ax-button.ax-success-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-twotone>button:is(.ax-dark ax-button.ax-success-twotone>button:focus-visible,.ax-dark ax-button.ax-success-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}.ax-dark ax-button.ax-success-outline{border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-outline:is(.ax-dark ax-button.ax-success-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-success-outline.ax-state-selected{background-color:rgba(var(--ax-color-success-300));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-outline>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-outline>button:is(.ax-dark ax-button.ax-success-outline>button:focus-visible,.ax-dark ax-button.ax-success-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-success-300));outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank{color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank:is(.ax-dark ax-button.ax-success-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-success-500));background-color:transparent}.ax-dark ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-blank>button .ax-ripple{background-color:rgba(var(--ax-color-success-300),.5)!important}.ax-dark ax-button.ax-success-blank>button:is(.ax-dark ax-button.ax-success-blank>button:focus-visible,.ax-dark ax-button.ax-success-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-warning-solid{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-solid:is(.ax-dark ax-button.ax-warning-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-solid.ax-state-selected{background-color:rgba(var(--ax-color-warning-400))}.ax-dark ax-button.ax-warning-solid>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-solid>button:is(.ax-dark ax-button.ax-warning-solid>button:focus-visible,.ax-dark ax-button.ax-warning-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-button.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-twotone:is(.ax-dark ax-button.ax-warning-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-twotone.ax-state-selected{background-color:rgba(var(--ax-color-warning-400))}.ax-dark ax-button.ax-warning-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-twotone>button:is(.ax-dark ax-button.ax-warning-twotone>button:focus-visible,.ax-dark ax-button.ax-warning-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-button.ax-warning-outline{border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-outline:is(.ax-dark ax-button.ax-warning-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-warning-outline.ax-state-selected{background-color:rgba(var(--ax-color-warning-300));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-outline>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-outline>button:is(.ax-dark ax-button.ax-warning-outline>button:focus-visible,.ax-dark ax-button.ax-warning-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-warning-300));outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank:is(.ax-dark ax-button.ax-warning-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-500));background-color:transparent}.ax-dark ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-blank>button .ax-ripple{background-color:rgba(var(--ax-color-warning-300),.5)!important}.ax-dark ax-button.ax-warning-blank>button:is(.ax-dark ax-button.ax-warning-blank>button:focus-visible,.ax-dark ax-button.ax-warning-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-danger-solid{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-solid:is(.ax-dark ax-button.ax-danger-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-solid.ax-state-selected{background-color:rgba(var(--ax-color-danger-400))}.ax-dark ax-button.ax-danger-solid>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-solid>button:is(.ax-dark ax-button.ax-danger-solid>button:focus-visible,.ax-dark ax-button.ax-danger-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-button.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-twotone:is(.ax-dark ax-button.ax-danger-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-twotone.ax-state-selected{background-color:rgba(var(--ax-color-danger-400))}.ax-dark ax-button.ax-danger-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-twotone>button:is(.ax-dark ax-button.ax-danger-twotone>button:focus-visible,.ax-dark ax-button.ax-danger-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-button.ax-danger-outline{border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-outline:is(.ax-dark ax-button.ax-danger-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-danger-outline.ax-state-selected{background-color:rgba(var(--ax-color-danger-300));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-outline>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-outline>button:is(.ax-dark ax-button.ax-danger-outline>button:focus-visible,.ax-dark ax-button.ax-danger-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-danger-300));outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank:is(.ax-dark ax-button.ax-danger-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-500));background-color:transparent}.ax-dark ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-blank>button .ax-ripple{background-color:rgba(var(--ax-color-danger-300),.5)!important}.ax-dark ax-button.ax-danger-blank>button:is(.ax-dark ax-button.ax-danger-blank>button:focus-visible,.ax-dark ax-button.ax-danger-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-info-solid{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-solid:is(.ax-dark ax-button.ax-info-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-solid.ax-state-selected{background-color:rgba(var(--ax-color-info-400))}.ax-dark ax-button.ax-info-solid>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-solid>button:is(.ax-dark ax-button.ax-info-solid>button:focus-visible,.ax-dark ax-button.ax-info-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-info-twotone{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-twotone:is(.ax-dark ax-button.ax-info-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-twotone.ax-state-selected{background-color:rgba(var(--ax-color-info-400))}.ax-dark ax-button.ax-info-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-twotone>button:is(.ax-dark ax-button.ax-info-twotone>button:focus-visible,.ax-dark ax-button.ax-info-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-info-outline{border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-outline:is(.ax-dark ax-button.ax-info-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-300));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-outline>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-outline>button:is(.ax-dark ax-button.ax-info-outline>button:focus-visible,.ax-dark ax-button.ax-info-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-info-300));outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank{color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank:is(.ax-dark ax-button.ax-info-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-info-500));background-color:transparent}.ax-dark ax-button.ax-info-blank.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-blank>button .ax-ripple{background-color:rgba(var(--ax-color-info-300),.5)!important}.ax-dark ax-button.ax-info-blank>button:is(.ax-dark ax-button.ax-info-blank>button:focus-visible,.ax-dark ax-button.ax-info-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-ghost-solid:hover:not(.ax-dark ax-button.ax-ghost-solid:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-solid:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-ghost-solid:active{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-solid>button:is(.ax-dark ax-button.ax-ghost-solid>button:focus-visible,.ax-dark ax-button.ax-ghost-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500),.5)}.ax-dark ax-button.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-outline:hover:not(.ax-dark ax-button.ax-ghost-outline:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-outline:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-outline:hover:active{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-outline:hover.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-outline>button:is(.ax-dark ax-button.ax-ghost-outline>button:focus-visible,.ax-dark ax-button.ax-ghost-outline>button.ax-state-focus){outline-offset:-4px;outline-color:rgba(var(--ax-color-ghost-fore),.5)}.ax-dark ax-button.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-blank:hover:not(.ax-dark ax-button.ax-ghost-blank:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-blank:hover.ax-state-disabled){opacity:.75}.ax-dark ax-button.ax-ghost-blank:active{opacity:1}.ax-dark ax-button.ax-ghost-blank>button:is(.ax-dark ax-button.ax-ghost-blank>button:focus-visible,.ax-dark ax-button.ax-ghost-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-ghost-fore),.5)}.ax-dark ax-button.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-twotone:hover:not(.ax-dark ax-button.ax-ghost-twotone:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-twotone:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone:active{background-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-400));border-color:rgba(var(--ax-color-primary-400));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone>button:is(.ax-dark ax-button.ax-ghost-twotone>button:focus-visible,.ax-dark ax-button.ax-ghost-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500),.5)}\n"] }]
|
|
245
267
|
}], propDecorators: { type: [{
|
|
246
268
|
type: Input
|
|
247
269
|
}], __hostClass: [{
|