@bitrix24/b24ui-nuxt 2.1.16 → 2.1.17

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 (16) hide show
  1. package/dist/meta.d.mts +51 -7
  2. package/dist/meta.mjs +51 -7
  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/Slideover.d.vue.ts +5 -0
  11. package/dist/runtime/components/Slideover.vue +6 -3
  12. package/dist/runtime/components/Slideover.vue.d.ts +5 -0
  13. package/dist/shared/{b24ui-nuxt.DdKajqQs.mjs → b24ui-nuxt.BeTQIwtu.mjs} +190 -46
  14. package/dist/unplugin.mjs +1 -1
  15. package/dist/vite.mjs +1 -1
  16. package/package.json +1 -1
package/dist/meta.d.mts CHANGED
@@ -160246,6 +160246,28 @@ var B24UIMeta = {
160246
160246
  }
160247
160247
  }
160248
160248
  },
160249
+ {
160250
+ "name": "orientation",
160251
+ "global": false,
160252
+ "description": "The orientation of the form field.",
160253
+ "tags": [
160254
+ {
160255
+ "name": "defaultValue",
160256
+ "text": "'vertical'"
160257
+ }
160258
+ ],
160259
+ "required": false,
160260
+ "type": '"vertical" | "horizontal" | undefined',
160261
+ "schema": {
160262
+ "kind": "enum",
160263
+ "type": '"vertical" | "horizontal" | undefined',
160264
+ "schema": {
160265
+ "0": "undefined",
160266
+ "1": '"vertical"',
160267
+ "2": '"horizontal"'
160268
+ }
160269
+ }
160270
+ },
160249
160271
  {
160250
160272
  "name": "b24ui",
160251
160273
  "global": false,
@@ -160297,7 +160319,7 @@ var B24UIMeta = {
160297
160319
  ],
160298
160320
  "events": [],
160299
160321
  "exposed": [],
160300
- "hash": "GD2bIQW-zA1YknpVPOhL7MD1tLZ0o97pdbQC6C5EVZQ"
160322
+ "hash": "CqxX3-a4Wgv0MeQQwtM3unhd6bRATvuDJhFfmwH-uPo"
160301
160323
  }
160302
160324
  },
160303
160325
  "B24Input": {
@@ -198987,20 +199009,42 @@ var B24UIMeta = {
198987
199009
  }
198988
199010
  ],
198989
199011
  "required": false,
198990
- "type": '"bottom" | "right" | "left" | "top" | undefined',
199012
+ "type": '"bottom" | "top" | "right" | "left" | undefined',
198991
199013
  "schema": {
198992
199014
  "kind": "enum",
198993
- "type": '"bottom" | "right" | "left" | "top" | undefined',
199015
+ "type": '"bottom" | "top" | "right" | "left" | undefined',
198994
199016
  "schema": {
198995
199017
  "0": "undefined",
198996
199018
  "1": '"bottom"',
198997
- "2": '"right"',
198998
- "3": '"left"',
198999
- "4": '"top"'
199019
+ "2": '"top"',
199020
+ "3": '"right"',
199021
+ "4": '"left"'
199000
199022
  }
199001
199023
  },
199002
199024
  "default": '"bottom"'
199003
199025
  },
199026
+ {
199027
+ "name": "inset",
199028
+ "global": false,
199029
+ "description": "Whether to inset the slideover from the edges.",
199030
+ "tags": [
199031
+ {
199032
+ "name": "defaultValue",
199033
+ "text": "false"
199034
+ }
199035
+ ],
199036
+ "required": false,
199037
+ "type": "boolean | undefined",
199038
+ "schema": {
199039
+ "kind": "enum",
199040
+ "type": "boolean | undefined",
199041
+ "schema": {
199042
+ "0": "undefined",
199043
+ "1": "false",
199044
+ "2": "true"
199045
+ }
199046
+ }
199047
+ },
199004
199048
  {
199005
199049
  "name": "portal",
199006
199050
  "global": false,
@@ -199285,7 +199329,7 @@ var B24UIMeta = {
199285
199329
  }
199286
199330
  ],
