@navikt/ds-css 7.12.2 → 7.14.0
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 +16 -0
- package/config/tests/bundle.test.ts +1 -1
- package/darkside/dropdown.darkside.css +25 -35
- package/darkside/form/confirmation-panel.darkside.css +7 -21
- package/darkside/index.css +2 -1
- package/darkside/link-panel.darkside.css +37 -0
- package/darkside/panel.darkside.css +4 -4
- package/darkside/tooltip.darkside.css +24 -4
- package/date.css +11 -21
- package/dist/component/date.css +11 -21
- package/dist/component/date.min.css +1 -1
- package/dist/components.css +11 -21
- package/dist/components.min.css +1 -1
- package/dist/darkside/component/dropdown.css +15 -25
- package/dist/darkside/component/dropdown.min.css +1 -1
- package/dist/darkside/component/form.css +7 -21
- package/dist/darkside/component/form.min.css +1 -1
- package/dist/darkside/component/linkpanel.css +38 -0
- package/dist/darkside/component/linkpanel.min.css +1 -0
- package/dist/darkside/component/panel.css +4 -4
- package/dist/darkside/component/panel.min.css +1 -1
- package/dist/darkside/component/tooltip.css +24 -4
- package/dist/darkside/component/tooltip.min.css +1 -1
- package/dist/darkside/components.css +103 -70
- package/dist/darkside/components.min.css +1 -1
- package/dist/darkside/global/tokens.css +275 -233
- package/dist/darkside/global/tokens.min.css +1 -1
- package/dist/darkside/index.css +378 -303
- package/dist/darkside/index.min.css +1 -1
- package/dist/darkside/version/7.14.0/component/dropdown.css +82 -0
- package/dist/darkside/version/7.14.0/component/dropdown.min.css +1 -0
- package/dist/darkside/version/{7.12.2 → 7.14.0}/component/form.css +7 -21
- package/dist/darkside/version/7.14.0/component/form.min.css +1 -0
- package/dist/darkside/version/7.14.0/component/linkpanel.css +38 -0
- package/dist/darkside/version/7.14.0/component/linkpanel.min.css +1 -0
- package/dist/darkside/version/7.14.0/component/panel.css +12 -0
- package/dist/darkside/version/7.14.0/component/panel.min.css +1 -0
- package/dist/darkside/version/{7.12.2 → 7.14.0}/component/tooltip.css +24 -4
- package/dist/darkside/version/{7.12.2 → 7.14.0}/component/tooltip.min.css +1 -1
- package/dist/darkside/version/{7.12.2 → 7.14.0}/components.css +103 -70
- package/dist/darkside/version/7.14.0/components.min.css +1 -0
- package/dist/darkside/version/{7.12.2 → 7.14.0}/global/tokens.css +275 -233
- package/dist/darkside/version/7.14.0/global/tokens.min.css +1 -0
- package/dist/darkside/version/{7.12.2 → 7.14.0}/index.css +378 -303
- package/dist/darkside/version/7.14.0/index.min.css +1 -0
- package/dist/global/tokens.css +1 -1
- package/dist/global/tokens.min.css +1 -1
- package/dist/index.css +12 -22
- package/dist/index.min.css +2 -2
- package/package.json +2 -2
- package/dist/darkside/version/7.12.2/component/dropdown.css +0 -92
- package/dist/darkside/version/7.12.2/component/dropdown.min.css +0 -1
- package/dist/darkside/version/7.12.2/component/form.min.css +0 -1
- package/dist/darkside/version/7.12.2/component/panel.css +0 -12
- package/dist/darkside/version/7.12.2/component/panel.min.css +0 -1
- package/dist/darkside/version/7.12.2/components.min.css +0 -1
- package/dist/darkside/version/7.12.2/global/tokens.min.css +0 -1
- package/dist/darkside/version/7.12.2/index.min.css +0 -1
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/accordion.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/accordion.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/actionmenu.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/actionmenu.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/alert.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/alert.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/button.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/button.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/chat.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/chat.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/chips.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/chips.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/copybutton.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/copybutton.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/date.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/date.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/expansioncard.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/expansioncard.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/guidepanel.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/guidepanel.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/helptext.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/helptext.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/internalheader.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/internalheader.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/link.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/link.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/list.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/list.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/loader.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/loader.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/modal.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/modal.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/pagination.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/pagination.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/popover.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/popover.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/primitives.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/primitives.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/progressbar.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/progressbar.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/readmore.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/readmore.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/skeleton.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/skeleton.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/stepper.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/stepper.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/table.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/table.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/tabs.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/tabs.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/tag.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/tag.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/theme.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/theme.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/timeline.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/timeline.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/togglegroup.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/togglegroup.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/typography.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/component/typography.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/global/baseline.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/global/baseline.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/global/fonts.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/global/fonts.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/global/print.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/global/print.min.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/global/reset.css +0 -0
- /package/dist/darkside/version/{7.12.2 → 7.14.0}/global/reset.min.css +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@layer aksel.theming {
|
|
2
|
-
:root, :host, .light
|
|
2
|
+
:root, :host, .light {
|
|
3
3
|
--ax-meta-lime-400A: #d0dc00;
|
|
4
4
|
--ax-meta-lime-300A: rgba(202, 223, 0, .58);
|
|
5
5
|
--ax-meta-lime-200A: rgba(196, 223, 0, .337);
|
|
@@ -155,227 +155,9 @@
|
|
|
155
155
|
--ax-neutral-300: #e1e3e7;
|
|
156
156
|
--ax-neutral-200: #ecedef;
|
|
157
157
|
--ax-neutral-100: #f5f6f7;
|
|
158
|
-
--ax-text-logo: #c30000;
|
|
159
|
-
--ax-bg-overlay: rgba(2, 20, 49, .49);
|
|
160
|
-
--ax-bg-input: rgba(255, 255, 255, .85);
|
|
161
|
-
--ax-bg-default: #fff;
|
|
162
|
-
--ax-opacity-disabled: .3;
|
|
163
|
-
--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);
|
|
164
|
-
--ax-border-focus: var(--ax-neutral-1000);
|
|
165
|
-
--ax-border-meta-lime-strong: var(--ax-meta-lime-700);
|
|
166
|
-
--ax-border-meta-lime-subtleA: var(--ax-meta-lime-400A);
|
|
167
|
-
--ax-border-meta-lime-subtle: var(--ax-meta-lime-400);
|
|
168
|
-
--ax-border-meta-lime: var(--ax-meta-lime-600);
|
|
169
|
-
--ax-border-meta-purple-strong: var(--ax-meta-purple-700);
|
|
170
|
-
--ax-border-meta-purple-subtleA: var(--ax-meta-purple-400A);
|
|
171
|
-
--ax-border-meta-purple-subtle: var(--ax-meta-purple-400);
|
|
172
|
-
--ax-border-meta-purple: var(--ax-meta-purple-600);
|
|
173
|
-
--ax-border-brand-blue-strong: var(--ax-brand-blue-700);
|
|
174
|
-
--ax-border-brand-blue-subtleA: var(--ax-brand-blue-400A);
|
|
175
|
-
--ax-border-brand-blue-subtle: var(--ax-brand-blue-400);
|
|
176
|
-
--ax-border-brand-blue: var(--ax-brand-blue-600);
|
|
177
|
-
--ax-border-brand-beige-strong: var(--ax-brand-beige-700);
|
|
178
|
-
--ax-border-brand-beige-subtleA: var(--ax-brand-beige-400A);
|
|
179
|
-
--ax-border-brand-beige-subtle: var(--ax-brand-beige-400);
|
|
180
|
-
--ax-border-brand-beige: var(--ax-brand-beige-600);
|
|
181
|
-
--ax-border-brand-magenta-strong: var(--ax-brand-magenta-700);
|
|
182
|
-
--ax-border-brand-magenta-subtleA: var(--ax-brand-magenta-400A);
|
|
183
|
-
--ax-border-brand-magenta-subtle: var(--ax-brand-magenta-400);
|
|
184
|
-
--ax-border-brand-magenta: var(--ax-brand-magenta-600);
|
|
185
|
-
--ax-border-info-strong: var(--ax-info-700);
|
|
186
|
-
--ax-border-info-subtleA: var(--ax-info-400A);
|
|
187
|
-
--ax-border-info-subtle: var(--ax-info-400);
|
|
188
|
-
--ax-border-info: var(--ax-info-600);
|
|
189
|
-
--ax-border-danger-strong: var(--ax-danger-700);
|
|
190
|
-
--ax-border-danger-subtleA: var(--ax-danger-400A);
|
|
191
|
-
--ax-border-danger-subtle: var(--ax-danger-400);
|
|
192
|
-
--ax-border-danger: var(--ax-danger-600);
|
|
193
|
-
--ax-border-warning-strong: var(--ax-warning-700);
|
|
194
|
-
--ax-border-warning-subtleA: var(--ax-warning-400A);
|
|
195
|
-
--ax-border-warning-subtle: var(--ax-warning-400);
|
|
196
|
-
--ax-border-warning: var(--ax-warning-600);
|
|
197
|
-
--ax-border-success-strong: var(--ax-success-700);
|
|
198
|
-
--ax-border-success-subtleA: var(--ax-success-400A);
|
|
199
|
-
--ax-border-success-subtle: var(--ax-success-400);
|
|
200
|
-
--ax-border-success: var(--ax-success-600);
|
|
201
|
-
--ax-border-accent-strong: var(--ax-accent-700);
|
|
202
|
-
--ax-border-accent-subtleA: var(--ax-accent-400A);
|
|
203
|
-
--ax-border-accent-subtle: var(--ax-accent-400);
|
|
204
|
-
--ax-border-accent: var(--ax-accent-600);
|
|
205
|
-
--ax-border-neutral-strong: var(--ax-neutral-700);
|
|
206
|
-
--ax-border-neutral-subtleA: var(--ax-neutral-400A);
|
|
207
|
-
--ax-border-neutral-subtle: var(--ax-neutral-400);
|
|
208
|
-
--ax-border-neutral: var(--ax-neutral-600);
|
|
209
|
-
--ax-text-meta-lime-contrast: var(--ax-neutral-000);
|
|
210
|
-
--ax-text-meta-purple-contrast: var(--ax-neutral-000);
|
|
211
|
-
--ax-text-brand-blue-contrast: var(--ax-neutral-000);
|
|
212
|
-
--ax-text-brand-beige-contrast: var(--ax-neutral-000);
|
|
213
|
-
--ax-text-brand-magenta-contrast: var(--ax-neutral-000);
|
|
214
|
-
--ax-text-warning-contrast: var(--ax-neutral-000);
|
|
215
|
-
--ax-text-success-contrast: var(--ax-neutral-000);
|
|
216
|
-
--ax-text-info-contrast: var(--ax-neutral-000);
|
|
217
|
-
--ax-text-danger-contrast: var(--ax-neutral-000);
|
|
218
|
-
--ax-text-accent-contrast: var(--ax-neutral-000);
|
|
219
|
-
--ax-text-neutral-contrast: var(--ax-neutral-000);
|
|
220
|
-
--ax-text-meta-lime-icon: var(--ax-meta-lime-600);
|
|
221
|
-
--ax-text-meta-lime-subtle: var(--ax-meta-lime-800);
|
|
222
|
-
--ax-text-meta-lime: var(--ax-meta-lime-1000);
|
|
223
|
-
--ax-text-meta-purple-icon: var(--ax-meta-purple-600);
|
|
224
|
-
--ax-text-meta-purple-subtle: var(--ax-meta-purple-800);
|
|
225
|
-
--ax-text-meta-purple: var(--ax-meta-purple-1000);
|
|
226
|
-
--ax-text-brand-blue-icon: var(--ax-brand-blue-600);
|
|
227
|
-
--ax-text-brand-blue-subtle: var(--ax-brand-blue-800);
|
|
228
|
-
--ax-text-brand-blue: var(--ax-brand-blue-1000);
|
|
229
|
-
--ax-text-brand-beige-icon: var(--ax-brand-beige-600);
|
|
230
|
-
--ax-text-brand-beige-subtle: var(--ax-brand-beige-800);
|
|
231
|
-
--ax-text-brand-beige: var(--ax-brand-beige-1000);
|
|
232
|
-
--ax-text-brand-magenta-icon: var(--ax-brand-magenta-600);
|
|
233
|
-
--ax-text-brand-magenta-subtle: var(--ax-brand-magenta-800);
|
|
234
|
-
--ax-text-brand-magenta: var(--ax-brand-magenta-1000);
|
|
235
|
-
--ax-text-info-icon: var(--ax-info-600);
|
|
236
|
-
--ax-text-info-subtle: var(--ax-info-800);
|
|
237
|
-
--ax-text-info: var(--ax-info-1000);
|
|
238
|
-
--ax-text-danger-icon: var(--ax-danger-600);
|
|
239
|
-
--ax-text-danger-subtle: var(--ax-danger-800);
|
|
240
|
-
--ax-text-danger: var(--ax-danger-1000);
|
|
241
|
-
--ax-text-warning-icon: var(--ax-warning-600);
|
|
242
|
-
--ax-text-warning-subtle: var(--ax-warning-800);
|
|
243
|
-
--ax-text-warning: var(--ax-warning-1000);
|
|
244
|
-
--ax-text-success-icon: var(--ax-success-600);
|
|
245
|
-
--ax-text-success-subtle: var(--ax-success-800);
|
|
246
|
-
--ax-text-success: var(--ax-success-1000);
|
|
247
|
-
--ax-text-accent-icon: var(--ax-accent-600);
|
|
248
|
-
--ax-text-accent-subtle: var(--ax-accent-800);
|
|
249
|
-
--ax-text-accent: var(--ax-accent-1000);
|
|
250
|
-
--ax-text-neutral-icon: var(--ax-neutral-600);
|
|
251
|
-
--ax-text-neutral-subtle: var(--ax-neutral-900);
|
|
252
|
-
--ax-text-neutral: var(--ax-neutral-1000);
|
|
253
|
-
--ax-bg-sunken: var(--ax-neutral-200);
|
|
254
|
-
--ax-bg-raised: var(--ax-neutral-000);
|
|
255
|
-
--ax-bg-meta-lime-strong-pressed: var(--ax-meta-lime-800);
|
|
256
|
-
--ax-bg-meta-lime-strong-hover: var(--ax-meta-lime-700);
|
|
257
|
-
--ax-bg-meta-lime-strong: var(--ax-meta-lime-600);
|
|
258
|
-
--ax-bg-meta-lime-moderate-pressedA: var(--ax-meta-lime-400A);
|
|
259
|
-
--ax-bg-meta-lime-moderate-pressed: var(--ax-meta-lime-400);
|
|
260
|
-
--ax-bg-meta-lime-moderate-hoverA: var(--ax-meta-lime-300A);
|
|
261
|
-
--ax-bg-meta-lime-moderate-hover: var(--ax-meta-lime-300);
|
|
262
|
-
--ax-bg-meta-lime-moderateA: var(--ax-meta-lime-200A);
|
|
263
|
-
--ax-bg-meta-lime-moderate: var(--ax-meta-lime-200);
|
|
264
|
-
--ax-bg-meta-lime-softA: var(--ax-meta-lime-100A);
|
|
265
|
-
--ax-bg-meta-lime-soft: var(--ax-meta-lime-100);
|
|
266
|
-
--ax-bg-meta-purple-strong-pressed: var(--ax-meta-purple-800);
|
|
267
|
-
--ax-bg-meta-purple-strong-hover: var(--ax-meta-purple-700);
|
|
268
|
-
--ax-bg-meta-purple-strong: var(--ax-meta-purple-600);
|
|
269
|
-
--ax-bg-meta-purple-moderate-pressedA: var(--ax-meta-purple-400A);
|
|
270
|
-
--ax-bg-meta-purple-moderate-pressed: var(--ax-meta-purple-400);
|
|
271
|
-
--ax-bg-meta-purple-moderate-hoverA: var(--ax-meta-purple-300A);
|
|
272
|
-
--ax-bg-meta-purple-moderate-hover: var(--ax-meta-purple-300);
|
|
273
|
-
--ax-bg-meta-purple-moderateA: var(--ax-meta-purple-200A);
|
|
274
|
-
--ax-bg-meta-purple-moderate: var(--ax-meta-purple-200);
|
|
275
|
-
--ax-bg-meta-purple-softA: var(--ax-meta-purple-100A);
|
|
276
|
-
--ax-bg-meta-purple-soft: var(--ax-meta-purple-100);
|
|
277
|
-
--ax-bg-brand-blue-strong-pressed: var(--ax-brand-blue-800);
|
|
278
|
-
--ax-bg-brand-blue-strong-hover: var(--ax-brand-blue-700);
|
|
279
|
-
--ax-bg-brand-blue-strong: var(--ax-brand-blue-600);
|
|
280
|
-
--ax-bg-brand-blue-moderate-pressedA: var(--ax-brand-blue-400A);
|
|
281
|
-
--ax-bg-brand-blue-moderate-pressed: var(--ax-brand-blue-400);
|
|
282
|
-
--ax-bg-brand-blue-moderate-hoverA: var(--ax-brand-blue-300A);
|
|
283
|
-
--ax-bg-brand-blue-moderate-hover: var(--ax-brand-blue-300);
|
|
284
|
-
--ax-bg-brand-blue-moderateA: var(--ax-brand-blue-200A);
|
|
285
|
-
--ax-bg-brand-blue-moderate: var(--ax-brand-blue-200);
|
|
286
|
-
--ax-bg-brand-blue-softA: var(--ax-brand-blue-100A);
|
|
287
|
-
--ax-bg-brand-blue-soft: var(--ax-brand-blue-100);
|
|
288
|
-
--ax-bg-brand-beige-strong-pressed: var(--ax-brand-beige-800);
|
|
289
|
-
--ax-bg-brand-beige-strong-hover: var(--ax-brand-beige-700);
|
|
290
|
-
--ax-bg-brand-beige-strong: var(--ax-brand-beige-600);
|
|
291
|
-
--ax-bg-brand-beige-moderate-pressedA: var(--ax-brand-beige-400A);
|
|
292
|
-
--ax-bg-brand-beige-moderate-pressed: var(--ax-brand-beige-400);
|
|
293
|
-
--ax-bg-brand-beige-moderate-hoverA: var(--ax-brand-beige-300A);
|
|
294
|
-
--ax-bg-brand-beige-moderate-hover: var(--ax-brand-beige-300);
|
|
295
|
-
--ax-bg-brand-beige-moderateA: var(--ax-brand-beige-200A);
|
|
296
|
-
--ax-bg-brand-beige-moderate: var(--ax-brand-beige-200);
|
|
297
|
-
--ax-bg-brand-beige-softA: var(--ax-brand-beige-100A);
|
|
298
|
-
--ax-bg-brand-beige-soft: var(--ax-brand-beige-100);
|
|
299
|
-
--ax-bg-brand-magenta-strong-pressed: var(--ax-brand-magenta-800);
|
|
300
|
-
--ax-bg-brand-magenta-strong-hover: var(--ax-brand-magenta-700);
|
|
301
|
-
--ax-bg-brand-magenta-strong: var(--ax-brand-magenta-600);
|
|
302
|
-
--ax-bg-brand-magenta-moderate-pressedA: var(--ax-brand-magenta-400A);
|
|
303
|
-
--ax-bg-brand-magenta-moderate-pressed: var(--ax-brand-magenta-400);
|
|
304
|
-
--ax-bg-brand-magenta-moderate-hoverA: var(--ax-brand-magenta-300A);
|
|
305
|
-
--ax-bg-brand-magenta-moderate-hover: var(--ax-brand-magenta-300);
|
|
306
|
-
--ax-bg-brand-magenta-moderateA: var(--ax-brand-magenta-200A);
|
|
307
|
-
--ax-bg-brand-magenta-moderate: var(--ax-brand-magenta-200);
|
|
308
|
-
--ax-bg-brand-magenta-softA: var(--ax-brand-magenta-100A);
|
|
309
|
-
--ax-bg-brand-magenta-soft: var(--ax-brand-magenta-100);
|
|
310
|
-
--ax-bg-info-strong-pressed: var(--ax-info-800);
|
|
311
|
-
--ax-bg-info-strong-hover: var(--ax-info-700);
|
|
312
|
-
--ax-bg-info-strong: var(--ax-info-600);
|
|
313
|
-
--ax-bg-info-moderate-pressedA: var(--ax-info-400A);
|
|
314
|
-
--ax-bg-info-moderate-pressed: var(--ax-info-400);
|
|
315
|
-
--ax-bg-info-moderate-hoverA: var(--ax-info-300A);
|
|
316
|
-
--ax-bg-info-moderate-hover: var(--ax-info-300);
|
|
317
|
-
--ax-bg-info-moderateA: var(--ax-info-200A);
|
|
318
|
-
--ax-bg-info-moderate: var(--ax-info-200);
|
|
319
|
-
--ax-bg-info-softA: var(--ax-info-100A);
|
|
320
|
-
--ax-bg-info-soft: var(--ax-info-100);
|
|
321
|
-
--ax-bg-danger-strong-pressed: var(--ax-danger-800);
|
|
322
|
-
--ax-bg-danger-strong-hover: var(--ax-danger-700);
|
|
323
|
-
--ax-bg-danger-strong: var(--ax-danger-600);
|
|
324
|
-
--ax-bg-danger-moderate-pressedA: var(--ax-danger-400A);
|
|
325
|
-
--ax-bg-danger-moderate-pressed: var(--ax-danger-400);
|
|
326
|
-
--ax-bg-danger-moderate-hoverA: var(--ax-danger-300A);
|
|
327
|
-
--ax-bg-danger-moderate-hover: var(--ax-danger-300);
|
|
328
|
-
--ax-bg-danger-moderateA: var(--ax-danger-200A);
|
|
329
|
-
--ax-bg-danger-moderate: var(--ax-danger-200);
|
|
330
|
-
--ax-bg-danger-softA: var(--ax-danger-100A);
|
|
331
|
-
--ax-bg-danger-soft: var(--ax-danger-100);
|
|
332
|
-
--ax-bg-warning-strong-pressed: var(--ax-warning-800);
|
|
333
|
-
--ax-bg-warning-strong-hover: var(--ax-warning-700);
|
|
334
|
-
--ax-bg-warning-strong: var(--ax-warning-600);
|
|
335
|
-
--ax-bg-warning-moderate-pressedA: var(--ax-warning-400A);
|
|
336
|
-
--ax-bg-warning-moderate-pressed: var(--ax-warning-400);
|
|
337
|
-
--ax-bg-warning-moderate-hoverA: var(--ax-warning-300A);
|
|
338
|
-
--ax-bg-warning-moderate-hover: var(--ax-warning-300);
|
|
339
|
-
--ax-bg-warning-moderateA: var(--ax-warning-200A);
|
|
340
|
-
--ax-bg-warning-moderate: var(--ax-warning-200);
|
|
341
|
-
--ax-bg-warning-softA: var(--ax-warning-100A);
|
|
342
|
-
--ax-bg-warning-soft: var(--ax-warning-100);
|
|
343
|
-
--ax-bg-success-strong-pressed: var(--ax-success-800);
|
|
344
|
-
--ax-bg-success-strong-hover: var(--ax-success-700);
|
|
345
|
-
--ax-bg-success-strong: var(--ax-success-600);
|
|
346
|
-
--ax-bg-success-moderate-pressedA: var(--ax-success-400A);
|
|
347
|
-
--ax-bg-success-moderate-pressed: var(--ax-success-400);
|
|
348
|
-
--ax-bg-success-moderate-hoverA: var(--ax-success-300A);
|
|
349
|
-
--ax-bg-success-moderate-hover: var(--ax-success-300);
|
|
350
|
-
--ax-bg-success-moderateA: var(--ax-success-200A);
|
|
351
|
-
--ax-bg-success-moderate: var(--ax-success-200);
|
|
352
|
-
--ax-bg-success-softA: var(--ax-success-100A);
|
|
353
|
-
--ax-bg-success-soft: var(--ax-success-100);
|
|
354
|
-
--ax-bg-accent-strong-pressed: var(--ax-accent-800);
|
|
355
|
-
--ax-bg-accent-strong-hover: var(--ax-accent-700);
|
|
356
|
-
--ax-bg-accent-strong: var(--ax-accent-600);
|
|
357
|
-
--ax-bg-accent-moderate-pressedA: var(--ax-accent-400A);
|
|
358
|
-
--ax-bg-accent-moderate-pressed: var(--ax-accent-400);
|
|
359
|
-
--ax-bg-accent-moderate-hoverA: var(--ax-accent-300A);
|
|
360
|
-
--ax-bg-accent-moderate-hover: var(--ax-accent-300);
|
|
361
|
-
--ax-bg-accent-moderateA: var(--ax-accent-200A);
|
|
362
|
-
--ax-bg-accent-moderate: var(--ax-accent-200);
|
|
363
|
-
--ax-bg-accent-softA: var(--ax-accent-100A);
|
|
364
|
-
--ax-bg-accent-soft: var(--ax-accent-100);
|
|
365
|
-
--ax-bg-neutral-strong-pressed: var(--ax-neutral-900);
|
|
366
|
-
--ax-bg-neutral-strong-hover: var(--ax-neutral-800);
|
|
367
|
-
--ax-bg-neutral-strong: var(--ax-neutral-700);
|
|
368
|
-
--ax-bg-neutral-moderate-pressedA: var(--ax-neutral-400A);
|
|
369
|
-
--ax-bg-neutral-moderate-pressed: var(--ax-neutral-400);
|
|
370
|
-
--ax-bg-neutral-moderate-hoverA: var(--ax-neutral-300A);
|
|
371
|
-
--ax-bg-neutral-moderate-hover: var(--ax-neutral-300);
|
|
372
|
-
--ax-bg-neutral-moderateA: var(--ax-neutral-200A);
|
|
373
|
-
--ax-bg-neutral-moderate: var(--ax-neutral-200);
|
|
374
|
-
--ax-bg-neutral-softA: var(--ax-neutral-100A);
|
|
375
|
-
--ax-bg-neutral-soft: var(--ax-neutral-100);
|
|
376
158
|
}
|
|
377
159
|
|
|
378
|
-
.dark
|
|
160
|
+
.dark {
|
|
379
161
|
--ax-meta-lime-400A: rgba(251, 245, 0, .16);
|
|
380
162
|
--ax-meta-lime-300A: rgba(252, 233, 0, .114);
|
|
381
163
|
--ax-meta-lime-200A: rgba(246, 207, 0, .086);
|
|
@@ -531,6 +313,21 @@
|
|
|
531
313
|
--ax-neutral-300: #242b37;
|
|
532
314
|
--ax-neutral-200: #1c232f;
|
|
533
315
|
--ax-neutral-100: #161d28;
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
:root, :host, .light {
|
|
319
|
+
--ax-bg-overlay: rgba(2, 20, 49, .49);
|
|
320
|
+
--ax-bg-input: rgba(255, 255, 255, .85);
|
|
321
|
+
--ax-bg-default: #fff;
|
|
322
|
+
--ax-text-logo: #c30000;
|
|
323
|
+
--ax-opacity-disabled: .3;
|
|
324
|
+
--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);
|
|
325
|
+
--ax-border-focus: var(--ax-neutral-1000);
|
|
326
|
+
--ax-bg-sunken: var(--ax-neutral-200);
|
|
327
|
+
--ax-bg-raised: var(--ax-neutral-000);
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
.dark, .dark-theme {
|
|
534
331
|
--ax-bg-overlay: rgba(2, 20, 49, .49);
|
|
535
332
|
--ax-bg-sunken: #07090d;
|
|
536
333
|
--ax-bg-input: rgba(7, 9, 13, .5);
|
|
@@ -538,6 +335,11 @@
|
|
|
538
335
|
--ax-opacity-disabled: .4;
|
|
539
336
|
--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);
|
|
540
337
|
--ax-border-focus: var(--ax-neutral-1000);
|
|
338
|
+
--ax-bg-raised: var(--ax-neutral-100);
|
|
339
|
+
--ax-text-logo: var(--ax-neutral-1000);
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
:root, :host, .light, .dark {
|
|
541
343
|
--ax-border-meta-lime-strong: var(--ax-meta-lime-700);
|
|
542
344
|
--ax-border-meta-lime-subtleA: var(--ax-meta-lime-400A);
|
|
543
345
|
--ax-border-meta-lime-subtle: var(--ax-meta-lime-400);
|
|
@@ -582,52 +384,50 @@
|
|
|
582
384
|
--ax-border-neutral-subtleA: var(--ax-neutral-400A);
|
|
583
385
|
--ax-border-neutral-subtle: var(--ax-neutral-400);
|
|
584
386
|
--ax-border-neutral: var(--ax-neutral-600);
|
|
585
|
-
--ax-text-logo: var(--ax-neutral-1000);
|
|
586
387
|
--ax-text-meta-lime-contrast: var(--ax-neutral-000);
|
|
587
|
-
--ax-text-meta-purple-contrast: var(--ax-neutral-000);
|
|
588
|
-
--ax-text-brand-blue-contrast: var(--ax-neutral-000);
|
|
589
|
-
--ax-text-brand-beige-contrast: var(--ax-neutral-000);
|
|
590
|
-
--ax-text-brand-magenta-contrast: var(--ax-neutral-000);
|
|
591
|
-
--ax-text-warning-contrast: var(--ax-neutral-000);
|
|
592
|
-
--ax-text-success-contrast: var(--ax-neutral-000);
|
|
593
|
-
--ax-text-info-contrast: var(--ax-neutral-000);
|
|
594
|
-
--ax-text-danger-contrast: var(--ax-neutral-000);
|
|
595
|
-
--ax-text-accent-contrast: var(--ax-neutral-000);
|
|
596
|
-
--ax-text-neutral-contrast: var(--ax-neutral-000);
|
|
597
388
|
--ax-text-meta-lime-icon: var(--ax-meta-lime-600);
|
|
598
389
|
--ax-text-meta-lime-subtle: var(--ax-meta-lime-800);
|
|
599
390
|
--ax-text-meta-lime: var(--ax-meta-lime-1000);
|
|
391
|
+
--ax-text-meta-purple-contrast: var(--ax-neutral-000);
|
|
600
392
|
--ax-text-meta-purple-icon: var(--ax-meta-purple-600);
|
|
601
393
|
--ax-text-meta-purple-subtle: var(--ax-meta-purple-800);
|
|
602
394
|
--ax-text-meta-purple: var(--ax-meta-purple-1000);
|
|
395
|
+
--ax-text-brand-blue-contrast: var(--ax-neutral-000);
|
|
603
396
|
--ax-text-brand-blue-icon: var(--ax-brand-blue-600);
|
|
604
397
|
--ax-text-brand-blue-subtle: var(--ax-brand-blue-800);
|
|
605
398
|
--ax-text-brand-blue: var(--ax-brand-blue-1000);
|
|
399
|
+
--ax-text-brand-beige-contrast: var(--ax-neutral-000);
|
|
606
400
|
--ax-text-brand-beige-icon: var(--ax-brand-beige-600);
|
|
607
401
|
--ax-text-brand-beige-subtle: var(--ax-brand-beige-800);
|
|
608
402
|
--ax-text-brand-beige: var(--ax-brand-beige-1000);
|
|
403
|
+
--ax-text-brand-magenta-contrast: var(--ax-neutral-000);
|
|
609
404
|
--ax-text-brand-magenta-icon: var(--ax-brand-magenta-600);
|
|
610
405
|
--ax-text-brand-magenta-subtle: var(--ax-brand-magenta-800);
|
|
611
406
|
--ax-text-brand-magenta: var(--ax-brand-magenta-1000);
|
|
407
|
+
--ax-text-info-contrast: var(--ax-neutral-000);
|
|
612
408
|
--ax-text-info-icon: var(--ax-info-600);
|
|
613
409
|
--ax-text-info-subtle: var(--ax-info-800);
|
|
614
410
|
--ax-text-info: var(--ax-info-1000);
|
|
411
|
+
--ax-text-danger-contrast: var(--ax-neutral-000);
|
|
615
412
|
--ax-text-danger-icon: var(--ax-danger-600);
|
|
616
413
|
--ax-text-danger-subtle: var(--ax-danger-800);
|
|
617
414
|
--ax-text-danger: var(--ax-danger-1000);
|
|
415
|
+
--ax-text-warning-contrast: var(--ax-neutral-000);
|
|
618
416
|
--ax-text-warning-icon: var(--ax-warning-600);
|
|
619
417
|
--ax-text-warning-subtle: var(--ax-warning-800);
|
|
620
418
|
--ax-text-warning: var(--ax-warning-1000);
|
|
419
|
+
--ax-text-success-contrast: var(--ax-neutral-000);
|
|
621
420
|
--ax-text-success-icon: var(--ax-success-600);
|
|
622
421
|
--ax-text-success-subtle: var(--ax-success-800);
|
|
623
422
|
--ax-text-success: var(--ax-success-1000);
|
|
423
|
+
--ax-text-accent-contrast: var(--ax-neutral-000);
|
|
624
424
|
--ax-text-accent-icon: var(--ax-accent-600);
|
|
625
425
|
--ax-text-accent-subtle: var(--ax-accent-800);
|
|
626
426
|
--ax-text-accent: var(--ax-accent-1000);
|
|
427
|
+
--ax-text-neutral-contrast: var(--ax-neutral-000);
|
|
627
428
|
--ax-text-neutral-icon: var(--ax-neutral-600);
|
|
628
429
|
--ax-text-neutral-subtle: var(--ax-neutral-900);
|
|
629
430
|
--ax-text-neutral: var(--ax-neutral-1000);
|
|
630
|
-
--ax-bg-raised: var(--ax-neutral-100);
|
|
631
431
|
--ax-bg-meta-lime-strong-pressed: var(--ax-meta-lime-800);
|
|
632
432
|
--ax-bg-meta-lime-strong-hover: var(--ax-meta-lime-700);
|
|
633
433
|
--ax-bg-meta-lime-strong: var(--ax-meta-lime-600);
|
|
@@ -752,7 +552,7 @@
|
|
|
752
552
|
}
|
|
753
553
|
|
|
754
554
|
:root, :host {
|
|
755
|
-
--ax-version: "7.
|
|
555
|
+
--ax-version: "7.14.0";
|
|
756
556
|
--ax-font-weight-regular: 400;
|
|
757
557
|
--ax-font-weight-bold: 600;
|
|
758
558
|
--ax-font-size-small: .875rem;
|
|
@@ -814,4 +614,246 @@
|
|
|
814
614
|
--ax-space-1: .0625rem;
|
|
815
615
|
--ax-space-0: 0rem;
|
|
816
616
|
}
|
|
617
|
+
|
|
618
|
+
[data-color-role="neutral"] {
|
|
619
|
+
--ax-border-strong: var(--ax-border-neutral-strong);
|
|
620
|
+
--ax-border-subtleA: var(--ax-border-neutral-subtleA);
|
|
621
|
+
--ax-border-subtle: var(--ax-border-neutral-subtle);
|
|
622
|
+
--ax-border-default: var(--ax-border-neutral);
|
|
623
|
+
--ax-text-contrast: var(--ax-text-neutral-contrast);
|
|
624
|
+
--ax-text-icon: var(--ax-text-neutral-icon);
|
|
625
|
+
--ax-text-subtle: var(--ax-text-neutral-subtle);
|
|
626
|
+
--ax-text-default: var(--ax-text-neutral);
|
|
627
|
+
--ax-bg-strong-pressed: var(--ax-bg-neutral-strong-pressed);
|
|
628
|
+
--ax-bg-strong-hover: var(--ax-bg-neutral-strong-hover);
|
|
629
|
+
--ax-bg-strong: var(--ax-bg-neutral-strong);
|
|
630
|
+
--ax-bg-moderate-pressedA: var(--ax-bg-neutral-moderate-pressedA);
|
|
631
|
+
--ax-bg-moderate-pressed: var(--ax-bg-neutral-moderate-pressed);
|
|
632
|
+
--ax-bg-moderate-hoverA: var(--ax-bg-neutral-moderate-hoverA);
|
|
633
|
+
--ax-bg-moderate-hover: var(--ax-bg-neutral-moderate-hover);
|
|
634
|
+
--ax-bg-moderateA: var(--ax-bg-neutral-moderateA);
|
|
635
|
+
--ax-bg-moderate: var(--ax-bg-neutral-moderate);
|
|
636
|
+
--ax-bg-softA: var(--ax-bg-neutral-softA);
|
|
637
|
+
--ax-bg-soft: var(--ax-bg-neutral-soft);
|
|
638
|
+
}
|
|
639
|
+
|
|
640
|
+
[data-color-role="accent"] {
|
|
641
|
+
--ax-border-strong: var(--ax-border-accent-strong);
|
|
642
|
+
--ax-border-subtleA: var(--ax-border-accent-subtleA);
|
|
643
|
+
--ax-border-subtle: var(--ax-border-accent-subtle);
|
|
644
|
+
--ax-border-default: var(--ax-border-accent);
|
|
645
|
+
--ax-text-contrast: var(--ax-text-accent-contrast);
|
|
646
|
+
--ax-text-icon: var(--ax-text-accent-icon);
|
|
647
|
+
--ax-text-subtle: var(--ax-text-accent-subtle);
|
|
648
|
+
--ax-text-default: var(--ax-text-accent);
|
|
649
|
+
--ax-bg-strong-pressed: var(--ax-bg-accent-strong-pressed);
|
|
650
|
+
--ax-bg-strong-hover: var(--ax-bg-accent-strong-hover);
|
|
651
|
+
--ax-bg-strong: var(--ax-bg-accent-strong);
|
|
652
|
+
--ax-bg-moderate-pressedA: var(--ax-bg-accent-moderate-pressedA);
|
|
653
|
+
--ax-bg-moderate-pressed: var(--ax-bg-accent-moderate-pressed);
|
|
654
|
+
--ax-bg-moderate-hoverA: var(--ax-bg-accent-moderate-hoverA);
|
|
655
|
+
--ax-bg-moderate-hover: var(--ax-bg-accent-moderate-hover);
|
|
656
|
+
--ax-bg-moderateA: var(--ax-bg-accent-moderateA);
|
|
657
|
+
--ax-bg-moderate: var(--ax-bg-accent-moderate);
|
|
658
|
+
--ax-bg-softA: var(--ax-bg-accent-softA);
|
|
659
|
+
--ax-bg-soft: var(--ax-bg-accent-soft);
|
|
660
|
+
}
|
|
661
|
+
|
|
662
|
+
[data-color-role="success"] {
|
|
663
|
+
--ax-border-strong: var(--ax-border-success-strong);
|
|
664
|
+
--ax-border-subtleA: var(--ax-border-success-subtleA);
|
|
665
|
+
--ax-border-subtle: var(--ax-border-success-subtle);
|
|
666
|
+
--ax-border-default: var(--ax-border-success);
|
|
667
|
+
--ax-text-contrast: var(--ax-text-success-contrast);
|
|
668
|
+
--ax-text-icon: var(--ax-text-success-icon);
|
|
669
|
+
--ax-text-subtle: var(--ax-text-success-subtle);
|
|
670
|
+
--ax-text-default: var(--ax-text-success);
|
|
671
|
+
--ax-bg-strong-pressed: var(--ax-bg-success-strong-pressed);
|
|
672
|
+
--ax-bg-strong-hover: var(--ax-bg-success-strong-hover);
|
|
673
|
+
--ax-bg-strong: var(--ax-bg-success-strong);
|
|
674
|
+
--ax-bg-moderate-pressedA: var(--ax-bg-success-moderate-pressedA);
|
|
675
|
+
--ax-bg-moderate-pressed: var(--ax-bg-success-moderate-pressed);
|
|
676
|
+
--ax-bg-moderate-hoverA: var(--ax-bg-success-moderate-hoverA);
|
|
677
|
+
--ax-bg-moderate-hover: var(--ax-bg-success-moderate-hover);
|
|
678
|
+
--ax-bg-moderateA: var(--ax-bg-success-moderateA);
|
|
679
|
+
--ax-bg-moderate: var(--ax-bg-success-moderate);
|
|
680
|
+
--ax-bg-softA: var(--ax-bg-success-softA);
|
|
681
|
+
--ax-bg-soft: var(--ax-bg-success-soft);
|
|
682
|
+
}
|
|
683
|
+
|
|
684
|
+
[data-color-role="warning"] {
|
|
685
|
+
--ax-border-strong: var(--ax-border-warning-strong);
|
|
686
|
+
--ax-border-subtleA: var(--ax-border-warning-subtleA);
|
|
687
|
+
--ax-border-subtle: var(--ax-border-warning-subtle);
|
|
688
|
+
--ax-border-default: var(--ax-border-warning);
|
|
689
|
+
--ax-text-contrast: var(--ax-text-warning-contrast);
|
|
690
|
+
--ax-text-icon: var(--ax-text-warning-icon);
|
|
691
|
+
--ax-text-subtle: var(--ax-text-warning-subtle);
|
|
692
|
+
--ax-text-default: var(--ax-text-warning);
|
|
693
|
+
--ax-bg-strong-pressed: var(--ax-bg-warning-strong-pressed);
|
|
694
|
+
--ax-bg-strong-hover: var(--ax-bg-warning-strong-hover);
|
|
695
|
+
--ax-bg-strong: var(--ax-bg-warning-strong);
|
|
696
|
+
--ax-bg-moderate-pressedA: var(--ax-bg-warning-moderate-pressedA);
|
|
697
|
+
--ax-bg-moderate-pressed: var(--ax-bg-warning-moderate-pressed);
|
|
698
|
+
--ax-bg-moderate-hoverA: var(--ax-bg-warning-moderate-hoverA);
|
|
699
|
+
--ax-bg-moderate-hover: var(--ax-bg-warning-moderate-hover);
|
|
700
|
+
--ax-bg-moderateA: var(--ax-bg-warning-moderateA);
|
|
701
|
+
--ax-bg-moderate: var(--ax-bg-warning-moderate);
|
|
702
|
+
--ax-bg-softA: var(--ax-bg-warning-softA);
|
|
703
|
+
--ax-bg-soft: var(--ax-bg-warning-soft);
|
|
704
|
+
}
|
|
705
|
+
|
|
706
|
+
[data-color-role="danger"] {
|
|
707
|
+
--ax-border-strong: var(--ax-border-danger-strong);
|
|
708
|
+
--ax-border-subtleA: var(--ax-border-danger-subtleA);
|
|
709
|
+
--ax-border-subtle: var(--ax-border-danger-subtle);
|
|
710
|
+
--ax-border-default: var(--ax-border-danger);
|
|
711
|
+
--ax-text-contrast: var(--ax-text-danger-contrast);
|
|
712
|
+
--ax-text-icon: var(--ax-text-danger-icon);
|
|
713
|
+
--ax-text-subtle: var(--ax-text-danger-subtle);
|
|
714
|
+
--ax-text-default: var(--ax-text-danger);
|
|
715
|
+
--ax-bg-strong-pressed: var(--ax-bg-danger-strong-pressed);
|
|
716
|
+
--ax-bg-strong-hover: var(--ax-bg-danger-strong-hover);
|
|
717
|
+
--ax-bg-strong: var(--ax-bg-danger-strong);
|
|
718
|
+
--ax-bg-moderate-pressedA: var(--ax-bg-danger-moderate-pressedA);
|
|
719
|
+
--ax-bg-moderate-pressed: var(--ax-bg-danger-moderate-pressed);
|
|
720
|
+
--ax-bg-moderate-hoverA: var(--ax-bg-danger-moderate-hoverA);
|
|
721
|
+
--ax-bg-moderate-hover: var(--ax-bg-danger-moderate-hover);
|
|
722
|
+
--ax-bg-moderateA: var(--ax-bg-danger-moderateA);
|
|
723
|
+
--ax-bg-moderate: var(--ax-bg-danger-moderate);
|
|
724
|
+
--ax-bg-softA: var(--ax-bg-danger-softA);
|
|
725
|
+
--ax-bg-soft: var(--ax-bg-danger-soft);
|
|
726
|
+
}
|
|
727
|
+
|
|
728
|
+
[data-color-role="info"] {
|
|
729
|
+
--ax-border-strong: var(--ax-border-info-strong);
|
|
730
|
+
--ax-border-subtleA: var(--ax-border-info-subtleA);
|
|
731
|
+
--ax-border-subtle: var(--ax-border-info-subtle);
|
|
732
|
+
--ax-border-default: var(--ax-border-info);
|
|
733
|
+
--ax-text-contrast: var(--ax-text-info-contrast);
|
|
734
|
+
--ax-text-icon: var(--ax-text-info-icon);
|
|
735
|
+
--ax-text-subtle: var(--ax-text-info-subtle);
|
|
736
|
+
--ax-text-default: var(--ax-text-info);
|
|
737
|
+
--ax-bg-strong-pressed: var(--ax-bg-info-strong-pressed);
|
|
738
|
+
--ax-bg-strong-hover: var(--ax-bg-info-strong-hover);
|
|
739
|
+
--ax-bg-strong: var(--ax-bg-info-strong);
|
|
740
|
+
--ax-bg-moderate-pressedA: var(--ax-bg-info-moderate-pressedA);
|
|
741
|
+
--ax-bg-moderate-pressed: var(--ax-bg-info-moderate-pressed);
|
|
742
|
+
--ax-bg-moderate-hoverA: var(--ax-bg-info-moderate-hoverA);
|
|
743
|
+
--ax-bg-moderate-hover: var(--ax-bg-info-moderate-hover);
|
|
744
|
+
--ax-bg-moderateA: var(--ax-bg-info-moderateA);
|
|
745
|
+
--ax-bg-moderate: var(--ax-bg-info-moderate);
|
|
746
|
+
--ax-bg-softA: var(--ax-bg-info-softA);
|
|
747
|
+
--ax-bg-soft: var(--ax-bg-info-soft);
|
|
748
|
+
}
|
|
749
|
+
|
|
750
|
+
[data-color-role="brand-magenta"] {
|
|
751
|
+
--ax-border-strong: var(--ax-border-brand-magenta-strong);
|
|
752
|
+
--ax-border-subtleA: var(--ax-border-brand-magenta-subtleA);
|
|
753
|
+
--ax-border-subtle: var(--ax-border-brand-magenta-subtle);
|
|
754
|
+
--ax-border-default: var(--ax-border-brand-magenta);
|
|
755
|
+
--ax-text-contrast: var(--ax-text-brand-magenta-contrast);
|
|
756
|
+
--ax-text-icon: var(--ax-text-brand-magenta-icon);
|
|
757
|
+
--ax-text-subtle: var(--ax-text-brand-magenta-subtle);
|
|
758
|
+
--ax-text-default: var(--ax-text-brand-magenta);
|
|
759
|
+
--ax-bg-strong-pressed: var(--ax-bg-brand-magenta-strong-pressed);
|
|
760
|
+
--ax-bg-strong-hover: var(--ax-bg-brand-magenta-strong-hover);
|
|
761
|
+
--ax-bg-strong: var(--ax-bg-brand-magenta-strong);
|
|
762
|
+
--ax-bg-moderate-pressedA: var(--ax-bg-brand-magenta-moderate-pressedA);
|
|
763
|
+
--ax-bg-moderate-pressed: var(--ax-bg-brand-magenta-moderate-pressed);
|
|
764
|
+
--ax-bg-moderate-hoverA: var(--ax-bg-brand-magenta-moderate-hoverA);
|
|
765
|
+
--ax-bg-moderate-hover: var(--ax-bg-brand-magenta-moderate-hover);
|
|
766
|
+
--ax-bg-moderateA: var(--ax-bg-brand-magenta-moderateA);
|
|
767
|
+
--ax-bg-moderate: var(--ax-bg-brand-magenta-moderate);
|
|
768
|
+
--ax-bg-softA: var(--ax-bg-brand-magenta-softA);
|
|
769
|
+
--ax-bg-soft: var(--ax-bg-brand-magenta-soft);
|
|
770
|
+
}
|
|
771
|
+
|
|
772
|
+
[data-color-role="brand-beige"] {
|
|
773
|
+
--ax-border-strong: var(--ax-border-brand-beige-strong);
|
|
774
|
+
--ax-border-subtleA: var(--ax-border-brand-beige-subtleA);
|
|
775
|
+
--ax-border-subtle: var(--ax-border-brand-beige-subtle);
|
|
776
|
+
--ax-border-default: var(--ax-border-brand-beige);
|
|
777
|
+
--ax-text-contrast: var(--ax-text-brand-beige-contrast);
|
|
778
|
+
--ax-text-icon: var(--ax-text-brand-beige-icon);
|
|
779
|
+
--ax-text-subtle: var(--ax-text-brand-beige-subtle);
|
|
780
|
+
--ax-text-default: var(--ax-text-brand-beige);
|
|
781
|
+
--ax-bg-strong-pressed: var(--ax-bg-brand-beige-strong-pressed);
|
|
782
|
+
--ax-bg-strong-hover: var(--ax-bg-brand-beige-strong-hover);
|
|
783
|
+
--ax-bg-strong: var(--ax-bg-brand-beige-strong);
|
|
784
|
+
--ax-bg-moderate-pressedA: var(--ax-bg-brand-beige-moderate-pressedA);
|
|
785
|
+
--ax-bg-moderate-pressed: var(--ax-bg-brand-beige-moderate-pressed);
|
|
786
|
+
--ax-bg-moderate-hoverA: var(--ax-bg-brand-beige-moderate-hoverA);
|
|
787
|
+
--ax-bg-moderate-hover: var(--ax-bg-brand-beige-moderate-hover);
|
|
788
|
+
--ax-bg-moderateA: var(--ax-bg-brand-beige-moderateA);
|
|
789
|
+
--ax-bg-moderate: var(--ax-bg-brand-beige-moderate);
|
|
790
|
+
--ax-bg-softA: var(--ax-bg-brand-beige-softA);
|
|
791
|
+
--ax-bg-soft: var(--ax-bg-brand-beige-soft);
|
|
792
|
+
}
|
|
793
|
+
|
|
794
|
+
[data-color-role="brand-blue"] {
|
|
795
|
+
--ax-border-strong: var(--ax-border-brand-blue-strong);
|
|
796
|
+
--ax-border-subtleA: var(--ax-border-brand-blue-subtleA);
|
|
797
|
+
--ax-border-subtle: var(--ax-border-brand-blue-subtle);
|
|
798
|
+
--ax-border-default: var(--ax-border-brand-blue);
|
|
799
|
+
--ax-text-contrast: var(--ax-text-brand-blue-contrast);
|
|
800
|
+
--ax-text-icon: var(--ax-text-brand-blue-icon);
|
|
801
|
+
--ax-text-subtle: var(--ax-text-brand-blue-subtle);
|
|
802
|
+
--ax-text-default: var(--ax-text-brand-blue);
|
|
803
|
+
--ax-bg-strong-pressed: var(--ax-bg-brand-blue-strong-pressed);
|
|
804
|
+
--ax-bg-strong-hover: var(--ax-bg-brand-blue-strong-hover);
|
|
805
|
+
--ax-bg-strong: var(--ax-bg-brand-blue-strong);
|
|
806
|
+
--ax-bg-moderate-pressedA: var(--ax-bg-brand-blue-moderate-pressedA);
|
|
807
|
+
--ax-bg-moderate-pressed: var(--ax-bg-brand-blue-moderate-pressed);
|
|
808
|
+
--ax-bg-moderate-hoverA: var(--ax-bg-brand-blue-moderate-hoverA);
|
|
809
|
+
--ax-bg-moderate-hover: var(--ax-bg-brand-blue-moderate-hover);
|
|
810
|
+
--ax-bg-moderateA: var(--ax-bg-brand-blue-moderateA);
|
|
811
|
+
--ax-bg-moderate: var(--ax-bg-brand-blue-moderate);
|
|
812
|
+
--ax-bg-softA: var(--ax-bg-brand-blue-softA);
|
|
813
|
+
--ax-bg-soft: var(--ax-bg-brand-blue-soft);
|
|
814
|
+
}
|
|
815
|
+
|
|
816
|
+
[data-color-role="meta-purple"] {
|
|
817
|
+
--ax-border-strong: var(--ax-border-meta-purple-strong);
|
|
818
|
+
--ax-border-subtleA: var(--ax-border-meta-purple-subtleA);
|
|
819
|
+
--ax-border-subtle: var(--ax-border-meta-purple-subtle);
|
|
820
|
+
--ax-border-default: var(--ax-border-meta-purple);
|
|
821
|
+
--ax-text-contrast: var(--ax-text-meta-purple-contrast);
|
|
822
|
+
--ax-text-icon: var(--ax-text-meta-purple-icon);
|
|
823
|
+
--ax-text-subtle: var(--ax-text-meta-purple-subtle);
|
|
824
|
+
--ax-text-default: var(--ax-text-meta-purple);
|
|
825
|
+
--ax-bg-strong-pressed: var(--ax-bg-meta-purple-strong-pressed);
|
|
826
|
+
--ax-bg-strong-hover: var(--ax-bg-meta-purple-strong-hover);
|
|
827
|
+
--ax-bg-strong: var(--ax-bg-meta-purple-strong);
|
|
828
|
+
--ax-bg-moderate-pressedA: var(--ax-bg-meta-purple-moderate-pressedA);
|
|
829
|
+
--ax-bg-moderate-pressed: var(--ax-bg-meta-purple-moderate-pressed);
|
|
830
|
+
--ax-bg-moderate-hoverA: var(--ax-bg-meta-purple-moderate-hoverA);
|
|
831
|
+
--ax-bg-moderate-hover: var(--ax-bg-meta-purple-moderate-hover);
|
|
832
|
+
--ax-bg-moderateA: var(--ax-bg-meta-purple-moderateA);
|
|
833
|
+
--ax-bg-moderate: var(--ax-bg-meta-purple-moderate);
|
|
834
|
+
--ax-bg-softA: var(--ax-bg-meta-purple-softA);
|
|
835
|
+
--ax-bg-soft: var(--ax-bg-meta-purple-soft);
|
|
836
|
+
}
|
|
837
|
+
|
|
838
|
+
[data-color-role="meta-lime"] {
|
|
839
|
+
--ax-border-strong: var(--ax-border-meta-lime-strong);
|
|
840
|
+
--ax-border-subtleA: var(--ax-border-meta-lime-subtleA);
|
|
841
|
+
--ax-border-subtle: var(--ax-border-meta-lime-subtle);
|
|
842
|
+
--ax-border-default: var(--ax-border-meta-lime);
|
|
843
|
+
--ax-text-contrast: var(--ax-text-meta-lime-contrast);
|
|
844
|
+
--ax-text-icon: var(--ax-text-meta-lime-icon);
|
|
845
|
+
--ax-text-subtle: var(--ax-text-meta-lime-subtle);
|
|
846
|
+
--ax-text-default: var(--ax-text-meta-lime);
|
|
847
|
+
--ax-bg-strong-pressed: var(--ax-bg-meta-lime-strong-pressed);
|
|
848
|
+
--ax-bg-strong-hover: var(--ax-bg-meta-lime-strong-hover);
|
|
849
|
+
--ax-bg-strong: var(--ax-bg-meta-lime-strong);
|
|
850
|
+
--ax-bg-moderate-pressedA: var(--ax-bg-meta-lime-moderate-pressedA);
|
|
851
|
+
--ax-bg-moderate-pressed: var(--ax-bg-meta-lime-moderate-pressed);
|
|
852
|
+
--ax-bg-moderate-hoverA: var(--ax-bg-meta-lime-moderate-hoverA);
|
|
853
|
+
--ax-bg-moderate-hover: var(--ax-bg-meta-lime-moderate-hover);
|
|
854
|
+
--ax-bg-moderateA: var(--ax-bg-meta-lime-moderateA);
|
|
855
|
+
--ax-bg-moderate: var(--ax-bg-meta-lime-moderate);
|
|
856
|
+
--ax-bg-softA: var(--ax-bg-meta-lime-softA);
|
|
857
|
+
--ax-bg-soft: var(--ax-bg-meta-lime-soft);
|
|
858
|
+
}
|
|
817
859
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer aksel.theming{.light,:host,:root{--ax-meta-lime-400A:#d0dc00;--ax-meta-lime-300A:rgba(202, 223, 0, .58);--ax-meta-lime-200A:rgba(196, 223, 0, .337);--ax-meta-lime-100A:rgba(195, 222, 0, .18);--ax-meta-lime-1000:#2a2800;--ax-meta-lime-900:#515400;--ax-meta-lime-800:#5c6100;--ax-meta-lime-700:#646900;--ax-meta-lime-600:#757c00;--ax-meta-lime-500:#878f00;--ax-meta-lime-400:#d0dc00;--ax-meta-lime-300:#e0ec6b;--ax-meta-lime-200:#ebf4a9;--ax-meta-lime-100:#f4f9d1;--ax-meta-purple-400A:rgba(43, 0, 107, .19);--ax-meta-purple-300A:rgba(43, 0, 102, .118);--ax-meta-purple-200A:rgba(43, 0, 100, .07);--ax-meta-purple-100A:rgba(51, 0, 102, .04);--ax-meta-purple-1000:#331a4d;--ax-meta-purple-900:#5e467c;--ax-meta-purple-800:#6a5289;--ax-meta-purple-700:#725a91;--ax-meta-purple-600:#846ca4;--ax-meta-purple-500:#9580b1;--ax-meta-purple-400:#d7cfe3;--ax-meta-purple-300:#e6e1ed;--ax-meta-purple-200:#f0edf4;--ax-meta-purple-100:#f7f5f9;--ax-brand-blue-400A:rgba(0, 90, 146, .247);--ax-brand-blue-300A:rgba(0, 96, 160, .157);--ax-brand-blue-200A:rgba(0, 110, 183, .11);--ax-brand-blue-100A:rgba(0, 120, 210, .067);--ax-brand-blue-1000:#002942;--ax-brand-blue-900:#00557d;--ax-brand-blue-800:#156389;--ax-brand-blue-700:#246b91;--ax-brand-blue-600:#417da0;--ax-brand-blue-500:#5a8fae;--ax-brand-blue-400:#c0d6e4;--ax-brand-blue-300:#d7e6f0;--ax-brand-blue-200:#e3eff7;--ax-brand-blue-100:#eef6fc;--ax-brand-beige-400A:rgba(233, 76, 0, .306);--ax-brand-beige-300A:rgba(240, 82, 0, .196);--ax-brand-beige-200A:rgba(239, 91, 0, .12);--ax-brand-beige-100A:rgba(255, 90, 0, .067);--ax-brand-beige-1000:#3c1f15;--ax-brand-beige-900:#764332;--ax-brand-beige-800:#874e3b;--ax-brand-beige-700:#915541;--ax-brand-beige-600:#a9654e;--ax-brand-beige-500:#c0765d;--ax-brand-beige-400:#f8c8b1;--ax-brand-beige-300:#fcddcd;--ax-brand-beige-200:#fdebe0;--ax-brand-beige-100:#fff4ee;--ax-brand-magenta-400A:rgba(164, 0, 58, .208);--ax-brand-magenta-300A:rgba(165, 0, 60, .133);--ax-brand-magenta-200A:rgba(170, 0, 61, .082);--ax-brand-magenta-100A:rgba(170, 0, 64, .047);--ax-brand-magenta-1000:#52002b;--ax-brand-magenta-900:#98185d;--ax-brand-magenta-800:#a33069;--ax-brand-magenta-700:#a93d70;--ax-brand-magenta-600:#b65781;--ax-brand-magenta-500:#c26f92;--ax-brand-magenta-400:#eccad6;--ax-brand-magenta-300:#f3dde5;--ax-brand-magenta-200:#f8eaef;--ax-brand-magenta-100:#fbf3f6;--ax-info-400A:rgba(0, 90, 146, .247);--ax-info-300A:rgba(0, 96, 160, .157);--ax-info-200A:rgba(0, 110, 183, .11);--ax-info-100A:rgba(0, 120, 210, .067);--ax-info-1000:#002942;--ax-info-900:#00557d;--ax-info-800:#156389;--ax-info-700:#246b91;--ax-info-600:#417da0;--ax-info-500:#5a8fae;--ax-info-400:#c0d6e4;--ax-info-300:#d7e6f0;--ax-info-200:#e3eff7;--ax-info-100:#eef6fc;--ax-danger-400A:rgba(255, 0, 88, .24);--ax-danger-300A:rgba(255, 0, 88, .15);--ax-danger-200A:rgba(255, 0, 89, .09);--ax-danger-100A:rgba(255, 0, 99, .05);--ax-danger-1000:#560000;--ax-danger-900:#a60017;--ax-danger-800:#bc002a;--ax-danger-700:#cb0035;--ax-danger-600:#e22a49;--ax-danger-500:#ec526e;--ax-danger-400:#ffc2d7;--ax-danger-300:#ffd9e6;--ax-danger-200:#ffe8f0;--ax-danger-100:#fff2f7;--ax-warning-400A:rgba(255, 163, 0, .565);--ax-warning-300A:rgba(255, 162, 1, .353);--ax-warning-200A:rgba(255, 164, 0, .22);--ax-warning-100A:rgba(255, 161, 0, .106);--ax-warning-1000:#481700;--ax-warning-900:#8c3500;--ax-warning-800:#a03e00;--ax-warning-700:#ac4400;--ax-warning-600:#c95100;--ax-warning-500:#e75e01;--ax-warning-400:#ffcb6f;--ax-warning-300:#ffdea5;--ax-warning-200:#ffebc7;--ax-warning-100:#fff5e4;--ax-success-400A:rgba(0, 162, 36, .34);--ax-success-300A:rgba(1, 178, 39, .23);--ax-success-200A:rgba(0, 201, 37, .165);--ax-success-100A:rgba(0, 238, 53, .114);--ax-success-1000:#002e00;--ax-success-900:#005e0f;--ax-success-800:#006c1f;--ax-success-700:#007629;--ax-success-600:#00893c;--ax-success-500:#199d4f;--ax-success-400:#a8dfb4;--ax-success-300:#c4edcd;--ax-success-200:#d5f6db;--ax-success-100:#e2fde8;--ax-accent-400A:rgba(0, 100, 241, .27);--ax-accent-300A:rgba(1, 101, 244, .17);--ax-accent-200A:rgba(0, 95, 255, .106);--ax-accent-100A:rgba(0, 110, 255, .055);--ax-accent-1000:#002459;--ax-accent-900:#004ea3;--ax-accent-800:#005bb6;--ax-accent-700:#0063c1;--ax-accent-600:#2277d5;--ax-accent-500:#428ae3;--ax-accent-400:#bad5fb;--ax-accent-300:#d4e5fd;--ax-accent-200:#e4eeff;--ax-accent-100:#f1f7ff;--ax-neutral-400A:rgba(0, 22, 48, .19);--ax-neutral-300A:rgba(0, 17, 51, .118);--ax-neutral-200A:rgba(0, 14, 41, .075);--ax-neutral-100A:rgba(0, 26, 51, .04);--ax-neutral-000:white;--ax-neutral-1000:#202733;--ax-neutral-900:#49515e;--ax-neutral-800:#555d6a;--ax-neutral-700:#5d6573;--ax-neutral-600:#6f7785;--ax-neutral-500:#818997;--ax-neutral-400:#cfd3d8;--ax-neutral-300:#e1e3e7;--ax-neutral-200:#ecedef;--ax-neutral-100:#f5f6f7}.dark{--ax-meta-lime-400A:rgba(251, 245, 0, .16);--ax-meta-lime-300A:rgba(252, 233, 0, .114);--ax-meta-lime-200A:rgba(246, 207, 0, .086);--ax-meta-lime-100A:rgba(252, 191, 0, .06);--ax-meta-lime-1000:#c5d14c;--ax-meta-lime-900:#a9b325;--ax-meta-lime-800:#99a200;--ax-meta-lime-700:#8f9800;--ax-meta-lime-600:#7c8400;--ax-meta-lime-500:#6a7200;--ax-meta-lime-400:#343900;--ax-meta-lime-300:#292d00;--ax-meta-lime-200:#222500;--ax-meta-lime-100:#1c1f00;--ax-meta-purple-400A:rgba(253, 179, 238, .184);--ax-meta-purple-300A:rgba(255, 153, 228, .137);--ax-meta-purple-200A:rgba(250, 125, 211, .106);--ax-meta-purple-100A:rgba(246, 79, 182, .086);--ax-meta-purple-1000:#cdc5d9;--ax-meta-purple-900:#b2a7c3;--ax-meta-purple-800:#a495b7;--ax-meta-purple-700:#9b8bb0;--ax-meta-purple-600:#8876a1;--ax-meta-purple-500:#776491;--ax-meta-purple-400:#3a3245;--ax-meta-purple-300:#2f273a;--ax-meta-purple-200:#272032;--ax-meta-purple-100:#221a2c;--ax-brand-blue-400A:rgba(68, 198, 252, .204);--ax-brand-blue-300A:rgba(43, 191, 251, .14);--ax-brand-blue-200A:rgba(4, 191, 255, .094);--ax-brand-blue-100A:rgba(0, 165, 255, .063);--ax-brand-blue-1000:#b7cbd7;--ax-brand-blue-900:#93afc0;--ax-brand-blue-800:#7f9fb3;--ax-brand-blue-700:#7396ab;--ax-brand-blue-600:#5a839b;--ax-brand-blue-500:#43718d;--ax-brand-blue-400:#19394c;--ax-brand-blue-300:#122d3e;--ax-brand-blue-200:#0d2534;--ax-brand-blue-100:#071e2d;--ax-brand-beige-400A:rgba(252, 131, 64, .247);--ax-brand-beige-300A:rgba(254, 98, 16, .196);--ax-brand-beige-200A:rgba(251, 69, 0, .165);--ax-brand-beige-100A:rgba(254, 29, 0, .13);--ax-brand-beige-1000:#e3c2b1;--ax-brand-beige-900:#d1a08c;--ax-brand-beige-800:#c78e79;--ax-brand-beige-700:#c0836e;--ax-brand-beige-600:#ab6f5b;--ax-brand-beige-500:#975e4a;--ax-brand-beige-400:#493027;--ax-brand-beige-300:#3d241c;--ax-brand-beige-200:#351d15;--ax-brand-beige-100:#2d160e;--ax-brand-magenta-400A:rgba(254, 100, 129, .267);--ax-brand-magenta-300A:rgba(251, 72, 100, .22);--ax-brand-magenta-200A:rgba(253, 38, 75, .184);--ax-brand-magenta-100A:rgba(250, 2, 38, .153);--ax-brand-magenta-1000:#e1c0cc;--ax-brand-magenta-900:#cf9eb1;--ax-brand-magenta-800:#c58aa2;--ax-brand-magenta-700:#be7f99;--ax-brand-magenta-600:#b06886;--ax-brand-magenta-500:#a35276;--ax-brand-magenta-400:#4e2a39;--ax-brand-magenta-300:#42202e;--ax-brand-magenta-200:#3a1827;--ax-brand-magenta-100:#321220;--ax-info-400A:rgba(68, 198, 252, .204);--ax-info-300A:rgba(43, 191, 251, .14);--ax-info-200A:rgba(4, 191, 255, .094);--ax-info-100A:rgba(0, 165, 255, .063);--ax-info-1000:#b7cbd7;--ax-info-900:#93afc0;--ax-info-800:#7f9fb3;--ax-info-700:#7396ab;--ax-info-600:#5a839b;--ax-info-500:#43718d;--ax-info-400:#19394c;--ax-info-300:#122d3e;--ax-info-200:#0d2534;--ax-info-100:#071e2d;--ax-danger-400A:rgba(255, 54, 37, .337);--ax-danger-300A:rgba(255, 21, 3, .282);--ax-danger-200A:rgba(252, 0, 0, .247);--ax-danger-100A:rgba(255, 0, 0, .21);--ax-danger-1000:#f6b7cd;--ax-danger-900:#f28ea2;--ax-danger-800:#ee7685;--ax-danger-700:#eb6772;--ax-danger-600:#dd4a50;--ax-danger-500:#c8343f;--ax-danger-400:#5f2021;--ax-danger-300:#521517;--ax-danger-200:#490b10;--ax-danger-100:#410409;--ax-warning-400A:rgba(253, 96, 8, .294);--ax-warning-300A:rgba(252, 63, 0, .24);--ax-warning-200A:rgba(254, 31, 0, .2);--ax-warning-100A:rgba(252, 0, 0, .173);--ax-warning-1000:#f5bf6d;--ax-warning-900:#ed974b;--ax-warning-800:#e78040;--ax-warning-700:#de753c;--ax-warning-600:#c46233;--ax-warning-500:#af5122;--ax-warning-400:#542b18;--ax-warning-300:#471f0c;--ax-warning-200:#3e1704;--ax-warning-100:#371100;--ax-success-400A:rgba(72, 253, 60, .173);--ax-success-300A:rgba(0, 252, 0, .12);--ax-success-200A:rgba(0, 253, 0, .086);--ax-success-100A:rgba(0, 245, 0, .063);--ax-success-1000:#a4d4ad;--ax-success-900:#78ba87;--ax-success-800:#5eab72;--ax-success-700:#4ca265;--ax-success-600:#368e52;--ax-success-500:#207c41;--ax-success-400:#183d24;--ax-success-300:#0b3118;--ax-success-200:#032911;--ax-success-100:#00230b;--ax-accent-400A:rgba(112, 179, 254, .216);--ax-accent-300A:rgba(93, 172, 254, .153);--ax-accent-200A:rgba(80, 163, 249, .106);--ax-accent-100A:rgba(46, 149, 255, .063);--ax-accent-1000:#b0caf1;--ax-accent-900:#84aee6;--ax-accent-800:#6d9ddd;--ax-accent-700:#5f94d8;--ax-accent-600:#447fc9;--ax-accent-500:#2e6db8;--ax-accent-400:#23374f;--ax-accent-300:#1a2c41;--ax-accent-200:#152436;--ax-accent-100:#101d2d;--ax-neutral-400A:rgba(224, 237, 254, .153);--ax-neutral-300A:rgba(215, 222, 250, .11);--ax-neutral-200A:rgba(202, 209, 246, .075);--ax-neutral-100A:rgba(200, 207, 240, .043);--ax-neutral-000:black;--ax-neutral-1000:#dfe1e5;--ax-neutral-900:#a5acb6;--ax-neutral-800:#949ba8;--ax-neutral-700:#8a92a0;--ax-neutral-600:#767e8c;--ax-neutral-500:#656d7b;--ax-neutral-400:#2e3641;--ax-neutral-300:#242b37;--ax-neutral-200:#1c232f;--ax-neutral-100:#161d28}.light,:host,:root{--ax-bg-overlay:rgba(2, 20, 49, .49);--ax-bg-input:rgba(255, 255, 255, .85);--ax-bg-default:#fff;--ax-text-logo:#c30000;--ax-opacity-disabled:.3;--ax-shadow-dialog:0px 4px 6px 0px rgba(0, 0, 0, .15),0px 1px 3px -1px rgba(0, 0, 0, .15),0px 1px 1px 0px rgba(0, 0, 0, .06);--ax-border-focus:var(--ax-neutral-1000);--ax-bg-sunken:var(--ax-neutral-200);--ax-bg-raised:var(--ax-neutral-000)}.dark,.dark-theme{--ax-bg-overlay:rgba(2, 20, 49, .49);--ax-bg-sunken:#07090d;--ax-bg-input:rgba(7, 9, 13, .5);--ax-bg-default:#0e151f;--ax-opacity-disabled:.4;--ax-shadow-dialog:0px 0px 1px 0px rgba(7, 9, 13, 0),0px 2px 5px 0px rgba(7, 9, 13, .35),0px 5px 12px 0px rgba(7, 9, 13, .5);--ax-border-focus:var(--ax-neutral-1000);--ax-bg-raised:var(--ax-neutral-100);--ax-text-logo:var(--ax-neutral-1000)}.dark,.light,:host,:root{--ax-border-meta-lime-strong:var(--ax-meta-lime-700);--ax-border-meta-lime-subtleA:var(--ax-meta-lime-400A);--ax-border-meta-lime-subtle:var(--ax-meta-lime-400);--ax-border-meta-lime:var(--ax-meta-lime-600);--ax-border-meta-purple-strong:var(--ax-meta-purple-700);--ax-border-meta-purple-subtleA:var(--ax-meta-purple-400A);--ax-border-meta-purple-subtle:var(--ax-meta-purple-400);--ax-border-meta-purple:var(--ax-meta-purple-600);--ax-border-brand-blue-strong:var(--ax-brand-blue-700);--ax-border-brand-blue-subtleA:var(--ax-brand-blue-400A);--ax-border-brand-blue-subtle:var(--ax-brand-blue-400);--ax-border-brand-blue:var(--ax-brand-blue-600);--ax-border-brand-beige-strong:var(--ax-brand-beige-700);--ax-border-brand-beige-subtleA:var(--ax-brand-beige-400A);--ax-border-brand-beige-subtle:var(--ax-brand-beige-400);--ax-border-brand-beige:var(--ax-brand-beige-600);--ax-border-brand-magenta-strong:var(--ax-brand-magenta-700);--ax-border-brand-magenta-subtleA:var(--ax-brand-magenta-400A);--ax-border-brand-magenta-subtle:var(--ax-brand-magenta-400);--ax-border-brand-magenta:var(--ax-brand-magenta-600);--ax-border-info-strong:var(--ax-info-700);--ax-border-info-subtleA:var(--ax-info-400A);--ax-border-info-subtle:var(--ax-info-400);--ax-border-info:var(--ax-info-600);--ax-border-danger-strong:var(--ax-danger-700);--ax-border-danger-subtleA:var(--ax-danger-400A);--ax-border-danger-subtle:var(--ax-danger-400);--ax-border-danger:var(--ax-danger-600);--ax-border-warning-strong:var(--ax-warning-700);--ax-border-warning-subtleA:var(--ax-warning-400A);--ax-border-warning-subtle:var(--ax-warning-400);--ax-border-warning:var(--ax-warning-600);--ax-border-success-strong:var(--ax-success-700);--ax-border-success-subtleA:var(--ax-success-400A);--ax-border-success-subtle:var(--ax-success-400);--ax-border-success:var(--ax-success-600);--ax-border-accent-strong:var(--ax-accent-700);--ax-border-accent-subtleA:var(--ax-accent-400A);--ax-border-accent-subtle:var(--ax-accent-400);--ax-border-accent:var(--ax-accent-600);--ax-border-neutral-strong:var(--ax-neutral-700);--ax-border-neutral-subtleA:var(--ax-neutral-400A);--ax-border-neutral-subtle:var(--ax-neutral-400);--ax-border-neutral:var(--ax-neutral-600);--ax-text-meta-lime-contrast:var(--ax-neutral-000);--ax-text-meta-lime-icon:var(--ax-meta-lime-600);--ax-text-meta-lime-subtle:var(--ax-meta-lime-800);--ax-text-meta-lime:var(--ax-meta-lime-1000);--ax-text-meta-purple-contrast:var(--ax-neutral-000);--ax-text-meta-purple-icon:var(--ax-meta-purple-600);--ax-text-meta-purple-subtle:var(--ax-meta-purple-800);--ax-text-meta-purple:var(--ax-meta-purple-1000);--ax-text-brand-blue-contrast:var(--ax-neutral-000);--ax-text-brand-blue-icon:var(--ax-brand-blue-600);--ax-text-brand-blue-subtle:var(--ax-brand-blue-800);--ax-text-brand-blue:var(--ax-brand-blue-1000);--ax-text-brand-beige-contrast:var(--ax-neutral-000);--ax-text-brand-beige-icon:var(--ax-brand-beige-600);--ax-text-brand-beige-subtle:var(--ax-brand-beige-800);--ax-text-brand-beige:var(--ax-brand-beige-1000);--ax-text-brand-magenta-contrast:var(--ax-neutral-000);--ax-text-brand-magenta-icon:var(--ax-brand-magenta-600);--ax-text-brand-magenta-subtle:var(--ax-brand-magenta-800);--ax-text-brand-magenta:var(--ax-brand-magenta-1000);--ax-text-info-contrast:var(--ax-neutral-000);--ax-text-info-icon:var(--ax-info-600);--ax-text-info-subtle:var(--ax-info-800);--ax-text-info:var(--ax-info-1000);--ax-text-danger-contrast:var(--ax-neutral-000);--ax-text-danger-icon:var(--ax-danger-600);--ax-text-danger-subtle:var(--ax-danger-800);--ax-text-danger:var(--ax-danger-1000);--ax-text-warning-contrast:var(--ax-neutral-000);--ax-text-warning-icon:var(--ax-warning-600);--ax-text-warning-subtle:var(--ax-warning-800);--ax-text-warning:var(--ax-warning-1000);--ax-text-success-contrast:var(--ax-neutral-000);--ax-text-success-icon:var(--ax-success-600);--ax-text-success-subtle:var(--ax-success-800);--ax-text-success:var(--ax-success-1000);--ax-text-accent-contrast:var(--ax-neutral-000);--ax-text-accent-icon:var(--ax-accent-600);--ax-text-accent-subtle:var(--ax-accent-800);--ax-text-accent:var(--ax-accent-1000);--ax-text-neutral-contrast:var(--ax-neutral-000);--ax-text-neutral-icon:var(--ax-neutral-600);--ax-text-neutral-subtle:var(--ax-neutral-900);--ax-text-neutral:var(--ax-neutral-1000);--ax-bg-meta-lime-strong-pressed:var(--ax-meta-lime-800);--ax-bg-meta-lime-strong-hover:var(--ax-meta-lime-700);--ax-bg-meta-lime-strong:var(--ax-meta-lime-600);--ax-bg-meta-lime-moderate-pressedA:var(--ax-meta-lime-400A);--ax-bg-meta-lime-moderate-pressed:var(--ax-meta-lime-400);--ax-bg-meta-lime-moderate-hoverA:var(--ax-meta-lime-300A);--ax-bg-meta-lime-moderate-hover:var(--ax-meta-lime-300);--ax-bg-meta-lime-moderateA:var(--ax-meta-lime-200A);--ax-bg-meta-lime-moderate:var(--ax-meta-lime-200);--ax-bg-meta-lime-softA:var(--ax-meta-lime-100A);--ax-bg-meta-lime-soft:var(--ax-meta-lime-100);--ax-bg-meta-purple-strong-pressed:var(--ax-meta-purple-800);--ax-bg-meta-purple-strong-hover:var(--ax-meta-purple-700);--ax-bg-meta-purple-strong:var(--ax-meta-purple-600);--ax-bg-meta-purple-moderate-pressedA:var(--ax-meta-purple-400A);--ax-bg-meta-purple-moderate-pressed:var(--ax-meta-purple-400);--ax-bg-meta-purple-moderate-hoverA:var(--ax-meta-purple-300A);--ax-bg-meta-purple-moderate-hover:var(--ax-meta-purple-300);--ax-bg-meta-purple-moderateA:var(--ax-meta-purple-200A);--ax-bg-meta-purple-moderate:var(--ax-meta-purple-200);--ax-bg-meta-purple-softA:var(--ax-meta-purple-100A);--ax-bg-meta-purple-soft:var(--ax-meta-purple-100);--ax-bg-brand-blue-strong-pressed:var(--ax-brand-blue-800);--ax-bg-brand-blue-strong-hover:var(--ax-brand-blue-700);--ax-bg-brand-blue-strong:var(--ax-brand-blue-600);--ax-bg-brand-blue-moderate-pressedA:var(--ax-brand-blue-400A);--ax-bg-brand-blue-moderate-pressed:var(--ax-brand-blue-400);--ax-bg-brand-blue-moderate-hoverA:var(--ax-brand-blue-300A);--ax-bg-brand-blue-moderate-hover:var(--ax-brand-blue-300);--ax-bg-brand-blue-moderateA:var(--ax-brand-blue-200A);--ax-bg-brand-blue-moderate:var(--ax-brand-blue-200);--ax-bg-brand-blue-softA:var(--ax-brand-blue-100A);--ax-bg-brand-blue-soft:var(--ax-brand-blue-100);--ax-bg-brand-beige-strong-pressed:var(--ax-brand-beige-800);--ax-bg-brand-beige-strong-hover:var(--ax-brand-beige-700);--ax-bg-brand-beige-strong:var(--ax-brand-beige-600);--ax-bg-brand-beige-moderate-pressedA:var(--ax-brand-beige-400A);--ax-bg-brand-beige-moderate-pressed:var(--ax-brand-beige-400);--ax-bg-brand-beige-moderate-hoverA:var(--ax-brand-beige-300A);--ax-bg-brand-beige-moderate-hover:var(--ax-brand-beige-300);--ax-bg-brand-beige-moderateA:var(--ax-brand-beige-200A);--ax-bg-brand-beige-moderate:var(--ax-brand-beige-200);--ax-bg-brand-beige-softA:var(--ax-brand-beige-100A);--ax-bg-brand-beige-soft:var(--ax-brand-beige-100);--ax-bg-brand-magenta-strong-pressed:var(--ax-brand-magenta-800);--ax-bg-brand-magenta-strong-hover:var(--ax-brand-magenta-700);--ax-bg-brand-magenta-strong:var(--ax-brand-magenta-600);--ax-bg-brand-magenta-moderate-pressedA:var(--ax-brand-magenta-400A);--ax-bg-brand-magenta-moderate-pressed:var(--ax-brand-magenta-400);--ax-bg-brand-magenta-moderate-hoverA:var(--ax-brand-magenta-300A);--ax-bg-brand-magenta-moderate-hover:var(--ax-brand-magenta-300);--ax-bg-brand-magenta-moderateA:var(--ax-brand-magenta-200A);--ax-bg-brand-magenta-moderate:var(--ax-brand-magenta-200);--ax-bg-brand-magenta-softA:var(--ax-brand-magenta-100A);--ax-bg-brand-magenta-soft:var(--ax-brand-magenta-100);--ax-bg-info-strong-pressed:var(--ax-info-800);--ax-bg-info-strong-hover:var(--ax-info-700);--ax-bg-info-strong:var(--ax-info-600);--ax-bg-info-moderate-pressedA:var(--ax-info-400A);--ax-bg-info-moderate-pressed:var(--ax-info-400);--ax-bg-info-moderate-hoverA:var(--ax-info-300A);--ax-bg-info-moderate-hover:var(--ax-info-300);--ax-bg-info-moderateA:var(--ax-info-200A);--ax-bg-info-moderate:var(--ax-info-200);--ax-bg-info-softA:var(--ax-info-100A);--ax-bg-info-soft:var(--ax-info-100);--ax-bg-danger-strong-pressed:var(--ax-danger-800);--ax-bg-danger-strong-hover:var(--ax-danger-700);--ax-bg-danger-strong:var(--ax-danger-600);--ax-bg-danger-moderate-pressedA:var(--ax-danger-400A);--ax-bg-danger-moderate-pressed:var(--ax-danger-400);--ax-bg-danger-moderate-hoverA:var(--ax-danger-300A);--ax-bg-danger-moderate-hover:var(--ax-danger-300);--ax-bg-danger-moderateA:var(--ax-danger-200A);--ax-bg-danger-moderate:var(--ax-danger-200);--ax-bg-danger-softA:var(--ax-danger-100A);--ax-bg-danger-soft:var(--ax-danger-100);--ax-bg-warning-strong-pressed:var(--ax-warning-800);--ax-bg-warning-strong-hover:var(--ax-warning-700);--ax-bg-warning-strong:var(--ax-warning-600);--ax-bg-warning-moderate-pressedA:var(--ax-warning-400A);--ax-bg-warning-moderate-pressed:var(--ax-warning-400);--ax-bg-warning-moderate-hoverA:var(--ax-warning-300A);--ax-bg-warning-moderate-hover:var(--ax-warning-300);--ax-bg-warning-moderateA:var(--ax-warning-200A);--ax-bg-warning-moderate:var(--ax-warning-200);--ax-bg-warning-softA:var(--ax-warning-100A);--ax-bg-warning-soft:var(--ax-warning-100);--ax-bg-success-strong-pressed:var(--ax-success-800);--ax-bg-success-strong-hover:var(--ax-success-700);--ax-bg-success-strong:var(--ax-success-600);--ax-bg-success-moderate-pressedA:var(--ax-success-400A);--ax-bg-success-moderate-pressed:var(--ax-success-400);--ax-bg-success-moderate-hoverA:var(--ax-success-300A);--ax-bg-success-moderate-hover:var(--ax-success-300);--ax-bg-success-moderateA:var(--ax-success-200A);--ax-bg-success-moderate:var(--ax-success-200);--ax-bg-success-softA:var(--ax-success-100A);--ax-bg-success-soft:var(--ax-success-100);--ax-bg-accent-strong-pressed:var(--ax-accent-800);--ax-bg-accent-strong-hover:var(--ax-accent-700);--ax-bg-accent-strong:var(--ax-accent-600);--ax-bg-accent-moderate-pressedA:var(--ax-accent-400A);--ax-bg-accent-moderate-pressed:var(--ax-accent-400);--ax-bg-accent-moderate-hoverA:var(--ax-accent-300A);--ax-bg-accent-moderate-hover:var(--ax-accent-300);--ax-bg-accent-moderateA:var(--ax-accent-200A);--ax-bg-accent-moderate:var(--ax-accent-200);--ax-bg-accent-softA:var(--ax-accent-100A);--ax-bg-accent-soft:var(--ax-accent-100);--ax-bg-neutral-strong-pressed:var(--ax-neutral-900);--ax-bg-neutral-strong-hover:var(--ax-neutral-800);--ax-bg-neutral-strong:var(--ax-neutral-700);--ax-bg-neutral-moderate-pressedA:var(--ax-neutral-400A);--ax-bg-neutral-moderate-pressed:var(--ax-neutral-400);--ax-bg-neutral-moderate-hoverA:var(--ax-neutral-300A);--ax-bg-neutral-moderate-hover:var(--ax-neutral-300);--ax-bg-neutral-moderateA:var(--ax-neutral-200A);--ax-bg-neutral-moderate:var(--ax-neutral-200);--ax-bg-neutral-softA:var(--ax-neutral-100A);--ax-bg-neutral-soft:var(--ax-neutral-100)}:host,:root{--ax-version:"7.14.0";--ax-font-weight-regular:400;--ax-font-weight-bold:600;--ax-font-size-small:.875rem;--ax-font-size-medium:1rem;--ax-font-size-large:1.125rem;--ax-font-size-xlarge:1.25rem;--ax-font-size-heading-xsmall:1.125rem;--ax-font-size-heading-small:1.25rem;--ax-font-size-heading-medium:1.5rem;--ax-font-size-heading-large:1.75rem;--ax-font-size-heading-xlarge:2rem;--ax-font-size-heading-2xlarge:2.5rem;--ax-font-line-height-medium:1.25rem;--ax-font-line-height-large:1.5rem;--ax-font-line-height-xlarge:1.75rem;--ax-font-line-height-heading-xsmall:1.5rem;--ax-font-line-height-heading-small:1.75rem;--ax-font-line-height-heading-medium:2rem;--ax-font-line-height-heading-large:2.25rem;--ax-font-line-height-heading-xlarge:2.5rem;--ax-font-line-height-heading-2xlarge:3.25rem;--ax-font-family:"Source Sans 3","Source Sans Pro",Arial,sans-serif;--ax-breakpoint-2xl-down:1439px;--ax-breakpoint-2xl:1440px;--ax-breakpoint-xl-down:1279px;--ax-breakpoint-xl:1280px;--ax-breakpoint-lg-down:1023px;--ax-breakpoint-lg:1024px;--ax-breakpoint-md-down:767px;--ax-breakpoint-md:768px;--ax-breakpoint-sm-down:479px;--ax-breakpoint-sm:480px;--ax-breakpoint-xs:0;--ax-border-radius-full:9999px;--ax-border-radius-xlarge:12px;--ax-border-radius-large:8px;--ax-border-radius-medium:4px;--ax-border-radius-small:2px;--ax-space-128:8rem;--ax-space-96:6rem;--ax-space-80:5rem;--ax-space-72:4.5rem;--ax-space-64:4rem;--ax-space-56:3.5rem;--ax-space-48:3rem;--ax-space-44:2.75rem;--ax-space-40:2.5rem;--ax-space-36:2.25rem;--ax-space-32:2rem;--ax-space-28:1.75rem;--ax-space-24:1.5rem;--ax-space-20:1.25rem;--ax-space-16:1rem;--ax-space-12:.75rem;--ax-space-8:.5rem;--ax-space-6:.375rem;--ax-space-4:.25rem;--ax-space-2:.125rem;--ax-space-1:.0625rem;--ax-space-0:0rem}[data-color-role=neutral]{--ax-border-strong:var(--ax-border-neutral-strong);--ax-border-subtleA:var(--ax-border-neutral-subtleA);--ax-border-subtle:var(--ax-border-neutral-subtle);--ax-border-default:var(--ax-border-neutral);--ax-text-contrast:var(--ax-text-neutral-contrast);--ax-text-icon:var(--ax-text-neutral-icon);--ax-text-subtle:var(--ax-text-neutral-subtle);--ax-text-default:var(--ax-text-neutral);--ax-bg-strong-pressed:var(--ax-bg-neutral-strong-pressed);--ax-bg-strong-hover:var(--ax-bg-neutral-strong-hover);--ax-bg-strong:var(--ax-bg-neutral-strong);--ax-bg-moderate-pressedA:var(--ax-bg-neutral-moderate-pressedA);--ax-bg-moderate-pressed:var(--ax-bg-neutral-moderate-pressed);--ax-bg-moderate-hoverA:var(--ax-bg-neutral-moderate-hoverA);--ax-bg-moderate-hover:var(--ax-bg-neutral-moderate-hover);--ax-bg-moderateA:var(--ax-bg-neutral-moderateA);--ax-bg-moderate:var(--ax-bg-neutral-moderate);--ax-bg-softA:var(--ax-bg-neutral-softA);--ax-bg-soft:var(--ax-bg-neutral-soft)}[data-color-role=accent]{--ax-border-strong:var(--ax-border-accent-strong);--ax-border-subtleA:var(--ax-border-accent-subtleA);--ax-border-subtle:var(--ax-border-accent-subtle);--ax-border-default:var(--ax-border-accent);--ax-text-contrast:var(--ax-text-accent-contrast);--ax-text-icon:var(--ax-text-accent-icon);--ax-text-subtle:var(--ax-text-accent-subtle);--ax-text-default:var(--ax-text-accent);--ax-bg-strong-pressed:var(--ax-bg-accent-strong-pressed);--ax-bg-strong-hover:var(--ax-bg-accent-strong-hover);--ax-bg-strong:var(--ax-bg-accent-strong);--ax-bg-moderate-pressedA:var(--ax-bg-accent-moderate-pressedA);--ax-bg-moderate-pressed:var(--ax-bg-accent-moderate-pressed);--ax-bg-moderate-hoverA:var(--ax-bg-accent-moderate-hoverA);--ax-bg-moderate-hover:var(--ax-bg-accent-moderate-hover);--ax-bg-moderateA:var(--ax-bg-accent-moderateA);--ax-bg-moderate:var(--ax-bg-accent-moderate);--ax-bg-softA:var(--ax-bg-accent-softA);--ax-bg-soft:var(--ax-bg-accent-soft)}[data-color-role=success]{--ax-border-strong:var(--ax-border-success-strong);--ax-border-subtleA:var(--ax-border-success-subtleA);--ax-border-subtle:var(--ax-border-success-subtle);--ax-border-default:var(--ax-border-success);--ax-text-contrast:var(--ax-text-success-contrast);--ax-text-icon:var(--ax-text-success-icon);--ax-text-subtle:var(--ax-text-success-subtle);--ax-text-default:var(--ax-text-success);--ax-bg-strong-pressed:var(--ax-bg-success-strong-pressed);--ax-bg-strong-hover:var(--ax-bg-success-strong-hover);--ax-bg-strong:var(--ax-bg-success-strong);--ax-bg-moderate-pressedA:var(--ax-bg-success-moderate-pressedA);--ax-bg-moderate-pressed:var(--ax-bg-success-moderate-pressed);--ax-bg-moderate-hoverA:var(--ax-bg-success-moderate-hoverA);--ax-bg-moderate-hover:var(--ax-bg-success-moderate-hover);--ax-bg-moderateA:var(--ax-bg-success-moderateA);--ax-bg-moderate:var(--ax-bg-success-moderate);--ax-bg-softA:var(--ax-bg-success-softA);--ax-bg-soft:var(--ax-bg-success-soft)}[data-color-role=warning]{--ax-border-strong:var(--ax-border-warning-strong);--ax-border-subtleA:var(--ax-border-warning-subtleA);--ax-border-subtle:var(--ax-border-warning-subtle);--ax-border-default:var(--ax-border-warning);--ax-text-contrast:var(--ax-text-warning-contrast);--ax-text-icon:var(--ax-text-warning-icon);--ax-text-subtle:var(--ax-text-warning-subtle);--ax-text-default:var(--ax-text-warning);--ax-bg-strong-pressed:var(--ax-bg-warning-strong-pressed);--ax-bg-strong-hover:var(--ax-bg-warning-strong-hover);--ax-bg-strong:var(--ax-bg-warning-strong);--ax-bg-moderate-pressedA:var(--ax-bg-warning-moderate-pressedA);--ax-bg-moderate-pressed:var(--ax-bg-warning-moderate-pressed);--ax-bg-moderate-hoverA:var(--ax-bg-warning-moderate-hoverA);--ax-bg-moderate-hover:var(--ax-bg-warning-moderate-hover);--ax-bg-moderateA:var(--ax-bg-warning-moderateA);--ax-bg-moderate:var(--ax-bg-warning-moderate);--ax-bg-softA:var(--ax-bg-warning-softA);--ax-bg-soft:var(--ax-bg-warning-soft)}[data-color-role=danger]{--ax-border-strong:var(--ax-border-danger-strong);--ax-border-subtleA:var(--ax-border-danger-subtleA);--ax-border-subtle:var(--ax-border-danger-subtle);--ax-border-default:var(--ax-border-danger);--ax-text-contrast:var(--ax-text-danger-contrast);--ax-text-icon:var(--ax-text-danger-icon);--ax-text-subtle:var(--ax-text-danger-subtle);--ax-text-default:var(--ax-text-danger);--ax-bg-strong-pressed:var(--ax-bg-danger-strong-pressed);--ax-bg-strong-hover:var(--ax-bg-danger-strong-hover);--ax-bg-strong:var(--ax-bg-danger-strong);--ax-bg-moderate-pressedA:var(--ax-bg-danger-moderate-pressedA);--ax-bg-moderate-pressed:var(--ax-bg-danger-moderate-pressed);--ax-bg-moderate-hoverA:var(--ax-bg-danger-moderate-hoverA);--ax-bg-moderate-hover:var(--ax-bg-danger-moderate-hover);--ax-bg-moderateA:var(--ax-bg-danger-moderateA);--ax-bg-moderate:var(--ax-bg-danger-moderate);--ax-bg-softA:var(--ax-bg-danger-softA);--ax-bg-soft:var(--ax-bg-danger-soft)}[data-color-role=info]{--ax-border-strong:var(--ax-border-info-strong);--ax-border-subtleA:var(--ax-border-info-subtleA);--ax-border-subtle:var(--ax-border-info-subtle);--ax-border-default:var(--ax-border-info);--ax-text-contrast:var(--ax-text-info-contrast);--ax-text-icon:var(--ax-text-info-icon);--ax-text-subtle:var(--ax-text-info-subtle);--ax-text-default:var(--ax-text-info);--ax-bg-strong-pressed:var(--ax-bg-info-strong-pressed);--ax-bg-strong-hover:var(--ax-bg-info-strong-hover);--ax-bg-strong:var(--ax-bg-info-strong);--ax-bg-moderate-pressedA:var(--ax-bg-info-moderate-pressedA);--ax-bg-moderate-pressed:var(--ax-bg-info-moderate-pressed);--ax-bg-moderate-hoverA:var(--ax-bg-info-moderate-hoverA);--ax-bg-moderate-hover:var(--ax-bg-info-moderate-hover);--ax-bg-moderateA:var(--ax-bg-info-moderateA);--ax-bg-moderate:var(--ax-bg-info-moderate);--ax-bg-softA:var(--ax-bg-info-softA);--ax-bg-soft:var(--ax-bg-info-soft)}[data-color-role=brand-magenta]{--ax-border-strong:var(--ax-border-brand-magenta-strong);--ax-border-subtleA:var(--ax-border-brand-magenta-subtleA);--ax-border-subtle:var(--ax-border-brand-magenta-subtle);--ax-border-default:var(--ax-border-brand-magenta);--ax-text-contrast:var(--ax-text-brand-magenta-contrast);--ax-text-icon:var(--ax-text-brand-magenta-icon);--ax-text-subtle:var(--ax-text-brand-magenta-subtle);--ax-text-default:var(--ax-text-brand-magenta);--ax-bg-strong-pressed:var(--ax-bg-brand-magenta-strong-pressed);--ax-bg-strong-hover:var(--ax-bg-brand-magenta-strong-hover);--ax-bg-strong:var(--ax-bg-brand-magenta-strong);--ax-bg-moderate-pressedA:var(--ax-bg-brand-magenta-moderate-pressedA);--ax-bg-moderate-pressed:var(--ax-bg-brand-magenta-moderate-pressed);--ax-bg-moderate-hoverA:var(--ax-bg-brand-magenta-moderate-hoverA);--ax-bg-moderate-hover:var(--ax-bg-brand-magenta-moderate-hover);--ax-bg-moderateA:var(--ax-bg-brand-magenta-moderateA);--ax-bg-moderate:var(--ax-bg-brand-magenta-moderate);--ax-bg-softA:var(--ax-bg-brand-magenta-softA);--ax-bg-soft:var(--ax-bg-brand-magenta-soft)}[data-color-role=brand-beige]{--ax-border-strong:var(--ax-border-brand-beige-strong);--ax-border-subtleA:var(--ax-border-brand-beige-subtleA);--ax-border-subtle:var(--ax-border-brand-beige-subtle);--ax-border-default:var(--ax-border-brand-beige);--ax-text-contrast:var(--ax-text-brand-beige-contrast);--ax-text-icon:var(--ax-text-brand-beige-icon);--ax-text-subtle:var(--ax-text-brand-beige-subtle);--ax-text-default:var(--ax-text-brand-beige);--ax-bg-strong-pressed:var(--ax-bg-brand-beige-strong-pressed);--ax-bg-strong-hover:var(--ax-bg-brand-beige-strong-hover);--ax-bg-strong:var(--ax-bg-brand-beige-strong);--ax-bg-moderate-pressedA:var(--ax-bg-brand-beige-moderate-pressedA);--ax-bg-moderate-pressed:var(--ax-bg-brand-beige-moderate-pressed);--ax-bg-moderate-hoverA:var(--ax-bg-brand-beige-moderate-hoverA);--ax-bg-moderate-hover:var(--ax-bg-brand-beige-moderate-hover);--ax-bg-moderateA:var(--ax-bg-brand-beige-moderateA);--ax-bg-moderate:var(--ax-bg-brand-beige-moderate);--ax-bg-softA:var(--ax-bg-brand-beige-softA);--ax-bg-soft:var(--ax-bg-brand-beige-soft)}[data-color-role=brand-blue]{--ax-border-strong:var(--ax-border-brand-blue-strong);--ax-border-subtleA:var(--ax-border-brand-blue-subtleA);--ax-border-subtle:var(--ax-border-brand-blue-subtle);--ax-border-default:var(--ax-border-brand-blue);--ax-text-contrast:var(--ax-text-brand-blue-contrast);--ax-text-icon:var(--ax-text-brand-blue-icon);--ax-text-subtle:var(--ax-text-brand-blue-subtle);--ax-text-default:var(--ax-text-brand-blue);--ax-bg-strong-pressed:var(--ax-bg-brand-blue-strong-pressed);--ax-bg-strong-hover:var(--ax-bg-brand-blue-strong-hover);--ax-bg-strong:var(--ax-bg-brand-blue-strong);--ax-bg-moderate-pressedA:var(--ax-bg-brand-blue-moderate-pressedA);--ax-bg-moderate-pressed:var(--ax-bg-brand-blue-moderate-pressed);--ax-bg-moderate-hoverA:var(--ax-bg-brand-blue-moderate-hoverA);--ax-bg-moderate-hover:var(--ax-bg-brand-blue-moderate-hover);--ax-bg-moderateA:var(--ax-bg-brand-blue-moderateA);--ax-bg-moderate:var(--ax-bg-brand-blue-moderate);--ax-bg-softA:var(--ax-bg-brand-blue-softA);--ax-bg-soft:var(--ax-bg-brand-blue-soft)}[data-color-role=meta-purple]{--ax-border-strong:var(--ax-border-meta-purple-strong);--ax-border-subtleA:var(--ax-border-meta-purple-subtleA);--ax-border-subtle:var(--ax-border-meta-purple-subtle);--ax-border-default:var(--ax-border-meta-purple);--ax-text-contrast:var(--ax-text-meta-purple-contrast);--ax-text-icon:var(--ax-text-meta-purple-icon);--ax-text-subtle:var(--ax-text-meta-purple-subtle);--ax-text-default:var(--ax-text-meta-purple);--ax-bg-strong-pressed:var(--ax-bg-meta-purple-strong-pressed);--ax-bg-strong-hover:var(--ax-bg-meta-purple-strong-hover);--ax-bg-strong:var(--ax-bg-meta-purple-strong);--ax-bg-moderate-pressedA:var(--ax-bg-meta-purple-moderate-pressedA);--ax-bg-moderate-pressed:var(--ax-bg-meta-purple-moderate-pressed);--ax-bg-moderate-hoverA:var(--ax-bg-meta-purple-moderate-hoverA);--ax-bg-moderate-hover:var(--ax-bg-meta-purple-moderate-hover);--ax-bg-moderateA:var(--ax-bg-meta-purple-moderateA);--ax-bg-moderate:var(--ax-bg-meta-purple-moderate);--ax-bg-softA:var(--ax-bg-meta-purple-softA);--ax-bg-soft:var(--ax-bg-meta-purple-soft)}[data-color-role=meta-lime]{--ax-border-strong:var(--ax-border-meta-lime-strong);--ax-border-subtleA:var(--ax-border-meta-lime-subtleA);--ax-border-subtle:var(--ax-border-meta-lime-subtle);--ax-border-default:var(--ax-border-meta-lime);--ax-text-contrast:var(--ax-text-meta-lime-contrast);--ax-text-icon:var(--ax-text-meta-lime-icon);--ax-text-subtle:var(--ax-text-meta-lime-subtle);--ax-text-default:var(--ax-text-meta-lime);--ax-bg-strong-pressed:var(--ax-bg-meta-lime-strong-pressed);--ax-bg-strong-hover:var(--ax-bg-meta-lime-strong-hover);--ax-bg-strong:var(--ax-bg-meta-lime-strong);--ax-bg-moderate-pressedA:var(--ax-bg-meta-lime-moderate-pressedA);--ax-bg-moderate-pressed:var(--ax-bg-meta-lime-moderate-pressed);--ax-bg-moderate-hoverA:var(--ax-bg-meta-lime-moderate-hoverA);--ax-bg-moderate-hover:var(--ax-bg-meta-lime-moderate-hover);--ax-bg-moderateA:var(--ax-bg-meta-lime-moderateA);--ax-bg-moderate:var(--ax-bg-meta-lime-moderate);--ax-bg-softA:var(--ax-bg-meta-lime-softA);--ax-bg-soft:var(--ax-bg-meta-lime-soft)}}
|