npm - @acorex/components - Versions diffs - 20.9.0 → 20.9.2 - Mend

@acorex/components 20.9.0 → 20.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (118) hide show

package/fesm2022/acorex-components-badge.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 import { MXColorLookComponent, AXComponent } from '@acorex/cdk/common';
 import * as i0 from '@angular/core';
-import { input, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import { input, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
 class AXBadgeComponent extends MXColorLookComponent {
     constructor() {
@@ -12,22 +12,27 @@ class AXBadgeComponent extends MXColorLookComponent {
          */
         this.text = input('', ...(ngDevMode ? [{ debugName: "text" }] : []));
     }
-    /**
-     *  @ignore
-     */
-    get __hostClass() {
-        return `ax-${this.look} ax-${this.color} ${!this.text() ? 'ax-mini-badge' : ''} ${this.text()?.length == 1 ? 'ax-single-badge' : ''}`;
+    /** @ignore */
+    get hostClass() {
+        const value = this.text() ?? '';
+        return [
+            `ax-${this.look}`,
+            `ax-${this.color}`,
+            value.length === 0 ? 'ax-mini-badge' : '',
+            value.length === 1 ? 'ax-single-badge' : '',
+        ]
+            .filter(Boolean)
+            .join(' ');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXBadgeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXBadgeComponent, isStandalone: true, selector: "ax-badge", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXBadgeComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text()) {\n  <span class=\"ax-badge-text\">{{ text() }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-badge{--ax-comp-badge-border-radius: 9999px}ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-lightest-surface)}.ax-dark ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-darkest-surface)}ax-badge.ax-solid.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-dark-surface)}ax-badge.ax-solid.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-dark-surface)}ax-badge.ax-solid.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-dark-surface)}ax-badge.ax-solid.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-dark-surface)}ax-badge.ax-solid.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-dark-surface)}ax-badge.ax-solid.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-dark-surface)}ax-badge.ax-solid.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-dark-surface)}ax-badge.ax-solid.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-dark-surface)}ax-badge.ax-solid.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-dark-surface)}ax-badge.ax-solid.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-dark-surface)}ax-badge.ax-solid.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent6-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-dark-surface)}ax-badge.ax-solid.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-dark-surface)}.ax-dark ax-badge.ax-solid.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-light-surface)}.ax-dark ax-badge.ax-solid.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-light-surface)}.ax-dark ax-badge.ax-solid.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-light-surface)}.ax-dark ax-badge.ax-solid.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-light-surface)}.ax-dark ax-badge.ax-solid.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-light-surface)}ax-badge.ax-outline.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-500);--ax-comp-badge-border-color: var(--ax-sys-color-primary-500)}ax-badge.ax-outline.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-500);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-500)}ax-badge.ax-outline.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-500);--ax-comp-badge-border-color: var(--ax-sys-color-success-500)}ax-badge.ax-outline.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-500);--ax-comp-badge-border-color: var(--ax-sys-color-warning-500)}ax-badge.ax-outline.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-500);--ax-comp-badge-border-color: var(--ax-sys-color-danger-500)}ax-badge.ax-outline.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-500)}ax-badge.ax-outline.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-500)}ax-badge.ax-outline.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-500)}ax-badge.ax-outline.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-500)}ax-badge.ax-outline.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-500)}ax-badge.ax-outline.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-500)}ax-badge.ax-outline.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-500)}.ax-dark ax-badge.ax-outline.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-200);--ax-comp-badge-border-color: var(--ax-sys-color-primary-200)}.ax-dark ax-badge.ax-outline.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-200);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-200)}.ax-dark ax-badge.ax-outline.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-200);--ax-comp-badge-border-color: var(--ax-sys-color-success-200)}.ax-dark ax-badge.ax-outline.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-200);--ax-comp-badge-border-color: var(--ax-sys-color-warning-200)}.ax-dark ax-badge.ax-outline.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-200);--ax-comp-badge-border-color: var(--ax-sys-color-danger-200)}.ax-dark ax-badge.ax-outline.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-200)}.ax-dark ax-badge.ax-outline.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-200)}.ax-dark ax-badge.ax-outline.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-200)}.ax-dark ax-badge.ax-outline.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-200)}.ax-dark ax-badge.ax-outline.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-200)}.ax-dark ax-badge.ax-outline.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-200)}.ax-dark ax-badge.ax-outline.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-200)}ax-badge.ax-twotone.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-lightest-surface)}ax-badge.ax-twotone.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-lightest-surface)}ax-badge.ax-twotone.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-lightest-surface)}ax-badge.ax-twotone.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-lightest-surface)}ax-badge.ax-twotone.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-lightest-surface)}ax-badge.ax-twotone.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-lightest-surface)}ax-badge.ax-twotone.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-lightest-surface)}ax-badge.ax-twotone.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-lightest-surface)}ax-badge.ax-twotone.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-lightest-surface)}ax-badge.ax-twotone.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-lightest-surface)}ax-badge.ax-twotone.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent6-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-lightest-surface)}ax-badge.ax-twotone.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-lightest-surface)}.ax-dark ax-badge.ax-twotone.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent1-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent2-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent3-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent4-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent5-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent6-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent7-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-darkest-surface)}ax-badge.ax-blank.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-500);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-200);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-link{border-width:0;border-bottom-width:1px;border-radius:0}ax-badge.ax-link.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-500);--ax-comp-badge-border-color: var(--ax-sys-color-primary-500)}ax-badge.ax-link.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-500);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-500)}ax-badge.ax-link.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-500);--ax-comp-badge-border-color: var(--ax-sys-color-success-500)}ax-badge.ax-link.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-500);--ax-comp-badge-border-color: var(--ax-sys-color-warning-500)}ax-badge.ax-link.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-500);--ax-comp-badge-border-color: var(--ax-sys-color-danger-500)}ax-badge.ax-link.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-500)}ax-badge.ax-link.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-500)}ax-badge.ax-link.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-500)}ax-badge.ax-link.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-500)}ax-badge.ax-link.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-500)}ax-badge.ax-link.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-500)}ax-badge.ax-link.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-500)}.ax-dark ax-badge.ax-link.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-200);--ax-comp-badge-border-color: var(--ax-sys-color-primary-200)}.ax-dark ax-badge.ax-link.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-200);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-200)}.ax-dark ax-badge.ax-link.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-200);--ax-comp-badge-border-color: var(--ax-sys-color-success-200)}.ax-dark ax-badge.ax-link.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-200);--ax-comp-badge-border-color: var(--ax-sys-color-warning-200)}.ax-dark ax-badge.ax-link.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-200);--ax-comp-badge-border-color: var(--ax-sys-color-danger-200)}.ax-dark ax-badge.ax-link.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-200)}.ax-dark ax-badge.ax-link.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-200)}.ax-dark ax-badge.ax-link.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-200)}.ax-dark ax-badge.ax-link.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-200)}.ax-dark ax-badge.ax-link.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-200)}.ax-dark ax-badge.ax-link.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-200)}.ax-dark ax-badge.ax-link.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-200)}ax-badge{display:inline-block;border-width:1px;border-color:transparent;font-size:.75rem;max-height:fit-content;line-height:1;color:rgba(var(--ax-comp-badge-text-color));border-radius:var(--ax-comp-badge-border-radius);border-color:rgba(var(--ax-comp-badge-border-color));background-color:rgba(var(--ax-comp-badge-bg-color))}ax-badge.ax-mini-badge{min-height:.5rem;width:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{display:flex;min-height:1.25rem;width:1.25rem;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{display:inline-block;white-space:nowrap;word-break:break-all;padding:.125rem .25rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXBadgeComponent, isStandalone: true, selector: "ax-badge", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXBadgeComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text()) {\n  <span class=\"ax-badge-text\">{{ text() }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-badge{--ax-comp-badge-border-radius: .375rem;--ax-comp-badge-font-size: .75rem;--ax-comp-badge-font-weight: 500;--ax-comp-badge-line-height: 1rem;--ax-comp-badge-gap: .375rem;--ax-comp-badge-padding-x: .5rem;--ax-comp-badge-padding-y: .25rem;--ax-comp-badge-dot-size: .375rem;--ax-comp-badge-ring-opacity: .1;--ax-comp-badge-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-lightest-surface)}ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-badge-ring-opacity: .1}.ax-dark ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-badge-ring-opacity: .2}ax-badge.ax-solid.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent6-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent6-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-outline.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-primary-700);--ax-comp-badge-border-color: var(--ax-sys-color-primary-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-secondary-700);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-success-700);--ax-comp-badge-border-color: var(--ax-sys-color-success-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-warning-700);--ax-comp-badge-border-color: var(--ax-sys-color-warning-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-danger-700);--ax-comp-badge-border-color: var(--ax-sys-color-danger-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent1-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent2-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent3-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent4-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent5-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent6-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent7-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-600);--ax-comp-badge-ring-opacity: .1}.ax-dark ax-badge.ax-outline.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-primary-300);--ax-comp-badge-border-color: var(--ax-sys-color-primary-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-secondary-300);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-success-300);--ax-comp-badge-border-color: var(--ax-sys-color-success-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-warning-300);--ax-comp-badge-border-color: var(--ax-sys-color-warning-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-danger-300);--ax-comp-badge-border-color: var(--ax-sys-color-danger-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent1-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent2-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent3-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent4-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent5-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent6-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent7-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-300);--ax-comp-badge-ring-opacity: .2}ax-badge.ax-twotone.ax-primary,ax-badge.ax-flat.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-primary-700);--ax-comp-badge-border-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-secondary,ax-badge.ax-flat.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-secondary-700);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-success,ax-badge.ax-flat.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-success-700);--ax-comp-badge-border-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-warning,ax-badge.ax-flat.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-warning-700);--ax-comp-badge-border-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-danger,ax-badge.ax-flat.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-danger-700);--ax-comp-badge-border-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent1,ax-badge.ax-flat.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent1-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent2,ax-badge.ax-flat.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent2-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent3,ax-badge.ax-flat.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent3-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent4,ax-badge.ax-flat.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent4-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent5,ax-badge.ax-flat.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent5-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent6,ax-badge.ax-flat.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent6-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent7,ax-badge.ax-flat.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent7-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-primary,.ax-dark ax-badge.ax-flat.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-primary-300);--ax-comp-badge-border-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-secondary,.ax-dark ax-badge.ax-flat.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-secondary-300);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-success,.ax-dark ax-badge.ax-flat.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-success-300);--ax-comp-badge-border-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-warning,.ax-dark ax-badge.ax-flat.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-warning-300);--ax-comp-badge-border-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-danger,.ax-dark ax-badge.ax-flat.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-danger-300);--ax-comp-badge-border-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent1,.ax-dark ax-badge.ax-flat.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent1-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent2,.ax-dark ax-badge.ax-flat.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent2-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent3,.ax-dark ax-badge.ax-flat.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent3-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent4,.ax-dark ax-badge.ax-flat.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent4-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent5,.ax-dark ax-badge.ax-flat.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent5-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent6,.ax-dark ax-badge.ax-flat.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent6-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent7,.ax-dark ax-badge.ax-flat.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent7-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-700);--ax-comp-badge-border-color: var(--ax-sys-color-primary-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-700);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-700);--ax-comp-badge-border-color: var(--ax-sys-color-success-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-700);--ax-comp-badge-border-color: var(--ax-sys-color-warning-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-700);--ax-comp-badge-border-color: var(--ax-sys-color-danger-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-700);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-300);--ax-comp-badge-border-color: var(--ax-sys-color-primary-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-300);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-300);--ax-comp-badge-border-color: var(--ax-sys-color-success-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-300);--ax-comp-badge-border-color: var(--ax-sys-color-warning-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-300);--ax-comp-badge-border-color: var(--ax-sys-color-danger-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-300);--ax-comp-badge-ring-opacity: 0}ax-badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--ax-comp-badge-gap);max-width:100%;max-height:fit-content;box-sizing:border-box;vertical-align:middle;border:0;border-radius:var(--ax-comp-badge-border-radius);background-color:rgba(var(--ax-comp-badge-bg-color));color:rgba(var(--ax-comp-badge-text-color));font-size:var(--ax-comp-badge-font-size);font-weight:var(--ax-comp-badge-font-weight);line-height:var(--ax-comp-badge-line-height);white-space:nowrap;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 0 1px rgba(var(--ax-comp-badge-border-color),var(--ax-comp-badge-ring-opacity))}ax-badge .ax-badge-text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-badge ax-prefix,ax-badge ax-suffix{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;font-size:inherit;line-height:1}ax-badge .ax-badge-dot,ax-badge ax-prefix.ax-badge-dot,ax-badge ax-prefix>.ax-badge-dot{display:inline-flex;flex-shrink:0;width:var(--ax-comp-badge-dot-size);height:var(--ax-comp-badge-dot-size);border-radius:9999px;background-color:currentColor}ax-badge.ax-rounded-full,ax-badge.ax-pill{--ax-comp-badge-border-radius: 9999px}ax-badge.ax-sm,ax-badge.ax-xs{--ax-comp-badge-font-size: .6875rem;--ax-comp-badge-line-height: .875rem;--ax-comp-badge-padding-x: .375rem;--ax-comp-badge-padding-y: .125rem;--ax-comp-badge-gap: .25rem;--ax-comp-badge-dot-size: .3125rem}ax-badge:not(.ax-mini-badge):not(.ax-blank):not(.ax-link){padding:var(--ax-comp-badge-padding-y) var(--ax-comp-badge-padding-x)}ax-badge.ax-mini-badge{--ax-comp-badge-border-radius: 9999px;width:.5rem;height:.5rem;min-width:.5rem;min-height:.5rem;padding:0;gap:0;box-shadow:none}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{--ax-comp-badge-border-radius: 9999px;min-width:1.25rem;min-height:1.25rem;padding:.125rem;aspect-ratio:1}ax-badge.ax-single-badge .ax-badge-text{font-variant-numeric:tabular-nums}ax-badge.ax-twotone,ax-badge.ax-flat,ax-badge.ax-solid{--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank{padding:0;background-color:transparent;box-shadow:none}ax-badge.ax-link{border-radius:0;padding:0;background-color:transparent;box-shadow:none;border-bottom:1px solid rgba(var(--ax-comp-badge-border-color))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXBadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-badge', inputs: ['color', 'look'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXComponent, useExisting: AXBadgeComponent }], template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text()) {\n  <span class=\"ax-badge-text\">{{ text() }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-badge{--ax-comp-badge-border-radius: 9999px}ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-lightest-surface)}.ax-dark ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-darkest-surface)}ax-badge.ax-solid.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-dark-surface)}ax-badge.ax-solid.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-dark-surface)}ax-badge.ax-solid.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-dark-surface)}ax-badge.ax-solid.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-dark-surface)}ax-badge.ax-solid.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-dark-surface)}ax-badge.ax-solid.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-dark-surface)}ax-badge.ax-solid.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-dark-surface)}ax-badge.ax-solid.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-dark-surface)}ax-badge.ax-solid.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-dark-surface)}ax-badge.ax-solid.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-dark-surface)}ax-badge.ax-solid.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent6-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-dark-surface)}ax-badge.ax-solid.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-dark-surface)}.ax-dark ax-badge.ax-solid.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-light-surface)}.ax-dark ax-badge.ax-solid.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-light-surface)}.ax-dark ax-badge.ax-solid.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-light-surface)}.ax-dark ax-badge.ax-solid.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-light-surface)}.ax-dark ax-badge.ax-solid.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-light-surface)}ax-badge.ax-outline.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-500);--ax-comp-badge-border-color: var(--ax-sys-color-primary-500)}ax-badge.ax-outline.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-500);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-500)}ax-badge.ax-outline.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-500);--ax-comp-badge-border-color: var(--ax-sys-color-success-500)}ax-badge.ax-outline.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-500);--ax-comp-badge-border-color: var(--ax-sys-color-warning-500)}ax-badge.ax-outline.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-500);--ax-comp-badge-border-color: var(--ax-sys-color-danger-500)}ax-badge.ax-outline.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-500)}ax-badge.ax-outline.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-500)}ax-badge.ax-outline.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-500)}ax-badge.ax-outline.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-500)}ax-badge.ax-outline.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-500)}ax-badge.ax-outline.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-500)}ax-badge.ax-outline.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-500)}.ax-dark ax-badge.ax-outline.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-200);--ax-comp-badge-border-color: var(--ax-sys-color-primary-200)}.ax-dark ax-badge.ax-outline.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-200);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-200)}.ax-dark ax-badge.ax-outline.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-200);--ax-comp-badge-border-color: var(--ax-sys-color-success-200)}.ax-dark ax-badge.ax-outline.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-200);--ax-comp-badge-border-color: var(--ax-sys-color-warning-200)}.ax-dark ax-badge.ax-outline.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-200);--ax-comp-badge-border-color: var(--ax-sys-color-danger-200)}.ax-dark ax-badge.ax-outline.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-200)}.ax-dark ax-badge.ax-outline.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-200)}.ax-dark ax-badge.ax-outline.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-200)}.ax-dark ax-badge.ax-outline.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-200)}.ax-dark ax-badge.ax-outline.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-200)}.ax-dark ax-badge.ax-outline.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-200)}.ax-dark ax-badge.ax-outline.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-200)}ax-badge.ax-twotone.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-lightest-surface)}ax-badge.ax-twotone.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-lightest-surface)}ax-badge.ax-twotone.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-lightest-surface)}ax-badge.ax-twotone.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-lightest-surface)}ax-badge.ax-twotone.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-lightest-surface)}ax-badge.ax-twotone.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-lightest-surface)}ax-badge.ax-twotone.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-lightest-surface)}ax-badge.ax-twotone.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-lightest-surface)}ax-badge.ax-twotone.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-lightest-surface)}ax-badge.ax-twotone.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-lightest-surface)}ax-badge.ax-twotone.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent6-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-lightest-surface)}ax-badge.ax-twotone.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-lightest-surface)}.ax-dark ax-badge.ax-twotone.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent1-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent2-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent3-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent4-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent5-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent6-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent7-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-darkest-surface)}ax-badge.ax-blank.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-500);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-200);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-link{border-width:0;border-bottom-width:1px;border-radius:0}ax-badge.ax-link.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-500);--ax-comp-badge-border-color: var(--ax-sys-color-primary-500)}ax-badge.ax-link.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-500);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-500)}ax-badge.ax-link.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-500);--ax-comp-badge-border-color: var(--ax-sys-color-success-500)}ax-badge.ax-link.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-500);--ax-comp-badge-border-color: var(--ax-sys-color-warning-500)}ax-badge.ax-link.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-500);--ax-comp-badge-border-color: var(--ax-sys-color-danger-500)}ax-badge.ax-link.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-500)}ax-badge.ax-link.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-500)}ax-badge.ax-link.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-500)}ax-badge.ax-link.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-500)}ax-badge.ax-link.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-500)}ax-badge.ax-link.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-500)}ax-badge.ax-link.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-500)}.ax-dark ax-badge.ax-link.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-200);--ax-comp-badge-border-color: var(--ax-sys-color-primary-200)}.ax-dark ax-badge.ax-link.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-200);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-200)}.ax-dark ax-badge.ax-link.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-200);--ax-comp-badge-border-color: var(--ax-sys-color-success-200)}.ax-dark ax-badge.ax-link.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-200);--ax-comp-badge-border-color: var(--ax-sys-color-warning-200)}.ax-dark ax-badge.ax-link.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-200);--ax-comp-badge-border-color: var(--ax-sys-color-danger-200)}.ax-dark ax-badge.ax-link.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-200)}.ax-dark ax-badge.ax-link.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-200)}.ax-dark ax-badge.ax-link.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-200)}.ax-dark ax-badge.ax-link.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-200)}.ax-dark ax-badge.ax-link.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-200)}.ax-dark ax-badge.ax-link.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-200)}.ax-dark ax-badge.ax-link.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-200)}ax-badge{display:inline-block;border-width:1px;border-color:transparent;font-size:.75rem;max-height:fit-content;line-height:1;color:rgba(var(--ax-comp-badge-text-color));border-radius:var(--ax-comp-badge-border-radius);border-color:rgba(var(--ax-comp-badge-border-color));background-color:rgba(var(--ax-comp-badge-bg-color))}ax-badge.ax-mini-badge{min-height:.5rem;width:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{display:flex;min-height:1.25rem;width:1.25rem;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{display:inline-block;white-space:nowrap;word-break:break-all;padding:.125rem .25rem}\n"] }]
-        }], propDecorators: { __hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+            args: [{ selector: 'ax-badge', inputs: ['color', 'look'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXComponent, useExisting: AXBadgeComponent }], host: {
+                        '[class]': 'hostClass',
+                    }, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text()) {\n  <span class=\"ax-badge-text\">{{ text() }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-badge{--ax-comp-badge-border-radius: .375rem;--ax-comp-badge-font-size: .75rem;--ax-comp-badge-font-weight: 500;--ax-comp-badge-line-height: 1rem;--ax-comp-badge-gap: .375rem;--ax-comp-badge-padding-x: .5rem;--ax-comp-badge-padding-y: .25rem;--ax-comp-badge-dot-size: .375rem;--ax-comp-badge-ring-opacity: .1;--ax-comp-badge-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-lightest-surface)}ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-badge-ring-opacity: .1}.ax-dark ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-badge-ring-opacity: .2}ax-badge.ax-solid.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent6-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent6-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-outline.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-primary-700);--ax-comp-badge-border-color: var(--ax-sys-color-primary-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-secondary-700);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-success-700);--ax-comp-badge-border-color: var(--ax-sys-color-success-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-warning-700);--ax-comp-badge-border-color: var(--ax-sys-color-warning-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-danger-700);--ax-comp-badge-border-color: var(--ax-sys-color-danger-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent1-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent2-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent3-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent4-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent5-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent6-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent7-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-600);--ax-comp-badge-ring-opacity: .1}.ax-dark ax-badge.ax-outline.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-primary-300);--ax-comp-badge-border-color: var(--ax-sys-color-primary-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-secondary-300);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-success-300);--ax-comp-badge-border-color: var(--ax-sys-color-success-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-warning-300);--ax-comp-badge-border-color: var(--ax-sys-color-warning-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-danger-300);--ax-comp-badge-border-color: var(--ax-sys-color-danger-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent1-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent2-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent3-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent4-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent5-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent6-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent7-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-300);--ax-comp-badge-ring-opacity: .2}ax-badge.ax-twotone.ax-primary,ax-badge.ax-flat.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-primary-700);--ax-comp-badge-border-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-secondary,ax-badge.ax-flat.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-secondary-700);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-success,ax-badge.ax-flat.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-success-700);--ax-comp-badge-border-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-warning,ax-badge.ax-flat.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-warning-700);--ax-comp-badge-border-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-danger,ax-badge.ax-flat.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-danger-700);--ax-comp-badge-border-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent1,ax-badge.ax-flat.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent1-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent2,ax-badge.ax-flat.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent2-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent3,ax-badge.ax-flat.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent3-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent4,ax-badge.ax-flat.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent4-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent5,ax-badge.ax-flat.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent5-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent6,ax-badge.ax-flat.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent6-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent7,ax-badge.ax-flat.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent7-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-primary,.ax-dark ax-badge.ax-flat.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-primary-300);--ax-comp-badge-border-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-secondary,.ax-dark ax-badge.ax-flat.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-secondary-300);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-success,.ax-dark ax-badge.ax-flat.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-success-300);--ax-comp-badge-border-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-warning,.ax-dark ax-badge.ax-flat.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-warning-300);--ax-comp-badge-border-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-danger,.ax-dark ax-badge.ax-flat.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-danger-300);--ax-comp-badge-border-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent1,.ax-dark ax-badge.ax-flat.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent1-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent2,.ax-dark ax-badge.ax-flat.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent2-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent3,.ax-dark ax-badge.ax-flat.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent3-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent4,.ax-dark ax-badge.ax-flat.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent4-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent5,.ax-dark ax-badge.ax-flat.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent5-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent6,.ax-dark ax-badge.ax-flat.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent6-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent7,.ax-dark ax-badge.ax-flat.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent7-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-700);--ax-comp-badge-border-color: var(--ax-sys-color-primary-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-700);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-700);--ax-comp-badge-border-color: var(--ax-sys-color-success-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-700);--ax-comp-badge-border-color: var(--ax-sys-color-warning-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-700);--ax-comp-badge-border-color: var(--ax-sys-color-danger-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-700);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-300);--ax-comp-badge-border-color: var(--ax-sys-color-primary-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-300);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-300);--ax-comp-badge-border-color: var(--ax-sys-color-success-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-300);--ax-comp-badge-border-color: var(--ax-sys-color-warning-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-300);--ax-comp-badge-border-color: var(--ax-sys-color-danger-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-300);--ax-comp-badge-ring-opacity: 0}ax-badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--ax-comp-badge-gap);max-width:100%;max-height:fit-content;box-sizing:border-box;vertical-align:middle;border:0;border-radius:var(--ax-comp-badge-border-radius);background-color:rgba(var(--ax-comp-badge-bg-color));color:rgba(var(--ax-comp-badge-text-color));font-size:var(--ax-comp-badge-font-size);font-weight:var(--ax-comp-badge-font-weight);line-height:var(--ax-comp-badge-line-height);white-space:nowrap;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 0 1px rgba(var(--ax-comp-badge-border-color),var(--ax-comp-badge-ring-opacity))}ax-badge .ax-badge-text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-badge ax-prefix,ax-badge ax-suffix{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;font-size:inherit;line-height:1}ax-badge .ax-badge-dot,ax-badge ax-prefix.ax-badge-dot,ax-badge ax-prefix>.ax-badge-dot{display:inline-flex;flex-shrink:0;width:var(--ax-comp-badge-dot-size);height:var(--ax-comp-badge-dot-size);border-radius:9999px;background-color:currentColor}ax-badge.ax-rounded-full,ax-badge.ax-pill{--ax-comp-badge-border-radius: 9999px}ax-badge.ax-sm,ax-badge.ax-xs{--ax-comp-badge-font-size: .6875rem;--ax-comp-badge-line-height: .875rem;--ax-comp-badge-padding-x: .375rem;--ax-comp-badge-padding-y: .125rem;--ax-comp-badge-gap: .25rem;--ax-comp-badge-dot-size: .3125rem}ax-badge:not(.ax-mini-badge):not(.ax-blank):not(.ax-link){padding:var(--ax-comp-badge-padding-y) var(--ax-comp-badge-padding-x)}ax-badge.ax-mini-badge{--ax-comp-badge-border-radius: 9999px;width:.5rem;height:.5rem;min-width:.5rem;min-height:.5rem;padding:0;gap:0;box-shadow:none}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{--ax-comp-badge-border-radius: 9999px;min-width:1.25rem;min-height:1.25rem;padding:.125rem;aspect-ratio:1}ax-badge.ax-single-badge .ax-badge-text{font-variant-numeric:tabular-nums}ax-badge.ax-twotone,ax-badge.ax-flat,ax-badge.ax-solid{--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank{padding:0;background-color:transparent;box-shadow:none}ax-badge.ax-link{border-radius:0;padding:0;background-color:transparent;box-shadow:none;border-bottom:1px solid rgba(var(--ax-comp-badge-border-color))}\n"] }]
+        }] });
 class AXBadgeModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }