@bitrix24/b24ui-nuxt 2.0.8 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (165) hide show
  1. package/dist/meta.d.mts +84957 -50082
  2. package/dist/meta.mjs +84957 -50082
  3. package/dist/module.d.mts +13 -1
  4. package/dist/module.json +1 -1
  5. package/dist/module.mjs +8 -7
  6. package/dist/runtime/air-design-tokens/001_b24_global.css +1 -1
  7. package/dist/runtime/air-design-tokens/003_b24_context_light.css +1 -1
  8. package/dist/runtime/air-design-tokens/004_b24_context_dark.css +1 -1
  9. package/dist/runtime/air-design-tokens/005_b24_context_edge-light.css +1 -1
  10. package/dist/runtime/air-design-tokens/006_b24_context_edge-dark.css +1 -1
  11. package/dist/runtime/air-design-tokens/007_b24_global.css +1 -1
  12. package/dist/runtime/air-design-tokens/008_ui_global.css +1 -1
  13. package/dist/runtime/air-design-tokens/009_b24_tools.css +1 -1
  14. package/dist/runtime/air-design-tokens/components/badge-counter.css +1 -1
  15. package/dist/runtime/air-design-tokens/components/button.css +1 -1
  16. package/dist/runtime/air-design-tokens/components/navigation-menu.css +1 -1
  17. package/dist/runtime/air-design-tokens/components/popup.css +1 -1
  18. package/dist/runtime/air-design-tokens/components/scrollbar.css +1 -2
  19. package/dist/runtime/air-design-tokens/index.css +1 -1
  20. package/dist/runtime/components/Advice.d.vue.ts +1 -1
  21. package/dist/runtime/components/Advice.vue +1 -3
  22. package/dist/runtime/components/Advice.vue.d.ts +1 -1
  23. package/dist/runtime/components/App.d.vue.ts +1 -1
  24. package/dist/runtime/components/App.vue +2 -1
  25. package/dist/runtime/components/App.vue.d.ts +1 -1
  26. package/dist/runtime/components/Avatar.d.vue.ts +2 -1
  27. package/dist/runtime/components/Avatar.vue.d.ts +2 -1
  28. package/dist/runtime/components/Button.vue +1 -0
  29. package/dist/runtime/components/ChatPrompt.d.vue.ts +2 -2
  30. package/dist/runtime/components/ChatPrompt.vue +5 -5
  31. package/dist/runtime/components/ChatPrompt.vue.d.ts +2 -2
  32. package/dist/runtime/components/ChatPromptSubmit.d.vue.ts +5 -5
  33. package/dist/runtime/components/ChatPromptSubmit.vue +53 -4
  34. package/dist/runtime/components/ChatPromptSubmit.vue.d.ts +5 -5
  35. package/dist/runtime/components/Checkbox.d.vue.ts +2 -1
  36. package/dist/runtime/components/Checkbox.vue.d.ts +2 -1
  37. package/dist/runtime/components/CommandPalette.vue +5 -4
  38. package/dist/runtime/components/DashboardSearch.d.vue.ts +3 -6
  39. package/dist/runtime/components/DashboardSearch.vue +2 -3
  40. package/dist/runtime/components/DashboardSearch.vue.d.ts +3 -6
  41. package/dist/runtime/components/DashboardSearchButton.d.vue.ts +2 -3
  42. package/dist/runtime/components/DashboardSearchButton.vue +44 -6
  43. package/dist/runtime/components/DashboardSearchButton.vue.d.ts +2 -3
  44. package/dist/runtime/components/Error.d.vue.ts +1 -1
  45. package/dist/runtime/components/Error.vue.d.ts +1 -1
  46. package/dist/runtime/components/FileUpload.d.vue.ts +3 -2
  47. package/dist/runtime/components/FileUpload.vue +9 -9
  48. package/dist/runtime/components/FileUpload.vue.d.ts +3 -2
  49. package/dist/runtime/components/Form.d.vue.ts +3 -2
  50. package/dist/runtime/components/Form.vue +3 -4
  51. package/dist/runtime/components/Form.vue.d.ts +3 -2
  52. package/dist/runtime/components/Input.d.vue.ts +7 -7
  53. package/dist/runtime/components/Input.vue +2 -2
  54. package/dist/runtime/components/Input.vue.d.ts +7 -7
  55. package/dist/runtime/components/InputDate.d.vue.ts +115 -0
  56. package/dist/runtime/components/InputDate.vue +198 -0
  57. package/dist/runtime/components/InputDate.vue.d.ts +115 -0
  58. package/dist/runtime/components/InputMenu.d.vue.ts +7 -128
  59. package/dist/runtime/components/InputMenu.vue +3 -3
  60. package/dist/runtime/components/InputMenu.vue.d.ts +7 -128
  61. package/dist/runtime/components/InputNumber.d.vue.ts +25 -124
  62. package/dist/runtime/components/InputNumber.vue +3 -3
  63. package/dist/runtime/components/InputNumber.vue.d.ts +25 -124
  64. package/dist/runtime/components/InputTags.d.vue.ts +6 -109
  65. package/dist/runtime/components/InputTags.vue +8 -8
  66. package/dist/runtime/components/InputTags.vue.d.ts +6 -109
  67. package/dist/runtime/components/InputTime.d.vue.ts +99 -0
  68. package/dist/runtime/components/InputTime.vue +170 -0
  69. package/dist/runtime/components/InputTime.vue.d.ts +99 -0
  70. package/dist/runtime/components/Link.d.vue.ts +4 -49
  71. package/dist/runtime/components/Link.vue +1 -0
  72. package/dist/runtime/components/Link.vue.d.ts +4 -49
  73. package/dist/runtime/components/Modal.d.vue.ts +6 -1
  74. package/dist/runtime/components/Modal.vue +37 -9
  75. package/dist/runtime/components/Modal.vue.d.ts +6 -1
  76. package/dist/runtime/components/Pagination.d.vue.ts +2 -2
  77. package/dist/runtime/components/Pagination.vue.d.ts +2 -2
  78. package/dist/runtime/components/PinInput.d.vue.ts +3 -3
  79. package/dist/runtime/components/PinInput.vue.d.ts +3 -3
  80. package/dist/runtime/components/Progress.d.vue.ts +1 -1
  81. package/dist/runtime/components/Progress.vue.d.ts +1 -1
  82. package/dist/runtime/components/Select.d.vue.ts +6 -107
  83. package/dist/runtime/components/Select.vue +3 -3
  84. package/dist/runtime/components/Select.vue.d.ts +6 -107
  85. package/dist/runtime/components/SelectMenu.d.vue.ts +7 -106
  86. package/dist/runtime/components/SelectMenu.vue +3 -3
  87. package/dist/runtime/components/SelectMenu.vue.d.ts +7 -106
  88. package/dist/runtime/components/Slideover.d.vue.ts +1 -1
  89. package/dist/runtime/components/Slideover.vue.d.ts +1 -1
  90. package/dist/runtime/components/Switch.d.vue.ts +2 -1
  91. package/dist/runtime/components/Switch.vue.d.ts +2 -1
  92. package/dist/runtime/components/Table.d.vue.ts +5 -4
  93. package/dist/runtime/components/Table.vue +4 -3
  94. package/dist/runtime/components/Table.vue.d.ts +5 -4
  95. package/dist/runtime/components/Textarea.d.vue.ts +7 -6
  96. package/dist/runtime/components/Textarea.vue +2 -2
  97. package/dist/runtime/components/Textarea.vue.d.ts +7 -6
  98. package/dist/runtime/components/Toast.vue +5 -5
  99. package/dist/runtime/components/Toaster.d.vue.ts +1 -1
  100. package/dist/runtime/components/Toaster.vue.d.ts +1 -1
  101. package/dist/runtime/components/color-mode/ColorModeAvatar.d.vue.ts +3 -3
  102. package/dist/runtime/components/color-mode/ColorModeAvatar.vue +16 -4
  103. package/dist/runtime/components/color-mode/ColorModeAvatar.vue.d.ts +3 -3
  104. package/dist/runtime/components/color-mode/ColorModeButton.d.vue.ts +3 -3
  105. package/dist/runtime/components/color-mode/ColorModeButton.vue +54 -6
  106. package/dist/runtime/components/color-mode/ColorModeButton.vue.d.ts +3 -3
  107. package/dist/runtime/components/color-mode/ColorModeImage.d.vue.ts +4 -3
  108. package/dist/runtime/components/color-mode/ColorModeImage.vue +4 -0
  109. package/dist/runtime/components/color-mode/ColorModeImage.vue.d.ts +4 -3
  110. package/dist/runtime/components/color-mode/ColorModeSelect.d.vue.ts +5 -3
  111. package/dist/runtime/components/color-mode/ColorModeSelect.vue +47 -5
  112. package/dist/runtime/components/color-mode/ColorModeSelect.vue.d.ts +5 -3
  113. package/dist/runtime/components/color-mode/ColorModeSwitch.d.vue.ts +2 -2
  114. package/dist/runtime/components/color-mode/ColorModeSwitch.vue +29 -5
  115. package/dist/runtime/components/color-mode/ColorModeSwitch.vue.d.ts +2 -2
  116. package/dist/runtime/components/content/ContentSearch.d.vue.ts +3 -6
  117. package/dist/runtime/components/content/ContentSearch.vue +2 -3
  118. package/dist/runtime/components/content/ContentSearch.vue.d.ts +3 -6
  119. package/dist/runtime/components/content/ContentSearchButton.d.vue.ts +2 -3
  120. package/dist/runtime/components/content/ContentSearchButton.vue +43 -5
  121. package/dist/runtime/components/content/ContentSearchButton.vue.d.ts +2 -3
  122. package/dist/runtime/components/content/ContentSurround.vue +7 -1
  123. package/dist/runtime/components/locale/LocaleSelect.d.vue.ts +11 -7
  124. package/dist/runtime/components/locale/LocaleSelect.vue +50 -6
  125. package/dist/runtime/components/locale/LocaleSelect.vue.d.ts +11 -7
  126. package/dist/runtime/components/prose/Callout.vue +4 -0
  127. package/dist/runtime/composables/index.d.ts +8 -0
  128. package/dist/runtime/composables/index.js +8 -0
  129. package/dist/runtime/composables/useFileUpload.d.ts +2 -1
  130. package/dist/runtime/composables/useFileUpload.js +13 -4
  131. package/dist/runtime/index.css +1 -1
  132. package/dist/runtime/inertia/components/Link.d.vue.ts +17 -10
  133. package/dist/runtime/inertia/components/Link.vue +8 -6
  134. package/dist/runtime/inertia/components/Link.vue.d.ts +17 -10
  135. package/dist/runtime/inertia/stubs.d.ts +1 -1
  136. package/dist/runtime/plugins/colors.js +4 -8
  137. package/dist/runtime/types/html.d.ts +8 -0
  138. package/dist/runtime/types/index.d.ts +2 -0
  139. package/dist/runtime/types/index.js +2 -0
  140. package/dist/runtime/types/input.d.ts +5 -5
  141. package/dist/runtime/types/utils.d.ts +2 -0
  142. package/dist/runtime/utils/content.d.ts +2 -2
  143. package/dist/runtime/utils/dashboard.d.ts +1 -1
  144. package/dist/runtime/utils/link.d.ts +1 -0
  145. package/dist/runtime/utils/link.js +40 -24
  146. package/dist/runtime/vue/components/Link.d.vue.ts +8 -37
  147. package/dist/runtime/vue/components/Link.vue +6 -11
  148. package/dist/runtime/vue/components/Link.vue.d.ts +8 -37
  149. package/dist/runtime/vue/components/color-mode/ColorModeButton.d.vue.ts +2 -2
  150. package/dist/runtime/vue/components/color-mode/ColorModeButton.vue +55 -5
  151. package/dist/runtime/vue/components/color-mode/ColorModeButton.vue.d.ts +2 -2
  152. package/dist/runtime/vue/components/color-mode/ColorModeSelect.d.vue.ts +5 -3
  153. package/dist/runtime/vue/components/color-mode/ColorModeSelect.vue +46 -3
  154. package/dist/runtime/vue/components/color-mode/ColorModeSelect.vue.d.ts +5 -3
  155. package/dist/runtime/vue/components/color-mode/ColorModeSwitch.d.vue.ts +1 -1
  156. package/dist/runtime/vue/components/color-mode/ColorModeSwitch.vue +24 -3
  157. package/dist/runtime/vue/components/color-mode/ColorModeSwitch.vue.d.ts +1 -1
  158. package/dist/runtime/vue/stubs.d.ts +2 -2
  159. package/dist/runtime/vue/stubs.js +1 -1
  160. package/dist/shared/{b24ui-nuxt.CEMVb5Ee.mjs → b24ui-nuxt.CXLCGBie.mjs} +353 -128
  161. package/dist/unplugin.d.mts +3 -1
  162. package/dist/unplugin.mjs +4 -3
  163. package/dist/vite.mjs +3 -3
  164. package/package.json +27 -17
  165. /package/dist/runtime/{air-design-tokens/002_b24_context_utility.css → types/html.js} +0 -0
