@navikt/ds-css 7.12.1 → 7.13.0

package/dist/darkside/version/{7.12.1 → 7.13.0}/global/tokens.css

@@ -1,5 +1,5 @@
 @layer aksel.theming {
-  :root, :host, .light, .light-theme {
+  :root, :host, .light {
     --ax-meta-lime-400A: #d0dc00;
     --ax-meta-lime-300A: rgba(202, 223, 0, .58);
     --ax-meta-lime-200A: rgba(196, 223, 0, .337);
@@ -155,227 +155,9 @@
     --ax-neutral-300: #e1e3e7;
     --ax-neutral-200: #ecedef;
     --ax-neutral-100: #f5f6f7;
-    --ax-text-logo: #c30000;
-    --ax-bg-overlay: rgba(2, 20, 49, .49);
-    --ax-bg-input: rgba(255, 255, 255, .85);
-    --ax-bg-default: #fff;
-    --ax-opacity-disabled: .3;
-    --ax-shadow-dialog: 0px 4px 6px 0px rgba(0, 0, 0, .15), 0px 1px 3px -1px rgba(0, 0, 0, .15), 0px 1px 1px 0px rgba(0, 0, 0, .06);
-    --ax-border-focus: var(--ax-neutral-1000);
-    --ax-border-meta-lime-strong: var(--ax-meta-lime-700);
-    --ax-border-meta-lime-subtleA: var(--ax-meta-lime-400A);
-    --ax-border-meta-lime-subtle: var(--ax-meta-lime-400);
-    --ax-border-meta-lime: var(--ax-meta-lime-600);
-    --ax-border-meta-purple-strong: var(--ax-meta-purple-700);
-    --ax-border-meta-purple-subtleA: var(--ax-meta-purple-400A);
-    --ax-border-meta-purple-subtle: var(--ax-meta-purple-400);
-    --ax-border-meta-purple: var(--ax-meta-purple-600);
-    --ax-border-brand-blue-strong: var(--ax-brand-blue-700);
-    --ax-border-brand-blue-subtleA: var(--ax-brand-blue-400A);
-    --ax-border-brand-blue-subtle: var(--ax-brand-blue-400);
-    --ax-border-brand-blue: var(--ax-brand-blue-600);
-    --ax-border-brand-beige-strong: var(--ax-brand-beige-700);
-    --ax-border-brand-beige-subtleA: var(--ax-brand-beige-400A);
-    --ax-border-brand-beige-subtle: var(--ax-brand-beige-400);
-    --ax-border-brand-beige: var(--ax-brand-beige-600);
-    --ax-border-brand-magenta-strong: var(--ax-brand-magenta-700);
-    --ax-border-brand-magenta-subtleA: var(--ax-brand-magenta-400A);
-    --ax-border-brand-magenta-subtle: var(--ax-brand-magenta-400);
-    --ax-border-brand-magenta: var(--ax-brand-magenta-600);
-    --ax-border-info-strong: var(--ax-info-700);
-    --ax-border-info-subtleA: var(--ax-info-400A);
-    --ax-border-info-subtle: var(--ax-info-400);
-    --ax-border-info: var(--ax-info-600);
-    --ax-border-danger-strong: var(--ax-danger-700);
-    --ax-border-danger-subtleA: var(--ax-danger-400A);
-    --ax-border-danger-subtle: var(--ax-danger-400);
-    --ax-border-danger: var(--ax-danger-600);
-    --ax-border-warning-strong: var(--ax-warning-700);
-    --ax-border-warning-subtleA: var(--ax-warning-400A);
-    --ax-border-warning-subtle: var(--ax-warning-400);
-    --ax-border-warning: var(--ax-warning-600);
-    --ax-border-success-strong: var(--ax-success-700);
-    --ax-border-success-subtleA: var(--ax-success-400A);
-    --ax-border-success-subtle: var(--ax-success-400);
-    --ax-border-success: var(--ax-success-600);
-    --ax-border-accent-strong: var(--ax-accent-700);
-    --ax-border-accent-subtleA: var(--ax-accent-400A);
-    --ax-border-accent-subtle: var(--ax-accent-400);
-    --ax-border-accent: var(--ax-accent-600);
-    --ax-border-neutral-strong: var(--ax-neutral-700);
-    --ax-border-neutral-subtleA: var(--ax-neutral-400A);
-    --ax-border-neutral-subtle: var(--ax-neutral-400);
-    --ax-border-neutral: var(--ax-neutral-600);
-    --ax-text-meta-lime-contrast: var(--ax-neutral-000);
-    --ax-text-meta-purple-contrast: var(--ax-neutral-000);
-    --ax-text-brand-blue-contrast: var(--ax-neutral-000);
-    --ax-text-brand-beige-contrast: var(--ax-neutral-000);
-    --ax-text-brand-magenta-contrast: var(--ax-neutral-000);
-    --ax-text-warning-contrast: var(--ax-neutral-000);
-    --ax-text-success-contrast: var(--ax-neutral-000);
-    --ax-text-info-contrast: var(--ax-neutral-000);
-    --ax-text-danger-contrast: var(--ax-neutral-000);
-    --ax-text-accent-contrast: var(--ax-neutral-000);
-    --ax-text-neutral-contrast: var(--ax-neutral-000);
-    --ax-text-meta-lime-icon: var(--ax-meta-lime-600);
-    --ax-text-meta-lime-subtle: var(--ax-meta-lime-800);
-    --ax-text-meta-lime: var(--ax-meta-lime-1000);
-    --ax-text-meta-purple-icon: var(--ax-meta-purple-600);
-    --ax-text-meta-purple-subtle: var(--ax-meta-purple-800);
-    --ax-text-meta-purple: var(--ax-meta-purple-1000);
-    --ax-text-brand-blue-icon: var(--ax-brand-blue-600);
-    --ax-text-brand-blue-subtle: var(--ax-brand-blue-800);
-    --ax-text-brand-blue: var(--ax-brand-blue-1000);
-    --ax-text-brand-beige-icon: var(--ax-brand-beige-600);
-    --ax-text-brand-beige-subtle: var(--ax-brand-beige-800);
-    --ax-text-brand-beige: var(--ax-brand-beige-1000);
-    --ax-text-brand-magenta-icon: var(--ax-brand-magenta-600);
-    --ax-text-brand-magenta-subtle: var(--ax-brand-magenta-800);
-    --ax-text-brand-magenta: var(--ax-brand-magenta-1000);
-    --ax-text-info-icon: var(--ax-info-600);
-    --ax-text-info-subtle: var(--ax-info-800);
-    --ax-text-info: var(--ax-info-1000);
-    --ax-text-danger-icon: var(--ax-danger-600);
-    --ax-text-danger-subtle: var(--ax-danger-800);
-    --ax-text-danger: var(--ax-danger-1000);
-    --ax-text-warning-icon: var(--ax-warning-600);
-    --ax-text-warning-subtle: var(--ax-warning-800);
-    --ax-text-warning: var(--ax-warning-1000);
-    --ax-text-success-icon: var(--ax-success-600);
-    --ax-text-success-subtle: var(--ax-success-800);
-    --ax-text-success: var(--ax-success-1000);
-    --ax-text-accent-icon: var(--ax-accent-600);
-    --ax-text-accent-subtle: var(--ax-accent-800);
-    --ax-text-accent: var(--ax-accent-1000);
-    --ax-text-neutral-icon: var(--ax-neutral-600);
-    --ax-text-neutral-subtle: var(--ax-neutral-900);
-    --ax-text-neutral: var(--ax-neutral-1000);
-    --ax-bg-sunken: var(--ax-neutral-200);
-    --ax-bg-raised: var(--ax-neutral-000);
-    --ax-bg-meta-lime-strong-pressed: var(--ax-meta-lime-800);
-    --ax-bg-meta-lime-strong-hover: var(--ax-meta-lime-700);
-    --ax-bg-meta-lime-strong: var(--ax-meta-lime-600);
-    --ax-bg-meta-lime-moderate-pressedA: var(--ax-meta-lime-400A);
-    --ax-bg-meta-lime-moderate-pressed: var(--ax-meta-lime-400);
-    --ax-bg-meta-lime-moderate-hoverA: var(--ax-meta-lime-300A);
-    --ax-bg-meta-lime-moderate-hover: var(--ax-meta-lime-300);
-    --ax-bg-meta-lime-moderateA: var(--ax-meta-lime-200A);
-    --ax-bg-meta-lime-moderate: var(--ax-meta-lime-200);
-    --ax-bg-meta-lime-softA: var(--ax-meta-lime-100A);
-    --ax-bg-meta-lime-soft: var(--ax-meta-lime-100);
-    --ax-bg-meta-purple-strong-pressed: var(--ax-meta-purple-800);
-    --ax-bg-meta-purple-strong-hover: var(--ax-meta-purple-700);
-    --ax-bg-meta-purple-strong: var(--ax-meta-purple-600);
-    --ax-bg-meta-purple-moderate-pressedA: var(--ax-meta-purple-400A);
-    --ax-bg-meta-purple-moderate-pressed: var(--ax-meta-purple-400);
-    --ax-bg-meta-purple-moderate-hoverA: var(--ax-meta-purple-300A);
-    --ax-bg-meta-purple-moderate-hover: var(--ax-meta-purple-300);
-    --ax-bg-meta-purple-moderateA: var(--ax-meta-purple-200A);
-    --ax-bg-meta-purple-moderate: var(--ax-meta-purple-200);
-    --ax-bg-meta-purple-softA: var(--ax-meta-purple-100A);
-    --ax-bg-meta-purple-soft: var(--ax-meta-purple-100);
-    --ax-bg-brand-blue-strong-pressed: var(--ax-brand-blue-800);
-    --ax-bg-brand-blue-strong-hover: var(--ax-brand-blue-700);
-    --ax-bg-brand-blue-strong: var(--ax-brand-blue-600);
-    --ax-bg-brand-blue-moderate-pressedA: var(--ax-brand-blue-400A);
-    --ax-bg-brand-blue-moderate-pressed: var(--ax-brand-blue-400);
-    --ax-bg-brand-blue-moderate-hoverA: var(--ax-brand-blue-300A);
-    --ax-bg-brand-blue-moderate-hover: var(--ax-brand-blue-300);
-    --ax-bg-brand-blue-moderateA: var(--ax-brand-blue-200A);
-    --ax-bg-brand-blue-moderate: var(--ax-brand-blue-200);
-    --ax-bg-brand-blue-softA: var(--ax-brand-blue-100A);
-    --ax-bg-brand-blue-soft: var(--ax-brand-blue-100);
-    --ax-bg-brand-beige-strong-pressed: var(--ax-brand-beige-800);
-    --ax-bg-brand-beige-strong-hover: var(--ax-brand-beige-700);
-    --ax-bg-brand-beige-strong: var(--ax-brand-beige-600);
-    --ax-bg-brand-beige-moderate-pressedA: var(--ax-brand-beige-400A);
-    --ax-bg-brand-beige-moderate-pressed: var(--ax-brand-beige-400);
-    --ax-bg-brand-beige-moderate-hoverA: var(--ax-brand-beige-300A);
-    --ax-bg-brand-beige-moderate-hover: var(--ax-brand-beige-300);
-    --ax-bg-brand-beige-moderateA: var(--ax-brand-beige-200A);
-    --ax-bg-brand-beige-moderate: var(--ax-brand-beige-200);
-    --ax-bg-brand-beige-softA: var(--ax-brand-beige-100A);
-    --ax-bg-brand-beige-soft: var(--ax-brand-beige-100);
-    --ax-bg-brand-magenta-strong-pressed: var(--ax-brand-magenta-800);
-    --ax-bg-brand-magenta-strong-hover: var(--ax-brand-magenta-700);
-    --ax-bg-brand-magenta-strong: var(--ax-brand-magenta-600);
-    --ax-bg-brand-magenta-moderate-pressedA: var(--ax-brand-magenta-400A);
-    --ax-bg-brand-magenta-moderate-pressed: var(--ax-brand-magenta-400);
-    --ax-bg-brand-magenta-moderate-hoverA: var(--ax-brand-magenta-300A);
-    --ax-bg-brand-magenta-moderate-hover: var(--ax-brand-magenta-300);
-    --ax-bg-brand-magenta-moderateA: var(--ax-brand-magenta-200A);
-    --ax-bg-brand-magenta-moderate: var(--ax-brand-magenta-200);
-    --ax-bg-brand-magenta-softA: var(--ax-brand-magenta-100A);
-    --ax-bg-brand-magenta-soft: var(--ax-brand-magenta-100);
-    --ax-bg-info-strong-pressed: var(--ax-info-800);
-    --ax-bg-info-strong-hover: var(--ax-info-700);
-    --ax-bg-info-strong: var(--ax-info-600);
-    --ax-bg-info-moderate-pressedA: var(--ax-info-400A);
-    --ax-bg-info-moderate-pressed: var(--ax-info-400);
-    --ax-bg-info-moderate-hoverA: var(--ax-info-300A);
-    --ax-bg-info-moderate-hover: var(--ax-info-300);
-    --ax-bg-info-moderateA: var(--ax-info-200A);
-    --ax-bg-info-moderate: var(--ax-info-200);
-    --ax-bg-info-softA: var(--ax-info-100A);
-    --ax-bg-info-soft: var(--ax-info-100);
-    --ax-bg-danger-strong-pressed: var(--ax-danger-800);
-    --ax-bg-danger-strong-hover: var(--ax-danger-700);
-    --ax-bg-danger-strong: var(--ax-danger-600);
-    --ax-bg-danger-moderate-pressedA: var(--ax-danger-400A);
-    --ax-bg-danger-moderate-pressed: var(--ax-danger-400);
-    --ax-bg-danger-moderate-hoverA: var(--ax-danger-300A);
-    --ax-bg-danger-moderate-hover: var(--ax-danger-300);
-    --ax-bg-danger-moderateA: var(--ax-danger-200A);
-    --ax-bg-danger-moderate: var(--ax-danger-200);
-    --ax-bg-danger-softA: var(--ax-danger-100A);
-    --ax-bg-danger-soft: var(--ax-danger-100);
-    --ax-bg-warning-strong-pressed: var(--ax-warning-800);
-    --ax-bg-warning-strong-hover: var(--ax-warning-700);
-    --ax-bg-warning-strong: var(--ax-warning-600);
-    --ax-bg-warning-moderate-pressedA: var(--ax-warning-400A);
-    --ax-bg-warning-moderate-pressed: var(--ax-warning-400);
-    --ax-bg-warning-moderate-hoverA: var(--ax-warning-300A);
-    --ax-bg-warning-moderate-hover: var(--ax-warning-300);
-    --ax-bg-warning-moderateA: var(--ax-warning-200A);
-    --ax-bg-warning-moderate: var(--ax-warning-200);
-    --ax-bg-warning-softA: var(--ax-warning-100A);
-    --ax-bg-warning-soft: var(--ax-warning-100);
-    --ax-bg-success-strong-pressed: var(--ax-success-800);
-    --ax-bg-success-strong-hover: var(--ax-success-700);
-    --ax-bg-success-strong: var(--ax-success-600);
-    --ax-bg-success-moderate-pressedA: var(--ax-success-400A);
-    --ax-bg-success-moderate-pressed: var(--ax-success-400);
-    --ax-bg-success-moderate-hoverA: var(--ax-success-300A);
-    --ax-bg-success-moderate-hover: var(--ax-success-300);
-    --ax-bg-success-moderateA: var(--ax-success-200A);
-    --ax-bg-success-moderate: var(--ax-success-200);
-    --ax-bg-success-softA: var(--ax-success-100A);
-    --ax-bg-success-soft: var(--ax-success-100);
-    --ax-bg-accent-strong-pressed: var(--ax-accent-800);
-    --ax-bg-accent-strong-hover: var(--ax-accent-700);
-    --ax-bg-accent-strong: var(--ax-accent-600);
-    --ax-bg-accent-moderate-pressedA: var(--ax-accent-400A);
-    --ax-bg-accent-moderate-pressed: var(--ax-accent-400);
-    --ax-bg-accent-moderate-hoverA: var(--ax-accent-300A);
-    --ax-bg-accent-moderate-hover: var(--ax-accent-300);
-    --ax-bg-accent-moderateA: var(--ax-accent-200A);
-    --ax-bg-accent-moderate: var(--ax-accent-200);
-    --ax-bg-accent-softA: var(--ax-accent-100A);
-    --ax-bg-accent-soft: var(--ax-accent-100);
-    --ax-bg-neutral-strong-pressed: var(--ax-neutral-900);
-    --ax-bg-neutral-strong-hover: var(--ax-neutral-800);
-    --ax-bg-neutral-strong: var(--ax-neutral-700);
-    --ax-bg-neutral-moderate-pressedA: var(--ax-neutral-400A);
-    --ax-bg-neutral-moderate-pressed: var(--ax-neutral-400);
-    --ax-bg-neutral-moderate-hoverA: var(--ax-neutral-300A);
-    --ax-bg-neutral-moderate-hover: var(--ax-neutral-300);
-    --ax-bg-neutral-moderateA: var(--ax-neutral-200A);
-    --ax-bg-neutral-moderate: var(--ax-neutral-200);
-    --ax-bg-neutral-softA: var(--ax-neutral-100A);
-    --ax-bg-neutral-soft: var(--ax-neutral-100);
   }
 
-  .dark, .dark-theme {
+  .dark {
     --ax-meta-lime-400A: rgba(251, 245, 0, .16);
     --ax-meta-lime-300A: rgba(252, 233, 0, .114);
     --ax-meta-lime-200A: rgba(246, 207, 0, .086);
@@ -531,6 +313,21 @@
     --ax-neutral-300: #242b37;
     --ax-neutral-200: #1c232f;
     --ax-neutral-100: #161d28;
+  }
+
+  :root, :host, .light {
+    --ax-bg-overlay: rgba(2, 20, 49, .49);
+    --ax-bg-input: rgba(255, 255, 255, .85);
+    --ax-bg-default: #fff;
+    --ax-text-logo: #c30000;
+    --ax-opacity-disabled: .3;
+    --ax-shadow-dialog: 0px 4px 6px 0px rgba(0, 0, 0, .15), 0px 1px 3px -1px rgba(0, 0, 0, .15), 0px 1px 1px 0px rgba(0, 0, 0, .06);
+    --ax-border-focus: var(--ax-neutral-1000);
+    --ax-bg-sunken: var(--ax-neutral-200);
+    --ax-bg-raised: var(--ax-neutral-000);
+  }
+
+  .dark, .dark-theme {
     --ax-bg-overlay: rgba(2, 20, 49, .49);
     --ax-bg-sunken: #07090d;
     --ax-bg-input: rgba(7, 9, 13, .5);
@@ -538,6 +335,11 @@
     --ax-opacity-disabled: .4;
     --ax-shadow-dialog: 0px 0px 1px 0px rgba(7, 9, 13, 0), 0px 2px 5px 0px rgba(7, 9, 13, .35), 0px 5px 12px 0px rgba(7, 9, 13, .5);
     --ax-border-focus: var(--ax-neutral-1000);
+    --ax-bg-raised: var(--ax-neutral-100);
+    --ax-text-logo: var(--ax-neutral-1000);
+  }
+
+  :root, :host, .light, .dark {
     --ax-border-meta-lime-strong: var(--ax-meta-lime-700);
     --ax-border-meta-lime-subtleA: var(--ax-meta-lime-400A);
     --ax-border-meta-lime-subtle: var(--ax-meta-lime-400);
@@ -582,52 +384,50 @@
     --ax-border-neutral-subtleA: var(--ax-neutral-400A);
     --ax-border-neutral-subtle: var(--ax-neutral-400);
     --ax-border-neutral: var(--ax-neutral-600);
-    --ax-text-logo: var(--ax-neutral-1000);
     --ax-text-meta-lime-contrast: var(--ax-neutral-000);
-    --ax-text-meta-purple-contrast: var(--ax-neutral-000);
-    --ax-text-brand-blue-contrast: var(--ax-neutral-000);
-    --ax-text-brand-beige-contrast: var(--ax-neutral-000);
-    --ax-text-brand-magenta-contrast: var(--ax-neutral-000);
-    --ax-text-warning-contrast: var(--ax-neutral-000);
-    --ax-text-success-contrast: var(--ax-neutral-000);
-    --ax-text-info-contrast: var(--ax-neutral-000);
-    --ax-text-danger-contrast: var(--ax-neutral-000);
-    --ax-text-accent-contrast: var(--ax-neutral-000);
-    --ax-text-neutral-contrast: var(--ax-neutral-000);
     --ax-text-meta-lime-icon: var(--ax-meta-lime-600);
     --ax-text-meta-lime-subtle: var(--ax-meta-lime-800);
     --ax-text-meta-lime: var(--ax-meta-lime-1000);
+    --ax-text-meta-purple-contrast: var(--ax-neutral-000);
     --ax-text-meta-purple-icon: var(--ax-meta-purple-600);
     --ax-text-meta-purple-subtle: var(--ax-meta-purple-800);
     --ax-text-meta-purple: var(--ax-meta-purple-1000);
+    --ax-text-brand-blue-contrast: var(--ax-neutral-000);
     --ax-text-brand-blue-icon: var(--ax-brand-blue-600);
     --ax-text-brand-blue-subtle: var(--ax-brand-blue-800);
     --ax-text-brand-blue: var(--ax-brand-blue-1000);
+    --ax-text-brand-beige-contrast: var(--ax-neutral-000);
     --ax-text-brand-beige-icon: var(--ax-brand-beige-600);
     --ax-text-brand-beige-subtle: var(--ax-brand-beige-800);
     --ax-text-brand-beige: var(--ax-brand-beige-1000);
+    --ax-text-brand-magenta-contrast: var(--ax-neutral-000);
     --ax-text-brand-magenta-icon: var(--ax-brand-magenta-600);
     --ax-text-brand-magenta-subtle: var(--ax-brand-magenta-800);
     --ax-text-brand-magenta: var(--ax-brand-magenta-1000);
+    --ax-text-info-contrast: var(--ax-neutral-000);
     --ax-text-info-icon: var(--ax-info-600);
     --ax-text-info-subtle: var(--ax-info-800);
     --ax-text-info: var(--ax-info-1000);
+    --ax-text-danger-contrast: var(--ax-neutral-000);
     --ax-text-danger-icon: var(--ax-danger-600);
     --ax-text-danger-subtle: var(--ax-danger-800);
     --ax-text-danger: var(--ax-danger-1000);
+    --ax-text-warning-contrast: var(--ax-neutral-000);
     --ax-text-warning-icon: var(--ax-warning-600);
     --ax-text-warning-subtle: var(--ax-warning-800);
     --ax-text-warning: var(--ax-warning-1000);
+    --ax-text-success-contrast: var(--ax-neutral-000);
     --ax-text-success-icon: var(--ax-success-600);
     --ax-text-success-subtle: var(--ax-success-800);
     --ax-text-success: var(--ax-success-1000);
+    --ax-text-accent-contrast: var(--ax-neutral-000);
     --ax-text-accent-icon: var(--ax-accent-600);
     --ax-text-accent-subtle: var(--ax-accent-800);
     --ax-text-accent: var(--ax-accent-1000);
+    --ax-text-neutral-contrast: var(--ax-neutral-000);
     --ax-text-neutral-icon: var(--ax-neutral-600);
     --ax-text-neutral-subtle: var(--ax-neutral-900);
     --ax-text-neutral: var(--ax-neutral-1000);
-    --ax-bg-raised: var(--ax-neutral-100);
     --ax-bg-meta-lime-strong-pressed: var(--ax-meta-lime-800);
     --ax-bg-meta-lime-strong-hover: var(--ax-meta-lime-700);
     --ax-bg-meta-lime-strong: var(--ax-meta-lime-600);
@@ -752,7 +552,7 @@
   }
 
   :root, :host {
-    --ax-version: "7.12.1";
+    --ax-version: "7.13.0";
     --ax-font-weight-regular: 400;
     --ax-font-weight-bold: 600;
     --ax-font-size-small: .875rem;
@@ -814,4 +614,246 @@
     --ax-space-1: .0625rem;
     --ax-space-0: 0rem;
   }
+
+  [data-color-role="neutral"] {
+    --ax-border-strong: var(--ax-border-neutral-strong);
+    --ax-border-subtleA: var(--ax-border-neutral-subtleA);
+    --ax-border-subtle: var(--ax-border-neutral-subtle);
+    --ax-border-default: var(--ax-border-neutral);
+    --ax-text-contrast: var(--ax-text-neutral-contrast);
+    --ax-text-icon: var(--ax-text-neutral-icon);
+    --ax-text-subtle: var(--ax-text-neutral-subtle);
+    --ax-text-default: var(--ax-text-neutral);
+    --ax-bg-strong-pressed: var(--ax-bg-neutral-strong-pressed);
+    --ax-bg-strong-hover: var(--ax-bg-neutral-strong-hover);
+    --ax-bg-strong: var(--ax-bg-neutral-strong);
+    --ax-bg-moderate-pressedA: var(--ax-bg-neutral-moderate-pressedA);
+    --ax-bg-moderate-pressed: var(--ax-bg-neutral-moderate-pressed);
+    --ax-bg-moderate-hoverA: var(--ax-bg-neutral-moderate-hoverA);
+    --ax-bg-moderate-hover: var(--ax-bg-neutral-moderate-hover);
+    --ax-bg-moderateA: var(--ax-bg-neutral-moderateA);
+    --ax-bg-moderate: var(--ax-bg-neutral-moderate);
+    --ax-bg-softA: var(--ax-bg-neutral-softA);
+    --ax-bg-soft: var(--ax-bg-neutral-soft);
+  }
+
+  [data-color-role="accent"] {
+    --ax-border-strong: var(--ax-border-accent-strong);
+    --ax-border-subtleA: var(--ax-border-accent-subtleA);
+    --ax-border-subtle: var(--ax-border-accent-subtle);
+    --ax-border-default: var(--ax-border-accent);
+    --ax-text-contrast: var(--ax-text-accent-contrast);
+    --ax-text-icon: var(--ax-text-accent-icon);
+    --ax-text-subtle: var(--ax-text-accent-subtle);
+    --ax-text-default: var(--ax-text-accent);
+    --ax-bg-strong-pressed: var(--ax-bg-accent-strong-pressed);
+    --ax-bg-strong-hover: var(--ax-bg-accent-strong-hover);
+    --ax-bg-strong: var(--ax-bg-accent-strong);
+    --ax-bg-moderate-pressedA: var(--ax-bg-accent-moderate-pressedA);
+    --ax-bg-moderate-pressed: var(--ax-bg-accent-moderate-pressed);
+    --ax-bg-moderate-hoverA: var(--ax-bg-accent-moderate-hoverA);
+    --ax-bg-moderate-hover: var(--ax-bg-accent-moderate-hover);
+    --ax-bg-moderateA: var(--ax-bg-accent-moderateA);
+    --ax-bg-moderate: var(--ax-bg-accent-moderate);
+    --ax-bg-softA: var(--ax-bg-accent-softA);
+    --ax-bg-soft: var(--ax-bg-accent-soft);
+  }
+
+  [data-color-role="success"] {
+    --ax-border-strong: var(--ax-border-success-strong);
+    --ax-border-subtleA: var(--ax-border-success-subtleA);
+    --ax-border-subtle: var(--ax-border-success-subtle);
+    --ax-border-default: var(--ax-border-success);
+    --ax-text-contrast: var(--ax-text-success-contrast);
+    --ax-text-icon: var(--ax-text-success-icon);
+    --ax-text-subtle: var(--ax-text-success-subtle);
+    --ax-text-default: var(--ax-text-success);
+    --ax-bg-strong-pressed: var(--ax-bg-success-strong-pressed);
+    --ax-bg-strong-hover: var(--ax-bg-success-strong-hover);
+    --ax-bg-strong: var(--ax-bg-success-strong);
+    --ax-bg-moderate-pressedA: var(--ax-bg-success-moderate-pressedA);
+    --ax-bg-moderate-pressed: var(--ax-bg-success-moderate-pressed);
+    --ax-bg-moderate-hoverA: var(--ax-bg-success-moderate-hoverA);
+    --ax-bg-moderate-hover: var(--ax-bg-success-moderate-hover);
+    --ax-bg-moderateA: var(--ax-bg-success-moderateA);
+    --ax-bg-moderate: var(--ax-bg-success-moderate);
+    --ax-bg-softA: var(--ax-bg-success-softA);
+    --ax-bg-soft: var(--ax-bg-success-soft);
+  }
+
+  [data-color-role="warning"] {
+    --ax-border-strong: var(--ax-border-warning-strong);
+    --ax-border-subtleA: var(--ax-border-warning-subtleA);
+    --ax-border-subtle: var(--ax-border-warning-subtle);
+    --ax-border-default: var(--ax-border-warning);
+    --ax-text-contrast: var(--ax-text-warning-contrast);
+    --ax-text-icon: var(--ax-text-warning-icon);
+    --ax-text-subtle: var(--ax-text-warning-subtle);
+    --ax-text-default: var(--ax-text-warning);
+    --ax-bg-strong-pressed: var(--ax-bg-warning-strong-pressed);
+    --ax-bg-strong-hover: var(--ax-bg-warning-strong-hover);
+    --ax-bg-strong: var(--ax-bg-warning-strong);
+    --ax-bg-moderate-pressedA: var(--ax-bg-warning-moderate-pressedA);
+    --ax-bg-moderate-pressed: var(--ax-bg-warning-moderate-pressed);
+    --ax-bg-moderate-hoverA: var(--ax-bg-warning-moderate-hoverA);
+    --ax-bg-moderate-hover: var(--ax-bg-warning-moderate-hover);
+    --ax-bg-moderateA: var(--ax-bg-warning-moderateA);
+    --ax-bg-moderate: var(--ax-bg-warning-moderate);
+    --ax-bg-softA: var(--ax-bg-warning-softA);
+    --ax-bg-soft: var(--ax-bg-warning-soft);
+  }
+
+  [data-color-role="danger"] {
+    --ax-border-strong: var(--ax-border-danger-strong);
+    --ax-border-subtleA: var(--ax-border-danger-subtleA);
+    --ax-border-subtle: var(--ax-border-danger-subtle);
+    --ax-border-default: var(--ax-border-danger);
+    --ax-text-contrast: var(--ax-text-danger-contrast);
+    --ax-text-icon: var(--ax-text-danger-icon);
+    --ax-text-subtle: var(--ax-text-danger-subtle);
+    --ax-text-default: var(--ax-text-danger);
+    --ax-bg-strong-pressed: var(--ax-bg-danger-strong-pressed);
+    --ax-bg-strong-hover: var(--ax-bg-danger-strong-hover);
+    --ax-bg-strong: var(--ax-bg-danger-strong);
+    --ax-bg-moderate-pressedA: var(--ax-bg-danger-moderate-pressedA);
+    --ax-bg-moderate-pressed: var(--ax-bg-danger-moderate-pressed);
+    --ax-bg-moderate-hoverA: var(--ax-bg-danger-moderate-hoverA);
+    --ax-bg-moderate-hover: var(--ax-bg-danger-moderate-hover);
+    --ax-bg-moderateA: var(--ax-bg-danger-moderateA);
+    --ax-bg-moderate: var(--ax-bg-danger-moderate);
+    --ax-bg-softA: var(--ax-bg-danger-softA);
+    --ax-bg-soft: var(--ax-bg-danger-soft);
+  }
+
+  [data-color-role="info"] {
+    --ax-border-strong: var(--ax-border-info-strong);
+    --ax-border-subtleA: var(--ax-border-info-subtleA);
+    --ax-border-subtle: var(--ax-border-info-subtle);
+    --ax-border-default: var(--ax-border-info);
+    --ax-text-contrast: var(--ax-text-info-contrast);
+    --ax-text-icon: var(--ax-text-info-icon);
+    --ax-text-subtle: var(--ax-text-info-subtle);
+    --ax-text-default: var(--ax-text-info);
+    --ax-bg-strong-pressed: var(--ax-bg-info-strong-pressed);
+    --ax-bg-strong-hover: var(--ax-bg-info-strong-hover);
+    --ax-bg-strong: var(--ax-bg-info-strong);
+    --ax-bg-moderate-pressedA: var(--ax-bg-info-moderate-pressedA);
+    --ax-bg-moderate-pressed: var(--ax-bg-info-moderate-pressed);
+    --ax-bg-moderate-hoverA: var(--ax-bg-info-moderate-hoverA);
+    --ax-bg-moderate-hover: var(--ax-bg-info-moderate-hover);
+    --ax-bg-moderateA: var(--ax-bg-info-moderateA);
+    --ax-bg-moderate: var(--ax-bg-info-moderate);
+    --ax-bg-softA: var(--ax-bg-info-softA);
+    --ax-bg-soft: var(--ax-bg-info-soft);
+  }
+
+  [data-color-role="brand-magenta"] {
+    --ax-border-strong: var(--ax-border-brand-magenta-strong);
+    --ax-border-subtleA: var(--ax-border-brand-magenta-subtleA);
+    --ax-border-subtle: var(--ax-border-brand-magenta-subtle);
+    --ax-border-default: var(--ax-border-brand-magenta);
+    --ax-text-contrast: var(--ax-text-brand-magenta-contrast);
+    --ax-text-icon: var(--ax-text-brand-magenta-icon);
+    --ax-text-subtle: var(--ax-text-brand-magenta-subtle);
+    --ax-text-default: var(--ax-text-brand-magenta);
+    --ax-bg-strong-pressed: var(--ax-bg-brand-magenta-strong-pressed);
+    --ax-bg-strong-hover: var(--ax-bg-brand-magenta-strong-hover);
+    --ax-bg-strong: var(--ax-bg-brand-magenta-strong);
+    --ax-bg-moderate-pressedA: var(--ax-bg-brand-magenta-moderate-pressedA);
+    --ax-bg-moderate-pressed: var(--ax-bg-brand-magenta-moderate-pressed);
+    --ax-bg-moderate-hoverA: var(--ax-bg-brand-magenta-moderate-hoverA);
+    --ax-bg-moderate-hover: var(--ax-bg-brand-magenta-moderate-hover);
+    --ax-bg-moderateA: var(--ax-bg-brand-magenta-moderateA);
+    --ax-bg-moderate: var(--ax-bg-brand-magenta-moderate);
+    --ax-bg-softA: var(--ax-bg-brand-magenta-softA);
+    --ax-bg-soft: var(--ax-bg-brand-magenta-soft);
+  }
+
+  [data-color-role="brand-beige"] {
+    --ax-border-strong: var(--ax-border-brand-beige-strong);
+    --ax-border-subtleA: var(--ax-border-brand-beige-subtleA);
+    --ax-border-subtle: var(--ax-border-brand-beige-subtle);
+    --ax-border-default: var(--ax-border-brand-beige);
+    --ax-text-contrast: var(--ax-text-brand-beige-contrast);
+    --ax-text-icon: var(--ax-text-brand-beige-icon);
+    --ax-text-subtle: var(--ax-text-brand-beige-subtle);
+    --ax-text-default: var(--ax-text-brand-beige);
+    --ax-bg-strong-pressed: var(--ax-bg-brand-beige-strong-pressed);
+    --ax-bg-strong-hover: var(--ax-bg-brand-beige-strong-hover);
+    --ax-bg-strong: var(--ax-bg-brand-beige-strong);
+    --ax-bg-moderate-pressedA: var(--ax-bg-brand-beige-moderate-pressedA);
+    --ax-bg-moderate-pressed: var(--ax-bg-brand-beige-moderate-pressed);
+    --ax-bg-moderate-hoverA: var(--ax-bg-brand-beige-moderate-hoverA);
+    --ax-bg-moderate-hover: var(--ax-bg-brand-beige-moderate-hover);
+    --ax-bg-moderateA: var(--ax-bg-brand-beige-moderateA);
+    --ax-bg-moderate: var(--ax-bg-brand-beige-moderate);
+    --ax-bg-softA: var(--ax-bg-brand-beige-softA);
+    --ax-bg-soft: var(--ax-bg-brand-beige-soft);
+  }
+
+  [data-color-role="brand-blue"] {
+    --ax-border-strong: var(--ax-border-brand-blue-strong);
+    --ax-border-subtleA: var(--ax-border-brand-blue-subtleA);
+    --ax-border-subtle: var(--ax-border-brand-blue-subtle);
+    --ax-border-default: var(--ax-border-brand-blue);
+    --ax-text-contrast: var(--ax-text-brand-blue-contrast);
+    --ax-text-icon: var(--ax-text-brand-blue-icon);
+    --ax-text-subtle: var(--ax-text-brand-blue-subtle);
+    --ax-text-default: var(--ax-text-brand-blue);
+    --ax-bg-strong-pressed: var(--ax-bg-brand-blue-strong-pressed);
+    --ax-bg-strong-hover: var(--ax-bg-brand-blue-strong-hover);
+    --ax-bg-strong: var(--ax-bg-brand-blue-strong);
+    --ax-bg-moderate-pressedA: var(--ax-bg-brand-blue-moderate-pressedA);
+    --ax-bg-moderate-pressed: var(--ax-bg-brand-blue-moderate-pressed);
+    --ax-bg-moderate-hoverA: var(--ax-bg-brand-blue-moderate-hoverA);
+    --ax-bg-moderate-hover: var(--ax-bg-brand-blue-moderate-hover);
+    --ax-bg-moderateA: var(--ax-bg-brand-blue-moderateA);
+    --ax-bg-moderate: var(--ax-bg-brand-blue-moderate);
+    --ax-bg-softA: var(--ax-bg-brand-blue-softA);
+    --ax-bg-soft: var(--ax-bg-brand-blue-soft);
+  }
+
+  [data-color-role="meta-purple"] {
+    --ax-border-strong: var(--ax-border-meta-purple-strong);
+    --ax-border-subtleA: var(--ax-border-meta-purple-subtleA);
+    --ax-border-subtle: var(--ax-border-meta-purple-subtle);
+    --ax-border-default: var(--ax-border-meta-purple);
+    --ax-text-contrast: var(--ax-text-meta-purple-contrast);
+    --ax-text-icon: var(--ax-text-meta-purple-icon);
+    --ax-text-subtle: var(--ax-text-meta-purple-subtle);
+    --ax-text-default: var(--ax-text-meta-purple);
+    --ax-bg-strong-pressed: var(--ax-bg-meta-purple-strong-pressed);
+    --ax-bg-strong-hover: var(--ax-bg-meta-purple-strong-hover);
+    --ax-bg-strong: var(--ax-bg-meta-purple-strong);
+    --ax-bg-moderate-pressedA: var(--ax-bg-meta-purple-moderate-pressedA);
+    --ax-bg-moderate-pressed: var(--ax-bg-meta-purple-moderate-pressed);
+    --ax-bg-moderate-hoverA: var(--ax-bg-meta-purple-moderate-hoverA);
+    --ax-bg-moderate-hover: var(--ax-bg-meta-purple-moderate-hover);
+    --ax-bg-moderateA: var(--ax-bg-meta-purple-moderateA);
+    --ax-bg-moderate: var(--ax-bg-meta-purple-moderate);
+    --ax-bg-softA: var(--ax-bg-meta-purple-softA);
+    --ax-bg-soft: var(--ax-bg-meta-purple-soft);
+  }
+
+  [data-color-role="meta-lime"] {
+    --ax-border-strong: var(--ax-border-meta-lime-strong);
+    --ax-border-subtleA: var(--ax-border-meta-lime-subtleA);
+    --ax-border-subtle: var(--ax-border-meta-lime-subtle);
+    --ax-border-default: var(--ax-border-meta-lime);
+    --ax-text-contrast: var(--ax-text-meta-lime-contrast);
+    --ax-text-icon: var(--ax-text-meta-lime-icon);
+    --ax-text-subtle: var(--ax-text-meta-lime-subtle);
+    --ax-text-default: var(--ax-text-meta-lime);
+    --ax-bg-strong-pressed: var(--ax-bg-meta-lime-strong-pressed);
+    --ax-bg-strong-hover: var(--ax-bg-meta-lime-strong-hover);
+    --ax-bg-strong: var(--ax-bg-meta-lime-strong);
+    --ax-bg-moderate-pressedA: var(--ax-bg-meta-lime-moderate-pressedA);
+    --ax-bg-moderate-pressed: var(--ax-bg-meta-lime-moderate-pressed);
+    --ax-bg-moderate-hoverA: var(--ax-bg-meta-lime-moderate-hoverA);
+    --ax-bg-moderate-hover: var(--ax-bg-meta-lime-moderate-hover);
+    --ax-bg-moderateA: var(--ax-bg-meta-lime-moderateA);
+    --ax-bg-moderate: var(--ax-bg-meta-lime-moderate);
+    --ax-bg-softA: var(--ax-bg-meta-lime-softA);
+    --ax-bg-soft: var(--ax-bg-meta-lime-soft);
+  }
 }

package/dist/darkside/version/7.13.0/global/tokens.min.css

@@ -0,0 +1 @@
+@layer aksel.theming{.light,:host,:root{--ax-meta-lime-400A:#d0dc00;--ax-meta-lime-300A:rgba(202, 223, 0, .58);--ax-meta-lime-200A:rgba(196, 223, 0, .337);--ax-meta-lime-100A:rgba(195, 222, 0, .18);--ax-meta-lime-1000:#2a2800;--ax-meta-lime-900:#515400;--ax-meta-lime-800:#5c6100;--ax-meta-lime-700:#646900;--ax-meta-lime-600:#757c00;--ax-meta-lime-500:#878f00;--ax-meta-lime-400:#d0dc00;--ax-meta-lime-300:#e0ec6b;--ax-meta-lime-200:#ebf4a9;--ax-meta-lime-100:#f4f9d1;--ax-meta-purple-400A:rgba(43, 0, 107, .19);--ax-meta-purple-300A:rgba(43, 0, 102, .118);--ax-meta-purple-200A:rgba(43, 0, 100, .07);--ax-meta-purple-100A:rgba(51, 0, 102, .04);--ax-meta-purple-1000:#331a4d;--ax-meta-purple-900:#5e467c;--ax-meta-purple-800:#6a5289;--ax-meta-purple-700:#725a91;--ax-meta-purple-600:#846ca4;--ax-meta-purple-500:#9580b1;--ax-meta-purple-400:#d7cfe3;--ax-meta-purple-300:#e6e1ed;--ax-meta-purple-200:#f0edf4;--ax-meta-purple-100:#f7f5f9;--ax-brand-blue-400A:rgba(0, 90, 146, .247);--ax-brand-blue-300A:rgba(0, 96, 160, .157);--ax-brand-blue-200A:rgba(0, 110, 183, .11);--ax-brand-blue-100A:rgba(0, 120, 210, .067);--ax-brand-blue-1000:#002942;--ax-brand-blue-900:#00557d;--ax-brand-blue-800:#156389;--ax-brand-blue-700:#246b91;--ax-brand-blue-600:#417da0;--ax-brand-blue-500:#5a8fae;--ax-brand-blue-400:#c0d6e4;--ax-brand-blue-300:#d7e6f0;--ax-brand-blue-200:#e3eff7;--ax-brand-blue-100:#eef6fc;--ax-brand-beige-400A:rgba(233, 76, 0, .306);--ax-brand-beige-300A:rgba(240, 82, 0, .196);--ax-brand-beige-200A:rgba(239, 91, 0, .12);--ax-brand-beige-100A:rgba(255, 90, 0, .067);--ax-brand-beige-1000:#3c1f15;--ax-brand-beige-900:#764332;--ax-brand-beige-800:#874e3b;--ax-brand-beige-700:#915541;--ax-brand-beige-600:#a9654e;--ax-brand-beige-500:#c0765d;--ax-brand-beige-400:#f8c8b1;--ax-brand-beige-300:#fcddcd;--ax-brand-beige-200:#fdebe0;--ax-brand-beige-100:#fff4ee;--ax-brand-magenta-400A:rgba(164, 0, 58, .208);--ax-brand-magenta-300A:rgba(165, 0, 60, .133);--ax-brand-magenta-200A:rgba(170, 0, 61, .082);--ax-brand-magenta-100A:rgba(170, 0, 64, .047);--ax-brand-magenta-1000:#52002b;--ax-brand-magenta-900:#98185d;--ax-brand-magenta-800:#a33069;--ax-brand-magenta-700:#a93d70;--ax-brand-magenta-600:#b65781;--ax-brand-magenta-500:#c26f92;--ax-brand-magenta-400:#eccad6;--ax-brand-magenta-300:#f3dde5;--ax-brand-magenta-200:#f8eaef;--ax-brand-magenta-100:#fbf3f6;--ax-info-400A:rgba(0, 90, 146, .247);--ax-info-300A:rgba(0, 96, 160, .157);--ax-info-200A:rgba(0, 110, 183, .11);--ax-info-100A:rgba(0, 120, 210, .067);--ax-info-1000:#002942;--ax-info-900:#00557d;--ax-info-800:#156389;--ax-info-700:#246b91;--ax-info-600:#417da0;--ax-info-500:#5a8fae;--ax-info-400:#c0d6e4;--ax-info-300:#d7e6f0;--ax-info-200:#e3eff7;--ax-info-100:#eef6fc;--ax-danger-400A:rgba(255, 0, 88, .24);--ax-danger-300A:rgba(255, 0, 88, .15);--ax-danger-200A:rgba(255, 0, 89, .09);--ax-danger-100A:rgba(255, 0, 99, .05);--ax-danger-1000:#560000;--ax-danger-900:#a60017;--ax-danger-800:#bc002a;--ax-danger-700:#cb0035;--ax-danger-600:#e22a49;--ax-danger-500:#ec526e;--ax-danger-400:#ffc2d7;--ax-danger-300:#ffd9e6;--ax-danger-200:#ffe8f0;--ax-danger-100:#fff2f7;--ax-warning-400A:rgba(255, 163, 0, .565);--ax-warning-300A:rgba(255, 162, 1, .353);--ax-warning-200A:rgba(255, 164, 0, .22);--ax-warning-100A:rgba(255, 161, 0, .106);--ax-warning-1000:#481700;--ax-warning-900:#8c3500;--ax-warning-800:#a03e00;--ax-warning-700:#ac4400;--ax-warning-600:#c95100;--ax-warning-500:#e75e01;--ax-warning-400:#ffcb6f;--ax-warning-300:#ffdea5;--ax-warning-200:#ffebc7;--ax-warning-100:#fff5e4;--ax-success-400A:rgba(0, 162, 36, .34);--ax-success-300A:rgba(1, 178, 39, .23);--ax-success-200A:rgba(0, 201, 37, .165);--ax-success-100A:rgba(0, 238, 53, .114);--ax-success-1000:#002e00;--ax-success-900:#005e0f;--ax-success-800:#006c1f;--ax-success-700:#007629;--ax-success-600:#00893c;--ax-success-500:#199d4f;--ax-success-400:#a8dfb4;--ax-success-300:#c4edcd;--ax-success-200:#d5f6db;--ax-success-100:#e2fde8;--ax-accent-400A:rgba(0, 100, 241, .27);--ax-accent-300A:rgba(1, 101, 244, .17);--ax-accent-200A:rgba(0, 95, 255, .106);--ax-accent-100A:rgba(0, 110, 255, .055);--ax-accent-1000:#002459;--ax-accent-900:#004ea3;--ax-accent-800:#005bb6;--ax-accent-700:#0063c1;--ax-accent-600:#2277d5;--ax-accent-500:#428ae3;--ax-accent-400:#bad5fb;--ax-accent-300:#d4e5fd;--ax-accent-200:#e4eeff;--ax-accent-100:#f1f7ff;--ax-neutral-400A:rgba(0, 22, 48, .19);--ax-neutral-300A:rgba(0, 17, 51, .118);--ax-neutral-200A:rgba(0, 14, 41, .075);--ax-neutral-100A:rgba(0, 26, 51, .04);--ax-neutral-000:white;--ax-neutral-1000:#202733;--ax-neutral-900:#49515e;--ax-neutral-800:#555d6a;--ax-neutral-700:#5d6573;--ax-neutral-600:#6f7785;--ax-neutral-500:#818997;--ax-neutral-400:#cfd3d8;--ax-neutral-300:#e1e3e7;--ax-neutral-200:#ecedef;--ax-neutral-100:#f5f6f7}.dark{--ax-meta-lime-400A:rgba(251, 245, 0, .16);--ax-meta-lime-300A:rgba(252, 233, 0, .114);--ax-meta-lime-200A:rgba(246, 207, 0, .086);--ax-meta-lime-100A:rgba(252, 191, 0, .06);--ax-meta-lime-1000:#c5d14c;--ax-meta-lime-900:#a9b325;--ax-meta-lime-800:#99a200;--ax-meta-lime-700:#8f9800;--ax-meta-lime-600:#7c8400;--ax-meta-lime-500:#6a7200;--ax-meta-lime-400:#343900;--ax-meta-lime-300:#292d00;--ax-meta-lime-200:#222500;--ax-meta-lime-100:#1c1f00;--ax-meta-purple-400A:rgba(253, 179, 238, .184);--ax-meta-purple-300A:rgba(255, 153, 228, .137);--ax-meta-purple-200A:rgba(250, 125, 211, .106);--ax-meta-purple-100A:rgba(246, 79, 182, .086);--ax-meta-purple-1000:#cdc5d9;--ax-meta-purple-900:#b2a7c3;--ax-meta-purple-800:#a495b7;--ax-meta-purple-700:#9b8bb0;--ax-meta-purple-600:#8876a1;--ax-meta-purple-500:#776491;--ax-meta-purple-400:#3a3245;--ax-meta-purple-300:#2f273a;--ax-meta-purple-200:#272032;--ax-meta-purple-100:#221a2c;--ax-brand-blue-400A:rgba(68, 198, 252, .204);--ax-brand-blue-300A:rgba(43, 191, 251, .14);--ax-brand-blue-200A:rgba(4, 191, 255, .094);--ax-brand-blue-100A:rgba(0, 165, 255, .063);--ax-brand-blue-1000:#b7cbd7;--ax-brand-blue-900:#93afc0;--ax-brand-blue-800:#7f9fb3;--ax-brand-blue-700:#7396ab;--ax-brand-blue-600:#5a839b;--ax-brand-blue-500:#43718d;--ax-brand-blue-400:#19394c;--ax-brand-blue-300:#122d3e;--ax-brand-blue-200:#0d2534;--ax-brand-blue-100:#071e2d;--ax-brand-beige-400A:rgba(252, 131, 64, .247);--ax-brand-beige-300A:rgba(254, 98, 16, .196);--ax-brand-beige-200A:rgba(251, 69, 0, .165);--ax-brand-beige-100A:rgba(254, 29, 0, .13);--ax-brand-beige-1000:#e3c2b1;--ax-brand-beige-900:#d1a08c;--ax-brand-beige-800:#c78e79;--ax-brand-beige-700:#c0836e;--ax-brand-beige-600:#ab6f5b;--ax-brand-beige-500:#975e4a;--ax-brand-beige-400:#493027;--ax-brand-beige-300:#3d241c;--ax-brand-beige-200:#351d15;--ax-brand-beige-100:#2d160e;--ax-brand-magenta-400A:rgba(254, 100, 129, .267);--ax-brand-magenta-300A:rgba(251, 72, 100, .22);--ax-brand-magenta-200A:rgba(253, 38, 75, .184);--ax-brand-magenta-100A:rgba(250, 2, 38, .153);--ax-brand-magenta-1000:#e1c0cc;--ax-brand-magenta-900:#cf9eb1;--ax-brand-magenta-800:#c58aa2;--ax-brand-magenta-700:#be7f99;--ax-brand-magenta-600:#b06886;--ax-brand-magenta-500:#a35276;--ax-brand-magenta-400:#4e2a39;--ax-brand-magenta-300:#42202e;--ax-brand-magenta-200:#3a1827;--ax-brand-magenta-100:#321220;--ax-info-400A:rgba(68, 198, 252, .204);--ax-info-300A:rgba(43, 191, 251, .14);--ax-info-200A:rgba(4, 191, 255, .094);--ax-info-100A:rgba(0, 165, 255, .063);--ax-info-1000:#b7cbd7;--ax-info-900:#93afc0;--ax-info-800:#7f9fb3;--ax-info-700:#7396ab;--ax-info-600:#5a839b;--ax-info-500:#43718d;--ax-info-400:#19394c;--ax-info-300:#122d3e;--ax-info-200:#0d2534;--ax-info-100:#071e2d;--ax-danger-400A:rgba(255, 54, 37, .337);--ax-danger-300A:rgba(255, 21, 3, .282);--ax-danger-200A:rgba(252, 0, 0, .247);--ax-danger-100A:rgba(255, 0, 0, .21);--ax-danger-1000:#f6b7cd;--ax-danger-900:#f28ea2;--ax-danger-800:#ee7685;--ax-danger-700:#eb6772;--ax-danger-600:#dd4a50;--ax-danger-500:#c8343f;--ax-danger-400:#5f2021;--ax-danger-300:#521517;--ax-danger-200:#490b10;--ax-danger-100:#410409;--ax-warning-400A:rgba(253, 96, 8, .294);--ax-warning-300A:rgba(252, 63, 0, .24);--ax-warning-200A:rgba(254, 31, 0, .2);--ax-warning-100A:rgba(252, 0, 0, .173);--ax-warning-1000:#f5bf6d;--ax-warning-900:#ed974b;--ax-warning-800:#e78040;--ax-warning-700:#de753c;--ax-warning-600:#c46233;--ax-warning-500:#af5122;--ax-warning-400:#542b18;--ax-warning-300:#471f0c;--ax-warning-200:#3e1704;--ax-warning-100:#371100;--ax-success-400A:rgba(72, 253, 60, .173);--ax-success-300A:rgba(0, 252, 0, .12);--ax-success-200A:rgba(0, 253, 0, .086);--ax-success-100A:rgba(0, 245, 0, .063);--ax-success-1000:#a4d4ad;--ax-success-900:#78ba87;--ax-success-800:#5eab72;--ax-success-700:#4ca265;--ax-success-600:#368e52;--ax-success-500:#207c41;--ax-success-400:#183d24;--ax-success-300:#0b3118;--ax-success-200:#032911;--ax-success-100:#00230b;--ax-accent-400A:rgba(112, 179, 254, .216);--ax-accent-300A:rgba(93, 172, 254, .153);--ax-accent-200A:rgba(80, 163, 249, .106);--ax-accent-100A:rgba(46, 149, 255, .063);--ax-accent-1000:#b0caf1;--ax-accent-900:#84aee6;--ax-accent-800:#6d9ddd;--ax-accent-700:#5f94d8;--ax-accent-600:#447fc9;--ax-accent-500:#2e6db8;--ax-accent-400:#23374f;--ax-accent-300:#1a2c41;--ax-accent-200:#152436;--ax-accent-100:#101d2d;--ax-neutral-400A:rgba(224, 237, 254, .153);--ax-neutral-300A:rgba(215, 222, 250, .11);--ax-neutral-200A:rgba(202, 209, 246, .075);--ax-neutral-100A:rgba(200, 207, 240, .043);--ax-neutral-000:black;--ax-neutral-1000:#dfe1e5;--ax-neutral-900:#a5acb6;--ax-neutral-800:#949ba8;--ax-neutral-700:#8a92a0;--ax-neutral-600:#767e8c;--ax-neutral-500:#656d7b;--ax-neutral-400:#2e3641;--ax-neutral-300:#242b37;--ax-neutral-200:#1c232f;--ax-neutral-100:#161d28}.light,:host,:root{--ax-bg-overlay:rgba(2, 20, 49, .49);--ax-bg-input:rgba(255, 255, 255, .85);--ax-bg-default:#fff;--ax-text-logo:#c30000;--ax-opacity-disabled:.3;--ax-shadow-dialog:0px 4px 6px 0px rgba(0, 0, 0, .15),0px 1px 3px -1px rgba(0, 0, 0, .15),0px 1px 1px 0px rgba(0, 0, 0, .06);--ax-border-focus:var(--ax-neutral-1000);--ax-bg-sunken:var(--ax-neutral-200);--ax-bg-raised:var(--ax-neutral-000)}.dark,.dark-theme{--ax-bg-overlay:rgba(2, 20, 49, .49);--ax-bg-sunken:#07090d;--ax-bg-input:rgba(7, 9, 13, .5);--ax-bg-default:#0e151f;--ax-opacity-disabled:.4;--ax-shadow-dialog:0px 0px 1px 0px rgba(7, 9, 13, 0),0px 2px 5px 0px rgba(7, 9, 13, .35),0px 5px 12px 0px rgba(7, 9, 13, .5);--ax-border-focus:var(--ax-neutral-1000);--ax-bg-raised:var(--ax-neutral-100);--ax-text-logo:var(--ax-neutral-1000)}.dark,.light,:host,:root{--ax-border-meta-lime-strong:var(--ax-meta-lime-700);--ax-border-meta-lime-subtleA:var(--ax-meta-lime-400A);--ax-border-meta-lime-subtle:var(--ax-meta-lime-400);--ax-border-meta-lime:var(--ax-meta-lime-600);--ax-border-meta-purple-strong:var(--ax-meta-purple-700);--ax-border-meta-purple-subtleA:var(--ax-meta-purple-400A);--ax-border-meta-purple-subtle:var(--ax-meta-purple-400);--ax-border-meta-purple:var(--ax-meta-purple-600);--ax-border-brand-blue-strong:var(--ax-brand-blue-700);--ax-border-brand-blue-subtleA:var(--ax-brand-blue-400A);--ax-border-brand-blue-subtle:var(--ax-brand-blue-400);--ax-border-brand-blue:var(--ax-brand-blue-600);--ax-border-brand-beige-strong:var(--ax-brand-beige-700);--ax-border-brand-beige-subtleA:var(--ax-brand-beige-400A);--ax-border-brand-beige-subtle:var(--ax-brand-beige-400);--ax-border-brand-beige:var(--ax-brand-beige-600);--ax-border-brand-magenta-strong:var(--ax-brand-magenta-700);--ax-border-brand-magenta-subtleA:var(--ax-brand-magenta-400A);--ax-border-brand-magenta-subtle:var(--ax-brand-magenta-400);--ax-border-brand-magenta:var(--ax-brand-magenta-600);--ax-border-info-strong:var(--ax-info-700);--ax-border-info-subtleA:var(--ax-info-400A);--ax-border-info-subtle:var(--ax-info-400);--ax-border-info:var(--ax-info-600);--ax-border-danger-strong:var(--ax-danger-700);--ax-border-danger-subtleA:var(--ax-danger-400A);--ax-border-danger-subtle:var(--ax-danger-400);--ax-border-danger:var(--ax-danger-600);--ax-border-warning-strong:var(--ax-warning-700);--ax-border-warning-subtleA:var(--ax-warning-400A);--ax-border-warning-subtle:var(--ax-warning-400);--ax-border-warning:var(--ax-warning-600);--ax-border-success-strong:var(--ax-success-700);--ax-border-success-subtleA:var(--ax-success-400A);--ax-border-success-subtle:var(--ax-success-400);--ax-border-success:var(--ax-success-600);--ax-border-accent-strong:var(--ax-accent-700);--ax-border-accent-subtleA:var(--ax-accent-400A);--ax-border-accent-subtle:var(--ax-accent-400);--ax-border-accent:var(--ax-accent-600);--ax-border-neutral-strong:var(--ax-neutral-700);--ax-border-neutral-subtleA:var(--ax-neutral-400A);--ax-border-neutral-subtle:var(--ax-neutral-400);--ax-border-neutral:var(--ax-neutral-600);--ax-text-meta-lime-contrast:var(--ax-neutral-000);--ax-text-meta-lime-icon:var(--ax-meta-lime-600);--ax-text-meta-lime-subtle:var(--ax-meta-lime-800);--ax-text-meta-lime:var(--ax-meta-lime-1000);--ax-text-meta-purple-contrast:var(--ax-neutral-000);--ax-text-meta-purple-icon:var(--ax-meta-purple-600);--ax-text-meta-purple-subtle:var(--ax-meta-purple-800);--ax-text-meta-purple:var(--ax-meta-purple-1000);--ax-text-brand-blue-contrast:var(--ax-neutral-000);--ax-text-brand-blue-icon:var(--ax-brand-blue-600);--ax-text-brand-blue-subtle:var(--ax-brand-blue-800);--ax-text-brand-blue:var(--ax-brand-blue-1000);--ax-text-brand-beige-contrast:var(--ax-neutral-000);--ax-text-brand-beige-icon:var(--ax-brand-beige-600);--ax-text-brand-beige-subtle:var(--ax-brand-beige-800);--ax-text-brand-beige:var(--ax-brand-beige-1000);--ax-text-brand-magenta-contrast:var(--ax-neutral-000);--ax-text-brand-magenta-icon:var(--ax-brand-magenta-600);--ax-text-brand-magenta-subtle:var(--ax-brand-magenta-800);--ax-text-brand-magenta:var(--ax-brand-magenta-1000);--ax-text-info-contrast:var(--ax-neutral-000);--ax-text-info-icon:var(--ax-info-600);--ax-text-info-subtle:var(--ax-info-800);--ax-text-info:var(--ax-info-1000);--ax-text-danger-contrast:var(--ax-neutral-000);--ax-text-danger-icon:var(--ax-danger-600);--ax-text-danger-subtle:var(--ax-danger-800);--ax-text-danger:var(--ax-danger-1000);--ax-text-warning-contrast:var(--ax-neutral-000);--ax-text-warning-icon:var(--ax-warning-600);--ax-text-warning-subtle:var(--ax-warning-800);--ax-text-warning:var(--ax-warning-1000);--ax-text-success-contrast:var(--ax-neutral-000);--ax-text-success-icon:var(--ax-success-600);--ax-text-success-subtle:var(--ax-success-800);--ax-text-success:var(--ax-success-1000);--ax-text-accent-contrast:var(--ax-neutral-000);--ax-text-accent-icon:var(--ax-accent-600);--ax-text-accent-subtle:var(--ax-accent-800);--ax-text-accent:var(--ax-accent-1000);--ax-text-neutral-contrast:var(--ax-neutral-000);--ax-text-neutral-icon:var(--ax-neutral-600);--ax-text-neutral-subtle:var(--ax-neutral-900);--ax-text-neutral:var(--ax-neutral-1000);--ax-bg-meta-lime-strong-pressed:var(--ax-meta-lime-800);--ax-bg-meta-lime-strong-hover:var(--ax-meta-lime-700);--ax-bg-meta-lime-strong:var(--ax-meta-lime-600);--ax-bg-meta-lime-moderate-pressedA:var(--ax-meta-lime-400A);--ax-bg-meta-lime-moderate-pressed:var(--ax-meta-lime-400);--ax-bg-meta-lime-moderate-hoverA:var(--ax-meta-lime-300A);--ax-bg-meta-lime-moderate-hover:var(--ax-meta-lime-300);--ax-bg-meta-lime-moderateA:var(--ax-meta-lime-200A);--ax-bg-meta-lime-moderate:var(--ax-meta-lime-200);--ax-bg-meta-lime-softA:var(--ax-meta-lime-100A);--ax-bg-meta-lime-soft:var(--ax-meta-lime-100);--ax-bg-meta-purple-strong-pressed:var(--ax-meta-purple-800);--ax-bg-meta-purple-strong-hover:var(--ax-meta-purple-700);--ax-bg-meta-purple-strong:var(--ax-meta-purple-600);--ax-bg-meta-purple-moderate-pressedA:var(--ax-meta-purple-400A);--ax-bg-meta-purple-moderate-pressed:var(--ax-meta-purple-400);--ax-bg-meta-purple-moderate-hoverA:var(--ax-meta-purple-300A);--ax-bg-meta-purple-moderate-hover:var(--ax-meta-purple-300);--ax-bg-meta-purple-moderateA:var(--ax-meta-purple-200A);--ax-bg-meta-purple-moderate:var(--ax-meta-purple-200);--ax-bg-meta-purple-softA:var(--ax-meta-purple-100A);--ax-bg-meta-purple-soft:var(--ax-meta-purple-100);--ax-bg-brand-blue-strong-pressed:var(--ax-brand-blue-800);--ax-bg-brand-blue-strong-hover:var(--ax-brand-blue-700);--ax-bg-brand-blue-strong:var(--ax-brand-blue-600);--ax-bg-brand-blue-moderate-pressedA:var(--ax-brand-blue-400A);--ax-bg-brand-blue-moderate-pressed:var(--ax-brand-blue-400);--ax-bg-brand-blue-moderate-hoverA:var(--ax-brand-blue-300A);--ax-bg-brand-blue-moderate-hover:var(--ax-brand-blue-300);--ax-bg-brand-blue-moderateA:var(--ax-brand-blue-200A);--ax-bg-brand-blue-moderate:var(--ax-brand-blue-200);--ax-bg-brand-blue-softA:var(--ax-brand-blue-100A);--ax-bg-brand-blue-soft:var(--ax-brand-blue-100);--ax-bg-brand-beige-strong-pressed:var(--ax-brand-beige-800);--ax-bg-brand-beige-strong-hover:var(--ax-brand-beige-700);--ax-bg-brand-beige-strong:var(--ax-brand-beige-600);--ax-bg-brand-beige-moderate-pressedA:var(--ax-brand-beige-400A);--ax-bg-brand-beige-moderate-pressed:var(--ax-brand-beige-400);--ax-bg-brand-beige-moderate-hoverA:var(--ax-brand-beige-300A);--ax-bg-brand-beige-moderate-hover:var(--ax-brand-beige-300);--ax-bg-brand-beige-moderateA:var(--ax-brand-beige-200A);--ax-bg-brand-beige-moderate:var(--ax-brand-beige-200);--ax-bg-brand-beige-softA:var(--ax-brand-beige-100A);--ax-bg-brand-beige-soft:var(--ax-brand-beige-100);--ax-bg-brand-magenta-strong-pressed:var(--ax-brand-magenta-800);--ax-bg-brand-magenta-strong-hover:var(--ax-brand-magenta-700);--ax-bg-brand-magenta-strong:var(--ax-brand-magenta-600);--ax-bg-brand-magenta-moderate-pressedA:var(--ax-brand-magenta-400A);--ax-bg-brand-magenta-moderate-pressed:var(--ax-brand-magenta-400);--ax-bg-brand-magenta-moderate-hoverA:var(--ax-brand-magenta-300A);--ax-bg-brand-magenta-moderate-hover:var(--ax-brand-magenta-300);--ax-bg-brand-magenta-moderateA:var(--ax-brand-magenta-200A);--ax-bg-brand-magenta-moderate:var(--ax-brand-magenta-200);--ax-bg-brand-magenta-softA:var(--ax-brand-magenta-100A);--ax-bg-brand-magenta-soft:var(--ax-brand-magenta-100);--ax-bg-info-strong-pressed:var(--ax-info-800);--ax-bg-info-strong-hover:var(--ax-info-700);--ax-bg-info-strong:var(--ax-info-600);--ax-bg-info-moderate-pressedA:var(--ax-info-400A);--ax-bg-info-moderate-pressed:var(--ax-info-400);--ax-bg-info-moderate-hoverA:var(--ax-info-300A);--ax-bg-info-moderate-hover:var(--ax-info-300);--ax-bg-info-moderateA:var(--ax-info-200A);--ax-bg-info-moderate:var(--ax-info-200);--ax-bg-info-softA:var(--ax-info-100A);--ax-bg-info-soft:var(--ax-info-100);--ax-bg-danger-strong-pressed:var(--ax-danger-800);--ax-bg-danger-strong-hover:var(--ax-danger-700);--ax-bg-danger-strong:var(--ax-danger-600);--ax-bg-danger-moderate-pressedA:var(--ax-danger-400A);--ax-bg-danger-moderate-pressed:var(--ax-danger-400);--ax-bg-danger-moderate-hoverA:var(--ax-danger-300A);--ax-bg-danger-moderate-hover:var(--ax-danger-300);--ax-bg-danger-moderateA:var(--ax-danger-200A);--ax-bg-danger-moderate:var(--ax-danger-200);--ax-bg-danger-softA:var(--ax-danger-100A);--ax-bg-danger-soft:var(--ax-danger-100);--ax-bg-warning-strong-pressed:var(--ax-warning-800);--ax-bg-warning-strong-hover:var(--ax-warning-700);--ax-bg-warning-strong:var(--ax-warning-600);--ax-bg-warning-moderate-pressedA:var(--ax-warning-400A);--ax-bg-warning-moderate-pressed:var(--ax-warning-400);--ax-bg-warning-moderate-hoverA:var(--ax-warning-300A);--ax-bg-warning-moderate-hover:var(--ax-warning-300);--ax-bg-warning-moderateA:var(--ax-warning-200A);--ax-bg-warning-moderate:var(--ax-warning-200);--ax-bg-warning-softA:var(--ax-warning-100A);--ax-bg-warning-soft:var(--ax-warning-100);--ax-bg-success-strong-pressed:var(--ax-success-800);--ax-bg-success-strong-hover:var(--ax-success-700);--ax-bg-success-strong:var(--ax-success-600);--ax-bg-success-moderate-pressedA:var(--ax-success-400A);--ax-bg-success-moderate-pressed:var(--ax-success-400);--ax-bg-success-moderate-hoverA:var(--ax-success-300A);--ax-bg-success-moderate-hover:var(--ax-success-300);--ax-bg-success-moderateA:var(--ax-success-200A);--ax-bg-success-moderate:var(--ax-success-200);--ax-bg-success-softA:var(--ax-success-100A);--ax-bg-success-soft:var(--ax-success-100);--ax-bg-accent-strong-pressed:var(--ax-accent-800);--ax-bg-accent-strong-hover:var(--ax-accent-700);--ax-bg-accent-strong:var(--ax-accent-600);--ax-bg-accent-moderate-pressedA:var(--ax-accent-400A);--ax-bg-accent-moderate-pressed:var(--ax-accent-400);--ax-bg-accent-moderate-hoverA:var(--ax-accent-300A);--ax-bg-accent-moderate-hover:var(--ax-accent-300);--ax-bg-accent-moderateA:var(--ax-accent-200A);--ax-bg-accent-moderate:var(--ax-accent-200);--ax-bg-accent-softA:var(--ax-accent-100A);--ax-bg-accent-soft:var(--ax-accent-100);--ax-bg-neutral-strong-pressed:var(--ax-neutral-900);--ax-bg-neutral-strong-hover:var(--ax-neutral-800);--ax-bg-neutral-strong:var(--ax-neutral-700);--ax-bg-neutral-moderate-pressedA:var(--ax-neutral-400A);--ax-bg-neutral-moderate-pressed:var(--ax-neutral-400);--ax-bg-neutral-moderate-hoverA:var(--ax-neutral-300A);--ax-bg-neutral-moderate-hover:var(--ax-neutral-300);--ax-bg-neutral-moderateA:var(--ax-neutral-200A);--ax-bg-neutral-moderate:var(--ax-neutral-200);--ax-bg-neutral-softA:var(--ax-neutral-100A);--ax-bg-neutral-soft:var(--ax-neutral-100)}:host,:root{--ax-version:"7.13.0";--ax-font-weight-regular:400;--ax-font-weight-bold:600;--ax-font-size-small:.875rem;--ax-font-size-medium:1rem;--ax-font-size-large:1.125rem;--ax-font-size-xlarge:1.25rem;--ax-font-size-heading-xsmall:1.125rem;--ax-font-size-heading-small:1.25rem;--ax-font-size-heading-medium:1.5rem;--ax-font-size-heading-large:1.75rem;--ax-font-size-heading-xlarge:2rem;--ax-font-size-heading-2xlarge:2.5rem;--ax-font-line-height-medium:1.25rem;--ax-font-line-height-large:1.5rem;--ax-font-line-height-xlarge:1.75rem;--ax-font-line-height-heading-xsmall:1.5rem;--ax-font-line-height-heading-small:1.75rem;--ax-font-line-height-heading-medium:2rem;--ax-font-line-height-heading-large:2.25rem;--ax-font-line-height-heading-xlarge:2.5rem;--ax-font-line-height-heading-2xlarge:3.25rem;--ax-font-family:"Source Sans 3","Source Sans Pro",Arial,sans-serif;--ax-breakpoint-2xl-down:1439px;--ax-breakpoint-2xl:1440px;--ax-breakpoint-xl-down:1279px;--ax-breakpoint-xl:1280px;--ax-breakpoint-lg-down:1023px;--ax-breakpoint-lg:1024px;--ax-breakpoint-md-down:767px;--ax-breakpoint-md:768px;--ax-breakpoint-sm-down:479px;--ax-breakpoint-sm:480px;--ax-breakpoint-xs:0;--ax-border-radius-full:9999px;--ax-border-radius-xlarge:12px;--ax-border-radius-large:8px;--ax-border-radius-medium:4px;--ax-border-radius-small:2px;--ax-space-128:8rem;--ax-space-96:6rem;--ax-space-80:5rem;--ax-space-72:4.5rem;--ax-space-64:4rem;--ax-space-56:3.5rem;--ax-space-48:3rem;--ax-space-44:2.75rem;--ax-space-40:2.5rem;--ax-space-36:2.25rem;--ax-space-32:2rem;--ax-space-28:1.75rem;--ax-space-24:1.5rem;--ax-space-20:1.25rem;--ax-space-16:1rem;--ax-space-12:.75rem;--ax-space-8:.5rem;--ax-space-6:.375rem;--ax-space-4:.25rem;--ax-space-2:.125rem;--ax-space-1:.0625rem;--ax-space-0:0rem}[data-color-role=neutral]{--ax-border-strong:var(--ax-border-neutral-strong);--ax-border-subtleA:var(--ax-border-neutral-subtleA);--ax-border-subtle:var(--ax-border-neutral-subtle);--ax-border-default:var(--ax-border-neutral);--ax-text-contrast:var(--ax-text-neutral-contrast);--ax-text-icon:var(--ax-text-neutral-icon);--ax-text-subtle:var(--ax-text-neutral-subtle);--ax-text-default:var(--ax-text-neutral);--ax-bg-strong-pressed:var(--ax-bg-neutral-strong-pressed);--ax-bg-strong-hover:var(--ax-bg-neutral-strong-hover);--ax-bg-strong:var(--ax-bg-neutral-strong);--ax-bg-moderate-pressedA:var(--ax-bg-neutral-moderate-pressedA);--ax-bg-moderate-pressed:var(--ax-bg-neutral-moderate-pressed);--ax-bg-moderate-hoverA:var(--ax-bg-neutral-moderate-hoverA);--ax-bg-moderate-hover:var(--ax-bg-neutral-moderate-hover);--ax-bg-moderateA:var(--ax-bg-neutral-moderateA);--ax-bg-moderate:var(--ax-bg-neutral-moderate);--ax-bg-softA:var(--ax-bg-neutral-softA);--ax-bg-soft:var(--ax-bg-neutral-soft)}[data-color-role=accent]{--ax-border-strong:var(--ax-border-accent-strong);--ax-border-subtleA:var(--ax-border-accent-subtleA);--ax-border-subtle:var(--ax-border-accent-subtle);--ax-border-default:var(--ax-border-accent);--ax-text-contrast:var(--ax-text-accent-contrast);--ax-text-icon:var(--ax-text-accent-icon);--ax-text-subtle:var(--ax-text-accent-subtle);--ax-text-default:var(--ax-text-accent);--ax-bg-strong-pressed:var(--ax-bg-accent-strong-pressed);--ax-bg-strong-hover:var(--ax-bg-accent-strong-hover);--ax-bg-strong:var(--ax-bg-accent-strong);--ax-bg-moderate-pressedA:var(--ax-bg-accent-moderate-pressedA);--ax-bg-moderate-pressed:var(--ax-bg-accent-moderate-pressed);--ax-bg-moderate-hoverA:var(--ax-bg-accent-moderate-hoverA);--ax-bg-moderate-hover:var(--ax-bg-accent-moderate-hover);--ax-bg-moderateA:var(--ax-bg-accent-moderateA);--ax-bg-moderate:var(--ax-bg-accent-moderate);--ax-bg-softA:var(--ax-bg-accent-softA);--ax-bg-soft:var(--ax-bg-accent-soft)}[data-color-role=success]{--ax-border-strong:var(--ax-border-success-strong);--ax-border-subtleA:var(--ax-border-success-subtleA);--ax-border-subtle:var(--ax-border-success-subtle);--ax-border-default:var(--ax-border-success);--ax-text-contrast:var(--ax-text-success-contrast);--ax-text-icon:var(--ax-text-success-icon);--ax-text-subtle:var(--ax-text-success-subtle);--ax-text-default:var(--ax-text-success);--ax-bg-strong-pressed:var(--ax-bg-success-strong-pressed);--ax-bg-strong-hover:var(--ax-bg-success-strong-hover);--ax-bg-strong:var(--ax-bg-success-strong);--ax-bg-moderate-pressedA:var(--ax-bg-success-moderate-pressedA);--ax-bg-moderate-pressed:var(--ax-bg-success-moderate-pressed);--ax-bg-moderate-hoverA:var(--ax-bg-success-moderate-hoverA);--ax-bg-moderate-hover:var(--ax-bg-success-moderate-hover);--ax-bg-moderateA:var(--ax-bg-success-moderateA);--ax-bg-moderate:var(--ax-bg-success-moderate);--ax-bg-softA:var(--ax-bg-success-softA);--ax-bg-soft:var(--ax-bg-success-soft)}[data-color-role=warning]{--ax-border-strong:var(--ax-border-warning-strong);--ax-border-subtleA:var(--ax-border-warning-subtleA);--ax-border-subtle:var(--ax-border-warning-subtle);--ax-border-default:var(--ax-border-warning);--ax-text-contrast:var(--ax-text-warning-contrast);--ax-text-icon:var(--ax-text-warning-icon);--ax-text-subtle:var(--ax-text-warning-subtle);--ax-text-default:var(--ax-text-warning);--ax-bg-strong-pressed:var(--ax-bg-warning-strong-pressed);--ax-bg-strong-hover:var(--ax-bg-warning-strong-hover);--ax-bg-strong:var(--ax-bg-warning-strong);--ax-bg-moderate-pressedA:var(--ax-bg-warning-moderate-pressedA);--ax-bg-moderate-pressed:var(--ax-bg-warning-moderate-pressed);--ax-bg-moderate-hoverA:var(--ax-bg-warning-moderate-hoverA);--ax-bg-moderate-hover:var(--ax-bg-warning-moderate-hover);--ax-bg-moderateA:var(--ax-bg-warning-moderateA);--ax-bg-moderate:var(--ax-bg-warning-moderate);--ax-bg-softA:var(--ax-bg-warning-softA);--ax-bg-soft:var(--ax-bg-warning-soft)}[data-color-role=danger]{--ax-border-strong:var(--ax-border-danger-strong);--ax-border-subtleA:var(--ax-border-danger-subtleA);--ax-border-subtle:var(--ax-border-danger-subtle);--ax-border-default:var(--ax-border-danger);--ax-text-contrast:var(--ax-text-danger-contrast);--ax-text-icon:var(--ax-text-danger-icon);--ax-text-subtle:var(--ax-text-danger-subtle);--ax-text-default:var(--ax-text-danger);--ax-bg-strong-pressed:var(--ax-bg-danger-strong-pressed);--ax-bg-strong-hover:var(--ax-bg-danger-strong-hover);--ax-bg-strong:var(--ax-bg-danger-strong);--ax-bg-moderate-pressedA:var(--ax-bg-danger-moderate-pressedA);--ax-bg-moderate-pressed:var(--ax-bg-danger-moderate-pressed);--ax-bg-moderate-hoverA:var(--ax-bg-danger-moderate-hoverA);--ax-bg-moderate-hover:var(--ax-bg-danger-moderate-hover);--ax-bg-moderateA:var(--ax-bg-danger-moderateA);--ax-bg-moderate:var(--ax-bg-danger-moderate);--ax-bg-softA:var(--ax-bg-danger-softA);--ax-bg-soft:var(--ax-bg-danger-soft)}[data-color-role=info]{--ax-border-strong:var(--ax-border-info-strong);--ax-border-subtleA:var(--ax-border-info-subtleA);--ax-border-subtle:var(--ax-border-info-subtle);--ax-border-default:var(--ax-border-info);--ax-text-contrast:var(--ax-text-info-contrast);--ax-text-icon:var(--ax-text-info-icon);--ax-text-subtle:var(--ax-text-info-subtle);--ax-text-default:var(--ax-text-info);--ax-bg-strong-pressed:var(--ax-bg-info-strong-pressed);--ax-bg-strong-hover:var(--ax-bg-info-strong-hover);--ax-bg-strong:var(--ax-bg-info-strong);--ax-bg-moderate-pressedA:var(--ax-bg-info-moderate-pressedA);--ax-bg-moderate-pressed:var(--ax-bg-info-moderate-pressed);--ax-bg-moderate-hoverA:var(--ax-bg-info-moderate-hoverA);--ax-bg-moderate-hover:var(--ax-bg-info-moderate-hover);--ax-bg-moderateA:var(--ax-bg-info-moderateA);--ax-bg-moderate:var(--ax-bg-info-moderate);--ax-bg-softA:var(--ax-bg-info-softA);--ax-bg-soft:var(--ax-bg-info-soft)}[data-color-role=brand-magenta]{--ax-border-strong:var(--ax-border-brand-magenta-strong);--ax-border-subtleA:var(--ax-border-brand-magenta-subtleA);--ax-border-subtle:var(--ax-border-brand-magenta-subtle);--ax-border-default:var(--ax-border-brand-magenta);--ax-text-contrast:var(--ax-text-brand-magenta-contrast);--ax-text-icon:var(--ax-text-brand-magenta-icon);--ax-text-subtle:var(--ax-text-brand-magenta-subtle);--ax-text-default:var(--ax-text-brand-magenta);--ax-bg-strong-pressed:var(--ax-bg-brand-magenta-strong-pressed);--ax-bg-strong-hover:var(--ax-bg-brand-magenta-strong-hover);--ax-bg-strong:var(--ax-bg-brand-magenta-strong);--ax-bg-moderate-pressedA:var(--ax-bg-brand-magenta-moderate-pressedA);--ax-bg-moderate-pressed:var(--ax-bg-brand-magenta-moderate-pressed);--ax-bg-moderate-hoverA:var(--ax-bg-brand-magenta-moderate-hoverA);--ax-bg-moderate-hover:var(--ax-bg-brand-magenta-moderate-hover);--ax-bg-moderateA:var(--ax-bg-brand-magenta-moderateA);--ax-bg-moderate:var(--ax-bg-brand-magenta-moderate);--ax-bg-softA:var(--ax-bg-brand-magenta-softA);--ax-bg-soft:var(--ax-bg-brand-magenta-soft)}[data-color-role=brand-beige]{--ax-border-strong:var(--ax-border-brand-beige-strong);--ax-border-subtleA:var(--ax-border-brand-beige-subtleA);--ax-border-subtle:var(--ax-border-brand-beige-subtle);--ax-border-default:var(--ax-border-brand-beige);--ax-text-contrast:var(--ax-text-brand-beige-contrast);--ax-text-icon:var(--ax-text-brand-beige-icon);--ax-text-subtle:var(--ax-text-brand-beige-subtle);--ax-text-default:var(--ax-text-brand-beige);--ax-bg-strong-pressed:var(--ax-bg-brand-beige-strong-pressed);--ax-bg-strong-hover:var(--ax-bg-brand-beige-strong-hover);--ax-bg-strong:var(--ax-bg-brand-beige-strong);--ax-bg-moderate-pressedA:var(--ax-bg-brand-beige-moderate-pressedA);--ax-bg-moderate-pressed:var(--ax-bg-brand-beige-moderate-pressed);--ax-bg-moderate-hoverA:var(--ax-bg-brand-beige-moderate-hoverA);--ax-bg-moderate-hover:var(--ax-bg-brand-beige-moderate-hover);--ax-bg-moderateA:var(--ax-bg-brand-beige-moderateA);--ax-bg-moderate:var(--ax-bg-brand-beige-moderate);--ax-bg-softA:var(--ax-bg-brand-beige-softA);--ax-bg-soft:var(--ax-bg-brand-beige-soft)}[data-color-role=brand-blue]{--ax-border-strong:var(--ax-border-brand-blue-strong);--ax-border-subtleA:var(--ax-border-brand-blue-subtleA);--ax-border-subtle:var(--ax-border-brand-blue-subtle);--ax-border-default:var(--ax-border-brand-blue);--ax-text-contrast:var(--ax-text-brand-blue-contrast);--ax-text-icon:var(--ax-text-brand-blue-icon);--ax-text-subtle:var(--ax-text-brand-blue-subtle);--ax-text-default:var(--ax-text-brand-blue);--ax-bg-strong-pressed:var(--ax-bg-brand-blue-strong-pressed);--ax-bg-strong-hover:var(--ax-bg-brand-blue-strong-hover);--ax-bg-strong:var(--ax-bg-brand-blue-strong);--ax-bg-moderate-pressedA:var(--ax-bg-brand-blue-moderate-pressedA);--ax-bg-moderate-pressed:var(--ax-bg-brand-blue-moderate-pressed);--ax-bg-moderate-hoverA:var(--ax-bg-brand-blue-moderate-hoverA);--ax-bg-moderate-hover:var(--ax-bg-brand-blue-moderate-hover);--ax-bg-moderateA:var(--ax-bg-brand-blue-moderateA);--ax-bg-moderate:var(--ax-bg-brand-blue-moderate);--ax-bg-softA:var(--ax-bg-brand-blue-softA);--ax-bg-soft:var(--ax-bg-brand-blue-soft)}[data-color-role=meta-purple]{--ax-border-strong:var(--ax-border-meta-purple-strong);--ax-border-subtleA:var(--ax-border-meta-purple-subtleA);--ax-border-subtle:var(--ax-border-meta-purple-subtle);--ax-border-default:var(--ax-border-meta-purple);--ax-text-contrast:var(--ax-text-meta-purple-contrast);--ax-text-icon:var(--ax-text-meta-purple-icon);--ax-text-subtle:var(--ax-text-meta-purple-subtle);--ax-text-default:var(--ax-text-meta-purple);--ax-bg-strong-pressed:var(--ax-bg-meta-purple-strong-pressed);--ax-bg-strong-hover:var(--ax-bg-meta-purple-strong-hover);--ax-bg-strong:var(--ax-bg-meta-purple-strong);--ax-bg-moderate-pressedA:var(--ax-bg-meta-purple-moderate-pressedA);--ax-bg-moderate-pressed:var(--ax-bg-meta-purple-moderate-pressed);--ax-bg-moderate-hoverA:var(--ax-bg-meta-purple-moderate-hoverA);--ax-bg-moderate-hover:var(--ax-bg-meta-purple-moderate-hover);--ax-bg-moderateA:var(--ax-bg-meta-purple-moderateA);--ax-bg-moderate:var(--ax-bg-meta-purple-moderate);--ax-bg-softA:var(--ax-bg-meta-purple-softA);--ax-bg-soft:var(--ax-bg-meta-purple-soft)}[data-color-role=meta-lime]{--ax-border-strong:var(--ax-border-meta-lime-strong);--ax-border-subtleA:var(--ax-border-meta-lime-subtleA);--ax-border-subtle:var(--ax-border-meta-lime-subtle);--ax-border-default:var(--ax-border-meta-lime);--ax-text-contrast:var(--ax-text-meta-lime-contrast);--ax-text-icon:var(--ax-text-meta-lime-icon);--ax-text-subtle:var(--ax-text-meta-lime-subtle);--ax-text-default:var(--ax-text-meta-lime);--ax-bg-strong-pressed:var(--ax-bg-meta-lime-strong-pressed);--ax-bg-strong-hover:var(--ax-bg-meta-lime-strong-hover);--ax-bg-strong:var(--ax-bg-meta-lime-strong);--ax-bg-moderate-pressedA:var(--ax-bg-meta-lime-moderate-pressedA);--ax-bg-moderate-pressed:var(--ax-bg-meta-lime-moderate-pressed);--ax-bg-moderate-hoverA:var(--ax-bg-meta-lime-moderate-hoverA);--ax-bg-moderate-hover:var(--ax-bg-meta-lime-moderate-hover);--ax-bg-moderateA:var(--ax-bg-meta-lime-moderateA);--ax-bg-moderate:var(--ax-bg-meta-lime-moderate);--ax-bg-softA:var(--ax-bg-meta-lime-softA);--ax-bg-soft:var(--ax-bg-meta-lime-soft)}}