199287
199331
  "exposed": [],
199288
- "hash": "YER6MN3jv6Xr68y_n5pfrgW1m10ZHmQg9_3YNcqP5dA"
199332
+ "hash": "jpy727n45VUq09AeQmZmw-md6dS_xrdkRS4an_S9uO4"
199289
199333
  }
199290
199334
  },
199291
199335
  "B24Stepper": {
package/dist/meta.mjs CHANGED
@@ -160246,6 +160246,28 @@ const B24UIMeta = {
160246
160246
  }
160247
160247
  }
160248
160248
  },
160249
+ {
160250
+ "name": "orientation",
160251
+ "global": false,
160252
+ "description": "The orientation of the form field.",
160253
+ "tags": [
160254
+ {
160255
+ "name": "defaultValue",
160256
+ "text": "'vertical'"
160257
+ }
160258
+ ],
160259
+ "required": false,
160260
+ "type": '"vertical" | "horizontal" | undefined',
160261
+ "schema": {
160262
+ "kind": "enum",
160263
+ "type": '"vertical" | "horizontal" | undefined',
160264
+ "schema": {
160265
+ "0": "undefined",
160266
+ "1": '"vertical"',
160267
+ "2": '"horizontal"'
160268
+ }
160269
+ }
160270
+ },
160249
160271
  {
160250
160272
  "name": "b24ui",
160251
160273
  "global": false,
@@ -160297,7 +160319,7 @@ const B24UIMeta = {
160297
160319
  ],
160298
160320
  "events": [],
160299
160321
  "exposed": [],
160300
- "hash": "GD2bIQW-zA1YknpVPOhL7MD1tLZ0o97pdbQC6C5EVZQ"
160322
+ "hash": "CqxX3-a4Wgv0MeQQwtM3unhd6bRATvuDJhFfmwH-uPo"
160301
160323
  }
160302
160324
  },
160303
160325
  "B24Input": {
@@ -198987,20 +199009,42 @@ const B24UIMeta = {
198987
199009
  }
198988
199010
  ],
198989
199011
  "required": false,
198990
- "type": '"bottom" | "right" | "left" | "top" | undefined',
199012
+ "type": '"bottom" | "top" | "right" | "left" | undefined',
198991
199013
  "schema": {
198992
199014
  "kind": "enum",
198993
- "type": '"bottom" | "right" | "left" | "top" | undefined',
199015
+ "type": '"bottom" | "top" | "right" | "left" | undefined',
198994
199016
  "schema": {
198995
199017
  "0": "undefined",
198996
199018
  "1": '"bottom"',
198997
- "2": '"right"',
198998
- "3": '"left"',
198999
- "4": '"top"'
199019
+ "2": '"top"',
199020
+ "3": '"right"',
199021
+ "4": '"left"'
199000
199022
  }
199001
199023
  },
199002
199024
  "default": '"bottom"'
199003
199025
  },
199026
+ {
199027
+ "name": "inset",
199028
+ "global": false,
199029
+ "description": "Whether to inset the slideover from the edges.",
199030
+ "tags": [
199031
+ {
199032
+ "name": "defaultValue",
199033
+ "text": "false"
199034
+ }
199035
+ ],
199036
+ "required": false,
199037
+ "type": "boolean | undefined",
199038
+ "schema": {
199039
+ "kind": "enum",
199040
+ "type": "boolean | undefined",
199041
+ "schema": {
199042
+ "0": "undefined",
199043
+ "1": "false",
199044
+ "2": "true"
199045
+ }
199046
+ }
199047
+ },
199004
199048
  {
199005
199049
  "name": "portal",
199006
199050
  "global": false,
@@ -199285,7 +199329,7 @@ const B24UIMeta = {
199285
199329
  }
199286
199330
  ],
199287
199331
  "exposed": [],
199288
- "hash": "YER6MN3jv6Xr68y_n5pfrgW1m10ZHmQg9_3YNcqP5dA"
199332
+ "hash": "jpy727n45VUq09AeQmZmw-md6dS_xrdkRS4an_S9uO4"
199289
199333
  }
