@bitrix24/b24ui-nuxt 0.6.8 → 0.7.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 (201) hide show
  1. package/.nuxt/b24ui/accordion.ts +20 -0
  2. package/.nuxt/b24ui/advice.ts +2 -10
  3. package/.nuxt/b24ui/alert.ts +2 -15
  4. package/.nuxt/b24ui/avatar-group.ts +2 -10
  5. package/.nuxt/b24ui/avatar.ts +3 -11
  6. package/.nuxt/b24ui/badge.ts +48 -13
  7. package/.nuxt/b24ui/button-group.ts +2 -22
  8. package/.nuxt/b24ui/button.ts +4 -17
  9. package/.nuxt/b24ui/calendar.ts +3 -11
  10. package/.nuxt/b24ui/checkbox.ts +75 -11
  11. package/.nuxt/b24ui/chip.ts +2 -10
  12. package/.nuxt/b24ui/collapsible.ts +2 -10
  13. package/.nuxt/b24ui/container.ts +2 -10
  14. package/.nuxt/b24ui/countdown.ts +2 -10
  15. package/.nuxt/b24ui/description-list.ts +2 -15
  16. package/.nuxt/b24ui/dropdown-menu.ts +4 -11
  17. package/.nuxt/b24ui/form-field.ts +3 -10
  18. package/.nuxt/b24ui/form.ts +2 -10
  19. package/.nuxt/b24ui/index.ts +1 -0
  20. package/.nuxt/b24ui/input-menu.ts +6 -30
  21. package/.nuxt/b24ui/input-number.ts +15 -10
  22. package/.nuxt/b24ui/input.ts +4 -17
  23. package/.nuxt/b24ui/kbd.ts +2 -10
  24. package/.nuxt/b24ui/link.ts +11 -17
  25. package/.nuxt/b24ui/modal.ts +3 -11
  26. package/.nuxt/b24ui/navbar-divider.ts +2 -10
  27. package/.nuxt/b24ui/navbar-section.ts +2 -10
  28. package/.nuxt/b24ui/navbar-spacer.ts +2 -10
  29. package/.nuxt/b24ui/navbar.ts +2 -10
  30. package/.nuxt/b24ui/navigation-menu.ts +69 -60
  31. package/.nuxt/b24ui/popover.ts +2 -10
  32. package/.nuxt/b24ui/progress.ts +2 -10
  33. package/.nuxt/b24ui/radio-group.ts +3 -11
  34. package/.nuxt/b24ui/range.ts +2 -10
  35. package/.nuxt/b24ui/select-menu.ts +10 -40
  36. package/.nuxt/b24ui/select.ts +10 -40
  37. package/.nuxt/b24ui/separator.ts +2 -10
  38. package/.nuxt/b24ui/sidebar-body.ts +2 -10
  39. package/.nuxt/b24ui/sidebar-footer.ts +2 -10
  40. package/.nuxt/b24ui/sidebar-header.ts +2 -10
  41. package/.nuxt/b24ui/sidebar-heading.ts +2 -10
  42. package/.nuxt/b24ui/sidebar-layout.ts +3 -11
  43. package/.nuxt/b24ui/sidebar-section.ts +2 -10
  44. package/.nuxt/b24ui/sidebar-spacer.ts +2 -10
  45. package/.nuxt/b24ui/sidebar.ts +2 -10
  46. package/.nuxt/b24ui/skeleton.ts +2 -10
  47. package/.nuxt/b24ui/slideover.ts +2 -10
  48. package/.nuxt/b24ui/stacked-layout.ts +2 -10
  49. package/.nuxt/b24ui/switch.ts +2 -10
  50. package/.nuxt/b24ui/tabs.ts +6 -13
  51. package/.nuxt/b24ui/textarea.ts +4 -17
  52. package/.nuxt/b24ui/toast.ts +2 -15
  53. package/.nuxt/b24ui/toaster.ts +3 -11
  54. package/.nuxt/b24ui/tooltip.ts +3 -11
  55. package/.nuxt/b24ui.css +1 -1
  56. package/cli/templates.mjs +2 -2
  57. package/dist/meta.d.mts +35333 -15836
  58. package/dist/meta.mjs +35333 -15836
  59. package/dist/module.json +1 -1
  60. package/dist/module.mjs +11 -3
  61. package/dist/runtime/air-design-tokens.css +1 -0
  62. package/dist/runtime/components/Accordion.vue +96 -0
  63. package/dist/runtime/components/Accordion.vue.d.ts +78 -0
  64. package/dist/runtime/components/Advice.vue +1 -1
  65. package/dist/runtime/components/Alert.vue +1 -1
  66. package/dist/runtime/components/App.vue +1 -1
  67. package/dist/runtime/components/Avatar.vue +11 -3
  68. package/dist/runtime/components/Avatar.vue.d.ts +2 -1
  69. package/dist/runtime/components/AvatarGroup.vue +1 -1
  70. package/dist/runtime/components/Badge.vue +5 -3
  71. package/dist/runtime/components/Badge.vue.d.ts +2 -0
  72. package/dist/runtime/components/Button.vue +2 -3
  73. package/dist/runtime/components/Button.vue.d.ts +1 -1
  74. package/dist/runtime/components/Calendar.vue +1 -1
  75. package/dist/runtime/components/Checkbox.vue +13 -4
  76. package/dist/runtime/components/Checkbox.vue.d.ts +9 -0
  77. package/dist/runtime/components/Chip.vue +1 -1
  78. package/dist/runtime/components/Collapsible.vue +1 -1
  79. package/dist/runtime/components/Countdown.vue +1 -1
  80. package/dist/runtime/components/Countdown.vue.d.ts +2 -2
  81. package/dist/runtime/components/DescriptionList.vue +3 -2
  82. package/dist/runtime/components/DescriptionList.vue.d.ts +1 -1
  83. package/dist/runtime/components/DropdownMenu.vue +1 -1
  84. package/dist/runtime/components/DropdownMenu.vue.d.ts +2 -0
  85. package/dist/runtime/components/DropdownMenuContent.vue +74 -72
  86. package/dist/runtime/components/DropdownMenuContent.vue.d.ts +4 -20
  87. package/dist/runtime/components/Form.vue +6 -6
  88. package/dist/runtime/components/Form.vue.d.ts +12 -11
  89. package/dist/runtime/components/FormField.vue +4 -4
  90. package/dist/runtime/components/Input.vue +12 -8
  91. package/dist/runtime/components/Input.vue.d.ts +31 -30
  92. package/dist/runtime/components/InputMenu.vue +23 -20
  93. package/dist/runtime/components/InputMenu.vue.d.ts +6 -4
  94. package/dist/runtime/components/InputNumber.vue +17 -10
  95. package/dist/runtime/components/InputNumber.vue.d.ts +6 -3
  96. package/dist/runtime/components/Link.vue +5 -13
  97. package/dist/runtime/components/Modal.vue +22 -14
  98. package/dist/runtime/components/Modal.vue.d.ts +18 -5
  99. package/dist/runtime/components/Navbar.vue +1 -1
  100. package/dist/runtime/components/NavbarDivider.vue +1 -1
  101. package/dist/runtime/components/NavbarSection.vue +1 -1
  102. package/dist/runtime/components/NavbarSpacer.vue +1 -1
  103. package/dist/runtime/components/NavigationMenu.vue +186 -44
  104. package/dist/runtime/components/NavigationMenu.vue.d.ts +39 -8
  105. package/dist/runtime/components/OverlayProvider.vue +2 -2
  106. package/dist/runtime/components/Popover.vue +4 -0
  107. package/dist/runtime/components/Popover.vue.d.ts +2 -1
  108. package/dist/runtime/components/Progress.vue +3 -2
  109. package/dist/runtime/components/Progress.vue.d.ts +2 -2
  110. package/dist/runtime/components/RadioGroup.vue +24 -8
  111. package/dist/runtime/components/RadioGroup.vue.d.ts +3 -1
  112. package/dist/runtime/components/Range.vue +2 -2
  113. package/dist/runtime/components/Range.vue.d.ts +19 -20
  114. package/dist/runtime/components/Select.vue +57 -31
  115. package/dist/runtime/components/Select.vue.d.ts +110 -2
  116. package/dist/runtime/components/SelectMenu.vue +77 -23
  117. package/dist/runtime/components/SelectMenu.vue.d.ts +111 -5
  118. package/dist/runtime/components/Separator.vue +3 -3
  119. package/dist/runtime/components/Sidebar.vue +1 -1
  120. package/dist/runtime/components/SidebarBody.vue +1 -1
  121. package/dist/runtime/components/SidebarFooter.vue +1 -1
  122. package/dist/runtime/components/SidebarHeader.vue +1 -1
  123. package/dist/runtime/components/SidebarHeading.vue +1 -1
  124. package/dist/runtime/components/SidebarLayout.vue +1 -1
  125. package/dist/runtime/components/SidebarSection.vue +1 -1
  126. package/dist/runtime/components/SidebarSpacer.vue +1 -1
  127. package/dist/runtime/components/Slideover.vue +23 -15
  128. package/dist/runtime/components/Slideover.vue.d.ts +18 -5
  129. package/dist/runtime/components/StackedLayout.vue +1 -1
  130. package/dist/runtime/components/Switch.vue +1 -1
  131. package/dist/runtime/components/Tabs.vue +28 -7
  132. package/dist/runtime/components/Tabs.vue.d.ts +6 -1
  133. package/dist/runtime/components/Textarea.vue +13 -9
  134. package/dist/runtime/components/Textarea.vue.d.ts +31 -30
  135. package/dist/runtime/components/Toast.vue +7 -6
  136. package/dist/runtime/components/Toast.vue.d.ts +6 -0
  137. package/dist/runtime/components/Toaster.vue +4 -4
  138. package/dist/runtime/components/Toaster.vue.d.ts +6 -0
  139. package/dist/runtime/components/Tooltip.vue +9 -2
  140. package/dist/runtime/components/Tooltip.vue.d.ts +2 -1
  141. package/dist/runtime/components/content/TableWrapper.vue +1 -1
  142. package/dist/runtime/composables/defineLocale.d.ts +2 -0
  143. package/dist/runtime/composables/defineLocale.js +4 -0
  144. package/dist/runtime/composables/defineShortcuts.js +8 -2
  145. package/dist/runtime/composables/useFormField.d.ts +1 -1
  146. package/dist/runtime/composables/useFormField.js +2 -1
  147. package/dist/runtime/composables/useKbd.d.ts +1 -0
  148. package/dist/runtime/composables/useKbd.js +4 -3
  149. package/dist/runtime/composables/useOverlay.d.ts +11 -11
  150. package/dist/runtime/composables/useOverlay.js +17 -11
  151. package/dist/runtime/index.css +1 -1
  152. package/dist/runtime/inertia/components/Link.vue +45 -60
  153. package/dist/runtime/inertia/components/Link.vue.d.ts +1 -1
  154. package/dist/runtime/inertia/components/LinkBase.vue +68 -0
  155. package/dist/runtime/inertia/components/LinkBase.vue.d.ts +25 -0
  156. package/dist/runtime/inertia/stubs.d.ts +1 -1
  157. package/dist/runtime/inertia/stubs.js +1 -1
  158. package/dist/runtime/prose/A.vue +1 -1
  159. package/dist/runtime/prose/Blockquote.vue +1 -1
  160. package/dist/runtime/prose/Code.vue +1 -1
  161. package/dist/runtime/prose/Em.vue +1 -1
  162. package/dist/runtime/prose/H1.vue +1 -1
  163. package/dist/runtime/prose/H2.vue +1 -1
  164. package/dist/runtime/prose/H3.vue +1 -1
  165. package/dist/runtime/prose/H4.vue +1 -1
  166. package/dist/runtime/prose/H5.vue +1 -1
  167. package/dist/runtime/prose/H6.vue +1 -1
  168. package/dist/runtime/prose/Hr.vue +1 -1
  169. package/dist/runtime/prose/Img.vue +1 -1
  170. package/dist/runtime/prose/Li.vue +1 -1
  171. package/dist/runtime/prose/Ol.vue +1 -1
  172. package/dist/runtime/prose/P.vue +1 -1
  173. package/dist/runtime/prose/Pre.vue +1 -1
  174. package/dist/runtime/prose/Strong.vue +1 -1
  175. package/dist/runtime/prose/Table.vue +1 -1
  176. package/dist/runtime/prose/Tbody.vue +1 -1
  177. package/dist/runtime/prose/Td.vue +1 -1
  178. package/dist/runtime/prose/Th.vue +1 -1
  179. package/dist/runtime/prose/Thead.vue +1 -1
  180. package/dist/runtime/prose/Tr.vue +1 -1
  181. package/dist/runtime/prose/Ul.vue +1 -1
  182. package/dist/runtime/types/form.d.ts +11 -10
  183. package/dist/runtime/types/index.d.ts +1 -0
  184. package/dist/runtime/types/index.js +1 -0
  185. package/dist/runtime/types/locale.d.ts +1 -0
  186. package/dist/runtime/types/tv.d.ts +53 -0
  187. package/dist/runtime/types/tv.js +0 -0
  188. package/dist/runtime/types/utils.d.ts +4 -51
  189. package/dist/runtime/types/utils.js +1 -0
  190. package/dist/runtime/utils/link.d.ts +1 -0
  191. package/dist/runtime/utils/link.js +12 -0
  192. package/dist/runtime/vue/components/Link.vue +26 -40
  193. package/dist/runtime/vue/composables/useAppConfig.js +3 -1
  194. package/dist/runtime/vue/stubs.d.ts +1 -1
  195. package/dist/runtime/vue/stubs.js +1 -1
  196. package/dist/shared/{b24ui-nuxt.jU270f-Q.mjs → b24ui-nuxt.CxsFEY3M.mjs} +268 -122
  197. package/dist/unplugin.d.mts +2 -2
  198. package/dist/unplugin.mjs +6 -3
  199. package/dist/vite.d.mts +1 -1
  200. package/dist/vite.mjs +2 -2
  201. package/package.json +30 -29
