@navikt/ds-css 7.23.2 → 7.25.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +28 -0
- package/chat.css +0 -3
- package/config/_mappings.js +12 -1
- package/darkside/chat.darkside.css +0 -3
- package/darkside/form/file-upload.darkside.css +0 -4
- package/darkside/form/select.darkside.css +1 -0
- package/darkside/form/switch.darkside.css +27 -12
- package/darkside/form/text-field.darkside.css +1 -0
- package/darkside/form/textarea.darkside.css +1 -0
- package/darkside/index.css +2 -0
- package/darkside/link-anchor.darkside.css +53 -0
- package/darkside/link-card.darkside.css +109 -0
- package/darkside/table.darkside.css +50 -0
- package/dist/component/chat.css +0 -3
- package/dist/component/chat.min.css +1 -1
- package/dist/component/form.css +26 -11
- package/dist/component/form.min.css +1 -1
- package/dist/component/linkanchor.css +53 -0
- package/dist/component/linkanchor.min.css +1 -0
- package/dist/component/linkcard.css +94 -0
- package/dist/component/linkcard.min.css +1 -0
- package/dist/component/table.css +49 -0
- package/dist/component/table.min.css +1 -1
- package/dist/components.css +239 -16
- package/dist/components.min.css +2 -2
- package/dist/darkside/component/chat.css +0 -3
- package/dist/darkside/component/chat.min.css +1 -1
- package/dist/darkside/component/form.css +30 -16
- package/dist/darkside/component/form.min.css +1 -1
- package/dist/darkside/component/linkanchor.css +52 -0
- package/dist/darkside/component/linkanchor.min.css +1 -0
- package/dist/darkside/component/linkcard.css +108 -0
- package/dist/darkside/component/linkcard.min.css +1 -0
- package/dist/darkside/component/table.css +39 -0
- package/dist/darkside/component/table.min.css +1 -1
- package/dist/darkside/components.css +227 -19
- package/dist/darkside/components.min.css +1 -1
- package/dist/darkside/global/tokens.css +5 -5
- package/dist/darkside/global/tokens.min.css +1 -1
- package/dist/darkside/index.css +232 -24
- package/dist/darkside/index.min.css +1 -1
- package/dist/darkside/version/{7.23.2 → 7.25.1}/component/chat.css +0 -3
- package/dist/darkside/version/{7.23.2 → 7.25.1}/component/chat.min.css +1 -1
- package/dist/darkside/version/{7.23.2 → 7.25.1}/component/form.css +30 -16
- package/dist/darkside/version/7.25.1/component/form.min.css +1 -0
- package/dist/darkside/version/7.25.1/component/linkanchor.css +52 -0
- package/dist/darkside/version/7.25.1/component/linkanchor.min.css +1 -0
- package/dist/darkside/version/7.25.1/component/linkcard.css +108 -0
- package/dist/darkside/version/7.25.1/component/linkcard.min.css +1 -0
- package/dist/darkside/version/{7.23.2 → 7.25.1}/component/table.css +39 -0
- package/dist/darkside/version/7.25.1/component/table.min.css +1 -0
- package/dist/darkside/version/{7.23.2 → 7.25.1}/components.css +227 -19
- package/dist/darkside/version/7.25.1/components.min.css +1 -0
- package/dist/darkside/version/{7.23.2 → 7.25.1}/global/tokens.css +5 -5
- package/dist/darkside/version/7.25.1/global/tokens.min.css +1 -0
- package/dist/darkside/version/{7.23.2 → 7.25.1}/index.css +232 -24
- package/dist/darkside/version/7.25.1/index.min.css +1 -0
- package/dist/global/tokens.css +1 -1
- package/dist/global/tokens.min.css +1 -1
- package/dist/index.css +240 -17
- package/dist/index.min.css +3 -3
- package/form/file-upload.css +0 -4
- package/form/select.css +1 -0
- package/form/switch.css +25 -9
- package/form/text-field.css +1 -0
- package/form/textarea.css +1 -0
- package/index.css +2 -0
- package/link-anchor.css +53 -0
- package/link-card.css +106 -0
- package/package.json +2 -2
- package/table.css +49 -0
- package/dist/darkside/version/7.23.2/component/form.min.css +0 -1
- package/dist/darkside/version/7.23.2/component/table.min.css +0 -1
- package/dist/darkside/version/7.23.2/components.min.css +0 -1
- package/dist/darkside/version/7.23.2/global/tokens.min.css +0 -1
- package/dist/darkside/version/7.23.2/index.min.css +0 -1
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/accordion.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/accordion.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/actionmenu.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/actionmenu.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/alert.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/alert.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/button.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/button.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/chips.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/chips.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/copybutton.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/copybutton.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/date.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/date.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/dropdown.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/dropdown.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/expansioncard.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/expansioncard.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/guidepanel.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/guidepanel.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/helptext.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/helptext.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/internalheader.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/internalheader.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/link.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/link.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/linkpanel.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/linkpanel.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/list.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/list.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/loader.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/loader.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/modal.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/modal.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/pagination.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/pagination.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/panel.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/panel.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/popover.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/popover.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/primitives.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/primitives.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/progressbar.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/progressbar.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/readmore.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/readmore.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/skeleton.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/skeleton.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/stepper.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/stepper.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/tabs.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/tabs.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/tag.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/tag.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/theme.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/theme.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/timeline.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/timeline.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/togglegroup.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/togglegroup.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/tooltip.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/tooltip.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/typography.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/component/typography.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/global/baseline.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/global/baseline.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/global/fonts.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/global/fonts.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/global/print.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/global/print.min.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/global/reset.css +0 -0
- /package/dist/darkside/version/{7.23.2 → 7.25.1}/global/reset.min.css +0 -0
|
@@ -143,8 +143,8 @@
|
|
|
143
143
|
--ax-meta-purple-400A: rgba(94, 0, 216, .204);
|
|
144
144
|
--ax-meta-lime-100: #f4f9d1;
|
|
145
145
|
--ax-meta-lime-200: #ebf4a9;
|
|
146
|
-
--ax-meta-lime-300: #
|
|
147
|
-
--ax-meta-lime-400: #
|
|
146
|
+
--ax-meta-lime-300: #e1ea9a;
|
|
147
|
+
--ax-meta-lime-400: #cfda6c;
|
|
148
148
|
--ax-meta-lime-500: #878f00;
|
|
149
149
|
--ax-meta-lime-600: #757c00;
|
|
150
150
|
--ax-meta-lime-700: #646900;
|
|
@@ -153,8 +153,8 @@
|
|
|
153
153
|
--ax-meta-lime-1000: #2a2800;
|
|
154
154
|
--ax-meta-lime-100A: rgba(195, 222, 0, .18);
|
|
155
155
|
--ax-meta-lime-200A: rgba(196, 223, 0, .337);
|
|
156
|
-
--ax-meta-lime-300A: rgba(
|
|
157
|
-
--ax-meta-lime-400A:
|
|
156
|
+
--ax-meta-lime-300A: rgba(180, 202, 0, .396);
|
|
157
|
+
--ax-meta-lime-400A: rgba(172, 191, 0, .576);
|
|
158
158
|
}
|
|
159
159
|
|
|
160
160
|
.dark {
|
|
@@ -552,7 +552,7 @@
|
|
|
552
552
|
}
|
|
553
553
|
|
|
554
554
|
:root, :host {
|
|
555
|
-
--ax-version: "7.
|
|
555
|
+
--ax-version: "7.25.1";
|
|
556
556
|
--ax-space-0: 0rem;
|
|
557
557
|
--ax-space-1: .0625rem;
|
|
558
558
|
--ax-space-2: .125rem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer aksel.theming{:root,:host,.light{--ax-neutral-100: #f5f6f7;--ax-neutral-200: #ecedef;--ax-neutral-300: #e1e3e7;--ax-neutral-400: #cfd3d8;--ax-neutral-500: #818997;--ax-neutral-600: #6f7785;--ax-neutral-700: #5d6573;--ax-neutral-800: #555d6a;--ax-neutral-900: #49515e;--ax-neutral-1000: #202733;--ax-neutral-000: white;--ax-neutral-100A: rgba(0, 26, 51, .04);--ax-neutral-200A: rgba(0, 14, 41, .075);--ax-neutral-300A: rgba(0, 17, 51, .118);--ax-neutral-400A: rgba(0, 22, 48, .19);--ax-accent-100: #f1f7ff;--ax-accent-200: #e4eeff;--ax-accent-300: #d4e5fd;--ax-accent-400: #bad5fb;--ax-accent-500: #428ae3;--ax-accent-600: #2176d4;--ax-accent-700: #0063c1;--ax-accent-800: #005bb6;--ax-accent-900: #004ea3;--ax-accent-1000: #002459;--ax-accent-100A: rgba(0, 110, 255, .055);--ax-accent-200A: rgba(0, 95, 255, .106);--ax-accent-300A: rgba(1, 101, 244, .17);--ax-accent-400A: rgba(0, 100, 241, .27);--ax-success-100: #e2fde8;--ax-success-200: #d5f6db;--ax-success-300: #c4edcd;--ax-success-400: #a8dfb4;--ax-success-500: #199d4f;--ax-success-600: #00893c;--ax-success-700: #007629;--ax-success-800: #006c1f;--ax-success-900: #005e0f;--ax-success-1000: #002e00;--ax-success-100A: rgba(0, 238, 53, .114);--ax-success-200A: rgba(0, 201, 37, .165);--ax-success-300A: rgba(1, 178, 39, .23);--ax-success-400A: rgba(0, 162, 36, .34);--ax-warning-100: #fff5e4;--ax-warning-200: #ffebc7;--ax-warning-300: #ffdea5;--ax-warning-400: #ffcb6f;--ax-warning-500: #e75e01;--ax-warning-600: #ca5000;--ax-warning-700: #ac4400;--ax-warning-800: #a03e00;--ax-warning-900: #8c3500;--ax-warning-1000: #481700;--ax-warning-100A: rgba(255, 161, 0, .106);--ax-warning-200A: rgba(255, 164, 0, .22);--ax-warning-300A: rgba(255, 162, 1, .353);--ax-warning-400A: rgba(255, 163, 0, .565);--ax-danger-100: #fff2f7;--ax-danger-200: #ffe8f0;--ax-danger-300: #ffd9e6;--ax-danger-400: #ffc2d7;--ax-danger-500: #ec526e;--ax-danger-600: #e22948;--ax-danger-700: #cb0035;--ax-danger-800: #bc002a;--ax-danger-900: #a60017;--ax-danger-1000: #560000;--ax-danger-100A: rgba(255, 0, 99, .05);--ax-danger-200A: rgba(255, 0, 89, .09);--ax-danger-300A: rgba(255, 0, 88, .15);--ax-danger-400A: rgba(255, 0, 88, .24);--ax-info-100: #eef6fc;--ax-info-200: #e3eff7;--ax-info-300: #d7e6f0;--ax-info-400: #c0d6e4;--ax-info-500: #5a8fae;--ax-info-600: #457c9d;--ax-info-700: #246b91;--ax-info-800: #156389;--ax-info-900: #00557d;--ax-info-1000: #002942;--ax-info-100A: rgba(0, 120, 210, .067);--ax-info-200A: rgba(0, 110, 183, .11);--ax-info-300A: rgba(0, 96, 160, .157);--ax-info-400A: rgba(0, 90, 146, .247);--ax-brand-magenta-100: #fbf3f6;--ax-brand-magenta-200: #f8eaef;--ax-brand-magenta-300: #f3dde5;--ax-brand-magenta-400: #eccad6;--ax-brand-magenta-500: #c26f92;--ax-brand-magenta-600: #b65681;--ax-brand-magenta-700: #a93d70;--ax-brand-magenta-800: #a33069;--ax-brand-magenta-900: #98185d;--ax-brand-magenta-1000: #52002b;--ax-brand-magenta-100A: rgba(170, 0, 64, .047);--ax-brand-magenta-200A: rgba(170, 0, 61, .082);--ax-brand-magenta-300A: rgba(165, 0, 60, .133);--ax-brand-magenta-400A: rgba(164, 0, 58, .208);--ax-brand-beige-100: #fff4ee;--ax-brand-beige-200: #fdebe0;--ax-brand-beige-300: #fcddcd;--ax-brand-beige-400: #f8c8b1;--ax-brand-beige-500: #c0765d;--ax-brand-beige-600: #ad634a;--ax-brand-beige-700: #915541;--ax-brand-beige-800: #874e3b;--ax-brand-beige-900: #764332;--ax-brand-beige-1000: #3c1f15;--ax-brand-beige-100A: rgba(255, 90, 0, .067);--ax-brand-beige-200A: rgba(239, 91, 0, .12);--ax-brand-beige-300A: rgba(240, 82, 0, .196);--ax-brand-beige-400A: rgba(233, 76, 0, .306);--ax-brand-blue-100: #eef6fc;--ax-brand-blue-200: #e3eff7;--ax-brand-blue-300: #d7e6f0;--ax-brand-blue-400: #c0d6e4;--ax-brand-blue-500: #5a8fae;--ax-brand-blue-600: #457c9d;--ax-brand-blue-700: #246b91;--ax-brand-blue-800: #156389;--ax-brand-blue-900: #00557d;--ax-brand-blue-1000: #002942;--ax-brand-blue-100A: rgba(0, 120, 210, .067);--ax-brand-blue-200A: rgba(0, 110, 183, .11);--ax-brand-blue-300A: rgba(0, 96, 160, .157);--ax-brand-blue-400A: rgba(0, 90, 146, .247);--ax-meta-purple-100: #f8f3ff;--ax-meta-purple-200: #f4ebff;--ax-meta-purple-300: #ebdefc;--ax-meta-purple-400: #decbf7;--ax-meta-purple-500: #a271df;--ax-meta-purple-600: #905bd3;--ax-meta-purple-700: #7c4abf;--ax-meta-purple-800: #7342b6;--ax-meta-purple-900: #6535a7;--ax-meta-purple-1000: #360072;--ax-meta-purple-100A: rgba(107, 0, 255, .047);--ax-meta-purple-200A: rgba(115, 0, 255, .08);--ax-meta-purple-300A: rgba(101, 0, 232, .13);--ax-meta-purple-400A: rgba(94, 0, 216, .204);--ax-meta-lime-100: #f4f9d1;--ax-meta-lime-200: #ebf4a9;--ax-meta-lime-300: #e0ec6b;--ax-meta-lime-400: #d0dc00;--ax-meta-lime-500: #878f00;--ax-meta-lime-600: #757c00;--ax-meta-lime-700: #646900;--ax-meta-lime-800: #5c6100;--ax-meta-lime-900: #515400;--ax-meta-lime-1000: #2a2800;--ax-meta-lime-100A: rgba(195, 222, 0, .18);--ax-meta-lime-200A: rgba(196, 223, 0, .337);--ax-meta-lime-300A: rgba(202, 223, 0, .58);--ax-meta-lime-400A: #d0dc00}.dark{--ax-neutral-100: #161d28;--ax-neutral-200: #1c232f;--ax-neutral-300: #242b37;--ax-neutral-400: #2e3641;--ax-neutral-500: #656d7b;--ax-neutral-600: #777f8d;--ax-neutral-700: #8a92a0;--ax-neutral-800: #949ba8;--ax-neutral-900: #a5acb6;--ax-neutral-1000: #dfe1e5;--ax-neutral-000: black;--ax-neutral-100A: rgba(200, 207, 240, .043);--ax-neutral-200A: rgba(202, 209, 246, .075);--ax-neutral-300A: rgba(215, 222, 250, .11);--ax-neutral-400A: rgba(224, 237, 254, .153);--ax-accent-100: #091e37;--ax-accent-200: #0b233f;--ax-accent-300: #102b4b;--ax-accent-400: #17365c;--ax-accent-500: #2e6db8;--ax-accent-600: #4580ca;--ax-accent-700: #5f94d8;--ax-accent-800: #6d9ddd;--ax-accent-900: #84aee6;--ax-accent-1000: #a9cbfa;--ax-accent-100A: rgba(0, 103, 250, .11);--ax-accent-200A: rgba(0, 118, 251, .145);--ax-accent-300A: rgba(24, 131, 251, .2);--ax-accent-400A: rgba(47, 142, 254, .275);--ax-success-100: #002300;--ax-success-200: #002a00;--ax-success-300: #030;--ax-success-400: #004000;--ax-success-500: #207c41;--ax-success-600: #378f53;--ax-success-700: #4ca265;--ax-success-800: #5eab72;--ax-success-900: #78ba87;--ax-success-1000: #98d7a7;--ax-success-100A: rgba(0, 245, 0, .063);--ax-success-200A: rgba(0, 254, 0, .09);--ax-success-300A: rgba(0, 253, 0, .13);--ax-success-400A: rgba(0, 255, 0, .184);--ax-warning-100: #371100;--ax-warning-200: #3e1704;--ax-warning-300: #471f0c;--ax-warning-400: #542b18;--ax-warning-500: #af5122;--ax-warning-600: #c56333;--ax-warning-700: #de753c;--ax-warning-800: #e78040;--ax-warning-900: #ed974b;--ax-warning-1000: #ffbc4b;--ax-warning-100A: rgba(252, 0, 0, .173);--ax-warning-200A: rgba(254, 31, 0, .2);--ax-warning-300A: rgba(252, 63, 0, .24);--ax-warning-400A: rgba(253, 96, 8, .294);--ax-danger-100: #410409;--ax-danger-200: #490b10;--ax-danger-300: #521517;--ax-danger-400: #5f2021;--ax-danger-500: #c8343f;--ax-danger-600: #de4a50;--ax-danger-700: #eb6772;--ax-danger-800: #ee7685;--ax-danger-900: #f28ea2;--ax-danger-1000: #ffb3cd;--ax-danger-100A: rgba(255, 0, 0, .21);--ax-danger-200A: rgba(252, 0, 0, .247);--ax-danger-300A: rgba(255, 21, 3, .282);--ax-danger-400A: rgba(255, 54, 37, .337);--ax-info-100: #001f35;--ax-info-200: #00253c;--ax-info-300: #002d46;--ax-info-400: #013956;--ax-info-500: #43718d;--ax-info-600: #5b839c;--ax-info-700: #7396ab;--ax-info-800: #7f9fb3;--ax-info-900: #93afc0;--ax-info-1000: #b4ccdc;--ax-info-100A: rgba(0, 120, 247, .1);--ax-info-200A: rgba(0, 141, 249, .133);--ax-info-300A: rgba(0, 157, 252, .176);--ax-info-400A: rgba(0, 167, 254, .247);--ax-brand-magenta-100: #321220;--ax-brand-magenta-200: #3a1827;--ax-brand-magenta-300: #42202e;--ax-brand-magenta-400: #4e2a39;--ax-brand-magenta-500: #a35276;--ax-brand-magenta-600: #b16887;--ax-brand-magenta-700: #be7f99;--ax-brand-magenta-800: #c58aa2;--ax-brand-magenta-900: #cf9eb1;--ax-brand-magenta-1000: #e6becd;--ax-brand-magenta-100A: rgba(250, 2, 38, .153);--ax-brand-magenta-200A: rgba(253, 38, 75, .184);--ax-brand-magenta-300A: rgba(251, 72, 100, .22);--ax-brand-magenta-400A: rgba(254, 100, 129, .267);--ax-brand-beige-100: #2d160e;--ax-brand-beige-200: #351d15;--ax-brand-beige-300: #3d241c;--ax-brand-beige-400: #493027;--ax-brand-beige-500: #975e4a;--ax-brand-beige-600: #ab705b;--ax-brand-beige-700: #c0836e;--ax-brand-beige-800: #c78e79;--ax-brand-beige-900: #d1a08c;--ax-brand-beige-1000: #e9c0ad;--ax-brand-beige-100A: rgba(254, 29, 0, .13);--ax-brand-beige-200A: rgba(251, 69, 0, .165);--ax-brand-beige-300A: rgba(254, 98, 16, .196);--ax-brand-beige-400A: rgba(252, 131, 64, .247);--ax-brand-blue-100: #001f35;--ax-brand-blue-200: #00253c;--ax-brand-blue-300: #002d46;--ax-brand-blue-400: #013956;--ax-brand-blue-500: #43718d;--ax-brand-blue-600: #5b839c;--ax-brand-blue-700: #7396ab;--ax-brand-blue-800: #7f9fb3;--ax-brand-blue-900: #93afc0;--ax-brand-blue-1000: #b4ccdc;--ax-brand-blue-100A: rgba(0, 120, 247, .1);--ax-brand-blue-200A: rgba(0, 141, 249, .133);--ax-brand-blue-300A: rgba(0, 157, 252, .176);--ax-brand-blue-400A: rgba(0, 167, 254, .247);--ax-meta-purple-100: #1f1832;--ax-meta-purple-200: #261e3b;--ax-meta-purple-300: #2e2546;--ax-meta-purple-400: #3a2f55;--ax-meta-purple-500: #8157bb;--ax-meta-purple-600: #936aca;--ax-meta-purple-700: #a581d6;--ax-meta-purple-800: #ae8cdb;--ax-meta-purple-900: #bb9fe3;--ax-meta-purple-1000: #efe4fd;--ax-meta-purple-100A: rgba(212, 56, 252, .086);--ax-meta-purple-200A: rgba(206, 93, 255, .125);--ax-meta-purple-300A: rgba(195, 112, 252, .176);--ax-meta-purple-400A: rgba(195, 128, 254, .243);--ax-meta-lime-100: #1c1f00;--ax-meta-lime-200: #222500;--ax-meta-lime-300: #292d00;--ax-meta-lime-400: #343900;--ax-meta-lime-500: #6a7200;--ax-meta-lime-600: #7c8500;--ax-meta-lime-700: #8f9800;--ax-meta-lime-800: #99a200;--ax-meta-lime-900: #a9b325;--ax-meta-lime-1000: #c6d200;--ax-meta-lime-100A: rgba(252, 191, 0, .06);--ax-meta-lime-200A: rgba(246, 207, 0, .086);--ax-meta-lime-300A: rgba(252, 233, 0, .114);--ax-meta-lime-400A: rgba(251, 245, 0, .16)}:root,:host,.light{--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-opacity-disabled: .3;--ax-text-logo: #c30000;--ax-bg-default: #fff;--ax-bg-input: rgba(255, 255, 255, .85);--ax-bg-overlay: rgba(2, 20, 49, .8);--ax-bg-raised: var(--ax-neutral-000);--ax-bg-sunken: var(--ax-neutral-200);--ax-border-focus: var(--ax-neutral-1000)}.dark,.dark-theme{--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-opacity-disabled: .4;--ax-bg-default: #0e151f;--ax-bg-input: rgba(7, 9, 13, .5);--ax-bg-sunken: #07090d;--ax-bg-overlay: rgba(2, 20, 49, .8);--ax-text-logo: var(--ax-neutral-1000);--ax-bg-raised: var(--ax-neutral-200);--ax-border-focus: var(--ax-neutral-1000)}:root,:host,.light,.dark{--ax-bg-neutral-soft: var(--ax-neutral-100);--ax-bg-neutral-softA: var(--ax-neutral-100A);--ax-bg-neutral-moderate: var(--ax-neutral-200);--ax-bg-neutral-moderateA: var(--ax-neutral-200A);--ax-bg-neutral-moderate-hover: var(--ax-neutral-300);--ax-bg-neutral-moderate-hoverA: var(--ax-neutral-300A);--ax-bg-neutral-moderate-pressed: var(--ax-neutral-400);--ax-bg-neutral-moderate-pressedA: var(--ax-neutral-400A);--ax-bg-neutral-strong: var(--ax-neutral-700);--ax-bg-neutral-strong-hover: var(--ax-neutral-800);--ax-bg-neutral-strong-pressed: var(--ax-neutral-900);--ax-bg-accent-soft: var(--ax-accent-100);--ax-bg-accent-softA: var(--ax-accent-100A);--ax-bg-accent-moderate: var(--ax-accent-200);--ax-bg-accent-moderateA: var(--ax-accent-200A);--ax-bg-accent-moderate-hover: var(--ax-accent-300);--ax-bg-accent-moderate-hoverA: var(--ax-accent-300A);--ax-bg-accent-moderate-pressed: var(--ax-accent-400);--ax-bg-accent-moderate-pressedA: var(--ax-accent-400A);--ax-bg-accent-strong: var(--ax-accent-600);--ax-bg-accent-strong-hover: var(--ax-accent-700);--ax-bg-accent-strong-pressed: var(--ax-accent-800);--ax-bg-success-soft: var(--ax-success-100);--ax-bg-success-softA: var(--ax-success-100A);--ax-bg-success-moderate: var(--ax-success-200);--ax-bg-success-moderateA: var(--ax-success-200A);--ax-bg-success-moderate-hover: var(--ax-success-300);--ax-bg-success-moderate-hoverA: var(--ax-success-300A);--ax-bg-success-moderate-pressed: var(--ax-success-400);--ax-bg-success-moderate-pressedA: var(--ax-success-400A);--ax-bg-success-strong: var(--ax-success-600);--ax-bg-success-strong-hover: var(--ax-success-700);--ax-bg-success-strong-pressed: var(--ax-success-800);--ax-bg-warning-soft: var(--ax-warning-100);--ax-bg-warning-softA: var(--ax-warning-100A);--ax-bg-warning-moderate: var(--ax-warning-200);--ax-bg-warning-moderateA: var(--ax-warning-200A);--ax-bg-warning-moderate-hover: var(--ax-warning-300);--ax-bg-warning-moderate-hoverA: var(--ax-warning-300A);--ax-bg-warning-moderate-pressed: var(--ax-warning-400);--ax-bg-warning-moderate-pressedA: var(--ax-warning-400A);--ax-bg-warning-strong: var(--ax-warning-600);--ax-bg-warning-strong-hover: var(--ax-warning-700);--ax-bg-warning-strong-pressed: var(--ax-warning-800);--ax-bg-danger-soft: var(--ax-danger-100);--ax-bg-danger-softA: var(--ax-danger-100A);--ax-bg-danger-moderate: var(--ax-danger-200);--ax-bg-danger-moderateA: var(--ax-danger-200A);--ax-bg-danger-moderate-hover: var(--ax-danger-300);--ax-bg-danger-moderate-hoverA: var(--ax-danger-300A);--ax-bg-danger-moderate-pressed: var(--ax-danger-400);--ax-bg-danger-moderate-pressedA: var(--ax-danger-400A);--ax-bg-danger-strong: var(--ax-danger-600);--ax-bg-danger-strong-hover: var(--ax-danger-700);--ax-bg-danger-strong-pressed: var(--ax-danger-800);--ax-bg-info-soft: var(--ax-info-100);--ax-bg-info-softA: var(--ax-info-100A);--ax-bg-info-moderate: var(--ax-info-200);--ax-bg-info-moderateA: var(--ax-info-200A);--ax-bg-info-moderate-hover: var(--ax-info-300);--ax-bg-info-moderate-hoverA: var(--ax-info-300A);--ax-bg-info-moderate-pressed: var(--ax-info-400);--ax-bg-info-moderate-pressedA: var(--ax-info-400A);--ax-bg-info-strong: var(--ax-info-600);--ax-bg-info-strong-hover: var(--ax-info-700);--ax-bg-info-strong-pressed: var(--ax-info-800);--ax-bg-brand-magenta-soft: var(--ax-brand-magenta-100);--ax-bg-brand-magenta-softA: var(--ax-brand-magenta-100A);--ax-bg-brand-magenta-moderate: var(--ax-brand-magenta-200);--ax-bg-brand-magenta-moderateA: var(--ax-brand-magenta-200A);--ax-bg-brand-magenta-moderate-hover: var(--ax-brand-magenta-300);--ax-bg-brand-magenta-moderate-hoverA: var(--ax-brand-magenta-300A);--ax-bg-brand-magenta-moderate-pressed: var(--ax-brand-magenta-400);--ax-bg-brand-magenta-moderate-pressedA: var(--ax-brand-magenta-400A);--ax-bg-brand-magenta-strong: var(--ax-brand-magenta-600);--ax-bg-brand-magenta-strong-hover: var(--ax-brand-magenta-700);--ax-bg-brand-magenta-strong-pressed: var(--ax-brand-magenta-800);--ax-bg-brand-beige-soft: var(--ax-brand-beige-100);--ax-bg-brand-beige-softA: var(--ax-brand-beige-100A);--ax-bg-brand-beige-moderate: var(--ax-brand-beige-200);--ax-bg-brand-beige-moderateA: var(--ax-brand-beige-200A);--ax-bg-brand-beige-moderate-hover: var(--ax-brand-beige-300);--ax-bg-brand-beige-moderate-hoverA: var(--ax-brand-beige-300A);--ax-bg-brand-beige-moderate-pressed: var(--ax-brand-beige-400);--ax-bg-brand-beige-moderate-pressedA: var(--ax-brand-beige-400A);--ax-bg-brand-beige-strong: var(--ax-brand-beige-600);--ax-bg-brand-beige-strong-hover: var(--ax-brand-beige-700);--ax-bg-brand-beige-strong-pressed: var(--ax-brand-beige-800);--ax-bg-brand-blue-soft: var(--ax-brand-blue-100);--ax-bg-brand-blue-softA: var(--ax-brand-blue-100A);--ax-bg-brand-blue-moderate: var(--ax-brand-blue-200);--ax-bg-brand-blue-moderateA: var(--ax-brand-blue-200A);--ax-bg-brand-blue-moderate-hover: var(--ax-brand-blue-300);--ax-bg-brand-blue-moderate-hoverA: var(--ax-brand-blue-300A);--ax-bg-brand-blue-moderate-pressed: var(--ax-brand-blue-400);--ax-bg-brand-blue-moderate-pressedA: var(--ax-brand-blue-400A);--ax-bg-brand-blue-strong: var(--ax-brand-blue-600);--ax-bg-brand-blue-strong-hover: var(--ax-brand-blue-700);--ax-bg-brand-blue-strong-pressed: var(--ax-brand-blue-800);--ax-bg-meta-purple-soft: var(--ax-meta-purple-100);--ax-bg-meta-purple-softA: var(--ax-meta-purple-100A);--ax-bg-meta-purple-moderate: var(--ax-meta-purple-200);--ax-bg-meta-purple-moderateA: var(--ax-meta-purple-200A);--ax-bg-meta-purple-moderate-hover: var(--ax-meta-purple-300);--ax-bg-meta-purple-moderate-hoverA: var(--ax-meta-purple-300A);--ax-bg-meta-purple-moderate-pressed: var(--ax-meta-purple-400);--ax-bg-meta-purple-moderate-pressedA: var(--ax-meta-purple-400A);--ax-bg-meta-purple-strong: var(--ax-meta-purple-600);--ax-bg-meta-purple-strong-hover: var(--ax-meta-purple-700);--ax-bg-meta-purple-strong-pressed: var(--ax-meta-purple-800);--ax-bg-meta-lime-soft: var(--ax-meta-lime-100);--ax-bg-meta-lime-softA: var(--ax-meta-lime-100A);--ax-bg-meta-lime-moderate: var(--ax-meta-lime-200);--ax-bg-meta-lime-moderateA: var(--ax-meta-lime-200A);--ax-bg-meta-lime-moderate-hover: var(--ax-meta-lime-300);--ax-bg-meta-lime-moderate-hoverA: var(--ax-meta-lime-300A);--ax-bg-meta-lime-moderate-pressed: var(--ax-meta-lime-400);--ax-bg-meta-lime-moderate-pressedA: var(--ax-meta-lime-400A);--ax-bg-meta-lime-strong: var(--ax-meta-lime-600);--ax-bg-meta-lime-strong-hover: var(--ax-meta-lime-700);--ax-bg-meta-lime-strong-pressed: var(--ax-meta-lime-800);--ax-text-neutral: var(--ax-neutral-1000);--ax-text-neutral-subtle: var(--ax-neutral-900);--ax-text-neutral-decoration: var(--ax-neutral-600);--ax-text-neutral-contrast: var(--ax-neutral-000);--ax-text-accent: var(--ax-accent-1000);--ax-text-accent-subtle: var(--ax-accent-800);--ax-text-accent-decoration: var(--ax-accent-600);--ax-text-accent-contrast: var(--ax-neutral-000);--ax-text-success: var(--ax-success-1000);--ax-text-success-subtle: var(--ax-success-800);--ax-text-success-decoration: var(--ax-success-600);--ax-text-success-contrast: var(--ax-neutral-000);--ax-text-warning: var(--ax-warning-1000);--ax-text-warning-subtle: var(--ax-warning-800);--ax-text-warning-decoration: var(--ax-warning-600);--ax-text-warning-contrast: var(--ax-neutral-000);--ax-text-danger: var(--ax-danger-1000);--ax-text-danger-subtle: var(--ax-danger-800);--ax-text-danger-decoration: var(--ax-danger-600);--ax-text-danger-contrast: var(--ax-neutral-000);--ax-text-info: var(--ax-info-1000);--ax-text-info-subtle: var(--ax-info-800);--ax-text-info-decoration: var(--ax-info-600);--ax-text-info-contrast: var(--ax-neutral-000);--ax-text-brand-magenta: var(--ax-brand-magenta-1000);--ax-text-brand-magenta-subtle: var(--ax-brand-magenta-800);--ax-text-brand-magenta-decoration: var(--ax-brand-magenta-600);--ax-text-brand-magenta-contrast: var(--ax-neutral-000);--ax-text-brand-beige: var(--ax-brand-beige-1000);--ax-text-brand-beige-subtle: var(--ax-brand-beige-800);--ax-text-brand-beige-decoration: var(--ax-brand-beige-600);--ax-text-brand-beige-contrast: var(--ax-neutral-000);--ax-text-brand-blue: var(--ax-brand-blue-1000);--ax-text-brand-blue-subtle: var(--ax-brand-blue-800);--ax-text-brand-blue-decoration: var(--ax-brand-blue-600);--ax-text-brand-blue-contrast: var(--ax-neutral-000);--ax-text-meta-purple: var(--ax-meta-purple-1000);--ax-text-meta-purple-subtle: var(--ax-meta-purple-800);--ax-text-meta-purple-decoration: var(--ax-meta-purple-600);--ax-text-meta-purple-contrast: var(--ax-neutral-000);--ax-text-meta-lime: var(--ax-meta-lime-1000);--ax-text-meta-lime-subtle: var(--ax-meta-lime-800);--ax-text-meta-lime-decoration: var(--ax-meta-lime-600);--ax-text-meta-lime-contrast: var(--ax-neutral-000);--ax-border-neutral: var(--ax-neutral-600);--ax-border-neutral-subtle: var(--ax-neutral-400);--ax-border-neutral-subtleA: var(--ax-neutral-400A);--ax-border-neutral-strong: var(--ax-neutral-700);--ax-border-accent: var(--ax-accent-600);--ax-border-accent-subtle: var(--ax-accent-400);--ax-border-accent-subtleA: var(--ax-accent-400A);--ax-border-accent-strong: var(--ax-accent-700);--ax-border-success: var(--ax-success-600);--ax-border-success-subtle: var(--ax-success-400);--ax-border-success-subtleA: var(--ax-success-400A);--ax-border-success-strong: var(--ax-success-700);--ax-border-warning: var(--ax-warning-600);--ax-border-warning-subtle: var(--ax-warning-400);--ax-border-warning-subtleA: var(--ax-warning-400A);--ax-border-warning-strong: var(--ax-warning-700);--ax-border-danger: var(--ax-danger-600);--ax-border-danger-subtle: var(--ax-danger-400);--ax-border-danger-subtleA: var(--ax-danger-400A);--ax-border-danger-strong: var(--ax-danger-700);--ax-border-info: var(--ax-info-600);--ax-border-info-subtle: var(--ax-info-400);--ax-border-info-subtleA: var(--ax-info-400A);--ax-border-info-strong: var(--ax-info-700);--ax-border-brand-magenta: var(--ax-brand-magenta-600);--ax-border-brand-magenta-subtle: var(--ax-brand-magenta-400);--ax-border-brand-magenta-subtleA: var(--ax-brand-magenta-400A);--ax-border-brand-magenta-strong: var(--ax-brand-magenta-700);--ax-border-brand-beige: var(--ax-brand-beige-600);--ax-border-brand-beige-subtle: var(--ax-brand-beige-400);--ax-border-brand-beige-subtleA: var(--ax-brand-beige-400A);--ax-border-brand-beige-strong: var(--ax-brand-beige-700);--ax-border-brand-blue: var(--ax-brand-blue-600);--ax-border-brand-blue-subtle: var(--ax-brand-blue-400);--ax-border-brand-blue-subtleA: var(--ax-brand-blue-400A);--ax-border-brand-blue-strong: var(--ax-brand-blue-700);--ax-border-meta-purple: var(--ax-meta-purple-600);--ax-border-meta-purple-subtle: var(--ax-meta-purple-400);--ax-border-meta-purple-subtleA: var(--ax-meta-purple-400A);--ax-border-meta-purple-strong: var(--ax-meta-purple-700);--ax-border-meta-lime: var(--ax-meta-lime-600);--ax-border-meta-lime-subtle: var(--ax-meta-lime-400);--ax-border-meta-lime-subtleA: var(--ax-meta-lime-400A);--ax-border-meta-lime-strong: var(--ax-meta-lime-700)}:root,:host{--ax-version: "7.23.2";--ax-space-0: 0rem;--ax-space-1: .0625rem;--ax-space-2: .125rem;--ax-space-4: .25rem;--ax-space-6: .375rem;--ax-space-8: .5rem;--ax-space-12: .75rem;--ax-space-16: 1rem;--ax-space-20: 1.25rem;--ax-space-24: 1.5rem;--ax-space-28: 1.75rem;--ax-space-32: 2rem;--ax-space-36: 2.25rem;--ax-space-40: 2.5rem;--ax-space-44: 2.75rem;--ax-space-48: 3rem;--ax-space-56: 3.5rem;--ax-space-64: 4rem;--ax-space-72: 4.5rem;--ax-space-80: 5rem;--ax-space-96: 6rem;--ax-space-128: 8rem;--ax-radius-2: 2px;--ax-radius-4: 4px;--ax-radius-8: 8px;--ax-radius-12: 12px;--ax-radius-full: 9999px;--ax-border-radius-full: 9999px;--ax-border-radius-small: 2px;--ax-border-radius-medium: 4px;--ax-border-radius-large: 8px;--ax-border-radius-xlarge: 12px;--ax-breakpoint-xs: 0;--ax-breakpoint-sm: 480px;--ax-breakpoint-sm-down: 479px;--ax-breakpoint-md: 768px;--ax-breakpoint-md-down: 767px;--ax-breakpoint-lg: 1024px;--ax-breakpoint-lg-down: 1023px;--ax-breakpoint-xl: 1280px;--ax-breakpoint-xl-down: 1279px;--ax-breakpoint-2xl: 1440px;--ax-breakpoint-2xl-down: 1439px;--ax-font-family: "Source Sans 3", "Source Sans Pro", Arial, sans-serif;--ax-font-line-height-heading-2xlarge: 3.25rem;--ax-font-line-height-heading-xlarge: 2.5rem;--ax-font-line-height-heading-large: 2.25rem;--ax-font-line-height-heading-medium: 2rem;--ax-font-line-height-heading-small: 1.75rem;--ax-font-line-height-heading-xsmall: 1.5rem;--ax-font-line-height-xlarge: 1.75rem;--ax-font-line-height-large: 1.5rem;--ax-font-line-height-medium: 1.25rem;--ax-font-size-heading-2xlarge: 2.5rem;--ax-font-size-heading-xlarge: 2rem;--ax-font-size-heading-large: 1.75rem;--ax-font-size-heading-medium: 1.5rem;--ax-font-size-heading-small: 1.25rem;--ax-font-size-heading-xsmall: 1.125rem;--ax-font-size-xlarge: 1.25rem;--ax-font-size-large: 1.125rem;--ax-font-size-medium: 1rem;--ax-font-size-small: .875rem;--ax-font-weight-bold: 600;--ax-font-weight-regular: 400}[data-color=neutral]{--ax-bg-soft: var(--ax-bg-neutral-soft);--ax-bg-softA: var(--ax-bg-neutral-softA);--ax-bg-moderate: var(--ax-bg-neutral-moderate);--ax-bg-moderateA: var(--ax-bg-neutral-moderateA);--ax-bg-moderate-hover: var(--ax-bg-neutral-moderate-hover);--ax-bg-moderate-hoverA: var(--ax-bg-neutral-moderate-hoverA);--ax-bg-moderate-pressed: var(--ax-bg-neutral-moderate-pressed);--ax-bg-moderate-pressedA: var(--ax-bg-neutral-moderate-pressedA);--ax-bg-strong: var(--ax-bg-neutral-strong);--ax-bg-strong-hover: var(--ax-bg-neutral-strong-hover);--ax-bg-strong-pressed: var(--ax-bg-neutral-strong-pressed);--ax-text-default: var(--ax-text-neutral);--ax-text-subtle: var(--ax-text-neutral-subtle);--ax-text-decoration: var(--ax-text-neutral-decoration);--ax-text-contrast: var(--ax-text-neutral-contrast);--ax-border-default: var(--ax-border-neutral);--ax-border-subtle: var(--ax-border-neutral-subtle);--ax-border-subtleA: var(--ax-border-neutral-subtleA);--ax-border-strong: var(--ax-border-neutral-strong)}:root,[data-color=accent]{--ax-bg-soft: var(--ax-bg-accent-soft);--ax-bg-softA: var(--ax-bg-accent-softA);--ax-bg-moderate: var(--ax-bg-accent-moderate);--ax-bg-moderateA: var(--ax-bg-accent-moderateA);--ax-bg-moderate-hover: var(--ax-bg-accent-moderate-hover);--ax-bg-moderate-hoverA: var(--ax-bg-accent-moderate-hoverA);--ax-bg-moderate-pressed: var(--ax-bg-accent-moderate-pressed);--ax-bg-moderate-pressedA: var(--ax-bg-accent-moderate-pressedA);--ax-bg-strong: var(--ax-bg-accent-strong);--ax-bg-strong-hover: var(--ax-bg-accent-strong-hover);--ax-bg-strong-pressed: var(--ax-bg-accent-strong-pressed);--ax-text-default: var(--ax-text-accent);--ax-text-subtle: var(--ax-text-accent-subtle);--ax-text-decoration: var(--ax-text-accent-decoration);--ax-text-contrast: var(--ax-text-accent-contrast);--ax-border-default: var(--ax-border-accent);--ax-border-subtle: var(--ax-border-accent-subtle);--ax-border-subtleA: var(--ax-border-accent-subtleA);--ax-border-strong: var(--ax-border-accent-strong)}[data-color=brand-beige]{--ax-bg-soft: var(--ax-bg-brand-beige-soft);--ax-bg-softA: var(--ax-bg-brand-beige-softA);--ax-bg-moderate: var(--ax-bg-brand-beige-moderate);--ax-bg-moderateA: var(--ax-bg-brand-beige-moderateA);--ax-bg-moderate-hover: var(--ax-bg-brand-beige-moderate-hover);--ax-bg-moderate-hoverA: var(--ax-bg-brand-beige-moderate-hoverA);--ax-bg-moderate-pressed: var(--ax-bg-brand-beige-moderate-pressed);--ax-bg-moderate-pressedA: var(--ax-bg-brand-beige-moderate-pressedA);--ax-bg-strong: var(--ax-bg-brand-beige-strong);--ax-bg-strong-hover: var(--ax-bg-brand-beige-strong-hover);--ax-bg-strong-pressed: var(--ax-bg-brand-beige-strong-pressed);--ax-text-default: var(--ax-text-brand-beige);--ax-text-subtle: var(--ax-text-brand-beige-subtle);--ax-text-decoration: var(--ax-text-brand-beige-decoration);--ax-text-contrast: var(--ax-text-brand-beige-contrast);--ax-border-default: var(--ax-border-brand-beige);--ax-border-subtle: var(--ax-border-brand-beige-subtle);--ax-border-subtleA: var(--ax-border-brand-beige-subtleA);--ax-border-strong: var(--ax-border-brand-beige-strong)}[data-color=brand-blue]{--ax-bg-soft: var(--ax-bg-brand-blue-soft);--ax-bg-softA: var(--ax-bg-brand-blue-softA);--ax-bg-moderate: var(--ax-bg-brand-blue-moderate);--ax-bg-moderateA: var(--ax-bg-brand-blue-moderateA);--ax-bg-moderate-hover: var(--ax-bg-brand-blue-moderate-hover);--ax-bg-moderate-hoverA: var(--ax-bg-brand-blue-moderate-hoverA);--ax-bg-moderate-pressed: var(--ax-bg-brand-blue-moderate-pressed);--ax-bg-moderate-pressedA: var(--ax-bg-brand-blue-moderate-pressedA);--ax-bg-strong: var(--ax-bg-brand-blue-strong);--ax-bg-strong-hover: var(--ax-bg-brand-blue-strong-hover);--ax-bg-strong-pressed: var(--ax-bg-brand-blue-strong-pressed);--ax-text-default: var(--ax-text-brand-blue);--ax-text-subtle: var(--ax-text-brand-blue-subtle);--ax-text-decoration: var(--ax-text-brand-blue-decoration);--ax-text-contrast: var(--ax-text-brand-blue-contrast);--ax-border-default: var(--ax-border-brand-blue);--ax-border-subtle: var(--ax-border-brand-blue-subtle);--ax-border-subtleA: var(--ax-border-brand-blue-subtleA);--ax-border-strong: var(--ax-border-brand-blue-strong)}[data-color=brand-magenta]{--ax-bg-soft: var(--ax-bg-brand-magenta-soft);--ax-bg-softA: var(--ax-bg-brand-magenta-softA);--ax-bg-moderate: var(--ax-bg-brand-magenta-moderate);--ax-bg-moderateA: var(--ax-bg-brand-magenta-moderateA);--ax-bg-moderate-hover: var(--ax-bg-brand-magenta-moderate-hover);--ax-bg-moderate-hoverA: var(--ax-bg-brand-magenta-moderate-hoverA);--ax-bg-moderate-pressed: var(--ax-bg-brand-magenta-moderate-pressed);--ax-bg-moderate-pressedA: var(--ax-bg-brand-magenta-moderate-pressedA);--ax-bg-strong: var(--ax-bg-brand-magenta-strong);--ax-bg-strong-hover: var(--ax-bg-brand-magenta-strong-hover);--ax-bg-strong-pressed: var(--ax-bg-brand-magenta-strong-pressed);--ax-text-default: var(--ax-text-brand-magenta);--ax-text-subtle: var(--ax-text-brand-magenta-subtle);--ax-text-decoration: var(--ax-text-brand-magenta-decoration);--ax-text-contrast: var(--ax-text-brand-magenta-contrast);--ax-border-default: var(--ax-border-brand-magenta);--ax-border-subtle: var(--ax-border-brand-magenta-subtle);--ax-border-subtleA: var(--ax-border-brand-magenta-subtleA);--ax-border-strong: var(--ax-border-brand-magenta-strong)}[data-color=info]{--ax-bg-soft: var(--ax-bg-info-soft);--ax-bg-softA: var(--ax-bg-info-softA);--ax-bg-moderate: var(--ax-bg-info-moderate);--ax-bg-moderateA: var(--ax-bg-info-moderateA);--ax-bg-moderate-hover: var(--ax-bg-info-moderate-hover);--ax-bg-moderate-hoverA: var(--ax-bg-info-moderate-hoverA);--ax-bg-moderate-pressed: var(--ax-bg-info-moderate-pressed);--ax-bg-moderate-pressedA: var(--ax-bg-info-moderate-pressedA);--ax-bg-strong: var(--ax-bg-info-strong);--ax-bg-strong-hover: var(--ax-bg-info-strong-hover);--ax-bg-strong-pressed: var(--ax-bg-info-strong-pressed);--ax-text-default: var(--ax-text-info);--ax-text-subtle: var(--ax-text-info-subtle);--ax-text-decoration: var(--ax-text-info-decoration);--ax-text-contrast: var(--ax-text-info-contrast);--ax-border-default: var(--ax-border-info);--ax-border-subtle: var(--ax-border-info-subtle);--ax-border-subtleA: var(--ax-border-info-subtleA);--ax-border-strong: var(--ax-border-info-strong)}[data-color=success]{--ax-bg-soft: var(--ax-bg-success-soft);--ax-bg-softA: var(--ax-bg-success-softA);--ax-bg-moderate: var(--ax-bg-success-moderate);--ax-bg-moderateA: var(--ax-bg-success-moderateA);--ax-bg-moderate-hover: var(--ax-bg-success-moderate-hover);--ax-bg-moderate-hoverA: var(--ax-bg-success-moderate-hoverA);--ax-bg-moderate-pressed: var(--ax-bg-success-moderate-pressed);--ax-bg-moderate-pressedA: var(--ax-bg-success-moderate-pressedA);--ax-bg-strong: var(--ax-bg-success-strong);--ax-bg-strong-hover: var(--ax-bg-success-strong-hover);--ax-bg-strong-pressed: var(--ax-bg-success-strong-pressed);--ax-text-default: var(--ax-text-success);--ax-text-subtle: var(--ax-text-success-subtle);--ax-text-decoration: var(--ax-text-success-decoration);--ax-text-contrast: var(--ax-text-success-contrast);--ax-border-default: var(--ax-border-success);--ax-border-subtle: var(--ax-border-success-subtle);--ax-border-subtleA: var(--ax-border-success-subtleA);--ax-border-strong: var(--ax-border-success-strong)}[data-color=warning]{--ax-bg-soft: var(--ax-bg-warning-soft);--ax-bg-softA: var(--ax-bg-warning-softA);--ax-bg-moderate: var(--ax-bg-warning-moderate);--ax-bg-moderateA: var(--ax-bg-warning-moderateA);--ax-bg-moderate-hover: var(--ax-bg-warning-moderate-hover);--ax-bg-moderate-hoverA: var(--ax-bg-warning-moderate-hoverA);--ax-bg-moderate-pressed: var(--ax-bg-warning-moderate-pressed);--ax-bg-moderate-pressedA: var(--ax-bg-warning-moderate-pressedA);--ax-bg-strong: var(--ax-bg-warning-strong);--ax-bg-strong-hover: var(--ax-bg-warning-strong-hover);--ax-bg-strong-pressed: var(--ax-bg-warning-strong-pressed);--ax-text-default: var(--ax-text-warning);--ax-text-subtle: var(--ax-text-warning-subtle);--ax-text-decoration: var(--ax-text-warning-decoration);--ax-text-contrast: var(--ax-text-warning-contrast);--ax-border-default: var(--ax-border-warning);--ax-border-subtle: var(--ax-border-warning-subtle);--ax-border-subtleA: var(--ax-border-warning-subtleA);--ax-border-strong: var(--ax-border-warning-strong)}[data-color=danger]{--ax-bg-soft: var(--ax-bg-danger-soft);--ax-bg-softA: var(--ax-bg-danger-softA);--ax-bg-moderate: var(--ax-bg-danger-moderate);--ax-bg-moderateA: var(--ax-bg-danger-moderateA);--ax-bg-moderate-hover: var(--ax-bg-danger-moderate-hover);--ax-bg-moderate-hoverA: var(--ax-bg-danger-moderate-hoverA);--ax-bg-moderate-pressed: var(--ax-bg-danger-moderate-pressed);--ax-bg-moderate-pressedA: var(--ax-bg-danger-moderate-pressedA);--ax-bg-strong: var(--ax-bg-danger-strong);--ax-bg-strong-hover: var(--ax-bg-danger-strong-hover);--ax-bg-strong-pressed: var(--ax-bg-danger-strong-pressed);--ax-text-default: var(--ax-text-danger);--ax-text-subtle: var(--ax-text-danger-subtle);--ax-text-decoration: var(--ax-text-danger-decoration);--ax-text-contrast: var(--ax-text-danger-contrast);--ax-border-default: var(--ax-border-danger);--ax-border-subtle: var(--ax-border-danger-subtle);--ax-border-subtleA: var(--ax-border-danger-subtleA);--ax-border-strong: var(--ax-border-danger-strong)}[data-color=meta-purple]{--ax-bg-soft: var(--ax-bg-meta-purple-soft);--ax-bg-softA: var(--ax-bg-meta-purple-softA);--ax-bg-moderate: var(--ax-bg-meta-purple-moderate);--ax-bg-moderateA: var(--ax-bg-meta-purple-moderateA);--ax-bg-moderate-hover: var(--ax-bg-meta-purple-moderate-hover);--ax-bg-moderate-hoverA: var(--ax-bg-meta-purple-moderate-hoverA);--ax-bg-moderate-pressed: var(--ax-bg-meta-purple-moderate-pressed);--ax-bg-moderate-pressedA: var(--ax-bg-meta-purple-moderate-pressedA);--ax-bg-strong: var(--ax-bg-meta-purple-strong);--ax-bg-strong-hover: var(--ax-bg-meta-purple-strong-hover);--ax-bg-strong-pressed: var(--ax-bg-meta-purple-strong-pressed);--ax-text-default: var(--ax-text-meta-purple);--ax-text-subtle: var(--ax-text-meta-purple-subtle);--ax-text-decoration: var(--ax-text-meta-purple-decoration);--ax-text-contrast: var(--ax-text-meta-purple-contrast);--ax-border-default: var(--ax-border-meta-purple);--ax-border-subtle: var(--ax-border-meta-purple-subtle);--ax-border-subtleA: var(--ax-border-meta-purple-subtleA);--ax-border-strong: var(--ax-border-meta-purple-strong)}[data-color=meta-lime]{--ax-bg-soft: var(--ax-bg-meta-lime-soft);--ax-bg-softA: var(--ax-bg-meta-lime-softA);--ax-bg-moderate: var(--ax-bg-meta-lime-moderate);--ax-bg-moderateA: var(--ax-bg-meta-lime-moderateA);--ax-bg-moderate-hover: var(--ax-bg-meta-lime-moderate-hover);--ax-bg-moderate-hoverA: var(--ax-bg-meta-lime-moderate-hoverA);--ax-bg-moderate-pressed: var(--ax-bg-meta-lime-moderate-pressed);--ax-bg-moderate-pressedA: var(--ax-bg-meta-lime-moderate-pressedA);--ax-bg-strong: var(--ax-bg-meta-lime-strong);--ax-bg-strong-hover: var(--ax-bg-meta-lime-strong-hover);--ax-bg-strong-pressed: var(--ax-bg-meta-lime-strong-pressed);--ax-text-default: var(--ax-text-meta-lime);--ax-text-subtle: var(--ax-text-meta-lime-subtle);--ax-text-decoration: var(--ax-text-meta-lime-decoration);--ax-text-contrast: var(--ax-text-meta-lime-contrast);--ax-border-default: var(--ax-border-meta-lime);--ax-border-subtle: var(--ax-border-meta-lime-subtle);--ax-border-subtleA: var(--ax-border-meta-lime-subtleA);--ax-border-strong: var(--ax-border-meta-lime-strong)}}
|
|
1
|
+
@layer aksel.theming{:root,:host,.light{--ax-neutral-100: #f5f6f7;--ax-neutral-200: #ecedef;--ax-neutral-300: #e1e3e7;--ax-neutral-400: #cfd3d8;--ax-neutral-500: #818997;--ax-neutral-600: #6f7785;--ax-neutral-700: #5d6573;--ax-neutral-800: #555d6a;--ax-neutral-900: #49515e;--ax-neutral-1000: #202733;--ax-neutral-000: white;--ax-neutral-100A: rgba(0, 26, 51, .04);--ax-neutral-200A: rgba(0, 14, 41, .075);--ax-neutral-300A: rgba(0, 17, 51, .118);--ax-neutral-400A: rgba(0, 22, 48, .19);--ax-accent-100: #f1f7ff;--ax-accent-200: #e4eeff;--ax-accent-300: #d4e5fd;--ax-accent-400: #bad5fb;--ax-accent-500: #428ae3;--ax-accent-600: #2176d4;--ax-accent-700: #0063c1;--ax-accent-800: #005bb6;--ax-accent-900: #004ea3;--ax-accent-1000: #002459;--ax-accent-100A: rgba(0, 110, 255, .055);--ax-accent-200A: rgba(0, 95, 255, .106);--ax-accent-300A: rgba(1, 101, 244, .17);--ax-accent-400A: rgba(0, 100, 241, .27);--ax-success-100: #e2fde8;--ax-success-200: #d5f6db;--ax-success-300: #c4edcd;--ax-success-400: #a8dfb4;--ax-success-500: #199d4f;--ax-success-600: #00893c;--ax-success-700: #007629;--ax-success-800: #006c1f;--ax-success-900: #005e0f;--ax-success-1000: #002e00;--ax-success-100A: rgba(0, 238, 53, .114);--ax-success-200A: rgba(0, 201, 37, .165);--ax-success-300A: rgba(1, 178, 39, .23);--ax-success-400A: rgba(0, 162, 36, .34);--ax-warning-100: #fff5e4;--ax-warning-200: #ffebc7;--ax-warning-300: #ffdea5;--ax-warning-400: #ffcb6f;--ax-warning-500: #e75e01;--ax-warning-600: #ca5000;--ax-warning-700: #ac4400;--ax-warning-800: #a03e00;--ax-warning-900: #8c3500;--ax-warning-1000: #481700;--ax-warning-100A: rgba(255, 161, 0, .106);--ax-warning-200A: rgba(255, 164, 0, .22);--ax-warning-300A: rgba(255, 162, 1, .353);--ax-warning-400A: rgba(255, 163, 0, .565);--ax-danger-100: #fff2f7;--ax-danger-200: #ffe8f0;--ax-danger-300: #ffd9e6;--ax-danger-400: #ffc2d7;--ax-danger-500: #ec526e;--ax-danger-600: #e22948;--ax-danger-700: #cb0035;--ax-danger-800: #bc002a;--ax-danger-900: #a60017;--ax-danger-1000: #560000;--ax-danger-100A: rgba(255, 0, 99, .05);--ax-danger-200A: rgba(255, 0, 89, .09);--ax-danger-300A: rgba(255, 0, 88, .15);--ax-danger-400A: rgba(255, 0, 88, .24);--ax-info-100: #eef6fc;--ax-info-200: #e3eff7;--ax-info-300: #d7e6f0;--ax-info-400: #c0d6e4;--ax-info-500: #5a8fae;--ax-info-600: #457c9d;--ax-info-700: #246b91;--ax-info-800: #156389;--ax-info-900: #00557d;--ax-info-1000: #002942;--ax-info-100A: rgba(0, 120, 210, .067);--ax-info-200A: rgba(0, 110, 183, .11);--ax-info-300A: rgba(0, 96, 160, .157);--ax-info-400A: rgba(0, 90, 146, .247);--ax-brand-magenta-100: #fbf3f6;--ax-brand-magenta-200: #f8eaef;--ax-brand-magenta-300: #f3dde5;--ax-brand-magenta-400: #eccad6;--ax-brand-magenta-500: #c26f92;--ax-brand-magenta-600: #b65681;--ax-brand-magenta-700: #a93d70;--ax-brand-magenta-800: #a33069;--ax-brand-magenta-900: #98185d;--ax-brand-magenta-1000: #52002b;--ax-brand-magenta-100A: rgba(170, 0, 64, .047);--ax-brand-magenta-200A: rgba(170, 0, 61, .082);--ax-brand-magenta-300A: rgba(165, 0, 60, .133);--ax-brand-magenta-400A: rgba(164, 0, 58, .208);--ax-brand-beige-100: #fff4ee;--ax-brand-beige-200: #fdebe0;--ax-brand-beige-300: #fcddcd;--ax-brand-beige-400: #f8c8b1;--ax-brand-beige-500: #c0765d;--ax-brand-beige-600: #ad634a;--ax-brand-beige-700: #915541;--ax-brand-beige-800: #874e3b;--ax-brand-beige-900: #764332;--ax-brand-beige-1000: #3c1f15;--ax-brand-beige-100A: rgba(255, 90, 0, .067);--ax-brand-beige-200A: rgba(239, 91, 0, .12);--ax-brand-beige-300A: rgba(240, 82, 0, .196);--ax-brand-beige-400A: rgba(233, 76, 0, .306);--ax-brand-blue-100: #eef6fc;--ax-brand-blue-200: #e3eff7;--ax-brand-blue-300: #d7e6f0;--ax-brand-blue-400: #c0d6e4;--ax-brand-blue-500: #5a8fae;--ax-brand-blue-600: #457c9d;--ax-brand-blue-700: #246b91;--ax-brand-blue-800: #156389;--ax-brand-blue-900: #00557d;--ax-brand-blue-1000: #002942;--ax-brand-blue-100A: rgba(0, 120, 210, .067);--ax-brand-blue-200A: rgba(0, 110, 183, .11);--ax-brand-blue-300A: rgba(0, 96, 160, .157);--ax-brand-blue-400A: rgba(0, 90, 146, .247);--ax-meta-purple-100: #f8f3ff;--ax-meta-purple-200: #f4ebff;--ax-meta-purple-300: #ebdefc;--ax-meta-purple-400: #decbf7;--ax-meta-purple-500: #a271df;--ax-meta-purple-600: #905bd3;--ax-meta-purple-700: #7c4abf;--ax-meta-purple-800: #7342b6;--ax-meta-purple-900: #6535a7;--ax-meta-purple-1000: #360072;--ax-meta-purple-100A: rgba(107, 0, 255, .047);--ax-meta-purple-200A: rgba(115, 0, 255, .08);--ax-meta-purple-300A: rgba(101, 0, 232, .13);--ax-meta-purple-400A: rgba(94, 0, 216, .204);--ax-meta-lime-100: #f4f9d1;--ax-meta-lime-200: #ebf4a9;--ax-meta-lime-300: #e1ea9a;--ax-meta-lime-400: #cfda6c;--ax-meta-lime-500: #878f00;--ax-meta-lime-600: #757c00;--ax-meta-lime-700: #646900;--ax-meta-lime-800: #5c6100;--ax-meta-lime-900: #515400;--ax-meta-lime-1000: #2a2800;--ax-meta-lime-100A: rgba(195, 222, 0, .18);--ax-meta-lime-200A: rgba(196, 223, 0, .337);--ax-meta-lime-300A: rgba(180, 202, 0, .396);--ax-meta-lime-400A: rgba(172, 191, 0, .576)}.dark{--ax-neutral-100: #161d28;--ax-neutral-200: #1c232f;--ax-neutral-300: #242b37;--ax-neutral-400: #2e3641;--ax-neutral-500: #656d7b;--ax-neutral-600: #777f8d;--ax-neutral-700: #8a92a0;--ax-neutral-800: #949ba8;--ax-neutral-900: #a5acb6;--ax-neutral-1000: #dfe1e5;--ax-neutral-000: black;--ax-neutral-100A: rgba(200, 207, 240, .043);--ax-neutral-200A: rgba(202, 209, 246, .075);--ax-neutral-300A: rgba(215, 222, 250, .11);--ax-neutral-400A: rgba(224, 237, 254, .153);--ax-accent-100: #091e37;--ax-accent-200: #0b233f;--ax-accent-300: #102b4b;--ax-accent-400: #17365c;--ax-accent-500: #2e6db8;--ax-accent-600: #4580ca;--ax-accent-700: #5f94d8;--ax-accent-800: #6d9ddd;--ax-accent-900: #84aee6;--ax-accent-1000: #a9cbfa;--ax-accent-100A: rgba(0, 103, 250, .11);--ax-accent-200A: rgba(0, 118, 251, .145);--ax-accent-300A: rgba(24, 131, 251, .2);--ax-accent-400A: rgba(47, 142, 254, .275);--ax-success-100: #002300;--ax-success-200: #002a00;--ax-success-300: #030;--ax-success-400: #004000;--ax-success-500: #207c41;--ax-success-600: #378f53;--ax-success-700: #4ca265;--ax-success-800: #5eab72;--ax-success-900: #78ba87;--ax-success-1000: #98d7a7;--ax-success-100A: rgba(0, 245, 0, .063);--ax-success-200A: rgba(0, 254, 0, .09);--ax-success-300A: rgba(0, 253, 0, .13);--ax-success-400A: rgba(0, 255, 0, .184);--ax-warning-100: #371100;--ax-warning-200: #3e1704;--ax-warning-300: #471f0c;--ax-warning-400: #542b18;--ax-warning-500: #af5122;--ax-warning-600: #c56333;--ax-warning-700: #de753c;--ax-warning-800: #e78040;--ax-warning-900: #ed974b;--ax-warning-1000: #ffbc4b;--ax-warning-100A: rgba(252, 0, 0, .173);--ax-warning-200A: rgba(254, 31, 0, .2);--ax-warning-300A: rgba(252, 63, 0, .24);--ax-warning-400A: rgba(253, 96, 8, .294);--ax-danger-100: #410409;--ax-danger-200: #490b10;--ax-danger-300: #521517;--ax-danger-400: #5f2021;--ax-danger-500: #c8343f;--ax-danger-600: #de4a50;--ax-danger-700: #eb6772;--ax-danger-800: #ee7685;--ax-danger-900: #f28ea2;--ax-danger-1000: #ffb3cd;--ax-danger-100A: rgba(255, 0, 0, .21);--ax-danger-200A: rgba(252, 0, 0, .247);--ax-danger-300A: rgba(255, 21, 3, .282);--ax-danger-400A: rgba(255, 54, 37, .337);--ax-info-100: #001f35;--ax-info-200: #00253c;--ax-info-300: #002d46;--ax-info-400: #013956;--ax-info-500: #43718d;--ax-info-600: #5b839c;--ax-info-700: #7396ab;--ax-info-800: #7f9fb3;--ax-info-900: #93afc0;--ax-info-1000: #b4ccdc;--ax-info-100A: rgba(0, 120, 247, .1);--ax-info-200A: rgba(0, 141, 249, .133);--ax-info-300A: rgba(0, 157, 252, .176);--ax-info-400A: rgba(0, 167, 254, .247);--ax-brand-magenta-100: #321220;--ax-brand-magenta-200: #3a1827;--ax-brand-magenta-300: #42202e;--ax-brand-magenta-400: #4e2a39;--ax-brand-magenta-500: #a35276;--ax-brand-magenta-600: #b16887;--ax-brand-magenta-700: #be7f99;--ax-brand-magenta-800: #c58aa2;--ax-brand-magenta-900: #cf9eb1;--ax-brand-magenta-1000: #e6becd;--ax-brand-magenta-100A: rgba(250, 2, 38, .153);--ax-brand-magenta-200A: rgba(253, 38, 75, .184);--ax-brand-magenta-300A: rgba(251, 72, 100, .22);--ax-brand-magenta-400A: rgba(254, 100, 129, .267);--ax-brand-beige-100: #2d160e;--ax-brand-beige-200: #351d15;--ax-brand-beige-300: #3d241c;--ax-brand-beige-400: #493027;--ax-brand-beige-500: #975e4a;--ax-brand-beige-600: #ab705b;--ax-brand-beige-700: #c0836e;--ax-brand-beige-800: #c78e79;--ax-brand-beige-900: #d1a08c;--ax-brand-beige-1000: #e9c0ad;--ax-brand-beige-100A: rgba(254, 29, 0, .13);--ax-brand-beige-200A: rgba(251, 69, 0, .165);--ax-brand-beige-300A: rgba(254, 98, 16, .196);--ax-brand-beige-400A: rgba(252, 131, 64, .247);--ax-brand-blue-100: #001f35;--ax-brand-blue-200: #00253c;--ax-brand-blue-300: #002d46;--ax-brand-blue-400: #013956;--ax-brand-blue-500: #43718d;--ax-brand-blue-600: #5b839c;--ax-brand-blue-700: #7396ab;--ax-brand-blue-800: #7f9fb3;--ax-brand-blue-900: #93afc0;--ax-brand-blue-1000: #b4ccdc;--ax-brand-blue-100A: rgba(0, 120, 247, .1);--ax-brand-blue-200A: rgba(0, 141, 249, .133);--ax-brand-blue-300A: rgba(0, 157, 252, .176);--ax-brand-blue-400A: rgba(0, 167, 254, .247);--ax-meta-purple-100: #1f1832;--ax-meta-purple-200: #261e3b;--ax-meta-purple-300: #2e2546;--ax-meta-purple-400: #3a2f55;--ax-meta-purple-500: #8157bb;--ax-meta-purple-600: #936aca;--ax-meta-purple-700: #a581d6;--ax-meta-purple-800: #ae8cdb;--ax-meta-purple-900: #bb9fe3;--ax-meta-purple-1000: #efe4fd;--ax-meta-purple-100A: rgba(212, 56, 252, .086);--ax-meta-purple-200A: rgba(206, 93, 255, .125);--ax-meta-purple-300A: rgba(195, 112, 252, .176);--ax-meta-purple-400A: rgba(195, 128, 254, .243);--ax-meta-lime-100: #1c1f00;--ax-meta-lime-200: #222500;--ax-meta-lime-300: #292d00;--ax-meta-lime-400: #343900;--ax-meta-lime-500: #6a7200;--ax-meta-lime-600: #7c8500;--ax-meta-lime-700: #8f9800;--ax-meta-lime-800: #99a200;--ax-meta-lime-900: #a9b325;--ax-meta-lime-1000: #c6d200;--ax-meta-lime-100A: rgba(252, 191, 0, .06);--ax-meta-lime-200A: rgba(246, 207, 0, .086);--ax-meta-lime-300A: rgba(252, 233, 0, .114);--ax-meta-lime-400A: rgba(251, 245, 0, .16)}:root,:host,.light{--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-opacity-disabled: .3;--ax-text-logo: #c30000;--ax-bg-default: #fff;--ax-bg-input: rgba(255, 255, 255, .85);--ax-bg-overlay: rgba(2, 20, 49, .8);--ax-bg-raised: var(--ax-neutral-000);--ax-bg-sunken: var(--ax-neutral-200);--ax-border-focus: var(--ax-neutral-1000)}.dark,.dark-theme{--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-opacity-disabled: .4;--ax-bg-default: #0e151f;--ax-bg-input: rgba(7, 9, 13, .5);--ax-bg-sunken: #07090d;--ax-bg-overlay: rgba(2, 20, 49, .8);--ax-text-logo: var(--ax-neutral-1000);--ax-bg-raised: var(--ax-neutral-200);--ax-border-focus: var(--ax-neutral-1000)}:root,:host,.light,.dark{--ax-bg-neutral-soft: var(--ax-neutral-100);--ax-bg-neutral-softA: var(--ax-neutral-100A);--ax-bg-neutral-moderate: var(--ax-neutral-200);--ax-bg-neutral-moderateA: var(--ax-neutral-200A);--ax-bg-neutral-moderate-hover: var(--ax-neutral-300);--ax-bg-neutral-moderate-hoverA: var(--ax-neutral-300A);--ax-bg-neutral-moderate-pressed: var(--ax-neutral-400);--ax-bg-neutral-moderate-pressedA: var(--ax-neutral-400A);--ax-bg-neutral-strong: var(--ax-neutral-700);--ax-bg-neutral-strong-hover: var(--ax-neutral-800);--ax-bg-neutral-strong-pressed: var(--ax-neutral-900);--ax-bg-accent-soft: var(--ax-accent-100);--ax-bg-accent-softA: var(--ax-accent-100A);--ax-bg-accent-moderate: var(--ax-accent-200);--ax-bg-accent-moderateA: var(--ax-accent-200A);--ax-bg-accent-moderate-hover: var(--ax-accent-300);--ax-bg-accent-moderate-hoverA: var(--ax-accent-300A);--ax-bg-accent-moderate-pressed: var(--ax-accent-400);--ax-bg-accent-moderate-pressedA: var(--ax-accent-400A);--ax-bg-accent-strong: var(--ax-accent-600);--ax-bg-accent-strong-hover: var(--ax-accent-700);--ax-bg-accent-strong-pressed: var(--ax-accent-800);--ax-bg-success-soft: var(--ax-success-100);--ax-bg-success-softA: var(--ax-success-100A);--ax-bg-success-moderate: var(--ax-success-200);--ax-bg-success-moderateA: var(--ax-success-200A);--ax-bg-success-moderate-hover: var(--ax-success-300);--ax-bg-success-moderate-hoverA: var(--ax-success-300A);--ax-bg-success-moderate-pressed: var(--ax-success-400);--ax-bg-success-moderate-pressedA: var(--ax-success-400A);--ax-bg-success-strong: var(--ax-success-600);--ax-bg-success-strong-hover: var(--ax-success-700);--ax-bg-success-strong-pressed: var(--ax-success-800);--ax-bg-warning-soft: var(--ax-warning-100);--ax-bg-warning-softA: var(--ax-warning-100A);--ax-bg-warning-moderate: var(--ax-warning-200);--ax-bg-warning-moderateA: var(--ax-warning-200A);--ax-bg-warning-moderate-hover: var(--ax-warning-300);--ax-bg-warning-moderate-hoverA: var(--ax-warning-300A);--ax-bg-warning-moderate-pressed: var(--ax-warning-400);--ax-bg-warning-moderate-pressedA: var(--ax-warning-400A);--ax-bg-warning-strong: var(--ax-warning-600);--ax-bg-warning-strong-hover: var(--ax-warning-700);--ax-bg-warning-strong-pressed: var(--ax-warning-800);--ax-bg-danger-soft: var(--ax-danger-100);--ax-bg-danger-softA: var(--ax-danger-100A);--ax-bg-danger-moderate: var(--ax-danger-200);--ax-bg-danger-moderateA: var(--ax-danger-200A);--ax-bg-danger-moderate-hover: var(--ax-danger-300);--ax-bg-danger-moderate-hoverA: var(--ax-danger-300A);--ax-bg-danger-moderate-pressed: var(--ax-danger-400);--ax-bg-danger-moderate-pressedA: var(--ax-danger-400A);--ax-bg-danger-strong: var(--ax-danger-600);--ax-bg-danger-strong-hover: var(--ax-danger-700);--ax-bg-danger-strong-pressed: var(--ax-danger-800);--ax-bg-info-soft: var(--ax-info-100);--ax-bg-info-softA: var(--ax-info-100A);--ax-bg-info-moderate: var(--ax-info-200);--ax-bg-info-moderateA: var(--ax-info-200A);--ax-bg-info-moderate-hover: var(--ax-info-300);--ax-bg-info-moderate-hoverA: var(--ax-info-300A);--ax-bg-info-moderate-pressed: var(--ax-info-400);--ax-bg-info-moderate-pressedA: var(--ax-info-400A);--ax-bg-info-strong: var(--ax-info-600);--ax-bg-info-strong-hover: var(--ax-info-700);--ax-bg-info-strong-pressed: var(--ax-info-800);--ax-bg-brand-magenta-soft: var(--ax-brand-magenta-100);--ax-bg-brand-magenta-softA: var(--ax-brand-magenta-100A);--ax-bg-brand-magenta-moderate: var(--ax-brand-magenta-200);--ax-bg-brand-magenta-moderateA: var(--ax-brand-magenta-200A);--ax-bg-brand-magenta-moderate-hover: var(--ax-brand-magenta-300);--ax-bg-brand-magenta-moderate-hoverA: var(--ax-brand-magenta-300A);--ax-bg-brand-magenta-moderate-pressed: var(--ax-brand-magenta-400);--ax-bg-brand-magenta-moderate-pressedA: var(--ax-brand-magenta-400A);--ax-bg-brand-magenta-strong: var(--ax-brand-magenta-600);--ax-bg-brand-magenta-strong-hover: var(--ax-brand-magenta-700);--ax-bg-brand-magenta-strong-pressed: var(--ax-brand-magenta-800);--ax-bg-brand-beige-soft: var(--ax-brand-beige-100);--ax-bg-brand-beige-softA: var(--ax-brand-beige-100A);--ax-bg-brand-beige-moderate: var(--ax-brand-beige-200);--ax-bg-brand-beige-moderateA: var(--ax-brand-beige-200A);--ax-bg-brand-beige-moderate-hover: var(--ax-brand-beige-300);--ax-bg-brand-beige-moderate-hoverA: var(--ax-brand-beige-300A);--ax-bg-brand-beige-moderate-pressed: var(--ax-brand-beige-400);--ax-bg-brand-beige-moderate-pressedA: var(--ax-brand-beige-400A);--ax-bg-brand-beige-strong: var(--ax-brand-beige-600);--ax-bg-brand-beige-strong-hover: var(--ax-brand-beige-700);--ax-bg-brand-beige-strong-pressed: var(--ax-brand-beige-800);--ax-bg-brand-blue-soft: var(--ax-brand-blue-100);--ax-bg-brand-blue-softA: var(--ax-brand-blue-100A);--ax-bg-brand-blue-moderate: var(--ax-brand-blue-200);--ax-bg-brand-blue-moderateA: var(--ax-brand-blue-200A);--ax-bg-brand-blue-moderate-hover: var(--ax-brand-blue-300);--ax-bg-brand-blue-moderate-hoverA: var(--ax-brand-blue-300A);--ax-bg-brand-blue-moderate-pressed: var(--ax-brand-blue-400);--ax-bg-brand-blue-moderate-pressedA: var(--ax-brand-blue-400A);--ax-bg-brand-blue-strong: var(--ax-brand-blue-600);--ax-bg-brand-blue-strong-hover: var(--ax-brand-blue-700);--ax-bg-brand-blue-strong-pressed: var(--ax-brand-blue-800);--ax-bg-meta-purple-soft: var(--ax-meta-purple-100);--ax-bg-meta-purple-softA: var(--ax-meta-purple-100A);--ax-bg-meta-purple-moderate: var(--ax-meta-purple-200);--ax-bg-meta-purple-moderateA: var(--ax-meta-purple-200A);--ax-bg-meta-purple-moderate-hover: var(--ax-meta-purple-300);--ax-bg-meta-purple-moderate-hoverA: var(--ax-meta-purple-300A);--ax-bg-meta-purple-moderate-pressed: var(--ax-meta-purple-400);--ax-bg-meta-purple-moderate-pressedA: var(--ax-meta-purple-400A);--ax-bg-meta-purple-strong: var(--ax-meta-purple-600);--ax-bg-meta-purple-strong-hover: var(--ax-meta-purple-700);--ax-bg-meta-purple-strong-pressed: var(--ax-meta-purple-800);--ax-bg-meta-lime-soft: var(--ax-meta-lime-100);--ax-bg-meta-lime-softA: var(--ax-meta-lime-100A);--ax-bg-meta-lime-moderate: var(--ax-meta-lime-200);--ax-bg-meta-lime-moderateA: var(--ax-meta-lime-200A);--ax-bg-meta-lime-moderate-hover: var(--ax-meta-lime-300);--ax-bg-meta-lime-moderate-hoverA: var(--ax-meta-lime-300A);--ax-bg-meta-lime-moderate-pressed: var(--ax-meta-lime-400);--ax-bg-meta-lime-moderate-pressedA: var(--ax-meta-lime-400A);--ax-bg-meta-lime-strong: var(--ax-meta-lime-600);--ax-bg-meta-lime-strong-hover: var(--ax-meta-lime-700);--ax-bg-meta-lime-strong-pressed: var(--ax-meta-lime-800);--ax-text-neutral: var(--ax-neutral-1000);--ax-text-neutral-subtle: var(--ax-neutral-900);--ax-text-neutral-decoration: var(--ax-neutral-600);--ax-text-neutral-contrast: var(--ax-neutral-000);--ax-text-accent: var(--ax-accent-1000);--ax-text-accent-subtle: var(--ax-accent-800);--ax-text-accent-decoration: var(--ax-accent-600);--ax-text-accent-contrast: var(--ax-neutral-000);--ax-text-success: var(--ax-success-1000);--ax-text-success-subtle: var(--ax-success-800);--ax-text-success-decoration: var(--ax-success-600);--ax-text-success-contrast: var(--ax-neutral-000);--ax-text-warning: var(--ax-warning-1000);--ax-text-warning-subtle: var(--ax-warning-800);--ax-text-warning-decoration: var(--ax-warning-600);--ax-text-warning-contrast: var(--ax-neutral-000);--ax-text-danger: var(--ax-danger-1000);--ax-text-danger-subtle: var(--ax-danger-800);--ax-text-danger-decoration: var(--ax-danger-600);--ax-text-danger-contrast: var(--ax-neutral-000);--ax-text-info: var(--ax-info-1000);--ax-text-info-subtle: var(--ax-info-800);--ax-text-info-decoration: var(--ax-info-600);--ax-text-info-contrast: var(--ax-neutral-000);--ax-text-brand-magenta: var(--ax-brand-magenta-1000);--ax-text-brand-magenta-subtle: var(--ax-brand-magenta-800);--ax-text-brand-magenta-decoration: var(--ax-brand-magenta-600);--ax-text-brand-magenta-contrast: var(--ax-neutral-000);--ax-text-brand-beige: var(--ax-brand-beige-1000);--ax-text-brand-beige-subtle: var(--ax-brand-beige-800);--ax-text-brand-beige-decoration: var(--ax-brand-beige-600);--ax-text-brand-beige-contrast: var(--ax-neutral-000);--ax-text-brand-blue: var(--ax-brand-blue-1000);--ax-text-brand-blue-subtle: var(--ax-brand-blue-800);--ax-text-brand-blue-decoration: var(--ax-brand-blue-600);--ax-text-brand-blue-contrast: var(--ax-neutral-000);--ax-text-meta-purple: var(--ax-meta-purple-1000);--ax-text-meta-purple-subtle: var(--ax-meta-purple-800);--ax-text-meta-purple-decoration: var(--ax-meta-purple-600);--ax-text-meta-purple-contrast: var(--ax-neutral-000);--ax-text-meta-lime: var(--ax-meta-lime-1000);--ax-text-meta-lime-subtle: var(--ax-meta-lime-800);--ax-text-meta-lime-decoration: var(--ax-meta-lime-600);--ax-text-meta-lime-contrast: var(--ax-neutral-000);--ax-border-neutral: var(--ax-neutral-600);--ax-border-neutral-subtle: var(--ax-neutral-400);--ax-border-neutral-subtleA: var(--ax-neutral-400A);--ax-border-neutral-strong: var(--ax-neutral-700);--ax-border-accent: var(--ax-accent-600);--ax-border-accent-subtle: var(--ax-accent-400);--ax-border-accent-subtleA: var(--ax-accent-400A);--ax-border-accent-strong: var(--ax-accent-700);--ax-border-success: var(--ax-success-600);--ax-border-success-subtle: var(--ax-success-400);--ax-border-success-subtleA: var(--ax-success-400A);--ax-border-success-strong: var(--ax-success-700);--ax-border-warning: var(--ax-warning-600);--ax-border-warning-subtle: var(--ax-warning-400);--ax-border-warning-subtleA: var(--ax-warning-400A);--ax-border-warning-strong: var(--ax-warning-700);--ax-border-danger: var(--ax-danger-600);--ax-border-danger-subtle: var(--ax-danger-400);--ax-border-danger-subtleA: var(--ax-danger-400A);--ax-border-danger-strong: var(--ax-danger-700);--ax-border-info: var(--ax-info-600);--ax-border-info-subtle: var(--ax-info-400);--ax-border-info-subtleA: var(--ax-info-400A);--ax-border-info-strong: var(--ax-info-700);--ax-border-brand-magenta: var(--ax-brand-magenta-600);--ax-border-brand-magenta-subtle: var(--ax-brand-magenta-400);--ax-border-brand-magenta-subtleA: var(--ax-brand-magenta-400A);--ax-border-brand-magenta-strong: var(--ax-brand-magenta-700);--ax-border-brand-beige: var(--ax-brand-beige-600);--ax-border-brand-beige-subtle: var(--ax-brand-beige-400);--ax-border-brand-beige-subtleA: var(--ax-brand-beige-400A);--ax-border-brand-beige-strong: var(--ax-brand-beige-700);--ax-border-brand-blue: var(--ax-brand-blue-600);--ax-border-brand-blue-subtle: var(--ax-brand-blue-400);--ax-border-brand-blue-subtleA: var(--ax-brand-blue-400A);--ax-border-brand-blue-strong: var(--ax-brand-blue-700);--ax-border-meta-purple: var(--ax-meta-purple-600);--ax-border-meta-purple-subtle: var(--ax-meta-purple-400);--ax-border-meta-purple-subtleA: var(--ax-meta-purple-400A);--ax-border-meta-purple-strong: var(--ax-meta-purple-700);--ax-border-meta-lime: var(--ax-meta-lime-600);--ax-border-meta-lime-subtle: var(--ax-meta-lime-400);--ax-border-meta-lime-subtleA: var(--ax-meta-lime-400A);--ax-border-meta-lime-strong: var(--ax-meta-lime-700)}:root,:host{--ax-version: "7.25.1";--ax-space-0: 0rem;--ax-space-1: .0625rem;--ax-space-2: .125rem;--ax-space-4: .25rem;--ax-space-6: .375rem;--ax-space-8: .5rem;--ax-space-12: .75rem;--ax-space-16: 1rem;--ax-space-20: 1.25rem;--ax-space-24: 1.5rem;--ax-space-28: 1.75rem;--ax-space-32: 2rem;--ax-space-36: 2.25rem;--ax-space-40: 2.5rem;--ax-space-44: 2.75rem;--ax-space-48: 3rem;--ax-space-56: 3.5rem;--ax-space-64: 4rem;--ax-space-72: 4.5rem;--ax-space-80: 5rem;--ax-space-96: 6rem;--ax-space-128: 8rem;--ax-radius-2: 2px;--ax-radius-4: 4px;--ax-radius-8: 8px;--ax-radius-12: 12px;--ax-radius-full: 9999px;--ax-border-radius-full: 9999px;--ax-border-radius-small: 2px;--ax-border-radius-medium: 4px;--ax-border-radius-large: 8px;--ax-border-radius-xlarge: 12px;--ax-breakpoint-xs: 0;--ax-breakpoint-sm: 480px;--ax-breakpoint-sm-down: 479px;--ax-breakpoint-md: 768px;--ax-breakpoint-md-down: 767px;--ax-breakpoint-lg: 1024px;--ax-breakpoint-lg-down: 1023px;--ax-breakpoint-xl: 1280px;--ax-breakpoint-xl-down: 1279px;--ax-breakpoint-2xl: 1440px;--ax-breakpoint-2xl-down: 1439px;--ax-font-family: "Source Sans 3", "Source Sans Pro", Arial, sans-serif;--ax-font-line-height-heading-2xlarge: 3.25rem;--ax-font-line-height-heading-xlarge: 2.5rem;--ax-font-line-height-heading-large: 2.25rem;--ax-font-line-height-heading-medium: 2rem;--ax-font-line-height-heading-small: 1.75rem;--ax-font-line-height-heading-xsmall: 1.5rem;--ax-font-line-height-xlarge: 1.75rem;--ax-font-line-height-large: 1.5rem;--ax-font-line-height-medium: 1.25rem;--ax-font-size-heading-2xlarge: 2.5rem;--ax-font-size-heading-xlarge: 2rem;--ax-font-size-heading-large: 1.75rem;--ax-font-size-heading-medium: 1.5rem;--ax-font-size-heading-small: 1.25rem;--ax-font-size-heading-xsmall: 1.125rem;--ax-font-size-xlarge: 1.25rem;--ax-font-size-large: 1.125rem;--ax-font-size-medium: 1rem;--ax-font-size-small: .875rem;--ax-font-weight-bold: 600;--ax-font-weight-regular: 400}[data-color=neutral]{--ax-bg-soft: var(--ax-bg-neutral-soft);--ax-bg-softA: var(--ax-bg-neutral-softA);--ax-bg-moderate: var(--ax-bg-neutral-moderate);--ax-bg-moderateA: var(--ax-bg-neutral-moderateA);--ax-bg-moderate-hover: var(--ax-bg-neutral-moderate-hover);--ax-bg-moderate-hoverA: var(--ax-bg-neutral-moderate-hoverA);--ax-bg-moderate-pressed: var(--ax-bg-neutral-moderate-pressed);--ax-bg-moderate-pressedA: var(--ax-bg-neutral-moderate-pressedA);--ax-bg-strong: var(--ax-bg-neutral-strong);--ax-bg-strong-hover: var(--ax-bg-neutral-strong-hover);--ax-bg-strong-pressed: var(--ax-bg-neutral-strong-pressed);--ax-text-default: var(--ax-text-neutral);--ax-text-subtle: var(--ax-text-neutral-subtle);--ax-text-decoration: var(--ax-text-neutral-decoration);--ax-text-contrast: var(--ax-text-neutral-contrast);--ax-border-default: var(--ax-border-neutral);--ax-border-subtle: var(--ax-border-neutral-subtle);--ax-border-subtleA: var(--ax-border-neutral-subtleA);--ax-border-strong: var(--ax-border-neutral-strong)}:root,[data-color=accent]{--ax-bg-soft: var(--ax-bg-accent-soft);--ax-bg-softA: var(--ax-bg-accent-softA);--ax-bg-moderate: var(--ax-bg-accent-moderate);--ax-bg-moderateA: var(--ax-bg-accent-moderateA);--ax-bg-moderate-hover: var(--ax-bg-accent-moderate-hover);--ax-bg-moderate-hoverA: var(--ax-bg-accent-moderate-hoverA);--ax-bg-moderate-pressed: var(--ax-bg-accent-moderate-pressed);--ax-bg-moderate-pressedA: var(--ax-bg-accent-moderate-pressedA);--ax-bg-strong: var(--ax-bg-accent-strong);--ax-bg-strong-hover: var(--ax-bg-accent-strong-hover);--ax-bg-strong-pressed: var(--ax-bg-accent-strong-pressed);--ax-text-default: var(--ax-text-accent);--ax-text-subtle: var(--ax-text-accent-subtle);--ax-text-decoration: var(--ax-text-accent-decoration);--ax-text-contrast: var(--ax-text-accent-contrast);--ax-border-default: var(--ax-border-accent);--ax-border-subtle: var(--ax-border-accent-subtle);--ax-border-subtleA: var(--ax-border-accent-subtleA);--ax-border-strong: var(--ax-border-accent-strong)}[data-color=brand-beige]{--ax-bg-soft: var(--ax-bg-brand-beige-soft);--ax-bg-softA: var(--ax-bg-brand-beige-softA);--ax-bg-moderate: var(--ax-bg-brand-beige-moderate);--ax-bg-moderateA: var(--ax-bg-brand-beige-moderateA);--ax-bg-moderate-hover: var(--ax-bg-brand-beige-moderate-hover);--ax-bg-moderate-hoverA: var(--ax-bg-brand-beige-moderate-hoverA);--ax-bg-moderate-pressed: var(--ax-bg-brand-beige-moderate-pressed);--ax-bg-moderate-pressedA: var(--ax-bg-brand-beige-moderate-pressedA);--ax-bg-strong: var(--ax-bg-brand-beige-strong);--ax-bg-strong-hover: var(--ax-bg-brand-beige-strong-hover);--ax-bg-strong-pressed: var(--ax-bg-brand-beige-strong-pressed);--ax-text-default: var(--ax-text-brand-beige);--ax-text-subtle: var(--ax-text-brand-beige-subtle);--ax-text-decoration: var(--ax-text-brand-beige-decoration);--ax-text-contrast: var(--ax-text-brand-beige-contrast);--ax-border-default: var(--ax-border-brand-beige);--ax-border-subtle: var(--ax-border-brand-beige-subtle);--ax-border-subtleA: var(--ax-border-brand-beige-subtleA);--ax-border-strong: var(--ax-border-brand-beige-strong)}[data-color=brand-blue]{--ax-bg-soft: var(--ax-bg-brand-blue-soft);--ax-bg-softA: var(--ax-bg-brand-blue-softA);--ax-bg-moderate: var(--ax-bg-brand-blue-moderate);--ax-bg-moderateA: var(--ax-bg-brand-blue-moderateA);--ax-bg-moderate-hover: var(--ax-bg-brand-blue-moderate-hover);--ax-bg-moderate-hoverA: var(--ax-bg-brand-blue-moderate-hoverA);--ax-bg-moderate-pressed: var(--ax-bg-brand-blue-moderate-pressed);--ax-bg-moderate-pressedA: var(--ax-bg-brand-blue-moderate-pressedA);--ax-bg-strong: var(--ax-bg-brand-blue-strong);--ax-bg-strong-hover: var(--ax-bg-brand-blue-strong-hover);--ax-bg-strong-pressed: var(--ax-bg-brand-blue-strong-pressed);--ax-text-default: var(--ax-text-brand-blue);--ax-text-subtle: var(--ax-text-brand-blue-subtle);--ax-text-decoration: var(--ax-text-brand-blue-decoration);--ax-text-contrast: var(--ax-text-brand-blue-contrast);--ax-border-default: var(--ax-border-brand-blue);--ax-border-subtle: var(--ax-border-brand-blue-subtle);--ax-border-subtleA: var(--ax-border-brand-blue-subtleA);--ax-border-strong: var(--ax-border-brand-blue-strong)}[data-color=brand-magenta]{--ax-bg-soft: var(--ax-bg-brand-magenta-soft);--ax-bg-softA: var(--ax-bg-brand-magenta-softA);--ax-bg-moderate: var(--ax-bg-brand-magenta-moderate);--ax-bg-moderateA: var(--ax-bg-brand-magenta-moderateA);--ax-bg-moderate-hover: var(--ax-bg-brand-magenta-moderate-hover);--ax-bg-moderate-hoverA: var(--ax-bg-brand-magenta-moderate-hoverA);--ax-bg-moderate-pressed: var(--ax-bg-brand-magenta-moderate-pressed);--ax-bg-moderate-pressedA: var(--ax-bg-brand-magenta-moderate-pressedA);--ax-bg-strong: var(--ax-bg-brand-magenta-strong);--ax-bg-strong-hover: var(--ax-bg-brand-magenta-strong-hover);--ax-bg-strong-pressed: var(--ax-bg-brand-magenta-strong-pressed);--ax-text-default: var(--ax-text-brand-magenta);--ax-text-subtle: var(--ax-text-brand-magenta-subtle);--ax-text-decoration: var(--ax-text-brand-magenta-decoration);--ax-text-contrast: var(--ax-text-brand-magenta-contrast);--ax-border-default: var(--ax-border-brand-magenta);--ax-border-subtle: var(--ax-border-brand-magenta-subtle);--ax-border-subtleA: var(--ax-border-brand-magenta-subtleA);--ax-border-strong: var(--ax-border-brand-magenta-strong)}[data-color=info]{--ax-bg-soft: var(--ax-bg-info-soft);--ax-bg-softA: var(--ax-bg-info-softA);--ax-bg-moderate: var(--ax-bg-info-moderate);--ax-bg-moderateA: var(--ax-bg-info-moderateA);--ax-bg-moderate-hover: var(--ax-bg-info-moderate-hover);--ax-bg-moderate-hoverA: var(--ax-bg-info-moderate-hoverA);--ax-bg-moderate-pressed: var(--ax-bg-info-moderate-pressed);--ax-bg-moderate-pressedA: var(--ax-bg-info-moderate-pressedA);--ax-bg-strong: var(--ax-bg-info-strong);--ax-bg-strong-hover: var(--ax-bg-info-strong-hover);--ax-bg-strong-pressed: var(--ax-bg-info-strong-pressed);--ax-text-default: var(--ax-text-info);--ax-text-subtle: var(--ax-text-info-subtle);--ax-text-decoration: var(--ax-text-info-decoration);--ax-text-contrast: var(--ax-text-info-contrast);--ax-border-default: var(--ax-border-info);--ax-border-subtle: var(--ax-border-info-subtle);--ax-border-subtleA: var(--ax-border-info-subtleA);--ax-border-strong: var(--ax-border-info-strong)}[data-color=success]{--ax-bg-soft: var(--ax-bg-success-soft);--ax-bg-softA: var(--ax-bg-success-softA);--ax-bg-moderate: var(--ax-bg-success-moderate);--ax-bg-moderateA: var(--ax-bg-success-moderateA);--ax-bg-moderate-hover: var(--ax-bg-success-moderate-hover);--ax-bg-moderate-hoverA: var(--ax-bg-success-moderate-hoverA);--ax-bg-moderate-pressed: var(--ax-bg-success-moderate-pressed);--ax-bg-moderate-pressedA: var(--ax-bg-success-moderate-pressedA);--ax-bg-strong: var(--ax-bg-success-strong);--ax-bg-strong-hover: var(--ax-bg-success-strong-hover);--ax-bg-strong-pressed: var(--ax-bg-success-strong-pressed);--ax-text-default: var(--ax-text-success);--ax-text-subtle: var(--ax-text-success-subtle);--ax-text-decoration: var(--ax-text-success-decoration);--ax-text-contrast: var(--ax-text-success-contrast);--ax-border-default: var(--ax-border-success);--ax-border-subtle: var(--ax-border-success-subtle);--ax-border-subtleA: var(--ax-border-success-subtleA);--ax-border-strong: var(--ax-border-success-strong)}[data-color=warning]{--ax-bg-soft: var(--ax-bg-warning-soft);--ax-bg-softA: var(--ax-bg-warning-softA);--ax-bg-moderate: var(--ax-bg-warning-moderate);--ax-bg-moderateA: var(--ax-bg-warning-moderateA);--ax-bg-moderate-hover: var(--ax-bg-warning-moderate-hover);--ax-bg-moderate-hoverA: var(--ax-bg-warning-moderate-hoverA);--ax-bg-moderate-pressed: var(--ax-bg-warning-moderate-pressed);--ax-bg-moderate-pressedA: var(--ax-bg-warning-moderate-pressedA);--ax-bg-strong: var(--ax-bg-warning-strong);--ax-bg-strong-hover: var(--ax-bg-warning-strong-hover);--ax-bg-strong-pressed: var(--ax-bg-warning-strong-pressed);--ax-text-default: var(--ax-text-warning);--ax-text-subtle: var(--ax-text-warning-subtle);--ax-text-decoration: var(--ax-text-warning-decoration);--ax-text-contrast: var(--ax-text-warning-contrast);--ax-border-default: var(--ax-border-warning);--ax-border-subtle: var(--ax-border-warning-subtle);--ax-border-subtleA: var(--ax-border-warning-subtleA);--ax-border-strong: var(--ax-border-warning-strong)}[data-color=danger]{--ax-bg-soft: var(--ax-bg-danger-soft);--ax-bg-softA: var(--ax-bg-danger-softA);--ax-bg-moderate: var(--ax-bg-danger-moderate);--ax-bg-moderateA: var(--ax-bg-danger-moderateA);--ax-bg-moderate-hover: var(--ax-bg-danger-moderate-hover);--ax-bg-moderate-hoverA: var(--ax-bg-danger-moderate-hoverA);--ax-bg-moderate-pressed: var(--ax-bg-danger-moderate-pressed);--ax-bg-moderate-pressedA: var(--ax-bg-danger-moderate-pressedA);--ax-bg-strong: var(--ax-bg-danger-strong);--ax-bg-strong-hover: var(--ax-bg-danger-strong-hover);--ax-bg-strong-pressed: var(--ax-bg-danger-strong-pressed);--ax-text-default: var(--ax-text-danger);--ax-text-subtle: var(--ax-text-danger-subtle);--ax-text-decoration: var(--ax-text-danger-decoration);--ax-text-contrast: var(--ax-text-danger-contrast);--ax-border-default: var(--ax-border-danger);--ax-border-subtle: var(--ax-border-danger-subtle);--ax-border-subtleA: var(--ax-border-danger-subtleA);--ax-border-strong: var(--ax-border-danger-strong)}[data-color=meta-purple]{--ax-bg-soft: var(--ax-bg-meta-purple-soft);--ax-bg-softA: var(--ax-bg-meta-purple-softA);--ax-bg-moderate: var(--ax-bg-meta-purple-moderate);--ax-bg-moderateA: var(--ax-bg-meta-purple-moderateA);--ax-bg-moderate-hover: var(--ax-bg-meta-purple-moderate-hover);--ax-bg-moderate-hoverA: var(--ax-bg-meta-purple-moderate-hoverA);--ax-bg-moderate-pressed: var(--ax-bg-meta-purple-moderate-pressed);--ax-bg-moderate-pressedA: var(--ax-bg-meta-purple-moderate-pressedA);--ax-bg-strong: var(--ax-bg-meta-purple-strong);--ax-bg-strong-hover: var(--ax-bg-meta-purple-strong-hover);--ax-bg-strong-pressed: var(--ax-bg-meta-purple-strong-pressed);--ax-text-default: var(--ax-text-meta-purple);--ax-text-subtle: var(--ax-text-meta-purple-subtle);--ax-text-decoration: var(--ax-text-meta-purple-decoration);--ax-text-contrast: var(--ax-text-meta-purple-contrast);--ax-border-default: var(--ax-border-meta-purple);--ax-border-subtle: var(--ax-border-meta-purple-subtle);--ax-border-subtleA: var(--ax-border-meta-purple-subtleA);--ax-border-strong: var(--ax-border-meta-purple-strong)}[data-color=meta-lime]{--ax-bg-soft: var(--ax-bg-meta-lime-soft);--ax-bg-softA: var(--ax-bg-meta-lime-softA);--ax-bg-moderate: var(--ax-bg-meta-lime-moderate);--ax-bg-moderateA: var(--ax-bg-meta-lime-moderateA);--ax-bg-moderate-hover: var(--ax-bg-meta-lime-moderate-hover);--ax-bg-moderate-hoverA: var(--ax-bg-meta-lime-moderate-hoverA);--ax-bg-moderate-pressed: var(--ax-bg-meta-lime-moderate-pressed);--ax-bg-moderate-pressedA: var(--ax-bg-meta-lime-moderate-pressedA);--ax-bg-strong: var(--ax-bg-meta-lime-strong);--ax-bg-strong-hover: var(--ax-bg-meta-lime-strong-hover);--ax-bg-strong-pressed: var(--ax-bg-meta-lime-strong-pressed);--ax-text-default: var(--ax-text-meta-lime);--ax-text-subtle: var(--ax-text-meta-lime-subtle);--ax-text-decoration: var(--ax-text-meta-lime-decoration);--ax-text-contrast: var(--ax-text-meta-lime-contrast);--ax-border-default: var(--ax-border-meta-lime);--ax-border-subtle: var(--ax-border-meta-lime-subtle);--ax-border-subtleA: var(--ax-border-meta-lime-subtleA);--ax-border-strong: var(--ax-border-meta-lime-strong)}}
|
package/dist/darkside/index.css
CHANGED
|
@@ -237,8 +237,8 @@
|
|
|
237
237
|
--ax-meta-purple-400A: rgba(94, 0, 216, .204);
|
|
238
238
|
--ax-meta-lime-100: #f4f9d1;
|
|
239
239
|
--ax-meta-lime-200: #ebf4a9;
|
|
240
|
-
--ax-meta-lime-300: #
|
|
241
|
-
--ax-meta-lime-400: #
|
|
240
|
+
--ax-meta-lime-300: #e1ea9a;
|
|
241
|
+
--ax-meta-lime-400: #cfda6c;
|
|
242
242
|
--ax-meta-lime-500: #878f00;
|
|
243
243
|
--ax-meta-lime-600: #757c00;
|
|
244
244
|
--ax-meta-lime-700: #646900;
|
|
@@ -247,8 +247,8 @@
|
|
|
247
247
|
--ax-meta-lime-1000: #2a2800;
|
|
248
248
|
--ax-meta-lime-100A: rgba(195, 222, 0, .18);
|
|
249
249
|
--ax-meta-lime-200A: rgba(196, 223, 0, .337);
|
|
250
|
-
--ax-meta-lime-300A: rgba(
|
|
251
|
-
--ax-meta-lime-400A:
|
|
250
|
+
--ax-meta-lime-300A: rgba(180, 202, 0, .396);
|
|
251
|
+
--ax-meta-lime-400A: rgba(172, 191, 0, .576);
|
|
252
252
|
}
|
|
253
253
|
|
|
254
254
|
.dark {
|
|
@@ -646,7 +646,7 @@
|
|
|
646
646
|
}
|
|
647
647
|
|
|
648
648
|
:root, :host {
|
|
649
|
-
--ax-version: "7.
|
|
649
|
+
--ax-version: "7.25.1";
|
|
650
650
|
--ax-space-0: 0rem;
|
|
651
651
|
--ax-space-1: .0625rem;
|
|
652
652
|
--ax-space-2: .125rem;
|
|
@@ -2034,10 +2034,6 @@
|
|
|
2034
2034
|
overflow-wrap: anywhere;
|
|
2035
2035
|
}
|
|
2036
2036
|
|
|
2037
|
-
.aksel-file-item__button {
|
|
2038
|
-
margin-left: auto;
|
|
2039
|
-
}
|
|
2040
|
-
|
|
2041
2037
|
.aksel-file-item__error {
|
|
2042
2038
|
grid-template-rows: 0fr;
|
|
2043
2039
|
transition-property: grid-template-rows, padding-top;
|
|
@@ -2447,6 +2443,7 @@
|
|
|
2447
2443
|
min-height: 3rem;
|
|
2448
2444
|
padding: var(--ax-space-8);
|
|
2449
2445
|
padding-right: var(--ax-space-40);
|
|
2446
|
+
scroll-margin-block-start: 4rem;
|
|
2450
2447
|
display: inline-block;
|
|
2451
2448
|
position: relative;
|
|
2452
2449
|
}
|
|
@@ -2560,6 +2557,7 @@
|
|
|
2560
2557
|
}
|
|
2561
2558
|
|
|
2562
2559
|
.aksel-switch--small > .aksel-switch__input {
|
|
2560
|
+
width: 2.5rem;
|
|
2563
2561
|
height: 2rem;
|
|
2564
2562
|
top: 0;
|
|
2565
2563
|
}
|
|
@@ -2571,19 +2569,21 @@
|
|
|
2571
2569
|
|
|
2572
2570
|
.aksel-switch__content {
|
|
2573
2571
|
--__axc-switch-block-padding: .75rem;
|
|
2572
|
+
--__axc-switch-inline-padding: 3.25rem;
|
|
2574
2573
|
gap: var(--ax-space-2);
|
|
2575
|
-
padding: var(--__axc-switch-block-padding) 0 var(--__axc-switch-block-padding)
|
|
2574
|
+
padding: var(--__axc-switch-block-padding) 0 var(--__axc-switch-block-padding) var(--__axc-switch-inline-padding);
|
|
2576
2575
|
flex-direction: column;
|
|
2577
2576
|
display: flex;
|
|
2578
2577
|
position: relative;
|
|
2579
2578
|
}
|
|
2580
2579
|
|
|
2581
2580
|
.aksel-switch--right .aksel-switch__content {
|
|
2582
|
-
padding: var(--__axc-switch-block-padding)
|
|
2581
|
+
padding: var(--__axc-switch-block-padding) var(--__axc-switch-inline-padding) var(--__axc-switch-block-padding) 0;
|
|
2583
2582
|
}
|
|
2584
2583
|
|
|
2585
2584
|
.aksel-switch--small .aksel-switch__content {
|
|
2586
2585
|
--__axc-switch-block-padding: .375rem;
|
|
2586
|
+
--__axc-switch-inline-padding: 2.75rem;
|
|
2587
2587
|
}
|
|
2588
2588
|
|
|
2589
2589
|
.aksel-switch__content.aksel-switch--with-description {
|
|
@@ -2625,7 +2625,9 @@
|
|
|
2625
2625
|
}
|
|
2626
2626
|
|
|
2627
2627
|
.aksel-switch--small > .aksel-switch__track {
|
|
2628
|
-
top: var(--ax-space-
|
|
2628
|
+
top: var(--ax-space-6);
|
|
2629
|
+
width: 2.25rem;
|
|
2630
|
+
height: 1.25rem;
|
|
2629
2631
|
}
|
|
2630
2632
|
|
|
2631
2633
|
.aksel-switch__input:checked ~ .aksel-switch__track {
|
|
@@ -2672,6 +2674,11 @@
|
|
|
2672
2674
|
transform: translateX(0);
|
|
2673
2675
|
}
|
|
2674
2676
|
|
|
2677
|
+
.aksel-switch--small .aksel-switch__thumb {
|
|
2678
|
+
width: .875rem;
|
|
2679
|
+
height: .875rem;
|
|
2680
|
+
}
|
|
2681
|
+
|
|
2675
2682
|
.aksel-switch__input:checked ~ .aksel-switch__track > .aksel-switch__thumb {
|
|
2676
2683
|
background-color: var(--ax-bg-raised);
|
|
2677
2684
|
color: var(--ax-text-subtle);
|
|
@@ -2682,15 +2689,12 @@
|
|
|
2682
2689
|
transform: translateX(1.25rem);
|
|
2683
2690
|
}
|
|
2684
2691
|
|
|
2685
|
-
.aksel-switch__input:checked ~ .aksel-switch__track > .aksel-switch__thumb
|
|
2686
|
-
|
|
2687
|
-
|
|
2688
|
-
|
|
2689
|
-
|
|
2690
|
-
|
|
2691
|
-
visibility: hidden;
|
|
2692
|
-
opacity: 0;
|
|
2693
|
-
transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
|
|
2692
|
+
.aksel-switch--small > .aksel-switch__input:checked ~ .aksel-switch__track > .aksel-switch__thumb {
|
|
2693
|
+
width: 1rem;
|
|
2694
|
+
height: 1rem;
|
|
2695
|
+
top: 0;
|
|
2696
|
+
left: 0;
|
|
2697
|
+
transform: translateX(1rem);
|
|
2694
2698
|
}
|
|
2695
2699
|
|
|
2696
2700
|
@media (hover: hover) and (pointer: fine) {
|
|
@@ -2701,6 +2705,10 @@
|
|
|
2701
2705
|
.aksel-switch__input:checked:hover:not(:disabled) ~ .aksel-switch__track > .aksel-switch__thumb {
|
|
2702
2706
|
transform: translateX(1.1rem);
|
|
2703
2707
|
}
|
|
2708
|
+
|
|
2709
|
+
.aksel-switch--small > .aksel-switch__input:checked:hover:not(:disabled) ~ .aksel-switch__track > .aksel-switch__thumb {
|
|
2710
|
+
transform: translateX(.875rem);
|
|
2711
|
+
}
|
|
2704
2712
|
}
|
|
2705
2713
|
|
|
2706
2714
|
.aksel-switch--right {
|
|
@@ -2754,6 +2762,10 @@
|
|
|
2754
2762
|
.aksel-switch--readonly > .aksel-switch__input:checked:hover ~ .aksel-switch__track > .aksel-switch__thumb {
|
|
2755
2763
|
transform: translateX(1.25rem);
|
|
2756
2764
|
}
|
|
2765
|
+
|
|
2766
|
+
.aksel-switch--readonly.aksel-switch--small > .aksel-switch__input:checked:hover ~ .aksel-switch__track > .aksel-switch__thumb {
|
|
2767
|
+
transform: translateX(1rem);
|
|
2768
|
+
}
|
|
2757
2769
|
}
|
|
2758
2770
|
|
|
2759
2771
|
@media (forced-colors: active) {
|
|
@@ -2795,6 +2807,7 @@
|
|
|
2795
2807
|
width: 100%;
|
|
2796
2808
|
min-height: 3rem;
|
|
2797
2809
|
color: var(--ax-text-neutral);
|
|
2810
|
+
scroll-margin-block-start: 4rem;
|
|
2798
2811
|
}
|
|
2799
2812
|
|
|
2800
2813
|
.aksel-text-field__input:hover {
|
|
@@ -2870,6 +2883,7 @@
|
|
|
2870
2883
|
resize: none;
|
|
2871
2884
|
width: 100%;
|
|
2872
2885
|
color: var(--ax-text-neutral);
|
|
2886
|
+
scroll-margin-block-start: 4rem;
|
|
2873
2887
|
display: block;
|
|
2874
2888
|
}
|
|
2875
2889
|
|
|
@@ -3940,9 +3954,6 @@
|
|
|
3940
3954
|
.aksel-chat__bubble-wrapper {
|
|
3941
3955
|
gap: var(--ax-space-12);
|
|
3942
3956
|
flex-direction: column;
|
|
3943
|
-
margin: 0;
|
|
3944
|
-
padding: 0;
|
|
3945
|
-
list-style: none;
|
|
3946
3957
|
display: flex;
|
|
3947
3958
|
}
|
|
3948
3959
|
|
|
@@ -5045,6 +5056,164 @@
|
|
|
5045
5056
|
margin-top: var(--a-space-4);
|
|
5046
5057
|
}
|
|
5047
5058
|
|
|
5059
|
+
.aksel-link-anchor__overlay {
|
|
5060
|
+
cursor: pointer;
|
|
5061
|
+
}
|
|
5062
|
+
|
|
5063
|
+
.aksel-link-anchor__overlay:focus-within {
|
|
5064
|
+
outline: 3px solid var(--ax-border-focus);
|
|
5065
|
+
outline-offset: 3px;
|
|
5066
|
+
}
|
|
5067
|
+
|
|
5068
|
+
@supports selector(:has(*)) {
|
|
5069
|
+
.aksel-link-anchor__overlay:focus-within {
|
|
5070
|
+
outline: unset;
|
|
5071
|
+
}
|
|
5072
|
+
|
|
5073
|
+
.aksel-link-anchor__overlay:has(:focus-visible) {
|
|
5074
|
+
outline: 3px solid var(--ax-border-focus);
|
|
5075
|
+
outline-offset: 3px;
|
|
5076
|
+
}
|
|
5077
|
+
}
|
|
5078
|
+
|
|
5079
|
+
.aksel-link-anchor {
|
|
5080
|
+
text-underline-offset: .1em;
|
|
5081
|
+
color: inherit;
|
|
5082
|
+
text-decoration: underline;
|
|
5083
|
+
text-decoration-thickness: .05em;
|
|
5084
|
+
}
|
|
5085
|
+
|
|
5086
|
+
.aksel-link-anchor:hover, .aksel-link-anchor__overlay:hover .aksel-link-anchor {
|
|
5087
|
+
text-decoration-thickness: .111em;
|
|
5088
|
+
}
|
|
5089
|
+
|
|
5090
|
+
.aksel-link-anchor:focus-visible {
|
|
5091
|
+
outline: 3px solid var(--ax-border-focus);
|
|
5092
|
+
outline-offset: 3px;
|
|
5093
|
+
border-radius: 1px;
|
|
5094
|
+
}
|
|
5095
|
+
|
|
5096
|
+
.aksel-link-anchor__overlay .aksel-link-anchor:focus-visible {
|
|
5097
|
+
outline: none;
|
|
5098
|
+
}
|
|
5099
|
+
|
|
5100
|
+
.aksel-link-anchor__arrow {
|
|
5101
|
+
flex-shrink: 0;
|
|
5102
|
+
transition: transform .2s;
|
|
5103
|
+
transform: translateX(0);
|
|
5104
|
+
}
|
|
5105
|
+
|
|
5106
|
+
.aksel-link-anchor:hover .aksel-link-anchor__arrow, .aksel-link-anchor__overlay:hover .aksel-link-anchor__arrow {
|
|
5107
|
+
transform: translateX(4px);
|
|
5108
|
+
}
|
|
5109
|
+
|
|
5110
|
+
.aksel-link-card {
|
|
5111
|
+
--__axc-link-card-padding-block: var(--ax-space-16);
|
|
5112
|
+
--__axc-link-card-padding-inline: var(--ax-space-20);
|
|
5113
|
+
border-radius: var(--ax-border-radius-xlarge);
|
|
5114
|
+
color: var(--ax-text-neutral);
|
|
5115
|
+
background-color: var(--ax-bg-raised);
|
|
5116
|
+
border: 1px solid var(--ax-border-subtleA);
|
|
5117
|
+
padding: var(--__axc-link-card-padding-block) var(--__axc-link-card-padding-inline);
|
|
5118
|
+
cursor: pointer;
|
|
5119
|
+
grid-template: "image image" min-content
|
|
5120
|
+
"icon title" min-content
|
|
5121
|
+
"icon description" min-content
|
|
5122
|
+
"icon footer"
|
|
5123
|
+
/ auto 1fr;
|
|
5124
|
+
align-items: center;
|
|
5125
|
+
text-decoration: none;
|
|
5126
|
+
transition-property: border-color, box-shadow, transform, background-color;
|
|
5127
|
+
transition-duration: .3s;
|
|
5128
|
+
transition-timing-function: cubic-bezier(0, 0, 0, 1);
|
|
5129
|
+
display: grid;
|
|
5130
|
+
position: relative;
|
|
5131
|
+
}
|
|
5132
|
+
|
|
5133
|
+
.aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer)) {
|
|
5134
|
+
grid-template-rows: auto 1fr;
|
|
5135
|
+
}
|
|
5136
|
+
|
|
5137
|
+
.aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer)) .aksel-link-card__title {
|
|
5138
|
+
align-items: center;
|
|
5139
|
+
}
|
|
5140
|
+
|
|
5141
|
+
.aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer)) .aksel-link-card__icon {
|
|
5142
|
+
align-self: center;
|
|
5143
|
+
}
|
|
5144
|
+
|
|
5145
|
+
.aksel-link-card:hover {
|
|
5146
|
+
border-color: var(--ax-border-default);
|
|
5147
|
+
box-shadow: 0 0 0 1px var(--ax-border-default);
|
|
5148
|
+
}
|
|
5149
|
+
|
|
5150
|
+
.aksel-link-card--small {
|
|
5151
|
+
--__axc-link-card-padding-block: var(--ax-space-12);
|
|
5152
|
+
--__axc-link-card-padding-inline: var(--ax-space-16);
|
|
5153
|
+
}
|
|
5154
|
+
|
|
5155
|
+
.aksel-link-card__title {
|
|
5156
|
+
color: var(--ax-text-subtle);
|
|
5157
|
+
justify-content: space-between;
|
|
5158
|
+
align-items: flex-start;
|
|
5159
|
+
gap: var(--ax-space-8);
|
|
5160
|
+
-webkit-hyphens: auto;
|
|
5161
|
+
hyphens: auto;
|
|
5162
|
+
grid-area: title;
|
|
5163
|
+
display: flex;
|
|
5164
|
+
}
|
|
5165
|
+
|
|
5166
|
+
.aksel-link-card[data-color="neutral"] .aksel-link-card__title, .aksel-link-card__title[data-color="neutral"] {
|
|
5167
|
+
color: var(--ax-text-default);
|
|
5168
|
+
}
|
|
5169
|
+
|
|
5170
|
+
.aksel-link-card__description {
|
|
5171
|
+
grid-area: description;
|
|
5172
|
+
margin-block-start: var(--ax-space-4);
|
|
5173
|
+
}
|
|
5174
|
+
|
|
5175
|
+
.aksel-link-card__footer {
|
|
5176
|
+
align-self: flex-end;
|
|
5177
|
+
gap: var(--ax-space-8);
|
|
5178
|
+
flex-wrap: wrap;
|
|
5179
|
+
grid-area: footer;
|
|
5180
|
+
margin-block-start: var(--ax-space-16);
|
|
5181
|
+
display: flex;
|
|
5182
|
+
}
|
|
5183
|
+
|
|
5184
|
+
.aksel-link-card__icon {
|
|
5185
|
+
width: max-content;
|
|
5186
|
+
height: max-content;
|
|
5187
|
+
color: var(--ax-text-default);
|
|
5188
|
+
grid-area: icon;
|
|
5189
|
+
place-content: center;
|
|
5190
|
+
align-self: flex-start;
|
|
5191
|
+
margin-inline-end: var(--ax-space-16);
|
|
5192
|
+
display: grid;
|
|
5193
|
+
}
|
|
5194
|
+
|
|
5195
|
+
.aksel-link-card--small .aksel-link-card__icon {
|
|
5196
|
+
margin-inline-end: var(--ax-space-12);
|
|
5197
|
+
}
|
|
5198
|
+
|
|
5199
|
+
.aksel-link-card__image-container {
|
|
5200
|
+
margin-block: calc(var(--__axc-link-card-padding-block) * -1) var(--__axc-link-card-padding-block);
|
|
5201
|
+
margin-inline: calc(var(--__axc-link-card-padding-inline) * 1 * -1);
|
|
5202
|
+
border-radius: calc(var(--ax-border-radius-xlarge) - 1px);
|
|
5203
|
+
border-bottom-right-radius: 0;
|
|
5204
|
+
border-bottom-left-radius: 0;
|
|
5205
|
+
grid-area: image;
|
|
5206
|
+
position: relative;
|
|
5207
|
+
overflow: hidden;
|
|
5208
|
+
}
|
|
5209
|
+
|
|
5210
|
+
.aksel-link-card__image-container :is(img, picture) {
|
|
5211
|
+
object-fit: cover;
|
|
5212
|
+
max-width: 100%;
|
|
5213
|
+
height: 100%;
|
|
5214
|
+
display: block;
|
|
5215
|
+
}
|
|
5216
|
+
|
|
5048
5217
|
.aksel-loader {
|
|
5049
5218
|
stroke-width: 6px;
|
|
5050
5219
|
--__axc-loader-stroke-width: 5.9;
|
|
@@ -6483,10 +6652,23 @@
|
|
|
6483
6652
|
display: table;
|
|
6484
6653
|
}
|
|
6485
6654
|
|
|
6655
|
+
.aksel-table.aksel-table--sticky-header {
|
|
6656
|
+
border-collapse: separate;
|
|
6657
|
+
border-spacing: 0;
|
|
6658
|
+
}
|
|
6659
|
+
|
|
6486
6660
|
.aksel-table__header {
|
|
6487
6661
|
display: table-header-group;
|
|
6488
6662
|
}
|
|
6489
6663
|
|
|
6664
|
+
.aksel-table--sticky-header .aksel-table__header {
|
|
6665
|
+
z-index: 10;
|
|
6666
|
+
background-color: var(--ax-bg-default);
|
|
6667
|
+
box-sizing: border-box;
|
|
6668
|
+
position: sticky;
|
|
6669
|
+
top: 0;
|
|
6670
|
+
}
|
|
6671
|
+
|
|
6490
6672
|
.aksel-table__body {
|
|
6491
6673
|
display: table-row-group;
|
|
6492
6674
|
}
|
|
@@ -6504,12 +6686,34 @@
|
|
|
6504
6686
|
display: table-row;
|
|
6505
6687
|
}
|
|
6506
6688
|
|
|
6689
|
+
.aksel-table__row:has( + .aksel-table__row--selected) :is(.aksel-table__header-cell, .aksel-table__data-cell) {
|
|
6690
|
+
border-color: var(--ax-border-default);
|
|
6691
|
+
}
|
|
6692
|
+
|
|
6507
6693
|
.aksel-table__row--selected {
|
|
6508
6694
|
background-color: var(--ax-bg-softA);
|
|
6695
|
+
box-shadow: inset 1px 0 0 0 var(--ax-border-default), inset -1px 0 0 0 var(--ax-border-default);
|
|
6696
|
+
}
|
|
6697
|
+
|
|
6698
|
+
.aksel-table__row--selected:first-of-type {
|
|
6699
|
+
box-shadow: inset 1px 0 0 0 var(--ax-border-default), inset -1px 0 0 0 var(--ax-border-default), inset 0 1px 0 0 var(--ax-border-default);
|
|
6509
6700
|
}
|
|
6510
6701
|
|
|
6511
6702
|
.aksel-table__row--selected + .aksel-table__expanded-row {
|
|
6512
6703
|
background-color: var(--ax-bg-softA);
|
|
6704
|
+
box-shadow: inset 1px 0 0 0 var(--ax-border-default), inset -1px 0 0 0 var(--ax-border-default);
|
|
6705
|
+
}
|
|
6706
|
+
|
|
6707
|
+
.aksel-table__row--selected + .aksel-table__expanded-row .aksel-table__expanded-row-collapse {
|
|
6708
|
+
border-color: var(--ax-border-default);
|
|
6709
|
+
}
|
|
6710
|
+
|
|
6711
|
+
.aksel-table__row--selected :is(.aksel-table__header-cell, .aksel-table__data-cell) {
|
|
6712
|
+
border-color: var(--ax-border-default);
|
|
6713
|
+
}
|
|
6714
|
+
|
|
6715
|
+
.aksel-table__row--selected.aksel-table__expandable-row--open :is(.aksel-table__header-cell, .aksel-table__data-cell) {
|
|
6716
|
+
border-color: rgba(0, 0, 0, 0);
|
|
6513
6717
|
}
|
|
6514
6718
|
|
|
6515
6719
|
.aksel-table--zebra-stripes .aksel-table__body :where(.aksel-table__row:nth-child(odd):not(.aksel-table__row--selected)) {
|
|
@@ -6705,6 +6909,10 @@
|
|
|
6705
6909
|
border-bottom: 1px solid var(--ax-border-neutral-subtleA);
|
|
6706
6910
|
}
|
|
6707
6911
|
|
|
6912
|
+
.aksel-table__expanded-row:has( + .aksel-table__row--selected) .aksel-table__expanded-row-collapse {
|
|
6913
|
+
border-color: var(--ax-border-default);
|
|
6914
|
+
}
|
|
6915
|
+
|
|
6708
6916
|
.aksel-table__expanded-row-content {
|
|
6709
6917
|
--__ac-table-expanded-row-pi: calc(var(--ax-space-8) + 3rem);
|
|
6710
6918
|
padding-block: var(--ax-space-16);
|