199290
199334
  },
199291
199335
  "B24Stepper": {
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.1.17",
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.BeTQIwtu.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/Slideover.d.vue.ts CHANGED
@@ -31,6 +31,11 @@ export interface SlideoverProps extends DialogRootProps {
31
31
  * @defaultValue 'bottom'
32
32
  */
33
33
  side?: Slideover['variants']['side'];
34
+ /**
35
+ * Whether to inset the slideover from the edges.
36
+ * @defaultValue false
37
+ */
38
+ inset?: boolean;
34
39
  /**
35
40
  * Render the slideover in a portal.
36
41
  * @defaultValue true
package/dist/runtime/components/Slideover.vue CHANGED
@@ -21,6 +21,7 @@ const props = defineProps({
21
21
  overlayBlur: { type: null, required: false, default: "off" },
22
22
  transition: { type: Boolean, required: false, default: true },
23
23
  side: { type: null, required: false, default: "bottom" },
24
+ inset: { type: Boolean, required: false },
24
25
  portal: { type: [Boolean, String], required: false, skipCheck: true, default: true },
25
26
  close: { type: [Boolean, Object], required: false, default: true },
26
27
  closeIcon: { type: [Function, Object], required: false },
@@ -55,9 +56,11 @@ const contentEvents = computed(() => {
55
56
  const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.slideover || {} })({
56
57
  transition: props.transition,
57
58
  side: props.side,
59
+ inset: props.inset,
58
60
  overlayBlur: props.overlayBlur,
59
61
  useFooter: !!slots.footer
60
62
  }));
63
+ const isBtnCloseExternal = computed(() => !props.inset && ["left", "right", "bottom"].includes(props?.side) && (props.close || !!slots.close));
61
64
  </script>
62
65
 
63
66
  <template>
@@ -97,7 +100,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.slideov
97
100
  </VisuallyHidden>
98
101
 
99
102
  <slot name="content" :close="close">
100
- <template v-if="['left', 'right', 'bottom'].includes(props?.side) && (props.close || !!slots.close)">
103
+ <template v-if="isBtnCloseExternal">
101
104
  <DialogClose v-if="props.close || !!slots.close" as-child>
102
105
  <slot name="close" :b24ui="b24ui">
103
106
  <!-- @todo fix this css -->
@@ -140,7 +143,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.slideov
140
143
  <slot name="navbar" :close="close" />
141
144
  </template>
142
145
 
143
- <template v-if="!!slots.header || (title || !!slots.title) || (description || !!slots.description) || ['top'].includes(props?.side) && (props.close || !!slots.close)" #content-top>
146
+ <template v-if="!!slots.header || (title || !!slots.title) || (description || !!slots.description) || !isBtnCloseExternal && (props.close || !!slots.close)" #content-top>
144
147
  <div data-slot="header" :class="b24ui.header({ class: props.b24ui?.header })">
145
148
  <slot name="header" :close="close">
146
149
  <div data-slot="wrapper" :class="b24ui.wrapper({ class: props.b24ui?.wrapper })">
@@ -156,7 +159,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.slideov
156
159
  </slot>
157
160
  </DialogDescription>
158
161
  </div>
159
- <template v-if="props.close || !!slots.close">
162
+ <template v-if="!isBtnCloseExternal && (props.close || !!slots.close)">
160
163
  <DialogClose v-if="props.close || !!slots.close" as-child>
161
164
  <slot name="close" :b24ui="b24ui">
162
165
  <B24Button
package/dist/runtime/components/Slideover.vue.d.ts CHANGED
@@ -31,6 +31,11 @@ export interface SlideoverProps extends DialogRootProps {
31
31
  * @defaultValue 'bottom'
32
32
  */
33
33
  side?: Slideover['variants']['side'];
34
+ /**
35
+ * Whether to inset the slideover from the edges.
36
+ * @defaultValue false
37
+ */
38
+ inset?: boolean;
34
39
  /**
35
40
  * Render the slideover in a portal.
36
41
  * @defaultValue true
package/dist/shared/{b24ui-nuxt.DdKajqQs.mjs → b24ui-nuxt.BeTQIwtu.mjs} RENAMED
@@ -8,7 +8,7 @@ import { globSync } from 'tinyglobby';
8
8
  import { defuFn } from 'defu';
9
9
 
10
10
  const name = "@bitrix24/b24ui-nuxt";
11
- const version = "2.1.16";
11
+ const version = "2.1.17";
12
12
 
13
13
  function getDefaultConfig(theme) {
14
14
  return {
@@ -3574,23 +3574,23 @@ const formField = {
3574
3574
  slots: {
3575
3575
  root: "font-[family-name:var(--ui-font-family-system)] font-(--ui-font-weight-regular)",
3576
3576
  wrapper: "leading-(--ui-font-line-height-reset)",
3577
- labelWrapper: "flex content-center items-center justify-between",
3577
+ labelWrapper: "flex content-center items-center justify-between gap-1",
3578
3578
  label: [
3579
3579
  "block",
3580
3580
  "text-(--b24ui-typography-label-color)"
3581
3581
  ].join(" "),
3582
3582
  hint: "text-(--b24ui-typography-description-color)",
3583
3583
  container: "relative",
3584
- description: "mt-[2px] leading-(--ui-font-line-height-2xs) text-(--b24ui-typography-description-color)",
3585
- error: "mt-[4px] text-(--ui-color-accent-main-alert)",
3584
+ description: "leading-(--ui-font-line-height-2xs) text-(--b24ui-typography-description-color)",
3585
+ error: "text-(--ui-color-accent-main-alert)",
3586
3586
  errorWrapper: "flex flex-row flex-nowrap items-center gap-0.5",
3587
- errorIcon: "size-[18px] mt-[2px]",
3588
- help: "mt-[6px] leading-(--ui-font-line-height-2xs) italic text-(--b24ui-typography-description-color)"
3587
+ errorIcon: "size-[18px]",
3588
+ help: "leading-(--ui-font-line-height-2xs) italic text-(--b24ui-typography-description-color)"
3589
3589
  },
3590
3590
  variants: {
3591
3591
  useDescription: {
3592
- true: { wrapper: "mb-[6px]" },
3593
- false: { wrapper: "mb-[10px]" }
3592
+ true: { wrapper: "" },
3593
+ false: { wrapper: "" }
3594
3594
  },
3595
3595
  size: {
3596
3596
  // xss: { root: 'text-(length:--ui-font-size-3xs)', errorIcon: 'size-[16px]' },
@@ -3604,11 +3604,40 @@ const formField = {
3604
3604
  true: {
3605
3605
  label: "after:content-['*'] after:ms-0.5 after:text-(--ui-color-accent-main-alert)"
3606
3606
  }
3607
+ },
3608
+ orientation: {
3609
+ vertical: {
3610
+ container: "",
3611
+ // mt-1
3612
+ description: "mt-[2px]",
3613
+ error: "mt-[4px]",
3614
+ errorIcon: "mt-[2px]",
3615
+ help: "mt-[6px]"
3616
+ },
3617
+ horizontal: {
3618
+ root: "flex justify-between place-items-baseline gap-2"
3619
+ }
3607
3620
  }
3608
3621
  },
3609
- compoundVariants: [],
3622
+ compoundVariants: [
3623
+ {
3624
+ useDescription: true,
3625
+ orientation: "vertical",
3626
+ class: { wrapper: "mb-[6px]" }
3627
+ },
3628
+ {
3629
+ useDescription: false,
3630
+ orientation: "vertical",
3631
+ class: { wrapper: "mb-[10px]" }
3632
+ },
3633
+ {
3634
+ orientation: "horizontal",
3635
+ class: { wrapper: "" }
3636
+ }
3637
+ ],
3610
3638
  defaultVariants: {
3611
- size: "md"
3639
+ size: "md",
3640
+ orientation: "vertical"
3612
3641
  }
3613
3642
  };
3614
3643
 
@@ -7425,7 +7454,7 @@ const slideover = {
7425
7454
  ].join(" "),
7426
7455
  sidebarLayoutRoot: "relative",
7427
7456
  sidebarLayoutHeaderWrapper: "relative",
7428
- sidebarLayoutPageWrapper: "min-h-full pb-[calc(53px_+_10px)] px-[20px] ps-[20px] pe-[20px] pb-[20px]",
7457
+ sidebarLayoutPageWrapper: "min-h-full pb-[calc(53px_+_10px)] px-[20px] ps-[20px] pe-[20px] pb-[20px] overflow-y-auto scrollbar-thin",
7429
7458
  sidebarLayoutContainer: "gap-[22px]",
7430
7459
  sidebarLayoutPageBottomWrapper: "relative",
7431
7460
  sidebarLayoutLoadingWrapper: "",
@@ -7466,7 +7495,8 @@ const slideover = {
7466
7495
  variants: {
7467
7496
  useFooter: {
7468
7497
  true: {
7469
- sidebarLayoutPageWrapper: "pb-[calc(53px+20px)]"
7498
+ sidebarLayoutPageWrapper: "mb-[calc(53px)] min-h-[calc(100vh_-_53px)]"
7499
+ // -_18px
7470
7500
  }
7471
7501
  },
7472
7502
  overlayBlur: {
@@ -7482,35 +7512,33 @@ const slideover = {
7482
7512
  },
7483
7513
  side: {
7484
7514
  // @todo fix if parent SidebarLayout.isUseSideBar > w-[calc(100%-135x)] > w-[calc(100%-150px)]
7485
- right: {
7486
- content: [
7487
- "right-0 inset-y-0 w-[calc(100%-60px)] sm:w-[calc(100%-150px)]",
7488
- "sm:rounded-t-none"
7489
- ].join(" "),
7490
- sidebarLayoutRoot: "sm:rounded-t-none"
7491
- },
7492
- left: {
7493
- content: [
7494
- "left-0 inset-y-0 w-[calc(100%-60px)] sm:w-[calc(100%-150px)]",
7495
- "sm:rounded-t-none"
7496
- ].join(" "),
7497
- sidebarLayoutRoot: "sm:rounded-t-none"
7498
- },
7499
7515
  top: {
7500
- content: [
7501
- "inset-x-0 top-0 max-h-full",
7502
- "sm:rounded-t-none"
7503
- ].join(" "),
7504
- sidebarLayoutRoot: "sm:rounded-t-none"
7516
+ content: "",
7517
+ // 'sm:rounded-t-none'
7518
+ sidebarLayoutRoot: ""
7519
+ // sm:rounded-t-none
7520
+ },
7521
+ right: {
7522
+ content: "",
7523
+ // sm:rounded-t-none
7524
+ sidebarLayoutRoot: ""
7525
+ // sm:rounded-t-none
7505
7526
  },
7506
7527
  bottom: {
7507
- content: [
7508
- "right-[5px] top-0 sm:top-[18px] bottom-0",
7509
- "w-[calc(100%-60px-5px)] sm:w-[calc(100%-150px-70px)]",
7510
- "sm:max-h-[calc(100%-18px)]",
7511
- "sm:rounded-t-[18px]"
7512
- ].join(" "),
7513
- sidebarLayoutRoot: "sm:rounded-t-[18px]"
7528
+ content: "",
7529
+ sidebarLayoutRoot: ""
7530
+ },
7531
+ left: {
7532
+ content: "",
7533
+ // sm:rounded-t-none
7534
+ sidebarLayoutRoot: ""
7535
+ // sm:rounded-t-none
7536
+ }
7537
+ },
7538
+ inset: {
7539
+ true: {
7540
+ content: "rounded-[18px]",
7541
+ sidebarLayoutRoot: "rounded-[18px]"
7514
7542
  }
7515
7543
  },
7516
7544
  transition: {
@@ -7520,9 +7548,117 @@ const slideover = {
7520
7548
  }
7521
7549
  },
7522
7550
  compoundVariants: [
7551
+ // region side && inset ////
7552
+ {
7553
+ side: "top",
7554
+ inset: true,
7555
+ class: {
7556
+ content: "max-h-[calc(100%-2rem)] inset-x-4 top-4"
7557
+ }
7558
+ },
7559
+ {
7560
+ side: "top",
7561
+ inset: true,
7562
+ useFooter: true,
7563
+ class: {
7564
+ sidebarLayoutPageWrapper: "min-h-[calc(100vh_-_53px-2rem)]"
7565
+ }
7566
+ },
7567
+ {
7568
+ side: "top",
7569
+ inset: false,
7570
+ class: {
7571
+ content: "max-h-full inset-x-0 top-0"
7572
+ }
7573
+ },
7574
+ {
7575
+ side: "right",
7576
+ inset: true,
7577
+ class: {
7578
+ content: "w-[calc(100%-2rem)] max-h-[calc(100%-2rem)] inset-y-4 right-4 "
7579
+ }
7580
+ },
7581
+ {
7582
+ side: "right",
7583
+ inset: true,
7584
+ useFooter: true,
7585
+ class: {
7586
+ sidebarLayoutPageWrapper: "min-h-[calc(100vh_-_53px-2rem)]"
7587
+ }
7588
+ },
7589
+ {
7590
+ side: "right",
7591
+ inset: false,
7592
+ class: {
7593
+ content: "w-[calc(100%-60px)] sm:w-[calc(100%-150px)] inset-y-0 right-0"
7594
+ }
7595
+ },
7596
+ {
7597
+ side: "bottom",
7598
+ inset: true,
7599
+ class: {
7600
+ content: [
7601
+ "max-h-[calc(100%-2rem)] w-[calc(100%-2rem)] end-4 bottom-4"
7602
+ ].join(" ")
7603
+ }
7604
+ },
7605
+ {
7606
+ side: "bottom",
7607
+ inset: true,
7608
+ useFooter: true,
7609
+ class: {
7610
+ sidebarLayoutPageWrapper: "min-h-[calc(100vh_-_53px_-_2rem)]"
7611
+ }
7612
+ },
7613
+ {
7614
+ side: "bottom",
7615
+ inset: false,
7616
+ class: {
7617
+ content: [
7618
+ "max-h-full sm:max-h-[calc(100%-18px)] right-[5px] top-0 sm:top-[18px] bottom-0",
7619
+ "w-[calc(100%-60px-5px)] sm:w-[calc(100%-150px-70px)]",
7620
+ "sm:rounded-t-[18px]"
7621
+ ].join(" "),
7622
+ sidebarLayoutRoot: "sm:rounded-t-[18px]"
7623
+ }
7624
+ },
7625
+ {
7626
+ side: "left",
7627
+ inset: true,
7628
+ class: {
7629
+ content: "w-[calc(100%-2rem)] max-h-[calc(100%-2rem)] inset-y-4 left-4"
7630
+ }
7631
+ },
7632
+ {
7633
+ side: "left",
7634
+ inset: true,
7635
+ useFooter: true,
7636
+ class: {
7637
+ sidebarLayoutPageWrapper: "min-h-[calc(100vh_-_53px-2rem)]"
7638
+ }
7639
+ },
7640
+ {
7641
+ side: "left",
7642
+ inset: false,
7643
+ class: {
7644
+ content: "w-[calc(100%-60px)] sm:w-[calc(100%-150px)] inset-y-0 left-0"
7645
+ }
7646
+ },
7647
+ // endregion ////
7648
+ // region bottom & footer -> min-h ////
7649
+ {
7650
+ side: "bottom",
7651
+ inset: false,
7652
+ useFooter: true,
7653
+ class: {
7654
+ sidebarLayoutPageWrapper: "sm:min-h-[calc(100vh_-_53px_-18px)]"
7655
+ }
7656
+ },
7657
+ // endregion ////
7523
7658
  // region btn.close ////
7524
7659
  {
7525
7660
  side: ["right", "bottom"],
7661
+ inset: false,
7526
7662
  class: {
7527
7663
  close: [
7528
7664
  "pl-1.5 pr-[4px]",
@@ -7533,6 +7669,7 @@ const slideover = {
7533
7669
  },
7534
7670
  {
7535
7671
  side: "left",
7672
+ inset: false,
7536
7673
  class: {
7537
7674
  close: [
7538
7675
  "pr-1.5 pl-[4px]",
@@ -7542,6 +7679,15 @@ const slideover = {
7542
7679
  ].join(" ")
7543
7680
  }
7544
7681
  },
7682
+ {
7683
+ // side: 'top',
7684
+ inset: true,
7685
+ class: {
7686
+ close: [
7687
+ "top-4 end-4"
7688
+ ].join(" ")
7689
+ }
7690
+ },
7545
7691
  {
7546
7692
  side: "top",
7547
7693
  class: {
@@ -8913,8 +9059,8 @@ const sidebarLayout = {
8913
9059
  inner: {
8914
9060
  true: {
8915
9061
  root: [
8916
- "--inner",
8917
- "light",
9062
+ "base-mode --inner",
9063
+ // 'light', base-mode
8918
9064
  "relative isolate",
8919
9065
  "h-full",
8920
9066
  "overflow-hidden"
@@ -8962,7 +9108,7 @@ const sidebarLayout = {
8962
9108
  useLightContent: {
8963
9109
  true: {
8964
9110
  containerWrapper: [
8965
- "light",
9111
+ "base-mode",
8966
9112
  "text-(--ui-color-text-primary)",
8967
9113
  "bg-(--ui-color-bg-content-primary)"
8968
9114
  ].join(" "),
@@ -9715,12 +9861,10 @@ const callout = {
9715
9861
  // @memo use style-filled-black-inverted
9716
9862
  "[&_code]:text-(length:--ui-font-size-sm)/(--ui-font-line-height-sm)",
9717
9863
  "[&>div]:my-2.5",
9718
- "[&_ul]:my-2.5",
9719
- "[&_ol]:my-2.5",
9864
+ "[&_ul]:my-2.5 [&_ul]:ps-3 [&_ul]:marker:text-(--b24ui-color)",
9865
+ "[&_ol]:my-2.5 [&_ol]:ps-3 [&_ul]:marker:text-(--b24ui-color)",
9720
9866
  "[&>*]:last:!mb-0",
9721
- "[&_ul]:ps-4.5",
9722
- "[&_ol]:ps-4.5",
9723
- "[&_li]:my-0",
9867
+ "[&_li]:my-1.5 [&_li]:ps-1 [&_li]:text-(length:--ui-font-size-md)/(--ui-font-line-height-3xs) [&_li]:text-(--b24ui-color)",
9724
9868
  "[&_a]:underline",
9725
9869
  "transition-colors"
9726
9870
  ].join(" "),
package/dist/unplugin.mjs CHANGED
@@ -3,7 +3,7 @@ import { join, normalize } from 'pathe';
3
3
  import { createUnplugin } from 'unplugin';
4
4
  import { defu } from 'defu';
5
5
  import tailwind from '@tailwindcss/vite';
6
- import { g as getTemplates, d as defaultOptions, a as getDefaultConfig } from './shared/b24ui-nuxt.DdKajqQs.mjs';
6
+ import { g as getTemplates, d as defaultOptions, a as getDefaultConfig } from './shared/b24ui-nuxt.BeTQIwtu.mjs';
7
7
  import fs from 'node:fs';
8
8
  import path from 'node:path';
9
9
  import MagicString from 'magic-string';
package/dist/vite.mjs CHANGED
@@ -4,7 +4,7 @@ import 'pathe';
4
4
  import 'unplugin';
5
5
  import 'defu';
6
6
  import '@tailwindcss/vite';
7
- import './shared/b24ui-nuxt.DdKajqQs.mjs';
7
+ import './shared/b24ui-nuxt.BeTQIwtu.mjs';
8
8
  import 'scule';
9
9
  import 'knitwork';
10
10
  import '@nuxt/kit';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bitrix24/b24ui-nuxt",
3
3
  "description": "Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE",
4
- "version": "2.1.16",
4
+ "version": "2.1.17",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "git+https://github.com/bitrix24/b24ui.git"