@bitrix24/b24ui-nuxt 0.7.2 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (260) hide show
  1. package/.nuxt/b24ui/accordion.ts +3 -3
  2. package/.nuxt/b24ui/advice.ts +6 -5
  3. package/.nuxt/b24ui/alert.ts +102 -49
  4. package/.nuxt/b24ui/avatar-group.ts +10 -10
  5. package/.nuxt/b24ui/avatar.ts +18 -18
  6. package/.nuxt/b24ui/badge.ts +167 -176
  7. package/.nuxt/b24ui/button-group.ts +3 -1
  8. package/.nuxt/b24ui/button.ts +179 -170
  9. package/.nuxt/b24ui/calendar.ts +48 -28
  10. package/.nuxt/b24ui/checkbox.ts +82 -85
  11. package/.nuxt/b24ui/chip.ts +121 -32
  12. package/.nuxt/b24ui/container.ts +1 -1
  13. package/.nuxt/b24ui/content/table-wrapper.ts +11 -11
  14. package/.nuxt/b24ui/countdown.ts +11 -11
  15. package/.nuxt/b24ui/description-list.ts +6 -6
  16. package/.nuxt/b24ui/dropdown-menu.ts +111 -183
  17. package/.nuxt/b24ui/form-field.ts +19 -19
  18. package/.nuxt/b24ui/index.ts +0 -1
  19. package/.nuxt/b24ui/input-menu.ts +294 -357
  20. package/.nuxt/b24ui/input-number.ts +111 -259
  21. package/.nuxt/b24ui/input.ts +136 -259
  22. package/.nuxt/b24ui/kbd.ts +15 -13
  23. package/.nuxt/b24ui/link.ts +5 -5
  24. package/.nuxt/b24ui/modal.ts +14 -12
  25. package/.nuxt/b24ui/navbar-divider.ts +1 -1
  26. package/.nuxt/b24ui/navbar-section.ts +1 -1
  27. package/.nuxt/b24ui/navbar.ts +1 -1
  28. package/.nuxt/b24ui/navigation-menu.ts +70 -754
  29. package/.nuxt/b24ui/popover.ts +2 -2
  30. package/.nuxt/b24ui/progress.ts +58 -68
  31. package/.nuxt/b24ui/prose/a.ts +1 -1
  32. package/.nuxt/b24ui/prose/blockquote.ts +1 -1
  33. package/.nuxt/b24ui/prose/code.ts +45 -9
  34. package/.nuxt/b24ui/prose/h1.ts +21 -2
  35. package/.nuxt/b24ui/prose/h2.ts +21 -12
  36. package/.nuxt/b24ui/prose/h3.ts +21 -12
  37. package/.nuxt/b24ui/prose/h4.ts +21 -12
  38. package/.nuxt/b24ui/prose/h5.ts +21 -12
  39. package/.nuxt/b24ui/prose/h6.ts +21 -12
  40. package/.nuxt/b24ui/prose/hr.ts +1 -1
  41. package/.nuxt/b24ui/prose/ol.ts +1 -1
  42. package/.nuxt/b24ui/prose/p.ts +26 -1
  43. package/.nuxt/b24ui/prose/thead.ts +1 -1
  44. package/.nuxt/b24ui/prose/ul.ts +1 -1
  45. package/.nuxt/b24ui/radio-group.ts +115 -155
  46. package/.nuxt/b24ui/range.ts +38 -26
  47. package/.nuxt/b24ui/select-menu.ts +251 -306
  48. package/.nuxt/b24ui/select.ts +246 -301
  49. package/.nuxt/b24ui/separator.ts +40 -85
  50. package/.nuxt/b24ui/sidebar-header.ts +1 -1
  51. package/.nuxt/b24ui/sidebar-heading.ts +1 -1
  52. package/.nuxt/b24ui/sidebar-layout.ts +130 -19
  53. package/.nuxt/b24ui/sidebar-section.ts +1 -1
  54. package/.nuxt/b24ui/skeleton.ts +19 -1
  55. package/.nuxt/b24ui/slideover.ts +35 -34
  56. package/.nuxt/b24ui/switch.ts +59 -48
  57. package/.nuxt/b24ui/tabs.ts +26 -239
  58. package/.nuxt/b24ui/textarea.ts +50 -236
  59. package/.nuxt/b24ui/toast.ts +38 -30
  60. package/.nuxt/b24ui/toaster.ts +1 -1
  61. package/.nuxt/b24ui/tooltip.ts +5 -5
  62. package/cli/templates.mjs +2 -1
  63. package/dist/meta.d.mts +18759 -5002
  64. package/dist/meta.mjs +18759 -5002
  65. package/dist/module.d.mts +1 -0
  66. package/dist/module.json +2 -2
  67. package/dist/module.mjs +3 -5
  68. package/dist/runtime/air-design-tokens/001_b24_global.css +1 -0
  69. package/dist/runtime/air-design-tokens/002_b24_context_utility.css +0 -0
  70. package/dist/runtime/air-design-tokens/003_b24_context_light.css +1 -0
  71. package/dist/runtime/air-design-tokens/004_b24_context_dark.css +1 -0
  72. package/dist/runtime/air-design-tokens/005_b24_context_edge-light.css +1 -0
  73. package/dist/runtime/air-design-tokens/006_b24_context_edge-dark.css +1 -0
  74. package/dist/runtime/air-design-tokens/007_b24_global.css +1 -0
  75. package/dist/runtime/air-design-tokens/008_ui_global.css +1 -0
  76. package/dist/runtime/air-design-tokens/009_b24_tools.css +1 -0
  77. package/dist/runtime/air-design-tokens/components/badge-counter.css +1 -0
  78. package/dist/runtime/air-design-tokens/components/button.css +1 -0
  79. package/dist/runtime/air-design-tokens/components/navigation-menu.css +1 -0
  80. package/dist/runtime/air-design-tokens/components/popup.css +1 -0
  81. package/dist/runtime/air-design-tokens/components/scrollbar.css +2 -0
  82. package/dist/runtime/air-design-tokens/index.css +1 -0
  83. package/dist/runtime/components/Accordion.vue.d.ts +1 -1
  84. package/dist/runtime/components/Advice.vue +1 -13
  85. package/dist/runtime/components/Advice.vue.d.ts +1 -1
  86. package/dist/runtime/components/Alert.vue +6 -4
  87. package/dist/runtime/components/Alert.vue.d.ts +11 -4
  88. package/dist/runtime/components/App.vue.d.ts +1 -1
  89. package/dist/runtime/components/Avatar.vue.d.ts +1 -1
  90. package/dist/runtime/components/AvatarGroup.vue.d.ts +1 -1
  91. package/dist/runtime/components/Badge.vue +7 -11
  92. package/dist/runtime/components/Badge.vue.d.ts +6 -8
  93. package/dist/runtime/components/Button.vue +18 -15
  94. package/dist/runtime/components/Button.vue.d.ts +5 -7
  95. package/dist/runtime/components/ButtonGroup.vue.d.ts +1 -1
  96. package/dist/runtime/components/Calendar.vue +8 -8
  97. package/dist/runtime/components/Calendar.vue.d.ts +14 -8
  98. package/dist/runtime/components/Checkbox.vue.d.ts +2 -2
  99. package/dist/runtime/components/Chip.vue +28 -7
  100. package/dist/runtime/components/Chip.vue.d.ts +22 -2
  101. package/dist/runtime/components/Collapsible.vue.d.ts +1 -1
  102. package/dist/runtime/components/Container.vue.d.ts +1 -1
  103. package/dist/runtime/components/Countdown.vue.d.ts +5 -3
  104. package/dist/runtime/components/DescriptionList.vue.d.ts +1 -1
  105. package/dist/runtime/components/DropdownMenu.vue +20 -9
  106. package/dist/runtime/components/DropdownMenu.vue.d.ts +1 -5
  107. package/dist/runtime/components/DropdownMenuContent.vue +29 -7
  108. package/dist/runtime/components/DropdownMenuContent.vue.d.ts +14 -6
  109. package/dist/runtime/components/Form.vue +3 -3
  110. package/dist/runtime/components/Form.vue.d.ts +6 -5
  111. package/dist/runtime/components/FormField.vue +2 -2
  112. package/dist/runtime/components/FormField.vue.d.ts +4 -4
  113. package/dist/runtime/components/Input.vue +8 -4
  114. package/dist/runtime/components/Input.vue.d.ts +9 -8
  115. package/dist/runtime/components/InputMenu.vue +44 -18
  116. package/dist/runtime/components/InputMenu.vue.d.ts +17 -223
  117. package/dist/runtime/components/InputNumber.vue +14 -11
  118. package/dist/runtime/components/InputNumber.vue.d.ts +13 -87
  119. package/dist/runtime/components/Kbd.vue +6 -3
  120. package/dist/runtime/components/Kbd.vue.d.ts +7 -3
  121. package/dist/runtime/components/Link.vue +6 -5
  122. package/dist/runtime/components/Link.vue.d.ts +1 -3
  123. package/dist/runtime/components/LinkBase.vue.d.ts +1 -1
  124. package/dist/runtime/components/Modal.vue +37 -33
  125. package/dist/runtime/components/Modal.vue.d.ts +2 -2
  126. package/dist/runtime/components/ModalDialogClose.vue.d.ts +1 -1
  127. package/dist/runtime/components/Navbar.vue.d.ts +1 -1
  128. package/dist/runtime/components/NavbarDivider.vue.d.ts +1 -1
  129. package/dist/runtime/components/NavbarSection.vue.d.ts +1 -1
  130. package/dist/runtime/components/NavbarSpacer.vue.d.ts +1 -1
  131. package/dist/runtime/components/NavigationMenu.vue +95 -84
  132. package/dist/runtime/components/NavigationMenu.vue.d.ts +31 -33
  133. package/dist/runtime/components/OverlayProvider.vue.d.ts +1 -1
  134. package/dist/runtime/components/Popover.vue +8 -2
  135. package/dist/runtime/components/Popover.vue.d.ts +9 -3
  136. package/dist/runtime/components/Progress.vue.d.ts +3 -3
  137. package/dist/runtime/components/RadioGroup.vue +1 -1
  138. package/dist/runtime/components/RadioGroup.vue.d.ts +6 -5
  139. package/dist/runtime/components/Range.vue.d.ts +6 -6
  140. package/dist/runtime/components/Select.vue +25 -11
  141. package/dist/runtime/components/Select.vue.d.ts +7 -7
  142. package/dist/runtime/components/SelectMenu.vue +38 -19
  143. package/dist/runtime/components/SelectMenu.vue.d.ts +11 -10
  144. package/dist/runtime/components/Separator.vue +4 -4
  145. package/dist/runtime/components/Separator.vue.d.ts +6 -3
  146. package/dist/runtime/components/Sidebar.vue.d.ts +4 -1
  147. package/dist/runtime/components/SidebarBody.vue.d.ts +4 -1
  148. package/dist/runtime/components/SidebarFooter.vue.d.ts +4 -1
  149. package/dist/runtime/components/SidebarHeader.vue.d.ts +4 -1
  150. package/dist/runtime/components/SidebarHeading.vue.d.ts +4 -1
  151. package/dist/runtime/components/SidebarLayout.vue +148 -63
  152. package/dist/runtime/components/SidebarLayout.vue.d.ts +61 -8
  153. package/dist/runtime/components/SidebarSection.vue.d.ts +4 -1
  154. package/dist/runtime/components/SidebarSpacer.vue.d.ts +4 -1
  155. package/dist/runtime/components/Skeleton.vue +7 -3
  156. package/dist/runtime/components/Skeleton.vue.d.ts +12 -1
  157. package/dist/runtime/components/Slideover.vue +120 -43
  158. package/dist/runtime/components/Slideover.vue.d.ts +22 -9
  159. package/dist/runtime/components/Switch.vue.d.ts +2 -2
  160. package/dist/runtime/components/Tabs.vue +11 -3
  161. package/dist/runtime/components/Tabs.vue.d.ts +8 -7
  162. package/dist/runtime/components/Textarea.vue +8 -4
  163. package/dist/runtime/components/Textarea.vue.d.ts +8 -7
  164. package/dist/runtime/components/Toast.vue +16 -8
  165. package/dist/runtime/components/Toast.vue.d.ts +16 -15
  166. package/dist/runtime/components/Toaster.vue.d.ts +2 -2
  167. package/dist/runtime/components/Tooltip.vue +9 -5
  168. package/dist/runtime/components/Tooltip.vue.d.ts +7 -1
  169. package/dist/runtime/components/content/TableWrapper.vue.d.ts +1 -1
  170. package/dist/runtime/composables/defineShortcuts.js +5 -3
  171. package/dist/runtime/composables/useAvatarGroup.d.ts +1 -1
  172. package/dist/runtime/composables/useButtonGroup.d.ts +1 -1
  173. package/dist/runtime/composables/useComponentIcons.d.ts +1 -1
  174. package/dist/runtime/composables/useFormField.d.ts +4 -7
  175. package/dist/runtime/composables/useFormField.js +6 -3
  176. package/dist/runtime/composables/useKbd.d.ts +1 -1
  177. package/dist/runtime/composables/useLocale.js +2 -2
  178. package/dist/runtime/composables/useOverlay.d.ts +29 -2
  179. package/dist/runtime/composables/useOverlay.js +8 -7
  180. package/dist/runtime/composables/usePortal.d.ts +1 -1
  181. package/dist/runtime/composables/useSidebarLayout.d.ts +20 -0
  182. package/dist/runtime/composables/useSidebarLayout.js +16 -0
  183. package/dist/runtime/dictionary/icons.js +7 -7
  184. package/dist/runtime/index.css +1 -1
  185. package/dist/runtime/inertia/components/Link.vue +3 -0
  186. package/dist/runtime/inertia/components/Link.vue.d.ts +1 -1
  187. package/dist/runtime/inertia/components/LinkBase.vue.d.ts +1 -1
  188. package/dist/runtime/inertia/stubs.d.ts +1 -0
  189. package/dist/runtime/inertia/stubs.js +4 -2
  190. package/dist/runtime/locale/ar.js +6 -0
  191. package/dist/runtime/locale/br.js +6 -0
  192. package/dist/runtime/locale/de.js +6 -0
  193. package/dist/runtime/locale/en.js +6 -0
  194. package/dist/runtime/locale/fr.js +6 -0
  195. package/dist/runtime/locale/id.js +6 -0
  196. package/dist/runtime/locale/it.js +6 -0
  197. package/dist/runtime/locale/ja.js +6 -0
  198. package/dist/runtime/locale/kz.js +6 -0
  199. package/dist/runtime/locale/la.js +6 -0
  200. package/dist/runtime/locale/ms.js +6 -0
  201. package/dist/runtime/locale/pl.js +6 -0
  202. package/dist/runtime/locale/ru.js +6 -0
  203. package/dist/runtime/locale/sc.js +6 -0
  204. package/dist/runtime/locale/tc.js +6 -0
  205. package/dist/runtime/locale/th.js +6 -0
  206. package/dist/runtime/locale/tr.js +6 -0
  207. package/dist/runtime/locale/ua.js +6 -0
  208. package/dist/runtime/locale/vn.js +6 -0
  209. package/dist/runtime/plugins/ui-version.d.ts +5 -0
  210. package/dist/runtime/plugins/ui-version.js +8 -0
  211. package/dist/runtime/prose/A.vue.d.ts +4 -1
  212. package/dist/runtime/prose/Blockquote.vue.d.ts +4 -1
  213. package/dist/runtime/prose/Code.vue.d.ts +4 -1
  214. package/dist/runtime/prose/Em.vue.d.ts +4 -1
  215. package/dist/runtime/prose/H1.vue +4 -1
  216. package/dist/runtime/prose/H1.vue.d.ts +7 -1
  217. package/dist/runtime/prose/H2.vue +4 -1
  218. package/dist/runtime/prose/H2.vue.d.ts +7 -1
  219. package/dist/runtime/prose/H3.vue +4 -1
  220. package/dist/runtime/prose/H3.vue.d.ts +7 -1
  221. package/dist/runtime/prose/H4.vue +4 -1
  222. package/dist/runtime/prose/H4.vue.d.ts +7 -1
  223. package/dist/runtime/prose/H5.vue +4 -1
  224. package/dist/runtime/prose/H5.vue.d.ts +7 -1
  225. package/dist/runtime/prose/H6.vue +4 -1
  226. package/dist/runtime/prose/H6.vue.d.ts +7 -1
  227. package/dist/runtime/prose/Hr.vue.d.ts +1 -1
  228. package/dist/runtime/prose/Img.vue.d.ts +1 -1
  229. package/dist/runtime/prose/Li.vue.d.ts +4 -1
  230. package/dist/runtime/prose/Ol.vue.d.ts +4 -1
  231. package/dist/runtime/prose/P.vue +6 -1
  232. package/dist/runtime/prose/P.vue.d.ts +12 -1
  233. package/dist/runtime/prose/Pre.vue.d.ts +4 -1
  234. package/dist/runtime/prose/Strong.vue.d.ts +4 -1
  235. package/dist/runtime/prose/Table.vue.d.ts +5 -2
  236. package/dist/runtime/prose/Tbody.vue.d.ts +4 -1
  237. package/dist/runtime/prose/Td.vue.d.ts +4 -1
  238. package/dist/runtime/prose/Th.vue.d.ts +4 -1
  239. package/dist/runtime/prose/Thead.vue.d.ts +4 -1
  240. package/dist/runtime/prose/Tr.vue.d.ts +4 -1
  241. package/dist/runtime/prose/Ul.vue.d.ts +4 -1
  242. package/dist/runtime/types/index.d.ts +0 -1
  243. package/dist/runtime/types/index.js +0 -1
  244. package/dist/runtime/types/locale.d.ts +6 -0
  245. package/dist/runtime/utils/index.d.ts +6 -0
  246. package/dist/runtime/utils/index.js +27 -0
  247. package/dist/runtime/utils/tv.js +66 -1
  248. package/dist/runtime/vue/components/Link.vue +3 -0
  249. package/dist/runtime/vue/components/Link.vue.d.ts +1 -1
  250. package/dist/runtime/vue/stubs.d.ts +1 -0
  251. package/dist/runtime/vue/stubs.js +3 -1
  252. package/dist/shared/b24ui-nuxt.dLc5H7ID.mjs +6100 -0
  253. package/dist/unplugin.mjs +1 -1
  254. package/dist/vite.mjs +1 -1
  255. package/package.json +40 -28
  256. package/.nuxt/b24ui/stacked-layout.ts +0 -34
  257. package/dist/runtime/air-design-tokens.css +0 -1
  258. package/dist/runtime/components/StackedLayout.vue +0 -117
  259. package/dist/runtime/components/StackedLayout.vue.d.ts +0 -44
  260. package/dist/shared/b24ui-nuxt.CxsFEY3M.mjs +0 -7895
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 getDefaultUiConfig } from './shared/b24ui-nuxt.CxsFEY3M.mjs';
6
+ import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.dLc5H7ID.mjs';
7
7
  import { globSync } from 'tinyglobby';
