@bitrix24/b24ui-nuxt 2.1.16 → 2.2.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.
Files changed (46) hide show
  1. package/dist/meta.d.mts +683 -18
  2. package/dist/meta.mjs +683 -18
  3. package/dist/module.json +1 -1
  4. package/dist/module.mjs +1 -1
  5. package/dist/runtime/air-design-tokens/003_b24_context_light.css +1 -1
  6. package/dist/runtime/air-design-tokens/004_b24_context_dark.css +1 -1
  7. package/dist/runtime/components/FormField.d.vue.ts +5 -0
  8. package/dist/runtime/components/FormField.vue +3 -1
  9. package/dist/runtime/components/FormField.vue.d.ts +5 -0
  10. package/dist/runtime/components/ScrollArea.d.vue.ts +81 -0
  11. package/dist/runtime/components/ScrollArea.vue +187 -0
  12. package/dist/runtime/components/ScrollArea.vue.d.ts +81 -0
  13. package/dist/runtime/components/Slideover.d.vue.ts +5 -0
  14. package/dist/runtime/components/Slideover.vue +6 -3
  15. package/dist/runtime/components/Slideover.vue.d.ts +5 -0
  16. package/dist/runtime/components/Table.d.vue.ts +1 -0
  17. package/dist/runtime/components/Table.vue.d.ts +1 -0
  18. package/dist/runtime/types/index.d.ts +1 -0
  19. package/dist/runtime/types/index.js +1 -0
  20. package/dist/runtime/{inertia/components → vue/overrides/inertia}/Link.d.vue.ts +1 -1
  21. package/dist/runtime/{inertia/components → vue/overrides/inertia}/Link.vue +3 -3
  22. package/dist/runtime/{inertia/components → vue/overrides/inertia}/Link.vue.d.ts +1 -1
  23. package/dist/runtime/{inertia/components → vue/overrides/inertia}/LinkBase.d.vue.ts +1 -1
  24. package/dist/runtime/{inertia/components → vue/overrides/inertia}/LinkBase.vue.d.ts +1 -1
  25. package/dist/runtime/vue/overrides/none/Link.d.vue.ts +73 -0
  26. package/dist/runtime/vue/overrides/none/Link.vue +128 -0
  27. package/dist/runtime/vue/overrides/none/Link.vue.d.ts +73 -0
  28. package/dist/runtime/vue/{components → overrides/vue-router}/Link.d.vue.ts +1 -1
  29. package/dist/runtime/vue/{components → overrides/vue-router}/Link.vue +4 -4
  30. package/dist/runtime/vue/{components → overrides/vue-router}/Link.vue.d.ts +1 -1
  31. package/dist/runtime/vue/{stubs.d.ts → stubs/base.d.ts} +6 -7
  32. package/dist/runtime/vue/{stubs.js → stubs/base.js} +6 -7
  33. package/dist/runtime/vue/stubs/inertia.d.ts +5 -0
  34. package/dist/runtime/vue/stubs/inertia.js +10 -0
  35. package/dist/runtime/vue/stubs/none.d.ts +56 -0
  36. package/dist/runtime/vue/stubs/none.js +48 -0
  37. package/dist/runtime/vue/stubs/vue-router.d.ts +2 -0
  38. package/dist/runtime/vue/stubs/vue-router.js +2 -0
  39. package/dist/shared/{b24ui-nuxt.DdKajqQs.mjs → b24ui-nuxt.C-CS9MBp.mjs} +225 -52
  40. package/dist/unplugin.d.mts +13 -0
  41. package/dist/unplugin.mjs +83 -61
  42. package/dist/vite.mjs +1 -1
  43. package/package.json +4 -4
  44. package/dist/runtime/inertia/stubs.d.ts +0 -46
  45. package/dist/runtime/inertia/stubs.js +0 -93
  46. /package/dist/runtime/{inertia/components → vue/overrides/inertia}/LinkBase.vue +0 -0
package/dist/module.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bitrix24/b24ui-nuxt",
3
- "version": "2.1.16",
3
+ "version": "2.2.1",
4
4
  "docs": "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html",
5
5
  "configKey": "b24ui",