package/dist/runtime/air-design-tokens/006_b24_context_edge-dark.css CHANGED
@@ -1 +1 @@
1
- @variant edge-dark (&:where(.edge-dark, .edge-dark *));@layer base{body{@apply edge-dark:scheme-light}.edge-dark{--air-theme-bg-image:none;--air-theme-bg-image-blurred:none;--air-theme-bg-position:0 0;--air-theme-bg-size:auto;--air-theme-bg-repeat:repeat;--air-theme-bg-attachment:scroll;--air-theme-bg-color:#545d6b}.edge-dark.--inner{--air-theme-bg-color:var(--ui-color-bg-content-light)}.edge-dark{--b24ui-typography-legend-color:var(--ui-color-design-plain-na-content);--b24ui-typography-label-color:var(--ui-color-design-plain-content);--b24ui-typography-description-color:var(--ui-color-design-plain-na-content);--b24ui-icon-color:var(--ui-color-base-5);--b24ui-icon-color-hover:color-mix(in srgb,var(--ui-color-base-5) 100%,var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity));--ui-color-base-0:#fff;--ui-color-base-1:#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:#ffffff00;--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-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}}
1
+ @layer theme{.edge-dark{--air-theme-bg-image:none;--air-theme-bg-image-blurred:none;--air-theme-bg-position:0 0;--air-theme-bg-size:auto;--air-theme-bg-repeat:repeat;--air-theme-bg-attachment:scroll;--air-theme-bg-color:#545d6b}.edge-dark.--inner{--air-theme-bg-color:var(--ui-color-bg-content-light)}.edge-dark{--b24ui-typography-legend-color:var(--ui-color-design-plain-na-content);--b24ui-typography-label-color:var(--ui-color-design-plain-content);--b24ui-typography-description-color:var(--ui-color-design-plain-na-content);--b24ui-icon-color:var(--ui-color-base-5);--b24ui-icon-color-hover:color-mix(in srgb,var(--ui-color-base-5) 100%,var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity));--ui-color-base-0:#fff;--ui-color-base-1:#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:#ffffff00;--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-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}}
package/dist/runtime/air-design-tokens/007_b24_global.css CHANGED
@@ -1 +1 @@
1
- :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}:root,body{--mib-radius:var(--ui-border-radius-md);--ui-btn-radius:var(--ui-border-radius-2xs);--ui-alert-border-radius:var(--ui-border-radius-md);--ui-field-border-radius:var(--ui-border-radius-2xs);--main-grid-border-radius:var(--ui-border-radius-md);--ui-form-section-border-radius:var(--ui-border-radius-md);--ui-form-collapse-block-border-radius:var(--ui-border-radius-sm);--ui-font-family-primary:var(--ui-font-family-system);--ui-font-family-secondary:var(--ui-font-family-system)}
1
+ @layer theme{:host,: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}:host,:root,body{--mib-radius:var(--ui-border-radius-md);--ui-btn-radius:var(--ui-border-radius-2xs);--ui-alert-border-radius:var(--ui-border-radius-md);--ui-field-border-radius:var(--ui-border-radius-2xs);--main-grid-border-radius:var(--ui-border-radius-md);--ui-form-section-border-radius:var(--ui-border-radius-md);--ui-form-collapse-block-border-radius:var(--ui-border-radius-sm);--ui-font-family-primary:var(--ui-font-family-system);--ui-font-family-secondary:var(--ui-font-family-system)}}
package/dist/runtime/air-design-tokens/008_ui_global.css CHANGED
@@ -1 +1 @@
1
- @layer base{body{@apply antialiased font-(family-name:--ui-font-family-system)}}@layer theme{:host,:root{--spacing:.25rem;--content-area-shift:22px}}@layer components{.style-filled{--b24ui-background:var(--ui-color-design-filled-bg);--b24ui-border-color:var(--ui-color-design-filled-stroke);--b24ui-border-width:var(--ui-design-filled-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-content-icon-secondary);--b24ui-color:var(--ui-color-design-filled-content);--b24ui-split-divider-color:var(--ui-color-design-filled-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-inverted{--b24ui-background:var(--ui-color-design-filled-content);--b24ui-border-color:var(--ui-color-design-filled-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-content-icon-secondary);--b24ui-color:var(--ui-color-design-filled-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-success{--b24ui-background:var(--ui-color-design-filled-success-bg);--b24ui-border-color:var(--ui-color-design-filled-success-stroke);--b24ui-border-width:var(--ui-design-filled-success-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-success-content-icon);--b24ui-color:var(--ui-color-design-filled-success-content);--b24ui-split-divider-color:var(--ui-color-design-filled-success-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-success-inverted{--b24ui-background:var(--ui-color-design-filled-success-content);--b24ui-border-color:var(--ui-color-design-filled-success-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-success-content-icon);--b24ui-color:var(--ui-color-design-filled-success-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-success-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-alert{--b24ui-background:var(--ui-color-design-filled-alert-bg);--b24ui-border-color:var(--ui-color-design-filled-alert-stroke);--b24ui-border-width:var(--ui-design-filled-success-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-alert-content-icon-secondary);--b24ui-color:var(--ui-color-design-filled-alert-content);--b24ui-split-divider-color:var(--ui-color-design-filled-alert-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-alert:has([aria-invalid=true]),.style-filled-alert[aria-invalid=true],[aria-invalid=true] .style-filled-alert{--b24ui-border-color:var(--ui-color-accent-main-alert)}.style-filled-alert-inverted{--b24ui-background:var(--ui-color-design-filled-alert-content);--b24ui-border-color:var(--ui-color-design-filled-alert-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-alert-content-icon-secondary);--b24ui-color:var(--ui-color-design-filled-alert-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-alert-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-copilot{--b24ui-background:var(--ui-color-design-filled-copilot-bg);--b24ui-border-color:var(--ui-color-design-filled-copilot-stroke);--b24ui-border-width:var(--ui-design-filled-copilot-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-copilot-stroke);--b24ui-color:var(--ui-color-design-filled-copilot-content);--b24ui-split-divider-color:var(--ui-color-design-filled-copilot-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-copilot-inverted{--b24ui-background:var(--ui-color-design-filled-copilot-content);--b24ui-border-color:var(--ui-color-design-filled-copilot-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-copilot-stroke);--b24ui-color:var(--ui-color-design-filled-copilot-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-copilot-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-warning{--b24ui-background:var(--ui-color-design-filled-warning-bg);--b24ui-border-color:var(--ui-color-design-filled-warning-stroke);--b24ui-border-width:var(--ui-design-filled-warning-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-warning-content-icon);--b24ui-color:var(--ui-color-design-filled-warning-content);--b24ui-split-divider-color:var(--ui-color-design-filled-warning-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-warning-inverted{--b24ui-background:var(--ui-color-design-filled-warning-content);--b24ui-border-color:var(--ui-color-design-filled-warning-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-warning-content-icon);--b24ui-color:var(--ui-color-design-filled-warning-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-warning-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-no-accent{--b24ui-background:var(--ui-color-design-filled-na-bg-secondary);--b24ui-border-color:transparent;--b24ui-border-width:var(--ui-design-filled-na-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-na-content-icon);--b24ui-color:var(--ui-color-design-filled-na-content);--b24ui-split-divider-color:var(--ui-color-design-filled-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-no-accent-inverted{--b24ui-background:var(--ui-color-design-filled-na-content);--b24ui-border-color:var(--ui-color-design-filled-na-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-na-content-icon);--b24ui-color:var(--ui-color-design-filled-na-bg-secondary);--b24ui-split-divider-color:var(--ui-color-design-filled-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-black{--b24ui-background:var(--ui-color-design-filled-black-bg);--b24ui-border-color:var(--ui-color-design-filled-black-stroke);--b24ui-border-width:var(--ui-design-filled-black-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-black-content-icon);--b24ui-color:var(--ui-color-design-filled-black-content);--b24ui-split-divider-color:var(--ui-color-design-filled-black-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-black-inverted{--b24ui-background:var(--ui-color-design-filled-black-content);--b24ui-border-color:var(--ui-color-design-filled-black-stroke);--b24ui-border-width:var(--ui-design-filled-black-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-black-content-icon);--b24ui-color:var(--ui-color-design-filled-black-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-black-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-tinted{--b24ui-background:var(--ui-color-design-tinted-bg);--b24ui-border-color:var(--ui-color-design-tinted-stroke);--b24ui-border-width:var(--ui-design-tinted-stroke-weight);--b24ui-icon:var(--ui-color-design-tinted-content-icon-secondary);--b24ui-color:var(--ui-color-design-tinted-content);--b24ui-split-divider-color:var(--ui-color-design-tinted-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-tinted-alert{--b24ui-background:var(--ui-color-design-tinted-alert-bg);--b24ui-border-color:var(--ui-color-design-tinted-alert-stroke);--b24ui-border-width:var(--ui-design-tinted-alert-stroke-weight);--b24ui-icon:var(--ui-color-design-tinted-alert-content-icon);--b24ui-color:var(--ui-color-design-tinted-alert-content);--b24ui-split-divider-color:var(--ui-color-design-tinted-alert-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-outline{--b24ui-background:var(--ui-color-design-outline-bg);--b24ui-border-color:var(--ui-color-design-outline-stroke);--b24ui-border-width:var(--ui-design-outline-stroke-weight);--b24ui-icon:var(--ui-color-design-outline-content-icon-alt);--b24ui-color:var(--ui-color-design-outline-content);--b24ui-split-divider-color:var(--ui-color-design-outline-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-outline-accent-1{--b24ui-background:var(--ui-color-design-outline-a1-bg);--b24ui-border-color:var(--ui-color-design-outline-a1-stroke);--b24ui-border-width:var(--ui-design-outline-a1-stroke-weight);--b24ui-icon:var(--ui-color-design-outline-a1-content-icon);--b24ui-color:var(--ui-color-design-outline-a1-content);--b24ui-split-divider-color:var(--ui-color-design-outline-a1-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-outline-accent-2{--b24ui-background:var(--ui-color-design-outline-a2-bg);--b24ui-border-color:var(--ui-color-design-outline-a2-stroke);--b24ui-border-width:var(--ui-design-outline-a2-stroke-weight);--b24ui-icon:var(--ui-color-design-outline-a2-content-icon);--b24ui-color:var(--ui-color-design-outline-a2-content);--b24ui-split-divider-color:var(--ui-color-design-outline-a2-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-outline-no-accent{--b24ui-background:var(--ui-color-design-outline-na-bg);--b24ui-border-color:var(--ui-color-design-outline-na-stroke);--b24ui-border-width:var(--ui-design-outline-na-stroke-weight);--b24ui-icon:var(--ui-color-design-outline-na-content-icon);--b24ui-color:var(--ui-color-design-outline-na-content);--b24ui-split-divider-color:var(--ui-color-design-outline-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-tinted-no-accent-1{--b24ui-background:var(--ui-color-design-tinted-na-bg);--b24ui-border-color:var(--ui-color-design-outline-na-stroke);--b24ui-border-width:var(--ui-design-outline-na-stroke-weight);--b24ui-icon:var(--ui-color-design-outline-na-content-icon);--b24ui-color:var(--ui-color-design-tinted-na-content);--b24ui-split-divider-color:var(--ui-color-design-outline-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-plain{--b24ui-background:var(--ui-color-design-plain-bg);--b24ui-border-color:var(--ui-color-design-plain-stroke);--b24ui-border-width:var(--ui-design-plain-stroke-weight);--b24ui-icon:var(--ui-color-design-plain-content-icon-secondary);--b24ui-color:var(--ui-color-design-plain-content);--b24ui-split-divider-color:var(--ui-color-design-plain-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-plain-accent{--b24ui-background:var(--ui-color-design-plain-a-bg);--b24ui-border-color:var(--ui-color-design-plain-a-stroke);--b24ui-border-width:var(--ui-design-plain-a-stroke-weight);--b24ui-icon:var(--ui-color-design-plain-a-content-icon);--b24ui-color:var(--ui-color-design-plain-a-content);--b24ui-split-divider-color:var(--ui-color-design-plain-a-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-plain-no-accent{--b24ui-background:var(--ui-color-design-plain-na-bg);--b24ui-border-color:var(--ui-color-design-plain-na-stroke);--b24ui-border-width:var(--ui-design-plain-na-stroke-weight);--b24ui-icon:var(--ui-color-design-plain-na-content-icon);--b24ui-color:var(--ui-color-design-plain-na-content);--b24ui-split-divider-color:var(--ui-color-design-plain-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-selection{--b24ui-background:var(--ui-color-design-selection-bg);--b24ui-border-color:var(--ui-color-design-selection-stroke);--b24ui-border-width:var(--ui-design-selection-stroke-weight);--b24ui-color:var(--ui-color-design-selection-content);--b24ui-split-divider-color:var(--ui-color-design-selection-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-boost{--b24ui-background:var(--ui-color-background-transparent);--b24ui-border-color:var(--ui-color-design-filled-boost-stroke);--b24ui-border-width:var(--ui-design-filled-boost-stroke-weight);--b24ui-color:var(--ui-color-design-filled-boost-content);--b24ui-split-divider-color:var(--ui-color-design-filled-boost-content-divider);--hover-color-1:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-1) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--hover-color-2:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-2) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--hover-color-3:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-3) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--active-color-1:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-1) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--active-color-2:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-2) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--active-color-3:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-3) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:radial-gradient(110.42% 110.42% at -10.42% 31.25%,var(--ui-color-design-filled-boost-bg-gradient-1) 0%,var(--ui-color-design-filled-boost-bg-gradient-2) 58.65%,var(--ui-color-design-filled-boost-bg-gradient-3) 100%);--b24ui-background-gradient-hover:radial-gradient(110.42% 110.42% at -10.42% 31.25%,var(--hover-color-1) 0%,var(--hover-color-2) 58.65%,var(--hover-color-3) 100%);--b24ui-background-gradient-active:radial-gradient(110.42% 110.42% at -10.42% 31.25%,var(--active-color-1) 0%,var(--active-color-2) 58.65%,var(--active-color-3) 100%);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));background:var(--b24ui-background-gradient)}.style-old-default{--b24ui-background:var(--ui-color-base-20);--b24ui-border-color:var(--ui-color-base-20);--b24ui-icon:var(--ui-color-base-20);--b24ui-color:var(--ui-color-base-80);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-danger{--b24ui-background:#f1361a;--b24ui-border-color:#f1361a;--b24ui-icon:#f1361a;--b24ui-color:var(--ui-color-on-primary);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-success{--b24ui-background:#bbed21;--b24ui-border-color:#bbed21;--b24ui-icon:#bbed21;--b24ui-color:var(--ui-color-base-90);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-warning{--b24ui-background:rgba(237,218,123,var(--ui-opacity-80));--b24ui-border-color:rgba(237,218,123,var(--ui-opacity-80));--b24ui-icon:rgba(237,218,123,var(--ui-opacity-80));--b24ui-color:#a07f27;--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-primary{--b24ui-background:#3bc8f5;--b24ui-border-color:#3bc8f5;--b24ui-icon:#3bc8f5;--b24ui-color:var(--ui-color-on-primary);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-secondary{--b24ui-background:#c5e7f4;--b24ui-border-color:#aee0f2;--b24ui-icon:#aee0f2;--b24ui-color:var(--ui-color-base-90);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-collab{--b24ui-background:#19cc45;--b24ui-border-color:#19cc45;--b24ui-icon:#19cc45;--b24ui-color:var(--ui-color-palette-white-base);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-ai{--b24ui-background:#935bec;--b24ui-border-color:#935bec;--b24ui-icon:#935bec;--b24ui-color:var(--ui-color-on-primary);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-blurred-bg{background:linear-gradient(to right,var(--ui-color-design-outline-na-bg),var(--ui-color-design-outline-na-bg)),var(--air-theme-background-blurred,none)}.style-blurred-bg-input{background:linear-gradient(to right,var(--ui-color-design-outline-bg-alt),var(--ui-color-design-outline-bg-alt)),var(--main-ui-filter-custom-background,none)}.style-transparent-bg{background:transparent}}
1
+ @layer theme{:host,:root{--spacing:.25rem;--content-area-shift:22px}}@layer components{.style-filled{--b24ui-background:var(--ui-color-design-filled-bg);--b24ui-border-color:var(--ui-color-design-filled-stroke);--b24ui-border-width:var(--ui-design-filled-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-content-icon-secondary);--b24ui-color:var(--ui-color-design-filled-content);--b24ui-split-divider-color:var(--ui-color-design-filled-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-inverted{--b24ui-background:var(--ui-color-design-filled-content);--b24ui-border-color:var(--ui-color-design-filled-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-content-icon-secondary);--b24ui-color:var(--ui-color-design-filled-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-success{--b24ui-background:var(--ui-color-design-filled-success-bg);--b24ui-border-color:var(--ui-color-design-filled-success-stroke);--b24ui-border-width:var(--ui-design-filled-success-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-success-content-icon);--b24ui-color:var(--ui-color-design-filled-success-content);--b24ui-split-divider-color:var(--ui-color-design-filled-success-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-success-inverted{--b24ui-background:var(--ui-color-design-filled-success-content);--b24ui-border-color:var(--ui-color-design-filled-success-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-success-content-icon);--b24ui-color:var(--ui-color-design-filled-success-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-success-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-alert{--b24ui-background:var(--ui-color-design-filled-alert-bg);--b24ui-border-color:var(--ui-color-design-filled-alert-stroke);--b24ui-border-width:var(--ui-design-filled-success-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-alert-content-icon-secondary);--b24ui-color:var(--ui-color-design-filled-alert-content);--b24ui-split-divider-color:var(--ui-color-design-filled-alert-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-alert:has([aria-invalid=true]),.style-filled-alert[aria-invalid=true],[aria-invalid=true] .style-filled-alert{--b24ui-border-color:var(--ui-color-accent-main-alert)}.style-filled-alert-inverted{--b24ui-background:var(--ui-color-design-filled-alert-content);--b24ui-border-color:var(--ui-color-design-filled-alert-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-alert-content-icon-secondary);--b24ui-color:var(--ui-color-design-filled-alert-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-alert-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-copilot{--b24ui-background:var(--ui-color-design-filled-copilot-bg);--b24ui-border-color:var(--ui-color-design-filled-copilot-stroke);--b24ui-border-width:var(--ui-design-filled-copilot-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-copilot-stroke);--b24ui-color:var(--ui-color-design-filled-copilot-content);--b24ui-split-divider-color:var(--ui-color-design-filled-copilot-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-copilot-inverted{--b24ui-background:var(--ui-color-design-filled-copilot-content);--b24ui-border-color:var(--ui-color-design-filled-copilot-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-copilot-stroke);--b24ui-color:var(--ui-color-design-filled-copilot-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-copilot-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-warning{--b24ui-background:var(--ui-color-design-filled-warning-bg);--b24ui-border-color:var(--ui-color-design-filled-warning-stroke);--b24ui-border-width:var(--ui-design-filled-warning-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-warning-content-icon);--b24ui-color:var(--ui-color-design-filled-warning-content);--b24ui-split-divider-color:var(--ui-color-design-filled-warning-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-warning-inverted{--b24ui-background:var(--ui-color-design-filled-warning-content);--b24ui-border-color:var(--ui-color-design-filled-warning-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-warning-content-icon);--b24ui-color:var(--ui-color-design-filled-warning-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-warning-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-no-accent{--b24ui-background:var(--ui-color-design-filled-na-bg-secondary);--b24ui-border-color:transparent;--b24ui-border-width:var(--ui-design-filled-na-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-na-content-icon);--b24ui-color:var(--ui-color-design-filled-na-content);--b24ui-split-divider-color:var(--ui-color-design-filled-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-no-accent-inverted{--b24ui-background:var(--ui-color-design-filled-na-content);--b24ui-border-color:var(--ui-color-design-filled-na-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-na-content-icon);--b24ui-color:var(--ui-color-design-filled-na-bg-secondary);--b24ui-split-divider-color:var(--ui-color-design-filled-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-black{--b24ui-background:var(--ui-color-design-filled-black-bg);--b24ui-border-color:var(--ui-color-design-filled-black-stroke);--b24ui-border-width:var(--ui-design-filled-black-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-black-content-icon);--b24ui-color:var(--ui-color-design-filled-black-content);--b24ui-split-divider-color:var(--ui-color-design-filled-black-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-black-inverted{--b24ui-background:var(--ui-color-design-filled-black-content);--b24ui-border-color:var(--ui-color-design-filled-black-stroke);--b24ui-border-width:var(--ui-design-filled-black-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-black-content-icon);--b24ui-color:var(--ui-color-design-filled-black-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-black-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-tinted{--b24ui-background:var(--ui-color-design-tinted-bg);--b24ui-border-color:var(--ui-color-design-tinted-stroke);--b24ui-border-width:var(--ui-design-tinted-stroke-weight);--b24ui-icon:var(--ui-color-design-tinted-content-icon-secondary);--b24ui-color:var(--ui-color-design-tinted-content);--b24ui-split-divider-color:var(--ui-color-design-tinted-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-tinted-alert{--b24ui-background:var(--ui-color-design-tinted-alert-bg);--b24ui-border-color:var(--ui-color-design-tinted-alert-stroke);--b24ui-border-width:var(--ui-design-tinted-alert-stroke-weight);--b24ui-icon:var(--ui-color-design-tinted-alert-content-icon);--b24ui-color:var(--ui-color-design-tinted-alert-content);--b24ui-split-divider-color:var(--ui-color-design-tinted-alert-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-outline{--b24ui-background:var(--ui-color-design-outline-bg);--b24ui-border-color:var(--ui-color-design-outline-stroke);--b24ui-border-width:var(--ui-design-outline-stroke-weight);--b24ui-icon:var(--ui-color-design-outline-content-icon-alt);--b24ui-color:var(--ui-color-design-outline-content);--b24ui-split-divider-color:var(--ui-color-design-outline-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-outline-accent-1{--b24ui-background:var(--ui-color-design-outline-a1-bg);--b24ui-border-color:var(--ui-color-design-outline-a1-stroke);--b24ui-border-width:var(--ui-design-outline-a1-stroke-weight);--b24ui-icon:var(--ui-color-design-outline-a1-content-icon);--b24ui-color:var(--ui-color-design-outline-a1-content);--b24ui-split-divider-color:var(--ui-color-design-outline-a1-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-outline-accent-2{--b24ui-background:var(--ui-color-design-outline-a2-bg);--b24ui-border-color:var(--ui-color-design-outline-a2-stroke);--b24ui-border-width:var(--ui-design-outline-a2-stroke-weight);--b24ui-icon:var(--ui-color-design-outline-a2-content-icon);--b24ui-color:var(--ui-color-design-outline-a2-content);--b24ui-split-divider-color:var(--ui-color-design-outline-a2-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-outline-no-accent{--b24ui-background:var(--ui-color-design-outline-na-bg);--b24ui-border-color:var(--ui-color-design-outline-na-stroke);--b24ui-border-width:var(--ui-design-outline-na-stroke-weight);--b24ui-icon:var(--ui-color-design-outline-na-content-icon);--b24ui-color:var(--ui-color-design-outline-na-content);--b24ui-split-divider-color:var(--ui-color-design-outline-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-tinted-no-accent-1{--b24ui-background:var(--ui-color-design-tinted-na-bg);--b24ui-border-color:var(--ui-color-design-outline-na-stroke);--b24ui-border-width:var(--ui-design-outline-na-stroke-weight);--b24ui-icon:var(--ui-color-design-outline-na-content-icon);--b24ui-color:var(--ui-color-design-tinted-na-content);--b24ui-split-divider-color:var(--ui-color-design-outline-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-plain{--b24ui-background:var(--ui-color-design-plain-bg);--b24ui-border-color:var(--ui-color-design-plain-stroke);--b24ui-border-width:var(--ui-design-plain-stroke-weight);--b24ui-icon:var(--ui-color-design-plain-content-icon-secondary);--b24ui-color:var(--ui-color-design-plain-content);--b24ui-split-divider-color:var(--ui-color-design-plain-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-plain-accent{--b24ui-background:var(--ui-color-design-plain-a-bg);--b24ui-border-color:var(--ui-color-design-plain-a-stroke);--b24ui-border-width:var(--ui-design-plain-a-stroke-weight);--b24ui-icon:var(--ui-color-design-plain-a-content-icon);--b24ui-color:var(--ui-color-design-plain-a-content);--b24ui-split-divider-color:var(--ui-color-design-plain-a-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-plain-no-accent{--b24ui-background:var(--ui-color-design-plain-na-bg);--b24ui-border-color:var(--ui-color-design-plain-na-stroke);--b24ui-border-width:var(--ui-design-plain-na-stroke-weight);--b24ui-icon:var(--ui-color-design-plain-na-content-icon);--b24ui-color:var(--ui-color-design-plain-na-content);--b24ui-split-divider-color:var(--ui-color-design-plain-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-selection{--b24ui-background:var(--ui-color-design-selection-bg);--b24ui-border-color:var(--ui-color-design-selection-stroke);--b24ui-border-width:var(--ui-design-selection-stroke-weight);--b24ui-color:var(--ui-color-design-selection-content);--b24ui-split-divider-color:var(--ui-color-design-selection-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-boost{--b24ui-background:var(--ui-color-background-transparent);--b24ui-border-color:var(--ui-color-design-filled-boost-stroke);--b24ui-border-width:var(--ui-design-filled-boost-stroke-weight);--b24ui-color:var(--ui-color-design-filled-boost-content);--b24ui-split-divider-color:var(--ui-color-design-filled-boost-content-divider);--hover-color-1:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-1) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--hover-color-2:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-2) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--hover-color-3:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-3) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--active-color-1:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-1) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--active-color-2:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-2) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--active-color-3:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-3) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:radial-gradient(110.42% 110.42% at -10.42% 31.25%,var(--ui-color-design-filled-boost-bg-gradient-1) 0%,var(--ui-color-design-filled-boost-bg-gradient-2) 58.65%,var(--ui-color-design-filled-boost-bg-gradient-3) 100%);--b24ui-background-gradient-hover:radial-gradient(110.42% 110.42% at -10.42% 31.25%,var(--hover-color-1) 0%,var(--hover-color-2) 58.65%,var(--hover-color-3) 100%);--b24ui-background-gradient-active:radial-gradient(110.42% 110.42% at -10.42% 31.25%,var(--active-color-1) 0%,var(--active-color-2) 58.65%,var(--active-color-3) 100%);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));background:var(--b24ui-background-gradient)}.style-old-default{--b24ui-background:var(--ui-color-base-20);--b24ui-border-color:var(--ui-color-base-20);--b24ui-icon:var(--ui-color-base-20);--b24ui-color:var(--ui-color-base-80);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-danger{--b24ui-background:#f1361a;--b24ui-border-color:#f1361a;--b24ui-icon:#f1361a;--b24ui-color:var(--ui-color-on-primary);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-success{--b24ui-background:#bbed21;--b24ui-border-color:#bbed21;--b24ui-icon:#bbed21;--b24ui-color:var(--ui-color-base-90);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-warning{--b24ui-background:rgba(237,218,123,var(--ui-opacity-80));--b24ui-border-color:rgba(237,218,123,var(--ui-opacity-80));--b24ui-icon:rgba(237,218,123,var(--ui-opacity-80));--b24ui-color:#a07f27;--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-primary{--b24ui-background:#3bc8f5;--b24ui-border-color:#3bc8f5;--b24ui-icon:#3bc8f5;--b24ui-color:var(--ui-color-on-primary);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-secondary{--b24ui-background:#c5e7f4;--b24ui-border-color:#aee0f2;--b24ui-icon:#aee0f2;--b24ui-color:var(--ui-color-base-90);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-collab{--b24ui-background:#19cc45;--b24ui-border-color:#19cc45;--b24ui-icon:#19cc45;--b24ui-color:var(--ui-color-palette-white-base);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-ai{--b24ui-background:#935bec;--b24ui-border-color:#935bec;--b24ui-icon:#935bec;--b24ui-color:var(--ui-color-on-primary);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-blurred-bg{background:linear-gradient(to right,var(--ui-color-design-outline-na-bg),var(--ui-color-design-outline-na-bg)),var(--air-theme-background-blurred,none)}.style-blurred-bg-input{background:linear-gradient(to right,var(--ui-color-design-outline-bg-alt),var(--ui-color-design-outline-bg-alt)),var(--main-ui-filter-custom-background,none)}.style-transparent-bg{background:transparent}}
package/dist/runtime/air-design-tokens/009_b24_tools.css CHANGED
@@ -1 +1 @@
1
- .--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))}
1
+ @layer theme{.--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/air-design-tokens/components/badge-counter.css CHANGED
@@ -1 +1 @@
1
- @layer base{.ui-counter__scope{--ui-counter-current-size:16px;--ui-counter-size:var(--ui-counter-size-md);--ui-counter-bg-color:var(--ui-color-design-filled-alert-bg);--ui-counter-color:var(--ui-color-design-filled-alert-bg);--ui-counter-size-lg:18px;--ui-counter-size-md:16px;--ui-counter-size-sm:14px;--ui-counter-font-size:11px;--ui-counter-symbol-font-size:11px;--ui-counter-inline-space:6px;--ui-counter-symbol-compensation:0px;--ui-counter-border-color:transparent;--ui-counter-border-width:0}.ui-label__scope{--ui-label-height:var(--ui-size-lg);--ui-label-background-color:#c2c5ca;--ui-label-background-color-hover:var(--ui-label-background-color);--ui-label-color:var(--ui-color-palette-white-base-rgb);--ui-label-link-dashed-color:hsla(0,0%,100%,.51);--ui-label-font-weight:var(--ui-font-weight-bold);--ui-label-font:var(--ui-font-family-secondary);--ui-label-font-size:var(--ui-font-size-xs);--ui-label-inline-space:6px}}.ui-counter-sm.--air{--ui-counter-size:var(--ui-counter-size-sm);--ui-counter-font-size:var(--ui-font-size-4xs);--ui-counter-symbol-font-size:var(--ui-font-size-5xs);--ui-counter-inline-space:4px;--ui-counter-symbol-compensation:-2px}.ui-counter-md.--air{--ui-counter-size:var(--ui-counter-size-md);--ui-counter-font-size:var(--ui-font-size-xs);--ui-counter-symbol-font-size:var(--ui-font-size-4xs);--ui-counter-inline-space:4px;--ui-counter-symbol-compensation:-2px}.ui-counter-lg.--air{--ui-counter-size:var(--ui-counter-size-lg);--ui-counter-font-size:var(--ui-font-size-sm);--ui-counter-symbol-font-size:var(--ui-font-size-4xs);--ui-counter-inline-space:6px;--ui-counter-symbol-compensation:-4px}.ui-counter.--air.ui-counter-border{--ui-counter-border-width:var(--ui-border-width-thin);--ui-counter-border-color:var(--ui-color-base-white-fixed)}.ui-label-xss{--ui-label-height:10px;--ui-label-inline-space:3px;--ui-label-font-size:var(--ui-font-size-6xs);--ui-label-font-weight:var(--ui-font-weight-regular)}.ui-label-xs{--ui-label-height:14px;--ui-label-inline-space:5px;--ui-label-font-size:var(--ui-font-size-5xs);--ui-label-font-weight:var(--ui-font-weight-regular)}.ui-label-sm{--ui-label-height:18px;--ui-label-inline-space:6px}.ui-label-md{--ui-label-height:var(--ui-size-lg);--ui-label-inline-space:8px}.ui-label-lg{--ui-label-height:25px;--ui-label-inline-space:9px;--ui-label-font-size:var(--ui-font-size-sm)}.ui-label-xl{--ui-label-height:30px;--ui-label-inline-space:11px;--ui-label-font-size:var(--ui-font-size-md)}
1
+ @layer components{.ui-counter__scope{--ui-counter-current-size:16px;--ui-counter-size:var(--ui-counter-size-md);--ui-counter-bg-color:var(--ui-color-design-filled-alert-bg);--ui-counter-color:var(--ui-color-design-filled-alert-bg);--ui-counter-size-lg:18px;--ui-counter-size-md:16px;--ui-counter-size-sm:14px;--ui-counter-font-size:11px;--ui-counter-symbol-font-size:11px;--ui-counter-inline-space:6px;--ui-counter-symbol-compensation:0px;--ui-counter-border-color:transparent;--ui-counter-border-width:0}.ui-label__scope{--ui-label-height:var(--ui-size-lg);--ui-label-background-color:#c2c5ca;--ui-label-background-color-hover:var(--ui-label-background-color);--ui-label-color:var(--ui-color-palette-white-base-rgb);--ui-label-link-dashed-color:hsla(0,0%,100%,.51);--ui-label-font-weight:var(--ui-font-weight-bold);--ui-label-font:var(--ui-font-family-secondary);--ui-label-font-size:var(--ui-font-size-xs);--ui-label-inline-space:6px}.ui-counter-sm.--air{--ui-counter-size:var(--ui-counter-size-sm);--ui-counter-font-size:var(--ui-font-size-4xs);--ui-counter-symbol-font-size:var(--ui-font-size-5xs);--ui-counter-inline-space:4px;--ui-counter-symbol-compensation:-2px}.ui-counter-md.--air{--ui-counter-size:var(--ui-counter-size-md);--ui-counter-font-size:var(--ui-font-size-xs);--ui-counter-symbol-font-size:var(--ui-font-size-4xs);--ui-counter-inline-space:4px;--ui-counter-symbol-compensation:-2px}.ui-counter-lg.--air{--ui-counter-size:var(--ui-counter-size-lg);--ui-counter-font-size:var(--ui-font-size-sm);--ui-counter-symbol-font-size:var(--ui-font-size-4xs);--ui-counter-inline-space:6px;--ui-counter-symbol-compensation:-4px}.ui-counter.--air.ui-counter-border{--ui-counter-border-width:var(--ui-border-width-thin);--ui-counter-border-color:var(--ui-color-base-white-fixed)}.ui-label-xss{--ui-label-height:10px;--ui-label-inline-space:3px;--ui-label-font-size:var(--ui-font-size-6xs);--ui-label-font-weight:var(--ui-font-weight-regular)}.ui-label-xs{--ui-label-height:14px;--ui-label-inline-space:5px;--ui-label-font-size:var(--ui-font-size-5xs);--ui-label-font-weight:var(--ui-font-weight-regular)}.ui-label-sm{--ui-label-height:18px;--ui-label-inline-space:6px}.ui-label-md{--ui-label-height:var(--ui-size-lg);--ui-label-inline-space:8px}.ui-label-lg{--ui-label-height:25px;--ui-label-inline-space:9px;--ui-label-font-size:var(--ui-font-size-sm)}.ui-label-xl{--ui-label-height:30px;--ui-label-inline-space:11px;--ui-label-font-size:var(--ui-font-size-md)}}
package/dist/runtime/air-design-tokens/components/button.css CHANGED
@@ -1 +1 @@
1
- @theme inline{--button-link-light-bg-hover:color-mix(in srgb,transparent 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--button-link-light-bg-active:color-mix(in srgb,transparent 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--button-link-dark-bg-hover:color-mix(in srgb,transparent 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--button-link-dark-bg-active:color-mix(in srgb,transparent 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}@layer base{.ui-btn{--ui-btn-size-xss:20px;--ui-btn-size-xs:24px;--ui-btn-size-sm:28px;--ui-btn-size-md:34px;--ui-btn-size-lg:38px;--ui-btn-size-xl:46px;--ui-btn-letter-spacing:-0.05;--ui-btn-icon-size:20px;--ui-btn-title-compensation:-1px;--ui-btn-padding:0 var(--ui-btn-padding-right) 0 var(--ui-btn-padding-left);--ui-btn-min-width:80px;--ui-btn-background:#868d95;--ui-btn-background-hover:color-mix(in srgb,var(--ui-btn-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--ui-btn-background-active:color-mix(in srgb,var(--ui-btn-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--ui-btn-border-color:var(--ui-btn-background);--ui-btn-border-color-hover:color-mix(in srgb,var(--ui-btn-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--ui-btn-border-color-active:color-mix(in srgb,var(--ui-btn-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--ui-btn-border-width:0px;--ui-btn-border:var(--ui-btn-border-width) solid var(--ui-btn-border-color);--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-on-primary);--ui-btn-colors-before-bg:var(--ui-color-on-primary);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-btn-color);--ui-btn-color-active:var(--ui-btn-color);--ui-btn-box-shadow:none;--ui-btn-box-shadow-hover:none;--ui-btn-box-shadow-active:none;--ui-btn-text-shadow:none;--ui-btn-text-shadow-hover:none;--ui-btn-text-shadow-active:none;--ui-btn-margin-left:12px}.ui-btn.ui-btn-lg,.ui-btn.ui-btn-xl{--ui-btn-padding:0 26px;--ui-btn-padding-right:12px;--ui-btn-min-width:90px;--ui-btn-height:var(--ui-btn-size-lg);--ui-btn-font-size:var(--ui-font-size-xs)}.ui-btn.ui-btn-md{--ui-btn-padding:0 19px;--ui-btn-padding-right:12px;--ui-btn-min-width:80px;--ui-btn-height:var(--ui-btn-size-md);--ui-btn-font-size:var(--ui-font-size-xs)}.ui-btn.ui-btn-sm{--ui-btn-padding:0 17px;--ui-btn-padding-right:10px;--ui-btn-min-width:70px;--ui-btn-height:var(--ui-btn-size-sm);--ui-btn-font-size:var(--ui-font-size-xs)}.ui-btn.ui-btn-xs{--ui-btn-padding:0 15px;--ui-btn-padding-right:9px;--ui-btn-min-width:66px;--ui-btn-height:var(--ui-btn-size-xs);--ui-btn-font-size:var(--ui-font-size-3xs)}.ui-btn.ui-btn-xss{--ui-btn-padding:0 15px;--ui-btn-padding-right:9px;--ui-btn-min-width:66px;--ui-btn-height:var(--ui-btn-size-xss);--ui-btn-font-size:var(--ui-font-size-3xs)}.ui-btn.--air.--style-default,.ui-btn.--air.--style-default-dark,.ui-btn.--air.--style-default-light,.ui-btn.--style-default,.ui-btn.--style-default-dark,.ui-btn.--style-default-light{--ui-btn-background:var(--ui-color-base-20);--ui-btn-background-hover:#cfd4d8;--ui-btn-background-active:#dde2e5;--ui-btn-border-color:var(--ui-color-base-20);--ui-btn-border-color-hover:#c6cdd3;--ui-btn-border-color-active:#9fa4ab;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-80);--ui-btn-colors-before-bg:var(--ui-color-base-80);--ui-btn-color:var(--ui-color-base-80);--ui-btn-color-hover:var(--ui-color-base-80);--ui-btn-color-active:var(--ui-color-base-80)}.ui-btn.--air.--style-success,.ui-btn.--style-success{--ui-btn-background:#bbed21;--ui-btn-background-hover:#d2f95f;--ui-btn-background-active:#b2e232;--ui-btn-border-color:#bbed21;--ui-btn-border-color-hover:#d2f95f;--ui-btn-border-color-active:#b2e232;--ui-btn-opacity-after:var(--ui-opacity-20);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:var(--ui-color-base-90);--ui-btn-color-hover:var(--ui-color-base-90);--ui-btn-color-active:var(--ui-color-base-90)}.ui-btn.--air.--style-success-light,.ui-btn.--style-success-light{--ui-btn-background:rgba(223,238,175,var(--ui-opacity-80));--ui-btn-background-hover:#eaf5c5;--ui-btn-background-active:#d3e59a;--ui-btn-border-color:rgba(223,238,175,var(--ui-opacity-80));--ui-btn-border-color-hover:#eaf5c5;--ui-btn-border-color-active:#d3e59a;--ui-btn-opacity-after:var(--ui-opacity-20);--ui-btn-colors-after-bg:var(--ui-color-text-primary);--ui-btn-colors-before-bg:#a3bf63;--ui-btn-color:#668d13;--ui-btn-color-hover:#668d13;--ui-btn-color-active:#668d13}.ui-btn.--air.--style-success-dark,.ui-btn.--style-success-dark{--ui-btn-background:#86a732;--ui-btn-background-hover:#a2bf54;--ui-btn-background-active:#a2bf54;--ui-btn-border-color:#86a732;--ui-btn-border-color-hover:#a2bf54;--ui-btn-border-color-active:#a2bf54;--ui-btn-opacity-after:var(--ui-opacity-20);--ui-btn-colors-after-bg:var(--ui-color-on-primary);--ui-btn-colors-before-bg:#a3bf63;--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn.--air.--style-danger,.ui-btn.--style-danger{--ui-btn-background:#f1361a;--ui-btn-background-hover:#cc1c00;--ui-btn-background-active:#d24430;--ui-btn-border-color:#f1361a;--ui-btn-border-color-hover:#cc1c00;--ui-btn-border-color-active:#d24430;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn.--air.--style-danger-dark,.ui-btn.--style-danger-dark{--ui-btn-background:#a21429;--ui-btn-background-hover:#c43d51;--ui-btn-background-active:#851021;--ui-btn-border-color:#a21429;--ui-btn-border-color-hover:#c43d51;--ui-btn-border-color-active:#851021;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn.--air.--style-danger-light,.ui-btn.--style-danger-light{--ui-btn-background:rgba(253,202,200,var(--ui-opacity-80));--ui-btn-background-hover:#ffdcdb;--ui-btn-background-active:#f2b6b3;--ui-btn-border-color:rgba(253,202,200,var(--ui-opacity-80));--ui-btn-border-color-hover:#ffdcdb;--ui-btn-border-color-active:#f2b6b3;--ui-btn-opacity-after:var(--ui-opacity-20);--ui-btn-colors-after-bg:var(--ui-color-text-primary);--ui-btn-colors-before-bg:#eb8783;--ui-btn-color:#d7413c;--ui-btn-color-hover:#d7413c;--ui-btn-color-active:#d7413c}.ui-btn.--air.--style-primary,.ui-btn.--air.--style-primary-light,.ui-btn.--style-primary,.ui-btn.--style-primary-light{--ui-btn-background:#3bc8f5;--ui-btn-background-hover:#3eddff;--ui-btn-background-active:#12b1e3;--ui-btn-border-color:#3bc8f5;--ui-btn-border-color-hover:#3eddff;--ui-btn-border-color-active:#12b1e3;--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn.--air.--style-primary-dark,.ui-btn.--style-primary-dark{--ui-btn-background:#399fc2;--ui-btn-background-hover:#37aed4;--ui-btn-background-active:#328ba9;--ui-btn-border-color:#399fc2;--ui-btn-border-color-hover:#37aed4;--ui-btn-border-color-active:#328ba9;--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn.--air.--style-secondary,.ui-btn.--air.--style-secondary-dark,.ui-btn.--style-secondary,.ui-btn.--style-secondary-dark{--ui-btn-background:#c5e7f4;--ui-btn-background-hover:#d1eef9;--ui-btn-background-active:#aee0f2;--ui-btn-border-color:#aee0f2;--ui-btn-border-color-hover:#aee0f2;--ui-btn-border-color-active:#aee0f2;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:var(--ui-color-base-90);--ui-btn-color-hover:var(--ui-color-base-90);--ui-btn-color-active:var(--ui-color-base-90)}.ui-btn.--air.--style-secondary-light,.ui-btn.--style-secondary-light{--ui-btn-background:rgba(182,237,255,var(--ui-opacity-80));--ui-btn-background-hover:#d1eef9;--ui-btn-background-active:#aee0f2;--ui-btn-border-color:rgba(182,237,255,var(--ui-opacity-80));--ui-btn-border-color-hover:rgba(182,237,255,var(--ui-opacity-80));--ui-btn-border-color-active:rgba(182,237,255,var(--ui-opacity-80));--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:#0aa0d0;--ui-btn-color-hover:#0aa0d0;--ui-btn-color-active:#0aa0d0}.ui-btn.--air.--style-warning,.ui-btn.--air.--style-warning-dark,.ui-btn.--air.--style-warning-light,.ui-btn.--style-warning,.ui-btn.--style-warning-dark,.ui-btn.--style-warning-light{--ui-btn-background:rgba(237,218,123,var(--ui-opacity-80));--ui-btn-background-hover:rgba(255,169,0,.65);--ui-btn-background-active:#eba51c;--ui-btn-border-color:rgba(237,218,123,var(--ui-opacity-80));--ui-btn-border-color-hover:rgba(237,218,123,var(--ui-opacity-80));--ui-btn-border-color-active:rgba(237,218,123,var(--ui-opacity-80));--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:#a07f27;--ui-btn-color-hover:#a07f27;--ui-btn-color-active:#a07f27}.ui-btn.--air.--style-link,.ui-btn.--style-link{--ui-btn-background:var(--ui-color-background-transparent);--ui-btn-background-hover:var(--ui-color-background-transparent);--ui-btn-background-active:var(--ui-color-background-transparent);--ui-btn-border-color:var(--ui-color-background-transparent);--ui-btn-border-color-hover:var(--ui-color-background-transparent);--ui-btn-border-color-active:var(--ui-color-background-transparent);--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:var(--ui-color-base-90);--ui-btn-color-hover:#80868e;--ui-btn-color-active:var(--ui-color-base-90)}.ui-btn.--air.--style-link-light,.ui-btn.--style-link-light{--ui-btn-background:var(--ui-color-background-transparent);--ui-btn-background-hover:#f6f8f9;--ui-btn-background-active:#d6f1fb;--ui-btn-border-color:var(--ui-color-background-transparent);--ui-btn-border-color-hover:#f6f8f9;--ui-btn-border-color-active:#d6f1fb;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:var(--ui-color-base-90);--ui-btn-color-hover:var(--ui-color-text-primary);--ui-btn-color-active:var(--ui-color-base-solid);--ui-btn-padding:0 6px}.ui-btn.--air.--style-link-dark,.ui-btn.--style-link-dark{--ui-btn-background:var(--ui-color-background-transparent);--ui-btn-background-hover:#cfd4d8;--ui-btn-background-active:#dde2e5;--ui-btn-border-color:#c6cdd3;--ui-btn-border-color-hover:#c6cdd3;--ui-btn-border-color-active:#9fa4ab;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:var(--ui-color-base-90);--ui-btn-color-hover:var(--ui-color-base-90);--ui-btn-color-active:var(--ui-color-base-90)}.ui-btn.--air.--style-ai,.ui-btn.--air.--style-ai-dark,.ui-btn.--air.--style-ai-light,.ui-btn.--style-ai,.ui-btn.--style-ai-dark,.ui-btn.--style-ai-light{--ui-btn-backgroud-color-ai:#935bec;--ui-btn-backgroud-color-ai-hover:#a977fa;--ui-btn-backgroud-color-ai-active:#8447e4;--ui-btn-background:var(--ui-btn-backgroud-color-ai);--ui-btn-background-hover:var(--ui-btn-backgroud-color-ai-hover);--ui-btn-background-active:var(--ui-btn-backgroud-color-ai-active);--ui-btn-border-color:var(--ui-btn-backgroud-color-ai);--ui-btn-border-color-hover:var(--ui-btn-backgroud-color-ai-hover);--ui-btn-border-color-active:var(--ui-btn-backgroud-color-ai-active);--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-on-primary);--ui-btn-colors-before-bg:var(--ui-color-on-primary);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn.--air.--style-collab,.ui-btn.--air.--style-collab-dark,.ui-btn.--air.--style-collab-light,.ui-btn.--style-collab,.ui-btn.--style-collab-dark,.ui-btn.--style-collab-light{--ui-btn-background:#19cc45;--ui-btn-background-hover:#6be860;--ui-btn-background-active:#00a94e;--ui-btn-border-color:var(--ui-color-background-transparent);--ui-btn-border-color-hover:var(--ui-color-background-transparent);--ui-btn-border-color-active:var(--ui-color-background-transparent);--ui-btn-color:var(--ui-color-palette-white-base);--ui-btn-color-hover:var(--ui-color-palette-white-base);--ui-btn-color-active:var(--ui-color-palette-white-base)}.ui-btn.--air{--ui-btn-size-xss:20px;--ui-btn-size-xs:24px;--ui-btn-size-sm:28px;--ui-btn-size-md:34px;--ui-btn-size-lg:38px;--ui-btn-size-xl:46px;--ui-btn-letter-spacing:-0.05;--ui-btn-icon-size:20px;--ui-btn-title-compensation:-1px;--ui-btn-padding:0 var(--ui-btn-padding-right) 0 var(--ui-btn-padding-left);--ui-btn-min-width:80px;--ui-btn-background:#868d95;--ui-btn-background-hover:color-mix(in srgb,var(--ui-btn-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--ui-btn-background-active:color-mix(in srgb,var(--ui-btn-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--ui-btn-background-gradient:linear-gradient(180deg,var(--ui-btn-background) 0%,var(--ui-btn-background) 100%);--ui-btn-background-gradient-hover:linear-gradient(180deg,var(--ui-btn-background-hover) 0%,var(--ui-btn-background-hover) 100%);--ui-btn-background-gradient-active:linear-gradient(180deg,var(--ui-btn-background-active) 0%,var(--ui-btn-background-active) 100%);--ui-btn-border-color:var(--ui-btn-background);--ui-btn-border-color-hover:color-mix(in srgb,var(--ui-btn-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--ui-btn-border-color-active:color-mix(in srgb,var(--ui-btn-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--ui-btn-border-width:0px;--ui-btn-border:var(--ui-btn-border-width) solid var(--ui-btn-border-color);--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-on-primary);--ui-btn-colors-before-bg:var(--ui-color-on-primary);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-btn-color);--ui-btn-color-active:var(--ui-btn-color);--ui-btn-box-shadow:none;--ui-btn-box-shadow-hover:none;--ui-btn-box-shadow-active:none;--ui-btn-text-shadow:none;--ui-btn-text-shadow-hover:none;--ui-btn-text-shadow-active:none;--ui-btn-margin-left:12px}.ui-btn.--air.ui-btn-xl{--ui-btn-padding-right:23px;--ui-btn-padding-left:23px;--ui-btn-icon-compensation:8px;--ui-btn-radius:var(--ui-border-radius-md);--ui-btn-font-size:var(--ui-font-size-xl);--ui-btn-icon-size:28px;--ui-btn-icon-space:4px;--ui-btn-dropdown-icon-size:22px;--ui-btn-dropdown-icon-inline-space:6px;--ui-btn-dropdown-icon-compensation:6px;--ui-btn-height:var(--ui-btn-size-xl);--ui-btn-wait-icon-size:24px;--ui-btn-split-divider-height:26px;--ui--btn-width-with-only-icon:var(--ui-btn-height);--ui-btn-corner-counter-inline-shift:13px;--ui-btn-counter-inline-space:8px}.ui-btn.--air.ui-btn-lg{--ui-btn-padding-right:17px;--ui-btn-padding-left:17px;--ui-btn-icon-compensation:10px;--ui-btn-radius:var(--ui-border-radius-md);--ui-btn-font-size:var(--ui-font-size-lg);--ui-btn-icon-size:28px;--ui-btn-icon-space:4px;--ui-btn-dropdown-icon-size:20px;--ui-btn-dropdown-icon-inline-space:6px;--ui-btn-dropdown-icon-compensation:6px;--ui-btn-height:var(--ui-btn-size-lg);--ui-btn-wait-icon-size:22px;--ui-btn-split-divider-height:22px;--ui-btn-letter-spacing:-0.1px;--ui--btn-width-with-only-icon:var(--ui-btn-height);--ui-btn-corner-counter-inline-shift:12px;--ui-btn-counter-inline-space:8px}.ui-btn.--air.ui-btn-md{--ui-btn-padding-right:13px;--ui-btn-padding-left:13px;--ui-btn-icon-compensation:6px;--ui-btn-radius:var(--ui-border-radius-md);--ui-btn-font-size:var(--ui-font-size-md);--ui-btn-font-weight:var(--ui-font-weight-medium);--ui-btn-icon-size:24px;--ui-btn-icon-space:2px;--ui-btn-dropdown-icon-size:18px;--ui-btn-dropdown-icon-inline-space:4px;--ui-btn-dropdown-icon-compensation:4px;--ui-btn-height:var(--ui-btn-size-md);--ui-btn-wait-icon-size:20px;--ui-btn-split-divider-height:18px;--ui--btn-width-with-only-icon:var(--ui-btn-height);--ui-btn-corner-counter-inline-shift:13px;--ui-btn-counter-inline-space:6px}.ui-btn.--air.ui-btn-sm{--ui-btn-padding-right:9px;--ui-btn-padding-left:9px;--ui-btn-icon-compensation:4px;--ui-btn-radius:var(--ui-border-radius-sm);--ui-btn-font-size:var(--ui-font-size-sm);--ui-btn-font-weight:var(--ui-font-weight-normal);--ui-btn-icon-size:20px;--ui-btn-icon-space:4px;--ui-btn-dropdown-icon-size:16px;--ui-btn-dropdown-icon-inline-space:3px;--ui-btn-dropdown-icon-compensation:3px;--ui-btn-height:var(--ui-btn-size-sm);--ui-btn-wait-icon-size:16px;--ui-btn-letter-spacing:-0.15px;--ui-btn-split-divider-height:14px;--ui--btn-width-with-only-icon:34px;--ui-btn-corner-counter-inline-shift:13px;--ui-btn-counter-inline-space:6px}.ui-btn.--air.ui-btn-xs{--ui-btn-padding-right:7px;--ui-btn-padding-left:7px;--ui-btn-icon-compensation:2px;--ui-btn-radius:var(--ui-border-radius-xs);--ui-btn-font-size:var(--ui-font-size-xs);--ui-btn-font-weight:var(--ui-font-weight-normal);--ui-btn-icon-size:14px;--ui-btn-icon-space:4px;--ui-btn-dropdown-icon-size:14px;--ui-btn-dropdown-icon-inline-space:4px;--ui-btn-dropdown-icon-compensation:2px;--ui-btn-height:var(--ui-btn-size-xs);--ui-btn-wait-icon-size:14px;--ui-btn-letter-spacing:-0.1px;--ui-btn-split-divider-height:12px;--ui--btn-width-with-only-icon:28px;--ui-btn-corner-counter-inline-shift:11px;--ui-btn-counter-inline-space:6px}.ui-btn.--air.ui-btn-xss{--ui-btn-padding-right:7px;--ui-btn-padding-left:8px;--ui-btn-icon-compensation:5px;--ui-btn-radius:5px;--ui-btn-font-size:var(--ui-font-size-4xs);--ui-btn-font-weight:var(--ui-font-weight-normal);--ui-btn-icon-size:14px;--ui-btn-icon-space:4px;--ui-btn-dropdown-icon-size:12px;--ui-btn-dropdown-icon-inline-space:2px;--ui-btn-dropdown-icon-compensation:2px;--ui-btn-height:var(--ui-btn-size-xss);--ui-btn-wait-icon-size:12px;--ui--btn-width-with-only-icon:24px;--ui-btn-corner-counter-inline-shift:10px;--ui-btn-letter-spacing:0.1px;--ui-btn-split-divider-height:10px;--ui-btn-counter-inline-space:6px}.ui-btn.--air.--style-filled{--ui-btn-background:var(--ui-color-design-filled-bg);--ui-btn-border-color:var(--ui-color-design-filled-stroke);--ui-btn-border-width:var(--ui-design-filled-stroke-weight);--ui-btn-color:var(--ui-color-design-filled-content);--ui-btn-split-divider-color:var(--ui-color-design-filled-content-divider)}.ui-btn.--air.--style-tinted{--ui-btn-background:var(--ui-color-design-tinted-bg);--ui-btn-border-color:var(--ui-color-design-tinted-stroke);--ui-btn-border-width:var(--ui-design-tinted-stroke-weight);--ui-btn-color:var(--ui-color-design-tinted-content);--ui-btn-split-divider-color:var(--ui-color-design-tinted-content-divider)}.ui-btn.--air.--style-tinted-alert{--ui-btn-background:var(--ui-color-design-tinted-alert-bg);--ui-btn-border-color:var(--ui-color-design-tinted-alert-stroke);--ui-btn-border-width:var(--ui-design-tinted-alert-stroke-weight);--ui-btn-color:var(--ui-color-design-tinted-alert-content);--ui-btn-split-divider-color:var(--ui-color-design-tinted-alert-content-divider)}.ui-btn.--air.--style-outline-accent-1{--ui-btn-background:var(--ui-color-design-outline-a1-bg);--ui-btn-border-color:var(--ui-color-design-outline-a1-stroke);--ui-btn-border-width:var(--ui-design-outline-a1-stroke-weight);--ui-btn-color:var(--ui-color-design-outline-a1-content);--ui-btn-split-divider-color:var(--ui-color-design-outline-a1-content-divider)}.ui-btn.--air.--style-outline-accent-2{--ui-btn-background:var(--ui-color-design-outline-a2-bg);--ui-btn-border-color:var(--ui-color-design-outline-a2-stroke);--ui-btn-border-width:var(--ui-design-outline-a2-stroke-weight);--ui-btn-color:var(--ui-color-design-outline-a2-content);--ui-btn-split-divider-color:var(--ui-color-design-outline-a2-content-divider)}.ui-btn.--air.--style-outline{--ui-btn-background:var(--ui-color-design-outline-bg);--ui-btn-border-color:var(--ui-color-design-outline-stroke);--ui-btn-border-width:var(--ui-design-outline-stroke-weight);--ui-btn-color:var(--ui-color-design-outline-content);--ui-btn-split-divider-color:var(--ui-color-design-outline-content-divider)}.ui-btn.--air,.ui-btn.--air.--style-outline-no-accent{--ui-btn-background:var(--ui-color-design-outline-na-bg);--ui-btn-border-color:var(--ui-color-design-outline-na-stroke);--ui-btn-border-width:var(--ui-design-outline-na-stroke-weight);--ui-btn-color:var(--ui-color-design-outline-na-content);--ui-btn-split-divider-color:var(--ui-color-design-outline-na-content-divider)}.ui-btn.--air.--style-plain-accent{--ui-btn-background:var(--ui-color-design-plain-a-bg);--ui-btn-border-color:var(--ui-color-design-plain-a-stroke);--ui-btn-border-width:var(--ui-design-plain-a-stroke-weight);--ui-btn-color:var(--ui-color-design-plain-a-content);--ui-btn-split-divider-color:var(--ui-color-design-plain-a-content-divider)}.ui-btn.--air.--style-plain{--ui-btn-background:var(--ui-color-design-plain-bg);--ui-btn-border-color:var(--ui-color-design-plain-stroke);--ui-btn-border-width:var(--ui-design-plain-stroke-weight);--ui-btn-color:var(--ui-color-design-plain-content);--ui-btn-split-divider-color:var(--ui-color-design-plain-content-divider)}.ui-btn.--air.--style-plain-no-accent{--ui-btn-background:var(--ui-color-design-plain-na-bg);--ui-btn-border-color:var(--ui-color-design-plain-na-stroke);--ui-btn-border-width:var(--ui-design-plain-na-stroke-weight);--ui-btn-color:var(--ui-color-design-plain-na-content);--ui-btn-split-divider-color:var(--ui-color-design-plain-na-content-divider)}.ui-btn.--air.--style-selection{--ui-btn-background:var(--ui-color-design-selection-bg);--ui-btn-border-color:var(--ui-color-design-selection-stroke);--ui-btn-border-width:var(--ui-design-selection-stroke-weight);--ui-btn-color:var(--ui-color-design-selection-content);--ui-btn-split-divider-color:var(--ui-color-design-selection-content-divider)}.ui-btn.--air.--style-filled-copilot{--ui-btn-background:var(--ui-color-design-filled-copilot-bg);--ui-btn-border-color:var(--ui-color-design-filled-copilot-stroke);--ui-btn-border-width:var(--ui-design-filled-copilot-stroke-weight);--ui-btn-color:var(--ui-color-design-filled-copilot-content);--ui-btn-split-divider-color:var(--ui-color-design-filled-copilot-content-divider)}.ui-btn.--air.--style-filled-success{--ui-btn-background:var(--ui-color-design-filled-success-bg);--ui-btn-border-color:var(--ui-color-design-filled-success-stroke);--ui-btn-border-width:var(--ui-design-filled-success-stroke-weight);--ui-btn-color:var(--ui-color-design-filled-success-content);--ui-btn-split-divider-color:var(--ui-color-design-filled-success-content-divider)}.ui-btn.--air.--style-filled-alert{--ui-btn-background:var(--ui-color-design-filled-alert-bg);--ui-btn-border-color:var(--ui-color-design-filled-alert-stroke);--ui-btn-border-width:var(--ui-design-filled-success-stroke-weight);--ui-btn-color:var(--ui-color-design-filled-alert-content);--ui-btn-split-divider-color:var(--ui-color-design-filled-alert-content-divider)}.ui-btn.--air.--style-filled-boost{--ui-btn-border-color:var(--ui-color-design-filled-boost-stroke);--ui-btn-border-width:var(--ui-design-filled-boost-stroke-weight);--ui-btn-color:var(--ui-color-design-filled-boost-content);--ui-btn-split-divider-color:var(--ui-color-design-filled-boost-content-divider);--hover-color-1:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-1) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--hover-color-2:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-2) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--hover-color-3:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-3) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--active-color-1:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-1) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--active-color-2:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-2) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--active-color-3:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-3) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}}
1
+ @theme inline{--button-link-light-bg-hover:color-mix(in srgb,transparent 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--button-link-light-bg-active:color-mix(in srgb,transparent 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--button-link-dark-bg-hover:color-mix(in srgb,transparent 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--button-link-dark-bg-active:color-mix(in srgb,transparent 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}@layer components{.ui-btn{--ui-btn-size-xss:20px;--ui-btn-size-xs:24px;--ui-btn-size-sm:28px;--ui-btn-size-md:34px;--ui-btn-size-lg:38px;--ui-btn-size-xl:46px;--ui-btn-letter-spacing:-0.05;--ui-btn-icon-size:20px;--ui-btn-title-compensation:-1px;--ui-btn-padding:0 var(--ui-btn-padding-right) 0 var(--ui-btn-padding-left);--ui-btn-min-width:80px;--ui-btn-background:#868d95;--ui-btn-background-hover:color-mix(in srgb,var(--ui-btn-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--ui-btn-background-active:color-mix(in srgb,var(--ui-btn-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--ui-btn-border-color:var(--ui-btn-background);--ui-btn-border-color-hover:color-mix(in srgb,var(--ui-btn-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--ui-btn-border-color-active:color-mix(in srgb,var(--ui-btn-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--ui-btn-border-width:0px;--ui-btn-border:var(--ui-btn-border-width) solid var(--ui-btn-border-color);--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-on-primary);--ui-btn-colors-before-bg:var(--ui-color-on-primary);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-btn-color);--ui-btn-color-active:var(--ui-btn-color);--ui-btn-box-shadow:none;--ui-btn-box-shadow-hover:none;--ui-btn-box-shadow-active:none;--ui-btn-text-shadow:none;--ui-btn-text-shadow-hover:none;--ui-btn-text-shadow-active:none;--ui-btn-margin-left:12px}.ui-btn.ui-btn-lg,.ui-btn.ui-btn-xl{--ui-btn-padding:0 26px;--ui-btn-padding-right:12px;--ui-btn-min-width:90px;--ui-btn-height:var(--ui-btn-size-lg);--ui-btn-font-size:var(--ui-font-size-xs)}.ui-btn.ui-btn-md{--ui-btn-padding:0 19px;--ui-btn-padding-right:12px;--ui-btn-min-width:80px;--ui-btn-height:var(--ui-btn-size-md);--ui-btn-font-size:var(--ui-font-size-xs)}.ui-btn.ui-btn-sm{--ui-btn-padding:0 17px;--ui-btn-padding-right:10px;--ui-btn-min-width:70px;--ui-btn-height:var(--ui-btn-size-sm);--ui-btn-font-size:var(--ui-font-size-xs)}.ui-btn.ui-btn-xs{--ui-btn-padding:0 15px;--ui-btn-padding-right:9px;--ui-btn-min-width:66px;--ui-btn-height:var(--ui-btn-size-xs);--ui-btn-font-size:var(--ui-font-size-3xs)}.ui-btn.ui-btn-xss{--ui-btn-padding:0 15px;--ui-btn-padding-right:9px;--ui-btn-min-width:66px;--ui-btn-height:var(--ui-btn-size-xss);--ui-btn-font-size:var(--ui-font-size-3xs)}.ui-btn.--air.--style-default,.ui-btn.--air.--style-default-dark,.ui-btn.--air.--style-default-light,.ui-btn.--style-default,.ui-btn.--style-default-dark,.ui-btn.--style-default-light{--ui-btn-background:var(--ui-color-base-20);--ui-btn-background-hover:#cfd4d8;--ui-btn-background-active:#dde2e5;--ui-btn-border-color:var(--ui-color-base-20);--ui-btn-border-color-hover:#c6cdd3;--ui-btn-border-color-active:#9fa4ab;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-80);--ui-btn-colors-before-bg:var(--ui-color-base-80);--ui-btn-color:var(--ui-color-base-80);--ui-btn-color-hover:var(--ui-color-base-80);--ui-btn-color-active:var(--ui-color-base-80)}.ui-btn.--air.--style-success,.ui-btn.--style-success{--ui-btn-background:#bbed21;--ui-btn-background-hover:#d2f95f;--ui-btn-background-active:#b2e232;--ui-btn-border-color:#bbed21;--ui-btn-border-color-hover:#d2f95f;--ui-btn-border-color-active:#b2e232;--ui-btn-opacity-after:var(--ui-opacity-20);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:var(--ui-color-base-90);--ui-btn-color-hover:var(--ui-color-base-90);--ui-btn-color-active:var(--ui-color-base-90)}.ui-btn.--air.--style-success-light,.ui-btn.--style-success-light{--ui-btn-background:rgba(223,238,175,var(--ui-opacity-80));--ui-btn-background-hover:#eaf5c5;--ui-btn-background-active:#d3e59a;--ui-btn-border-color:rgba(223,238,175,var(--ui-opacity-80));--ui-btn-border-color-hover:#eaf5c5;--ui-btn-border-color-active:#d3e59a;--ui-btn-opacity-after:var(--ui-opacity-20);--ui-btn-colors-after-bg:var(--ui-color-text-primary);--ui-btn-colors-before-bg:#a3bf63;--ui-btn-color:#668d13;--ui-btn-color-hover:#668d13;--ui-btn-color-active:#668d13}.ui-btn.--air.--style-success-dark,.ui-btn.--style-success-dark{--ui-btn-background:#86a732;--ui-btn-background-hover:#a2bf54;--ui-btn-background-active:#a2bf54;--ui-btn-border-color:#86a732;--ui-btn-border-color-hover:#a2bf54;--ui-btn-border-color-active:#a2bf54;--ui-btn-opacity-after:var(--ui-opacity-20);--ui-btn-colors-after-bg:var(--ui-color-on-primary);--ui-btn-colors-before-bg:#a3bf63;--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn.--air.--style-danger,.ui-btn.--style-danger{--ui-btn-background:#f1361a;--ui-btn-background-hover:#cc1c00;--ui-btn-background-active:#d24430;--ui-btn-border-color:#f1361a;--ui-btn-border-color-hover:#cc1c00;--ui-btn-border-color-active:#d24430;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn.--air.--style-danger-dark,.ui-btn.--style-danger-dark{--ui-btn-background:#a21429;--ui-btn-background-hover:#c43d51;--ui-btn-background-active:#851021;--ui-btn-border-color:#a21429;--ui-btn-border-color-hover:#c43d51;--ui-btn-border-color-active:#851021;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn.--air.--style-danger-light,.ui-btn.--style-danger-light{--ui-btn-background:rgba(253,202,200,var(--ui-opacity-80));--ui-btn-background-hover:#ffdcdb;--ui-btn-background-active:#f2b6b3;--ui-btn-border-color:rgba(253,202,200,var(--ui-opacity-80));--ui-btn-border-color-hover:#ffdcdb;--ui-btn-border-color-active:#f2b6b3;--ui-btn-opacity-after:var(--ui-opacity-20);--ui-btn-colors-after-bg:var(--ui-color-text-primary);--ui-btn-colors-before-bg:#eb8783;--ui-btn-color:#d7413c;--ui-btn-color-hover:#d7413c;--ui-btn-color-active:#d7413c}.ui-btn.--air.--style-primary,.ui-btn.--air.--style-primary-light,.ui-btn.--style-primary,.ui-btn.--style-primary-light{--ui-btn-background:#3bc8f5;--ui-btn-background-hover:#3eddff;--ui-btn-background-active:#12b1e3;--ui-btn-border-color:#3bc8f5;--ui-btn-border-color-hover:#3eddff;--ui-btn-border-color-active:#12b1e3;--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn.--air.--style-primary-dark,.ui-btn.--style-primary-dark{--ui-btn-background:#399fc2;--ui-btn-background-hover:#37aed4;--ui-btn-background-active:#328ba9;--ui-btn-border-color:#399fc2;--ui-btn-border-color-hover:#37aed4;--ui-btn-border-color-active:#328ba9;--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn.--air.--style-secondary,.ui-btn.--air.--style-secondary-dark,.ui-btn.--style-secondary,.ui-btn.--style-secondary-dark{--ui-btn-background:#c5e7f4;--ui-btn-background-hover:#d1eef9;--ui-btn-background-active:#aee0f2;--ui-btn-border-color:#aee0f2;--ui-btn-border-color-hover:#aee0f2;--ui-btn-border-color-active:#aee0f2;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:var(--ui-color-base-90);--ui-btn-color-hover:var(--ui-color-base-90);--ui-btn-color-active:var(--ui-color-base-90)}.ui-btn.--air.--style-secondary-light,.ui-btn.--style-secondary-light{--ui-btn-background:rgba(182,237,255,var(--ui-opacity-80));--ui-btn-background-hover:#d1eef9;--ui-btn-background-active:#aee0f2;--ui-btn-border-color:rgba(182,237,255,var(--ui-opacity-80));--ui-btn-border-color-hover:rgba(182,237,255,var(--ui-opacity-80));--ui-btn-border-color-active:rgba(182,237,255,var(--ui-opacity-80));--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:#0aa0d0;--ui-btn-color-hover:#0aa0d0;--ui-btn-color-active:#0aa0d0}.ui-btn.--air.--style-warning,.ui-btn.--air.--style-warning-dark,.ui-btn.--air.--style-warning-light,.ui-btn.--style-warning,.ui-btn.--style-warning-dark,.ui-btn.--style-warning-light{--ui-btn-background:rgba(237,218,123,var(--ui-opacity-80));--ui-btn-background-hover:rgba(255,169,0,.65);--ui-btn-background-active:#eba51c;--ui-btn-border-color:rgba(237,218,123,var(--ui-opacity-80));--ui-btn-border-color-hover:rgba(237,218,123,var(--ui-opacity-80));--ui-btn-border-color-active:rgba(237,218,123,var(--ui-opacity-80));--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:#a07f27;--ui-btn-color-hover:#a07f27;--ui-btn-color-active:#a07f27}.ui-btn.--air.--style-link,.ui-btn.--style-link{--ui-btn-background:var(--ui-color-background-transparent);--ui-btn-background-hover:var(--ui-color-background-transparent);--ui-btn-background-active:var(--ui-color-background-transparent);--ui-btn-border-color:var(--ui-color-background-transparent);--ui-btn-border-color-hover:var(--ui-color-background-transparent);--ui-btn-border-color-active:var(--ui-color-background-transparent);--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:var(--ui-color-base-90);--ui-btn-color-hover:#80868e;--ui-btn-color-active:var(--ui-color-base-90)}.ui-btn.--air.--style-link-light,.ui-btn.--style-link-light{--ui-btn-background:var(--ui-color-background-transparent);--ui-btn-background-hover:#f6f8f9;--ui-btn-background-active:#d6f1fb;--ui-btn-border-color:var(--ui-color-background-transparent);--ui-btn-border-color-hover:#f6f8f9;--ui-btn-border-color-active:#d6f1fb;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:var(--ui-color-base-90);--ui-btn-color-hover:var(--ui-color-text-primary);--ui-btn-color-active:var(--ui-color-base-solid);--ui-btn-padding:0 6px}.ui-btn.--air.--style-link-dark,.ui-btn.--style-link-dark{--ui-btn-background:var(--ui-color-background-transparent);--ui-btn-background-hover:#cfd4d8;--ui-btn-background-active:#dde2e5;--ui-btn-border-color:#c6cdd3;--ui-btn-border-color-hover:#c6cdd3;--ui-btn-border-color-active:#9fa4ab;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:var(--ui-color-base-90);--ui-btn-color-hover:var(--ui-color-base-90);--ui-btn-color-active:var(--ui-color-base-90)}.ui-btn.--air.--style-ai,.ui-btn.--air.--style-ai-dark,.ui-btn.--air.--style-ai-light,.ui-btn.--style-ai,.ui-btn.--style-ai-dark,.ui-btn.--style-ai-light{--ui-btn-backgroud-color-ai:#935bec;--ui-btn-backgroud-color-ai-hover:#a977fa;--ui-btn-backgroud-color-ai-active:#8447e4;--ui-btn-background:var(--ui-btn-backgroud-color-ai);--ui-btn-background-hover:var(--ui-btn-backgroud-color-ai-hover);--ui-btn-background-active:var(--ui-btn-backgroud-color-ai-active);--ui-btn-border-color:var(--ui-btn-backgroud-color-ai);--ui-btn-border-color-hover:var(--ui-btn-backgroud-color-ai-hover);--ui-btn-border-color-active:var(--ui-btn-backgroud-color-ai-active);--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-on-primary);--ui-btn-colors-before-bg:var(--ui-color-on-primary);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn.--air.--style-collab,.ui-btn.--air.--style-collab-dark,.ui-btn.--air.--style-collab-light,.ui-btn.--style-collab,.ui-btn.--style-collab-dark,.ui-btn.--style-collab-light{--ui-btn-background:#19cc45;--ui-btn-background-hover:#6be860;--ui-btn-background-active:#00a94e;--ui-btn-border-color:var(--ui-color-background-transparent);--ui-btn-border-color-hover:var(--ui-color-background-transparent);--ui-btn-border-color-active:var(--ui-color-background-transparent);--ui-btn-color:var(--ui-color-palette-white-base);--ui-btn-color-hover:var(--ui-color-palette-white-base);--ui-btn-color-active:var(--ui-color-palette-white-base)}.ui-btn.--air{--ui-btn-size-xss:20px;--ui-btn-size-xs:24px;--ui-btn-size-sm:28px;--ui-btn-size-md:34px;--ui-btn-size-lg:38px;--ui-btn-size-xl:46px;--ui-btn-letter-spacing:-0.05;--ui-btn-icon-size:20px;--ui-btn-title-compensation:-1px;--ui-btn-padding:0 var(--ui-btn-padding-right) 0 var(--ui-btn-padding-left);--ui-btn-min-width:80px;--ui-btn-background:#868d95;--ui-btn-background-hover:color-mix(in srgb,var(--ui-btn-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--ui-btn-background-active:color-mix(in srgb,var(--ui-btn-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--ui-btn-background-gradient:linear-gradient(180deg,var(--ui-btn-background) 0%,var(--ui-btn-background) 100%);--ui-btn-background-gradient-hover:linear-gradient(180deg,var(--ui-btn-background-hover) 0%,var(--ui-btn-background-hover) 100%);--ui-btn-background-gradient-active:linear-gradient(180deg,var(--ui-btn-background-active) 0%,var(--ui-btn-background-active) 100%);--ui-btn-border-color:var(--ui-btn-background);--ui-btn-border-color-hover:color-mix(in srgb,var(--ui-btn-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--ui-btn-border-color-active:color-mix(in srgb,var(--ui-btn-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--ui-btn-border-width:0px;--ui-btn-border:var(--ui-btn-border-width) solid var(--ui-btn-border-color);--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-on-primary);--ui-btn-colors-before-bg:var(--ui-color-on-primary);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-btn-color);--ui-btn-color-active:var(--ui-btn-color);--ui-btn-box-shadow:none;--ui-btn-box-shadow-hover:none;--ui-btn-box-shadow-active:none;--ui-btn-text-shadow:none;--ui-btn-text-shadow-hover:none;--ui-btn-text-shadow-active:none;--ui-btn-margin-left:12px}.ui-btn.--air.ui-btn-xl{--ui-btn-padding-right:23px;--ui-btn-padding-left:23px;--ui-btn-icon-compensation:8px;--ui-btn-radius:var(--ui-border-radius-md);--ui-btn-font-size:var(--ui-font-size-xl);--ui-btn-icon-size:28px;--ui-btn-icon-space:4px;--ui-btn-dropdown-icon-size:22px;--ui-btn-dropdown-icon-inline-space:6px;--ui-btn-dropdown-icon-compensation:6px;--ui-btn-height:var(--ui-btn-size-xl);--ui-btn-wait-icon-size:24px;--ui-btn-split-divider-height:26px;--ui--btn-width-with-only-icon:var(--ui-btn-height);--ui-btn-corner-counter-inline-shift:13px;--ui-btn-counter-inline-space:8px}.ui-btn.--air.ui-btn-lg{--ui-btn-padding-right:17px;--ui-btn-padding-left:17px;--ui-btn-icon-compensation:10px;--ui-btn-radius:var(--ui-border-radius-md);--ui-btn-font-size:var(--ui-font-size-lg);--ui-btn-icon-size:28px;--ui-btn-icon-space:4px;--ui-btn-dropdown-icon-size:20px;--ui-btn-dropdown-icon-inline-space:6px;--ui-btn-dropdown-icon-compensation:6px;--ui-btn-height:var(--ui-btn-size-lg);--ui-btn-wait-icon-size:22px;--ui-btn-split-divider-height:22px;--ui-btn-letter-spacing:-0.1px;--ui--btn-width-with-only-icon:var(--ui-btn-height);--ui-btn-corner-counter-inline-shift:12px;--ui-btn-counter-inline-space:8px}.ui-btn.--air.ui-btn-md{--ui-btn-padding-right:13px;--ui-btn-padding-left:13px;--ui-btn-icon-compensation:6px;--ui-btn-radius:var(--ui-border-radius-md);--ui-btn-font-size:var(--ui-font-size-md);--ui-btn-font-weight:var(--ui-font-weight-medium);--ui-btn-icon-size:24px;--ui-btn-icon-space:2px;--ui-btn-dropdown-icon-size:18px;--ui-btn-dropdown-icon-inline-space:4px;--ui-btn-dropdown-icon-compensation:4px;--ui-btn-height:var(--ui-btn-size-md);--ui-btn-wait-icon-size:20px;--ui-btn-split-divider-height:18px;--ui--btn-width-with-only-icon:var(--ui-btn-height);--ui-btn-corner-counter-inline-shift:13px;--ui-btn-counter-inline-space:6px}.ui-btn.--air.ui-btn-sm{--ui-btn-padding-right:9px;--ui-btn-padding-left:9px;--ui-btn-icon-compensation:4px;--ui-btn-radius:var(--ui-border-radius-sm);--ui-btn-font-size:var(--ui-font-size-sm);--ui-btn-font-weight:var(--ui-font-weight-normal);--ui-btn-icon-size:20px;--ui-btn-icon-space:4px;--ui-btn-dropdown-icon-size:16px;--ui-btn-dropdown-icon-inline-space:3px;--ui-btn-dropdown-icon-compensation:3px;--ui-btn-height:var(--ui-btn-size-sm);--ui-btn-wait-icon-size:16px;--ui-btn-letter-spacing:-0.15px;--ui-btn-split-divider-height:14px;--ui--btn-width-with-only-icon:34px;--ui-btn-corner-counter-inline-shift:13px;--ui-btn-counter-inline-space:6px}.ui-btn.--air.ui-btn-xs{--ui-btn-padding-right:7px;--ui-btn-padding-left:7px;--ui-btn-icon-compensation:2px;--ui-btn-radius:var(--ui-border-radius-xs);--ui-btn-font-size:var(--ui-font-size-xs);--ui-btn-font-weight:var(--ui-font-weight-normal);--ui-btn-icon-size:14px;--ui-btn-icon-space:4px;--ui-btn-dropdown-icon-size:14px;--ui-btn-dropdown-icon-inline-space:4px;--ui-btn-dropdown-icon-compensation:2px;--ui-btn-height:var(--ui-btn-size-xs);--ui-btn-wait-icon-size:14px;--ui-btn-letter-spacing:-0.1px;--ui-btn-split-divider-height:12px;--ui--btn-width-with-only-icon:28px;--ui-btn-corner-counter-inline-shift:11px;--ui-btn-counter-inline-space:6px}.ui-btn.--air.ui-btn-xss{--ui-btn-padding-right:7px;--ui-btn-padding-left:8px;--ui-btn-icon-compensation:5px;--ui-btn-radius:5px;--ui-btn-font-size:var(--ui-font-size-4xs);--ui-btn-font-weight:var(--ui-font-weight-normal);--ui-btn-icon-size:14px;--ui-btn-icon-space:4px;--ui-btn-dropdown-icon-size:12px;--ui-btn-dropdown-icon-inline-space:2px;--ui-btn-dropdown-icon-compensation:2px;--ui-btn-height:var(--ui-btn-size-xss);--ui-btn-wait-icon-size:12px;--ui--btn-width-with-only-icon:24px;--ui-btn-corner-counter-inline-shift:10px;--ui-btn-letter-spacing:0.1px;--ui-btn-split-divider-height:10px;--ui-btn-counter-inline-space:6px}.ui-btn.--air.--style-filled{--ui-btn-background:var(--ui-color-design-filled-bg);--ui-btn-border-color:var(--ui-color-design-filled-stroke);--ui-btn-border-width:var(--ui-design-filled-stroke-weight);--ui-btn-color:var(--ui-color-design-filled-content);--ui-btn-split-divider-color:var(--ui-color-design-filled-content-divider)}.ui-btn.--air.--style-tinted{--ui-btn-background:var(--ui-color-design-tinted-bg);--ui-btn-border-color:var(--ui-color-design-tinted-stroke);--ui-btn-border-width:var(--ui-design-tinted-stroke-weight);--ui-btn-color:var(--ui-color-design-tinted-content);--ui-btn-split-divider-color:var(--ui-color-design-tinted-content-divider)}.ui-btn.--air.--style-tinted-alert{--ui-btn-background:var(--ui-color-design-tinted-alert-bg);--ui-btn-border-color:var(--ui-color-design-tinted-alert-stroke);--ui-btn-border-width:var(--ui-design-tinted-alert-stroke-weight);--ui-btn-color:var(--ui-color-design-tinted-alert-content);--ui-btn-split-divider-color:var(--ui-color-design-tinted-alert-content-divider)}.ui-btn.--air.--style-outline-accent-1{--ui-btn-background:var(--ui-color-design-outline-a1-bg);--ui-btn-border-color:var(--ui-color-design-outline-a1-stroke);--ui-btn-border-width:var(--ui-design-outline-a1-stroke-weight);--ui-btn-color:var(--ui-color-design-outline-a1-content);--ui-btn-split-divider-color:var(--ui-color-design-outline-a1-content-divider)}.ui-btn.--air.--style-outline-accent-2{--ui-btn-background:var(--ui-color-design-outline-a2-bg);--ui-btn-border-color:var(--ui-color-design-outline-a2-stroke);--ui-btn-border-width:var(--ui-design-outline-a2-stroke-weight);--ui-btn-color:var(--ui-color-design-outline-a2-content);--ui-btn-split-divider-color:var(--ui-color-design-outline-a2-content-divider)}.ui-btn.--air.--style-outline{--ui-btn-background:var(--ui-color-design-outline-bg);--ui-btn-border-color:var(--ui-color-design-outline-stroke);--ui-btn-border-width:var(--ui-design-outline-stroke-weight);--ui-btn-color:var(--ui-color-design-outline-content);--ui-btn-split-divider-color:var(--ui-color-design-outline-content-divider)}.ui-btn.--air,.ui-btn.--air.--style-outline-no-accent{--ui-btn-background:var(--ui-color-design-outline-na-bg);--ui-btn-border-color:var(--ui-color-design-outline-na-stroke);--ui-btn-border-width:var(--ui-design-outline-na-stroke-weight);--ui-btn-color:var(--ui-color-design-outline-na-content);--ui-btn-split-divider-color:var(--ui-color-design-outline-na-content-divider)}.ui-btn.--air.--style-plain-accent{--ui-btn-background:var(--ui-color-design-plain-a-bg);--ui-btn-border-color:var(--ui-color-design-plain-a-stroke);--ui-btn-border-width:var(--ui-design-plain-a-stroke-weight);--ui-btn-color:var(--ui-color-design-plain-a-content);--ui-btn-split-divider-color:var(--ui-color-design-plain-a-content-divider)}.ui-btn.--air.--style-plain{--ui-btn-background:var(--ui-color-design-plain-bg);--ui-btn-border-color:var(--ui-color-design-plain-stroke);--ui-btn-border-width:var(--ui-design-plain-stroke-weight);--ui-btn-color:var(--ui-color-design-plain-content);--ui-btn-split-divider-color:var(--ui-color-design-plain-content-divider)}.ui-btn.--air.--style-plain-no-accent{--ui-btn-background:var(--ui-color-design-plain-na-bg);--ui-btn-border-color:var(--ui-color-design-plain-na-stroke);--ui-btn-border-width:var(--ui-design-plain-na-stroke-weight);--ui-btn-color:var(--ui-color-design-plain-na-content);--ui-btn-split-divider-color:var(--ui-color-design-plain-na-content-divider)}.ui-btn.--air.--style-selection{--ui-btn-background:var(--ui-color-design-selection-bg);--ui-btn-border-color:var(--ui-color-design-selection-stroke);--ui-btn-border-width:var(--ui-design-selection-stroke-weight);--ui-btn-color:var(--ui-color-design-selection-content);--ui-btn-split-divider-color:var(--ui-color-design-selection-content-divider)}.ui-btn.--air.--style-filled-copilot{--ui-btn-background:var(--ui-color-design-filled-copilot-bg);--ui-btn-border-color:var(--ui-color-design-filled-copilot-stroke);--ui-btn-border-width:var(--ui-design-filled-copilot-stroke-weight);--ui-btn-color:var(--ui-color-design-filled-copilot-content);--ui-btn-split-divider-color:var(--ui-color-design-filled-copilot-content-divider)}.ui-btn.--air.--style-filled-success{--ui-btn-background:var(--ui-color-design-filled-success-bg);--ui-btn-border-color:var(--ui-color-design-filled-success-stroke);--ui-btn-border-width:var(--ui-design-filled-success-stroke-weight);--ui-btn-color:var(--ui-color-design-filled-success-content);--ui-btn-split-divider-color:var(--ui-color-design-filled-success-content-divider)}.ui-btn.--air.--style-filled-alert{--ui-btn-background:var(--ui-color-design-filled-alert-bg);--ui-btn-border-color:var(--ui-color-design-filled-alert-stroke);--ui-btn-border-width:var(--ui-design-filled-success-stroke-weight);--ui-btn-color:var(--ui-color-design-filled-alert-content);--ui-btn-split-divider-color:var(--ui-color-design-filled-alert-content-divider)}.ui-btn.--air.--style-filled-boost{--ui-btn-border-color:var(--ui-color-design-filled-boost-stroke);--ui-btn-border-width:var(--ui-design-filled-boost-stroke-weight);--ui-btn-color:var(--ui-color-design-filled-boost-content);--ui-btn-split-divider-color:var(--ui-color-design-filled-boost-content-divider);--hover-color-1:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-1) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--hover-color-2:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-2) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--hover-color-3:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-3) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--active-color-1:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-1) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--active-color-2:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-2) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--active-color-3:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-3) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}}
package/dist/runtime/air-design-tokens/components/navigation-menu.css CHANGED
@@ -1 +1 @@
1
- @layer base{}@theme inline{--content-area-left-shift:22px;--air-header-min-height:58px;--air-footer-min-height:76px;--topbar-height:58px;--b24ui-header-height:var(--topbar-height)}.air-sidebar{background:var(--air-theme-background-blurred,none)}.clip-path-viewport-wrapper{clip-path:inset(0 -24px -28px -24px round 10px)}.menu-item-horizontal{--menu-item-border-radius:var(--ui-border-radius-sm);--menu-item-border:var(--ui-color-design-selection-stroke);--menu-item-color:var(--menu-item-color-default);--menu-item-color-default:var(--ui-color-design-plain-content);--menu-item-color-active:var(--ui-color-design-selection-content);--menu-item-background:var(--menu-item-background-default);--menu-item-background-default:transparent;--menu-item-background-hover:var(--ui-color-design-plain-na-focused-bg);--menu-item-background-active:var(--ui-color-design-selection-bg);transition:background-color .2s,opacity .2s}.menu-item-horizontal:hover{--menu-item-color-active:var(--ui-color-design-plain-na-focused-content)}.menu-item-horizontal-active{--menu-item-color:var(--menu-item-color-active);--menu-item-background:var(--menu-item-background-active)}.menu-item-vertical{--menu-item-color:var(--menu-item-color-default);--menu-item-color-default:var(--ui-color-design-plain-content);--menu-item-color-active:var(--ui-color-design-selection-content);--menu-item-background:var(--menu-item-background-default);--menu-item-background-default:transparent;--menu-item-background-hover:color-mix(in srgb,var(--menu-item-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--menu-item-background-active:var(--ui-color-design-selection-bg);transition:border-radius .2s ease-in-out,color .15s ease-in-out,background .15s ease-in-out}.menu-item-vertical:hover{transition-duration:.2s,.15s,0s}.menu-item-vertical-active{--menu-item-color:var(--menu-item-color-active);--menu-item-background:var(--menu-item-background-active)}.light,:root{--menu-item-block-stack-space:4px;--menu-width-expanded:240px;--menu-width-collapsed:66px;--menu-items-block-padding-x:14px;--menu-item-border-radius:var(--ui-border-radius-md);--leftmenu-bg:var(--ui-color-bg-content-secondary);--leftmenu-bg-expanded:var(--ui-color-bg-content-secondary);--leftmenu-bg-stroke:#fff;--leftmenu-bg-stroke-expanded:#fff;--leftmenu-bg-overlayed:rgba(33,51,76,.94);--leftmenu-bg-blur:0px;--leftmenu-bg-blur-expanded:0px;--leftmenu-width:66px;--leftmenu-width-expanded:240px;--leftmenu-bg-divider:var(--ui-color-divider-default);--leftmenu-group-bg:transparent;--leftmenu-group-stroke:var(--ui-color-divider-default);--leftmenu-group-stroke-weight:var(--ui-border-width-thin)}.dark{--leftmenu-bg:#262626;--leftmenu-bg-expanded:#262626;--leftmenu-bg-stroke:#3b3b3b;--leftmenu-bg-stroke-expanded:#3b3b3b;--leftmenu-bg-overlayed:rgba(52,74,103,.94);--leftmenu-bg-blur:0px;--leftmenu-bg-blur-expanded:0px;--leftmenu-bg-divider:var(--ui-color-divider-default);--leftmenu-group-bg:transparent;--leftmenu-group-stroke:var(--ui-color-divider-default);--leftmenu-group-stroke-weight:var(--ui-border-width-thin)}.edge-light{--leftmenu-bg:rgb(0 0 0/3%);--leftmenu-bg-expanded:rgb(0 0 0/2%);--leftmenu-bg-stroke:transparent;--leftmenu-bg-stroke-expanded:rgb(0 0 0/4%);--leftmenu-bg-overlayed:rgba(33,51,76,.94);--leftmenu-bg-blur:var(--ui-bg-blur-less);--leftmenu-bg-blur-expanded:var(--ui-bg-blur-less);--leftmenu-width:66px;--leftmenu-width-expanded:240px;--leftmenu-bg-divider:rgba(0,0,0,.1);--leftmenu-group-bg:var(--ui-color-bg-content-tertiary,rgb(0 0 0/3%));--leftmenu-group-stroke:var(--ui-color-divider-less);--leftmenu-group-stroke-weight:var(--ui-border-width-thin)}.edge-dark{--leftmenu-bg:hsla(0,0%,100%,.06);--leftmenu-bg-expanded:hsla(0,0%,100%,.03);--leftmenu-bg-stroke:transparent;--leftmenu-bg-stroke-expanded:hsla(0,0%,100%,.06);--leftmenu-bg-overlayed:rgba(33,51,76,.94);--leftmenu-bg-blur:var(--ui-bg-blur-less);--leftmenu-bg-blur-expanded:var(--ui-bg-blur-less);--leftmenu-width:66px;--leftmenu-width-expanded:240px;--leftmenu-bg-divider:hsla(0,0%,100%,.1);--leftmenu-group-bg:var(--ui-color-bg-content-tertiary,hsla(0,0%,100%,.08));--leftmenu-group-stroke:var(--ui-color-divider-less);--leftmenu-group-stroke-weight:var(--ui-border-width-thin)}.air-header,.light .air-header{--topbar-bg:var(--ui-color-bg-content-secondary);--topbar-bg-stroke:var(--ui-color-bg-content-primary);--topbar-bg-stroke-weight:0;--topbar-bg-blur:0px}.dark .air-header{--topbar-bg:#2d2d2d;--topbar-bg-stroke:#3d3d3d;--topbar-bg-stroke-weight:0;--topbar-bg-blur:0px}.edge-dark .air-header{--topbar-bg:hsla(0,0%,100%,.1);--topbar-bg-stroke:transparent;--topbar-bg-stroke-weight:0px;--topbar-bg-blur:var(--ui-bg-blur-less)}.edge-light .air-header{--topbar-bg:rgba(0,0,0,.05);--topbar-bg-stroke:transparent;--topbar-bg-stroke-weight:0px;--topbar-bg-blur:var(--ui-bg-blur-less)}.air-header:before{background:linear-gradient(to right,var(--topbar-bg),var(--topbar-bg)),var(--air-theme-background-blurred,none);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}
1
+ @theme inline{--content-area-left-shift:22px;--air-header-min-height:58px;--air-footer-min-height:76px;--topbar-height:58px;--b24ui-header-height:var(--topbar-height)}@layer components{.air-sidebar{background:var(--air-theme-background-blurred,none)}.clip-path-viewport-wrapper{clip-path:inset(0 -24px -28px -24px round 10px)}.menu-item-horizontal{--menu-item-border-radius:var(--ui-border-radius-sm);--menu-item-border:var(--ui-color-design-selection-stroke);--menu-item-color:var(--menu-item-color-default);--menu-item-color-default:var(--ui-color-design-plain-content);--menu-item-color-active:var(--ui-color-design-selection-content);--menu-item-background:var(--menu-item-background-default);--menu-item-background-default:transparent;--menu-item-background-hover:var(--ui-color-design-plain-na-focused-bg);--menu-item-background-active:var(--ui-color-design-selection-bg);transition:background-color .2s,opacity .2s}.menu-item-horizontal:hover{--menu-item-color-active:var(--ui-color-design-plain-na-focused-content)}.menu-item-horizontal-active{--menu-item-color:var(--menu-item-color-active);--menu-item-background:var(--menu-item-background-active)}.menu-item-vertical{--menu-item-color:var(--menu-item-color-default);--menu-item-color-default:var(--ui-color-design-plain-content);--menu-item-color-active:var(--ui-color-design-selection-content);--menu-item-background:var(--menu-item-background-default);--menu-item-background-default:transparent;--menu-item-background-hover:color-mix(in srgb,var(--menu-item-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--menu-item-background-active:var(--ui-color-design-selection-bg);transition:border-radius .2s ease-in-out,color .15s ease-in-out,background .15s ease-in-out}.menu-item-vertical:hover{transition-duration:.2s,.15s,0s}.menu-item-vertical-active{--menu-item-color:var(--menu-item-color-active);--menu-item-background:var(--menu-item-background-active)}.light,:root{--menu-item-block-stack-space:4px;--menu-width-expanded:240px;--menu-width-collapsed:66px;--menu-items-block-padding-x:14px;--menu-item-border-radius:var(--ui-border-radius-md);--leftmenu-bg:var(--ui-color-bg-content-secondary);--leftmenu-bg-expanded:var(--ui-color-bg-content-secondary);--leftmenu-bg-stroke:#fff;--leftmenu-bg-stroke-expanded:#fff;--leftmenu-bg-overlayed:rgba(33,51,76,.94);--leftmenu-bg-blur:0px;--leftmenu-bg-blur-expanded:0px;--leftmenu-width:66px;--leftmenu-width-expanded:240px;--leftmenu-bg-divider:var(--ui-color-divider-default);--leftmenu-group-bg:transparent;--leftmenu-group-stroke:var(--ui-color-divider-default);--leftmenu-group-stroke-weight:var(--ui-border-width-thin)}.dark{--leftmenu-bg:#262626;--leftmenu-bg-expanded:#262626;--leftmenu-bg-stroke:#3b3b3b;--leftmenu-bg-stroke-expanded:#3b3b3b;--leftmenu-bg-overlayed:rgba(52,74,103,.94);--leftmenu-bg-blur:0px;--leftmenu-bg-blur-expanded:0px;--leftmenu-bg-divider:var(--ui-color-divider-default);--leftmenu-group-bg:transparent;--leftmenu-group-stroke:var(--ui-color-divider-default);--leftmenu-group-stroke-weight:var(--ui-border-width-thin)}.edge-light{--leftmenu-bg:rgb(0 0 0/3%);--leftmenu-bg-expanded:rgb(0 0 0/2%);--leftmenu-bg-stroke:transparent;--leftmenu-bg-stroke-expanded:rgb(0 0 0/4%);--leftmenu-bg-overlayed:rgba(33,51,76,.94);--leftmenu-bg-blur:var(--ui-bg-blur-less);--leftmenu-bg-blur-expanded:var(--ui-bg-blur-less);--leftmenu-width:66px;--leftmenu-width-expanded:240px;--leftmenu-bg-divider:rgba(0,0,0,.1);--leftmenu-group-bg:var(--ui-color-bg-content-tertiary,rgb(0 0 0/3%));--leftmenu-group-stroke:var(--ui-color-divider-less);--leftmenu-group-stroke-weight:var(--ui-border-width-thin)}.edge-dark{--leftmenu-bg:hsla(0,0%,100%,.06);--leftmenu-bg-expanded:hsla(0,0%,100%,.03);--leftmenu-bg-stroke:transparent;--leftmenu-bg-stroke-expanded:hsla(0,0%,100%,.06);--leftmenu-bg-overlayed:rgba(33,51,76,.94);--leftmenu-bg-blur:var(--ui-bg-blur-less);--leftmenu-bg-blur-expanded:var(--ui-bg-blur-less);--leftmenu-width:66px;--leftmenu-width-expanded:240px;--leftmenu-bg-divider:hsla(0,0%,100%,.1);--leftmenu-group-bg:var(--ui-color-bg-content-tertiary,hsla(0,0%,100%,.08));--leftmenu-group-stroke:var(--ui-color-divider-less);--leftmenu-group-stroke-weight:var(--ui-border-width-thin)}.air-header,.light .air-header{--topbar-bg:var(--ui-color-bg-content-secondary);--topbar-bg-stroke:var(--ui-color-bg-content-primary);--topbar-bg-stroke-weight:0;--topbar-bg-blur:0px}.dark .air-header{--topbar-bg:#2d2d2d;--topbar-bg-stroke:#3d3d3d;--topbar-bg-stroke-weight:0;--topbar-bg-blur:0px}.edge-dark .air-header{--topbar-bg:hsla(0,0%,100%,.1);--topbar-bg-stroke:transparent;--topbar-bg-stroke-weight:0px;--topbar-bg-blur:var(--ui-bg-blur-less)}.edge-light .air-header{--topbar-bg:rgba(0,0,0,.05);--topbar-bg-stroke:transparent;--topbar-bg-stroke-weight:0px;--topbar-bg-blur:var(--ui-bg-blur-less)}.air-header:before{background:linear-gradient(to right,var(--topbar-bg),var(--topbar-bg)),var(--air-theme-background-blurred,none);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}}
package/dist/runtime/air-design-tokens/components/popup.css CHANGED
@@ -1 +1 @@
1
- @theme inline{--popup-window-background-color:var(--ui-color-base-white-fixed);--popup-window-border-radius:14px;--popup-window-content-border-radius:4px;--popup-window-box-shadow:0 8px 17px 0 rgba(0,0,0,.21);--popup-window-button-border-radius:var(--ui-border-radius-2xs);--popup-window-delimiter-margin:0 18px;--popup-window-delimiter-height:17px;--popup-window-delimiter-section-height:33px;--popup-window-delimiter-text-transform:none;--popup-window-delimiter-font-size:12px;--popup-window-delimiter-text-color:#a7a7a7;--popup-window-delimiter-font-weight:var(--ui-font-weight-normal);--popup-window-delimiter-bg-color:#f0f0f0;--popup-window-delimiter-left-line-display:none;--popup-window-delimiter-text-padding:0 10px 0 0;--menu-popup-padding:10px;--menu-popup-item-font-size:14px;--menu-popup-item-color:#333;--menu-popup-item-color-hover:#333;--menu-popup-item-color-active:#333;--menu-popup-item-bg-color-hover:#00000008;--menu-popup-item-bg-color-active:#0000000f;--menu-popup-item-padding:0 18px;--menu-popup-item-has-submenu-padding:60px;--menu-popup-item-chevron-width:24px;--menu-popup-item-chevron-height:25px;--menu-popup-item-chevron-right:18px}
1
+ @layer theme{:host,:root{--popup-window-background-color:var(--ui-color-base-white-fixed);--popup-window-border-radius:14px;--popup-window-content-border-radius:4px;--popup-window-box-shadow:0 8px 17px 0 rgba(0,0,0,.21);--popup-window-button-border-radius:var(--ui-border-radius-2xs);--popup-window-delimiter-margin:0 18px;--popup-window-delimiter-height:17px;--popup-window-delimiter-section-height:33px;--popup-window-delimiter-text-transform:none;--popup-window-delimiter-font-size:12px;--popup-window-delimiter-text-color:#a7a7a7;--popup-window-delimiter-font-weight:var(--ui-font-weight-normal);--popup-window-delimiter-bg-color:#f0f0f0;--popup-window-delimiter-left-line-display:none;--popup-window-delimiter-text-padding:0 10px 0 0;--menu-popup-padding:10px;--menu-popup-item-font-size:14px;--menu-popup-item-color:#333;--menu-popup-item-color-hover:#333;--menu-popup-item-color-active:#333;--menu-popup-item-bg-color-hover:#00000008;--menu-popup-item-bg-color-active:#0000000f;--menu-popup-item-padding:0 18px;--menu-popup-item-has-submenu-padding:60px;--menu-popup-item-chevron-width:24px;--menu-popup-item-chevron-height:25px;--menu-popup-item-chevron-right:18px}}
package/dist/runtime/air-design-tokens/components/scrollbar.css CHANGED
@@ -1,2 +1 @@
1
- .scrollbar-thin{scrollbar-width:thin}.scrollbar-transparent{scrollbar-color:transparent transparent;scrollbar-gutter:stable}.scrollbar-transparent:hover{scrollbar-color:rgba(82,92,105,.36) transparent}.edge-dark .scrollbar-transparent:hover
2
- DD{scrollbar-color:hsla(0,0%,100%,.36) transparent}.dark .scrollbar-transparent{scrollbar-color:rgba(0,0,0,.21) transparent}.dark .scrollbar-transparent:hover{scrollbar-color:#515a67 transparent}.light .scrollbar-transparent{scrollbar-color:transparent transparent}.light .scrollbar-transparent:hover{scrollbar-color:rgba(82,92,105,.36) transparent}
1
+ @layer components{.scrollbar-thin{scrollbar-width:thin}.scrollbar-transparent{scrollbar-color:transparent transparent;scrollbar-gutter:stable}.scrollbar-transparent:hover{scrollbar-color:rgba(82,92,105,.36) transparent}.edge-dark .scrollbar-transparent:hover{scrollbar-color:hsla(0,0%,100%,.36) transparent}.dark .scrollbar-transparent{scrollbar-color:rgba(0,0,0,.21) transparent}.dark .scrollbar-transparent:hover{scrollbar-color:#515a67 transparent}.light .scrollbar-transparent{scrollbar-color:transparent transparent}.light .scrollbar-transparent:hover{scrollbar-color:rgba(82,92,105,.36) transparent}}
package/dist/runtime/air-design-tokens/index.css CHANGED
@@ -1 +1 @@
1
- @import "./001_b24_global.css";@import "./002_b24_context_utility.css";@import "./003_b24_context_light.css";@import "./004_b24_context_dark.css";@import "./005_b24_context_edge-light.css";@import "./006_b24_context_edge-dark.css";@import "./007_b24_global.css";@import "./008_ui_global.css";@import "./009_b24_tools.css";@import "./components/popup.css";@import "./components/scrollbar.css";@import "./components/navigation-menu.css";@import "./components/badge-counter.css";@import "./components/button.css";
1
+ @import "./001_b24_global.css";@import "./003_b24_context_light.css";@import "./004_b24_context_dark.css";@import "./005_b24_context_edge-light.css";@import "./006_b24_context_edge-dark.css";@import "./007_b24_global.css";@import "./008_ui_global.css";@import "./009_b24_tools.css";@import "./components/popup.css";@import "./components/scrollbar.css";@import "./components/navigation-menu.css";@import "./components/badge-counter.css";@import "./components/button.css";
package/dist/runtime/components/Advice.d.vue.ts CHANGED
@@ -3,7 +3,7 @@ import theme from '#build/b24ui/advice';
3
3
  import type { UseComponentIconsProps } from '../composables/useComponentIcons';
4
4
  import type { ComponentConfig } from '../types/tv';
5
5
  type Advice = ComponentConfig<typeof theme, AppConfig, 'advice'>;
6
- export interface AdviceProps extends Omit<UseComponentIconsProps, 'loading' | 'trailing' | 'trailingIcon'> {
6
+ export interface AdviceProps extends /** @vue-ignore */ Omit<UseComponentIconsProps, 'loading' | 'trailing' | 'trailingIcon'> {
7
7
  /**
8
8
  * The element or component this component should render as.
9
9
  * @defaultValue 'div'
package/dist/runtime/components/Advice.vue CHANGED
@@ -15,9 +15,7 @@ const props = defineProps({
15
15
  description: { type: String, required: false },
16
16
  angle: { type: null, required: false, default: "bottom" },
17
17
  class: { type: null, required: false },
18
- b24ui: { type: null, required: false },
19
- icon: { type: [Function, Object], required: false },
20
- avatar: { type: Object, required: false }
18
+ b24ui: { type: null, required: false }
21
19
  });
22
20
  const slots = defineSlots();
23
21
  const appConfig = useAppConfig();
package/dist/runtime/components/Advice.vue.d.ts CHANGED
@@ -3,7 +3,7 @@ import theme from '#build/b24ui/advice';
3
3
  import type { UseComponentIconsProps } from '../composables/useComponentIcons';
4
4
  import type { ComponentConfig } from '../types/tv';
5
5
  type Advice = ComponentConfig<typeof theme, AppConfig, 'advice'>;
6
- export interface AdviceProps extends Omit<UseComponentIconsProps, 'loading' | 'trailing' | 'trailingIcon'> {
6
+ export interface AdviceProps extends /** @vue-ignore */ Omit<UseComponentIconsProps, 'loading' | 'trailing' | 'trailingIcon'> {
7
7
  /**
8
8
  * The element or component this component should render as.
9
9
  * @defaultValue 'div'