8
8
  import { genSafeVariableName } from 'knitwork';
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.CxsFEY3M.mjs';
7
+ import './shared/b24ui-nuxt.dLc5H7ID.mjs';
8
8
  import 'scule';
9
9
  import '@nuxt/kit';
10
10
  import 'knitwork';
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": "0.7.2",
4
+ "version": "1.0.1",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -38,6 +38,10 @@
38
38
  "types": "./dist/runtime/types/*.d.ts",
39
39
  "import": "./dist/runtime/types/*.js"
40
40
  },
41
+ "./utils": {
42
+ "types": "./dist/runtime/utils/index.d.ts",
43
+ "import": "./dist/runtime/utils/index.js"
44
+ },
41
45
  "./utils/*": {
42
46
  "types": "./dist/runtime/utils/*.d.ts",
43
47
  "import": "./dist/runtime/utils/*.js"
@@ -103,17 +107,17 @@
103
107
  "@bitrix24/b24icons-vue": "^2.0.2",
104
108
  "@bitrix24/b24style": "^1.0.1",
105
109
  "@internationalized/date": "^3.8.2",
106
- "@internationalized/number": "^3.6.3",
107
- "@nuxt/kit": "^3.17.5",
108
- "@nuxt/schema": "^3.17.5",
110
+ "@internationalized/number": "^3.6.4",
111
+ "@nuxt/kit": "^4.0.3",
112
+ "@nuxt/schema": "^4.0.3",
109
113
  "@nuxtjs/color-mode": "^3.5.2",
110
114
  "@standard-schema/spec": "^1.0.0",
111
- "@tailwindcss/postcss": "^4.1.11",
112
- "@tailwindcss/vite": "^4.1.11",
115
+ "@tailwindcss/postcss": "^4.1.12",
116
+ "@tailwindcss/vite": "^4.1.12",
113
117
  "@tanstack/vue-table": "^8.21.3",
114
- "@unhead/vue": "^2.0.11",
115
- "@vueuse/core": "^13.4.0",
116
- "@vueuse/integrations": "^13.4.0",
118
+ "@unhead/vue": "^2.0.14",
119
+ "@vueuse/core": "^13.6.0",
120
+ "@vueuse/integrations": "^13.6.0",
117
121
  "canvas-confetti": "^1.9.3",
118
122
  "colortranslator": "^5.0.0",
119
123
  "consola": "^3.4.2",
@@ -132,41 +136,46 @@
132
136
  "mlly": "^1.7.4",
133
137
  "ohash": "^2.0.11",
134
138
  "pathe": "^2.0.3",
135
- "reka-ui": "2.3.1",
139
+ "reka-ui": "2.4.1",
136
140
  "scule": "^1.3.0",
137
- "tailwind-variants": "^1.0.0",
138
- "tailwindcss": "^4.1.11",
141
+ "tailwind-merge": "^3.3.1",
142
+ "tailwind-variants": "2.0.1",
143
+ "tailwindcss": "^4.1.12",
139
144
  "tinyglobby": "^0.2.14",
140
145
  "unplugin": "^2.3.5",
141
146
  "unplugin-auto-import": "^19.3.0",
142
147
  "unplugin-vue-components": "^28.8.0",
143
148
  "vaul-vue": "0.4.1",
144
- "vue-component-type-helpers": "^2.2.10"
149
+ "vue-component-type-helpers": "^3.0.5"
145
150
  },