6
6
  "compatibility": {
package/dist/module.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import { defu } from 'defu';
2
2
  import { defineNuxtModule, createResolver, addPlugin, hasNuxtModule, addComponentsDir, addImportsDir, installModule } from '@nuxt/kit';
3
- import { d as defaultOptions, v as version, n as name, a as getDefaultConfig, b as addTemplates } from './shared/b24ui-nuxt.DdKajqQs.mjs';
3
+ import { d as defaultOptions, v as version, n as name, a as getDefaultConfig, b as addTemplates } from './shared/b24ui-nuxt.C-CS9MBp.mjs';
4
4
  import 'node:url';
5
5
  import 'scule';
6
6
  import 'knitwork';
package/dist/runtime/air-design-tokens/003_b24_context_light.css CHANGED
@@ -1 +1 @@
1
- @layer theme{.light,:host,:root{--air-theme-bg-image:none;--air-theme-bg-image-blurred:none;--air-theme-bg-position:0 0;--air-theme-bg-size:auto;--air-theme-bg-repeat:repeat;--air-theme-bg-attachment:scroll;--air-theme-bg-color:var(--ui-color-gray-05)}.light.--inner{--air-theme-bg-color:var(--ui-color-gray-05)}.light .base-mode{--ui-color-bg-content-primary:var(--ui-color-base-white-fixed)}.base-mode,.light,:host,:root{--b24ui-typography-legend-color:var(--ui-color-design-plain-na-content);--b24ui-typography-label-color:var(--ui-color-design-plain-content);--b24ui-typography-description-color:var(--ui-color-design-plain-na-content);--b24ui-icon-color:var(--ui-color-base-5);--b24ui-icon-color-hover:color-mix(in srgb,var(--ui-color-base-5) 100%,var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity));--b24ui-icon-color-secondary:var(--ui-color-design-tinted-content-icon-secondary);--b24ui-icon-color-secondary-hover:color-mix(in srgb,var(--ui-color-design-tinted-content-icon-secondary) 100%,var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity));--ui-color-base-0:#000;--ui-color-base-1:#333;--ui-color-base-2:#525c69;--ui-color-base-3:#828b95;--ui-color-base-4:#a8adb4;--ui-color-base-5:#c9ccd0;--ui-color-base-6:#dfe0e3;--ui-color-base-7:#edeef0;--ui-color-base-8:#fff;--ui-color-base-black-fixed:#000;--ui-color-base-white-fixed:#fff;--ui-color-bg-content-primary:#fff;--ui-color-divider-accent:#e2e2e2;--ui-color-divider-default:#f0f0f0;--ui-color-divider-less:#f7f7f7;--ui-color-divider-vibrant-accent-more:#00000026;--ui-color-divider-vibrant-accent:#00000014;--ui-color-divider-vibrant-default:#0000000d;--ui-color-divider-vibrant-less:#00000008;--ui-color-divider-vibrant-accent-more-alt:#ffffff26;--ui-color-divider-vibrant-accent-alt:#ffffff17;--ui-color-divider-vibrant-default-alt:#ffffff0f;--ui-color-divider-vibrant-less-alt:#ffffff0a;--ui-color-divider-optical-1:#00000000;--ui-color-divider-optical-1-alt:#0000000d;--ui-color-divider-optical-2:#ffffff00;--ui-divider-optical-1-weight:0px;--ui-divider-optical-2-weight:0px;--ui-color-divider-optical-on-overlay:#ffffff00;--ui-color-bg-content-secondary:#fbfbfb;--ui-divider-optical-on-overlay-weight:0px;--ui-color-bg-content-tertiary:#f1f4f6;--ui-color-bg-vibrant-accent:#fffffff5;--ui-color-bg-state-hover-default-hex:#000;--ui-color-bg-state-hover-default-opacity:3%;--ui-color-bg-state-hover-default:#00000008;--ui-color-bg-state-click-default-hex:#000;--ui-color-bg-state-click-default-opacity:6%;--ui-color-bg-state-click-default:#0000000f;--ui-color-bg-state-hover-alt-hex:#fff;--ui-color-bg-state-hover-alt-opacity:7%;--ui-color-bg-state-hover-alt:#ffffff12;--ui-color-bg-state-click-alt-hex:#fff;--ui-color-bg-state-click-alt-opacity:14%;--ui-color-bg-state-click-alt:#ffffff24;--ui-color-bg-state-hover-default-overlay-hex:#000;--ui-color-bg-state-hover-default-overlay-opacity:20%;--ui-color-bg-state-hover-default-overlay:#00000033;--ui-color-bg-state-click-default-overlay-hex:#000;--ui-color-bg-state-click-default-overlay-opacity:32%;--ui-color-bg-state-click-default-overlay:#00000052;--ui-color-bg-state-hover-alt-overlay-hex:#fff;--ui-color-bg-state-hover-alt-overlay-opacity:35%;--ui-color-bg-state-hover-alt-overlay:#ffffff59;--ui-color-bg-state-click-alt-overlay-hex:#fff;--ui-color-bg-state-click-alt-overlay-opacity:50%;--ui-color-bg-state-click-alt-overlay:#ffffff80;--ui-color-bg-vibrant-default:#ffffffeb;--ui-color-bg-vibrant-less:#ffffffdb;--ui-color-bg-vibrant-less-more:#ffffffcc;--ui-color-bg-content-inapp:#085dc1;--ui-color-bg-content-primary-layer:#fff;--ui-color-bg-content-light:#fff;--ui-bg-blur-content:none;--ui-bg-blur-vibrant:var(--ui-bg-blur-accent);--ui-color-accent-main-primary:#0075ff;--ui-color-design-filled-bg:var(--ui-color-accent-main-primary);--ui-color-design-filled-stroke:var(--ui-color-accent-main-primary);--ui-design-filled-stroke-weight:0px;--ui-color-design-filled-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-content-secondary:#ffffffb3;--ui-color-design-filled-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-content-icon-secondary:#b4dfff;--ui-color-design-filled-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-content-divider:#ffffff3d;--ui-color-design-filled-success-bg:var(--ui-color-accent-main-success);--ui-color-design-filled-success-stroke:var(--ui-color-accent-main-success);--ui-design-filled-success-stroke-weight:0px;--ui-color-design-filled-success-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-success-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-success-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-success-content-divider:#ffffff3d;--ui-color-design-filled-alert-bg:var(--ui-color-accent-main-alert);--ui-color-design-filled-alert-stroke:var(--ui-color-accent-main-alert);--ui-design-filled-alert-stroke-weight:0px;--ui-color-design-filled-alert-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-alert-content-secondary:#ffffffb3;--ui-color-design-filled-alert-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-alert-content-icon-secondary:var(--ui-color-red-25);--ui-color-design-filled-alert-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-alert-content-divider:#ffffff3d;--ui-color-design-filled-warning-bg:var(--ui-color-accent-main-warning);--ui-color-design-filled-black-bg:var(--ui-color-base-2);--ui-color-design-filled-black-stroke:var(--ui-color-base-2);--ui-design-filled-black-stroke-weight:0px;--ui-color-design-filled-black-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-black-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-black-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-black-content-divider:#ffffff3d;--ui-color-design-filled-warning-stroke:var(--ui-color-accent-main-warning);--ui-design-filled-warning-stroke-weight:0px;--ui-color-design-filled-warning-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-warning-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-warning-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-warning-content-divider:#ffffff3d;--ui-color-design-filled-na-bg:var(--ui-color-base-4);--ui-color-design-filled-na-bg-secondary:var(--ui-color-base-5);--ui-color-design-filled-copilot-bg:var(--ui-color-copilot-accent-primary);--ui-color-design-filled-copilot-stroke:var(--ui-color-copilot-accent-primary);--ui-design-filled-copilot-stroke-weight:var(--ui-border-width-medium);--ui-color-design-filled-copilot-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-copilot-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-copilot-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-copilot-content-divider:#ffffff3d;--ui-color-design-filled-na-stroke:var(--ui-color-base-4);--ui-color-design-filled-na-stroke-secondary:var(--ui-color-base-5);--ui-design-filled-na-stroke-weight:0px;--ui-color-design-filled-na-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-na-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-na-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-na-content-divider:#ffffff3d;--ui-color-design-tinted-bg:var(--ui-color-accent-soft-blue-2);--ui-color-design-tinted-a1-bg:var(--ui-color-accent-main-primary-alt-2);--ui-color-design-tinted-a1-stroke:var(--ui-color-accent-main-primary-alt-2);--ui-design-tinted-a1-stroke-weight:0px;--ui-color-design-tinted-a1-content:var(--ui-color-base-white-fixed);--ui-color-design-tinted-a1-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-tinted-a1-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-tinted-a1-content-divider:#ffffff3d;--ui-color-design-tinted-success-bg:var(--ui-color-accent-soft-green-2);--ui-color-design-tinted-success-stroke:var(--ui-color-accent-soft-green-2);--ui-design-tinted-success-stroke-weight:0px;--ui-color-design-tinted-success-content:var(--ui-color-accent-extra-grass);--ui-color-design-tinted-success-content-icon:var(--ui-color-accent-extra-grass);--ui-color-design-tinted-success-content-chevron:var(--ui-color-accent-extra-grass);--ui-color-design-tinted-success-content-divider:#d0ffdc;--ui-color-design-tinted-bg-alt:var(--ui-color-accent-soft-blue-2);--ui-color-design-tinted-stroke:var(--ui-color-accent-soft-blue-2);--ui-design-tinted-stroke-weight:0px;--ui-color-design-tinted-content:var(--ui-color-accent-main-link);--ui-color-design-tinted-content-icon:var(--ui-color-accent-main-link);--ui-color-design-tinted-content-icon-secondary:#0154c880;--ui-color-design-tinted-content-chevron:var(--ui-color-accent-main-link);--ui-color-design-tinted-content-divider:#d0e6ff;--ui-color-design-tinted-alert-bg:var(--ui-color-accent-soft-red-2);--ui-color-design-tinted-alert-stroke:var(--ui-color-accent-soft-red-2);--ui-design-tinted-alert-stroke-weight:0px;--ui-color-design-tinted-alert-content:var(--ui-color-accent-main-alert);--ui-color-design-tinted-alert-content-icon:var(--ui-color-accent-main-alert);--ui-color-design-tinted-alert-content-chevron:var(--ui-color-accent-main-alert);--ui-color-design-tinted-alert-content-divider:#ffd0d0;--ui-color-design-tinted-warning-bg:var(--ui-color-accent-soft-orange-2);--ui-color-design-tinted-warning-stroke:var(--ui-color-accent-soft-orange-2);--ui-design-tinted-warning-stroke-weight:0px;--ui-color-design-tinted-warning-content:var(--ui-color-accent-extra-orange);--ui-color-design-tinted-warning-content-icon:var(--ui-color-accent-extra-orange);--ui-color-design-tinted-warning-content-chevron:var(--ui-color-accent-extra-orange);--ui-color-design-tinted-warning-content-divider:#ffebd0;--ui-color-design-tinted-na-bg:var(--ui-color-base-7);--ui-color-design-tinted-na-stroke:var(--ui-color-base-7);--ui-design-tinted-na-stroke-weight:0px;--ui-color-design-tinted-na-content:var(--ui-color-base-3);--ui-color-design-tinted-na-content-icon:var(--ui-color-base-3);--ui-color-design-tinted-na-content-chevron:var(--ui-color-base-3);--ui-color-design-tinted-na-content-divider:var(--ui-color-base-7);--ui-color-design-outline-a1-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-a1-stroke:var(--ui-color-accent-main-primary);--ui-design-outline-a1-stroke-weight:var(--ui-border-width-medium);--ui-color-design-outline-a1-content:var(--ui-color-base-1);--ui-color-design-outline-a1-content-icon:var(--ui-color-base-1);--ui-color-design-outline-a1-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-a1-content-divider:#d0e6ff;--ui-color-design-outline-a2-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-a2-stroke:var(--ui-color-accent-main-primary-alt-2);--ui-design-outline-a2-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-a2-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-a2-content:var(--ui-color-accent-main-primary);--ui-color-design-outline-a2-content-icon:var(--ui-color-accent-main-primary);--ui-color-design-outline-a2-content-chevron:var(--ui-color-accent-main-primary);--ui-color-design-outline-a2-content-divider:#d0e6ff;--ui-color-design-outline-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-success-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-success-stroke:var(--ui-color-accent-soft-border-green);--ui-design-outline-success-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-success-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-success-content:var(--ui-color-accent-main-success);--ui-color-design-outline-success-content-icon:var(--ui-color-accent-main-success);--ui-color-design-outline-success-content-chevron:var(--ui-color-accent-main-success);--ui-color-design-outline-success-content-divider:#d0ffe9;--ui-color-design-outline-alert-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-alert-stroke:var(--ui-color-accent-soft-border-red);--ui-design-outline-alert-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-alert-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-alert-content:var(--ui-color-accent-main-alert);--ui-color-design-outline-alert-content-icon:var(--ui-color-accent-main-alert);--ui-color-design-outline-alert-content-chevron:var(--ui-color-accent-main-alert);--ui-color-design-outline-alert-content-divider:#ffd2d0;--ui-color-design-outline-bg-alt:var(--ui-color-bg-content-primary);--ui-color-design-outline-stroke:var(--ui-color-base-7);--ui-design-outline-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-content:var(--ui-color-base-2);--ui-color-design-outline-content-secondary:var(--ui-color-base-4);--ui-color-design-outline-content-label:var(--ui-color-base-3);--ui-color-design-outline-content-icon:var(--ui-color-base-2);--ui-color-design-outline-content-icon-alt:var(--ui-color-accent-main-primary);--ui-color-design-outline-content-icon-secondary:var(--ui-color-base-5);--ui-color-design-outline-content-chevron:var(--ui-color-base-2);--ui-color-design-outline-content-divider:var(--ui-color-base-7);--ui-color-design-outline-focused-stroke:var(--ui-color-accent-main-primary);--ui-color-design-outline-warning-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-warning-stroke:var(--ui-color-accent-soft-orange-1);--ui-design-outline-warning-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-warning-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-warning-content:var(--ui-color-accent-main-warning);--ui-color-design-outline-warning-content-icon:var(--ui-color-accent-main-warning);--ui-color-design-outline-warning-content-chevron:var(--ui-color-accent-main-warning);--ui-color-design-outline-warning-content-divider:#d0ffe9;--ui-color-design-outline-copilot-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-copilot-stroke:var(--ui-color-copilot-bg-content-2);--ui-design-outline-copilot-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-copilot-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-copilot-content:var(--ui-color-copilot-accent-primary);--ui-color-design-outline-copilot-content-icon:var(--ui-color-copilot-accent-primary);--ui-color-design-outline-copilot-content-chevron:var(--ui-color-copilot-accent-primary);--ui-color-design-outline-copilot-content-divider:#e0d0ff;--ui-color-design-outline-na-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-na-bg-alt:#ffffffad;--ui-color-design-outline-na-stroke:var(--ui-color-base-7);--ui-design-outline-na-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-na-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-na-content:var(--ui-color-base-3);--ui-color-design-outline-na-content-icon:var(--ui-color-base-4);--ui-color-design-outline-na-content-chevron:var(--ui-color-base-4);--ui-color-design-outline-na-content-divider:var(--ui-color-base-7);--ui-color-design-plain-a-bg:#ffffff00;--ui-color-design-plain-a-stroke:#ffffff00;--ui-design-plain-a-stroke-weight:0px;--ui-color-design-plain-a-content:var(--ui-color-accent-main-primary);--ui-color-design-plain-a-content-icon:var(--ui-color-accent-main-primary);--ui-color-design-plain-a-content-chevron:var(--ui-color-accent-main-primary);--ui-color-design-plain-a-content-divider:#d0e6ff;--ui-color-design-plain-bg:#ffffff00;--ui-color-design-plain-stroke:#ffffff00;--ui-design-plain-stroke-weight:0px;--ui-color-design-plain-content:var(--ui-color-base-2);--ui-color-design-plain-content-icon:var(--ui-color-base-2);--ui-color-design-plain-content-icon-secondary:var(--ui-color-base-4);--ui-color-design-plain-content-chevron:var(--ui-color-base-2);--ui-color-design-plain-content-divider:var(--ui-color-base-6);--ui-color-design-plain-na-bg:#ffffff00;--ui-color-design-plain-na-stroke:#ffffff00;--ui-design-plain-na-stroke-weight:0px;--ui-color-design-plain-na-content:var(--ui-color-base-3);--ui-color-design-plain-na-content-secondary:var(--ui-color-base-5);--ui-color-design-plain-na-content-icon:var(--ui-color-base-4);--ui-color-design-plain-na-content-chevron:var(--ui-color-base-4);--ui-color-design-plain-na-content-divider:var(--ui-color-base-7);--ui-color-design-plain-na-focused-bg:var(--ui-color-bg-content-primary);--ui-color-design-selection-bg:var(--ui-color-accent-soft-blue-3);--ui-color-design-selection-stroke:var(--ui-color-accent-soft-blue-1);--ui-design-selection-stroke-weight:var(--ui-border-width-medium);--ui-color-design-selection-content:var(--ui-color-accent-main-primary);--ui-color-design-plain-na-focused-stroke:var(--ui-color-divider-default);--ui-design-plain-na-focused-stroke-weight:var(--ui-border-width-medium);--ui-color-design-selection-content-icon:var(--ui-color-accent-main-primary);--ui-color-design-selection-content-icon-secondary:var(--ui-color-accent-main-primary-alt-2);--ui-color-design-selection-content-chevron:var(--ui-color-accent-main-primary);--ui-color-design-plain-na-focused-content:var(--ui-color-base-1);--ui-color-design-selection-content-divider:var(--ui-color-accent-soft-blue-1);--ui-color-design-selection-focused-bg:var(--ui-color-bg-content-primary);--ui-color-accent-main-primary-alt:#1f86ff;--ui-color-accent-main-primary-alt-2:#7ab7ff;--ui-color-accent-main-success:#1bce7b;--ui-color-accent-main-success-alt:#10b769;--ui-color-accent-main-success-alt-2:#00a659;--ui-color-accent-main-link:#0154c8;--ui-color-accent-main-link-underline:#0154c84d;--ui-color-accent-main-warning:#faa72c;--ui-color-accent-main-alert:#ff5752;--ui-color-accent-soft-blue-1:#c4e6ff;--ui-color-accent-soft-blue-2:#e6f4ff;--ui-color-accent-soft-blue-3:#edf7ff;--ui-color-accent-soft-green-1:#a7fad3;--ui-color-accent-soft-green-2:#caffe7;--ui-color-accent-soft-green-3:#e7fff5;--ui-color-accent-soft-orange-1:#ffeba6;--ui-color-accent-soft-orange-2:#fff4d6;--ui-color-accent-soft-orange-3:#fff9e3;--ui-color-accent-soft-red-1:#ffcdcc;--ui-color-accent-soft-red-2:#ffe8e8;--ui-color-accent-soft-red-3:#fff0f0;--ui-color-accent-soft-grey-1:#f0f0f0;--ui-color-accent-soft-grey-2:#fcfcfd;--ui-color-accent-soft-violet-1:#f1e0ff;--ui-color-accent-soft-violet-2:#f6ecff;--ui-color-accent-soft-violet-3:#fbf6ff;--ui-color-accent-soft-element-blue:#0154c8;--ui-color-accent-soft-element-green:#02bb9a;--ui-color-accent-soft-element-orange:#a56300;--ui-color-accent-soft-element-red:#c21b16;--ui-color-accent-soft-element-violet:#b15ef5;--ui-color-accent-soft-border-blue:#88c8f8;--ui-color-accent-soft-border-red:#fea8a6;--ui-color-accent-soft-border-green:#3bf39c;--ui-color-accent-brand-blue:#2fc6f6;--ui-color-accent-brand-green:#bbed21;--ui-color-accent-extra-orange:#e88c02;--ui-color-accent-extra-aqua:#37c5d8;--ui-color-accent-extra-pink:#f85e9e;--ui-color-accent-extra-grass:#24b547;--ui-color-accent-extra-brown:#b89238;--ui-color-accent-extra-darkblue:#0091e3;--ui-color-copilot-bg-content-1-alt:#fbf8ff;--ui-color-copilot-bg-content-1:#f7f1fe;--ui-color-copilot-bg-content-2:#ecdeff;--ui-color-copilot-bg-content-3:#cfb0fd;--ui-color-copilot-accent-less-1:#b288f1;--ui-color-copilot-accent-less-2:#9760e8;--ui-color-copilot-accent-primary:#853af5;--ui-color-copilot-accent-primary-alt:#6625c6;--ui-color-copilot-element-1:#4e2092;--ui-color-copilot-element-2:#2d1353;--ui-color-collab-bg-content-1:#f2fee2;--ui-color-collab-bg-content-2:#e9ffcf;--ui-color-collab-bg-content-3:#d4fdb0;--ui-color-collab-accent-less-1:#8cef73;--ui-color-collab-accent-less-2:#6be860;--ui-color-collab-accent-primary:#19cc45;--ui-color-collab-accent-primary-alt:#00a94e;--ui-color-collab-element-1:#1e8d36;--ui-color-collab-element-2:#065217;--ui-color-black-solid:#000;--ui-tech-grid-sep-op:5px;--ui-color-tech-push:#00000014;--ui-color-tech-focus:#0000000d;--ui-color-tech-opacity:#ffffff00;--ui-color-tech-bg-picture-tint:#00000000;--ui-color-tech-dark-fixes:#ffffff00;--ui-color-blue-02:#f9fcff;--ui-color-blue-04:#f8fbff;--ui-color-black-base:#333;--ui-color-blue-06:#f7fbff;--ui-color-blue-08:#f5faff;--ui-color-g-content-glass-1:#ffffffe6;--ui-color-g-content-glass-2:#ffffffb3;--ui-color-g-content-glass-3:#ffffff66;--ui-color-g-content-glass-grey-1:#bdbdbd;--ui-color-g-content-glass-grey-2:#cdcdcd;--ui-color-g-content-glass-grey-3:#dbdbdb;--ui-color-g-content-black:#333;--ui-color-g-content-grey-1:#909090;--ui-color-g-content-grey-2:#d0d0d0;--ui-color-g-content-grey-3:#ebebeb;--ui-color-g-content-grey-4:#f2f2f2;--ui-color-g-content-blue-1:#0154c8;--ui-color-g-content-blue-2:#0075ff;--ui-color-g-content-blue-3:#82c0ff;--ui-color-g-glass-green-bg-1:#1bce7bc7;--ui-color-g-glass-green-bg-2:#00aa5bd1;--ui-color-g-glass-green-bg-3:#59fbb0bd;--ui-color-g-glass-green-stroke:#ffffff2e;--ui-color-g-glass-collab-bg-1:#19cc45c7;--ui-color-g-glass-collab-bg-2:#02b12dd1;--ui-color-g-glass-collab-bg-3:#35e961bd;--ui-color-g-glass-collab-stroke:#ffffff2e;--ui-color-g-glass-copilot-bg-1:#7e33ffc7;--ui-color-g-glass-copilot-bg-2:#661fd1d1;--ui-color-g-glass-copilot-bg-3:#cfb0fdbd;--ui-color-g-glass-copilot-stroke:#ffffff2e;--ui-color-g-glass-blue-bg-1:#0075ffc7;--ui-color-g-glass-blue-bg-2:#0855ebd1;--ui-color-g-glass-blue-bg-3:#44b0ffbd;--ui-color-g-glass-blue-stroke:#ffffff2e;--ui-color-g-glass-bluish-bg-1:#c5e7fecc;--ui-color-g-glass-bluish-bg-2:#9bd4ffcc;--ui-color-g-glass-bluish-bg-3:#d7efffcc;--ui-color-g-glass-bluish-stroke:#ffffff3d;--ui-color-g-glass-grey-bg-1:#dfe0e3ad;--ui-color-g-glass-grey-bg-2:#c8c9cdad;--ui-color-g-glass-grey-bg-3:#f0f1f4ad;--ui-color-g-glass-grey-stroke:#ffffff66;--ui-color-g-glass-pink-bg-1:#f85e9ec7;--ui-color-g-glass-pink-bg-2:#df2270d1;--ui-color-g-glass-pink-bg-3:#ffa1c8bd;--ui-color-g-glass-pink-stroke:#ffffff2e;--ui-color-g-glass-orange-bg-1:#faa72cc7;--ui-color-g-glass-orange-bg-2:#db7600d1;--ui-color-g-glass-orange-bg-3:#ffd685bd;--ui-color-g-glass-orange-stroke:#ffffff2e;--ui-color-white-base:#fff;--ui-color-blue-09:#f3f8ff;--ui-color-blue-10:#f3faff;--ui-color-blue-15:#f0f7ff;--ui-color-blue-20:#e7f4ff;--ui-color-blue-25:#deedff;--ui-color-blue-30:#c6e6ff;--ui-color-blue-35:#b7d7ff;--ui-color-blue-40:#a3cdff;--ui-color-blue-50:#71c0ff;--ui-color-blue-55:#58a4ff;--ui-color-blue-57:#4a9dff;--ui-color-blue-60:#3592ff;--ui-color-blue-70:#188ae6;--ui-color-blue-80:#0069e6;--ui-color-blue-90:#035ea8;--ui-color-blue-95:#004780;--ui-color-green-02:#f4fffa;--ui-color-green-04:#effff8;--ui-color-green-06:#ecfff6;--ui-color-green-08:#e8fff4;--ui-color-green-09:#e5fff3;--ui-color-green-10:#e3fff2;--ui-color-green-15:#cffde7;--ui-color-green-20:#bbfadd;--ui-color-green-25:#93fdcc;--ui-color-green-30:#6ef1b4;--ui-color-green-35:#4de39e;--ui-color-green-40:#2adb89;--ui-color-green-50:#1bce7b;--ui-color-green-55:#15c674;--ui-color-green-60:#0eba6a;--ui-color-green-70:#0cb164;--ui-color-green-80:#0aa05b;--ui-color-green-90:#058449;--ui-color-green-95:#056438;--ui-color-orange-04:#fffdf9;--ui-color-orange-06:#fffcf6;--ui-color-orange-08:#fffbf3;--ui-color-orange-10:#fffaf0;--ui-color-orange-15:#fff5e3;--ui-color-orange-20:#fff1d6;--ui-color-orange-25:#ffe9be;--ui-color-orange-30:#ffe1a6;--ui-color-orange-40:#ffc34d;--ui-color-orange-50:#ffa900;--ui-color-orange-60:#e89b06;--ui-color-orange-70:#c48300;--ui-color-orange-80:#9f6a00;--ui-color-orange-90:#7a5100;--ui-color-orange-95:#614000;--ui-color-red-02:#fffcfc;--ui-color-red-04:#fffcfc;--ui-color-red-06:#fffbfb;--ui-color-red-08:#fff9f9;--ui-color-red-10:#fff8f8;--ui-color-red-15:#fff0f0;--ui-color-red-20:#ffe8e8;--ui-color-red-25:#ffdcdb;--ui-color-red-30:#ffcdcc;--ui-color-red-40:#ff9a97;--ui-color-red-45:#ff7c78;--ui-color-red-50:#ff5752;--ui-color-red-60:#f4433e;--ui-color-red-70:#e92f2a;--ui-color-red-80:#c21b16;--ui-color-red-90:#9a0703;--ui-color-red-95:#800602;--ui-color-red-solid:#f0371b;--ui-color-gray-01:#fcfdfe;--ui-color-gray-02:#f8fafb;--ui-color-gray-03:#f5f7f8;--ui-color-gray-04:#f1f4f6;--ui-color-gray-05:#eef2f4;--ui-color-gray-10:#edeef0;--ui-color-gray-15:#e6e7e9;--ui-color-gray-20:#dfe0e3;--ui-color-gray-30:#d5d7db;--ui-color-gray-35:#c9ccd0;--ui-color-gray-40:#bdc1c6;--ui-color-gray-50:#a8adb4;--ui-color-gray-60:#959ca4;--ui-color-gray-70:#828b95;--ui-color-gray-80:#6a737f;--ui-color-gray-90:#525c69;--ui-color-beige-base:#fdfae1;--ui-color-g-plastic-bluish-bg:#c4e6ff;--ui-color-g-plastic-bluish-stroke:#bbe2ff;--ui-color-g-plastic-greish-bg:#fcfcfd;--ui-color-g-plastic-greish-stroke:#d0d0d0;--ui-color-g-plastic-white-bg:#fff;--ui-color-g-plastic-white-stroke:#dfe0e3;--ui-color-design-disabled-bg:var(--ui-color-base-7);--ui-color-design-disabled-bg-alt:#ffffffad;--ui-color-design-disabled-stroke:var(--ui-color-base-7);--ui-design-disabled-stroke-weight:0px;--ui-color-design-disabled-content:var(--ui-color-base-5);--ui-color-design-disabled-content-icon:var(--ui-color-base-5);--ui-color-design-disabled-content-chevron:var(--ui-color-base-5);--ui-color-design-disabled-content-divider:var(--ui-color-base-6);--ui-color-design-filled-boost-bg-gradient-1:#f9be74;--ui-color-design-filled-boost-bg-gradient-2:#fb7595;--ui-color-design-filled-boost-bg-gradient-3:#b55cce;--ui-color-design-filled-boost-stroke:#b55cce;--ui-design-filled-boost-stroke-weight:0px;--ui-color-design-filled-boost-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-boost-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-boost-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-boost-content-divider:#ffffff3d;--ui-color-design-outline-boost-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-boost-stroke:var(--ui-color-base-7);--ui-design-outline-boost-stroke-weight:var(--ui-border-width-medium);--ui-color-design-outline-boost-content:var(--ui-color-base-2);--ui-color-design-outline-boost-content-label:var(--ui-color-base-3);--ui-color-design-outline-boost-content-icon-gradient-1:#f9be74;--ui-color-design-outline-boost-content-icon-gradient-2:#fb7595;--ui-color-design-outline-boost-content-icon-gradient-3:#b55cce;--ui-color-design-outline-boost-content-chevron:var(--ui-color-base-2);--ui-color-design-outline-boost-content-divider:var(--ui-color-base-7);--ui-color-design-filled-market-bg-gradient-1:#b5ed0a;--ui-color-design-filled-market-bg-gradient-2:#30c6f6;--ui-color-design-filled-market-bg-gradient-3:#4479e0;--ui-color-design-filled-market-stroke:#4479e0;--ui-design-filled-market-stroke-weight:0px;--ui-color-design-filled-market-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-market-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-market-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-market-content-divider:#ffffff3d}}
1
+ @layer theme{.base-mode,.light,:host,:root{--air-theme-bg-image:none;--air-theme-bg-image-blurred:none;--air-theme-bg-position:0 0;--air-theme-bg-size:auto;--air-theme-bg-repeat:repeat;--air-theme-bg-attachment:scroll;--air-theme-bg-color:var(--ui-color-gray-05)}.light .base-mode.--inner,.light.--inner{--air-theme-bg-color:var(--ui-color-gray-05)}.light .base-mode{--ui-color-bg-content-primary:var(--ui-color-base-white-fixed)}.base-mode,.light,:host,:root{--b24ui-typography-legend-color:var(--ui-color-design-plain-na-content);--b24ui-typography-label-color:var(--ui-color-design-plain-content);--b24ui-typography-description-color:var(--ui-color-design-plain-na-content);--b24ui-icon-color:var(--ui-color-base-5);--b24ui-icon-color-hover:color-mix(in srgb,var(--ui-color-base-5) 100%,var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity));--b24ui-icon-color-secondary:var(--ui-color-design-tinted-content-icon-secondary);--b24ui-icon-color-secondary-hover:color-mix(in srgb,var(--ui-color-design-tinted-content-icon-secondary) 100%,var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity));--ui-color-base-0:#000;--ui-color-base-1:#333;--ui-color-base-2:#525c69;--ui-color-base-3:#828b95;--ui-color-base-4:#a8adb4;--ui-color-base-5:#c9ccd0;--ui-color-base-6:#dfe0e3;--ui-color-base-7:#edeef0;--ui-color-base-8:#fff;--ui-color-base-black-fixed:#000;--ui-color-base-white-fixed:#fff;--ui-color-bg-content-primary:#fff;--ui-color-divider-accent:#e2e2e2;--ui-color-divider-default:#f0f0f0;--ui-color-divider-less:#f7f7f7;--ui-color-divider-vibrant-accent-more:#00000026;--ui-color-divider-vibrant-accent:#00000014;--ui-color-divider-vibrant-default:#0000000d;--ui-color-divider-vibrant-less:#00000008;--ui-color-divider-vibrant-accent-more-alt:#ffffff26;--ui-color-divider-vibrant-accent-alt:#ffffff17;--ui-color-divider-vibrant-default-alt:#ffffff0f;--ui-color-divider-vibrant-less-alt:#ffffff0a;--ui-color-divider-optical-1:#00000000;--ui-color-divider-optical-1-alt:#0000000d;--ui-color-divider-optical-2:#ffffff00;--ui-divider-optical-1-weight:0px;--ui-divider-optical-2-weight:0px;--ui-color-divider-optical-on-overlay:#ffffff00;--ui-color-bg-content-secondary:#fbfbfb;--ui-divider-optical-on-overlay-weight:0px;--ui-color-bg-content-tertiary:#f1f4f6;--ui-color-bg-vibrant-accent:#fffffff5;--ui-color-bg-state-hover-default-hex:#000;--ui-color-bg-state-hover-default-opacity:3%;--ui-color-bg-state-hover-default:#00000008;--ui-color-bg-state-click-default-hex:#000;--ui-color-bg-state-click-default-opacity:6%;--ui-color-bg-state-click-default:#0000000f;--ui-color-bg-state-hover-alt-hex:#fff;--ui-color-bg-state-hover-alt-opacity:7%;--ui-color-bg-state-hover-alt:#ffffff12;--ui-color-bg-state-click-alt-hex:#fff;--ui-color-bg-state-click-alt-opacity:14%;--ui-color-bg-state-click-alt:#ffffff24;--ui-color-bg-state-hover-default-overlay-hex:#000;--ui-color-bg-state-hover-default-overlay-opacity:20%;--ui-color-bg-state-hover-default-overlay:#00000033;--ui-color-bg-state-click-default-overlay-hex:#000;--ui-color-bg-state-click-default-overlay-opacity:32%;--ui-color-bg-state-click-default-overlay:#00000052;--ui-color-bg-state-hover-alt-overlay-hex:#fff;--ui-color-bg-state-hover-alt-overlay-opacity:35%;--ui-color-bg-state-hover-alt-overlay:#ffffff59;--ui-color-bg-state-click-alt-overlay-hex:#fff;--ui-color-bg-state-click-alt-overlay-opacity:50%;--ui-color-bg-state-click-alt-overlay:#ffffff80;--ui-color-bg-vibrant-default:#ffffffeb;--ui-color-bg-vibrant-less:#ffffffdb;--ui-color-bg-vibrant-less-more:#ffffffcc;--ui-color-bg-content-inapp:#085dc1;--ui-color-bg-content-primary-layer:#fff;--ui-color-bg-content-light:#fff;--ui-bg-blur-content:none;--ui-bg-blur-vibrant:var(--ui-bg-blur-accent);--ui-color-accent-main-primary:#0075ff;--ui-color-design-filled-bg:var(--ui-color-accent-main-primary);--ui-color-design-filled-stroke:var(--ui-color-accent-main-primary);--ui-design-filled-stroke-weight:0px;--ui-color-design-filled-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-content-secondary:#ffffffb3;--ui-color-design-filled-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-content-icon-secondary:#b4dfff;--ui-color-design-filled-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-content-divider:#ffffff3d;--ui-color-design-filled-success-bg:var(--ui-color-accent-main-success);--ui-color-design-filled-success-stroke:var(--ui-color-accent-main-success);--ui-design-filled-success-stroke-weight:0px;--ui-color-design-filled-success-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-success-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-success-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-success-content-divider:#ffffff3d;--ui-color-design-filled-alert-bg:var(--ui-color-accent-main-alert);--ui-color-design-filled-alert-stroke:var(--ui-color-accent-main-alert);--ui-design-filled-alert-stroke-weight:0px;--ui-color-design-filled-alert-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-alert-content-secondary:#ffffffb3;--ui-color-design-filled-alert-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-alert-content-icon-secondary:var(--ui-color-red-25);--ui-color-design-filled-alert-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-alert-content-divider:#ffffff3d;--ui-color-design-filled-warning-bg:var(--ui-color-accent-main-warning);--ui-color-design-filled-black-bg:var(--ui-color-base-2);--ui-color-design-filled-black-stroke:var(--ui-color-base-2);--ui-design-filled-black-stroke-weight:0px;--ui-color-design-filled-black-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-black-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-black-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-black-content-divider:#ffffff3d;--ui-color-design-filled-warning-stroke:var(--ui-color-accent-main-warning);--ui-design-filled-warning-stroke-weight:0px;--ui-color-design-filled-warning-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-warning-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-warning-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-warning-content-divider:#ffffff3d;--ui-color-design-filled-na-bg:var(--ui-color-base-4);--ui-color-design-filled-na-bg-secondary:var(--ui-color-base-5);--ui-color-design-filled-copilot-bg:var(--ui-color-copilot-accent-primary);--ui-color-design-filled-copilot-stroke:var(--ui-color-copilot-accent-primary);--ui-design-filled-copilot-stroke-weight:var(--ui-border-width-medium);--ui-color-design-filled-copilot-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-copilot-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-copilot-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-copilot-content-divider:#ffffff3d;--ui-color-design-filled-na-stroke:var(--ui-color-base-4);--ui-color-design-filled-na-stroke-secondary:var(--ui-color-base-5);--ui-design-filled-na-stroke-weight:0px;--ui-color-design-filled-na-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-na-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-na-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-na-content-divider:#ffffff3d;--ui-color-design-tinted-bg:var(--ui-color-accent-soft-blue-2);--ui-color-design-tinted-a1-bg:var(--ui-color-accent-main-primary-alt-2);--ui-color-design-tinted-a1-stroke:var(--ui-color-accent-main-primary-alt-2);--ui-design-tinted-a1-stroke-weight:0px;--ui-color-design-tinted-a1-content:var(--ui-color-base-white-fixed);--ui-color-design-tinted-a1-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-tinted-a1-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-tinted-a1-content-divider:#ffffff3d;--ui-color-design-tinted-success-bg:var(--ui-color-accent-soft-green-2);--ui-color-design-tinted-success-stroke:var(--ui-color-accent-soft-green-2);--ui-design-tinted-success-stroke-weight:0px;--ui-color-design-tinted-success-content:var(--ui-color-accent-extra-grass);--ui-color-design-tinted-success-content-icon:var(--ui-color-accent-extra-grass);--ui-color-design-tinted-success-content-chevron:var(--ui-color-accent-extra-grass);--ui-color-design-tinted-success-content-divider:#d0ffdc;--ui-color-design-tinted-bg-alt:var(--ui-color-accent-soft-blue-2);--ui-color-design-tinted-stroke:var(--ui-color-accent-soft-blue-2);--ui-design-tinted-stroke-weight:0px;--ui-color-design-tinted-content:var(--ui-color-accent-main-link);--ui-color-design-tinted-content-icon:var(--ui-color-accent-main-link);--ui-color-design-tinted-content-icon-secondary:#0154c880;--ui-color-design-tinted-content-chevron:var(--ui-color-accent-main-link);--ui-color-design-tinted-content-divider:#d0e6ff;--ui-color-design-tinted-alert-bg:var(--ui-color-accent-soft-red-2);--ui-color-design-tinted-alert-stroke:var(--ui-color-accent-soft-red-2);--ui-design-tinted-alert-stroke-weight:0px;--ui-color-design-tinted-alert-content:var(--ui-color-accent-main-alert);--ui-color-design-tinted-alert-content-icon:var(--ui-color-accent-main-alert);--ui-color-design-tinted-alert-content-chevron:var(--ui-color-accent-main-alert);--ui-color-design-tinted-alert-content-divider:#ffd0d0;--ui-color-design-tinted-warning-bg:var(--ui-color-accent-soft-orange-2);--ui-color-design-tinted-warning-stroke:var(--ui-color-accent-soft-orange-2);--ui-design-tinted-warning-stroke-weight:0px;--ui-color-design-tinted-warning-content:var(--ui-color-accent-extra-orange);--ui-color-design-tinted-warning-content-icon:var(--ui-color-accent-extra-orange);--ui-color-design-tinted-warning-content-chevron:var(--ui-color-accent-extra-orange);--ui-color-design-tinted-warning-content-divider:#ffebd0;--ui-color-design-tinted-na-bg:var(--ui-color-base-7);--ui-color-design-tinted-na-stroke:var(--ui-color-base-7);--ui-design-tinted-na-stroke-weight:0px;--ui-color-design-tinted-na-content:var(--ui-color-base-3);--ui-color-design-tinted-na-content-icon:var(--ui-color-base-3);--ui-color-design-tinted-na-content-chevron:var(--ui-color-base-3);--ui-color-design-tinted-na-content-divider:var(--ui-color-base-7);--ui-color-design-outline-a1-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-a1-stroke:var(--ui-color-accent-main-primary);--ui-design-outline-a1-stroke-weight:var(--ui-border-width-medium);--ui-color-design-outline-a1-content:var(--ui-color-base-1);--ui-color-design-outline-a1-content-icon:var(--ui-color-base-1);--ui-color-design-outline-a1-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-a1-content-divider:#d0e6ff;--ui-color-design-outline-a2-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-a2-stroke:var(--ui-color-accent-main-primary-alt-2);--ui-design-outline-a2-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-a2-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-a2-content:var(--ui-color-accent-main-primary);--ui-color-design-outline-a2-content-icon:var(--ui-color-accent-main-primary);--ui-color-design-outline-a2-content-chevron:var(--ui-color-accent-main-primary);--ui-color-design-outline-a2-content-divider:#d0e6ff;--ui-color-design-outline-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-success-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-success-stroke:var(--ui-color-accent-soft-border-green);--ui-design-outline-success-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-success-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-success-content:var(--ui-color-accent-main-success);--ui-color-design-outline-success-content-icon:var(--ui-color-accent-main-success);--ui-color-design-outline-success-content-chevron:var(--ui-color-accent-main-success);--ui-color-design-outline-success-content-divider:#d0ffe9;--ui-color-design-outline-alert-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-alert-stroke:var(--ui-color-accent-soft-border-red);--ui-design-outline-alert-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-alert-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-alert-content:var(--ui-color-accent-main-alert);--ui-color-design-outline-alert-content-icon:var(--ui-color-accent-main-alert);--ui-color-design-outline-alert-content-chevron:var(--ui-color-accent-main-alert);--ui-color-design-outline-alert-content-divider:#ffd2d0;--ui-color-design-outline-bg-alt:var(--ui-color-bg-content-primary);--ui-color-design-outline-stroke:var(--ui-color-base-7);--ui-design-outline-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-content:var(--ui-color-base-2);--ui-color-design-outline-content-secondary:var(--ui-color-base-4);--ui-color-design-outline-content-label:var(--ui-color-base-3);--ui-color-design-outline-content-icon:var(--ui-color-base-2);--ui-color-design-outline-content-icon-alt:var(--ui-color-accent-main-primary);--ui-color-design-outline-content-icon-secondary:var(--ui-color-base-5);--ui-color-design-outline-content-chevron:var(--ui-color-base-2);--ui-color-design-outline-content-divider:var(--ui-color-base-7);--ui-color-design-outline-focused-stroke:var(--ui-color-accent-main-primary);--ui-color-design-outline-warning-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-warning-stroke:var(--ui-color-accent-soft-orange-1);--ui-design-outline-warning-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-warning-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-warning-content:var(--ui-color-accent-main-warning);--ui-color-design-outline-warning-content-icon:var(--ui-color-accent-main-warning);--ui-color-design-outline-warning-content-chevron:var(--ui-color-accent-main-warning);--ui-color-design-outline-warning-content-divider:#d0ffe9;--ui-color-design-outline-copilot-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-copilot-stroke:var(--ui-color-copilot-bg-content-2);--ui-design-outline-copilot-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-copilot-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-copilot-content:var(--ui-color-copilot-accent-primary);--ui-color-design-outline-copilot-content-icon:var(--ui-color-copilot-accent-primary);--ui-color-design-outline-copilot-content-chevron:var(--ui-color-copilot-accent-primary);--ui-color-design-outline-copilot-content-divider:#e0d0ff;--ui-color-design-outline-na-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-na-bg-alt:#ffffffad;--ui-color-design-outline-na-stroke:var(--ui-color-base-7);--ui-design-outline-na-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-na-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-na-content:var(--ui-color-base-3);--ui-color-design-outline-na-content-icon:var(--ui-color-base-4);--ui-color-design-outline-na-content-chevron:var(--ui-color-base-4);--ui-color-design-outline-na-content-divider:var(--ui-color-base-7);--ui-color-design-plain-a-bg:#ffffff00;--ui-color-design-plain-a-stroke:#ffffff00;--ui-design-plain-a-stroke-weight:0px;--ui-color-design-plain-a-content:var(--ui-color-accent-main-primary);--ui-color-design-plain-a-content-icon:var(--ui-color-accent-main-primary);--ui-color-design-plain-a-content-chevron:var(--ui-color-accent-main-primary);--ui-color-design-plain-a-content-divider:#d0e6ff;--ui-color-design-plain-bg:#ffffff00;--ui-color-design-plain-stroke:#ffffff00;--ui-design-plain-stroke-weight:0px;--ui-color-design-plain-content:var(--ui-color-base-2);--ui-color-design-plain-content-icon:var(--ui-color-base-2);--ui-color-design-plain-content-icon-secondary:var(--ui-color-base-4);--ui-color-design-plain-content-chevron:var(--ui-color-base-2);--ui-color-design-plain-content-divider:var(--ui-color-base-6);--ui-color-design-plain-na-bg:#ffffff00;--ui-color-design-plain-na-stroke:#ffffff00;--ui-design-plain-na-stroke-weight:0px;--ui-color-design-plain-na-content:var(--ui-color-base-3);--ui-color-design-plain-na-content-secondary:var(--ui-color-base-5);--ui-color-design-plain-na-content-icon:var(--ui-color-base-4);--ui-color-design-plain-na-content-chevron:var(--ui-color-base-4);--ui-color-design-plain-na-content-divider:var(--ui-color-base-7);--ui-color-design-plain-na-focused-bg:var(--ui-color-bg-content-primary);--ui-color-design-selection-bg:var(--ui-color-accent-soft-blue-3);--ui-color-design-selection-stroke:var(--ui-color-accent-soft-blue-1);--ui-design-selection-stroke-weight:var(--ui-border-width-medium);--ui-color-design-selection-content:var(--ui-color-accent-main-primary);--ui-color-design-plain-na-focused-stroke:var(--ui-color-divider-default);--ui-design-plain-na-focused-stroke-weight:var(--ui-border-width-medium);--ui-color-design-selection-content-icon:var(--ui-color-accent-main-primary);--ui-color-design-selection-content-icon-secondary:var(--ui-color-accent-main-primary-alt-2);--ui-color-design-selection-content-chevron:var(--ui-color-accent-main-primary);--ui-color-design-plain-na-focused-content:var(--ui-color-base-1);--ui-color-design-selection-content-divider:var(--ui-color-accent-soft-blue-1);--ui-color-design-selection-focused-bg:var(--ui-color-bg-content-primary);--ui-color-accent-main-primary-alt:#1f86ff;--ui-color-accent-main-primary-alt-2:#7ab7ff;--ui-color-accent-main-success:#1bce7b;--ui-color-accent-main-success-alt:#10b769;--ui-color-accent-main-success-alt-2:#00a659;--ui-color-accent-main-link:#0154c8;--ui-color-accent-main-link-underline:#0154c84d;--ui-color-accent-main-warning:#faa72c;--ui-color-accent-main-alert:#ff5752;--ui-color-accent-soft-blue-1:#c4e6ff;--ui-color-accent-soft-blue-2:#e6f4ff;--ui-color-accent-soft-blue-3:#edf7ff;--ui-color-accent-soft-green-1:#a7fad3;--ui-color-accent-soft-green-2:#caffe7;--ui-color-accent-soft-green-3:#e7fff5;--ui-color-accent-soft-orange-1:#ffeba6;--ui-color-accent-soft-orange-2:#fff4d6;--ui-color-accent-soft-orange-3:#fff9e3;--ui-color-accent-soft-red-1:#ffcdcc;--ui-color-accent-soft-red-2:#ffe8e8;--ui-color-accent-soft-red-3:#fff0f0;--ui-color-accent-soft-grey-1:#f0f0f0;--ui-color-accent-soft-grey-2:#fcfcfd;--ui-color-accent-soft-violet-1:#f1e0ff;--ui-color-accent-soft-violet-2:#f6ecff;--ui-color-accent-soft-violet-3:#fbf6ff;--ui-color-accent-soft-element-blue:#0154c8;--ui-color-accent-soft-element-green:#02bb9a;--ui-color-accent-soft-element-orange:#a56300;--ui-color-accent-soft-element-red:#c21b16;--ui-color-accent-soft-element-violet:#b15ef5;--ui-color-accent-soft-border-blue:#88c8f8;--ui-color-accent-soft-border-red:#fea8a6;--ui-color-accent-soft-border-green:#3bf39c;--ui-color-accent-brand-blue:#2fc6f6;--ui-color-accent-brand-green:#bbed21;--ui-color-accent-extra-orange:#e88c02;--ui-color-accent-extra-aqua:#37c5d8;--ui-color-accent-extra-pink:#f85e9e;--ui-color-accent-extra-grass:#24b547;--ui-color-accent-extra-brown:#b89238;--ui-color-accent-extra-darkblue:#0091e3;--ui-color-copilot-bg-content-1-alt:#fbf8ff;--ui-color-copilot-bg-content-1:#f7f1fe;--ui-color-copilot-bg-content-2:#ecdeff;--ui-color-copilot-bg-content-3:#cfb0fd;--ui-color-copilot-accent-less-1:#b288f1;--ui-color-copilot-accent-less-2:#9760e8;--ui-color-copilot-accent-primary:#853af5;--ui-color-copilot-accent-primary-alt:#6625c6;--ui-color-copilot-element-1:#4e2092;--ui-color-copilot-element-2:#2d1353;--ui-color-collab-bg-content-1:#f2fee2;--ui-color-collab-bg-content-2:#e9ffcf;--ui-color-collab-bg-content-3:#d4fdb0;--ui-color-collab-accent-less-1:#8cef73;--ui-color-collab-accent-less-2:#6be860;--ui-color-collab-accent-primary:#19cc45;--ui-color-collab-accent-primary-alt:#00a94e;--ui-color-collab-element-1:#1e8d36;--ui-color-collab-element-2:#065217;--ui-color-black-solid:#000;--ui-tech-grid-sep-op:5px;--ui-color-tech-push:#00000014;--ui-color-tech-focus:#0000000d;--ui-color-tech-opacity:#ffffff00;--ui-color-tech-bg-picture-tint:#00000000;--ui-color-tech-dark-fixes:#ffffff00;--ui-color-blue-02:#f9fcff;--ui-color-blue-04:#f8fbff;--ui-color-black-base:#333;--ui-color-blue-06:#f7fbff;--ui-color-blue-08:#f5faff;--ui-color-g-content-glass-1:#ffffffe6;--ui-color-g-content-glass-2:#ffffffb3;--ui-color-g-content-glass-3:#ffffff66;--ui-color-g-content-glass-grey-1:#bdbdbd;--ui-color-g-content-glass-grey-2:#cdcdcd;--ui-color-g-content-glass-grey-3:#dbdbdb;--ui-color-g-content-black:#333;--ui-color-g-content-grey-1:#909090;--ui-color-g-content-grey-2:#d0d0d0;--ui-color-g-content-grey-3:#ebebeb;--ui-color-g-content-grey-4:#f2f2f2;--ui-color-g-content-blue-1:#0154c8;--ui-color-g-content-blue-2:#0075ff;--ui-color-g-content-blue-3:#82c0ff;--ui-color-g-glass-green-bg-1:#1bce7bc7;--ui-color-g-glass-green-bg-2:#00aa5bd1;--ui-color-g-glass-green-bg-3:#59fbb0bd;--ui-color-g-glass-green-stroke:#ffffff2e;--ui-color-g-glass-collab-bg-1:#19cc45c7;--ui-color-g-glass-collab-bg-2:#02b12dd1;--ui-color-g-glass-collab-bg-3:#35e961bd;--ui-color-g-glass-collab-stroke:#ffffff2e;--ui-color-g-glass-copilot-bg-1:#7e33ffc7;--ui-color-g-glass-copilot-bg-2:#661fd1d1;--ui-color-g-glass-copilot-bg-3:#cfb0fdbd;--ui-color-g-glass-copilot-stroke:#ffffff2e;--ui-color-g-glass-blue-bg-1:#0075ffc7;--ui-color-g-glass-blue-bg-2:#0855ebd1;--ui-color-g-glass-blue-bg-3:#44b0ffbd;--ui-color-g-glass-blue-stroke:#ffffff2e;--ui-color-g-glass-bluish-bg-1:#c5e7fecc;--ui-color-g-glass-bluish-bg-2:#9bd4ffcc;--ui-color-g-glass-bluish-bg-3:#d7efffcc;--ui-color-g-glass-bluish-stroke:#ffffff3d;--ui-color-g-glass-grey-bg-1:#dfe0e3ad;--ui-color-g-glass-grey-bg-2:#c8c9cdad;--ui-color-g-glass-grey-bg-3:#f0f1f4ad;--ui-color-g-glass-grey-stroke:#ffffff66;--ui-color-g-glass-pink-bg-1:#f85e9ec7;--ui-color-g-glass-pink-bg-2:#df2270d1;--ui-color-g-glass-pink-bg-3:#ffa1c8bd;--ui-color-g-glass-pink-stroke:#ffffff2e;--ui-color-g-glass-orange-bg-1:#faa72cc7;--ui-color-g-glass-orange-bg-2:#db7600d1;--ui-color-g-glass-orange-bg-3:#ffd685bd;--ui-color-g-glass-orange-stroke:#ffffff2e;--ui-color-white-base:#fff;--ui-color-blue-09:#f3f8ff;--ui-color-blue-10:#f3faff;--ui-color-blue-15:#f0f7ff;--ui-color-blue-20:#e7f4ff;--ui-color-blue-25:#deedff;--ui-color-blue-30:#c6e6ff;--ui-color-blue-35:#b7d7ff;--ui-color-blue-40:#a3cdff;--ui-color-blue-50:#71c0ff;--ui-color-blue-55:#58a4ff;--ui-color-blue-57:#4a9dff;--ui-color-blue-60:#3592ff;--ui-color-blue-70:#188ae6;--ui-color-blue-80:#0069e6;--ui-color-blue-90:#035ea8;--ui-color-blue-95:#004780;--ui-color-green-02:#f4fffa;--ui-color-green-04:#effff8;--ui-color-green-06:#ecfff6;--ui-color-green-08:#e8fff4;--ui-color-green-09:#e5fff3;--ui-color-green-10:#e3fff2;--ui-color-green-15:#cffde7;--ui-color-green-20:#bbfadd;--ui-color-green-25:#93fdcc;--ui-color-green-30:#6ef1b4;--ui-color-green-35:#4de39e;--ui-color-green-40:#2adb89;--ui-color-green-50:#1bce7b;--ui-color-green-55:#15c674;--ui-color-green-60:#0eba6a;--ui-color-green-70:#0cb164;--ui-color-green-80:#0aa05b;--ui-color-green-90:#058449;--ui-color-green-95:#056438;--ui-color-orange-04:#fffdf9;--ui-color-orange-06:#fffcf6;--ui-color-orange-08:#fffbf3;--ui-color-orange-10:#fffaf0;--ui-color-orange-15:#fff5e3;--ui-color-orange-20:#fff1d6;--ui-color-orange-25:#ffe9be;--ui-color-orange-30:#ffe1a6;--ui-color-orange-40:#ffc34d;--ui-color-orange-50:#ffa900;--ui-color-orange-60:#e89b06;--ui-color-orange-70:#c48300;--ui-color-orange-80:#9f6a00;--ui-color-orange-90:#7a5100;--ui-color-orange-95:#614000;--ui-color-red-02:#fffcfc;--ui-color-red-04:#fffcfc;--ui-color-red-06:#fffbfb;--ui-color-red-08:#fff9f9;--ui-color-red-10:#fff8f8;--ui-color-red-15:#fff0f0;--ui-color-red-20:#ffe8e8;--ui-color-red-25:#ffdcdb;--ui-color-red-30:#ffcdcc;--ui-color-red-40:#ff9a97;--ui-color-red-45:#ff7c78;--ui-color-red-50:#ff5752;--ui-color-red-60:#f4433e;--ui-color-red-70:#e92f2a;--ui-color-red-80:#c21b16;--ui-color-red-90:#9a0703;--ui-color-red-95:#800602;--ui-color-red-solid:#f0371b;--ui-color-gray-01:#fcfdfe;--ui-color-gray-02:#f8fafb;--ui-color-gray-03:#f5f7f8;--ui-color-gray-04:#f1f4f6;--ui-color-gray-05:#eef2f4;--ui-color-gray-10:#edeef0;--ui-color-gray-15:#e6e7e9;--ui-color-gray-20:#dfe0e3;--ui-color-gray-30:#d5d7db;--ui-color-gray-35:#c9ccd0;--ui-color-gray-40:#bdc1c6;--ui-color-gray-50:#a8adb4;--ui-color-gray-60:#959ca4;--ui-color-gray-70:#828b95;--ui-color-gray-80:#6a737f;--ui-color-gray-90:#525c69;--ui-color-beige-base:#fdfae1;--ui-color-g-plastic-bluish-bg:#c4e6ff;--ui-color-g-plastic-bluish-stroke:#bbe2ff;--ui-color-g-plastic-greish-bg:#fcfcfd;--ui-color-g-plastic-greish-stroke:#d0d0d0;--ui-color-g-plastic-white-bg:#fff;--ui-color-g-plastic-white-stroke:#dfe0e3;--ui-color-design-disabled-bg:var(--ui-color-base-7);--ui-color-design-disabled-bg-alt:#ffffffad;--ui-color-design-disabled-stroke:var(--ui-color-base-7);--ui-design-disabled-stroke-weight:0px;--ui-color-design-disabled-content:var(--ui-color-base-5);--ui-color-design-disabled-content-icon:var(--ui-color-base-5);--ui-color-design-disabled-content-chevron:var(--ui-color-base-5);--ui-color-design-disabled-content-divider:var(--ui-color-base-6);--ui-color-design-filled-boost-bg-gradient-1:#f9be74;--ui-color-design-filled-boost-bg-gradient-2:#fb7595;--ui-color-design-filled-boost-bg-gradient-3:#b55cce;--ui-color-design-filled-boost-stroke:#b55cce;--ui-design-filled-boost-stroke-weight:0px;--ui-color-design-filled-boost-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-boost-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-boost-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-boost-content-divider:#ffffff3d;--ui-color-design-outline-boost-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-boost-stroke:var(--ui-color-base-7);--ui-design-outline-boost-stroke-weight:var(--ui-border-width-medium);--ui-color-design-outline-boost-content:var(--ui-color-base-2);--ui-color-design-outline-boost-content-label:var(--ui-color-base-3);--ui-color-design-outline-boost-content-icon-gradient-1:#f9be74;--ui-color-design-outline-boost-content-icon-gradient-2:#fb7595;--ui-color-design-outline-boost-content-icon-gradient-3:#b55cce;--ui-color-design-outline-boost-content-chevron:var(--ui-color-base-2);--ui-color-design-outline-boost-content-divider:var(--ui-color-base-7);--ui-color-design-filled-market-bg-gradient-1:#b5ed0a;--ui-color-design-filled-market-bg-gradient-2:#30c6f6;--ui-color-design-filled-market-bg-gradient-3:#4479e0;--ui-color-design-filled-market-stroke:#4479e0;--ui-design-filled-market-stroke-weight:0px;--ui-color-design-filled-market-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-market-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-market-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-market-content-divider:#ffffff3d}}
package/dist/runtime/air-design-tokens/004_b24_context_dark.css CHANGED
@@ -1 +1 @@
1
- @layer theme{.dark{--air-theme-bg-image:none;--air-theme-bg-image-blurred:none;--air-theme-bg-position:0 0;--air-theme-bg-size:auto;--air-theme-bg-repeat:repeat;--air-theme-bg-attachment:scroll}.dark,.dark.--inner{--air-theme-bg-color:var(--ui-color-base-black-fixed)}.dark,.dark .base-mode{--b24ui-typography-legend-color:var(--ui-color-design-plain-na-content);--b24ui-typography-label-color:var(--ui-color-design-plain-content);--b24ui-typography-description-color:var(--ui-color-design-plain-na-content);--b24ui-icon-color:var(--ui-color-base-5);--b24ui-icon-color-hover:color-mix(in srgb,var(--ui-color-base-5) 100%,var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity));--ui-color-base-0:#fff;--ui-color-base-1:#f8f8f8;--ui-color-base-2:#cacbcc;--ui-color-base-3:#a7a9ab;--ui-color-base-4:#828385;--ui-color-base-5:#666769;--ui-color-base-6:#555657;--ui-color-base-7:#373838;--ui-color-base-8:#252626;--ui-color-base-black-fixed:#000;--ui-color-base-white-fixed:#fff;--ui-color-bg-content-primary:#262626;--ui-color-divider-accent:#383838;--ui-color-divider-default:#323232;--ui-color-divider-less:#323232;--ui-color-divider-vibrant-accent-more:#ffffff33;--ui-color-divider-vibrant-accent:#ffffff24;--ui-color-divider-vibrant-default:#ffffff1a;--ui-color-divider-vibrant-less:#ffffff12;--ui-color-divider-vibrant-accent-more-alt:#00000026;--ui-color-divider-vibrant-accent-alt:#00000017;--ui-color-divider-vibrant-default-alt:#0000000f;--ui-color-divider-vibrant-less-alt:#0000000a;--ui-color-divider-optical-1:#00000099;--ui-color-divider-optical-1-alt:#00000099;--ui-color-divider-optical-2:#ffffff14;--ui-divider-optical-1-weight:var(--ui-border-width-thin);--ui-divider-optical-2-weight:var(--ui-border-width-thick);--ui-color-divider-optical-on-overlay:#ffffff14;--ui-color-bg-content-secondary:#1f1f1f;--ui-divider-optical-on-overlay-weight:var(--ui-border-width-thin);--ui-color-bg-content-tertiary:#171717;--ui-color-bg-vibrant-accent:#262626e0;--ui-color-bg-state-hover-default-hex:#000;--ui-color-bg-state-hover-default-opacity:3%;--ui-color-bg-state-hover-default:#00000008;--ui-color-bg-state-click-default-hex:#000;--ui-color-bg-state-click-default-opacity:6%;--ui-color-bg-state-click-default:#0000000f;--ui-color-bg-state-hover-alt-hex:#fff;--ui-color-bg-state-hover-alt-opacity:7%;--ui-color-bg-state-hover-alt:#ffffff12;--ui-color-bg-state-click-alt-hex:#fff;--ui-color-bg-state-click-alt-opacity:14%;--ui-color-bg-state-click-alt:#ffffff24;--ui-color-bg-state-hover-default-overlay-hex:#000;--ui-color-bg-state-hover-default-overlay-opacity:20%;--ui-color-bg-state-hover-default-overlay:#00000033;--ui-color-bg-state-click-default-overlay-hex:#000;--ui-color-bg-state-click-default-overlay-opacity:32%;--ui-color-bg-state-click-default-overlay:#00000052;--ui-color-bg-state-hover-alt-overlay-hex:#fff;--ui-color-bg-state-hover-alt-overlay-opacity:35%;--ui-color-bg-state-hover-alt-overlay:#ffffff59;--ui-color-bg-state-click-alt-overlay-hex:#fff;--ui-color-bg-state-click-alt-overlay-opacity:50%;--ui-color-bg-state-click-alt-overlay:#ffffff80;--ui-color-bg-vibrant-default:#262626d6;--ui-color-bg-vibrant-less:#262626c2;--ui-color-bg-vibrant-less-more:#262626b8;--ui-color-bg-content-inapp:#00428f;--ui-color-bg-content-primary-layer:#292929;--ui-color-bg-content-light:#eee;--ui-bg-blur-content:none;--ui-bg-blur-vibrant:var(--ui-bg-blur-accent);--ui-color-accent-main-primary:#1587fa;--ui-color-design-filled-bg:var(--ui-color-accent-main-primary);--ui-color-design-filled-stroke:var(--ui-color-accent-main-primary);--ui-design-filled-stroke-weight:0px;--ui-color-design-filled-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-content-secondary:#ffffffb3;--ui-color-design-filled-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-content-icon-secondary:#b4dfff;--ui-color-design-filled-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-content-divider:#ffffff3d;--ui-color-design-filled-success-bg:var(--ui-color-accent-main-success);--ui-color-design-filled-success-stroke:var(--ui-color-accent-main-success);--ui-design-filled-success-stroke-weight:0px;--ui-color-design-filled-success-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-success-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-success-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-success-content-divider:#ffffff3d;--ui-color-design-filled-alert-bg:var(--ui-color-accent-main-alert);--ui-color-design-filled-alert-stroke:var(--ui-color-accent-main-alert);--ui-design-filled-alert-stroke-weight:0px;--ui-color-design-filled-alert-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-alert-content-secondary:#ffffffb3;--ui-color-design-filled-alert-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-alert-content-icon-secondary:var(--ui-color-red-25);--ui-color-design-filled-alert-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-alert-content-divider:#ffffff3d;--ui-color-design-filled-warning-bg:var(--ui-color-accent-main-warning);--ui-color-design-filled-black-bg:var(--ui-color-base-2);--ui-color-design-filled-black-stroke:var(--ui-color-base-2);--ui-design-filled-black-stroke-weight:0px;--ui-color-design-filled-black-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-black-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-black-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-black-content-divider:#ffffff3d;--ui-color-design-filled-warning-stroke:var(--ui-color-accent-main-warning);--ui-design-filled-warning-stroke-weight:0px;--ui-color-design-filled-warning-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-warning-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-warning-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-warning-content-divider:#ffffff3d;--ui-color-design-filled-na-bg:var(--ui-color-base-4);--ui-color-design-filled-na-bg-secondary:var(--ui-color-base-5);--ui-color-design-filled-copilot-bg:var(--ui-color-copilot-accent-primary);--ui-color-design-filled-copilot-stroke:var(--ui-color-copilot-accent-primary);--ui-design-filled-copilot-stroke-weight:var(--ui-border-width-thin);--ui-color-design-filled-copilot-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-copilot-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-copilot-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-copilot-content-divider:#ffffff3d;--ui-color-design-filled-na-stroke:var(--ui-color-base-4);--ui-color-design-filled-na-stroke-secondary:var(--ui-color-base-5);--ui-design-filled-na-stroke-weight:0px;--ui-color-design-filled-na-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-na-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-na-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-na-content-divider:#ffffff3d;--ui-color-design-tinted-bg:var(--ui-color-accent-soft-blue-2);--ui-color-design-tinted-a1-bg:var(--ui-color-accent-main-primary-alt-2);--ui-color-design-tinted-a1-stroke:var(--ui-color-accent-main-primary-alt-2);--ui-design-tinted-a1-stroke-weight:0px;--ui-color-design-tinted-a1-content:var(--ui-color-base-white-fixed);--ui-color-design-tinted-a1-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-tinted-a1-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-tinted-a1-content-divider:#ffffff3d;--ui-color-design-tinted-success-bg:var(--ui-color-accent-soft-green-2);--ui-color-design-tinted-success-stroke:var(--ui-color-accent-soft-green-2);--ui-design-tinted-success-stroke-weight:0px;--ui-color-design-tinted-success-content:var(--ui-color-accent-extra-grass);--ui-color-design-tinted-success-content-icon:var(--ui-color-accent-extra-grass);--ui-color-design-tinted-success-content-chevron:var(--ui-color-accent-extra-grass);--ui-color-design-tinted-success-content-divider:#007e41;--ui-color-design-tinted-bg-alt:var(--ui-color-accent-soft-blue-2);--ui-color-design-tinted-stroke:var(--ui-color-accent-soft-blue-2);--ui-design-tinted-stroke-weight:0px;--ui-color-design-tinted-content:var(--ui-color-accent-main-link);--ui-color-design-tinted-content-icon:var(--ui-color-accent-main-link);--ui-color-design-tinted-content-icon-secondary:#468bec80;--ui-color-design-tinted-content-chevron:var(--ui-color-accent-main-link);--ui-color-design-tinted-content-divider:#003f7e;--ui-color-design-tinted-alert-bg:var(--ui-color-accent-soft-red-2);--ui-color-design-tinted-alert-stroke:var(--ui-color-accent-soft-red-2);--ui-design-tinted-alert-stroke-weight:0px;--ui-color-design-tinted-alert-content:var(--ui-color-accent-main-alert);--ui-color-design-tinted-alert-content-icon:var(--ui-color-accent-main-alert);--ui-color-design-tinted-alert-content-chevron:var(--ui-color-accent-main-alert);--ui-color-design-tinted-alert-content-divider:#7e0400;--ui-color-design-tinted-warning-bg:var(--ui-color-accent-soft-orange-2);--ui-color-design-tinted-warning-stroke:var(--ui-color-accent-soft-orange-2);--ui-design-tinted-warning-stroke-weight:0px;--ui-color-design-tinted-warning-content:var(--ui-color-accent-extra-orange);--ui-color-design-tinted-warning-content-icon:var(--ui-color-accent-extra-orange);--ui-color-design-tinted-warning-content-chevron:var(--ui-color-accent-extra-orange);--ui-color-design-tinted-warning-content-divider:#7e5200;--ui-color-design-tinted-na-bg:var(--ui-color-base-7);--ui-color-design-tinted-na-stroke:var(--ui-color-base-7);--ui-design-tinted-na-stroke-weight:0px;--ui-color-design-tinted-na-content:var(--ui-color-base-3);--ui-color-design-tinted-na-content-icon:var(--ui-color-base-3);--ui-color-design-tinted-na-content-chevron:var(--ui-color-base-3);--ui-color-design-tinted-na-content-divider:var(--ui-color-base-7);--ui-color-design-outline-a1-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-a1-stroke:var(--ui-color-accent-main-primary);--ui-design-outline-a1-stroke-weight:var(--ui-border-width-medium);--ui-color-design-outline-a1-content:var(--ui-color-base-1);--ui-color-design-outline-a1-content-icon:var(--ui-color-base-1);--ui-color-design-outline-a1-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-a1-content-divider:#003f7e;--ui-color-design-outline-a2-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-a2-stroke:var(--ui-color-accent-main-primary-alt-2);--ui-design-outline-a2-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-a2-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-a2-content:var(--ui-color-accent-main-primary);--ui-color-design-outline-a2-content-icon:var(--ui-color-accent-main-primary);--ui-color-design-outline-a2-content-chevron:var(--ui-color-accent-main-primary);--ui-color-design-outline-a2-content-divider:#003f7e;--ui-color-design-outline-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-success-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-success-stroke:var(--ui-color-accent-soft-border-green);--ui-design-outline-success-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-success-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-success-content:var(--ui-color-accent-main-success);--ui-color-design-outline-success-content-icon:var(--ui-color-accent-main-success);--ui-color-design-outline-success-content-chevron:var(--ui-color-accent-main-success);--ui-color-design-outline-success-content-divider:#007e41;--ui-color-design-outline-alert-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-alert-stroke:var(--ui-color-accent-soft-border-red);--ui-design-outline-alert-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-alert-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-alert-content:var(--ui-color-accent-main-alert);--ui-color-design-outline-alert-content-icon:var(--ui-color-accent-main-alert);--ui-color-design-outline-alert-content-chevron:var(--ui-color-accent-main-alert);--ui-color-design-outline-alert-content-divider:#7e0400;--ui-color-design-outline-bg-alt:var(--ui-color-bg-content-primary);--ui-color-design-outline-stroke:var(--ui-color-base-7);--ui-design-outline-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-content:var(--ui-color-base-2);--ui-color-design-outline-content-secondary:var(--ui-color-base-4);--ui-color-design-outline-content-label:var(--ui-color-base-3);--ui-color-design-outline-content-icon:var(--ui-color-base-2);--ui-color-design-outline-content-icon-alt:var(--ui-color-accent-main-primary);--ui-color-design-outline-content-icon-secondary:var(--ui-color-base-5);--ui-color-design-outline-content-chevron:var(--ui-color-base-2);--ui-color-design-outline-content-divider:var(--ui-color-base-7);--ui-color-design-outline-focused-stroke:var(--ui-color-accent-main-primary);--ui-color-design-outline-warning-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-warning-stroke:var(--ui-color-accent-soft-orange-1);--ui-design-outline-warning-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-warning-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-warning-content:var(--ui-color-accent-main-warning);--ui-color-design-outline-warning-content-icon:var(--ui-color-accent-main-warning);--ui-color-design-outline-warning-content-chevron:var(--ui-color-accent-main-warning);--ui-color-design-outline-warning-content-divider:#7e5200;--ui-color-design-outline-copilot-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-copilot-stroke:var(--ui-color-copilot-bg-content-2);--ui-design-outline-copilot-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-copilot-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-copilot-content:var(--ui-color-copilot-accent-primary);--ui-color-design-outline-copilot-content-icon:var(--ui-color-copilot-accent-primary);--ui-color-design-outline-copilot-content-chevron:var(--ui-color-copilot-accent-primary);--ui-color-design-outline-copilot-content-divider:#45007e;--ui-color-design-outline-na-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-na-bg-alt:#262626ad;--ui-color-design-outline-na-stroke:var(--ui-color-base-7);--ui-design-outline-na-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-na-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-na-content:var(--ui-color-base-3);--ui-color-design-outline-na-content-icon:var(--ui-color-base-4);--ui-color-design-outline-na-content-chevron:var(--ui-color-base-4);--ui-color-design-outline-na-content-divider:var(--ui-color-base-7);--ui-color-design-plain-a-bg:#00000000;--ui-color-design-plain-a-stroke:#00000000;--ui-design-plain-a-stroke-weight:0px;--ui-color-design-plain-a-content:var(--ui-color-accent-main-primary);--ui-color-design-plain-a-content-icon:var(--ui-color-accent-main-primary);--ui-color-design-plain-a-content-chevron:var(--ui-color-accent-main-primary);--ui-color-design-plain-a-content-divider:#003f7e;--ui-color-design-plain-bg:#00000000;--ui-color-design-plain-stroke:#00000000;--ui-design-plain-stroke-weight:0px;--ui-color-design-plain-content:var(--ui-color-base-2);--ui-color-design-plain-content-icon:var(--ui-color-base-2);--ui-color-design-plain-content-icon-secondary:var(--ui-color-base-4);--ui-color-design-plain-content-chevron:var(--ui-color-base-2);--ui-color-design-plain-content-divider:var(--ui-color-base-6);--ui-color-design-plain-na-bg:#00000000;--ui-color-design-plain-na-stroke:#00000000;--ui-design-plain-na-stroke-weight:0px;--ui-color-design-plain-na-content:var(--ui-color-base-3);--ui-color-design-plain-na-content-secondary:var(--ui-color-base-5);--ui-color-design-plain-na-content-icon:var(--ui-color-base-4);--ui-color-design-plain-na-content-chevron:var(--ui-color-base-4);--ui-color-design-plain-na-content-divider:var(--ui-color-base-7);--ui-color-design-plain-na-focused-bg:var(--ui-color-divider-accent);--ui-color-design-selection-bg:#1f3048;--ui-color-design-selection-stroke:#294162;--ui-design-selection-stroke-weight:var(--ui-border-width-medium);--ui-color-design-selection-content:#2a94ff;--ui-color-design-plain-na-focused-stroke:var(--ui-color-divider-default);--ui-design-plain-na-focused-stroke-weight:var(--ui-border-width-medium);--ui-color-design-selection-content-icon:#2a94ff;--ui-color-design-selection-content-icon-secondary:#5eaeff;--ui-color-design-selection-content-chevron:#2a94ff;--ui-color-design-plain-na-focused-content:var(--ui-color-base-1);--ui-color-design-selection-content-divider:var(--ui-color-accent-soft-blue-1);--ui-color-design-selection-focused-bg:#1f3048;--ui-color-accent-main-primary-alt:#1b79e6;--ui-color-accent-main-primary-alt-2:#2a94ff;--ui-color-accent-main-success:#1cae6a;--ui-color-accent-main-success-alt:#00904d;--ui-color-accent-main-success-alt-2:#008648;--ui-color-accent-main-link:#468bec;--ui-color-accent-main-link-underline:#468bec4d;--ui-color-accent-main-warning:#f2a100;--ui-color-accent-main-alert:#f2473d;--ui-color-accent-soft-blue-1:#0e294b;--ui-color-accent-soft-blue-2:#062040;--ui-color-accent-soft-blue-3:#1a2a33;--ui-color-accent-soft-green-1:#0a4c2e;--ui-color-accent-soft-green-2:#052717;--ui-color-accent-soft-green-3:#041b10;--ui-color-accent-soft-orange-1:#5e3f00;--ui-color-accent-soft-orange-2:#302000;--ui-color-accent-soft-orange-3:#211600;--ui-color-accent-soft-red-1:#5e1c18;--ui-color-accent-soft-red-2:#300e0c;--ui-color-accent-soft-red-3:#210a08;--ui-color-accent-soft-grey-1:#272727;--ui-color-accent-soft-grey-2:#272727;--ui-color-accent-soft-violet-1:#3e2156;--ui-color-accent-soft-violet-2:#20112c;--ui-color-accent-soft-violet-3:#160c1e;--ui-color-accent-soft-element-blue:#0056bf;--ui-color-accent-soft-element-green:#06a35a;--ui-color-accent-soft-element-orange:#976500;--ui-color-accent-soft-element-red:#b81a15;--ui-color-accent-soft-element-violet:#a859e9;--ui-color-accent-soft-border-blue:#2d61a3;--ui-color-accent-soft-border-red:#a0403a;--ui-color-accent-soft-border-green:#187249;--ui-color-accent-brand-blue:#1181b1;--ui-color-accent-brand-green:#779e00;--ui-color-accent-extra-orange:#e0911d;--ui-color-accent-extra-aqua:#34bbcd;--ui-color-accent-extra-pink:#ec5996;--ui-color-accent-extra-grass:#22ac43;--ui-color-accent-extra-brown:#af8b35;--ui-color-accent-extra-darkblue:#0091e3;--ui-color-copilot-bg-content-1-alt:#271149;--ui-color-copilot-bg-content-1:#271149;--ui-color-copilot-bg-content-2:#3e1a75;--ui-color-copilot-bg-content-3:#51219a;--ui-color-copilot-accent-less-1:#7037c9;--ui-color-copilot-accent-less-2:#8052c5;--ui-color-copilot-accent-primary:#a161ff;--ui-color-copilot-accent-primary-alt:#6625c6;--ui-color-copilot-element-1:#cdc1e0;--ui-color-copilot-element-2:#ddd6e7;--ui-color-collab-bg-content-1:#182b12;--ui-color-collab-bg-content-2:#1e3617;--ui-color-collab-bg-content-3:#366829;--ui-color-collab-accent-less-1:#8cef73;--ui-color-collab-accent-less-2:#6be860;--ui-color-collab-accent-primary:#55ef7b;--ui-color-collab-accent-primary-alt:#76fd97;--ui-color-collab-element-1:#a0ffb7;--ui-color-collab-element-2:#cef6d7;--ui-color-black-solid:#000;--ui-tech-grid-sep-op:5px;--ui-color-tech-push:#00000014;--ui-color-tech-focus:#0000000d;--ui-color-tech-opacity:#ffffff00;--ui-color-tech-bg-picture-tint:#0000003d;--ui-color-tech-dark-fixes:#383838;--ui-color-blue-02:#fff;--ui-color-blue-04:#fff;--ui-color-black-base:#333;--ui-color-blue-06:#fff;--ui-color-blue-08:#fff;--ui-color-g-content-glass-1:#ffffffe6;--ui-color-g-content-glass-2:#ffffffb3;--ui-color-g-content-glass-3:#ffffff66;--ui-color-g-content-glass-grey-1:#878787;--ui-color-g-content-glass-grey-2:#767676;--ui-color-g-content-glass-grey-3:#6c6c6c;--ui-color-g-content-black:#fff;--ui-color-g-content-grey-1:#ababab;--ui-color-g-content-grey-2:#696969;--ui-color-g-content-grey-3:#3c3c3c;--ui-color-g-content-grey-4:#363636;--ui-color-g-content-blue-1:#1587fa;--ui-color-g-content-blue-2:#035fcf;--ui-color-g-content-blue-3:#064795;--ui-color-g-glass-green-bg-1:#1bce7bc7;--ui-color-g-glass-green-bg-2:#008648d1;--ui-color-g-glass-green-bg-3:#2cd586bd;--ui-color-g-glass-green-stroke:#00000029;--ui-color-g-glass-collab-bg-1:#26b94ac7;--ui-color-g-glass-collab-bg-2:#109d33d1;--ui-color-g-glass-collab-bg-3:#5fcf7abd;--ui-color-g-glass-collab-stroke:#00000029;--ui-color-g-glass-copilot-bg-1:#833cfdcc;--ui-color-g-glass-copilot-bg-2:#783bd5cc;--ui-color-g-glass-copilot-bg-3:#a97beacc;--ui-color-g-glass-copilot-stroke:#00000029;--ui-color-g-glass-blue-bg-1:#1b79e6c7;--ui-color-g-glass-blue-bg-2:#0044aac7;--ui-color-g-glass-blue-bg-3:#3dadffc7;--ui-color-g-glass-blue-stroke:#00000029;--ui-color-g-glass-bluish-bg-1:#0a3163cc;--ui-color-g-glass-bluish-bg-2:#25427acc;--ui-color-g-glass-bluish-bg-3:#224a7dcc;--ui-color-g-glass-bluish-stroke:#1587fa29;--ui-color-g-glass-grey-bg-1:#404040b8;--ui-color-g-glass-grey-bg-2:#0a0a0ab8;--ui-color-g-glass-grey-bg-3:#5a5a5ab8;--ui-color-g-glass-grey-stroke:#2a2a2aa3;--ui-color-g-glass-pink-bg-1:#eb689ec7;--ui-color-g-glass-pink-bg-2:#c92f6fd1;--ui-color-g-glass-pink-bg-3:#ff9cccbd;--ui-color-g-glass-pink-stroke:#00000029;--ui-color-g-glass-orange-bg-1:#ff9800c7;--ui-color-g-glass-orange-bg-2:#d06a0cd1;--ui-color-g-glass-orange-bg-3:#ffd27cbd;--ui-color-g-glass-orange-stroke:#00000029;--ui-color-white-base:#fff;--ui-color-blue-09:#fff;--ui-color-blue-10:#f4fcfe;--ui-color-blue-15:#ecfafe;--ui-color-blue-20:#e5f9ff;--ui-color-blue-25:#d3f4ff;--ui-color-blue-30:#c3f0ff;--ui-color-blue-35:#fff;--ui-color-blue-40:#7fdefc;--ui-color-blue-50:#2fc6f6;--ui-color-blue-55:#fff;--ui-color-blue-57:#fff;--ui-color-blue-60:#11a9d9;--ui-color-blue-70:#008dba;--ui-color-blue-80:#00789e;--ui-color-blue-90:#006484;--ui-color-blue-95:#004f69;--ui-color-green-02:#fff;--ui-color-green-04:#fff;--ui-color-green-06:#fff;--ui-color-green-08:#fff;--ui-color-green-09:#fff;--ui-color-green-10:#fafded;--ui-color-green-15:#f5fcde;--ui-color-green-20:#f1fbd0;--ui-color-green-25:#faf6c3;--ui-color-green-30:#e2f1b3;--ui-color-green-35:#cfe780;--ui-color-green-40:#bbde4d;--ui-color-green-50:#9dcf00;--ui-color-green-55:#95c500;--ui-color-green-60:#8dbb00;--ui-color-green-70:#7fa800;--ui-color-green-80:#688800;--ui-color-green-90:#506900;--ui-color-green-95:#3d4f00;--ui-color-orange-04:#fff;--ui-color-orange-06:#fff;--ui-color-orange-08:#fff;--ui-color-orange-10:#fffaf0;--ui-color-orange-15:#fff5e3;--ui-color-orange-20:#fff1d6;--ui-color-orange-25:#ffe9be;--ui-color-orange-30:#ffe1a6;--ui-color-orange-40:#ffc34d;--ui-color-orange-50:#ffa900;--ui-color-orange-60:#e89b06;--ui-color-orange-70:#c48300;--ui-color-orange-80:#9f6a00;--ui-color-orange-90:#7a5100;--ui-color-orange-95:#614000;--ui-color-red-02:#fff;--ui-color-red-04:#fff;--ui-color-red-06:#fff;--ui-color-red-08:#fff;--ui-color-red-10:#fff8f8;--ui-color-red-15:#fff0f0;--ui-color-red-20:#ffe8e8;--ui-color-red-25:#ffdcdb;--ui-color-red-30:#ffcdcc;--ui-color-red-40:#ff9a97;--ui-color-red-45:#ff7c78;--ui-color-red-50:#ff5752;--ui-color-red-60:#f4433e;--ui-color-red-70:#e92f2a;--ui-color-red-80:#c21b16;--ui-color-red-90:#9a0703;--ui-color-red-95:#800602;--ui-color-red-solid:#f0371b;--ui-color-gray-01:#fcfdfe;--ui-color-gray-02:#f8fafb;--ui-color-gray-03:#f5f7f8;--ui-color-gray-04:#f1f4f6;--ui-color-gray-05:#eef2f4;--ui-color-gray-10:#edeef0;--ui-color-gray-15:#e6e7e9;--ui-color-gray-20:#dfe0e3;--ui-color-gray-30:#d5d7db;--ui-color-gray-35:#c9ccd0;--ui-color-gray-40:#bdc1c6;--ui-color-gray-50:#a8adb4;--ui-color-gray-60:#959ca4;--ui-color-gray-70:#828b95;--ui-color-gray-80:#6a737f;--ui-color-gray-90:#525c69;--ui-color-beige-base:#fdfae1;--ui-color-g-plastic-bluish-bg:#0a3163;--ui-color-g-plastic-bluish-stroke:#0c4281;--ui-color-g-plastic-greish-bg:#363636;--ui-color-g-plastic-greish-stroke:#636363;--ui-color-g-plastic-white-bg:#2a2a2a;--ui-color-g-plastic-white-stroke:#535353;--ui-color-design-disabled-bg:var(--ui-color-base-7);--ui-color-design-disabled-bg-alt:#262626ad;--ui-color-design-disabled-stroke:var(--ui-color-base-7);--ui-design-disabled-stroke-weight:0px;--ui-color-design-disabled-content:var(--ui-color-base-5);--ui-color-design-disabled-content-icon:var(--ui-color-base-5);--ui-color-design-disabled-content-chevron:var(--ui-color-base-5);--ui-color-design-disabled-content-divider:var(--ui-color-base-6);--ui-color-design-filled-boost-bg-gradient-1:#f9be74;--ui-color-design-filled-boost-bg-gradient-2:#fb7595;--ui-color-design-filled-boost-bg-gradient-3:#b55cce;--ui-color-design-filled-boost-stroke:#b55cce;--ui-design-filled-boost-stroke-weight:0px;--ui-color-design-filled-boost-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-boost-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-boost-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-boost-content-divider:#ffffff3d;--ui-color-design-outline-boost-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-boost-stroke:var(--ui-color-base-7);--ui-design-outline-boost-stroke-weight:var(--ui-border-width-medium);--ui-color-design-outline-boost-content:var(--ui-color-base-2);--ui-color-design-outline-boost-content-label:var(--ui-color-base-3);--ui-color-design-outline-boost-content-icon-gradient-1:#f9be74;--ui-color-design-outline-boost-content-icon-gradient-2:#fb7595;--ui-color-design-outline-boost-content-icon-gradient-3:#b55cce;--ui-color-design-outline-boost-content-chevron:var(--ui-color-base-2);--ui-color-design-outline-boost-content-divider:var(--ui-color-base-7);--ui-color-design-filled-market-bg-gradient-1:#b5ed0a;--ui-color-design-filled-market-bg-gradient-2:#30c6f6;--ui-color-design-filled-market-bg-gradient-3:#4479e0;--ui-color-design-filled-market-stroke:#4479e0;--ui-design-filled-market-stroke-weight:0px;--ui-color-design-filled-market-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-market-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-market-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-market-content-divider:#ffffff3d}}
1
+ @layer theme{.dark,.dark .base-mode{--air-theme-bg-image:none;--air-theme-bg-image-blurred:none;--air-theme-bg-position:0 0;--air-theme-bg-size:auto;--air-theme-bg-repeat:repeat;--air-theme-bg-attachment:scroll}.dark,.dark .base-mode,.dark .base-mode.--inner,.dark.--inner{--air-theme-bg-color:var(--ui-color-base-black-fixed)}.dark,.dark .base-mode{--b24ui-typography-legend-color:var(--ui-color-design-plain-na-content);--b24ui-typography-label-color:var(--ui-color-design-plain-content);--b24ui-typography-description-color:var(--ui-color-design-plain-na-content);--b24ui-icon-color:var(--ui-color-base-5);--b24ui-icon-color-hover:color-mix(in srgb,var(--ui-color-base-5) 100%,var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity));--ui-color-base-0:#fff;--ui-color-base-1:#f8f8f8;--ui-color-base-2:#cacbcc;--ui-color-base-3:#a7a9ab;--ui-color-base-4:#828385;--ui-color-base-5:#666769;--ui-color-base-6:#555657;--ui-color-base-7:#373838;--ui-color-base-8:#252626;--ui-color-base-black-fixed:#000;--ui-color-base-white-fixed:#fff;--ui-color-bg-content-primary:#262626;--ui-color-divider-accent:#383838;--ui-color-divider-default:#323232;--ui-color-divider-less:#323232;--ui-color-divider-vibrant-accent-more:#ffffff33;--ui-color-divider-vibrant-accent:#ffffff24;--ui-color-divider-vibrant-default:#ffffff1a;--ui-color-divider-vibrant-less:#ffffff12;--ui-color-divider-vibrant-accent-more-alt:#00000026;--ui-color-divider-vibrant-accent-alt:#00000017;--ui-color-divider-vibrant-default-alt:#0000000f;--ui-color-divider-vibrant-less-alt:#0000000a;--ui-color-divider-optical-1:#00000099;--ui-color-divider-optical-1-alt:#00000099;--ui-color-divider-optical-2:#ffffff14;--ui-divider-optical-1-weight:var(--ui-border-width-thin);--ui-divider-optical-2-weight:var(--ui-border-width-thick);--ui-color-divider-optical-on-overlay:#ffffff14;--ui-color-bg-content-secondary:#1f1f1f;--ui-divider-optical-on-overlay-weight:var(--ui-border-width-thin);--ui-color-bg-content-tertiary:#171717;--ui-color-bg-vibrant-accent:#262626e0;--ui-color-bg-state-hover-default-hex:#000;--ui-color-bg-state-hover-default-opacity:3%;--ui-color-bg-state-hover-default:#00000008;--ui-color-bg-state-click-default-hex:#000;--ui-color-bg-state-click-default-opacity:6%;--ui-color-bg-state-click-default:#0000000f;--ui-color-bg-state-hover-alt-hex:#fff;--ui-color-bg-state-hover-alt-opacity:7%;--ui-color-bg-state-hover-alt:#ffffff12;--ui-color-bg-state-click-alt-hex:#fff;--ui-color-bg-state-click-alt-opacity:14%;--ui-color-bg-state-click-alt:#ffffff24;--ui-color-bg-state-hover-default-overlay-hex:#000;--ui-color-bg-state-hover-default-overlay-opacity:20%;--ui-color-bg-state-hover-default-overlay:#00000033;--ui-color-bg-state-click-default-overlay-hex:#000;--ui-color-bg-state-click-default-overlay-opacity:32%;--ui-color-bg-state-click-default-overlay:#00000052;--ui-color-bg-state-hover-alt-overlay-hex:#fff;--ui-color-bg-state-hover-alt-overlay-opacity:35%;--ui-color-bg-state-hover-alt-overlay:#ffffff59;--ui-color-bg-state-click-alt-overlay-hex:#fff;--ui-color-bg-state-click-alt-overlay-opacity:50%;--ui-color-bg-state-click-alt-overlay:#ffffff80;--ui-color-bg-vibrant-default:#262626d6;--ui-color-bg-vibrant-less:#262626c2;--ui-color-bg-vibrant-less-more:#262626b8;--ui-color-bg-content-inapp:#00428f;--ui-color-bg-content-primary-layer:#292929;--ui-color-bg-content-light:#eee;--ui-bg-blur-content:none;--ui-bg-blur-vibrant:var(--ui-bg-blur-accent);--ui-color-accent-main-primary:#1587fa;--ui-color-design-filled-bg:var(--ui-color-accent-main-primary);--ui-color-design-filled-stroke:var(--ui-color-accent-main-primary);--ui-design-filled-stroke-weight:0px;--ui-color-design-filled-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-content-secondary:#ffffffb3;--ui-color-design-filled-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-content-icon-secondary:#b4dfff;--ui-color-design-filled-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-content-divider:#ffffff3d;--ui-color-design-filled-success-bg:var(--ui-color-accent-main-success);--ui-color-design-filled-success-stroke:var(--ui-color-accent-main-success);--ui-design-filled-success-stroke-weight:0px;--ui-color-design-filled-success-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-success-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-success-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-success-content-divider:#ffffff3d;--ui-color-design-filled-alert-bg:var(--ui-color-accent-main-alert);--ui-color-design-filled-alert-stroke:var(--ui-color-accent-main-alert);--ui-design-filled-alert-stroke-weight:0px;--ui-color-design-filled-alert-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-alert-content-secondary:#ffffffb3;--ui-color-design-filled-alert-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-alert-content-icon-secondary:var(--ui-color-red-25);--ui-color-design-filled-alert-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-alert-content-divider:#ffffff3d;--ui-color-design-filled-warning-bg:var(--ui-color-accent-main-warning);--ui-color-design-filled-black-bg:var(--ui-color-base-2);--ui-color-design-filled-black-stroke:var(--ui-color-base-2);--ui-design-filled-black-stroke-weight:0px;--ui-color-design-filled-black-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-black-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-black-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-black-content-divider:#ffffff3d;--ui-color-design-filled-warning-stroke:var(--ui-color-accent-main-warning);--ui-design-filled-warning-stroke-weight:0px;--ui-color-design-filled-warning-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-warning-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-warning-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-warning-content-divider:#ffffff3d;--ui-color-design-filled-na-bg:var(--ui-color-base-4);--ui-color-design-filled-na-bg-secondary:var(--ui-color-base-5);--ui-color-design-filled-copilot-bg:var(--ui-color-copilot-accent-primary);--ui-color-design-filled-copilot-stroke:var(--ui-color-copilot-accent-primary);--ui-design-filled-copilot-stroke-weight:var(--ui-border-width-thin);--ui-color-design-filled-copilot-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-copilot-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-copilot-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-copilot-content-divider:#ffffff3d;--ui-color-design-filled-na-stroke:var(--ui-color-base-4);--ui-color-design-filled-na-stroke-secondary:var(--ui-color-base-5);--ui-design-filled-na-stroke-weight:0px;--ui-color-design-filled-na-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-na-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-na-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-na-content-divider:#ffffff3d;--ui-color-design-tinted-bg:var(--ui-color-accent-soft-blue-2);--ui-color-design-tinted-a1-bg:var(--ui-color-accent-main-primary-alt-2);--ui-color-design-tinted-a1-stroke:var(--ui-color-accent-main-primary-alt-2);--ui-design-tinted-a1-stroke-weight:0px;--ui-color-design-tinted-a1-content:var(--ui-color-base-white-fixed);--ui-color-design-tinted-a1-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-tinted-a1-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-tinted-a1-content-divider:#ffffff3d;--ui-color-design-tinted-success-bg:var(--ui-color-accent-soft-green-2);--ui-color-design-tinted-success-stroke:var(--ui-color-accent-soft-green-2);--ui-design-tinted-success-stroke-weight:0px;--ui-color-design-tinted-success-content:var(--ui-color-accent-extra-grass);--ui-color-design-tinted-success-content-icon:var(--ui-color-accent-extra-grass);--ui-color-design-tinted-success-content-chevron:var(--ui-color-accent-extra-grass);--ui-color-design-tinted-success-content-divider:#007e41;--ui-color-design-tinted-bg-alt:var(--ui-color-accent-soft-blue-2);--ui-color-design-tinted-stroke:var(--ui-color-accent-soft-blue-2);--ui-design-tinted-stroke-weight:0px;--ui-color-design-tinted-content:var(--ui-color-accent-main-link);--ui-color-design-tinted-content-icon:var(--ui-color-accent-main-link);--ui-color-design-tinted-content-icon-secondary:#468bec80;--ui-color-design-tinted-content-chevron:var(--ui-color-accent-main-link);--ui-color-design-tinted-content-divider:#003f7e;--ui-color-design-tinted-alert-bg:var(--ui-color-accent-soft-red-2);--ui-color-design-tinted-alert-stroke:var(--ui-color-accent-soft-red-2);--ui-design-tinted-alert-stroke-weight:0px;--ui-color-design-tinted-alert-content:var(--ui-color-accent-main-alert);--ui-color-design-tinted-alert-content-icon:var(--ui-color-accent-main-alert);--ui-color-design-tinted-alert-content-chevron:var(--ui-color-accent-main-alert);--ui-color-design-tinted-alert-content-divider:#7e0400;--ui-color-design-tinted-warning-bg:var(--ui-color-accent-soft-orange-2);--ui-color-design-tinted-warning-stroke:var(--ui-color-accent-soft-orange-2);--ui-design-tinted-warning-stroke-weight:0px;--ui-color-design-tinted-warning-content:var(--ui-color-accent-extra-orange);--ui-color-design-tinted-warning-content-icon:var(--ui-color-accent-extra-orange);--ui-color-design-tinted-warning-content-chevron:var(--ui-color-accent-extra-orange);--ui-color-design-tinted-warning-content-divider:#7e5200;--ui-color-design-tinted-na-bg:var(--ui-color-base-7);--ui-color-design-tinted-na-stroke:var(--ui-color-base-7);--ui-design-tinted-na-stroke-weight:0px;--ui-color-design-tinted-na-content:var(--ui-color-base-3);--ui-color-design-tinted-na-content-icon:var(--ui-color-base-3);--ui-color-design-tinted-na-content-chevron:var(--ui-color-base-3);--ui-color-design-tinted-na-content-divider:var(--ui-color-base-7);--ui-color-design-outline-a1-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-a1-stroke:var(--ui-color-accent-main-primary);--ui-design-outline-a1-stroke-weight:var(--ui-border-width-medium);--ui-color-design-outline-a1-content:var(--ui-color-base-1);--ui-color-design-outline-a1-content-icon:var(--ui-color-base-1);--ui-color-design-outline-a1-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-a1-content-divider:#003f7e;--ui-color-design-outline-a2-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-a2-stroke:var(--ui-color-accent-main-primary-alt-2);--ui-design-outline-a2-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-a2-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-a2-content:var(--ui-color-accent-main-primary);--ui-color-design-outline-a2-content-icon:var(--ui-color-accent-main-primary);--ui-color-design-outline-a2-content-chevron:var(--ui-color-accent-main-primary);--ui-color-design-outline-a2-content-divider:#003f7e;--ui-color-design-outline-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-success-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-success-stroke:var(--ui-color-accent-soft-border-green);--ui-design-outline-success-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-success-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-success-content:var(--ui-color-accent-main-success);--ui-color-design-outline-success-content-icon:var(--ui-color-accent-main-success);--ui-color-design-outline-success-content-chevron:var(--ui-color-accent-main-success);--ui-color-design-outline-success-content-divider:#007e41;--ui-color-design-outline-alert-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-alert-stroke:var(--ui-color-accent-soft-border-red);--ui-design-outline-alert-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-alert-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-alert-content:var(--ui-color-accent-main-alert);--ui-color-design-outline-alert-content-icon:var(--ui-color-accent-main-alert);--ui-color-design-outline-alert-content-chevron:var(--ui-color-accent-main-alert);--ui-color-design-outline-alert-content-divider:#7e0400;--ui-color-design-outline-bg-alt:var(--ui-color-bg-content-primary);--ui-color-design-outline-stroke:var(--ui-color-base-7);--ui-design-outline-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-content:var(--ui-color-base-2);--ui-color-design-outline-content-secondary:var(--ui-color-base-4);--ui-color-design-outline-content-label:var(--ui-color-base-3);--ui-color-design-outline-content-icon:var(--ui-color-base-2);--ui-color-design-outline-content-icon-alt:var(--ui-color-accent-main-primary);--ui-color-design-outline-content-icon-secondary:var(--ui-color-base-5);--ui-color-design-outline-content-chevron:var(--ui-color-base-2);--ui-color-design-outline-content-divider:var(--ui-color-base-7);--ui-color-design-outline-focused-stroke:var(--ui-color-accent-main-primary);--ui-color-design-outline-warning-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-warning-stroke:var(--ui-color-accent-soft-orange-1);--ui-design-outline-warning-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-warning-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-warning-content:var(--ui-color-accent-main-warning);--ui-color-design-outline-warning-content-icon:var(--ui-color-accent-main-warning);--ui-color-design-outline-warning-content-chevron:var(--ui-color-accent-main-warning);--ui-color-design-outline-warning-content-divider:#7e5200;--ui-color-design-outline-copilot-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-copilot-stroke:var(--ui-color-copilot-bg-content-2);--ui-design-outline-copilot-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-copilot-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-copilot-content:var(--ui-color-copilot-accent-primary);--ui-color-design-outline-copilot-content-icon:var(--ui-color-copilot-accent-primary);--ui-color-design-outline-copilot-content-chevron:var(--ui-color-copilot-accent-primary);--ui-color-design-outline-copilot-content-divider:#45007e;--ui-color-design-outline-na-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-na-bg-alt:#262626ad;--ui-color-design-outline-na-stroke:var(--ui-color-base-7);--ui-design-outline-na-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-na-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-na-content:var(--ui-color-base-3);--ui-color-design-outline-na-content-icon:var(--ui-color-base-4);--ui-color-design-outline-na-content-chevron:var(--ui-color-base-4);--ui-color-design-outline-na-content-divider:var(--ui-color-base-7);--ui-color-design-plain-a-bg:#00000000;--ui-color-design-plain-a-stroke:#00000000;--ui-design-plain-a-stroke-weight:0px;--ui-color-design-plain-a-content:var(--ui-color-accent-main-primary);--ui-color-design-plain-a-content-icon:var(--ui-color-accent-main-primary);--ui-color-design-plain-a-content-chevron:var(--ui-color-accent-main-primary);--ui-color-design-plain-a-content-divider:#003f7e;--ui-color-design-plain-bg:#00000000;--ui-color-design-plain-stroke:#00000000;--ui-design-plain-stroke-weight:0px;--ui-color-design-plain-content:var(--ui-color-base-2);--ui-color-design-plain-content-icon:var(--ui-color-base-2);--ui-color-design-plain-content-icon-secondary:var(--ui-color-base-4);--ui-color-design-plain-content-chevron:var(--ui-color-base-2);--ui-color-design-plain-content-divider:var(--ui-color-base-6);--ui-color-design-plain-na-bg:#00000000;--ui-color-design-plain-na-stroke:#00000000;--ui-design-plain-na-stroke-weight:0px;--ui-color-design-plain-na-content:var(--ui-color-base-3);--ui-color-design-plain-na-content-secondary:var(--ui-color-base-5);--ui-color-design-plain-na-content-icon:var(--ui-color-base-4);--ui-color-design-plain-na-content-chevron:var(--ui-color-base-4);--ui-color-design-plain-na-content-divider:var(--ui-color-base-7);--ui-color-design-plain-na-focused-bg:var(--ui-color-divider-accent);--ui-color-design-selection-bg:#1f3048;--ui-color-design-selection-stroke:#294162;--ui-design-selection-stroke-weight:var(--ui-border-width-medium);--ui-color-design-selection-content:#2a94ff;--ui-color-design-plain-na-focused-stroke:var(--ui-color-divider-default);--ui-design-plain-na-focused-stroke-weight:var(--ui-border-width-medium);--ui-color-design-selection-content-icon:#2a94ff;--ui-color-design-selection-content-icon-secondary:#5eaeff;--ui-color-design-selection-content-chevron:#2a94ff;--ui-color-design-plain-na-focused-content:var(--ui-color-base-1);--ui-color-design-selection-content-divider:var(--ui-color-accent-soft-blue-1);--ui-color-design-selection-focused-bg:#1f3048;--ui-color-accent-main-primary-alt:#1b79e6;--ui-color-accent-main-primary-alt-2:#2a94ff;--ui-color-accent-main-success:#1cae6a;--ui-color-accent-main-success-alt:#00904d;--ui-color-accent-main-success-alt-2:#008648;--ui-color-accent-main-link:#468bec;--ui-color-accent-main-link-underline:#468bec4d;--ui-color-accent-main-warning:#f2a100;--ui-color-accent-main-alert:#f2473d;--ui-color-accent-soft-blue-1:#0e294b;--ui-color-accent-soft-blue-2:#062040;--ui-color-accent-soft-blue-3:#1a2a33;--ui-color-accent-soft-green-1:#0a4c2e;--ui-color-accent-soft-green-2:#052717;--ui-color-accent-soft-green-3:#041b10;--ui-color-accent-soft-orange-1:#5e3f00;--ui-color-accent-soft-orange-2:#302000;--ui-color-accent-soft-orange-3:#211600;--ui-color-accent-soft-red-1:#5e1c18;--ui-color-accent-soft-red-2:#300e0c;--ui-color-accent-soft-red-3:#210a08;--ui-color-accent-soft-grey-1:#272727;--ui-color-accent-soft-grey-2:#272727;--ui-color-accent-soft-violet-1:#3e2156;--ui-color-accent-soft-violet-2:#20112c;--ui-color-accent-soft-violet-3:#160c1e;--ui-color-accent-soft-element-blue:#0056bf;--ui-color-accent-soft-element-green:#06a35a;--ui-color-accent-soft-element-orange:#976500;--ui-color-accent-soft-element-red:#b81a15;--ui-color-accent-soft-element-violet:#a859e9;--ui-color-accent-soft-border-blue:#2d61a3;--ui-color-accent-soft-border-red:#a0403a;--ui-color-accent-soft-border-green:#187249;--ui-color-accent-brand-blue:#1181b1;--ui-color-accent-brand-green:#779e00;--ui-color-accent-extra-orange:#e0911d;--ui-color-accent-extra-aqua:#34bbcd;--ui-color-accent-extra-pink:#ec5996;--ui-color-accent-extra-grass:#22ac43;--ui-color-accent-extra-brown:#af8b35;--ui-color-accent-extra-darkblue:#0091e3;--ui-color-copilot-bg-content-1-alt:#271149;--ui-color-copilot-bg-content-1:#271149;--ui-color-copilot-bg-content-2:#3e1a75;--ui-color-copilot-bg-content-3:#51219a;--ui-color-copilot-accent-less-1:#7037c9;--ui-color-copilot-accent-less-2:#8052c5;--ui-color-copilot-accent-primary:#a161ff;--ui-color-copilot-accent-primary-alt:#6625c6;--ui-color-copilot-element-1:#cdc1e0;--ui-color-copilot-element-2:#ddd6e7;--ui-color-collab-bg-content-1:#182b12;--ui-color-collab-bg-content-2:#1e3617;--ui-color-collab-bg-content-3:#366829;--ui-color-collab-accent-less-1:#8cef73;--ui-color-collab-accent-less-2:#6be860;--ui-color-collab-accent-primary:#55ef7b;--ui-color-collab-accent-primary-alt:#76fd97;--ui-color-collab-element-1:#a0ffb7;--ui-color-collab-element-2:#cef6d7;--ui-color-black-solid:#000;--ui-tech-grid-sep-op:5px;--ui-color-tech-push:#00000014;--ui-color-tech-focus:#0000000d;--ui-color-tech-opacity:#ffffff00;--ui-color-tech-bg-picture-tint:#0000003d;--ui-color-tech-dark-fixes:#383838;--ui-color-blue-02:#fff;--ui-color-blue-04:#fff;--ui-color-black-base:#333;--ui-color-blue-06:#fff;--ui-color-blue-08:#fff;--ui-color-g-content-glass-1:#ffffffe6;--ui-color-g-content-glass-2:#ffffffb3;--ui-color-g-content-glass-3:#ffffff66;--ui-color-g-content-glass-grey-1:#878787;--ui-color-g-content-glass-grey-2:#767676;--ui-color-g-content-glass-grey-3:#6c6c6c;--ui-color-g-content-black:#fff;--ui-color-g-content-grey-1:#ababab;--ui-color-g-content-grey-2:#696969;--ui-color-g-content-grey-3:#3c3c3c;--ui-color-g-content-grey-4:#363636;--ui-color-g-content-blue-1:#1587fa;--ui-color-g-content-blue-2:#035fcf;--ui-color-g-content-blue-3:#064795;--ui-color-g-glass-green-bg-1:#1bce7bc7;--ui-color-g-glass-green-bg-2:#008648d1;--ui-color-g-glass-green-bg-3:#2cd586bd;--ui-color-g-glass-green-stroke:#00000029;--ui-color-g-glass-collab-bg-1:#26b94ac7;--ui-color-g-glass-collab-bg-2:#109d33d1;--ui-color-g-glass-collab-bg-3:#5fcf7abd;--ui-color-g-glass-collab-stroke:#00000029;--ui-color-g-glass-copilot-bg-1:#833cfdcc;--ui-color-g-glass-copilot-bg-2:#783bd5cc;--ui-color-g-glass-copilot-bg-3:#a97beacc;--ui-color-g-glass-copilot-stroke:#00000029;--ui-color-g-glass-blue-bg-1:#1b79e6c7;--ui-color-g-glass-blue-bg-2:#0044aac7;--ui-color-g-glass-blue-bg-3:#3dadffc7;--ui-color-g-glass-blue-stroke:#00000029;--ui-color-g-glass-bluish-bg-1:#0a3163cc;--ui-color-g-glass-bluish-bg-2:#25427acc;--ui-color-g-glass-bluish-bg-3:#224a7dcc;--ui-color-g-glass-bluish-stroke:#1587fa29;--ui-color-g-glass-grey-bg-1:#404040b8;--ui-color-g-glass-grey-bg-2:#0a0a0ab8;--ui-color-g-glass-grey-bg-3:#5a5a5ab8;--ui-color-g-glass-grey-stroke:#2a2a2aa3;--ui-color-g-glass-pink-bg-1:#eb689ec7;--ui-color-g-glass-pink-bg-2:#c92f6fd1;--ui-color-g-glass-pink-bg-3:#ff9cccbd;--ui-color-g-glass-pink-stroke:#00000029;--ui-color-g-glass-orange-bg-1:#ff9800c7;--ui-color-g-glass-orange-bg-2:#d06a0cd1;--ui-color-g-glass-orange-bg-3:#ffd27cbd;--ui-color-g-glass-orange-stroke:#00000029;--ui-color-white-base:#fff;--ui-color-blue-09:#fff;--ui-color-blue-10:#f4fcfe;--ui-color-blue-15:#ecfafe;--ui-color-blue-20:#e5f9ff;--ui-color-blue-25:#d3f4ff;--ui-color-blue-30:#c3f0ff;--ui-color-blue-35:#fff;--ui-color-blue-40:#7fdefc;--ui-color-blue-50:#2fc6f6;--ui-color-blue-55:#fff;--ui-color-blue-57:#fff;--ui-color-blue-60:#11a9d9;--ui-color-blue-70:#008dba;--ui-color-blue-80:#00789e;--ui-color-blue-90:#006484;--ui-color-blue-95:#004f69;--ui-color-green-02:#fff;--ui-color-green-04:#fff;--ui-color-green-06:#fff;--ui-color-green-08:#fff;--ui-color-green-09:#fff;--ui-color-green-10:#fafded;--ui-color-green-15:#f5fcde;--ui-color-green-20:#f1fbd0;--ui-color-green-25:#faf6c3;--ui-color-green-30:#e2f1b3;--ui-color-green-35:#cfe780;--ui-color-green-40:#bbde4d;--ui-color-green-50:#9dcf00;--ui-color-green-55:#95c500;--ui-color-green-60:#8dbb00;--ui-color-green-70:#7fa800;--ui-color-green-80:#688800;--ui-color-green-90:#506900;--ui-color-green-95:#3d4f00;--ui-color-orange-04:#fff;--ui-color-orange-06:#fff;--ui-color-orange-08:#fff;--ui-color-orange-10:#fffaf0;--ui-color-orange-15:#fff5e3;--ui-color-orange-20:#fff1d6;--ui-color-orange-25:#ffe9be;--ui-color-orange-30:#ffe1a6;--ui-color-orange-40:#ffc34d;--ui-color-orange-50:#ffa900;--ui-color-orange-60:#e89b06;--ui-color-orange-70:#c48300;--ui-color-orange-80:#9f6a00;--ui-color-orange-90:#7a5100;--ui-color-orange-95:#614000;--ui-color-red-02:#fff;--ui-color-red-04:#fff;--ui-color-red-06:#fff;--ui-color-red-08:#fff;--ui-color-red-10:#fff8f8;--ui-color-red-15:#fff0f0;--ui-color-red-20:#ffe8e8;--ui-color-red-25:#ffdcdb;--ui-color-red-30:#ffcdcc;--ui-color-red-40:#ff9a97;--ui-color-red-45:#ff7c78;--ui-color-red-50:#ff5752;--ui-color-red-60:#f4433e;--ui-color-red-70:#e92f2a;--ui-color-red-80:#c21b16;--ui-color-red-90:#9a0703;--ui-color-red-95:#800602;--ui-color-red-solid:#f0371b;--ui-color-gray-01:#fcfdfe;--ui-color-gray-02:#f8fafb;--ui-color-gray-03:#f5f7f8;--ui-color-gray-04:#f1f4f6;--ui-color-gray-05:#eef2f4;--ui-color-gray-10:#edeef0;--ui-color-gray-15:#e6e7e9;--ui-color-gray-20:#dfe0e3;--ui-color-gray-30:#d5d7db;--ui-color-gray-35:#c9ccd0;--ui-color-gray-40:#bdc1c6;--ui-color-gray-50:#a8adb4;--ui-color-gray-60:#959ca4;--ui-color-gray-70:#828b95;--ui-color-gray-80:#6a737f;--ui-color-gray-90:#525c69;--ui-color-beige-base:#fdfae1;--ui-color-g-plastic-bluish-bg:#0a3163;--ui-color-g-plastic-bluish-stroke:#0c4281;--ui-color-g-plastic-greish-bg:#363636;--ui-color-g-plastic-greish-stroke:#636363;--ui-color-g-plastic-white-bg:#2a2a2a;--ui-color-g-plastic-white-stroke:#535353;--ui-color-design-disabled-bg:var(--ui-color-base-7);--ui-color-design-disabled-bg-alt:#262626ad;--ui-color-design-disabled-stroke:var(--ui-color-base-7);--ui-design-disabled-stroke-weight:0px;--ui-color-design-disabled-content:var(--ui-color-base-5);--ui-color-design-disabled-content-icon:var(--ui-color-base-5);--ui-color-design-disabled-content-chevron:var(--ui-color-base-5);--ui-color-design-disabled-content-divider:var(--ui-color-base-6);--ui-color-design-filled-boost-bg-gradient-1:#f9be74;--ui-color-design-filled-boost-bg-gradient-2:#fb7595;--ui-color-design-filled-boost-bg-gradient-3:#b55cce;--ui-color-design-filled-boost-stroke:#b55cce;--ui-design-filled-boost-stroke-weight:0px;--ui-color-design-filled-boost-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-boost-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-boost-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-boost-content-divider:#ffffff3d;--ui-color-design-outline-boost-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-boost-stroke:var(--ui-color-base-7);--ui-design-outline-boost-stroke-weight:var(--ui-border-width-medium);--ui-color-design-outline-boost-content:var(--ui-color-base-2);--ui-color-design-outline-boost-content-label:var(--ui-color-base-3);--ui-color-design-outline-boost-content-icon-gradient-1:#f9be74;--ui-color-design-outline-boost-content-icon-gradient-2:#fb7595;--ui-color-design-outline-boost-content-icon-gradient-3:#b55cce;--ui-color-design-outline-boost-content-chevron:var(--ui-color-base-2);--ui-color-design-outline-boost-content-divider:var(--ui-color-base-7);--ui-color-design-filled-market-bg-gradient-1:#b5ed0a;--ui-color-design-filled-market-bg-gradient-2:#30c6f6;--ui-color-design-filled-market-bg-gradient-3:#4479e0;--ui-color-design-filled-market-stroke:#4479e0;--ui-design-filled-market-stroke-weight:0px;--ui-color-design-filled-market-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-market-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-market-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-market-content-divider:#ffffff3d}}
package/dist/runtime/components/FormField.d.vue.ts CHANGED
@@ -32,6 +32,11 @@ export interface FormFieldProps {
32
32
  * @defaultValue `300`
33
33
  */
34
34
  validateOnInputDelay?: number;
35
+ /**
36
+ * The orientation of the form field.
37
+ * @defaultValue 'vertical'
38
+ */
39
+ orientation?: FormField['variants']['orientation'];
35
40
  class?: any;
36
41
  b24ui?: FormField['slots'];
37
42
  }
package/dist/runtime/components/FormField.vue CHANGED
@@ -22,6 +22,7 @@ const props = defineProps({
22
22
  required: { type: Boolean, required: false },
23
23
  eagerValidation: { type: Boolean, required: false },
24
24
  validateOnInputDelay: { type: Number, required: false },
25
+ orientation: { type: null, required: false },
25
26
  class: { type: null, required: false },
26
27
  b24ui: { type: null, required: false }
27
28
  });
@@ -30,6 +31,7 @@ const appConfig = useAppConfig();
30
31
  const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.formField || {} })({
31
32
  size: props.size,
32
33
  required: props.required,
34
+ orientation: props.orientation,
33
35
  useDescription: Boolean(props.description) || !!slots.description
34
36
  }));