package/dist/module.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bitrix24/b24ui-nuxt",
3
- "version": "0.6.8",
3
+ "version": "0.7.1",
4
4
  "docs": "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html",
5
5
  "configKey": "b24ui",
6
6
  "compatibility": {
package/dist/module.mjs CHANGED
@@ -1,11 +1,12 @@
1
1
  import { defu } from 'defu';
2
2
  import { defineNuxtModule, createResolver, addVitePlugin, addPlugin, addComponentsDir, addImportsDir, hasNuxtModule, installModule } from '@nuxt/kit';
3
- import { d as defaultOptions, a as getDefaultUiConfig, b as addTemplates } from './shared/b24ui-nuxt.jU270f-Q.mjs';
3
+ import { d as defaultOptions, a as getDefaultUiConfig, b as addTemplates } from './shared/b24ui-nuxt.CxsFEY3M.mjs';
4
4
  import 'node:url';
5
5
  import 'scule';
6
+ import 'knitwork';
6
7
 
7
8
  const name = "@bitrix24/b24ui-nuxt";
8
- const version = "0.6.8";
9
+ const version = "0.7.1";
9
10
 
10
11
  const module = defineNuxtModule({
11
12
  meta: {
@@ -39,7 +40,14 @@ const module = defineNuxtModule({
39
40
  }
40
41
  }
41
42
  if (options.colorMode) {
42
- await registerModule("@nuxtjs/color-mode", "colorMode", { classSuffix: "", disableTransition: true });
43
+ await registerModule(
44
+ "@nuxtjs/color-mode",
45
+ "colorMode",
46
+ {
47
+ classSuffix: "",
48
+ disableTransition: true
49
+ }
50
+ );
43
51
  }
44
52
  addPlugin({ src: resolve("./runtime/plugins/colors") });
45
53
  addComponentsDir({
package/dist/runtime/air-design-tokens.css ADDED
@@ -0,0 +1 @@
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/Accordion.vue ADDED
@@ -0,0 +1,96 @@
1
+ <script>
2
+ import theme from "#build/b24ui/accordion";
3
+ </script>
4
+
5
+ <script setup>
6
+ import { computed } from "vue";
7
+ import { AccordionRoot, AccordionItem, AccordionHeader, AccordionTrigger, AccordionContent, useForwardPropsEmits } from "reka-ui";
8
+ import { reactivePick } from "@vueuse/core";
9
+ import { useAppConfig } from "#imports";
10
+ import { get } from "../utils";
11
+ import { tv } from "../utils/tv";
12
+ import icons from "../dictionary/icons";
13
+ const props = defineProps({
14
+ as: { type: null, required: false },
15
+ items: { type: Array, required: false },
16
+ trailingIcon: { type: [Function, Object], required: false },
17
+ labelKey: { type: String, required: false, default: "label" },
18
+ class: { type: null, required: false },
19
+ b24ui: { type: null, required: false },
20
+ collapsible: { type: Boolean, required: false, default: true },
21
+ defaultValue: { type: null, required: false },
22
+ modelValue: { type: null, required: false },
23
+ type: { type: String, required: false, default: "single" },
24
+ disabled: { type: Boolean, required: false },
25
+ unmountOnHide: { type: Boolean, required: false, default: true }
26
+ });
27
+ const emits = defineEmits(["update:modelValue"]);
28
+ const slots = defineSlots();
29
+ const appConfig = useAppConfig();
30
+ const rootProps = useForwardPropsEmits(reactivePick(props, "as", "collapsible", "defaultValue", "disabled", "modelValue", "type", "unmountOnHide"), emits);
31
+ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.accordion || {} })({
32
+ disabled: props.disabled
33
+ }));
34
+ </script>
35
+
36
+ <template>
37
+ <AccordionRoot v-bind="rootProps" :class="b24ui.root({ class: [props.b24ui?.root, props.class] })">
38
+ <AccordionItem
39
+ v-for="(item, index) in props.items"
40
+ v-slot="{ open }"
41
+ :key="index"
42
+ :value="item.value || String(index)"
43
+ :disabled="item.disabled"
44
+ :class="b24ui.item({ class: [props.b24ui?.item, item.b24ui?.item, item.class] })"
45
+ >
46
+ <AccordionHeader as="div" :class="b24ui.header({ class: [props.b24ui?.header, item.b24ui?.header] })">
47
+ <AccordionTrigger :class="b24ui.trigger({ class: [props.b24ui?.trigger, item.b24ui?.trigger], disabled: item.disabled })">
48
+ <slot name="leading" :item="item" :index="index" :open="open">
49
+ <Component
50
+ :is="item.icon"
51
+ v-if="item.icon"
52
+ :class="b24ui.leadingIcon({ class: [props.b24ui?.leadingIcon, item?.b24ui?.leadingIcon] })"
53
+ />
54
+ </slot>
55
+
56
+ <span
57
+ v-if="get(item, props.labelKey) || !!slots.default"
58
+ :class="b24ui.label({ class: [props.b24ui?.label, item.b24ui?.label] })"
59
+ >
60
+ <slot :item="item" :index="index" :open="open">{{ get(item, props.labelKey) }}</slot>
61
+ </span>
62
+
63
+ <slot name="trailing" :item="item" :index="index" :open="open">
64
+ <Component
65
+ :is="item.trailingIcon || trailingIcon || icons.chevronDown"
66
+ :class="b24ui.trailingIcon({ class: [props.b24ui?.trailingIcon, item.b24ui?.trailingIcon] })"
67
+ />
68
+ </slot>
69
+ </AccordionTrigger>
70
+ </AccordionHeader>
71
+
72
+ <AccordionContent
73
+ v-if="item.content || !!slots.content || item.slot && !!slots[item.slot] || !!slots.body || item.slot && !!slots[`${item.slot}-body`]"
74
+ :class="b24ui.content({ class: [props.b24ui?.content, item.b24ui?.content] })"
75
+ >
76
+ <slot
77
+ :name="item.slot || 'content'"
78
+ :item="item"
79
+ :index="index"
80
+ :open="open"
81
+ >
82
+ <div :class="b24ui.body({ class: [props.b24ui?.body, item.b24ui?.body] })">
83
+ <slot
84
+ :name="item.slot ? `${item.slot}-body` : 'body'"
85
+ :item="item"
86
+ :index="index"
87
+ :open="open"
88
+ >
89
+ {{ item.content }}
90
+ </slot>
91
+ </div>
92
+ </slot>
93
+ </AccordionContent>
94
+ </AccordionItem>
95
+ </AccordionRoot>
96
+ </template>
package/dist/runtime/components/Accordion.vue.d.ts ADDED
@@ -0,0 +1,78 @@
1
+ import type { AccordionRootProps, AccordionRootEmits } from 'reka-ui';
2
+ import type { AppConfig } from '@nuxt/schema';
3
+ import theme from '#build/b24ui/accordion';
4
+ import type { IconComponent } from '../types';
5
+ import type { DynamicSlots, ComponentConfig } from '../types/utils';
6
+ type Accordion = ComponentConfig<typeof theme, AppConfig, 'accordion'>;
7
+ export interface AccordionItem {
8
+ label?: string;
9
+ /**
10
+ * @IconComponent
11
+ */
12
+ icon?: IconComponent;
13
+ /**
14
+ * @IconComponent
15
+ */
16
+ trailingIcon?: IconComponent;
17
+ slot?: string;
18
+ content?: string;
19
+ /** A unique value for the accordion item. Defaults to the index. */
20
+ value?: string;
21
+ disabled?: boolean;
22
+ class?: any;
23
+ b24ui?: Pick<Accordion['slots'], 'item' | 'header' | 'trigger' | 'leadingIcon' | 'label' | 'trailingIcon' | 'content' | 'body'>;
24
+ [key: string]: any;
25
+ }
26
+ export interface AccordionProps<T extends AccordionItem = AccordionItem> extends Pick<AccordionRootProps, 'collapsible' | 'defaultValue' | 'modelValue' | 'type' | 'disabled' | 'unmountOnHide'> {
27
+ /**
28
+ * The element or component this component should render as.
29
+ * @defaultValue 'div'
30
+ */
31
+ as?: any;
32
+ items?: T[];
33
+ /**
34
+ * The icon displayed on the right side of the trigger.
35
+ * @defaultValue icons.chevronDown
36
+ * @IconComponent
37
+ */
38
+ trailingIcon?: IconComponent;
39
+ /**
40
+ * The key used to get the label from the item.
41
+ * @defaultValue 'label'
42
+ */
43
+ labelKey?: string;
44
+ class?: any;
45
+ b24ui?: Accordion['slots'];
46
+ }
47
+ export interface AccordionEmits extends AccordionRootEmits {
48
+ }
49
+ type SlotProps<T extends AccordionItem> = (props: {
50
+ item: T;
51
+ index: number;
52
+ open: boolean;
53
+ }) => any;
54
+ export type AccordionSlots<T extends AccordionItem = AccordionItem> = {
55
+ leading: SlotProps<T>;
56
+ default: SlotProps<T>;
57
+ trailing: SlotProps<T>;
58
+ content: SlotProps<T>;
59
+ body: SlotProps<T>;
60
+ } & DynamicSlots<T, 'body', {
61
+ index: number;
62
+ open: boolean;
63
+ }>;
64
+ declare const _default: <T extends AccordionItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
65
+ props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
66
+ readonly "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
67
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & AccordionProps<T> & Partial<{}>> & import("vue").PublicProps;
68
+ expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
69
+ attrs: any;
70
+ slots: AccordionSlots<T>;
71
+ emit: (evt: "update:modelValue", value: string | string[] | undefined) => void;
72
+ }>) => import("vue").VNode & {
73
+ __ctx?: Awaited<typeof __VLS_setup>;
74
+ };
75
+ export default _default;
76
+ type __VLS_PrettifyLocal<T> = {
77
+ [K in keyof T]: T[K];
78
+ } & {};
package/dist/runtime/components/Advice.vue CHANGED
@@ -31,7 +31,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.advice
31
31
  </script>
32
32
 
33
33
  <template>
34
- <Primitive :as="as" :class="b24ui.root({ class: [props.class, props.b24ui?.root] })">
34
+ <Primitive :as="as" :class="b24ui.root({ class: [props.b24ui?.root, props.class] })">
35
35
  <div v-if="isLeading || !!avatar || !!slots.leading" :class="b24ui.leading({ class: props.b24ui?.leading })">
36
36
  <slot name="leading">
37
37
  <Component
package/dist/runtime/components/Alert.vue CHANGED
@@ -39,7 +39,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.alert |
39
39
  </script>
40
40
 
41
41
  <template>
42
- <Primitive :as="as" :data-orientation="orientation" :class="b24ui.root({ class: [props.class, props.b24ui?.root] })">
42
+ <Primitive :as="as" :data-orientation="orientation" :class="b24ui.root({ class: [props.b24ui?.root, props.class] })">
43
43
  <slot name="leading">
44
44
  <Component
45
45
  :is="icon"
package/dist/runtime/components/App.vue CHANGED
@@ -15,7 +15,7 @@ import B24OverlayProvider from "./OverlayProvider.vue";
15
15
  const props = defineProps({
16
16
  tooltip: { type: Object, required: false },
17
17
  toaster: { type: [Object, null], required: false },
18
- locale: { type: Object, required: false },
18
+ locale: { type: null, required: false },
19
19
  portal: { type: null, required: false, default: "body" },
20
20
  scrollBody: { type: [Boolean, Object], required: false },
21
21
  nonce: { type: String, required: false }
package/dist/runtime/components/Avatar.vue CHANGED
@@ -9,6 +9,7 @@ import { useAppConfig } from "#imports";
9
9
  import ImageComponent from "#build/b24ui-image-component";
10
10
  import { useAvatarGroup } from "../composables/useAvatarGroup";
11
11
  import { tv } from "../utils/tv";
12
+ import B24Chip from "./Chip.vue";
12
13
  defineOptions({ inheritAttrs: false });
13
14
  const props = defineProps({
14
15
  as: { type: null, required: false, default: "span" },
@@ -17,6 +18,7 @@ const props = defineProps({
17
18
  icon: { type: [Function, Object], required: false },
18
19
  text: { type: String, required: false },
19
20
  size: { type: null, required: false },
21
+ chip: { type: [Boolean, Object], required: false },
20
22
  class: { type: null, required: false },
21
23
  style: { type: null, required: false },
22
24
  b24ui: { type: null, required: false }
@@ -52,7 +54,13 @@ function onError() {
52
54
  </script>
53
55
 
54
56
  <template>
55
- <Primitive :as="as" :class="b24ui.root({ class: [props.class, props.b24ui?.root] })" :style="props.style">
57
+ <component
58
+ :is="props.chip ? B24Chip : Primitive"
59
+ :as="as"
60
+ v-bind="props.chip ? typeof props.chip === 'object' ? { inset: true, ...props.chip } : { inset: true } : {}"
61
+ :class="b24ui.root({ class: [props.b24ui?.root, props.class] })"
62
+ :style="props.style"
63
+ >
56
64
  <component
57
65
  :is="ImageComponent"
58
66
  v-if="src && !error"
@@ -69,8 +77,8 @@ function onError() {
69
77
  <Slot v-else v-bind="$attrs">
70
78
  <slot>
71
79
  <Component :is="icon" v-if="icon" :class="b24ui.icon({ class: props.b24ui?.icon })" />
72
- <span v-else :class="b24ui.fallback({ class: props.b24ui?.fallback })">{{ fallback || '\xA0' }}</span>
80
+ <span v-else :class="b24ui.fallback({ class: props.b24ui?.fallback })">{{ fallback || "\xA0" }}</span>
73
81
  </slot>
74
82
  </Slot>
75
- </Primitive>
83
+ </component>
76
84
  </template>
package/dist/runtime/components/Avatar.vue.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import type { AppConfig } from '@nuxt/schema';
2
2
  import theme from '#build/b24ui/avatar';
3
+ import type { IconComponent, ChipProps } from '../types';
3
4
  import type { ComponentConfig } from '../types/utils';
4
- import type { IconComponent } from '../types';
5
5
  type Avatar = ComponentConfig<typeof theme, AppConfig, 'avatar'>;
6
6
  export interface AvatarProps {
7
7
  /**
@@ -21,6 +21,7 @@ export interface AvatarProps {
21
21
  * @defaultValue 'md'
22
22
  */
23
23
  size?: Avatar['variants']['size'];
24
+ chip?: boolean | ChipProps;
24
25
  class?: any;
25
26
  style?: any;
26
27
  b24ui?: Avatar['slots'];
package/dist/runtime/components/AvatarGroup.vue CHANGED
@@ -58,7 +58,7 @@ provide(avatarGroupInjectionKey, computed(() => ({
58
58
  </script>
59
59
 
60
60
  <template>
61
- <Primitive :as="as" :class="b24ui.root({ class: [props.class, props.b24ui?.root] })">
61
+ <Primitive :as="as" :class="b24ui.root({ class: [props.b24ui?.root, props.class] })">
62
62
  <component :is="avatar" v-for="(avatar, count) in visibleAvatars" :key="count" :class="b24ui.base({ class: props.b24ui?.base })" />
63
63
  <B24Avatar v-if="hiddenCount > 0" :text="`+${hiddenCount}`" :class="b24ui.base({ class: props.b24ui?.base })" />
64
64
  </Primitive>
package/dist/runtime/components/Badge.vue CHANGED
@@ -17,6 +17,7 @@ const props = defineProps({
17
17
  color: { type: null, required: false },
18
18
  depth: { type: null, required: false },
19
19
  size: { type: null, required: false },
20
+ square: { type: Boolean, required: false },
20
21
  useLink: { type: Boolean, required: false },
21
22
  useClose: { type: Boolean, required: false },
22
23
  onCloseClick: { type: [Function, Array], required: false },
@@ -28,7 +29,7 @@ const props = defineProps({
28
29
  trailing: { type: Boolean, required: false },
29
30
  trailingIcon: { type: [Function, Object], required: false }
30
31
  });
31
- defineSlots();
32
+ const slots = defineSlots();
32
33
  const appConfig = useAppConfig();
33
34
  async function onCloseClickWrapper(event) {
34
35
  const callbacks = Array.isArray(props.onCloseClick) ? props.onCloseClick : [props.onCloseClick];
@@ -43,6 +44,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.badge |
43
44
  color: props.color,
44
45
  depth: props.depth,
45
46
  size: buttonGroupSize.value || props.size,
47
+ square: props.square || !slots.default && !props.label,
46
48
  buttonGroup: orientation.value,
47
49
  useLink: Boolean(props.useLink),
48
50
  useClose: Boolean(props.useClose),
@@ -54,7 +56,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.badge |
54
56
  <template>
55
57
  <Primitive
56
58
  :as="as"
57
- :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
59
+ :class="b24ui.base({ class: [props.b24ui?.base, props.class] })"
58
60
  >
59
61
  <Primitive
60
62
  :as="as"
@@ -76,7 +78,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.badge |
76
78
 
77
79
  <span :class="b24ui.label({ class: props.b24ui?.label })">
78
80
  <slot>
79
- <span v-if="label">
81
+ <span v-if="label !== void 0 && label !== null">
80
82
  {{ label }}
81
83
  </span>
82
84
  </slot>
package/dist/runtime/components/Badge.vue.d.ts CHANGED
@@ -22,6 +22,8 @@ export interface BadgeProps extends Omit<UseComponentIconsProps, 'loading' | 'lo
22
22
  * @defaultValue 'md'
23
23
  */
24
24
  size?: Badge['variants']['size'];
25
+ /** Render the badge with equal padding on all sides. */
26
+ square?: boolean;
25
27
  /**
26
28
  * Shows 'underline' on hover
27
29
  * @defaultValue false