146
151
  "devDependencies": {
147
- "@nuxt/eslint-config": "^1.4.1",
152
+ "@nuxt/eslint-config": "^1.8.0",
148
153
  "@nuxt/module-builder": "^1.0.1",
149
- "@nuxt/test-utils": "^3.19.1",
154
+ "@nuxt/test-utils": "^3.19.2",
150
155
  "@types/canvas-confetti": "^1.9.0",
156
+ "@types/node": "^24.1.0",
157
+ "@types/sharp": "^0.32.0",
151
158
  "@vue/test-utils": "^2.4.6",
152
159
  "embla-carousel": "^8.6.0",
153
- "eslint": "^9.30.0",
160
+ "eslint": "^9.33.0",
161
+ "esno": "^4.8.0",
154
162
  "happy-dom": "^18.0.1",
155
- "nuxt": "^3.17.5",
156
- "nuxt-component-meta": "^0.11.0",
163
+ "nuxt": "^4.0.3",
164
+ "nuxt-component-meta": "^0.13.1",
165
+ "sharp": "^0.34.3",
157
166
  "vitest": "^3.2.4",
158
167
  "vitest-environment-nuxt": "^1.0.1",
159
- "vue-tsc": "^2.2.10"
168
+ "vue-tsc": "^3.0.5"
160
169
  },