35
37
  const formErrors = inject(formErrorsInjectionKey, null);
@@ -58,7 +60,7 @@ provide(formFieldInjectionKey, computed(() => ({
58
60
  </script>
59
61
 
60
62
  <template>
61
- <Primitive :as="as" data-slot="root" :class="b24ui.root({ class: [props.b24ui?.root, props.class] })">
63
+ <Primitive :as="as" :data-orientation="orientation" data-slot="root" :class="b24ui.root({ class: [props.b24ui?.root, props.class] })">
62
64
  <div data-slot="wrapper" :class="b24ui.wrapper({ class: props.b24ui?.wrapper })">
63
65
  <div v-if="label || !!slots.label" data-slot="root" :class="b24ui.labelWrapper({ class: props.b24ui?.labelWrapper })">
64
66
  <Label :for="id" data-slot="label" :class="b24ui.label({ class: props.b24ui?.label })">
package/dist/runtime/components/FormField.vue.d.ts CHANGED
@@ -32,6 +32,11 @@ export interface FormFieldProps {
32
32
  * @defaultValue `300`
33
33
  */
34
34
  validateOnInputDelay?: number;
35
+ /**
36
+ * The orientation of the form field.
37
+ * @defaultValue 'vertical'
38
+ */
39
+ orientation?: FormField['variants']['orientation'];
35
40
  class?: any;
36
41
  b24ui?: FormField['slots'];
37
42
  }
package/dist/runtime/components/ScrollArea.d.vue.ts ADDED
@@ -0,0 +1,81 @@
1
+ import type { AppConfig } from '@nuxt/schema';
2
+ import type { VirtualItem, VirtualizerOptions } from '@tanstack/vue-virtual';
3
+ import theme from '#build/b24ui/scroll-area';
4
+ import type { ComponentConfig } from '../types/tv';
5
+ type ScrollArea = ComponentConfig<typeof theme, AppConfig, 'scrollArea'>;
6
+ export interface ScrollAreaVirtualizeOptions extends Partial<Omit<VirtualizerOptions<Element, Element>, 'count' | 'getScrollElement' | 'horizontal' | 'isRtl' | 'estimateSize' | 'lanes' | 'enabled'>> {
7
+ /**
8
+ * Estimated size (in px) of each item along the scroll axis. Can be a number or a function.
9
+ * @defaultValue 100
10
+ */
11
+ estimateSize?: number | ((index: number) => number);
12
+ /**
13
+ * Number of lanes for multi-column/row layouts.
14
+ * For responsive lane counts, use a computed property with viewport/container size:
15
+ * @example
16
+ * ```ts
17
+ * const { width } = useWindowSize()
18
+ * const lanes = computed(() => Math.floor(width.value / 300))
19
+ * ```
20
+ * @defaultValue undefined
21
+ */
22
+ lanes?: number;
23
+ }
24
+ export type ScrollAreaItem = any;
25
+ export interface ScrollAreaProps<T extends ScrollAreaItem = ScrollAreaItem> {
26
+ /**
27
+ * The element or component this component should render as.
28
+ * @defaultValue 'div'
29
+ */
30
+ as?: any;
31
+ /**
32
+ * The scroll direction.
33
+ * @defaultValue 'vertical'
34
+ */
35
+ orientation?: ScrollArea['variants']['orientation'];
36
+ /**
37
+ * Array of items to render.
38
+ */
39
+ items?: T[];
40
+ /**
41
+ * Enable virtualization for large lists.
42
+ * @see https://tanstack.com/virtual/latest/docs/api/virtualizer#options
43
+ * @defaultValue false
44
+ */
45
+ virtualize?: boolean | ScrollAreaVirtualizeOptions;
46
+ class?: any;
47
+ b24ui?: ScrollArea['slots'];
48
+ }
49
+ export interface ScrollAreaSlots<T extends ScrollAreaItem = ScrollAreaItem> {
50
+ default(props: {
51
+ item: T;
52
+ index: number;
53
+ virtualItem?: VirtualItem;
54
+ } | Record<string, never>): any;
55
+ }
56
+ export interface ScrollAreaEmits {
57
+ /**
58
+ * Emitted when scroll state changes
59
+ * @param isScrolling - Whether the list is currently being scrolled
60
+ */
61
+ scroll: [isScrolling: boolean];
62
+ }
63
+ declare const __VLS_export: <T extends ScrollAreaItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
64
+ props: __VLS_PrettifyLocal<ScrollAreaProps<T> & __VLS_EmitsToProps<__VLS_NormalizeEmits<(evt: "scroll", isScrolling: boolean) => void>>> & import("vue").PublicProps & (typeof globalThis extends {
65
+ __VLS_PROPS_FALLBACK: infer P;
66
+ } ? P : {});
67
+ expose: (exposed: import("vue").ShallowUnwrapRef<{
68
+ readonly $el: HTMLElement;
69
+ virtualizer: import("vue").Ref<import("@tanstack/vue-virtual").Virtualizer<Element, Element>, import("@tanstack/vue-virtual").Virtualizer<Element, Element>> | undefined;
70
+ }>) => void;
71
+ attrs: any;
72
+ slots: ScrollAreaSlots<T>;
73
+ emit: (evt: "scroll", isScrolling: boolean) => void;
74
+ }>) => import("vue").VNode & {
75
+ __ctx?: Awaited<typeof __VLS_setup>;
76
+ };
77
+ declare const _default: typeof __VLS_export;
78
+ export default _default;
79
+ type __VLS_PrettifyLocal<T> = {
80
+ [K in keyof T as K]: T[K];
81
+ } & {};
package/dist/runtime/components/ScrollArea.vue ADDED
@@ -0,0 +1,187 @@
1
+ <script>
2
+ import theme from "#build/b24ui/scroll-area";
3
+ </script>
4
+
5
+ <script setup>
6
+ import { computed, toRef, useTemplateRef, watch } from "vue";
7
+ import { Primitive } from "reka-ui";
8
+ import { defu } from "defu";
9
+ import { useVirtualizer } from "@tanstack/vue-virtual";
10
+ import { useAppConfig } from "#imports";
11
+ import { tv } from "../utils/tv";
12
+ import { useLocale } from "../composables/useLocale";
13
+ const props = defineProps({
14
+ as: { type: null, required: false },
15
+ orientation: { type: null, required: false, default: "vertical" },
16
+ items: { type: Array, required: false },
17
+ virtualize: { type: [Boolean, Object], required: false, default: false },
18
+ class: { type: null, required: false },
19
+ b24ui: { type: null, required: false }
20
+ });
21
+ defineSlots();
22
+ const emits = defineEmits(["scroll"]);
23
+ const { dir } = useLocale();
24
+ const appConfig = useAppConfig();
25
+ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.scrollArea || {} })({
26
+ orientation: props.orientation
27
+ }));
28
+ const rootRef = useTemplateRef("rootRef");
29
+ const isRtl = computed(() => dir.value === "rtl");
30
+ const isHorizontal = computed(() => props.orientation === "horizontal");
31
+ const isVertical = computed(() => !isHorizontal.value);
32
+ const virtualizerProps = toRef(() => {
33
+ const options = typeof props.virtualize === "boolean" ? {} : props.virtualize;
34
+ return defu(options, {
35
+ estimateSize: 100,
36
+ overscan: 12,
37
+ gap: 0,
38
+ paddingStart: 0,
39
+ paddingEnd: 0,
40
+ scrollMargin: 0
41
+ });
42
+ });
43
+ const lanes = computed(() => {
44
+ const value = virtualizerProps.value.lanes;
45
+ return typeof value === "number" ? value : void 0;
46
+ });
47
+ const virtualizer = !!props.virtualize && useVirtualizer({
48
+ ...virtualizerProps.value,
49
+ get overscan() {
50
+ return virtualizerProps.value.overscan;
51
+ },
52
+ get gap() {
53
+ return virtualizerProps.value.gap;
54
+ },
55
+ get paddingStart() {
56
+ return virtualizerProps.value.paddingStart;
57
+ },
58
+ get paddingEnd() {
59
+ return virtualizerProps.value.paddingEnd;
60
+ },
61
+ get scrollMargin() {
62
+ return virtualizerProps.value.scrollMargin;
63
+ },
64
+ get lanes() {
65
+ return lanes.value;
66
+ },
67
+ get isRtl() {
68
+ return isRtl.value;
69
+ },
70
+ get count() {
71
+ return props.items?.length || 0;
72
+ },
73
+ getScrollElement: () => rootRef.value?.$el,
74
+ get horizontal() {
75
+ return isHorizontal.value;
76
+ },
77
+ estimateSize: (index) => {
78
+ const estimate = virtualizerProps.value.estimateSize;
79
+ return typeof estimate === "function" ? estimate(index) : estimate;
80
+ }
81
+ });
82
+ const virtualItems = computed(() => virtualizer ? virtualizer.value.getVirtualItems() : []);
83
+ const totalSize = computed(() => virtualizer ? virtualizer.value.getTotalSize() : 0);
84
+ const virtualViewportStyle = computed(() => ({
85
+ position: "relative",
86
+ inlineSize: isHorizontal.value ? `${totalSize.value}px` : "100%",
87
+ blockSize: isVertical.value ? `${totalSize.value}px` : "100%"
88
+ }));
89
+ function getVirtualItemStyle(virtualItem) {
90
+ const hasLanes = lanes.value !== void 0 && lanes.value > 1;
91
+ const lane = virtualItem.lane;
92
+ const gap = virtualizerProps.value.gap ?? 0;
93
+ const laneSize = hasLanes ? `calc((100% - ${(lanes.value - 1) * gap}px) / ${lanes.value})` : "100%";
94
+ const lanePosition = hasLanes && lane !== void 0 ? `calc(${lane} * ((100% - ${(lanes.value - 1) * gap}px) / ${lanes.value} + ${gap}px))` : 0;
95
+ return {
96
+ position: "absolute",
97
+ insetBlockStart: isHorizontal.value && hasLanes ? lanePosition : 0,
98
+ insetInlineStart: isVertical.value && hasLanes ? lanePosition : 0,
99
+ blockSize: isHorizontal.value ? hasLanes ? laneSize : "100%" : void 0,
100
+ inlineSize: isVertical.value ? hasLanes ? laneSize : "100%" : void 0,
101
+ transform: isHorizontal.value ? `translateX(${isRtl.value ? -virtualItem.start : virtualItem.start}px)` : `translateY(${virtualItem.start}px)`
102
+ };
103
+ }
104
+ watch(lanes, () => {
105
+ if (virtualizer) {
106
+ virtualizer.value.measure();
107
+ }
108
+ }, { flush: "sync" });
109
+ function measureElement(el) {
110
+ if (el && virtualizer) {
111
+ const element = el instanceof Element ? el : el.$el;
112
+ virtualizer.value.measureElement(element);
113
+ }
114
+ }
115
+ watch(
116
+ () => virtualizer ? virtualizer.value.isScrolling : false,
117
+ (isScrolling) => emits("scroll", isScrolling)
118
+ );
119
+ function getItemKey(item, index) {
120
+ if (virtualizerProps.value.getItemKey) {
121
+ return virtualizerProps.value.getItemKey(index);
122
+ }
123
+ if (item && typeof item === "object" && "id" in item) {
124
+ return item.id;
125
+ }
126
+ return index;
127
+ }
128
+ defineExpose({
129
+ get $el() {
130
+ return rootRef.value?.$el;
131
+ },
132
+ virtualizer: virtualizer || void 0
133
+ });
134
+ </script>
135
+
136
+ <template>
137
+ <Primitive
138
+ ref="rootRef"
139
+ :as="as"
140
+ data-slot="root"
141
+ :data-orientation="orientation"
142
+ :class="b24ui.root({ class: [props.b24ui?.root, props.class] })"
143
+ >
144
+ <template v-if="virtualizer">
145
+ <div
146
+ data-slot="viewport"
147
+ :class="b24ui.viewport({ class: props.b24ui?.viewport })"
148
+ :style="virtualViewportStyle"
149
+ >
150
+ <div
151
+ v-for="virtualItem in virtualItems"
152
+ :key="String(virtualItem.key)"
153
+ :ref="measureElement"
154
+ :data-index="virtualItem.index"
155
+ data-slot="item"
156
+ :class="b24ui.item({ class: props.b24ui?.item })"
157
+ :style="getVirtualItemStyle(virtualItem)"
158
+ >
159
+ <slot
160
+ :item="items?.[virtualItem.index]"
161
+ :index="virtualItem.index"
162
+ :virtual-item="virtualItem"
163
+ />
164
+ </div>
165
+ </div>
166
+ </template>
167
+
168
+ <template v-else>
169
+ <div data-slot="viewport" :class="b24ui.viewport({ class: props.b24ui?.viewport })">
170
+ <template v-if="items?.length">
171
+ <div
172
+ v-for="(item, index) in items"
173
+ :key="getItemKey(item, index)"
174
+ data-slot="item"
175
+ :class="b24ui.item({ class: props.b24ui?.item })"
176
+ >
177
+ <slot :item="item" :index="index" />
178
+ </div>
179
+ </template>
180
+
181
+ <template v-else>
182
+ <slot />
183
+ </template>
184
+ </div>
185
+ </template>
186
+ </Primitive>
187
+ </template>