161
170
  "peerDependencies": {
162
- "@inertiajs/vue3": "^2.0.11",
163
- "joi": "^17.13.3",
164
- "superstruct": "^2.0.2",
165
- "typescript": "^5.8.3",
166
- "valibot": "^1.1.0",
167
- "vue-router": "^4.5.1",
168
- "yup": "^1.6.1",
169
- "zod": "^3.25.49"
171
+ "@inertiajs/vue3": "^2.0.7",
172
+ "joi": "^18.0.0",
173
+ "superstruct": "^2.0.0",
174
+ "typescript": "^5.6.3",
175
+ "valibot": "^1.0.0",
176
+ "vue-router": "^4.5.0",
177
+ "yup": "^1.7.0",
178
+ "zod": "^3.24.0 || ^4.0.0"
170
179
  },
171
180
  "peerDependenciesMeta": {
172
181
  "@inertiajs/vue3": {
@@ -193,11 +202,14 @@
193
202
  },
194
203
  "resolutions": {
195
204
  "@bitrix24/b24ui-nuxt": "workspace:*",
205
+ "@nuxt/module-builder": "1.0.1",
196
206
  "chokidar": "3.6.0",
197
207
  "debug": "4.3.7",
198
208
  "rollup": "4.34.9",
199
209
  "unimport": "4.1.1",
200
- "unplugin": "^2.3.5"
210
+ "unplugin": "^2.3.5",
211
+ "tailwind-variants": "2.0.1",
212
+ "typescript": "5.8.3"
201
213
  },
202
214
  "keywords": [
203
215
  "bitrix24-ui",
package/.nuxt/b24ui/stacked-layout.ts DELETED
@@ -1,34 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "min-h-svh w-full flex flex-col lg:px-2 relative isolate",
4
- "sidebarSlideoverContainer": "max-w-80 p-2 bg-transparent dark:bg-transparent sm:shadow-none",
5
- "sidebarSlideover": "h-full overflow-hidden flex flex-col bg-white dark:bg-base-dark ring-1 ring-base-950/5 dark:ring-white/10 shadow-xs rounded-lg",
6
- "sidebarSlideoverBtnClose": "-mb-3 px-4 pt-3",
7
- "header": "px-4 flex items-center h-[84px]",
8
- "headerMenuIcon": "lg:hidden",
9
- "headerPaddings": "py-2.5",
10
- "headerWrapper": "min-w-0 flex-1",
11
- "container": "flex-1 flex flex-col lg:min-w-0 pb-2",
12
- "containerWrapper": "grow",
13
- "containerWrapperInner": ""
14
- },
15
- "variants": {
16
- "useSidebar": {
17
- "true": "",
18
- "false": ""
19
- },
20
- "useLightContent": {
21
- "true": {
22
- "root": "bg-white dark:bg-white/10 lg:bg-base-50 dark:lg:bg-base-dark",
23
- "containerWrapper": "p-6 lg:p-10 lg:bg-white dark:lg:bg-white/10 lg:ring-1 lg:ring-base-950/5 dark:lg:ring-white/10 lg:shadow-xs lg:rounded-lg"
24
- },
25
- "false": {
26
- "container": "px-4"
27
- }
28
- }
29
- },
30
- "compoundVariants": [],
31
- "defaultVariants": {
32
- "useLightContent": true
33
- }
34
- }
package/dist/runtime/air-design-tokens.css DELETED
@@ -1 +0,0 @@
1
- .--ui-context-content-light,:root{--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:0px;--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}.--ui-context-content-dark{--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:0px;--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}.--ui-context-edge-light{--ui-color-base-0:#000;--ui-color-base-1:#000;--ui-color-base-2:#000000bf;--ui-color-base-3:#000000a6;--ui-color-base-4:#0000008c;--ui-color-base-5:#00000073;--ui-color-base-6:#00000059;--ui-color-base-7:#00000040;--ui-color-base-8:#00000026;--ui-color-base-black-fixed:#000;--ui-color-base-white-fixed:#fff;--ui-color-bg-content-primary:#0000000f;--ui-color-divider-accent:#0000000f;--ui-color-divider-default:#0000000a;--ui-color-divider-less:#00000008;--ui-color-divider-vibrant-accent-more:#0000001a;--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:#0000001a;--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:#00000000;--ui-color-divider-optical-1-alt:#00000000;--ui-color-divider-optical-2:#ffffff00;--ui-divider-optical-1-weight:var(--ui-border-width-thin);--ui-divider-optical-2-weight:var(--ui-border-width-thin);--ui-color-divider-optical-on-overlay:#00000014;--ui-color-bg-content-secondary:#0000000a;--ui-divider-optical-on-overlay-weight:var(--ui-border-width-thin);--ui-color-bg-content-tertiary:#00000005;--ui-color-bg-vibrant-accent:#00000033;--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:#00000029;--ui-color-bg-vibrant-less:#0000001f;--ui-color-bg-vibrant-less-more:#00000014;--ui-color-bg-content-inapp:#00428f;--ui-color-bg-content-primary-layer:#292929;--ui-color-bg-content-light:#eee;--ui-bg-blur-content:var(--ui-bg-blur-default);--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:#0000002e;--ui-design-filled-stroke-weight:1px;--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:#ffffff14;--ui-color-design-filled-success-bg:var(--ui-color-accent-main-success);--ui-color-design-filled-success-stroke:#00000014;--ui-design-filled-success-stroke-weight:var(--ui-border-width-thin);--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:#ffffff1f;--ui-color-design-filled-alert-bg:var(--ui-color-accent-main-alert);--ui-color-design-filled-alert-stroke:#00000014;--ui-design-filled-alert-stroke-weight:var(--ui-border-width-thin);--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:#ffffff1f;--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:#00000014;--ui-design-filled-black-stroke-weight:var(--ui-border-width-thin);--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:#ffffff1f;--ui-color-design-filled-warning-stroke:#00000014;--ui-design-filled-warning-stroke-weight:var(--ui-border-width-thin);--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:#ffffff1f;--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:#00000014;--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:#ffffff1f;--ui-color-design-filled-na-stroke:#00000014;--ui-color-design-filled-na-stroke-secondary:#00000014;--ui-design-filled-na-stroke-weight:var(--ui-border-width-thin);--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:#ffffff1f;--ui-color-design-tinted-bg:var(--ui-color-base-8);--ui-color-design-tinted-a1-bg:#0000001a;--ui-color-design-tinted-a1-stroke:var(--ui-color-base-white-fixed);--ui-design-tinted-a1-stroke-weight:0px;--ui-color-design-tinted-a1-content:var(--ui-color-base-0);--ui-color-design-tinted-a1-content-icon:var(--ui-color-base-0);--ui-color-design-tinted-a1-content-chevron:var(--ui-color-base-4);--ui-color-design-tinted-a1-content-divider:var(--ui-color-base-7);--ui-color-design-tinted-success-bg:var(--ui-color-base-8);--ui-color-design-tinted-success-stroke:var(--ui-color-base-white-fixed);--ui-design-tinted-success-stroke-weight:0px;--ui-color-design-tinted-success-content:var(--ui-color-base-0);--ui-color-design-tinted-success-content-icon:var(--ui-color-base-0);--ui-color-design-tinted-success-content-chevron:var(--ui-color-base-4);--ui-color-design-tinted-success-content-divider:var(--ui-color-base-7);--ui-color-design-tinted-bg-alt:#0000001a;--ui-color-design-tinted-stroke:var(--ui-color-base-white-fixed);--ui-design-tinted-stroke-weight:0px;--ui-color-design-tinted-content:var(--ui-color-base-0);--ui-color-design-tinted-content-icon:var(--ui-color-base-0);--ui-color-design-tinted-content-icon-secondary:var(--ui-color-base-4);--ui-color-design-tinted-content-chevron:var(--ui-color-base-4);--ui-color-design-tinted-content-divider:var(--ui-color-base-7);--ui-color-design-tinted-alert-bg:var(--ui-color-base-8);--ui-color-design-tinted-alert-stroke:var(--ui-color-base-white-fixed);--ui-design-tinted-alert-stroke-weight:0px;--ui-color-design-tinted-alert-content:var(--ui-color-base-0);--ui-color-design-tinted-alert-content-icon:var(--ui-color-base-0);--ui-color-design-tinted-alert-content-chevron:var(--ui-color-base-4);--ui-color-design-tinted-alert-content-divider:var(--ui-color-base-7);--ui-color-design-tinted-warning-bg:var(--ui-color-base-8);--ui-color-design-tinted-warning-stroke:var(--ui-color-base-white-fixed);--ui-design-tinted-warning-stroke-weight:0px;--ui-color-design-tinted-warning-content:var(--ui-color-base-0);--ui-color-design-tinted-warning-content-icon:var(--ui-color-base-0);--ui-color-design-tinted-warning-content-chevron:var(--ui-color-base-4);--ui-color-design-tinted-warning-content-divider:var(--ui-color-base-7);--ui-color-design-tinted-na-bg:var(--ui-color-base-8);--ui-color-design-tinted-na-stroke:var(--ui-color-base-white-fixed);--ui-design-tinted-na-stroke-weight:0px;--ui-color-design-tinted-na-content:var(--ui-color-base-0);--ui-color-design-tinted-na-content-icon:var(--ui-color-base-0);--ui-color-design-tinted-na-content-chevron:var(--ui-color-base-4);--ui-color-design-tinted-na-content-divider:var(--ui-color-base-7);--ui-color-design-outline-a1-bg:var(--ui-color-base-8);--ui-color-design-outline-a1-stroke:var(--ui-color-base-6);--ui-design-outline-a1-stroke-weight:var(--ui-border-width-thin);--ui-color-design-outline-a1-content:var(--ui-color-base-0);--ui-color-design-outline-a1-content-icon:var(--ui-color-base-0);--ui-color-design-outline-a1-content-chevron:var(--ui-color-base-0);--ui-color-design-outline-a1-content-divider:var(--ui-color-base-8);--ui-color-design-outline-a2-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-a2-stroke:var(--ui-color-base-7);--ui-design-outline-a2-stroke-weight:var(--ui-border-width-thin);--ui-design-outline-a2-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-a2-content:var(--ui-color-base-0);--ui-color-design-outline-a2-content-icon:var(--ui-color-base-1);--ui-color-design-outline-a2-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-a2-content-divider:var(--ui-color-base-7);--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-base-7);--ui-design-outline-success-stroke-weight:var(--ui-border-width-thin);--ui-design-outline-success-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-success-content:var(--ui-color-base-0);--ui-color-design-outline-success-content-icon:var(--ui-color-base-1);--ui-color-design-outline-success-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-success-content-divider:var(--ui-color-base-7);--ui-color-design-outline-alert-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-alert-stroke:var(--ui-color-base-7);--ui-design-outline-alert-stroke-weight:var(--ui-border-width-thin);--ui-design-outline-alert-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-alert-content:var(--ui-color-base-0);--ui-color-design-outline-alert-content-icon:var(--ui-color-base-1);--ui-color-design-outline-alert-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-alert-content-divider:var(--ui-color-base-7);--ui-color-design-outline-bg-alt:var(--ui-color-bg-content-secondary);--ui-color-design-outline-stroke:#00000014;--ui-design-outline-stroke-weight:0px;--ui-design-outline-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-content:var(--ui-color-base-0);--ui-color-design-outline-content-secondary:var(--ui-color-base-5);--ui-color-design-outline-content-label:var(--ui-color-base-2);--ui-color-design-outline-content-icon:var(--ui-color-base-1);--ui-color-design-outline-content-icon-alt:var(--ui-color-base-1);--ui-color-design-outline-content-icon-secondary:var(--ui-color-base-3);--ui-color-design-outline-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-content-divider:var(--ui-color-base-7);--ui-color-design-outline-focused-stroke:var(--ui-color-base-6);--ui-color-design-outline-warning-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-warning-stroke:var(--ui-color-base-7);--ui-design-outline-warning-stroke-weight:var(--ui-border-width-thin);--ui-design-outline-warning-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-warning-content:var(--ui-color-base-0);--ui-color-design-outline-warning-content-icon:var(--ui-color-base-1);--ui-color-design-outline-warning-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-warning-content-divider:var(--ui-color-base-7);--ui-color-design-outline-copilot-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-copilot-stroke:var(--ui-color-base-7);--ui-design-outline-copilot-stroke-weight:var(--ui-border-width-thin);--ui-design-outline-copilot-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-copilot-content:var(--ui-color-base-0);--ui-color-design-outline-copilot-content-icon:var(--ui-color-base-1);--ui-color-design-outline-copilot-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-copilot-content-divider:var(--ui-color-base-7);--ui-color-design-outline-na-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-na-bg-alt:var(--ui-color-bg-content-primary);--ui-color-design-outline-na-stroke:#00000014;--ui-design-outline-na-stroke-weight:0px;--ui-design-outline-na-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-na-content:var(--ui-color-base-5);--ui-color-design-outline-na-content-icon:var(--ui-color-base-5);--ui-color-design-outline-na-content-chevron:var(--ui-color-base-5);--ui-color-design-outline-na-content-divider:var(--ui-color-base-8);--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-base-0);--ui-color-design-plain-a-content-icon:var(--ui-color-base-1);--ui-color-design-plain-a-content-chevron:var(--ui-color-base-1);--ui-color-design-plain-a-content-divider:var(--ui-color-base-7);--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-0);--ui-color-design-plain-content-icon:var(--ui-color-base-1);--ui-color-design-plain-content-icon-secondary:var(--ui-color-base-3);--ui-color-design-plain-content-chevron:var(--ui-color-base-1);--ui-color-design-plain-content-divider:var(--ui-color-base-7);--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-4);--ui-color-design-plain-na-content-secondary:var(--ui-color-base-6);--ui-color-design-plain-na-content-icon:var(--ui-color-base-5);--ui-color-design-plain-na-content-chevron:var(--ui-color-base-5);--ui-color-design-plain-na-content-divider:var(--ui-color-base-8);--ui-color-design-plain-na-focused-bg:#00000014;--ui-color-design-selection-bg:#0000001f;--ui-color-design-selection-stroke:#00000000;--ui-design-selection-stroke-weight:0px;--ui-color-design-selection-content:var(--ui-color-base-0);--ui-color-design-plain-na-focused-stroke:#00000014;--ui-design-plain-na-focused-stroke-weight:var(--ui-border-width-medium);--ui-color-design-selection-content-icon:var(--ui-color-base-0);--ui-color-design-selection-content-icon-secondary:var(--ui-color-base-2);--ui-color-design-selection-content-chevron:var(--ui-color-base-0);--ui-color-design-plain-na-focused-content:var(--ui-color-base-1);--ui-color-design-selection-content-divider:var(--ui-color-base-7);--ui-color-design-selection-focused-bg:#00000026;--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:#0045a5;--ui-color-accent-main-link-underline:#0045a54d;--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:#707070;--ui-color-g-content-glass-grey-3:#707070;--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:#008648c7;--ui-color-g-glass-green-bg-3:#2cd586c7;--ui-color-g-glass-green-stroke:#ffffff24;--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:#ffffff24;--ui-color-g-glass-copilot-bg-1:#602db7cc;--ui-color-g-glass-copilot-bg-2:#6d42afcc;--ui-color-g-glass-copilot-bg-3:#725897cc;--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:#ffffff24;--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:#ffffff24;--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:#ffffff24;--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-bg-content-primary);--ui-color-design-disabled-bg-alt:var(--ui-color-bg-content-primary);--ui-color-design-disabled-stroke:var(--ui-color-bg-content-primary);--ui-design-disabled-stroke-weight:0px;--ui-color-design-disabled-content:var(--ui-color-base-7);--ui-color-design-disabled-content-icon:var(--ui-color-base-7);--ui-color-design-disabled-content-chevron:var(--ui-color-base-7);--ui-color-design-disabled-content-divider:var(--ui-color-base-8);--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:#ffffff14;--ui-color-design-outline-boost-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-boost-stroke:#00000014;--ui-design-outline-boost-stroke-weight:0px;--ui-color-design-outline-boost-content:var(--ui-color-base-0);--ui-color-design-outline-boost-content-label:var(--ui-color-base-2);--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-1);--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:#ffffff14}.--ui-context-edge-dark{--ui-color-base-0:#fff;--ui-color-base-1:#fff;--ui-color-base-2:#ffffffcc;--ui-color-base-3:#ffffffb3;--ui-color-base-4:#ffffff99;--ui-color-base-5:#ffffff80;--ui-color-base-6:#ffffff66;--ui-color-base-7:#ffffff4d;--ui-color-base-8:#ffffff33;--ui-color-base-black-fixed:#000;--ui-color-base-white-fixed:#fff;--ui-color-bg-content-primary:#ffffff29;--ui-color-divider-accent:#ffffff14;--ui-color-divider-default:#ffffff0f;--ui-color-divider-less:#ffffff0a;--ui-color-divider-vibrant-accent-more:#ffffff26;--ui-color-divider-vibrant-accent:#ffffff1f;--ui-color-divider-vibrant-default:#ffffff14;--ui-color-divider-vibrant-less:#ffffff0d;--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:#00000000;--ui-color-divider-optical-2:#00000000;--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:#ffffff1f;--ui-color-bg-content-secondary:#ffffff1f;--ui-divider-optical-on-overlay-weight:var(--ui-border-width-thin);--ui-color-bg-content-tertiary:#ffffff14;--ui-color-bg-vibrant-accent:#ffffff3d;--ui-color-bg-state-hover-default-hex:#fff;--ui-color-bg-state-hover-default-opacity:7%;--ui-color-bg-state-hover-default:#ffffff12;--ui-color-bg-state-click-default-hex:#fff;--ui-color-bg-state-click-default-opacity:14%;--ui-color-bg-state-click-default:#ffffff24;--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:#fff;--ui-color-bg-state-hover-default-overlay-opacity:20%;--ui-color-bg-state-hover-default-overlay:#ffffff33;--ui-color-bg-state-click-default-overlay-hex:#fff;--ui-color-bg-state-click-default-overlay-opacity:32%;--ui-color-bg-state-click-default-overlay:#ffffff52;--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:#ffffff33;--ui-color-bg-vibrant-less:#ffffff24;--ui-color-bg-vibrant-less-more:#ffffff1f;--ui-color-bg-content-inapp:#00428f;--ui-color-bg-content-primary-layer:#fff;--ui-color-bg-content-light:#eee;--ui-bg-blur-content:var(--ui-bg-blur-default);--ui-bg-blur-vibrant:var(--ui-bg-blur-accent-more);--ui-color-accent-main-primary:#1587fa;--ui-color-design-filled-bg:var(--ui-color-accent-main-primary);--ui-color-design-filled-stroke:#ffffff3d;--ui-design-filled-stroke-weight:1px;--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:#ffffff1a;--ui-color-design-filled-success-bg:var(--ui-color-accent-main-success);--ui-color-design-filled-success-stroke:#ffffff24;--ui-design-filled-success-stroke-weight:var(--ui-border-width-thin);--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:#ffffff29;--ui-color-design-filled-alert-bg:var(--ui-color-accent-main-alert);--ui-color-design-filled-alert-stroke:#ffffff24;--ui-design-filled-alert-stroke-weight:var(--ui-border-width-thin);--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:#ffffff29;--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:#ffffff24;--ui-design-filled-black-stroke-weight:var(--ui-border-width-thin);--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:#ffffff29;--ui-color-design-filled-warning-stroke:#ffffff24;--ui-design-filled-warning-stroke-weight:var(--ui-border-width-thin);--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:#ffffff29;--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:#ffffff24;--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:#ffffff29;--ui-color-design-filled-na-stroke:#ffffff24;--ui-color-design-filled-na-stroke-secondary:#ffffff24;--ui-design-filled-na-stroke-weight:var(--ui-border-width-thin);--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:#ffffff29;--ui-color-design-tinted-bg:var(--ui-color-base-8);--ui-color-design-tinted-a1-bg:#ffffff26;--ui-color-design-tinted-a1-stroke:var(--ui-color-base-white-fixed);--ui-design-tinted-a1-stroke-weight:0px;--ui-color-design-tinted-a1-content:var(--ui-color-base-0);--ui-color-design-tinted-a1-content-icon:var(--ui-color-base-0);--ui-color-design-tinted-a1-content-chevron:var(--ui-color-base-4);--ui-color-design-tinted-a1-content-divider:var(--ui-color-base-7);--ui-color-design-tinted-success-bg:var(--ui-color-base-8);--ui-color-design-tinted-success-stroke:var(--ui-color-base-white-fixed);--ui-design-tinted-success-stroke-weight:0px;--ui-color-design-tinted-success-content:var(--ui-color-base-0);--ui-color-design-tinted-success-content-icon:var(--ui-color-base-0);--ui-color-design-tinted-success-content-chevron:var(--ui-color-base-4);--ui-color-design-tinted-success-content-divider:var(--ui-color-base-7);--ui-color-design-tinted-bg-alt:#ffffff26;--ui-color-design-tinted-stroke:var(--ui-color-base-white-fixed);--ui-design-tinted-stroke-weight:0px;--ui-color-design-tinted-content:var(--ui-color-base-0);--ui-color-design-tinted-content-icon:var(--ui-color-base-0);--ui-color-design-tinted-content-icon-secondary:var(--ui-color-base-4);--ui-color-design-tinted-content-chevron:var(--ui-color-base-4);--ui-color-design-tinted-content-divider:var(--ui-color-base-7);--ui-color-design-tinted-alert-bg:var(--ui-color-base-8);--ui-color-design-tinted-alert-stroke:var(--ui-color-base-white-fixed);--ui-design-tinted-alert-stroke-weight:0px;--ui-color-design-tinted-alert-content:var(--ui-color-base-0);--ui-color-design-tinted-alert-content-icon:var(--ui-color-base-0);--ui-color-design-tinted-alert-content-chevron:var(--ui-color-base-4);--ui-color-design-tinted-alert-content-divider:var(--ui-color-base-7);--ui-color-design-tinted-warning-bg:var(--ui-color-base-8);--ui-color-design-tinted-warning-stroke:var(--ui-color-base-white-fixed);--ui-design-tinted-warning-stroke-weight:0px;--ui-color-design-tinted-warning-content:var(--ui-color-base-0);--ui-color-design-tinted-warning-content-icon:var(--ui-color-base-0);--ui-color-design-tinted-warning-content-chevron:var(--ui-color-base-4);--ui-color-design-tinted-warning-content-divider:var(--ui-color-base-7);--ui-color-design-tinted-na-bg:var(--ui-color-base-8);--ui-color-design-tinted-na-stroke:var(--ui-color-base-white-fixed);--ui-design-tinted-na-stroke-weight:0px;--ui-color-design-tinted-na-content:var(--ui-color-base-0);--ui-color-design-tinted-na-content-icon:var(--ui-color-base-0);--ui-color-design-tinted-na-content-chevron:var(--ui-color-base-4);--ui-color-design-tinted-na-content-divider:var(--ui-color-base-7);--ui-color-design-outline-a1-bg:var(--ui-color-base-7);--ui-color-design-outline-a1-stroke:var(--ui-color-base-4);--ui-design-outline-a1-stroke-weight:var(--ui-border-width-thin);--ui-color-design-outline-a1-content:var(--ui-color-base-0);--ui-color-design-outline-a1-content-icon:var(--ui-color-base-0);--ui-color-design-outline-a1-content-chevron:var(--ui-color-base-0);--ui-color-design-outline-a1-content-divider:var(--ui-color-base-8);--ui-color-design-outline-a2-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-a2-stroke:var(--ui-color-base-7);--ui-design-outline-a2-stroke-weight:var(--ui-border-width-thin);--ui-design-outline-a2-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-a2-content:var(--ui-color-base-0);--ui-color-design-outline-a2-content-icon:var(--ui-color-base-1);--ui-color-design-outline-a2-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-a2-content-divider:var(--ui-color-base-7);--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-base-7);--ui-design-outline-success-stroke-weight:var(--ui-border-width-thin);--ui-design-outline-success-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-success-content:var(--ui-color-base-0);--ui-color-design-outline-success-content-icon:var(--ui-color-base-1);--ui-color-design-outline-success-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-success-content-divider:var(--ui-color-base-7);--ui-color-design-outline-alert-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-alert-stroke:var(--ui-color-base-7);--ui-design-outline-alert-stroke-weight:var(--ui-border-width-thin);--ui-design-outline-alert-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-alert-content:var(--ui-color-base-0);--ui-color-design-outline-alert-content-icon:var(--ui-color-base-1);--ui-color-design-outline-alert-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-alert-content-divider:var(--ui-color-base-7);--ui-color-design-outline-bg-alt:var(--ui-color-bg-content-secondary);--ui-color-design-outline-stroke:#ffffff24;--ui-design-outline-stroke-weight:0px;--ui-design-outline-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-content:var(--ui-color-base-0);--ui-color-design-outline-content-secondary:var(--ui-color-base-5);--ui-color-design-outline-content-label:var(--ui-color-base-2);--ui-color-design-outline-content-icon:var(--ui-color-base-1);--ui-color-design-outline-content-icon-alt:var(--ui-color-base-1);--ui-color-design-outline-content-icon-secondary:var(--ui-color-base-3);--ui-color-design-outline-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-content-divider:var(--ui-color-base-7);--ui-color-design-outline-focused-stroke:var(--ui-color-base-6);--ui-color-design-outline-warning-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-warning-stroke:var(--ui-color-base-7);--ui-design-outline-warning-stroke-weight:var(--ui-border-width-thin);--ui-design-outline-warning-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-warning-content:var(--ui-color-base-0);--ui-color-design-outline-warning-content-icon:var(--ui-color-base-1);--ui-color-design-outline-warning-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-warning-content-divider:var(--ui-color-base-7);--ui-color-design-outline-copilot-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-copilot-stroke:var(--ui-color-base-7);--ui-design-outline-copilot-stroke-weight:var(--ui-border-width-thin);--ui-design-outline-copilot-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-copilot-content:var(--ui-color-base-0);--ui-color-design-outline-copilot-content-icon:var(--ui-color-base-1);--ui-color-design-outline-copilot-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-copilot-content-divider:var(--ui-color-base-7);--ui-color-design-outline-na-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-na-bg-alt:var(--ui-color-bg-content-primary);--ui-color-design-outline-na-stroke:#ffffff24;--ui-design-outline-na-stroke-weight:0px;--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-8);--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-base-0);--ui-color-design-plain-a-content-icon:var(--ui-color-base-1);--ui-color-design-plain-a-content-chevron:var(--ui-color-base-1);--ui-color-design-plain-a-content-divider:var(--ui-color-base-7);--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-0);--ui-color-design-plain-content-icon:var(--ui-color-base-1);--ui-color-design-plain-content-icon-secondary:var(--ui-color-base-3);--ui-color-design-plain-content-chevron:var(--ui-color-base-1);--ui-color-design-plain-content-divider:var(--ui-color-base-7);--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-8);--ui-color-design-plain-na-focused-bg:#ffffff1f;--ui-color-design-selection-bg:#ffffff4d;--ui-color-design-selection-stroke:#ffffff00;--ui-design-selection-stroke-weight:0px;--ui-color-design-selection-content:var(--ui-color-base-0);--ui-color-design-plain-na-focused-stroke:#ffffff1f;--ui-design-plain-na-focused-stroke-weight:var(--ui-border-width-medium);--ui-color-design-selection-content-icon:var(--ui-color-base-0);--ui-color-design-selection-content-icon-secondary:var(--ui-color-base-2);--ui-color-design-selection-content-chevron:var(--ui-color-base-0);--ui-color-design-plain-na-focused-content:var(--ui-color-base-1);--ui-color-design-selection-content-divider:var(--ui-color-base-7);--ui-color-design-selection-focused-bg:#ffffff57;--ui-color-accent-main-primary-alt:#1b79e6;--ui-color-accent-main-primary-alt-2:#7ab7ff;--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:#bad7ff;--ui-color-accent-main-link-underline:#bad7ff4d;--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:#707070;--ui-color-g-content-glass-grey-3:#707070;--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:#008648c7;--ui-color-g-glass-green-bg-3:#2cd586c7;--ui-color-g-glass-green-stroke:#ffffff24;--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:#ffffff24;--ui-color-g-glass-copilot-bg-1:#602db7cc;--ui-color-g-glass-copilot-bg-2:#6d42afcc;--ui-color-g-glass-copilot-bg-3:#725897cc;--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:#ffffff24;--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:#ffffff24;--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:#ffffff24;--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-bg-content-primary);--ui-color-design-disabled-bg-alt:var(--ui-color-bg-content-primary);--ui-color-design-disabled-stroke:var(--ui-color-bg-content-primary);--ui-design-disabled-stroke-weight:0px;--ui-color-design-disabled-content:var(--ui-color-base-7);--ui-color-design-disabled-content-icon:var(--ui-color-base-7);--ui-color-design-disabled-content-chevron:var(--ui-color-base-7);--ui-color-design-disabled-content-divider:var(--ui-color-base-8);--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:#ffffff1a;--ui-color-design-outline-boost-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-boost-stroke:#ffffff24;--ui-design-outline-boost-stroke-weight:0px;--ui-color-design-outline-boost-content:var(--ui-color-base-0);--ui-color-design-outline-boost-content-label:var(--ui-color-base-2);--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-1);--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:#ffffff1a}:root{--ui-bg-blur-accent-more:blur(48px);--ui-bg-blur-accent:blur(24px);--ui-bg-blur-default:blur(12px);--ui-bg-blur-less:blur(6px);--ui-bg-blur-less-more:blur(2px);--ui-bg-blur-none:none;--ui-box-shadow-contrast-default-x:0px;--ui-box-shadow-contrast-default-y:1px;--ui-box-shadow-contrast-default-blur:blur(2px);--ui-box-shadow-contrast-default-spread:0px;--ui-color-box-shadow-contrast-default-color:#0000001a;--ui-box-shadow-contrast-accent-x:0px;--ui-box-shadow-contrast-accent-y:1px;--ui-box-shadow-contrast-accent-blur:blur(2px);--ui-box-shadow-contrast-accent-spread:0px;--ui-color-box-shadow-contrast-accent-color:#00000026;--ui-box-shadow-graphic-glass-content-default-x:0px;--ui-box-shadow-graphic-glass-content-default-y:4px;--ui-box-shadow-graphic-glass-content-default-blur:blur(10px);--ui-box-shadow-graphic-glass-content-default-spread:0px;--ui-color-box-shadow-graphic-glass-content-default-color:#0000000d;--ui-letter-spacing-2xl:0.75px;--ui-letter-spacing-xl:0.6499999761581421px;--ui-letter-spacing-l:-0.05000000074505806px;--ui-letter-spacing-m:-0.10000000149011612px;--ui-letter-spacing-s:-0.20000000298023224px;--ui-letter-spacing-xs:-0.3499999940395355px;--ui-border-width-thin:1px;--ui-border-width-medium:1.5px;--ui-border-width-thick:2px}.--ui-reset-bg-blur{--ui-bg-blur-content:none;--ui-bg-blur-vibrant:none;--ui-bg-blur-accent-more:none;--ui-bg-blur-accent:none;--ui-bg-blur-default:none;--ui-bg-blur-less:none;--ui-bg-blur-less-more:none;--ui-bg-blur-none:none}.--ui-hoverable,.--ui-hoverable-alt,.--ui-hoverable-overlay,.--ui-hoverable-overlay-alt{--ui-color:inherit;--ui-color-hover:unset;--ui-color-active:unset}.--ui-hoverable{--ui-color-hover:color-mix(in srgb,var(--ui-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--ui-color-active:color-mix(in srgb,var(--ui-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.--ui-hoverable-alt{--ui-color-hover:color-mix(in srgb,var(--ui-color) 100%,var(--ui-color-bg-state-hover-alt-hex) var(--ui-color-bg-state-hover-alt-opacity));--ui-color-active:color-mix(in srgb,var(--ui-color) 100%,var(--ui-color-bg-state-click-alt-hex) var(--ui-color-bg-state-click-alt-opacity))}.--ui-hoverable-overlay{--ui-color-hover:color-mix(in srgb,var(--ui-color) 100%,var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity));--ui-color-active:color-mix(in srgb,var(--ui-color) 100%,var(--ui-color-bg-state-click-default-overlay-hex) var(--ui-color-bg-state-click-default-overlay-opacity))}.--ui-hoverable-overlay-alt{--ui-color-hover:color-mix(in srgb,var(--ui-color) 100%,var(--ui-color-bg-state-hover-alt-overlay-hex) var(--ui-color-bg-state-hover-alt-overlay-opacity));--ui-color-active:color-mix(in srgb,var(--ui-color) 100%,var(--ui-color-bg-state-click-alt-overlay-hex) var(--ui-color-bg-state-click-alt-overlay-opacity))}
package/dist/runtime/components/StackedLayout.vue DELETED
@@ -1,117 +0,0 @@
1
- <script>
2
- import theme from "#build/b24ui/stacked-layout";
3
- </script>
4
-
5
- <script setup>
6
- import { ref, computed, watch, onUnmounted } from "vue";
7
- import { useRoute } from "vue-router";
8
- import { Primitive } from "reka-ui";
9
- import { useAppConfig } from "#imports";
10
- import { tv } from "../utils/tv";
11
- import B24Slideover from "./Slideover.vue";
12
- import B24Sidebar from "./Sidebar.vue";
13
- import B24ModalDialogClose from "./ModalDialogClose.vue";
14
- import B24Navbar from "./Navbar.vue";
15
- import MenuIcon from "@bitrix24/b24icons-vue/main/MenuIcon";
16
- import Cross50Icon from "@bitrix24/b24icons-vue/actions/Cross50Icon";
17
- const props = defineProps({
18
- as: { type: null, required: false, default: "div" },
19
- useLightContent: { type: Boolean, required: false, default: true },
20
- class: { type: null, required: false },
21
- b24ui: { type: null, required: false }
22
- });
23
- const slots = defineSlots();
24
- const appConfig = useAppConfig();
25
- const route = useRoute();
26
- const isUseSideBar = computed(() => !!slots.sidebar);
27
- const openSidebarSlideover = ref(false);
28
- const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.stackedLayout || {} })({
29
- useSidebar: isUseSideBar.value,
30
- useLightContent: Boolean(props.useLightContent)
31
- }));
32
- const closeModal = () => {
33
- if (openSidebarSlideover.value) {
34
- openSidebarSlideover.value = false;
35
- }
36
- };
37
- const stopWatcher = watch(
38
- () => route.path,
39
- () => closeModal(),
40
- { immediate: true }
41
- );
42
- onUnmounted(() => {
43
- stopWatcher();
44
- });
45
- const handleNavigationClick = () => {
46
- closeModal();
47
- };
48
- </script>
49
-
50
- <template>
51
- <Primitive :as="as" :class="b24ui.root({ class: [props.b24ui?.root, props.class] })">
52
- <header :class="b24ui.header({ class: props.b24ui?.header })">
53
- <div
54
- v-if="isUseSideBar"
55
- :class="b24ui.headerMenuIcon({ class: props.b24ui?.headerMenuIcon })"
56
- >
57
- <!-- @todo: lang -->
58
- <B24Slideover
59
- v-model:open="openSidebarSlideover"
60
- title="Navigation"
61
- description="Content navigation"
62
- side="left"
63
- :b24ui="{ content: b24ui.sidebarSlideoverContainer({ class: props.b24ui?.sidebarSlideoverContainer }) }"
64
- >
65
- <!-- @todo: lang -->
66
- <B24Button
67
- aria-label="Open navigation"
68
- color="link"
69
- size="sm"
70
- :class="b24ui.headerPaddings({ class: props.b24ui?.headerPaddings })"
71
- :icon="MenuIcon"
72
- />
73
-
74
- <template #content>
75
- <div :class="b24ui.sidebarSlideover({ class: props.b24ui?.sidebarSlideover })">
76
- <B24Sidebar>
77
- <div :class="b24ui.sidebarSlideoverBtnClose({ class: props.b24ui?.sidebarSlideoverBtnClose })">
78
- <!-- @todo: lang -->
79
- <B24ModalDialogClose>
80
- <B24Button
81
- color="link"
82
- size="lg"
83
- :icon="Cross50Icon"
84
- aria-label="Close navigation"
85
- />
86
- </B24ModalDialogClose>
87
- </div>
88
-
89
- <slot name="sidebar" :handle-click="handleNavigationClick" />
90
- </B24Sidebar>
91
- </div>
92
- </template>
93
- </B24Slideover>
94
- </div>
95
- <div :class="b24ui.headerWrapper({ class: props.b24ui?.headerWrapper })">
96
- <B24Navbar :class="b24ui.headerPaddings({ class: props.b24ui?.headerPaddings })">
97
- <slot name="navbar" />
98
- </B24Navbar>
99
- </div>
100
- </header>
101
-
102
- <!-- Page Content -->
103
- <slot name="content-top" />
104
-
105
- <template v-if="!!slots.default">
106
- <main :class="b24ui.container({ class: props.b24ui?.container })">
107
- <div :class="b24ui.containerWrapper({ class: props.b24ui?.containerWrapper })">
108
- <div :class="b24ui.containerWrapperInner({ class: props.b24ui?.containerWrapperInner })">
109
- <slot />
110
- </div>
111
- </div>
112
- </main>
113
- </template>
114
-
115
- <slot name="content-bottom" />
116
- </Primitive>
117
- </template>
package/dist/runtime/components/StackedLayout.vue.d.ts DELETED
@@ -1,44 +0,0 @@
1
- import type { AppConfig } from '@nuxt/schema';
2
- import theme from '#build/b24ui/stacked-layout';
3
- import type { ComponentConfig } from '../types/utils';
4
- type StackedLayout = ComponentConfig<typeof theme, AppConfig, 'stackedLayout'>;
5
- export interface StackedLayoutProps {
6
- /**
7
- * The element or component this component should render as.
8
- * @defaultValue 'div'
9
- */
10
- as?: any;
11
- useLightContent?: boolean;
12
- class?: any;
13
- b24ui?: StackedLayout['slots'];
14
- }
15
- export interface StackedLayoutSlots {
16
- /**
17
- * Menu for mobile screen sizes.
18
- * @param props
19
- * @param props.handleClick - Handler for navigation click events
20
- */
21
- 'sidebar'(props: {
22
- handleClick: () => void;
23
- }): any;
24
- /**
25
- * Menu for desktop screen sizes.
26
- */
27
- 'navbar'(props?: {}): any;
28
- /**
29
- * The page content.
30
- */
31
- 'default'(props?: {}): any;
32
- 'content-top': (props?: {}) => any;
33
- 'content-bottom': (props?: {}) => any;
34
- }
35
- declare const _default: __VLS_WithSlots<import("vue").DefineComponent<StackedLayoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StackedLayoutProps> & Readonly<{}>, {
36
- as: any;
37
- useLightContent: boolean;
38
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, StackedLayoutSlots>;
39
- export default _default;
40
- type __VLS_WithSlots<T, S> = T & {
41
- new (): {
42
- $slots: S;
43
- };
44
- };