x-next 1.17.0 → 1.18.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (189) hide show
  1. package/AI_USAGE/catalog.md +1 -1
  2. package/AI_USAGE/components/alert-api.md +1 -1
  3. package/AI_USAGE/components/alert.md +33 -1
  4. package/AI_USAGE/components/bar-chart-api.md +1 -1
  5. package/AI_USAGE/components/bar-chart.md +1 -1
  6. package/AI_USAGE/components/boxicons.md +1 -1
  7. package/AI_USAGE/components/button-api.md +13 -16
  8. package/AI_USAGE/components/button.md +245 -34
  9. package/AI_USAGE/components/charts.md +1 -1
  10. package/AI_USAGE/components/checkbox-api.md +1 -1
  11. package/AI_USAGE/components/checkbox.md +1 -1
  12. package/AI_USAGE/components/color-picker-api.md +1 -1
  13. package/AI_USAGE/components/color-picker.md +1 -1
  14. package/AI_USAGE/components/config-provider-api.md +1 -1
  15. package/AI_USAGE/components/config-provider.md +1 -1
  16. package/AI_USAGE/components/date-picker-api.md +44 -26
  17. package/AI_USAGE/components/date-picker.md +78 -3
  18. package/AI_USAGE/components/dialog-api.md +2 -2
  19. package/AI_USAGE/components/dialog.md +5 -1
  20. package/AI_USAGE/components/draggable-api.md +1 -1
  21. package/AI_USAGE/components/draggable.md +1 -1
  22. package/AI_USAGE/components/drawer-api.md +3 -3
  23. package/AI_USAGE/components/drawer.md +1 -1
  24. package/AI_USAGE/components/dropdown-api.md +8 -3
  25. package/AI_USAGE/components/dropdown.md +2 -2
  26. package/AI_USAGE/components/empty-api.md +1 -1
  27. package/AI_USAGE/components/empty.md +1 -1
  28. package/AI_USAGE/components/finicon.md +1 -1
  29. package/AI_USAGE/components/form-api.md +1 -1
  30. package/AI_USAGE/components/form.md +1 -1
  31. package/AI_USAGE/components/grid-api.md +1 -1
  32. package/AI_USAGE/components/grid.md +1 -1
  33. package/AI_USAGE/components/heatmap-api.md +1 -1
  34. package/AI_USAGE/components/heatmap.md +1 -1
  35. package/AI_USAGE/components/icon-api.md +1 -1
  36. package/AI_USAGE/components/icon.md +1 -1
  37. package/AI_USAGE/components/image-api.md +1 -1
  38. package/AI_USAGE/components/image.md +1 -1
  39. package/AI_USAGE/components/input-api.md +2 -2
  40. package/AI_USAGE/components/input-number-api.md +1 -1
  41. package/AI_USAGE/components/input-number.md +1 -1
  42. package/AI_USAGE/components/input-tag-api.md +1 -1
  43. package/AI_USAGE/components/input-tag.md +1 -1
  44. package/AI_USAGE/components/input.md +1 -1
  45. package/AI_USAGE/components/layout-api.md +1 -1
  46. package/AI_USAGE/components/layout.md +1 -1
  47. package/AI_USAGE/components/line-chart-api.md +1 -1
  48. package/AI_USAGE/components/line-chart.md +1 -1
  49. package/AI_USAGE/components/link-api.md +1 -1
  50. package/AI_USAGE/components/link.md +1 -1
  51. package/AI_USAGE/components/menu-api.md +1 -1
  52. package/AI_USAGE/components/menu.md +1 -1
  53. package/AI_USAGE/components/message-api.md +1 -1
  54. package/AI_USAGE/components/message-box-api.md +1 -1
  55. package/AI_USAGE/components/message-box.md +1 -1
  56. package/AI_USAGE/components/message.md +1 -1
  57. package/AI_USAGE/components/network-api.md +1 -1
  58. package/AI_USAGE/components/network.md +1 -1
  59. package/AI_USAGE/components/notification-api.md +1 -1
  60. package/AI_USAGE/components/notification.md +1 -1
  61. package/AI_USAGE/components/pagination-api.md +1 -1
  62. package/AI_USAGE/components/pagination.md +1 -1
  63. package/AI_USAGE/components/pie-chart-api.md +1 -1
  64. package/AI_USAGE/components/pie-chart.md +1 -1
  65. package/AI_USAGE/components/popconfirm-api.md +3 -3
  66. package/AI_USAGE/components/popconfirm.md +1 -1
  67. package/AI_USAGE/components/popover-api.md +1 -1
  68. package/AI_USAGE/components/popover.md +3 -1
  69. package/AI_USAGE/components/popup-api.md +1 -1
  70. package/AI_USAGE/components/popup.md +1 -1
  71. package/AI_USAGE/components/progress-api.md +1 -1
  72. package/AI_USAGE/components/progress.md +1 -1
  73. package/AI_USAGE/components/radio-api.md +1 -1
  74. package/AI_USAGE/components/radio.md +1 -1
  75. package/AI_USAGE/components/rate-api.md +1 -1
  76. package/AI_USAGE/components/rate.md +1 -1
  77. package/AI_USAGE/components/resize-box-api.md +1 -1
  78. package/AI_USAGE/components/resize-box.md +1 -1
  79. package/AI_USAGE/components/scrollbar-api.md +1 -1
  80. package/AI_USAGE/components/scrollbar.md +1 -1
  81. package/AI_USAGE/components/select-api.md +1 -1
  82. package/AI_USAGE/components/select.md +1 -1
  83. package/AI_USAGE/components/skeleton-api.md +1 -1
  84. package/AI_USAGE/components/skeleton.md +1 -1
  85. package/AI_USAGE/components/slider-api.md +1 -1
  86. package/AI_USAGE/components/slider.md +1 -1
  87. package/AI_USAGE/components/space-api.md +1 -1
  88. package/AI_USAGE/components/space.md +1 -1
  89. package/AI_USAGE/components/spin-api.md +1 -1
  90. package/AI_USAGE/components/spin.md +1 -1
  91. package/AI_USAGE/components/steps-api.md +1 -1
  92. package/AI_USAGE/components/steps.md +1 -1
  93. package/AI_USAGE/components/switch-api.md +1 -1
  94. package/AI_USAGE/components/switch.md +1 -1
  95. package/AI_USAGE/components/table-api.md +1 -1
  96. package/AI_USAGE/components/table.md +1 -1
  97. package/AI_USAGE/components/tabs-api.md +1 -1
  98. package/AI_USAGE/components/tabs.md +1 -1
  99. package/AI_USAGE/components/tag-api.md +1 -1
  100. package/AI_USAGE/components/tag.md +1 -1
  101. package/AI_USAGE/components/textarea-api.md +1 -1
  102. package/AI_USAGE/components/textarea.md +1 -1
  103. package/AI_USAGE/components/time-picker-api.md +1 -1
  104. package/AI_USAGE/components/time-picker.md +1 -1
  105. package/AI_USAGE/components/time-range-selector-api.md +1 -1
  106. package/AI_USAGE/components/time-range-selector.md +1 -1
  107. package/AI_USAGE/components/timeline-api.md +3 -3
  108. package/AI_USAGE/components/timeline.md +1 -1
  109. package/AI_USAGE/components/tooltip-api.md +1 -1
  110. package/AI_USAGE/components/tooltip.md +1 -1
  111. package/AI_USAGE/components/transfer-api.md +1 -1
  112. package/AI_USAGE/components/transfer.md +1 -1
  113. package/AI_USAGE/components/tree-select-api.md +1 -1
  114. package/AI_USAGE/components/tree-select.md +1 -1
  115. package/AI_USAGE/components/trend-chart-api.md +1 -1
  116. package/AI_USAGE/components/trend-chart.md +1 -1
  117. package/AI_USAGE/components/trigger-api.md +1 -1
  118. package/AI_USAGE/components/trigger.md +1 -1
  119. package/AI_USAGE/components/upload-api.md +1 -1
  120. package/AI_USAGE/components/upload.md +1 -1
  121. package/AI_USAGE/components/watermark-api.md +1 -1
  122. package/AI_USAGE/components/watermark.md +1 -1
  123. package/AI_USAGE/core.md +1 -1
  124. package/AI_USAGE/index.md +1 -1
  125. package/AI_USAGE/recipes/form-on-demand.md +1 -1
  126. package/AI_USAGE.md +432 -88
  127. package/CHANGELOG.md +36 -0
  128. package/dist/_container/render-function.d.ts +2 -2
  129. package/dist/_styles/palette-aliases.d.ts +1 -0
  130. package/dist/components/_components/picker/input-range.vue.d.ts +1 -1
  131. package/dist/components/button/Button.d.ts +0 -9
  132. package/dist/components/button/appearance.d.ts +7 -0
  133. package/dist/components/button/index.d.ts +0 -16
  134. package/dist/components/button/props.d.ts +2 -6
  135. package/dist/components/color-picker/panel.d.ts +0 -9
  136. package/dist/components/date-picker/DatePanel.vue.d.ts +10 -1
  137. package/dist/components/date-picker/DatePicker.vue.d.ts +22 -25
  138. package/dist/components/date-picker/index.d.ts +156 -84
  139. package/dist/components/date-picker/utils.d.ts +4 -4
  140. package/dist/components/drawer/index.d.ts +0 -30
  141. package/dist/components/drawer/src/Drawer.vue.d.ts +0 -15
  142. package/dist/components/dropdown/Dropdown.vue.d.ts +1 -0
  143. package/dist/components/dropdown/DropdownButton.vue.d.ts +1 -15
  144. package/dist/components/dropdown/DropdownSubmenu.vue.d.ts +1 -0
  145. package/dist/components/dropdown/context.d.ts +1 -0
  146. package/dist/components/dropdown/index.d.ts +8 -30
  147. package/dist/components/dropdown/use-keyboard.d.ts +1 -0
  148. package/dist/components/menu/MenuItem.d.ts +2 -2
  149. package/dist/components/menu/context.d.ts +3 -3
  150. package/dist/components/menu/index.d.ts +6 -6
  151. package/dist/components/menu/sub-menu-pop.vue.d.ts +2 -2
  152. package/dist/components/popconfirm/src/popup.vue.d.ts +0 -15
  153. package/dist/components/time-picker/TimePanel.vue.d.ts +0 -15
  154. package/dist/components/time-picker/TimePicker.vue.d.ts +1 -16
  155. package/dist/components/time-picker/index.d.ts +2 -32
  156. package/dist/es/_styles/palette-aliases.js +102 -17
  157. package/dist/es/_utils/palette.js +54 -54
  158. package/dist/es/components/_components/picker/input-range.vue.js +12 -12
  159. package/dist/es/components/_components/picker/input-range.vue2.js +45 -45
  160. package/dist/es/components/_components/picker/input.vue2.js +24 -24
  161. package/dist/es/components/button/Button.js +77 -49
  162. package/dist/es/components/button/appearance.js +7 -0
  163. package/dist/es/components/button/props.js +0 -4
  164. package/dist/es/components/date-picker/DatePanel.vue.js +47 -47
  165. package/dist/es/components/date-picker/DatePanel.vue2.js +68 -59
  166. package/dist/es/components/date-picker/DatePicker.vue.js +65 -59
  167. package/dist/es/components/date-picker/DatePicker.vue2.js +387 -284
  168. package/dist/es/components/date-picker/index.js +57 -36
  169. package/dist/es/components/date-picker/utils.js +132 -122
  170. package/dist/es/components/dialog/Dialog.js +43 -40
  171. package/dist/es/components/dialog/props.js +1 -1
  172. package/dist/es/components/dropdown/Dropdown.vue2.js +66 -50
  173. package/dist/es/components/dropdown/dropdown-panel.vue2.js +48 -43
  174. package/dist/es/components/dropdown/use-keyboard.js +36 -28
  175. package/dist/es/components/popover/Popover.js +72 -32
  176. package/dist/es/directives/wave.js +14 -8
  177. package/dist/es/style.css +1 -1
  178. package/dist/index.cjs +3 -3
  179. package/dist/index.umd.js +3 -3
  180. package/dist/style/alert.css +1 -1
  181. package/dist/style/base.css +1 -1
  182. package/dist/style/button.css +1 -1
  183. package/dist/style/color-picker.css +1 -1
  184. package/dist/style/date-picker.css +1 -1
  185. package/dist/style/dialog.css +1 -1
  186. package/dist/style/link.css +1 -1
  187. package/dist/style/message-box.css +1 -1
  188. package/dist/style.css +1 -1
  189. package/package.json +2 -1
package/dist/style/base.css CHANGED
@@ -1 +1 @@
1
- :root{--x-color-primary-1: #e8f3ff;--x-color-primary-2: #bfdbff;--x-color-primary-3: #96c1ff;--x-color-primary-4: #6ea4ff;--x-color-primary-5: #4584ff;--x-color-primary-6: var(--x-color-primary);--x-color-primary-7: #003de2;--x-color-primary-8: #0028a9;--x-color-primary-9: #001770;--x-color-success-1: #ebffe8;--x-color-success-2: #afffa8;--x-color-success-3: #70ff68;--x-color-success-4: #2cff29;--x-color-success-5: #00e804;--x-color-success-6: var(--x-color-success);--x-color-success-7: #00950d;--x-color-success-8: #008310;--x-color-success-9: #007012;--x-color-danger-1: #fceeeb;--x-color-danger-2: #f7c9c3;--x-color-danger-3: #f1a29b;--x-color-danger-4: #eb7972;--x-color-danger-5: #e64d4a;--x-color-danger-6: var(--x-color-danger);--x-color-danger-7: #b81a22;--x-color-danger-8: #8d141e;--x-color-danger-9: #620e18;--x-color-strong-1: #fff8e8;--x-color-strong-2: #ffe6ba;--x-color-strong-3: #ffd28b;--x-color-strong-4: #ffbb5d;--x-color-strong-5: #ffa02e;--x-color-strong-6: var(--x-color-strong);--x-color-strong-7: #cf6300;--x-color-strong-8: #a04700;--x-color-strong-9: #702e00;--x-color-warning-1: #fffde8;--x-color-warning-2: #fff5ba;--x-color-warning-3: #ffeb8b;--x-color-warning-4: #ffdd5d;--x-color-warning-5: #ffcc2e;--x-color-warning-6: var(--x-color-warning);--x-color-warning-7: #cf8f00;--x-color-warning-8: #a06800;--x-color-warning-9: #704500}:root{--x-color-primary: rgb(28 97 255 / 100%);--x-color-success: rgb(0 168 9 / 100%);--x-color-danger: rgb(224 34 37 / 100%);--x-color-strong: rgb(255 130 0 / 100%);--x-color-warning: rgb(255 184 0 / 100%);--x-color-info: rgb(98 98 98 / 100%);--x-color-1: rgb(36 41 52 / 100%);--x-color-2: rgb(100 107 122 / 100%);--x-color-3: rgb(156 166 185 / 100%);--x-color-4: rgb(188 196 214 / 100%);--x-color-5: rgb(207, 213, 232);--x-color-6: rgb(237 241 246 / 100%);--x-color-7: rgb(245 247 251 / 100%);--x-color-white: rgb(255 255 255 / 100%);--x-color-black: rgb(0 0 0 / 100%);--x-color-constant-dark: rgb(36 41 52 / 100%);--x-color-constant-neutral-strong: rgb(78 89 105 / 100%);--x-color-constant-neutral-strong-hover: rgb(107 119 133 / 100%);--x-color-constant-neutral-strong-active: rgb(39 46 59 / 100%);--x-color-transparent: transparent;--x-color-primary-light-1: var(--x-color-primary-1);--x-color-primary-light-2: var(--x-color-primary-light-1);--x-color-primary-light-3: var(--x-color-primary-light-1);--x-color-success-light-1: var(--x-color-success-1);--x-color-danger-light-1: var(--x-color-danger-1);--x-color-danger-light-2: var(--x-color-danger-2);--x-color-warning-light-1: var(--x-color-warning-1);--x-color-bg-2: var(--x-color-7);--x-color-bg-5: var(--x-color-7);--x-color-bg-white: rgb(255 255 255 / 100%);--gray-1: 247, 248, 250;--gray-2: 242, 243, 245;--gray-3: 229, 230, 235;--gray-4: 201, 205, 212;--gray-5: 169, 174, 184;--gray-6: 134, 144, 156;--gray-7: 107, 119, 133;--gray-8: 78, 89, 105;--gray-9: 39, 46, 59;--gray-10: 29, 33, 41;--x-color-neutral-1: rgb(var(--gray-1));--x-color-neutral-2: rgb(var(--gray-2));--x-color-neutral-3: rgb(var(--gray-3));--x-color-neutral-4: rgb(var(--gray-4));--x-color-neutral-5: rgb(var(--gray-5));--x-color-neutral-6: rgb(var(--gray-6));--x-color-neutral-7: rgb(var(--gray-7));--x-color-neutral-8: rgb(var(--gray-8));--x-color-neutral-9: rgb(var(--gray-9));--x-color-neutral-10: rgb(var(--gray-10));--x-color-fill-1: rgb(248, 248, 248);--x-color-fill-2: rgb(245, 245, 245);--x-color-fill-3: rgb(242, 243, 245);--x-color-fill-4: rgb(210, 210, 210);--x-color-fill-5: rgb(199, 199, 199);--x-color-fill-6: rgb(175, 175, 175);--x-color-text-1: rgb(29, 33, 41);--x-color-text-2: rgb(78, 89, 105);--x-color-text-3: rgb(134, 144, 156);--x-color-text-4: rgb(201, 205, 212);--x-size-none: 0;--x-size-1: 4px;--x-size-2: 8px;--x-size-3: 12px;--x-size-4: 16px;--x-size-5: 20px;--x-size-6: 24px;--x-size-7: 28px;--x-size-8: 32px;--x-size-9: 36px;--x-size-10: 40px;--x-size-11: 44px;--x-size-12: 48px;--x-size-13: 52px;--x-size-14: 56px;--x-size-15: 60px;--x-size-16: 64px;--x-size-17: 68px;--x-size-18: 72px;--x-size-19: 76px;--x-size-20: 80px;--x-size-21: 84px;--x-size-22: 88px;--x-size-23: 92px;--x-size-24: 96px;--x-size-25: 100px;--x-size-26: 104px;--x-size-27: 108px;--x-size-28: 112px;--x-size-29: 116px;--x-size-30: 120px;--x-size-31: 124px;--x-size-32: 128px;--x-size-33: 132px;--x-size-34: 136px;--x-size-35: 140px;--x-size-36: 144px;--x-size-37: 148px;--x-size-38: 152px;--x-size-39: 156px;--x-size-40: 160px;--x-size-41: 164px;--x-size-42: 168px;--x-size-43: 172px;--x-size-44: 176px;--x-size-45: 180px;--x-size-46: 184px;--x-size-47: 188px;--x-size-48: 192px;--x-size-49: 196px;--x-size-50: 200px;--x-size-mini: var(--x-size-6);--x-size-small: var(--x-size-7);--x-size-medium: var(--x-size-8);--x-size-default: var(--x-size-8);--x-size-large: var(--x-size-9);--x-size-huge: var(--x-size-10);--x-spacing-none: 0;--x-spacing-1: 2px;--x-spacing-2: 4px;--x-spacing-3: 6px;--x-spacing-4: 8px;--x-spacing-5: 10px;--x-spacing-6: 12px;--x-spacing-7: 16px;--x-spacing-8: 20px;--x-spacing-9: 24px;--x-spacing-10: 32px;--x-spacing-11: 36px;--x-spacing-12: 40px;--x-spacing-13: 48px;--x-spacing-14: 56px;--x-spacing-15: 60px;--x-spacing-16: 64px;--x-spacing-17: 72px;--x-spacing-18: 80px;--x-spacing-19: 84px;--x-spacing-20: 96px;--x-spacing-21: 100px;--x-spacing-22: 120px;--x-border-none: 0;--x-border-1: 1px;--x-border-2: 2px;--x-border-3: 3px;--x-border-4: 4px;--x-border-5: 5px;--x-border-solid: solid;--x-border-dashed: dashed;--x-border-dotted: dotted;--x-border-radius: var(--x-border-radius-medium);--x-border-radius-none: 0;--x-border-radius-small: 2px;--x-border-radius-medium: 4px;--x-border-radius-large: 8px;--x-border-radius-circle: 50%;--x-font-size-display-3: 56px;--x-font-size-display-2: 48px;--x-font-size-display-1: 36px;--x-font-size-title-3: 24px;--x-font-size-title-2: 20px;--x-font-size-title-1: 16px;--x-font-size-body-3: 14px;--x-font-size-body-2: 13px;--x-font-size-body-1: 12px;--x-font-size-caption: 12px;--x-font-weight-100: 100;--x-font-weight-200: 200;--x-font-weight-300: 300;--x-font-weight-400: 400;--x-font-weight-500: 500;--x-font-weight-600: 600;--x-font-weight-700: 700;--x-font-weight-800: 800;--x-font-weight-900: 900;--x-transition-duration-1: 0.1s;--x-transition-duration-2: 0.2s;--x-transition-duration-3: 0.3s;--x-transition-duration-4: 0.4s;--x-transition-duration-5: 0.5s;--x-transition-duration-loading: 1s;--x-transition-timing-function-linear: cubic-bezier(0, 0, 1, 1);--x-transition-timing-function-standard: cubic-bezier(0.34, 0.69, 0.1, 1);--x-transition-timing-function-overshoot: cubic-bezier(0.3, 1.3, 0.3, 1);--x-transition-timing-function-decelerate: cubic-bezier(0.4, 0.8, 0.74, 1);--x-transition-timing-function-accelerate: cubic-bezier(0.26, 0, 0.6, 0.2);--x-line-height-base: 1.5715;--x-shadow-none: none;--x-shadow-special: 0 0 1px rgba(0, 0, 0, 0.3);--x-shadow1-center: 0 0 5px rgba(0, 0, 0, 0.1);--x-shadow1-up: 0 -2px 5px rgba(0, 0, 0, 0.1);--x-shadow1-down: 0 2px 5px rgba(0, 0, 0, 0.1);--x-shadow1-left: -2px 0 5px rgba(0, 0, 0, 0.1);--x-shadow1-right: 2px 0 5px rgba(0, 0, 0, 0.1);--x-shadow1-left-up: -2px -2px 5px rgba(0, 0, 0, 0.1);--x-shadow1-left-down: -2px 2px 5px rgba(0, 0, 0, 0.1);--x-shadow1-right-up: 2px -2px 5px rgba(0, 0, 0, 0.1);--x-shadow1-right-down: 2px 2px 5px rgba(0, 0, 0, 0.1);--x-shadow2-center: 0 0 10px rgba(0, 0, 0, 0.1);--x-shadow2-up: 0 -4px 10px rgba(0, 0, 0, 0.1);--x-shadow2-down: 0 4px 10px rgba(0, 0, 0, 0.1);--x-shadow2-left: -4px 0 10px rgba(0, 0, 0, 0.1);--x-shadow2-right: 4px 0 10px rgba(0, 0, 0, 0.1);--x-shadow2-left-up: -4px -4px 10px rgba(0, 0, 0, 0.1);--x-shadow2-left-down: -4px 4px 10px rgba(0, 0, 0, 0.1);--x-shadow2-right-up: 4px -4px 10px rgba(0, 0, 0, 0.1);--x-shadow2-right-down: 4px 4px 10px rgba(0, 0, 0, 0.1);--x-shadow3-center: 0 0 20px rgba(0, 0, 0, 0.1);--x-shadow3-up: 0 -8px 20px rgba(0, 0, 0, 0.1);--x-shadow3-down: 0 8px 20px rgba(0, 0, 0, 0.1);--x-shadow3-left: -8px 0 20px rgba(0, 0, 0, 0.1);--x-shadow3-right: 8px 0 20px rgba(0, 0, 0, 0.1);--x-shadow3-left-up: -8px -8px 20px rgba(0, 0, 0, 0.1);--x-shadow3-left-down: -8px 8px 20px rgba(0, 0, 0, 0.1);--x-shadow3-right-up: 8px -8px 20px rgba(0, 0, 0, 0.1);--x-shadow3-right-down: 8px 8px 20px rgba(0, 0, 0, 0.1);--x-shadow-distance-none: 0;--x-shadow-distance-1: 1px;--x-shadow-distance-2: 2px;--x-shadow-distance-3: 3px;--x-shadow-distance-4: 4px}:root{--x-color-spin-layer-bg: rgba(255, 255, 255, 0.9);--x-spin-tip-shimmer-color-highlight: color-mix( in srgb, var(--x-color-primary-text) 30%, var(--x-color-white) );--x-spin-tip-shimmer-duration: 2s;--x-font-size: 14px;--x-text-color: var(--x-color-1);--x-text-color-disabled: var(--x-color-3);--x-border-color: var(--x-color-4);--x-placeholder-color: var(--x-color-2);--x-text-gray: var(--x-color-1);--x-text-gray-1: var(--x-color-2);--x-text-gray-2: var(--x-color-3);--x-disabled-color: var(--x-color-3);--x-disabled-bgc: rgb(250 251 253 / 100%);--x-disabled-bc: rgb(225 228 232 / 100%);--x-hover-bgc: rgb(248 250 255 / 100%);--x-hover-color: var(--x-color-primary);--x-hover-bc: rgb(188 196 214 / 100%);--x-field-color-bg: var(--x-color-bg-surface);--x-field-color-bg-hover: var(--x-color-bg-surface);--x-field-color-bg-focus: var(--x-color-bg-surface);--x-field-color-bg-disabled: var(--x-disabled-bgc);--x-field-color-bg-error: var(--x-color-danger-subtle);--x-field-color-bg-error-hover: var(--x-color-danger-2);--x-field-color-bg-error-focus: var(--x-color-bg-surface);--x-field-color-text: var(--x-color-text-primary);--x-field-color-text-disabled: var(--x-color-text-disabled);--x-field-color-placeholder: var(--x-color-text-tertiary);--x-field-color-affix: var(--x-color-text-tertiary);--x-field-color-icon: var(--x-color-text-secondary);--x-field-color-border: var(--x-color-border-default);--x-field-color-border-hover: var(--x-color-neutral-5);--x-field-color-border-focus: var(--x-color-border-focus);--x-field-color-border-disabled: var(--x-disabled-bc);--x-field-color-border-error: var(--x-color-danger-solid);--x-field-color-shadow-focus: var(--x-color-primary-light-2);--x-field-size-shadow-focus: var(--x-shadow-distance-none);--x-field-border-radius: var(--x-border-radius-medium);--x-field-status-success-bg: var(--x-color-success-subtle);--x-field-status-success-bg-hover: var(--x-color-success-2);--x-field-status-success-bg-focus: var(--x-color-bg-surface);--x-field-status-success-border: var(--x-color-transparent);--x-field-status-success-border-hover: var(--x-color-transparent);--x-field-status-success-border-focus: var(--x-color-success-solid);--x-field-status-success-shadow-size-focus: var(--x-shadow-distance-none);--x-field-status-success-shadow-color-focus: var(--x-color-success-2);--x-field-status-success-text: var(--x-color-success-text);--x-field-status-success-icon: var(--x-color-success-text);--x-field-status-warning-bg: var(--x-color-warning-subtle);--x-field-status-warning-bg-hover: var(--x-color-warning-2);--x-field-status-warning-bg-focus: var(--x-color-bg-surface);--x-field-status-warning-border: var(--x-color-transparent);--x-field-status-warning-border-hover: var(--x-color-transparent);--x-field-status-warning-border-focus: var(--x-color-warning-solid);--x-field-status-warning-shadow-size-focus: var(--x-shadow-distance-none);--x-field-status-warning-shadow-color-focus: var(--x-color-warning-2);--x-field-status-warning-text: var(--x-color-warning-text);--x-field-status-warning-icon: var(--x-color-warning-text);--x-field-status-error-bg: var(--x-color-danger-subtle);--x-field-status-error-bg-hover: var(--x-color-danger-2);--x-field-status-error-bg-focus: var(--x-color-bg-surface);--x-field-status-error-border: var(--x-color-transparent);--x-field-status-error-border-hover: var(--x-color-transparent);--x-field-status-error-border-focus: var(--x-color-danger-solid);--x-field-status-error-shadow-size-focus: var(--x-shadow-distance-none);--x-field-status-error-shadow-color-focus: var(--x-color-danger-2);--x-field-status-error-text: var(--x-color-danger-text);--x-field-status-error-icon: var(--x-color-danger-text);--x-field-status-validating-bg: var(--x-color-primary-subtle);--x-field-status-validating-bg-hover: var(--x-color-primary-2);--x-field-status-validating-bg-focus: var(--x-color-bg-surface);--x-field-status-validating-border: var(--x-color-transparent);--x-field-status-validating-border-hover: var(--x-color-transparent);--x-field-status-validating-border-focus: var(--x-color-primary-solid);--x-field-status-validating-shadow-size-focus: var(--x-shadow-distance-none);--x-field-status-validating-shadow-color-focus: var(--x-color-primary-2);--x-field-status-validating-text: var(--x-color-primary-text);--x-field-status-validating-icon: var(--x-color-primary-text);--x-form-bg-color: var(--x-field-color-bg);--x-form-bg-color-disabled: var(--x-field-color-bg-disabled);--x-form-bg-color-hover: var(--x-field-color-bg-hover);--x-form-bg-color-focus: var(--x-field-color-bg-focus);--x-form-bg-color-error-focus: var(--x-field-color-bg-error-focus);--x-form-text-color: var(--x-field-color-text);--x-form-text-color-disabled: var(--x-field-color-text-disabled);--x-form-text-color-prefix-suffix: var(--x-field-color-affix);--x-form-icon-color: var(--x-field-color-icon);--x-form-border-color: var(--x-field-color-border);--x-form-border-color-hover: var(--x-field-color-border-hover);--x-form-border-color-focus: var(--x-field-color-border-focus);--x-form-border-color-disabled: var(--x-field-color-border-disabled);--x-form-border-color-error: var(--x-field-color-border-error);--x-form-border-radius: var(--x-field-border-radius);--x-input-border-radius: var(--x-form-border-radius);--x-select-color: var(--x-color-primary);--x-select-bgc: rgb(248 250 255 / 100%);--x-select-bc: var(--x-color-primary);--x-color-bg-popup: var(--x-color-bg-white);--x-color-menu-light-bg: var(--x-color-bg-white);--x-focus-bc: var(--x-color-primary);--x-bgc: rgb(245 247 251 / 100%);--x-fs-small: 12px;--x-fs: 14px;--x-fs-large: 16px;--x-split-color: rgb(237 241 246 / 100%);--x-bc: rgb(237 241 246 / 100%);--x-color-dark-bg: #21242c;--x-z-index-popup-base: 1000;--x-color-menu-dark-bg: var(--x-color-dark-bg);--x-color-menu-dark-text: rgba(255, 255, 255, 0.86);--x-color-menu-dark-text-secondary: rgba(255, 255, 255, 0.68);--x-color-menu-dark-text-disabled: rgba(255, 255, 255, 0.36);--x-color-menu-dark-hover: var(--x-color-primary);--x-color-menu-dark-submenu-selected-bg: color-mix(in srgb, var(--x-color-primary) 45%, transparent);--x-z-index-popup: var(--x-z-index-popup-base);--x-trigger-z-index-popup: var(--x-z-index-popup);--x-icon-hover-color-bg: var(--x-color-fill-1);--x-empty-image-color: var(--x-color-text-4);--x-empty-illustration-planes: rgb(245 245 247);--x-empty-illustration-mid: rgb(220 224 230);--x-empty-illustration-strong: rgb(174 184 194);--x-empty-illustration-highlight: rgb(255 255 255);--x-layout-trigger-dark-bg: rgba(255, 255, 255, 0.2);--x-layout-sidebar-light-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);--x-button-group-color-separator: rgb(0 0 0 / 12%);--x-color-text-primary: var(--x-color-text-1);--x-color-text-secondary: var(--x-color-text-2);--x-color-text-tertiary: var(--x-color-text-3);--x-color-text-disabled: var(--x-color-text-4);--x-color-bg-page: var(--x-color-7);--x-color-bg-surface: var(--x-color-bg-white);--x-color-bg-subtle: var(--x-color-fill-1);--x-color-bg-elevated: var(--x-color-bg-popup);--x-color-border-default: var(--x-border-color);--x-color-border-subtle: var(--x-color-neutral-3);--x-color-border-focus: var(--x-color-primary-6);--x-color-overlay-mask: rgb(29 33 41 / 60%);--x-color-overlay-tooltip-bg: var(--x-color-neutral-10);--x-color-overlay-tooltip-text: var(--x-color-white);--x-color-bg-elevated-border: var(--x-color-border-subtle);--x-color-text-elevated-title: var(--x-color-text-primary);--x-color-text-elevated-body: var(--x-color-text-secondary);--x-color-icon-elevated: var(--x-color-text-tertiary);--x-color-icon-elevated-hover: var(--x-color-text-primary);--x-color-icon-elevated-hover-bg: var(--x-color-fill-3);--x-shadow-elevated: var(--x-shadow2-down);--x-shadow-modal: var(--x-shadow3-down);--x-shadow-drawer: var(--x-shadow3-left);--x-shadow-popover: 0 6px 16px 0 rgb(0 0 0 / 8%), 0 3px 6px -4px rgb(0 0 0 / 12%), 0 9px 28px 8px rgb(0 0 0 / 5%);--x-shadow-popover-arrow: var(--x-shadow1-down);--x-scrollbar-color-thumb-bg: var(--x-color-fill-5);--x-scrollbar-color-thumb-bg-hover: var(--x-color-fill-6);--x-scrollbar-color-track-bg: var(--x-color-fill-2);--x-scrollbar-color-track-border: var(--x-color-border-subtle);--x-timeline-dot-shadow: 0 0 0 1px color-mix(in srgb, var(--x-color-primary-solid) 8%, var(--x-color-transparent));--x-timeline-dot-hollow-shadow: 0 0 0 1px color-mix( in srgb, var(--x-color-primary-solid) 10%, var(--x-color-transparent) );--x-message-color-bg: color-mix(in srgb, var(--x-color-bg-elevated) 94%, var(--x-color-transparent));--x-message-color-border: rgb(15 23 42 / 8%);--x-message-color-text: var(--x-color-text-elevated-title);--x-message-color-close: var(--x-color-text-elevated-body);--x-message-color-close-bg-hover: rgb(15 23 42 / 6%);--x-message-box-shadow: 0 14px 40px rgb(15 23 42 / 10%), 0 4px 12px rgb(15 23 42 / 6%);--x-message-color-accent-info: var(--x-color-primary-solid);--x-message-color-accent-success: var(--x-color-success-solid);--x-message-color-accent-warning: var(--x-color-warning-solid);--x-message-color-accent-strong: var(--x-color-strong-solid);--x-message-color-accent-error: var(--x-color-danger-solid);--x-message-color-accent-loading: var(--x-color-primary-solid);--x-message-color-accent-normal: var(--x-color-text-elevated-body);--x-message-color-icon-bg-info: var(--x-color-primary-subtle);--x-message-color-icon-bg-success: var(--x-color-success-subtle);--x-message-color-icon-bg-warning: var(--x-color-warning-subtle);--x-message-color-icon-bg-strong: var(--x-color-strong-subtle);--x-message-color-icon-bg-error: var(--x-color-danger-subtle);--x-message-color-icon-bg-loading: var(--x-color-primary-subtle);--x-message-color-icon-bg-normal: var(--x-color-fill-2);--x-notification-color-bg: color-mix(in srgb, var(--x-color-bg-elevated) 96%, var(--x-color-transparent));--x-notification-color-border: var(--x-message-color-border);--x-notification-color-title: var(--x-color-text-elevated-title);--x-notification-color-content: var(--x-color-text-elevated-body);--x-notification-color-close: var(--x-color-text-elevated-body);--x-notification-color-close-bg-hover: var(--x-message-color-close-bg-hover);--x-notification-box-shadow: 0 16px 44px rgb(15 23 42 / 12%), 0 4px 14px rgb(15 23 42 / 8%);--x-notification-color-accent-info: var(--x-color-primary-solid);--x-notification-color-accent-success: var(--x-color-success-solid);--x-notification-color-accent-warning: var(--x-color-warning-solid);--x-notification-color-accent-strong: var(--x-color-strong-solid);--x-notification-color-accent-error: var(--x-color-danger-solid);--x-notification-color-icon-bg-info: var(--x-color-primary-subtle);--x-notification-color-icon-bg-success: var(--x-color-success-subtle);--x-notification-color-icon-bg-warning: var(--x-color-warning-subtle);--x-notification-color-icon-bg-strong: var(--x-color-strong-subtle);--x-notification-color-icon-bg-error: var(--x-color-danger-subtle);--x-time-range-selector-color-default: var(--x-color-primary-6);--x-time-range-selector-disabled-bg-default: linear-gradient( 180deg, color-mix(in srgb, var(--x-color-text-4) 18%, var(--x-color-white)) 0%, color-mix(in srgb, var(--x-color-fill-3) 72%, var(--x-color-white)) 100% );--x-time-range-selector-disabled-border-default: color-mix( in srgb, var(--x-color-text-3) 28%, var(--x-color-transparent) );--x-time-range-selector-disabled-shadow-default: inset 0 1px 0 rgb(255 255 255 / 62%);--x-time-range-selector-block-alternate-bg-default: var(--x-color-transparent);--x-time-range-selector-tick-color-default: color-mix( in srgb, var(--x-color-text-4) 82%, var(--x-color-transparent) );--x-time-range-selector-edge-bg-default: color-mix( in srgb, var(--x-color-white) 84%, var(--x-color-transparent) );--x-time-range-selector-edge-bg-hover: var(--x-color-bg-surface);--x-time-range-selector-label-shadow-default: 0 1px 2px rgba(0, 0, 0, 0.35);--x-time-range-selector-grid-border-schedule: var(--x-color-transparent);--x-time-range-selector-track-shadow-schedule: inset 0 1px 0 color-mix(in srgb, var(--x-color-bg-white) 82%, var(--x-color-transparent));--x-time-range-selector-grid-bg-schedule: var(--x-color-transparent);--x-time-range-selector-edge-bg-schedule: color-mix( in srgb, var(--x-color-white) 92%, var(--x-color-transparent) );--x-time-range-selector-disabled-shadow-schedule: inset 0 1px 0 rgb(255 255 255 / 70%);--x-time-range-selector-grid-border-monitor: color-mix( in srgb, var(--x-color-text-4) 48%, var(--x-color-transparent) );--x-time-range-selector-track-bg-monitor: color-mix( in srgb, var(--x-color-text-4) 34%, var(--x-color-transparent) );--x-time-range-selector-track-border-monitor: color-mix( in srgb, var(--x-color-text-4) 18%, var(--x-color-transparent) );--x-time-range-selector-grid-bg-monitor: var(--x-color-bg-white);--x-time-range-selector-disabled-bg-monitor: color-mix( in srgb, var(--x-color-text-4) 46%, var(--x-color-transparent) );--x-time-range-selector-disabled-border-monitor: color-mix( in srgb, var(--x-color-text-4) 34%, var(--x-color-transparent) );--x-time-range-selector-tick-color-monitor: color-mix( in srgb, var(--x-color-text-4) 76%, var(--x-color-transparent) );--x-time-range-selector-edge-bg-monitor: var(--x-time-range-selector-edge-bg-default);--x-time-range-selector-edge-shadow-monitor: 0 0 0 1px rgb(255 255 255 / 22%);--x-time-range-selector-label-shadow-monitor: 0 1px 1px rgba(0, 0, 0, 0.42);--x-time-range-selector-track-bg-compact: linear-gradient( 180deg, color-mix(in srgb, var(--x-color-fill-2) 82%, var(--x-color-white)) 0%, color-mix(in srgb, var(--x-color-fill-3) 88%, var(--x-color-white)) 100% );--x-time-range-selector-track-border-compact: var(--x-color-transparent);--x-time-range-selector-grid-bg-compact: var(--x-color-bg-white);--x-time-range-selector-disabled-bg-compact: linear-gradient( 180deg, color-mix(in srgb, var(--x-color-text-4) 18%, var(--x-color-white)) 0%, color-mix(in srgb, var(--x-color-fill-3) 82%, var(--x-color-white)) 100% );--x-time-range-selector-disabled-border-compact: color-mix( in srgb, var(--x-color-text-3) 24%, var(--x-color-transparent) );--x-time-range-selector-tick-color-compact: color-mix( in srgb, var(--x-color-text-4) 80%, var(--x-color-transparent) );--x-progress-line-color-loading-shimmer-start: var(--x-color-transparent);--x-progress-line-color-loading-shimmer-active: rgba(255, 255, 255, 0.5);--x-progress-line-color-loading-shimmer-end: var(--x-color-transparent);--x-picker-panel-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);--x-picker-column-scrollbar-thumb-bg: color-mix( in srgb, var(--x-color-text-4) 65%, var(--x-color-transparent) );--x-shadow-color-fixed-column: rgba(0, 0, 0, 0.18);--x-color-primary-subtle: var(--x-color-primary-1);--x-color-success-subtle: var(--x-color-success-1);--x-color-warning-subtle: var(--x-color-warning-1);--x-color-danger-subtle: var(--x-color-danger-1);--x-color-strong-subtle: var(--x-color-strong-1);--x-color-primary-subtle-hover: color-mix(in srgb, var(--x-color-primary-subtle) 90%, var(--x-color-primary-button-text));--x-color-primary-subtle-active: color-mix(in srgb, var(--x-color-primary-subtle) 84%, var(--x-color-primary-button-text));--x-color-success-subtle-hover: color-mix(in srgb, var(--x-color-success-subtle) 90%, var(--x-color-success-button-text));--x-color-success-subtle-active: color-mix(in srgb, var(--x-color-success-subtle) 84%, var(--x-color-success-button-text));--x-color-warning-subtle-hover: color-mix(in srgb, var(--x-color-warning-subtle) 75%, var(--x-color-warning-button-text));--x-color-warning-subtle-active: color-mix(in srgb, var(--x-color-warning-subtle) 60%, var(--x-color-warning-button-text));--x-color-danger-subtle-hover: color-mix(in srgb, var(--x-color-danger-subtle) 90%, var(--x-color-danger-button-text));--x-color-danger-subtle-active: color-mix(in srgb, var(--x-color-danger-subtle) 84%, var(--x-color-danger-button-text));--x-color-strong-subtle-hover: color-mix(in srgb, var(--x-color-strong-subtle) 90%, var(--x-color-strong-button-text));--x-color-strong-subtle-active: color-mix(in srgb, var(--x-color-strong-subtle) 84%, var(--x-color-strong-button-text));--x-color-primary-solid: var(--x-color-primary-6);--x-color-primary-solid-hover: color-mix(in srgb, var(--x-color-primary-solid) 92%, var(--x-color-white));--x-color-primary-solid-active: color-mix(in srgb, var(--x-color-primary-solid) 90%, var(--x-color-constant-dark));--x-color-success-solid: var(--x-color-success-6);--x-color-success-solid-hover: color-mix(in srgb, var(--x-color-success-solid) 92%, var(--x-color-white));--x-color-success-solid-active: color-mix(in srgb, var(--x-color-success-solid) 90%, var(--x-color-constant-dark));--x-color-warning-solid: var(--x-color-warning-6);--x-color-warning-solid-hover: color-mix(in srgb, var(--x-color-warning-solid) 92%, var(--x-color-white));--x-color-warning-solid-active: color-mix(in srgb, var(--x-color-warning-solid) 90%, var(--x-color-constant-dark));--x-color-danger-solid: var(--x-color-danger-6);--x-color-danger-solid-hover: color-mix(in srgb, var(--x-color-danger-solid) 92%, var(--x-color-white));--x-color-danger-solid-active: color-mix(in srgb, var(--x-color-danger-solid) 90%, var(--x-color-constant-dark));--x-color-strong-solid: var(--x-color-strong-6);--x-color-strong-solid-hover: color-mix(in srgb, var(--x-color-strong-solid) 92%, var(--x-color-white));--x-color-strong-solid-active: color-mix(in srgb, var(--x-color-strong-solid) 90%, var(--x-color-constant-dark));--x-color-primary-text: var(--x-color-primary);--x-color-success-text: var(--x-color-success);--x-color-warning-text: var(--x-color-warning);--x-color-danger-text: var(--x-color-danger);--x-color-strong-text: var(--x-color-strong);--x-color-primary-button-text: var(--x-color-primary-text);--x-color-success-button-text: var(--x-color-success-text);--x-color-warning-button-text: var(--x-color-warning-text);--x-color-danger-button-text: var(--x-color-danger-text);--x-color-strong-button-text: var(--x-color-strong-text);--x-tag-color-text-default: var(--x-color-text-primary);--x-tag-color-bg-default: var(--x-color-fill-3);--x-tag-color-bg-default-hover: var(--x-color-fill-4);--x-tag-color-border-default: var(--x-color-fill-4);--x-tag-color-border-default-hover: var(--x-color-fill-5);--x-tag-color-border-default-bordered: var(--x-color-fill-6);--x-tag-color-icon-bg-hover-default: var(--x-color-fill-4);--x-tag-custom-color-text: var(--x-color-white);--x-tag-custom-color-icon-bg_hover: rgba(255, 255, 255, 0.2);--x-tag-color-red-seed: rgb(245, 63, 63);--x-tag-color-red-text: var(--x-tag-color-red-seed);--x-tag-color-red-bg: rgb(255, 236, 232);--x-tag-color-red-border: var(--x-color-transparent);--x-tag-color-red-border-hover: color-mix(in srgb, var(--x-tag-color-red-bg) 84%, var(--x-tag-color-red-text));--x-tag-color-red-icon-bg_hover: rgba(245, 63, 63, 0.16);--x-tag-color-orangered-seed: rgb(247, 114, 52);--x-tag-color-orangered-text: var(--x-tag-color-orangered-seed);--x-tag-color-orangered-bg: rgb(255, 243, 232);--x-tag-color-orangered-border: var(--x-color-transparent);--x-tag-color-orangered-border-hover: color-mix(in srgb, var(--x-tag-color-orangered-bg) 84%, var(--x-tag-color-orangered-text));--x-tag-color-orangered-icon-bg_hover: rgba(247, 114, 52, 0.16);--x-tag-color-orange-seed: rgb(255, 125, 0);--x-tag-color-orange-text: var(--x-tag-color-orange-seed);--x-tag-color-orange-bg: rgb(255, 247, 232);--x-tag-color-orange-border: var(--x-color-transparent);--x-tag-color-orange-border-hover: color-mix(in srgb, var(--x-tag-color-orange-bg) 84%, var(--x-tag-color-orange-text));--x-tag-color-orange-icon-bg_hover: rgba(255, 125, 0, 0.16);--x-tag-color-gold-seed: rgb(247, 186, 30);--x-tag-color-gold-text: var(--x-tag-color-gold-seed);--x-tag-color-gold-bg: rgb(255, 252, 232);--x-tag-color-gold-border: var(--x-color-transparent);--x-tag-color-gold-border-hover: color-mix(in srgb, var(--x-tag-color-gold-bg) 84%, var(--x-tag-color-gold-text));--x-tag-color-gold-icon-bg_hover: rgba(247, 186, 30, 0.18);--x-tag-color-lime-seed: rgb(159, 219, 29);--x-tag-color-lime-text: var(--x-tag-color-lime-seed);--x-tag-color-lime-bg: rgb(252, 255, 232);--x-tag-color-lime-border: var(--x-color-transparent);--x-tag-color-lime-border-hover: color-mix(in srgb, var(--x-tag-color-lime-bg) 84%, var(--x-tag-color-lime-text));--x-tag-color-lime-icon-bg_hover: rgba(159, 219, 29, 0.18);--x-tag-color-green-seed: rgb(0, 180, 42);--x-tag-color-green-text: var(--x-tag-color-green-seed);--x-tag-color-green-bg: rgb(232, 255, 234);--x-tag-color-green-border: var(--x-color-transparent);--x-tag-color-green-border-hover: color-mix(in srgb, var(--x-tag-color-green-bg) 84%, var(--x-tag-color-green-text));--x-tag-color-green-icon-bg_hover: rgba(0, 180, 42, 0.16);--x-tag-color-cyan-seed: rgb(20, 201, 201);--x-tag-color-cyan-text: var(--x-tag-color-cyan-seed);--x-tag-color-cyan-bg: rgb(232, 255, 251);--x-tag-color-cyan-border: var(--x-color-transparent);--x-tag-color-cyan-border-hover: color-mix(in srgb, var(--x-tag-color-cyan-bg) 84%, var(--x-tag-color-cyan-text));--x-tag-color-cyan-icon-bg_hover: rgba(20, 201, 201, 0.16);--x-tag-color-blue-seed: rgb(52, 145, 250);--x-tag-color-blue-text: var(--x-tag-color-blue-seed);--x-tag-color-blue-bg: rgb(232, 247, 255);--x-tag-color-blue-border: var(--x-color-transparent);--x-tag-color-blue-border-hover: color-mix(in srgb, var(--x-tag-color-blue-bg) 84%, var(--x-tag-color-blue-text));--x-tag-color-blue-icon-bg_hover: rgba(52, 145, 250, 0.16);--x-tag-color-better-blue-seed: rgb(22, 93, 255);--x-tag-color-better-blue-text: var(--x-tag-color-better-blue-seed);--x-tag-color-better-blue-bg: var(--x-color-primary-subtle);--x-tag-color-better-blue-border: var(--x-color-transparent);--x-tag-color-better-blue-border-hover: color-mix(in srgb, var(--x-tag-color-better-blue-bg) 84%, var(--x-tag-color-better-blue-text));--x-tag-color-better-blue-icon-bg_hover: rgba(22, 93, 255, 0.16);--x-tag-color-purple-seed: rgb(114, 46, 209);--x-tag-color-purple-text: var(--x-tag-color-purple-seed);--x-tag-color-purple-bg: rgb(245, 232, 255);--x-tag-color-purple-border: var(--x-color-transparent);--x-tag-color-purple-border-hover: color-mix(in srgb, var(--x-tag-color-purple-bg) 84%, var(--x-tag-color-purple-text));--x-tag-color-purple-icon-bg_hover: rgba(114, 46, 209, 0.16);--x-tag-color-pink-purple-seed: rgb(217, 26, 217);--x-tag-color-pink-purple-text: var(--x-tag-color-pink-purple-seed);--x-tag-color-pink-purple-bg: rgb(255, 232, 251);--x-tag-color-pink-purple-border: var(--x-color-transparent);--x-tag-color-pink-purple-border-hover: color-mix(in srgb, var(--x-tag-color-pink-purple-bg) 84%, var(--x-tag-color-pink-purple-text));--x-tag-color-pink-purple-icon-bg_hover: rgba(217, 26, 217, 0.16);--x-tag-color-magenta-seed: rgb(245, 49, 157);--x-tag-color-magenta-text: var(--x-tag-color-magenta-seed);--x-tag-color-magenta-bg: rgb(255, 232, 241);--x-tag-color-magenta-border: var(--x-color-transparent);--x-tag-color-magenta-border-hover: color-mix(in srgb, var(--x-tag-color-magenta-bg) 84%, var(--x-tag-color-magenta-text));--x-tag-color-magenta-icon-bg_hover: rgba(245, 49, 157, 0.16);--x-tag-color-gray-text: var(--x-color-text-secondary);--x-tag-color-gray-bg: var(--x-color-fill-3);--x-tag-color-gray-border: var(--x-color-transparent);--x-tag-color-gray-border-hover: var(--x-color-fill-4);--x-tag-color-gray-icon-bg_hover: rgba(134, 144, 156, 0.16);--x-watermark-color: rgba(0, 0, 0, 0.15);--x-image-color-footer-inner-text: var(--x-color-white);--x-image-color-footer-inner-bg: rgba(0, 0, 0, 0.5);--x-image-color-title-footer-inner-text: var(--x-color-white);--x-image-color-description-footer-inner-text: rgba(255, 255, 255, 0.82);--x-image-color-footer-outer-text: var(--x-color-text-primary);--x-image-color-title-footer-outer-text: var(--x-color-text-secondary);--x-image-color-description-footer-outer-text: var(--x-color-text-tertiary);--x-image-color-error-text: var(--x-color-text-secondary);--x-image-color-error-bg: var(--x-color-fill-2);--x-image-color-loader-bg: var(--x-color-fill-1);--x-image-color-loader-spin-text: var(--x-color-text-secondary);--x-image-preview-color-mask-bg: rgba(0, 0, 0, 0.7);--x-image-preview-color-scale-value-text: var(--x-color-white);--x-image-preview-color-scale-value-bg: rgba(0, 0, 0, 0.5);--x-image-preview-color-toolbar-bg: rgba(29, 33, 41, 0.84);--x-image-preview-color-action-text: rgba(255, 255, 255, 0.9);--x-image-preview-color-action-bg: var(--x-color-transparent);--x-image-preview-color-action-hover-text: var(--x-color-white);--x-image-preview-color-action-hover-bg: rgba(255, 255, 255, 0.14);--x-image-preview-color-action-disabled-text: rgba(255, 255, 255, 0.4);--x-image-preview-color-action-disabled-bg: var(--x-color-transparent);--x-image-preview-color-loading-text: var(--x-color-white);--x-image-preview-color-loading-bg: var(--x-color-text-tertiary);--x-image-preview-color-close-btn-text: var(--x-color-white);--x-image-preview-color-close-btn-bg: rgba(0, 0, 0, 0.7);--x-image-preview-arrow-color-icon: var(--x-color-white);--x-image-preview-arrow-color-bg: rgba(0, 0, 0, 0.5);--x-image-preview-arrow-color-bg-hover: rgba(0, 0, 0, 0.7);--x-image-preview-arrow-color-icon-disabled: var(--x-color-neutral-5);--x-image-preview-arrow-color-bg-disabled: rgba(0, 0, 0, 0.3)}.x-time-range-selector{--x-time-range-selector-grid-border-default: var(--x-color-border-subtle);--x-time-range-selector-grid-shadow-default: inset 0 1px 0 color-mix(in srgb, var(--x-color-bg-white) 88%, var(--x-color-transparent)), inset 0 -1px 0 color-mix(in srgb, var(--x-color-border-default) 68%, var(--x-color-transparent));--x-time-range-selector-track-bg-default: linear-gradient( 180deg, color-mix(in srgb, var(--x-time-range-selector-color) 6%, var(--x-color-bg-white)) 0%, color-mix(in srgb, var(--x-color-fill-2) 86%, var(--x-color-bg-white)) 100% );--x-time-range-selector-track-border-default: color-mix( in srgb, var(--x-time-range-selector-color) 12%, var(--x-color-transparent) );--x-time-range-selector-track-shadow-default: inset 0 1px 0 color-mix(in srgb, var(--x-color-bg-white) 70%, var(--x-color-transparent));--x-time-range-selector-grid-bg-default: linear-gradient( 180deg, var(--x-color-bg-white) 0%, color-mix(in srgb, var(--x-color-fill-1) 70%, var(--x-color-bg-white)) 100% );--x-time-range-selector-range-bg-default: linear-gradient( 180deg, color-mix(in srgb, var(--x-time-range-selector-color) 72%, var(--x-color-white)) 0%, var(--x-time-range-selector-color) 100% );--x-time-range-selector-range-border-default: color-mix( in srgb, var(--x-time-range-selector-color) 74%, var(--x-color-transparent) );--x-time-range-selector-range-shadow-default: 0 8px 18px color-mix(in srgb, var(--x-time-range-selector-color) 20%, var(--x-color-transparent)), inset 0 1px 0 rgb(255 255 255 / 34%);--x-time-range-selector-range-shadow-hover-default: 0 10px 22px color-mix(in srgb, var(--x-time-range-selector-color) 25%, var(--x-color-transparent)), inset 0 1px 0 rgb(255 255 255 / 38%);--x-time-range-selector-range-shadow-dragging-default: 0 12px 28px color-mix(in srgb, var(--x-time-range-selector-color) 32%, var(--x-color-transparent)), inset 0 1px 0 rgb(255 255 255 / 42%);--x-time-range-selector-edge-shadow-default: 0 0 0 1px color-mix(in srgb, var(--x-time-range-selector-color) 28%, var(--x-color-transparent));--x-time-range-selector-edge-shadow-hover-default: 0 0 0 1px color-mix(in srgb, var(--x-time-range-selector-color) 48%, var(--x-color-transparent)), 0 0 0 4px color-mix(in srgb, var(--x-color-white) 24%, var(--x-color-transparent));--x-time-range-selector-track-bg-schedule: linear-gradient( 180deg, color-mix(in srgb, var(--x-time-range-selector-color) 8%, var(--x-color-bg-white)) 0%, color-mix(in srgb, var(--x-time-range-selector-color) 5%, var(--x-color-bg-white)) 100% );--x-time-range-selector-track-border-schedule: color-mix( in srgb, var(--x-time-range-selector-color) 14%, var(--x-color-transparent) );--x-time-range-selector-range-bg-schedule: linear-gradient( 180deg, color-mix(in srgb, var(--x-time-range-selector-color) 62%, var(--x-color-white)) 0%, color-mix(in srgb, var(--x-time-range-selector-color) 88%, var(--x-color-neutral-10)) 100% );--x-time-range-selector-range-border-schedule: color-mix( in srgb, var(--x-time-range-selector-color) 68%, var(--x-color-transparent) );--x-time-range-selector-range-shadow-schedule: 0 8px 18px color-mix(in srgb, var(--x-time-range-selector-color) 18%, var(--x-color-transparent)), inset 0 1px 0 rgb(255 255 255 / 34%);--x-time-range-selector-range-shadow-hover-schedule: 0 10px 22px color-mix(in srgb, var(--x-time-range-selector-color) 23%, var(--x-color-transparent)), inset 0 1px 0 rgb(255 255 255 / 38%);--x-time-range-selector-range-shadow-dragging-schedule: 0 12px 28px color-mix(in srgb, var(--x-time-range-selector-color) 30%, var(--x-color-transparent)), inset 0 1px 0 rgb(255 255 255 / 42%);--x-time-range-selector-tick-color-schedule: color-mix( in srgb, var(--x-time-range-selector-color) 18%, var(--x-color-transparent) );--x-time-range-selector-edge-shadow-schedule: 0 0 0 1px color-mix(in srgb, var(--x-time-range-selector-color) 24%, var(--x-color-transparent));--x-time-range-selector-edge-shadow-hover-schedule: 0 0 0 1px color-mix(in srgb, var(--x-time-range-selector-color) 42%, var(--x-color-transparent)), 0 0 0 4px color-mix(in srgb, var(--x-color-white) 28%, var(--x-color-transparent));--x-time-range-selector-disabled-bg-schedule: linear-gradient( 180deg, color-mix(in srgb, var(--x-time-range-selector-color) 12%, var(--x-color-bg-white)) 0%, color-mix(in srgb, var(--x-time-range-selector-color) 7%, var(--x-color-bg-white)) 100% );--x-time-range-selector-disabled-border-schedule: color-mix( in srgb, var(--x-time-range-selector-color) 22%, var(--x-color-transparent) );--x-time-range-selector-range-bg-monitor: var(--x-time-range-selector-range-bg-default);--x-time-range-selector-range-border-monitor: var(--x-time-range-selector-range-border-schedule);--x-time-range-selector-range-shadow-monitor: 0 8px 18px color-mix(in srgb, var(--x-time-range-selector-color) 18%, var(--x-color-transparent)), inset 0 1px 0 rgb(255 255 255 / 42%);--x-time-range-selector-range-shadow-hover-monitor: 0 10px 22px color-mix(in srgb, var(--x-time-range-selector-color) 24%, var(--x-color-transparent)), inset 0 1px 0 rgb(255 255 255 / 46%);--x-time-range-selector-range-shadow-dragging-monitor: 0 12px 28px color-mix(in srgb, var(--x-time-range-selector-color) 30%, var(--x-color-transparent)), inset 0 1px 0 rgb(255 255 255 / 50%);--x-time-range-selector-edge-shadow-hover-monitor: 0 0 0 1px rgb(255 255 255 / 36%), 0 0 0 4px color-mix(in srgb, var(--x-time-range-selector-color) 18%, var(--x-color-transparent));--x-time-range-selector-range-bg-compact: linear-gradient( 180deg, color-mix(in srgb, var(--x-time-range-selector-color) 76%, var(--x-color-white)) 0%, color-mix(in srgb, var(--x-time-range-selector-color) 90%, var(--x-color-neutral-10)) 100% )}.x-fade-in-standard-enter-from,.x-fade-in-standard-appear-from{opacity:0}.x-fade-in-standard-enter-to,.x-fade-in-standard-appear-to{opacity:1}.x-fade-in-standard-enter-active,.x-fade-in-standard-appear-active{transition:opacity .3s ease}.x-fade-in-standard-leave-from{opacity:1}.x-fade-in-standard-leave-to{opacity:0}.x-fade-in-standard-leave-active{transition:opacity .3s ease}.x-fade-in-enter-from,.x-fade-in-appear-from{opacity:0}.x-fade-in-enter-to,.x-fade-in-appear-to{opacity:1}.x-fade-in-enter-active,.x-fade-in-appear-active{transition:opacity .2s ease}.x-fade-in-leave-from{opacity:1}.x-fade-in-leave-to{opacity:0}.x-fade-in-leave-active{transition:opacity .2s ease}.x-slide-dynamic-origin-enter-from,.x-slide-dynamic-origin-appear-from{transform:scaleY(0.9);transform-origin:0 0;opacity:0}.x-slide-dynamic-origin-enter-to,.x-slide-dynamic-origin-appear-to{transform:scaleY(1);transform-origin:0 0;opacity:1}.x-slide-dynamic-origin-enter-active,.x-slide-dynamic-origin-appear-active{transition:transform .2s ease,opacity .2s ease}.x-slide-dynamic-origin-leave-from{transform:scaleY(1);transform-origin:0 0;opacity:1}.x-slide-dynamic-origin-leave-to{transform:scaleY(0.9);transform-origin:0 0;opacity:0}.x-slide-dynamic-origin-leave-active{transition:transform .2s ease,opacity .2s ease}.x-slide-left-enter-from,.x-slide-left-appear-from{transform:translateX(-100%)}.x-slide-left-enter-to,.x-slide-left-appear-to{transform:translateX(0)}.x-slide-left-enter-active,.x-slide-left-appear-active{transition:transform .3s ease}.x-slide-left-leave-from{transform:translateX(0)}.x-slide-left-leave-to{transform:translateX(-100%)}.x-slide-left-leave-active{transition:transform .3s ease}.x-slide-right-enter-from,.x-slide-right-appear-from{transform:translateX(100%)}.x-slide-right-enter-to,.x-slide-right-appear-to{transform:translateX(0)}.x-slide-right-enter-active,.x-slide-right-appear-active{transition:transform .3s ease}.x-slide-right-leave-from{transform:translateX(0)}.x-slide-right-leave-to{transform:translateX(100%)}.x-slide-right-leave-active{transition:transform .3s ease}.x-slide-top-enter-from,.x-slide-top-appear-from{transform:translateY(-100%)}.x-slide-top-enter-to,.x-slide-top-appear-to{transform:translateY(0)}.x-slide-top-enter-active,.x-slide-top-appear-active{transition:transform .3s ease}.x-slide-top-leave-from{transform:translateY(0)}.x-slide-top-leave-to{transform:translateY(-100%)}.x-slide-top-leave-active{transition:transform .3s ease}.x-slide-bottom-enter-from,.x-slide-bottom-appear-from{transform:translateY(100%)}.x-slide-bottom-enter-to,.x-slide-bottom-appear-to{transform:translateY(0)}.x-slide-bottom-enter-active,.x-slide-bottom-appear-active{transition:transform .3s ease}.x-slide-bottom-leave-from{transform:translateY(0)}.x-slide-bottom-leave-to{transform:translateY(100%)}.x-slide-bottom-leave-active{transition:transform .3s ease}.x-zoom-in-enter-from,.x-zoom-in-appear-from{transform:scale(0.5, 0.5);opacity:0}.x-zoom-in-enter-to,.x-zoom-in-appear-to{transform:scale(1, 1);opacity:1}.x-zoom-in-enter-active,.x-zoom-in-appear-active{transition:opacity .3s ease,transform .3s ease}.x-zoom-in-leave-from{transform:scale(1, 1);opacity:1}.x-zoom-in-leave-to{transform:scale(0.5, 0.5);opacity:0}.x-zoom-in-leave-active{transition:opacity .3s ease,transform .3s ease}.x-zoom-in-fade-out-enter-from,.x-zoom-in-fade-out-appear-from{transform:scale(0.96, 0.96);opacity:0}.x-zoom-in-fade-out-enter-to,.x-zoom-in-fade-out-appear-to{transform:scale(1, 1);opacity:1}.x-zoom-in-fade-out-enter-active,.x-zoom-in-fade-out-appear-active{transition:opacity var(--x-transition-duration-2) var(--x-transition-timing-function-standard),transform var(--x-transition-duration-2) var(--x-transition-timing-function-standard)}.x-zoom-in-fade-out-leave-from{transform:scale(1, 1);opacity:1}.x-zoom-in-fade-out-leave-to{transform:scale(0.98, 0.98);opacity:0}.x-zoom-in-fade-out-leave-active{transition:opacity var(--x-transition-duration-1) var(--x-transition-timing-function-linear),transform var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-zoom-in-big-enter-from,.x-zoom-in-big-appear-from{transform:scale(0.5, 0.5);opacity:0}.x-zoom-in-big-enter-to,.x-zoom-in-big-appear-to{transform:scale(1, 1);opacity:1}.x-zoom-in-big-enter-active,.x-zoom-in-big-appear-active{transition:opacity .2s linear,transform .2s linear}.x-zoom-in-big-leave-from{transform:scale(1, 1);opacity:1}.x-zoom-in-big-leave-to{transform:scale(0.2, 0.2);opacity:0}.x-zoom-in-big-leave-active{transition:opacity .2s linear,transform .2s linear}.x-zoom-in-left-enter-from,.x-zoom-in-left-appear-from{transform:scale(0.1, 0.1);opacity:.1}.x-zoom-in-left-enter-to,.x-zoom-in-left-appear-to{transform:scale(1, 1);opacity:1}.x-zoom-in-left-enter-active,.x-zoom-in-left-appear-active{transform-origin:0 50%;transition:opacity .3s linear,transform .3s ease-in-out}.x-zoom-in-left-leave-from{transform:scale(1, 1);opacity:1}.x-zoom-in-left-leave-to{transform:scale(0.1, 0.1);opacity:.1}.x-zoom-in-left-leave-active{transform-origin:0 50%;transition:opacity .3s linear,transform .3s ease-in-out}.x-zoom-in-top-enter-from,.x-zoom-in-top-appear-from{transform:scaleY(0.8) translateZ(0);opacity:0}.x-zoom-in-top-enter-to,.x-zoom-in-top-appear-to{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-top-enter-active,.x-zoom-in-top-appear-active{transform-origin:0 0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-top-leave-from{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-top-leave-to{transform:scaleY(0.8) translateZ(0);opacity:0}.x-zoom-in-top-leave-active{transform-origin:0 0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-bottom-enter-from,.x-zoom-in-bottom-appear-from{transform:scaleY(0.8) translateZ(0);opacity:0}.x-zoom-in-bottom-enter-to,.x-zoom-in-bottom-appear-to{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-bottom-enter-active,.x-zoom-in-bottom-appear-active{transform-origin:100% 100%;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-bottom-leave-from{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-bottom-leave-to{transform:scaleY(0.8) translateZ(0);opacity:0}.x-zoom-in-bottom-leave-active{transform-origin:100% 100%;transition:transform .3s ease-in-out,opacity .3s ease-in-out}html[data-theme=dark],[data-theme=dark]{--gray-1: 30, 34, 42;--gray-2: 38, 43, 54;--gray-3: 50, 56, 70;--gray-4: 62, 69, 85;--gray-5: 82, 90, 108;--gray-6: 110, 118, 134;--gray-7: 140, 148, 164;--gray-8: 175, 182, 196;--gray-9: 205, 210, 220;--gray-10: 228, 231, 236;--x-color-1: rgb(228 231 236 / 100%);--x-color-2: rgb(175 182 196 / 100%);--x-color-3: rgb(145 152 168 / 100%);--x-color-4: rgb(62 69 85 / 100%);--x-color-5: rgb(50 56 70 / 100%);--x-color-6: rgb(43 49 61 / 100%);--x-color-7: rgb(23 26 32 / 100%);--x-color-bg-white: rgb(30 34 42 / 100%);--x-color-transparent: transparent;--x-color-fill-1: rgb(38 43 54);--x-color-fill-2: rgb(43 49 61);--x-color-fill-3: rgb(48 54 67);--x-color-fill-4: rgb(56 63 78);--x-color-fill-5: rgb(66 74 91);--x-color-fill-6: rgb(78 87 106);--x-color-text-1: rgb(228 231 236);--x-color-text-2: rgb(175 182 196);--x-color-text-3: rgb(145 152 168);--x-color-text-4: rgb(85 92 107);--x-color-primary-1: #000f70;--x-color-primary-2: #001892;--x-color-primary-3: #0024b5;--x-color-primary-4: #0033d7;--x-color-primary-5: #0043f9;--x-color-primary-6: var(--x-color-primary);--x-color-primary-7: #6096ff;--x-color-primary-8: #a4c6ff;--x-color-primary-9: #e8f1ff;--x-color-success-1: #007019;--x-color-success-2: #007b17;--x-color-success-3: #008715;--x-color-success-4: #009212;--x-color-success-5: #009d0e;--x-color-success-6: var(--x-color-success);--x-color-success-7: #13ff18;--x-color-success-8: #80ff7e;--x-color-success-9: #e9ffe8;--x-color-danger-1: #620e1e;--x-color-danger-2: #7c1122;--x-color-danger-3: #961524;--x-color-danger-4: #af1925;--x-color-danger-5: #c91c25;--x-color-danger-6: var(--x-color-danger);--x-color-danger-7: #e96765;--x-color-danger-8: #f3aca8;--x-color-danger-9: #fceceb;--x-color-strong-1: #702600;--x-color-strong-2: #8d3500;--x-color-strong-3: #a94500;--x-color-strong-4: #c65700;--x-color-strong-5: #e26c00;--x-color-strong-6: var(--x-color-strong);--x-color-strong-7: #ffae4d;--x-color-strong-8: #ffd59b;--x-color-strong-9: #fff6e8;--x-color-warning-1: #703e00;--x-color-warning-2: #8d5200;--x-color-warning-3: #a96900;--x-color-warning-4: #c68100;--x-color-warning-5: #e29c00;--x-color-warning-6: var(--x-color-warning);--x-color-warning-7: #ffd44d;--x-color-warning-8: #ffea9b;--x-color-warning-9: #fffbe8;--x-color-primary-light-1: var(--x-color-primary-1);--x-color-primary-light-2: var(--x-color-primary-light-1);--x-color-primary-light-3: var(--x-color-primary-light-1);--x-color-success-light-1: var(--x-color-success-1);--x-color-danger-light-1: var(--x-color-danger-1);--x-color-danger-light-2: var(--x-color-danger-2);--x-color-warning-light-1: var(--x-color-warning-1);--x-color-bg-2: var(--x-color-7);--x-color-bg-5: var(--x-color-7);--x-color-neutral-1: rgb(var(--gray-1));--x-color-neutral-2: rgb(var(--gray-2));--x-color-neutral-3: rgb(var(--gray-3));--x-color-neutral-4: rgb(var(--gray-4));--x-color-neutral-5: rgb(var(--gray-5));--x-color-neutral-6: rgb(var(--gray-6));--x-color-neutral-7: rgb(var(--gray-7));--x-color-neutral-8: rgb(var(--gray-8));--x-color-neutral-9: rgb(var(--gray-9));--x-color-neutral-10: rgb(var(--gray-10));--x-spin-tip-shimmer-color-highlight: color-mix( in srgb, var(--x-color-primary-text) 30%, var(--x-color-white) );--x-text-color: var(--x-color-1);--x-text-color-disabled: var(--x-color-3);--x-border-color: var(--x-color-4);--x-text-gray: var(--x-color-1);--x-text-gray-1: var(--x-color-2);--x-text-gray-2: var(--x-color-3);--x-disabled-color: var(--x-color-3);--x-field-color-bg: var(--x-color-bg-surface);--x-field-color-bg-hover: var(--x-color-bg-surface);--x-field-color-bg-focus: var(--x-color-bg-surface);--x-field-color-bg-disabled: var(--x-disabled-bgc);--x-field-color-bg-error: var(--x-color-danger-subtle);--x-field-color-bg-error-hover: var(--x-color-danger-2);--x-field-color-bg-error-focus: var(--x-color-bg-surface);--x-field-color-text: var(--x-color-text-primary);--x-field-color-text-disabled: var(--x-color-text-disabled);--x-field-color-placeholder: var(--x-color-text-tertiary);--x-field-color-affix: var(--x-color-text-tertiary);--x-field-color-icon: var(--x-color-text-secondary);--x-field-color-border: var(--x-color-border-default);--x-field-color-border-hover: var(--x-color-neutral-5);--x-field-color-border-focus: var(--x-color-border-focus);--x-field-color-border-disabled: var(--x-disabled-bc);--x-field-color-border-error: var(--x-color-danger-solid);--x-field-color-shadow-focus: var(--x-color-primary-light-2);--x-field-status-success-bg: var(--x-color-success-subtle);--x-field-status-success-bg-hover: var(--x-color-success-2);--x-field-status-success-bg-focus: var(--x-color-bg-surface);--x-field-status-success-border: var(--x-color-transparent);--x-field-status-success-border-hover: var(--x-color-transparent);--x-field-status-success-border-focus: var(--x-color-success-solid);--x-field-status-success-shadow-color-focus: var(--x-color-success-2);--x-field-status-success-text: var(--x-color-success-text);--x-field-status-success-icon: var(--x-color-success-text);--x-field-status-warning-bg: var(--x-color-warning-subtle);--x-field-status-warning-bg-hover: var(--x-color-warning-2);--x-field-status-warning-bg-focus: var(--x-color-bg-surface);--x-field-status-warning-border: var(--x-color-transparent);--x-field-status-warning-border-hover: var(--x-color-transparent);--x-field-status-warning-border-focus: var(--x-color-warning-solid);--x-field-status-warning-shadow-color-focus: var(--x-color-warning-2);--x-field-status-warning-text: var(--x-color-warning-text);--x-field-status-warning-icon: var(--x-color-warning-text);--x-field-status-error-bg: var(--x-color-danger-subtle);--x-field-status-error-bg-hover: var(--x-color-danger-2);--x-field-status-error-bg-focus: var(--x-color-bg-surface);--x-field-status-error-border: var(--x-color-transparent);--x-field-status-error-border-hover: var(--x-color-transparent);--x-field-status-error-border-focus: var(--x-color-danger-solid);--x-field-status-error-shadow-color-focus: var(--x-color-danger-2);--x-field-status-error-text: var(--x-color-danger-text);--x-field-status-error-icon: var(--x-color-danger-text);--x-field-status-validating-bg: var(--x-color-primary-subtle);--x-field-status-validating-bg-hover: var(--x-color-primary-2);--x-field-status-validating-bg-focus: var(--x-color-bg-surface);--x-field-status-validating-border: var(--x-color-transparent);--x-field-status-validating-border-hover: var(--x-color-transparent);--x-field-status-validating-border-focus: var(--x-color-primary-solid);--x-field-status-validating-shadow-color-focus: var(--x-color-primary-2);--x-field-status-validating-text: var(--x-color-primary-text);--x-field-status-validating-icon: var(--x-color-primary-text);--x-form-bg-color: var(--x-field-color-bg);--x-form-bg-color-disabled: var(--x-field-color-bg-disabled);--x-form-bg-color-hover: var(--x-field-color-bg-hover);--x-form-bg-color-focus: var(--x-field-color-bg-focus);--x-form-bg-color-error-focus: var(--x-field-color-bg-error-focus);--x-form-text-color: var(--x-field-color-text);--x-form-text-color-disabled: var(--x-field-color-text-disabled);--x-form-text-color-prefix-suffix: var(--x-field-color-affix);--x-form-icon-color: var(--x-field-color-icon);--x-form-border-color: var(--x-field-color-border);--x-form-border-color-hover: var(--x-field-color-border-hover);--x-form-border-color-focus: var(--x-field-color-border-focus);--x-form-border-color-disabled: var(--x-field-color-border-disabled);--x-form-border-color-error: var(--x-field-color-border-error);--x-color-bg-popup: var(--x-color-bg-white);--x-color-menu-light-bg: var(--x-color-bg-white);--x-icon-hover-color-bg: var(--x-color-fill-1);--x-empty-image-color: var(--x-color-text-4);--x-color-text-primary: var(--x-color-text-1);--x-color-text-secondary: var(--x-color-text-2);--x-color-text-tertiary: var(--x-color-text-3);--x-color-text-disabled: var(--x-color-text-4);--x-color-bg-page: var(--x-color-7);--x-color-bg-surface: var(--x-color-bg-white);--x-color-bg-subtle: var(--x-color-fill-1);--x-color-bg-elevated: var(--x-color-bg-popup);--x-color-border-default: var(--x-border-color);--x-color-border-subtle: var(--x-color-neutral-3);--x-color-border-focus: var(--x-color-primary-6);--x-color-overlay-tooltip-bg: var(--x-color-neutral-10);--x-color-bg-elevated-border: var(--x-color-border-subtle);--x-color-text-elevated-title: var(--x-color-text-primary);--x-color-text-elevated-body: var(--x-color-text-secondary);--x-color-icon-elevated: var(--x-color-text-tertiary);--x-color-icon-elevated-hover: var(--x-color-text-primary);--x-color-icon-elevated-hover-bg: var(--x-color-fill-3);--x-scrollbar-color-thumb-bg: var(--x-color-fill-5);--x-scrollbar-color-thumb-bg-hover: var(--x-color-fill-6);--x-scrollbar-color-track-bg: var(--x-color-fill-2);--x-scrollbar-color-track-border: var(--x-color-border-subtle);--x-timeline-dot-shadow: 0 0 0 1px color-mix(in srgb, var(--x-color-primary-solid) 8%, var(--x-color-transparent));--x-timeline-dot-hollow-shadow: 0 0 0 1px color-mix( in srgb, var(--x-color-primary-solid) 10%, var(--x-color-transparent) );--x-message-color-bg: color-mix(in srgb, var(--x-color-bg-elevated) 94%, var(--x-color-transparent));--x-message-color-text: var(--x-color-text-elevated-title);--x-message-color-close: var(--x-color-text-elevated-body);--x-message-color-accent-info: var(--x-color-primary-solid);--x-message-color-accent-success: var(--x-color-success-solid);--x-message-color-accent-warning: var(--x-color-warning-solid);--x-message-color-accent-strong: var(--x-color-strong-solid);--x-message-color-accent-error: var(--x-color-danger-solid);--x-message-color-accent-loading: var(--x-color-primary-solid);--x-message-color-accent-normal: var(--x-color-text-elevated-body);--x-message-color-icon-bg-info: var(--x-color-primary-subtle);--x-message-color-icon-bg-success: var(--x-color-success-subtle);--x-message-color-icon-bg-warning: var(--x-color-warning-subtle);--x-message-color-icon-bg-strong: var(--x-color-strong-subtle);--x-message-color-icon-bg-error: var(--x-color-danger-subtle);--x-message-color-icon-bg-loading: var(--x-color-primary-subtle);--x-message-color-icon-bg-normal: var(--x-color-fill-2);--x-notification-color-bg: color-mix(in srgb, var(--x-color-bg-elevated) 96%, var(--x-color-transparent));--x-notification-color-title: var(--x-color-text-elevated-title);--x-notification-color-content: var(--x-color-text-elevated-body);--x-notification-color-close: var(--x-color-text-elevated-body);--x-notification-color-accent-info: var(--x-color-primary-solid);--x-notification-color-accent-success: var(--x-color-success-solid);--x-notification-color-accent-warning: var(--x-color-warning-solid);--x-notification-color-accent-strong: var(--x-color-strong-solid);--x-notification-color-accent-error: var(--x-color-danger-solid);--x-notification-color-icon-bg-info: var(--x-color-primary-subtle);--x-notification-color-icon-bg-success: var(--x-color-success-subtle);--x-notification-color-icon-bg-warning: var(--x-color-warning-subtle);--x-notification-color-icon-bg-strong: var(--x-color-strong-subtle);--x-notification-color-icon-bg-error: var(--x-color-danger-subtle);--x-time-range-selector-color-default: var(--x-color-primary-6);--x-time-range-selector-disabled-border-default: color-mix( in srgb, var(--x-color-text-3) 28%, var(--x-color-transparent) );--x-time-range-selector-block-alternate-bg-default: var(--x-color-transparent);--x-time-range-selector-tick-color-default: color-mix( in srgb, var(--x-color-text-4) 82%, var(--x-color-transparent) );--x-time-range-selector-edge-bg-hover: var(--x-color-bg-surface);--x-time-range-selector-grid-border-schedule: var(--x-color-transparent);--x-time-range-selector-track-shadow-schedule: inset 0 1px 0 color-mix(in srgb, var(--x-color-bg-white) 82%, var(--x-color-transparent));--x-time-range-selector-grid-bg-schedule: var(--x-color-transparent);--x-time-range-selector-grid-border-monitor: color-mix( in srgb, var(--x-color-text-4) 48%, var(--x-color-transparent) );--x-time-range-selector-track-bg-monitor: color-mix( in srgb, var(--x-color-text-4) 34%, var(--x-color-transparent) );--x-time-range-selector-track-border-monitor: color-mix( in srgb, var(--x-color-text-4) 18%, var(--x-color-transparent) );--x-time-range-selector-grid-bg-monitor: var(--x-color-bg-white);--x-time-range-selector-disabled-bg-monitor: color-mix( in srgb, var(--x-color-text-4) 46%, var(--x-color-transparent) );--x-time-range-selector-disabled-border-monitor: color-mix( in srgb, var(--x-color-text-4) 34%, var(--x-color-transparent) );--x-time-range-selector-tick-color-monitor: color-mix( in srgb, var(--x-color-text-4) 76%, var(--x-color-transparent) );--x-time-range-selector-edge-bg-monitor: var(--x-time-range-selector-edge-bg-default);--x-time-range-selector-track-border-compact: var(--x-color-transparent);--x-time-range-selector-grid-bg-compact: var(--x-color-bg-white);--x-time-range-selector-disabled-border-compact: color-mix( in srgb, var(--x-color-text-3) 24%, var(--x-color-transparent) );--x-time-range-selector-tick-color-compact: color-mix( in srgb, var(--x-color-text-4) 80%, var(--x-color-transparent) );--x-progress-line-color-loading-shimmer-start: var(--x-color-transparent);--x-progress-line-color-loading-shimmer-end: var(--x-color-transparent);--x-picker-column-scrollbar-thumb-bg: color-mix( in srgb, var(--x-color-text-4) 65%, var(--x-color-transparent) );--x-color-primary-subtle: var(--x-color-primary-1);--x-color-success-subtle: var(--x-color-success-1);--x-color-warning-subtle: var(--x-color-warning-1);--x-color-danger-subtle: var(--x-color-danger-1);--x-color-strong-subtle: var(--x-color-strong-1);--x-color-primary-subtle-hover: color-mix(in srgb, var(--x-color-primary-subtle) 90%, var(--x-color-primary-button-text));--x-color-primary-subtle-active: color-mix(in srgb, var(--x-color-primary-subtle) 84%, var(--x-color-primary-button-text));--x-color-success-subtle-hover: color-mix(in srgb, var(--x-color-success-subtle) 90%, var(--x-color-success-button-text));--x-color-success-subtle-active: color-mix(in srgb, var(--x-color-success-subtle) 84%, var(--x-color-success-button-text));--x-color-warning-subtle-hover: color-mix(in srgb, var(--x-color-warning-subtle) 75%, var(--x-color-warning-button-text));--x-color-warning-subtle-active: color-mix(in srgb, var(--x-color-warning-subtle) 60%, var(--x-color-warning-button-text));--x-color-danger-subtle-hover: color-mix(in srgb, var(--x-color-danger-subtle) 90%, var(--x-color-danger-button-text));--x-color-danger-subtle-active: color-mix(in srgb, var(--x-color-danger-subtle) 84%, var(--x-color-danger-button-text));--x-color-strong-subtle-hover: color-mix(in srgb, var(--x-color-strong-subtle) 90%, var(--x-color-strong-button-text));--x-color-strong-subtle-active: color-mix(in srgb, var(--x-color-strong-subtle) 84%, var(--x-color-strong-button-text));--x-color-primary-solid: var(--x-color-primary-6);--x-color-primary-solid-hover: color-mix(in srgb, var(--x-color-primary-solid) 92%, var(--x-color-white));--x-color-primary-solid-active: color-mix(in srgb, var(--x-color-primary-solid) 90%, var(--x-color-constant-dark));--x-color-success-solid: var(--x-color-success-6);--x-color-success-solid-hover: color-mix(in srgb, var(--x-color-success-solid) 92%, var(--x-color-white));--x-color-success-solid-active: color-mix(in srgb, var(--x-color-success-solid) 90%, var(--x-color-constant-dark));--x-color-warning-solid: var(--x-color-warning-6);--x-color-warning-solid-hover: color-mix(in srgb, var(--x-color-warning-solid) 92%, var(--x-color-white));--x-color-warning-solid-active: color-mix(in srgb, var(--x-color-warning-solid) 90%, var(--x-color-constant-dark));--x-color-danger-solid: var(--x-color-danger-6);--x-color-danger-solid-hover: color-mix(in srgb, var(--x-color-danger-solid) 92%, var(--x-color-white));--x-color-danger-solid-active: color-mix(in srgb, var(--x-color-danger-solid) 90%, var(--x-color-constant-dark));--x-color-strong-solid: var(--x-color-strong-6);--x-color-strong-solid-hover: color-mix(in srgb, var(--x-color-strong-solid) 92%, var(--x-color-white));--x-color-strong-solid-active: color-mix(in srgb, var(--x-color-strong-solid) 90%, var(--x-color-constant-dark));--x-tag-color-text-default: var(--x-color-text-primary);--x-tag-color-bg-default: var(--x-color-fill-3);--x-tag-color-bg-default-hover: var(--x-color-fill-4);--x-tag-color-border-default: var(--x-color-fill-4);--x-tag-color-border-default-hover: var(--x-color-fill-5);--x-tag-color-border-default-bordered: var(--x-color-fill-6);--x-tag-color-icon-bg-hover-default: var(--x-color-fill-4);--x-tag-color-red-border: var(--x-color-transparent);--x-tag-color-orangered-border: var(--x-color-transparent);--x-tag-color-orange-border: var(--x-color-transparent);--x-tag-color-gold-border: var(--x-color-transparent);--x-tag-color-lime-border: var(--x-color-transparent);--x-tag-color-green-border: var(--x-color-transparent);--x-tag-color-cyan-border: var(--x-color-transparent);--x-tag-color-blue-border: var(--x-color-transparent);--x-tag-color-better-blue-border: var(--x-color-transparent);--x-tag-color-purple-border: var(--x-color-transparent);--x-tag-color-pink-purple-border: var(--x-color-transparent);--x-tag-color-magenta-border: var(--x-color-transparent);--x-tag-color-gray-text: var(--x-color-text-secondary);--x-tag-color-gray-bg: var(--x-color-fill-3);--x-tag-color-gray-border: var(--x-color-transparent);--x-image-color-footer-outer-text: var(--x-color-text-primary);--x-image-color-title-footer-outer-text: var(--x-color-text-secondary);--x-image-color-description-footer-outer-text: var(--x-color-text-tertiary);--x-image-color-error-text: var(--x-color-text-secondary);--x-image-color-error-bg: var(--x-color-fill-2);--x-image-color-loader-bg: var(--x-color-fill-1);--x-image-color-loader-spin-text: var(--x-color-text-secondary);--x-image-preview-color-action-bg: var(--x-color-transparent);--x-image-preview-color-action-disabled-bg: var(--x-color-transparent);--x-image-preview-color-loading-bg: var(--x-color-text-tertiary);--x-image-preview-arrow-color-icon-disabled: var(--x-color-neutral-5);--x-chart-color-series-1: var(--x-color-primary-solid);--x-chart-color-series-2: var(--x-color-success-solid);--x-chart-color-series-3: var(--x-color-strong-solid);--x-chart-color-series-4: var(--x-color-danger-solid);--x-chart-color-series-5: var(--x-color-warning-solid);--x-chart-color-axis-text: var(--x-color-text-secondary);--x-chart-color-grid-line: var(--x-color-border-subtle);--x-chart-color-baseline: var(--x-color-border-default);--x-chart-color-active-band: var(--x-color-fill-2);--x-chart-color-active-line: var(--x-color-border-default);--x-chart-color-point-halo: var(--x-color-bg-surface);--x-chart-color-tooltip-bg: var(--x-color-overlay-tooltip-bg);--x-chart-color-tooltip-text: var(--x-color-overlay-tooltip-text);--x-chart-shadow-tooltip: var(--x-shadow-popover);--x-chart-color-legend-text: var(--x-color-text-secondary);--x-chart-color-legend-text-hidden: var(--x-color-text-4);--x-chart-color-legend-value: var(--x-color-text-4);--x-picker-color-shadow_focus: var(--x-field-color-shadow-focus);--x-picker-color-shadow_error_focus: var(--x-field-status-error-shadow-color-focus);--x-picker-color-bg: var(--x-field-color-bg);--x-picker-color-bg_hover: var(--x-field-color-bg-hover);--x-picker-color-bg_focus: var(--x-field-color-bg-focus);--x-picker-color-bg_disabled: var(--x-field-color-bg-disabled);--x-picker-color-bg_error: var(--x-field-color-bg-error);--x-picker-color-bg_error_hover: var(--x-field-color-bg-error-hover);--x-picker-color-bg_error_focus: var(--x-field-color-bg-error-focus);--x-picker-color-border: var(--x-field-color-border);--x-picker-color-border_hover: var(--x-field-color-border-hover);--x-picker-color-border_focus: var(--x-field-color-border-focus);--x-picker-color-border_disabled: var(--x-field-color-border-disabled);--x-picker-color-border_error: var(--x-color-transparent);--x-picker-color-border_error_hover: var(--x-color-transparent);--x-picker-color-border_error_focus: var(--x-field-color-border-error);--x-picker-color-placeholder: var(--x-field-color-placeholder);--x-picker-color-placeholder_disabled: var(--x-field-color-text-disabled);--x-picker-color-text: var(--x-field-color-text);--x-picker-color-text_disabled: var(--x-field-color-text-disabled);--x-picker-color-icon: var(--x-field-color-icon);--x-picker-color-icon_disabled: var(--x-field-color-text-disabled);--x-picker-color-separator: var(--x-field-color-affix);--x-picker-color-separator_disabled: var(--x-field-color-text-disabled);--x-picker-range-color-bg-input_focus: var(--x-color-fill-2);--x-input-color-text_disabled: var(--x-field-color-text-disabled);--x-button-color-bg-default: var(--x-color-fill-2);--x-button-color-bg-default-hover: var(--x-color-neutral-3);--x-button-color-bg-default-active: var(--x-color-neutral-4);--x-button-color-text-default: var(--x-color-text-primary);--x-button-color-border-default: var(--x-color-border-default);--x-button-color-bg-primary-subtle: var(--x-color-primary-subtle);--x-button-color-bg-primary-subtle-hover: var(--x-color-primary-subtle-hover);--x-button-color-bg-primary-subtle-active: var(--x-color-primary-subtle-active);--x-button-color-bg-primary-solid: var(--x-color-primary-solid);--x-button-color-bg-primary-solid-hover: var(--x-color-primary-solid-hover);--x-button-color-bg-primary-solid-active: var(--x-color-primary-solid-active);--x-button-color-text-primary: var(--x-color-primary-button-text);--x-button-color-border-primary: var(--x-color-primary-solid);--x-button-color-bg-success-subtle: var(--x-color-success-subtle);--x-button-color-bg-success-subtle-hover: var(--x-color-success-subtle-hover);--x-button-color-bg-success-subtle-active: var(--x-color-success-subtle-active);--x-button-color-bg-success-solid: var(--x-color-success-solid);--x-button-color-bg-success-solid-hover: var(--x-color-success-solid-hover);--x-button-color-bg-success-solid-active: var(--x-color-success-solid-active);--x-button-color-text-success: var(--x-color-success-button-text);--x-button-color-border-success: var(--x-color-success-solid);--x-button-color-bg-warning-subtle: var(--x-color-warning-subtle);--x-button-color-bg-warning-subtle-hover: var(--x-color-warning-subtle-hover);--x-button-color-bg-warning-subtle-active: var(--x-color-warning-subtle-active);--x-button-color-bg-warning-solid: var(--x-color-warning-solid);--x-button-color-bg-warning-solid-hover: var(--x-color-warning-solid-hover);--x-button-color-bg-warning-solid-active: var(--x-color-warning-solid-active);--x-button-color-text-warning: var(--x-color-warning-button-text);--x-button-color-border-warning: var(--x-color-warning-solid);--x-button-color-bg-danger-subtle: var(--x-color-danger-subtle);--x-button-color-bg-danger-subtle-hover: var(--x-color-danger-subtle-hover);--x-button-color-bg-danger-subtle-active: var(--x-color-danger-subtle-active);--x-button-color-bg-danger-solid: var(--x-color-danger-solid);--x-button-color-bg-danger-solid-hover: var(--x-color-danger-solid-hover);--x-button-color-bg-danger-solid-active: var(--x-color-danger-solid-active);--x-button-color-text-danger: var(--x-color-danger-button-text);--x-button-color-border-danger: var(--x-color-danger-solid);--x-button-color-bg-strong-subtle: var(--x-color-strong-subtle);--x-button-color-bg-strong-subtle-hover: var(--x-color-strong-subtle-hover);--x-button-color-bg-strong-subtle-active: var(--x-color-strong-subtle-active);--x-button-color-bg-strong-solid: var(--x-color-strong-solid);--x-button-color-bg-strong-solid-hover: var(--x-color-strong-solid-hover);--x-button-color-bg-strong-solid-active: var(--x-color-strong-solid-active);--x-button-color-text-strong: var(--x-color-strong-button-text);--x-button-color-border-strong: var(--x-color-strong-solid);--x-button-color-bg-info-subtle: var(--x-color-fill-2);--x-button-color-bg-info-subtle-hover: var(--x-color-neutral-3);--x-button-color-bg-info-subtle-active: var(--x-color-neutral-4);--x-button-color-text-info: var(--x-color-text-secondary);--x-button-color-border-info: var(--x-color-neutral-5);--x-color-picker-panel-bg: var(--x-color-bg-elevated);--x-color-picker-panel-shadow: var(--x-shadow-popover);--x-color-picker-border: var(--x-color-border-subtle);--x-color-picker-color-text: var(--x-color-text-2);--x-color-picker-color-text_active: var(--x-color-primary-text);--x-color-picker-color-handle-bg: var(--x-color-bg-surface);--x-color-picker-color-handle-border: var(--x-color-neutral-5);--x-color-picker-color-trigger-bg: var(--x-color-bg-surface);--x-color-picker-color-swatch_border: var(--x-color-neutral-4);--x-color-picker-color-swatch_active: var(--x-color-primary-text);--x-color-picker-checker: var(--x-color-fill-2);--x-color-picker-checker-alt: var(--x-color-bg-surface);--x-date-picker-panel-bg: var(--x-color-bg-popup);--x-date-picker-panel-border: var(--x-color-transparent);--x-date-picker-footer-border: var(--x-split-color);--x-date-picker-cell-color: var(--x-color-text-2);--x-date-picker-cell-color-hover: var(--x-color-text-1);--x-date-picker-cell-bg-hover: var(--x-color-fill-1);--x-date-picker-cell-bg-range: var(--x-color-primary-light-1);--x-date-picker-cell-bg-range-hover: var(--x-color-primary-2);--x-date-picker-cell-bg-selected: var(--x-color-primary-6);--x-date-picker-cell-color-disabled: var(--x-color-text-4);--x-date-picker-cell-color-out-view: var(--x-color-text-4);--x-date-picker-confirm-color: var(--x-color-primary-text);--x-date-picker-today-color: var(--x-color-primary-text);--x-dropdown-color-bg: var(--x-color-bg-popup);--x-dropdown-color-border: var(--x-color-transparent);--x-dropdown-box-shadow: var(--x-shadow-popover);--x-dropdown-option-color-bg_default: var(--x-color-transparent);--x-dropdown-option-color-bg_hover: var(--x-color-fill-2);--x-dropdown-option-color-bg_selected: var(--x-color-transparent);--x-dropdown-option-color-bg_disabled: var(--x-color-transparent);--x-dropdown-option-color-text_default: var(--x-color-text-1);--x-dropdown-option-color-text_hover: var(--x-color-text-1);--x-dropdown-option-color-text_selected: var(--x-color-text-1);--x-dropdown-option-color-text_disabled: var(--x-color-text-4);--x-dropdown-group-title-color-text: var(--x-color-text-3);--x-checkbox-mask-bg-color-bg: var(--x-icon-hover-color-bg);--x-checkbox-mask-color-bg: var(--x-color-bg-white);--x-checkbox-mask-color-bg_checked: var(--x-color-primary-6);--x-checkbox-mask-color-bg_disabled: var(--x-color-fill-2);--x-checkbox-mask-color-bg_checked_disabled: var(--x-color-primary-light-3);--x-checkbox-mask-color-border: var(--x-color-fill-3);--x-checkbox-mask-color-border_hover: var(--x-color-fill-4);--x-checkbox-mask-color-border_checked: var(--x-color-transparent);--x-checkbox-mask-color-border_checked_disabled: var(--x-color-transparent);--x-checkbox-mask-color-border_disabled: var(--x-color-fill-3);--x-checkbox-color-text: var(--x-color-text-1);--x-checkbox-color-text_disabled: var(--x-color-text-4);--x-checkbox-color-check-icon_disabled: var(--x-color-fill-3);--x-input-number-step-button-color: var(--x-field-color-icon);--x-input-number-step-button-color_disabled: var(--x-field-color-text-disabled);--x-input-number-step-button-color-border: var(--x-color-border-subtle);--x-input-number-step-button-color-bg_default: var(--x-color-fill-2);--x-input-number-step-button-color-bg_default_hover: var(--x-color-fill-3);--x-input-number-step-button-color-bg_default_active: var(--x-color-fill-4);--x-input-number-step-button-color-bg_disabled: var(--x-field-color-bg-disabled);--x-input-number-step-button-color-bg_disabled_hover: var(--x-field-color-bg-disabled);--x-input-number-step-button-color-bg_disabled_active: var(--x-field-color-bg-disabled);--x-input-tag-color-text_default: var(--x-field-color-text);--x-input-tag-color-text_error: var(--x-field-color-text);--x-input-tag-color-text_disabled: var(--x-field-color-text-disabled);--x-input-tag-color-placeholder: var(--x-field-color-placeholder);--x-input-tag-color-icon-clear: var(--x-field-color-icon);--x-input-tag-color-icon-clear-bg_hover: var(--x-color-fill-4);--x-input-tag-color-border_default: var(--x-field-color-border);--x-input-tag-color-border_default_hover: var(--x-field-color-border-hover);--x-input-tag-color-border_default_focus: var(--x-field-color-border-focus);--x-input-tag-color-border_error: var(--x-color-transparent);--x-input-tag-color-border_error_hover: var(--x-color-transparent);--x-input-tag-color-border_error_focus: var(--x-field-color-border-error);--x-input-tag-color-border_disabled: var(--x-field-color-border-disabled);--x-input-tag-color-border_disabled_hover: var(--x-input-tag-color-border_disabled);--x-input-tag-color-border_disabled_focus: var(--x-input-tag-color-border_disabled);--x-input-tag-color-bg_default: var(--x-field-color-bg);--x-input-tag-color-bg_default_hover: var(--x-field-color-bg-hover);--x-input-tag-color-bg_default_focus: var(--x-field-color-bg-focus);--x-input-tag-color-bg_error: var(--x-field-color-bg-error);--x-input-tag-color-bg_error_hover: var(--x-field-color-bg-error-hover);--x-input-tag-color-bg_error_focus: var(--x-field-color-bg-error-focus);--x-input-tag-color-bg_disabled: var(--x-field-color-bg-disabled);--x-input-tag-color-bg_disabled_hover: var(--x-input-tag-color-bg_disabled);--x-input-tag-color-shadow_default_focus: var(--x-field-color-shadow-focus);--x-input-tag-color-shadow_error_focus: var(--x-field-status-error-shadow-color-focus);--x-input-tag-tag-color-bg: var(--x-color-bg-2);--x-input-tag-tag-color-bg_focus: var(--x-color-fill-2);--x-input-tag-tag-color-bg_disabled: var(--x-color-fill-2);--x-input-tag-tag-color-border: var(--x-color-fill-3);--x-input-tag-tag-color-border_disabled: var(--x-color-fill-3);--x-input-tag-tag-color-border_focus: var(--x-color-fill-2);--x-input-tag-tag-remove-icon-color-bg: var(--x-color-fill-2);--x-input-tag-tag-remove-icon-color-bg_focus: var(--x-color-fill-3);--x-input-color-bg: var(--x-field-color-bg);--x-input-color-bg_hover: var(--x-field-color-bg-hover);--x-input-color-bg_focus: var(--x-field-color-bg-focus);--x-input-color-bg_disabled: var(--x-field-color-bg-disabled);--x-input-color-addon-bg: var(--x-input-color-bg);--x-input-color-addon-border: var(--x-color-border-subtle);--x-input-color-border_focus: var(--x-field-color-border-focus);--x-input-color-shadow_focus: var(--x-field-color-shadow-focus);--x-input-color-addon-border_default: var(--x-color-transparent);--x-input-color-text: var(--x-field-color-text);--x-input-color-placeholder-text: var(--x-field-color-placeholder);--x-textarea-color-tip-text: var(--x-color-text-tertiary);--x-input-color-bg_error: var(--x-field-color-bg-error);--x-input-color-bg_error_hover: var(--x-field-color-bg-error-hover);--x-input-color-bg_error_focus: var(--x-field-color-bg-error-focus);--x-input-color-border_error_focus: var(--x-field-color-border-error);--x-input-color-shadow_error_focus: var(--x-field-status-error-shadow-color-focus);--x-input-border-color: var(--x-field-color-border);--x-input-color-border_disabled: var(--x-field-color-border-disabled);--x-input-color-border_hover: var(--x-field-color-border-hover);--x-input-color-border_error: var(--x-field-color-border-error);--x-input-color-border_error_hover: var(--x-color-transparent);--x-input-color-prefix-text: var(--x-field-color-affix);--x-input-color-suffix-text: var(--x-field-color-affix);--x-input-color-tip-text: var(--x-color-text-tertiary);--x-input-color-icon-clear: var(--x-field-color-icon);--x-input-color-icon-clear-bg_hover: var(--x-color-fill-4);--x-search-color-icon: var(--x-field-color-icon);--x-password-color-eye-icon: var(--x-color-text-2);--x-input-group-color-separator-border: var(--x-color-border-subtle);--x-input-feedback-icon-color_success: var(--x-field-status-success-icon);--x-input-feedback-icon-color_error: var(--x-field-status-error-icon);--x-input-feedback-icon-color_warning: var(--x-field-status-warning-icon);--x-input-feedback-icon-color_validating: var(--x-field-status-validating-icon);--x-radio-color-border: var(--x-color-neutral-3);--x-radio-color-border_hover: var(--x-color-neutral-3);--x-radio-color-border_disabled: var(--x-color-neutral-3);--x-radio-color-bg: var(--x-color-bg-2);--x-radio-color-bg_checked: var(--x-color-primary-6);--x-radio-color-bg_disabled: var(--x-color-fill-2);--x-radio-color-bg_checked_disabled: var(--x-color-primary-light-3);--x-radio-color-dot-bg_checked_disabled: var(--x-radio-color-bg_disabled);--x-radio-color-text: var(--x-color-text-1);--x-radio-color-text_disabled: var(--x-color-text-4);--x-radio-color-text_checked_disabled: var(--x-color-text-4);--x-radio-mask-bg-color-bg: var(--x-icon-hover-color-bg);--x-radio-group-button-color-bg: var(--x-color-fill-2);--x-radio-button-color-bg_active: var(--x-color-bg-5);--x-radio-button-color-bg_hover: var(--x-radio-button-color-bg_active);--x-radio-button-color-text_active: var(--x-color-primary-6);--x-radio-button-color-text_hover: var(--x-radio-color-text);--x-radio-button-color-bg: var(--x-color-transparent);--x-radio-button-color-text: var(--x-color-text-2);--x-radio-button-color-bg_disabled: var(--x-color-transparent);--x-radio-button-color-text_disabled: var(--x-color-text-4);--x-radio-button-color-bg_checked_disabled: var(--x-radio-button-color-bg_active);--x-radio-button-color-text_checked_disabled: var(--x-color-primary-light-3);--x-radio-button-color-separator-bg: var(--x-color-neutral-3);--x-select-popup-color-bg: var(--x-color-bg-elevated);--x-select-popup-color-border: var(--x-color-transparent);--x-select-popup-box-shadow: var(--x-shadow-popover);--x-select-popup-option-color-bg_default: var(--x-color-bg-elevated);--x-select-popup-option-color-bg_hover: var(--x-color-fill-2);--x-select-popup-option-color-bg_selected: var(--x-color-bg-elevated);--x-select-popup-option-color-bg_disabled: var(--x-color-bg-elevated);--x-select-popup-option-color-text_default: var(--x-color-text-primary);--x-select-popup-option-color-text_hover: var(--x-color-text-primary);--x-select-popup-option-color-text_selected: var(--x-color-text-primary);--x-select-popup-option-color-text_disabled: var(--x-color-text-disabled);--x-select-popup-option-color-highlight-text: var(--x-color-text-primary);--x-select-popup-group-title-color-text: var(--x-color-text-tertiary);--x-heatmap-color-empty: var(--x-color-fill-2);--x-heatmap-color-text: var(--x-color-text-3);--x-heatmap-color-tooltip-bg: var(--x-color-overlay-tooltip-bg);--x-heatmap-color-tooltip-text: var(--x-color-overlay-tooltip-text);--x-heatmap-shadow-tooltip: var(--x-shadow-popover);--x-heatmap-color-cell-border: var(--x-color-border-subtle);--x-link-color-text: var(--x-color-primary-text);--x-link-color-text-success: var(--x-color-success-text);--x-link-color-text-warning: var(--x-color-warning-text);--x-link-color-text-danger: var(--x-color-danger-text);--x-link-color-text-strong: var(--x-color-strong-text);--x-link-color-text-disabled: var(--x-color-text-disabled);--x-link-color-text-loading: var(--x-color-text-secondary);--x-link-color-bg-active: var(--x-color-fill-3);--x-link-color-focus: var(--x-color-primary-text);--x-link-background-color: var(--x-color-primary-1);--x-link-success-background-color: var(--x-color-success-1);--x-link-danger-background-color: var(--x-color-danger-1);--x-link-warning-background-color: var(--x-color-warning-1);--x-link-strong-background-color: var(--x-color-strong-1);--x-menu-color-label-item-selected: var(--x-color-primary-6);--x-menu-light-color-bg: var(--x-color-menu-light-bg);--x-menu-light-color-bg-item_default: var(--x-menu-light-color-bg);--x-menu-light-color-bg-item_hover: var(--x-color-fill-2);--x-menu-light-color-bg-item_selected: var(--x-color-fill-2);--x-menu-light-color-bg-item_disabled: var(--x-menu-light-color-bg);--x-menu-light-color-item_default: var(--x-color-text-2);--x-menu-light-color-item_hover: var(--x-color-text-2);--x-menu-light-color-item_selected: var(--x-color-primary-6);--x-menu-light-color-submenu_selected: var(--x-color-primary-6);--x-menu-light-color-bg-submenu_selected: var(--x-color-transparent);--x-menu-light-color-bg-submenu_selected_hover: var(--x-color-fill-2);--x-menu-light-color-item_disabled: var(--x-color-text-4);--x-menu-light-color-icon_default: var(--x-color-text-3);--x-menu-light-color-icon_hover: var(--x-color-text-3);--x-menu-light-color-icon_selected: var(--x-color-primary-6);--x-menu-light-color-icon_disabled: var(--x-color-text-4);--x-menu-light-color-group-title: var(--x-color-text-3);--x-menu-color-border-popup: var(--x-color-transparent);--x-menu-light-color-bg-button: var(--x-color-fill-1);--x-menu-light-color-bg-button_hover: var(--x-color-fill-3);--x-menu-light-color-button: var(--x-color-text-3);--x-menu-dark-color-bg-button: var(--x-color-primary-6);--x-menu-dark-color-bg-button_hover: var(--x-color-primary-7);--x-menu-pop-button-border-color: var(--x-color-transparent);--x-dropdown-dark-option-color-bg_default: var(--x-color-transparent);--x-dropdown-dark-option-color-bg_selected: var(--x-color-transparent);--x-dropdown-dark-option-color-bg_disabled: var(--x-color-transparent);--x-pagination-color-bg-item: var(--x-color-transparent);--x-pagination-color-bg-item_active: var(--x-color-primary-light-1);--x-pagination-color-bg-item_hover: var(--x-color-fill-1);--x-pagination-color-bg-item_disabled: var(--x-color-transparent);--x-pagination-color-bg-item_active_disabled: var(--x-color-fill-1);--x-pagination-color-item-text: var(--x-color-text-2);--x-pagination-color-item-text_hover: var(--x-color-text-2);--x-pagination-color-item-text_active: color-mix( in srgb, var(--x-color-primary-text) 96%, var(--x-color-text-1) );--x-pagination-color-item-text_disabled: var(--x-color-text-4);--x-pagination-color-item-text_active_disabled: var(--x-color-primary-light-3);--x-pagination-color-item-border: var(--x-color-transparent);--x-pagination-color-item-border_active: var(--x-color-transparent);--x-pagination-color-item-border_hover: var(--x-color-transparent);--x-pagination-color-item-border_disabled: var(--x-color-transparent);--x-pagination-color-item-border_active_disabled: var(--x-color-transparent);--x-pagination-color-item-outline_focus: var(--x-color-primary-text);--x-pagination-color-icon-arrow: var(--x-color-text-2);--x-pagination-color-icon-arrow-bg: var(--x-color-transparent);--x-pagination-color-icon-arrow-bg_hover: var(--x-color-fill-1);--x-pagination-color-icon-arrow-bg_disabled: var(--x-color-transparent);--x-pagination-color-icon-arrow-text_hover: var(--x-color-primary-text);--x-pagination-color-icon-arrow-text_disabled: var(--x-color-text-4);--x-pagination-simple-color-icon-arrow: var(--x-color-text-2);--x-pagination-simple-color-icon-arrow-bg: var(--x-color-transparent);--x-pagination-simple-color-icon-arrow-bg_hover: var(--x-color-fill-1);--x-pagination-simple-color-icon-arrow-bg_disabled: var(--x-color-transparent);--x-pagination-simple-color-icon-arrow-text_hover: var(--x-color-primary-text);--x-pagination-simple-color-icon-arrow-text_disabled: var(--x-color-text-4);--x-pagination-color-jumper-goto: var(--x-color-text-3);--x-pagination-color-text-total: var(--x-color-text-1);--x-pie-chart-stroke-segment: var(--x-color-bg-surface);--x-table-color-border: var(--x-color-border-subtle);--x-table-color-text-header-cell: var(--x-color-text-primary);--x-table-color-bg-header-cell: var(--x-color-bg-subtle);--x-table-color-bg-header-sorted-cell: var(--x-color-bg-subtle);--x-table-color-bg-header-sorted-cell_hover: var(--x-color-fill-2);--x-table-color-header-filters-icon: var(--x-color-text-4);--x-table-color-header-filters-icon_active: var(--x-color-primary-6);--x-table-color-bg-header-filters-icon_hover: var(--x-color-fill-2);--x-table-color-text-body-cell: var(--x-color-text-primary);--x-table-color-bg-body-cell: var(--x-color-bg-surface);--x-table-color-bg-body-sorted-cell: var(--x-color-bg-subtle);--x-table-color-bg-body-stripe-row: var(--x-color-bg-subtle);--x-table-color-bg-body-row_hover: var(--x-color-bg-subtle);--x-table-color-bg-body-row_active: var(--x-color-primary-subtle);--x-table-color-bg-body-row_active_dark: var(--x-color-neutral-2);--x-table-color-expand-icon: var(--x-color-text-2);--x-table-color-expand-icon-border: var(--x-color-transparent);--x-table-color-expand-icon-border_hover: var(--x-color-transparent);--x-table-color-expand-icon_hover: var(--x-color-text-1);--x-table-color-bg-expand-icon: var(--x-color-fill-2);--x-table-color-bg-expand-icon_hover: var(--x-color-fill-3);--x-table-color-bg-expand-content: var(--x-color-bg-subtle);--x-table-color-bg-expand-content_hover: var(--x-color-bg-subtle);--x-table-color-header-sorter-icon: var(--x-color-text-4);--x-table-color-header-sorter-icon_next: var(--x-color-text-3);--x-table-color-header-sorter-icon_active: var(--x-color-primary-6);--x-table-color-bg-filters-popup: var(--x-color-bg-5);--x-table-color-border-filters-popup: var(--x-color-neutral-3);--x-table-shadow-left: inset 8px 0 8px -8px var(--x-shadow-color-fixed-column);--x-table-shadow-right: inset -8px 0 8px -8px var(--x-shadow-color-fixed-column);--x-table-color-body-background: var(--x-color-bg-surface);--x-table-color-bg-tfoot: var(--x-color-bg-subtle);--x-table-filters-icon-bg_hover: var(--x-color-fill-2);--x-table-color-border_resizing: var(--x-color-primary-6);--x-tabs-color-text: var(--x-color-text-2);--x-tabs-color-text-hover: var(--x-color-text-1);--x-tabs-color-text-active: var(--x-color-primary-6);--x-tabs-color-text-disabled: var(--x-color-text-4);--x-tabs-color-border: var(--x-color-neutral-3);--x-tabs-color-bg: var(--x-color-bg-white);--x-tabs-color-fill: var(--x-color-fill-1);--x-tabs-color-fill-hover: var(--x-color-fill-2);--x-tabs-color-fill-active: var(--x-color-primary-light-1);--x-tabs-color-focus: var(--x-color-primary-6);--x-time-picker-panel-bg: var(--x-color-bg-popup);--x-time-picker-panel-border: var(--x-color-transparent);--x-time-picker-column-border: var(--x-color-transparent);--x-time-picker-footer-border: var(--x-split-color);--x-time-picker-cell-color: var(--x-color-text-2);--x-time-picker-cell-color-hover: var(--x-color-text-1);--x-time-picker-cell-bg-hover: var(--x-color-fill-1);--x-time-picker-cell-bg-selected: var(--x-color-primary-light-1);--x-time-picker-cell-color-selected: var(--x-color-primary-text);--x-time-picker-cell-color-disabled: var(--x-color-text-4);--x-time-picker-confirm-color: var(--x-color-primary-text);--x-time-picker-confirm-bg-hover: var(--x-color-primary-light-1);--x-time-picker-now-color: var(--x-color-text-3);--x-time-picker-column-scrollbar-thumb-bg: var(--x-picker-column-scrollbar-thumb-bg);--x-transfer-border-color: var(--x-color-border-default);--x-transfer-header-bg: var(--x-color-fill-1);--x-transfer-item-hover-bg: var(--x-color-fill-2);--x-tree-select-node-color-bg_hover: var(--x-color-fill-2);--x-tree-select-node-color-bg_selected: color-mix( in srgb, var(--x-color-primary) 6%, var(--x-color-bg-elevated) );--x-tree-select-node-color-text_disabled: var(--x-color-text-disabled);--x-tree-select-node-color-line: var(--x-color-border-default);--x-tree-select-switcher-color-icon: var(--x-color-text-3);--x-trigger-color-arrow-bg: var(--x-color-menu-light-bg);--x-upload-color-text: var(--x-color-text-primary);--x-upload-color-icon: var(--x-color-text-tertiary);--x-upload-color-tip-text: var(--x-color-text-tertiary);--x-upload-color-bg: var(--x-color-fill-1);--x-upload-color-bg-hover: var(--x-color-fill-2);--x-upload-color-border: var(--x-color-border-default);--x-upload-color-thumbnail-bg: var(--x-color-fill-2);--x-upload-color-picture-overlay-bg: var(--x-color-overlay-mask);--x-color-primary-text: var(--x-color-primary-7);--x-color-success-text: var(--x-color-success-7);--x-color-warning-text: var(--x-color-warning-7);--x-color-danger-text: var(--x-color-danger-8);--x-color-strong-text: var(--x-color-strong-7);--x-color-primary-button-text: var(--x-color-primary-7);--x-color-success-button-text: var(--x-color-success-7);--x-color-warning-button-text: var(--x-color-warning-7);--x-color-danger-button-text: var(--x-color-danger-8);--x-color-strong-button-text: var(--x-color-strong-7);--x-tag-color-gray-border-hover: var(--x-color-fill-5);--x-watermark-color: rgba(255, 255, 255, 0.15);--x-shadow-popover: 0 6px 16px 0 rgb(0 0 0 / 45%), 0 3px 6px -4px rgb(0 0 0 / 55%), 0 9px 28px 8px rgb(0 0 0 / 30%);--x-color-overlay-tooltip-text: var(--x-color-constant-dark);--x-heatmap-color-level-1: var(--x-color-primary-3);--x-heatmap-color-level-2: var(--x-color-primary-4);--x-heatmap-color-level-3: var(--x-color-primary-5);--x-heatmap-color-level-4: var(--x-color-primary-6);--x-heatmap-color-level-5: var(--x-color-primary-7);--x-color-spin-layer-bg: rgb(30 34 42 / 88%);--x-empty-illustration-planes: var(--x-color-neutral-2);--x-empty-illustration-mid: var(--x-color-neutral-4);--x-empty-illustration-strong: var(--x-color-neutral-6);--x-empty-illustration-highlight: var(--x-color-neutral-7);--x-select-bgc: var(--x-color-fill-2);--x-disabled-bgc: var(--x-color-fill-2);--x-disabled-bc: var(--x-color-fill-4);--x-placeholder-color: var(--x-color-text-3);--x-hover-bgc: var(--x-color-fill-1);--x-hover-bc: var(--x-color-fill-5);--x-bgc: var(--x-color-bg-page);--x-bc: var(--x-color-fill-3);--x-split-color: var(--x-color-fill-3);--x-shadow-color-fixed-column: rgba(255, 255, 255, 0.18);--x-message-color-border: rgb(255 255 255 / 12%);--x-message-color-close-bg-hover: rgb(255 255 255 / 10%);--x-message-color-shadow: var(--x-shadow2-down);--x-notification-color-border: rgb(255 255 255 / 12%);--x-notification-color-close-bg-hover: rgb(255 255 255 / 10%);--x-notification-color-shadow: var(--x-shadow3-down);--x-color-overlay-mask: rgb(0 0 0 / 70%);--x-tag-color-red-text: rgb(249 130 130);--x-tag-color-red-bg: rgb(77 40 47);--x-tag-color-red-border-hover: rgb(98 51 57);--x-tag-color-red-icon-bg_hover: rgba(245, 63, 63, 0.22);--x-tag-color-orangered-text: rgb(250 163 123);--x-tag-color-orangered-bg: rgb(78 52 44);--x-tag-color-orangered-border-hover: rgb(99 65 53);--x-tag-color-orangered-icon-bg_hover: rgba(247, 114, 52, 0.22);--x-tag-color-orange-text: rgb(255 171 89);--x-tag-color-orange-bg: rgb(80 54 33);--x-tag-color-orange-border-hover: rgb(101 68 40);--x-tag-color-orange-icon-bg_hover: rgba(255, 125, 0, 0.22);--x-tag-color-gold-text: rgb(250 210 109);--x-tag-color-gold-bg: rgb(78 67 39);--x-tag-color-gold-border-hover: rgb(99 84 47);--x-tag-color-gold-icon-bg_hover: rgba(247, 186, 30, 0.22);--x-tag-color-lime-text: rgb(193 232 108);--x-tag-color-lime-bg: rgb(58 75 39);--x-tag-color-lime-border-hover: rgb(74 94 47);--x-tag-color-lime-icon-bg_hover: rgba(159, 219, 29, 0.22);--x-tag-color-green-text: rgb(89 206 117);--x-tag-color-green-bg: rgb(23 66 42);--x-tag-color-green-border-hover: rgb(31 83 51);--x-tag-color-green-icon-bg_hover: rgba(0, 180, 42, 0.22);--x-tag-color-cyan-text: rgb(102 220 220);--x-tag-color-cyan-bg: rgb(28 71 77);--x-tag-color-cyan-border-hover: rgb(37 89 94);--x-tag-color-cyan-icon-bg_hover: rgba(20, 201, 201, 0.22);--x-tag-color-blue-text: rgb(123 184 252);--x-tag-color-blue-bg: rgb(35 58 88);--x-tag-color-blue-border-hover: rgb(46 73 108);--x-tag-color-blue-icon-bg_hover: rgba(52, 145, 250, 0.22);--x-tag-color-better-blue-text: rgb(104 150 255);--x-tag-color-better-blue-bg: rgb(28 47 89);--x-tag-color-better-blue-border-hover: rgb(37 59 109);--x-tag-color-better-blue-icon-bg_hover: rgba(22, 93, 255, 0.22);--x-tag-color-purple-text: rgb(201 176 238);--x-tag-color-purple-bg: rgb(48 37 79);--x-tag-color-purple-border-hover: rgb(66 54 98);--x-tag-color-purple-icon-bg_hover: rgba(114, 46, 209, 0.22);--x-tag-color-pink-purple-text: rgb(230 106 230);--x-tag-color-pink-purple-bg: rgb(71 32 81);--x-tag-color-pink-purple-border-hover: rgb(90 41 99);--x-tag-color-pink-purple-icon-bg_hover: rgba(217, 26, 217, 0.22);--x-tag-color-magenta-text: rgb(249 121 191);--x-tag-color-magenta-bg: rgb(77 37 67);--x-tag-color-magenta-border-hover: rgb(98 47 82);--x-tag-color-magenta-icon-bg_hover: rgba(245, 49, 157, 0.22);--x-time-range-selector-disabled-bg-default: linear-gradient( 180deg, color-mix(in srgb, var(--x-color-text-4) 18%, var(--x-color-bg-white)) 0%, color-mix(in srgb, var(--x-color-fill-3) 72%, var(--x-color-bg-white)) 100% );--x-time-range-selector-edge-bg-default: color-mix( in srgb, var(--x-color-bg-white) 84%, var(--x-color-transparent) );--x-time-range-selector-edge-bg-schedule: color-mix( in srgb, var(--x-color-bg-white) 92%, var(--x-color-transparent) );--x-time-range-selector-track-bg-compact: linear-gradient( 180deg, color-mix(in srgb, var(--x-color-fill-2) 82%, var(--x-color-bg-white)) 0%, color-mix(in srgb, var(--x-color-fill-3) 88%, var(--x-color-bg-white)) 100% );--x-time-range-selector-disabled-bg-compact: linear-gradient( 180deg, color-mix(in srgb, var(--x-color-text-4) 18%, var(--x-color-bg-white)) 0%, color-mix(in srgb, var(--x-color-fill-3) 82%, var(--x-color-bg-white)) 100% )}[data-theme=dark] .x-time-range-selector,.x-time-range-selector[data-theme=dark]{--x-time-range-selector-track-bg-default: linear-gradient( 180deg, color-mix(in srgb, var(--x-time-range-selector-color) 6%, var(--x-color-bg-white)) 0%, color-mix(in srgb, var(--x-color-fill-2) 86%, var(--x-color-bg-white)) 100% );--x-time-range-selector-edge-shadow-hover-default: 0 0 0 1px color-mix(in srgb, var(--x-time-range-selector-color) 48%, var(--x-color-transparent)), 0 0 0 4px color-mix(in srgb, var(--x-color-bg-white) 24%, var(--x-color-transparent));--x-time-range-selector-edge-shadow-hover-schedule: 0 0 0 1px color-mix(in srgb, var(--x-time-range-selector-color) 42%, var(--x-color-transparent)), 0 0 0 4px color-mix(in srgb, var(--x-color-bg-white) 28%, var(--x-color-transparent))}.x-icon{display:inline-flex;justify-content:center;align-items:center;width:1em;height:1em;color:inherit;font-style:normal;line-height:1;vertical-align:-0.125em;transform:rotate(var(--x-icon-rotate, 0deg));transform-origin:center}.x-icon svg{display:block;width:1em;height:1em}.x-icon svg:not([fill]){fill:currentcolor}.x-icon--raw{display:contents}.x-icon--spin-layer{display:inline-flex;width:1em;height:1em;align-items:center;justify-content:center;animation:x-icon-spin 1s infinite linear}.x-icon-loading-svg{animation:animated-loading-rotate 1.5s infinite ease-in-out;transform-box:fill-box;transform-origin:center}.x-icon-loading-svg>.path{stroke-width:5;animation:animated-loading 1.5s infinite ease-in-out}@keyframes animated-loading{0%{stroke-dasharray:1,125;stroke-dashoffset:0}50%{stroke-dasharray:95,31;stroke-dashoffset:-31px}to{stroke-dasharray:6,120;stroke-dashoffset:-120px}}@keyframes animated-loading-rotate{to{transform:rotate(1turn)}}@keyframes x-icon-spin{to{transform:rotate(1turn)}}.x-icon [opacity~=".1"]{opacity:.1}.x-icon [opacity~=".2"]{opacity:.2}.x-icon [opacity~=".3"]{opacity:.3}.x-icon [opacity~=".4"]{opacity:.4}.x-icon [opacity~=".5"]{opacity:.5}.x-icon [opacity~=".6"]{opacity:.6}.x-icon [opacity~=".7"]{opacity:.7}.x-icon [opacity~=".8"]{opacity:.8}.x-icon [opacity~=".9"]{opacity:.9}@media(prefers-reduced-motion: reduce){.x-icon--spin-layer,.x-icon-loading-svg{animation:none}.x-icon-loading-svg>.path{animation:none;stroke-dasharray:95,31;stroke-dashoffset:0}}.x-auto-tooltip{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:root{--x-chart-color-series-1: var(--x-color-primary-solid);--x-chart-color-series-2: var(--x-color-success-solid);--x-chart-color-series-3: var(--x-color-strong-solid);--x-chart-color-series-4: var(--x-color-danger-solid);--x-chart-color-series-5: var(--x-color-warning-solid);--x-chart-color-series-6: var(--x-color-constant-neutral-strong);--x-chart-color-axis-text: var(--x-color-text-secondary);--x-chart-color-grid-line: var(--x-color-border-subtle);--x-chart-color-baseline: var(--x-color-border-default);--x-chart-color-active-band: var(--x-color-fill-2);--x-chart-color-active-line: var(--x-color-border-default);--x-chart-color-point-halo: var(--x-color-bg-surface);--x-chart-color-tooltip-bg: var(--x-color-overlay-tooltip-bg);--x-chart-color-tooltip-text: var(--x-color-overlay-tooltip-text);--x-chart-shadow-tooltip: var(--x-shadow-popover);--x-chart-color-legend-text: var(--x-color-text-secondary);--x-chart-color-legend-text-hidden: var(--x-color-text-4);--x-chart-color-legend-value: var(--x-color-text-4);--x-chart-border-radius-tooltip: var(--x-border-radius-medium);--x-chart-spacing-legend: var(--x-spacing-3);--x-chart-size-swatch: 8px;--x-chart-font-size-caption: var(--x-font-size-caption)}.x-chart--grid-line{stroke:var(--x-chart-color-grid-line);stroke-width:1;shape-rendering:crispEdges}.x-chart-is-baseline{stroke:var(--x-chart-color-baseline)}.x-chart--axis-label{user-select:none;font-variant-numeric:tabular-nums}.x-chart--tooltip{position:absolute;z-index:1;min-width:120px;max-width:280px;padding:var(--x-spacing-2) var(--x-spacing-3);color:var(--x-chart-color-tooltip-text);font-size:var(--x-chart-font-size-caption);line-height:1.5;background-color:var(--x-chart-color-tooltip-bg);border-radius:var(--x-chart-border-radius-tooltip);box-shadow:var(--x-chart-shadow-tooltip);pointer-events:none;transform:translate(-50%, -100%);opacity:0;transition:opacity var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-chart-is-visible{opacity:1}.x-chart--tooltip-title{font-weight:var(--x-font-weight-500);white-space:nowrap}.x-chart--tooltip-list{margin-top:var(--x-spacing-1)}.x-chart--tooltip-item{display:flex;gap:var(--x-spacing-1);align-items:center;justify-content:space-between;white-space:nowrap}.x-chart--tooltip-swatch{flex:none;width:var(--x-chart-size-swatch);height:var(--x-chart-size-swatch);margin-right:var(--x-spacing-1);border-radius:2px}.x-chart--tooltip-name{flex:1;margin-right:var(--x-spacing-4);opacity:.72;overflow:hidden;text-overflow:ellipsis}.x-chart--tooltip-value{flex:none;font-variant-numeric:tabular-nums}.x-chart--tooltip-total{display:flex;justify-content:space-between;margin-top:var(--x-spacing-1);padding-top:var(--x-spacing-1);border-top:1px solid var(--x-color-border-subtle);font-weight:var(--x-font-weight-500)}.x-chart--legend{display:flex;flex-wrap:wrap;gap:var(--x-spacing-1) var(--x-chart-spacing-legend);margin-top:var(--x-chart-spacing-legend)}.x-chart--legend-item{display:inline-flex;gap:var(--x-spacing-1);align-items:center;padding:0;color:var(--x-chart-color-legend-text);font-size:var(--x-chart-font-size-caption);background:none;border:0;cursor:pointer}.x-chart--legend-item:hover{color:var(--x-color-text-1)}.x-chart--legend-item:focus-visible{outline:2px solid var(--x-color-border-focus);outline-offset:2px;border-radius:2px}.x-chart-is-hidden{color:var(--x-chart-color-legend-text-hidden)}.x-chart-is-hidden .x-chart--legend-swatch{opacity:.3}.x-chart--legend-swatch{flex:none;width:var(--x-chart-size-swatch);height:var(--x-chart-size-swatch);border-radius:2px}.x-chart--legend-name{white-space:nowrap}.x-chart--legend-value{color:var(--x-chart-color-legend-value);font-variant-numeric:tabular-nums;white-space:nowrap}.x-chart--empty{position:absolute;top:50%;left:50%;color:var(--x-chart-color-axis-text);font-size:var(--x-chart-font-size-caption);pointer-events:none;transform:translate(-50%, -50%)}.x-chart--live{position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}.x-icon-hover{position:relative;display:inline-block;padding:0;color:inherit;font:inherit;background:var(--x-color-transparent);border:0;cursor:pointer}.x-icon-hover:focus-visible{outline:2px solid var(--x-color-primary-text);outline-offset:2px}.x-icon-hover .x-icon{position:relative}.x-icon-hover::before{position:absolute;display:block;box-sizing:border-box;background-color:var(--x-color-transparent);border-radius:50%;transition:background-color .1s cubic-bezier(0, 0, 1, 1);content:""}.x-icon-hover:hover::before{background-color:var(--x-icon-hover-color-bg)}.x-icon-hover.x-icon-hover-disabled::before{opacity:0}.x-icon-hover:disabled{cursor:not-allowed}.x-icon-hover{line-height:12px}.x-icon-hover::before{top:50%;left:50%;width:20px;height:20px;transform:translate(-50%, -50%)}.x-icon-hover-size-mini{line-height:12px}.x-icon-hover-size-mini::before{top:50%;left:50%;width:20px;height:20px;transform:translate(-50%, -50%)}.x-icon-hover-size-small{line-height:12px}.x-icon-hover-size-small::before{top:50%;left:50%;width:20px;height:20px;transform:translate(-50%, -50%)}.x-icon-hover-size-large{line-height:12px}.x-icon-hover-size-large::before{top:50%;left:50%;width:24px;height:24px;transform:translate(-50%, -50%)}.x-icon-hover-size-huge{line-height:12px}.x-icon-hover-size-huge::before{top:50%;left:50%;width:24px;height:24px;transform:translate(-50%, -50%)}:root{--x-input-color-bg: var(--x-field-color-bg);--x-input-color-bg_hover: var(--x-field-color-bg-hover);--x-input-color-bg_focus: var(--x-field-color-bg-focus);--x-input-color-bg_disabled: var(--x-field-color-bg-disabled);--x-input-color-addon-bg: var(--x-input-color-bg);--x-input-color-addon-border: var(--x-color-border-subtle);--x-input-border-addon-separator-width: var(--x-border-1);--x-input-color-border_focus: var(--x-field-color-border-focus);--x-input-color-shadow_focus: var(--x-field-color-shadow-focus);--x-input-size-shadow_focus: var(--x-field-size-shadow-focus);--x-input-color-addon-border_default: var(--x-color-transparent);--x-input-color-text: var(--x-field-color-text);--x-input-color-placeholder-text: var(--x-field-color-placeholder);--x-input-color-text_disabled: var(--x-field-color-text-disabled);--x-textarea-color-tip-text: var(--x-color-text-tertiary);--x-input-color-bg_error: var(--x-field-color-bg-error);--x-input-color-bg_error_hover: var(--x-field-color-bg-error-hover);--x-input-color-bg_error_focus: var(--x-field-color-bg-error-focus);--x-input-color-border_error_focus: var(--x-field-color-border-error);--x-input-color-shadow_error_focus: var(--x-field-status-error-shadow-color-focus);--x-input-size-shadow_error_focus: var(--x-field-status-error-shadow-size-focus);--x-input-size-default-height: var(--x-size-default);--x-input-size-mini-height: var(--x-size-mini);--x-input-size-small-height: var(--x-size-small);--x-input-size-large-height: var(--x-size-large);--x-input-border-width: var(--x-border-1);--x-input-border-color: var(--x-field-color-border);--x-input-color-border_disabled: var(--x-field-color-border-disabled);--x-input-color-border_hover: var(--x-field-color-border-hover);--x-input-color-border_error: var(--x-field-color-border-error);--x-input-color-border_error_hover: var(--x-color-transparent);--x-input-size-default-font-size: var(--x-font-size-body-3);--x-input-size-small-font-size: var(--x-font-size-body-3);--x-input-size-large-font-size: var(--x-font-size-body-3);--x-input-size-mini-font-size: var(--x-font-size-body-1);--x-input-font-tip-size: var(--x-font-size-body-1);--x-input-size-mini-icon-suffix-size: var(--x-size-3);--x-input-size-small-icon-suffix-size: 14px;--x-input-size-default-icon-suffix-size: 14px;--x-input-size-large-icon-suffix-size: 14px;--x-input-size-mini-icon-addon-size: var(--x-size-3);--x-input-size-small-icon-addon-size: 14px;--x-input-size-default-icon-addon-size: 14px;--x-input-size-large-icon-addon-size: 14px;--x-input-size-icon-clear: var(--x-size-3);--x-input-color-prefix-text: var(--x-field-color-affix);--x-input-color-suffix-text: var(--x-field-color-affix);--x-input-color-tip-text: var(--x-color-text-tertiary);--x-input-color-icon-clear: var(--x-field-color-icon);--x-input-color-icon-clear-bg_hover: var(--x-color-fill-4);--x-search-color-icon: var(--x-field-color-icon);--x-search-size-icon: 14px;--x-input-padding-horizontal: var(--x-spacing-6);--x-input-margin-left-clear-btn: var(--x-spacing-6);--x-input-spacing-clear-icon-right: var(--x-spacing-4);--x-input-padding-word-limit-left: var(--x-spacing-4);--x-textarea-padding-horizontal: var(--x-spacing-6);--x-textarea-padding-vertical: var(--x-spacing-2);--x-textarea-font-size: var(--x-font-size-body-3);--x-textarea-font-tip-size: var(--x-font-size-body-1);--x-textarea-layout-tip-right: var(--x-spacing-5);--x-textarea-layout-tip-bottom: var(--x-spacing-3);--x-textarea-size-min-height: var(--x-size-default);--x-textarea-size-icon-clear: var(--x-font-size-body-1);--x-textarea-layout-top-icon-clear: var(--x-spacing-5);--x-password-color-eye-icon: var(--x-color-text-2);--x-password-size-eye-icon: var(--x-size-3);--x-input-group-border-radius_compact: var(--x-border-radius-small);--x-input-group-border-separator-width: var(--x-border-1);--x-input-group-color-separator-border: var(--x-color-border-subtle);--x-input-size-medium-height: var(--x-input-size-default-height);--x-input-size-medium-font-size: var(--x-input-size-default-font-size);--x-input-size-mini-line-height: 1.667;--x-input-size-small-line-height: var(--x-line-height-base);--x-input-size-medium-line-height: var(--x-line-height-base);--x-input-size-large-line-height: var(--x-line-height-base);--x-input-size-mini-padding-up-down: 1px;--x-input-size-small-padding-up-down: 2px;--x-input-size-medium-padding-up-down: 4px;--x-input-size-large-padding-up-down: 6px;--x-input-feedback-icon-color_success: var(--x-field-status-success-icon);--x-input-feedback-icon-color_error: var(--x-field-status-error-icon);--x-input-feedback-icon-color_warning: var(--x-field-status-warning-icon);--x-input-feedback-icon-color_validating: var(--x-field-status-validating-icon)}.x-tag{display:inline-flex;align-items:center;box-sizing:border-box;height:24px;padding:4px 8px;color:var(--x-tag-color-text-default);font-weight:500;font-size:12px;line-height:14px;vertical-align:middle;border:1px solid var(--x-color-transparent);border-radius:2px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.x-tag .x-icon-hover.x-icon-hover::before{width:14px;height:14px}.x-tag .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-bg-default-hover)}.x-tag-selectable{cursor:pointer;transition:all .3s linear}.x-tag-selectable:hover{background-color:var(--x-tag-color-bg-default-hover);border-color:var(--x-tag-color-border-default-hover)}.x-tag-checked{background-color:var(--x-tag-color-bg-default)}.x-tag-bordered{border-color:var(--x-tag-color-border-default-bordered)}.x-tag-size-small{height:20px;font-size:12px;line-height:18px}.x-tag-size-medium{height:24px;font-size:12px;line-height:22px}.x-tag-size-large{height:28px;font-size:14px;line-height:26px}.x-tag-hide{display:none}.x-tag-loading{cursor:default}.x-tag-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-tag-color-red.x-tag-checked{color:var(--x-tag-color-red-text);background-color:var(--x-tag-color-red-bg);border:1px solid var(--x-tag-color-red-border)}.x-tag-color-red.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-red-icon-bg_hover)}.x-tag-color-red.x-tag-checked.x-tag-bordered{border-color:var(--x-tag-color-red-text)}.x-tag-color-red.x-tag-checked.x-tag-selectable:hover{background-color:var(--x-tag-color-red-border-hover);border-color:var(--x-tag-color-red-text)}.x-tag-color-red.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-color-red-text)}.x-tag-color-orangered.x-tag-checked{color:var(--x-tag-color-orangered-text);background-color:var(--x-tag-color-orangered-bg);border:1px solid var(--x-tag-color-orangered-border)}.x-tag-color-orangered.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-orangered-icon-bg_hover)}.x-tag-color-orangered.x-tag-checked.x-tag-bordered{border-color:var(--x-tag-color-orangered-text)}.x-tag-color-orangered.x-tag-checked.x-tag-selectable:hover{background-color:var(--x-tag-color-orangered-border-hover);border-color:var(--x-tag-color-orangered-text)}.x-tag-color-orangered.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-color-orangered-text)}.x-tag-color-orange.x-tag-checked{color:var(--x-tag-color-orange-text);background-color:var(--x-tag-color-orange-bg);border:1px solid var(--x-tag-color-orange-border)}.x-tag-color-orange.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-orange-icon-bg_hover)}.x-tag-color-orange.x-tag-checked.x-tag-bordered{border-color:var(--x-tag-color-orange-text)}.x-tag-color-orange.x-tag-checked.x-tag-selectable:hover{background-color:var(--x-tag-color-orange-border-hover);border-color:var(--x-tag-color-orange-text)}.x-tag-color-orange.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-color-orange-text)}.x-tag-color-gold.x-tag-checked{color:var(--x-tag-color-gold-text);background-color:var(--x-tag-color-gold-bg);border:1px solid var(--x-tag-color-gold-border)}.x-tag-color-gold.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-gold-icon-bg_hover)}.x-tag-color-gold.x-tag-checked.x-tag-bordered{border-color:var(--x-tag-color-gold-text)}.x-tag-color-gold.x-tag-checked.x-tag-selectable:hover{background-color:var(--x-tag-color-gold-border-hover);border-color:var(--x-tag-color-gold-text)}.x-tag-color-gold.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-color-gold-text)}.x-tag-color-lime.x-tag-checked{color:var(--x-tag-color-lime-text);background-color:var(--x-tag-color-lime-bg);border:1px solid var(--x-tag-color-lime-border)}.x-tag-color-lime.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-lime-icon-bg_hover)}.x-tag-color-lime.x-tag-checked.x-tag-bordered{border-color:var(--x-tag-color-lime-text)}.x-tag-color-lime.x-tag-checked.x-tag-selectable:hover{background-color:var(--x-tag-color-lime-border-hover);border-color:var(--x-tag-color-lime-text)}.x-tag-color-lime.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-color-lime-text)}.x-tag-color-green.x-tag-checked{color:var(--x-tag-color-green-text);background-color:var(--x-tag-color-green-bg);border:1px solid var(--x-tag-color-green-border)}.x-tag-color-green.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-green-icon-bg_hover)}.x-tag-color-green.x-tag-checked.x-tag-bordered{border-color:var(--x-tag-color-green-text)}.x-tag-color-green.x-tag-checked.x-tag-selectable:hover{background-color:var(--x-tag-color-green-border-hover);border-color:var(--x-tag-color-green-text)}.x-tag-color-green.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-color-green-text)}.x-tag-color-cyan.x-tag-checked{color:var(--x-tag-color-cyan-text);background-color:var(--x-tag-color-cyan-bg);border:1px solid var(--x-tag-color-cyan-border)}.x-tag-color-cyan.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-cyan-icon-bg_hover)}.x-tag-color-cyan.x-tag-checked.x-tag-bordered{border-color:var(--x-tag-color-cyan-text)}.x-tag-color-cyan.x-tag-checked.x-tag-selectable:hover{background-color:var(--x-tag-color-cyan-border-hover);border-color:var(--x-tag-color-cyan-text)}.x-tag-color-cyan.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-color-cyan-text)}.x-tag-color-better-blue.x-tag-checked{color:var(--x-tag-color-better-blue-text);background-color:var(--x-tag-color-better-blue-bg);border:1px solid var(--x-tag-color-better-blue-border)}.x-tag-color-better-blue.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-better-blue-icon-bg_hover)}.x-tag-color-better-blue.x-tag-checked.x-tag-bordered{border-color:var(--x-tag-color-better-blue-text)}.x-tag-color-better-blue.x-tag-checked.x-tag-selectable:hover{background-color:var(--x-tag-color-better-blue-border-hover);border-color:var(--x-tag-color-better-blue-text)}.x-tag-color-better-blue.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-color-better-blue-text)}.x-tag-color-blue.x-tag-checked{color:var(--x-tag-color-blue-text);background-color:var(--x-tag-color-blue-bg);border:1px solid var(--x-tag-color-blue-border)}.x-tag-color-blue.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-blue-icon-bg_hover)}.x-tag-color-blue.x-tag-checked.x-tag-bordered{border-color:var(--x-tag-color-blue-text)}.x-tag-color-blue.x-tag-checked.x-tag-selectable:hover{background-color:var(--x-tag-color-blue-border-hover);border-color:var(--x-tag-color-blue-text)}.x-tag-color-blue.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-color-blue-text)}.x-tag-color-purple.x-tag-checked{color:var(--x-tag-color-purple-text);background-color:var(--x-tag-color-purple-bg);border:1px solid var(--x-tag-color-purple-border)}.x-tag-color-purple.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-purple-icon-bg_hover)}.x-tag-color-purple.x-tag-checked.x-tag-bordered{border-color:var(--x-tag-color-purple-text)}.x-tag-color-purple.x-tag-checked.x-tag-selectable:hover{background-color:var(--x-tag-color-purple-border-hover);border-color:var(--x-tag-color-purple-text)}.x-tag-color-purple.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-color-purple-text)}.x-tag-color-pink-purple.x-tag-checked{color:var(--x-tag-color-pink-purple-text);background-color:var(--x-tag-color-pink-purple-bg);border:1px solid var(--x-tag-color-pink-purple-border)}.x-tag-color-pink-purple.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-pink-purple-icon-bg_hover)}.x-tag-color-pink-purple.x-tag-checked.x-tag-bordered{border-color:var(--x-tag-color-pink-purple-text)}.x-tag-color-pink-purple.x-tag-checked.x-tag-selectable:hover{background-color:var(--x-tag-color-pink-purple-border-hover);border-color:var(--x-tag-color-pink-purple-text)}.x-tag-color-pink-purple.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-color-pink-purple-text)}.x-tag-color-magenta.x-tag-checked{color:var(--x-tag-color-magenta-text);background-color:var(--x-tag-color-magenta-bg);border:1px solid var(--x-tag-color-magenta-border)}.x-tag-color-magenta.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-magenta-icon-bg_hover)}.x-tag-color-magenta.x-tag-checked.x-tag-bordered{border-color:var(--x-tag-color-magenta-text)}.x-tag-color-magenta.x-tag-checked.x-tag-selectable:hover{background-color:var(--x-tag-color-magenta-border-hover);border-color:var(--x-tag-color-magenta-text)}.x-tag-color-magenta.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-color-magenta-text)}.x-tag-color-gray.x-tag-checked{color:var(--x-tag-color-gray-text);background-color:var(--x-tag-color-gray-bg);border:1px solid var(--x-tag-color-gray-border)}.x-tag-color-gray.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-gray-icon-bg_hover)}.x-tag-color-gray.x-tag-checked.x-tag-bordered{border-color:var(--x-tag-color-gray-text)}.x-tag-color-gray.x-tag-checked.x-tag-selectable:hover{background-color:var(--x-tag-color-gray-border-hover);border-color:var(--x-tag-color-gray-text)}.x-tag-color-gray.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-color-gray-text)}.x-tag-custom-color.x-tag-checked{color:var(--x-tag-custom-color-text)}.x-tag-custom-color.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-custom-color-icon-bg_hover)}.x-tag-custom-color.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-custom-color-text)}.x-tag--close-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:14px;height:14px;margin-left:4px;font-size:12px;line-height:1;border-radius:50%;cursor:pointer;transition:all .2s ease-in-out}.x-tag--close-icon>.x-icon,.x-tag--close-icon>svg{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;line-height:1}.x-tag--close-icon>svg{position:relative}.x-tag--icon{margin-right:6px;color:currentcolor}.x-tag--loading-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:14px;height:14px;margin-left:4px;font-size:12px;line-height:1}.x-tag--loading-icon>.x-icon,.x-tag--loading-icon>svg{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;line-height:1}:root{--x-input-tag-size-mini-height: var(--x-size-mini);--x-input-tag-size-small-height: var(--x-size-small);--x-input-tag-size-default-height: var(--x-size-default);--x-input-tag-size-large-height: var(--x-size-large);--x-input-tag-size-mini-tag-height: var(--x-size-5);--x-input-tag-size-small-tag-height: var(--x-size-5);--x-input-tag-size-default-tag-height: var(--x-size-6);--x-input-tag-size-large-tag-height: var(--x-size-7);--x-input-tag-size-mini-tag-height-2px: 18px;--x-input-tag-size-small-tag-height-2px: 18px;--x-input-tag-size-default-tag-height-2px: 22px;--x-input-tag-size-large-tag-height-2px: 26px;--x-input-tag-size-mini-padding-top-bottom: 0;--x-input-tag-size-small-padding-top-bottom: 2px;--x-input-tag-size-default-padding-top-bottom: 2px;--x-input-tag-size-large-padding-top-bottom: 2px;--x-input-tag-size-mini-font-size: var(--x-font-size-body-1);--x-input-tag-size-small-font-size: var(--x-font-size-body-3);--x-input-tag-size-default-font-size: var(--x-font-size-body-3);--x-input-tag-size-large-font-size: var(--x-font-size-body-3);--x-input-tag-color-text_default: var(--x-field-color-text);--x-input-tag-color-text_error: var(--x-field-color-text);--x-input-tag-color-text_disabled: var(--x-field-color-text-disabled);--x-input-tag-color-placeholder: var(--x-field-color-placeholder);--x-input-tag-color-icon-clear: var(--x-field-color-icon);--x-input-tag-color-icon-clear-bg_hover: var(--x-color-fill-4);--x-input-tag-color-border_default: var(--x-field-color-border);--x-input-tag-color-border_default_hover: var(--x-field-color-border-hover);--x-input-tag-color-border_default_focus: var(--x-field-color-border-focus);--x-input-tag-color-border_error: var(--x-color-transparent);--x-input-tag-color-border_error_hover: var(--x-color-transparent);--x-input-tag-color-border_error_focus: var(--x-field-color-border-error);--x-input-tag-color-border_disabled: var(--x-field-color-border-disabled);--x-input-tag-color-border_disabled_hover: var(--x-input-tag-color-border_disabled);--x-input-tag-color-border_disabled_focus: var(--x-input-tag-color-border_disabled);--x-input-tag-color-bg_default: var(--x-field-color-bg);--x-input-tag-color-bg_default_hover: var(--x-field-color-bg-hover);--x-input-tag-color-bg_default_focus: var(--x-field-color-bg-focus);--x-input-tag-color-bg_error: var(--x-field-color-bg-error);--x-input-tag-color-bg_error_hover: var(--x-field-color-bg-error-hover);--x-input-tag-color-bg_error_focus: var(--x-field-color-bg-error-focus);--x-input-tag-color-bg_disabled: var(--x-field-color-bg-disabled);--x-input-tag-color-bg_disabled_hover: var(--x-input-tag-color-bg_disabled);--x-input-tag-color-shadow_default_focus: var(--x-field-color-shadow-focus);--x-input-tag-color-shadow_error_focus: var(--x-field-status-error-shadow-color-focus);--x-input-tag-size-shadow_error_focus: var(--x-field-status-error-shadow-size-focus);--x-input-tag-size-shadow_default_focus: var(--x-field-size-shadow-focus);--x-input-tag-tag-margin-right: var(--x-spacing-2);--x-input-tag-tag-margin-vertical: var(--x-spacing-1);--x-input-tag-tag-margin-vertical-division-2: 1px;--x-input-tag-padding-horizontal: var(--x-spacing-2);--x-input-tag-border-radius: var(--x-border-radius-small);--x-input-tag-border-width: var(--x-border-1);--x-input-tag-size-icon-clear: var(--x-size-3);--x-input-tag-size-icon-clear_hover: var(--x-size-5);--x-input-tag-tag-font-size: var(--x-font-size-body-1);--x-input-tag-tag-color-bg: var(--x-color-bg-2);--x-input-tag-tag-color-bg_focus: var(--x-color-fill-2);--x-input-tag-tag-color-bg_disabled: var(--x-color-fill-2);--x-input-tag-tag-color-border: var(--x-color-fill-3);--x-input-tag-tag-color-border_disabled: var(--x-color-fill-3);--x-input-tag-tag-color-border_focus: var(--x-color-fill-2);--x-input-tag-tag-remove-icon-color-bg: var(--x-color-fill-2);--x-input-tag-tag-remove-icon-color-bg_focus: var(--x-color-fill-3);--x-input-tag-size-medium-height: var(--x-input-tag-size-default-height);--x-input-tag-size-medium-tag-height: var(--x-input-tag-size-default-tag-height);--x-input-tag-size-medium-tag-height-2px: var(--x-input-tag-size-default-tag-height-2px);--x-input-tag-size-medium-padding-top-bottom: var( --x-input-tag-size-default-padding-top-bottom );--x-input-tag-size-medium-font-size: var(--x-input-tag-size-default-font-size)}.x-select--view-single .x-select--view-search{cursor:text}.x-select--view-single .x-select--view-search .x-select--view--value{pointer-events:none}.x-select--view-single{display:inline-flex;align-items:center;box-sizing:border-box;width:100%;min-width:0;padding-right:var(--x-input-padding-horizontal);padding-left:var(--x-input-padding-horizontal);color:var(--x-input-color-text);font-size:var(--x-input-size-default-font-size);background-color:var(--x-input-color-bg);border:var(--x-input-border-width) solid var(--x-input-border-color);border-radius:var(--x-input-border-radius);cursor:text;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),border-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-select--view-single:hover{background-color:var(--x-input-color-bg_hover);border-color:var(--x-input-color-border_hover)}.x-select--view-single:focus-within,.x-select--view-single.x-select--view-focus{z-index:1;background-color:var(--x-input-color-bg_focus);border-color:var(--x-input-color-border_focus);box-shadow:0 0 0 var(--x-input-size-shadow_focus) var(--x-input-color-shadow_focus)}.x-select--view-single.x-select--view-disabled{color:var(--x-input-color-text_disabled);background-color:var(--x-input-color-bg_disabled);border-color:var(--x-input-color-border_disabled);cursor:not-allowed}.x-select--view-single.x-select--view-disabled:hover{color:var(--x-input-color-text_disabled);background-color:var(--x-input-color-bg_disabled);border-color:var(--x-input-color-border_disabled)}.x-select--view-single.x-select--view-disabled .x-select--view--prefix,.x-select--view-single.x-select--view-disabled .x-select--view--suffix{color:inherit}.x-select--view-single.x-select--view-error{background-color:var(--x-input-color-bg_error);border-color:var(--x-input-color-border_error)}.x-select--view-single.x-select--view-error:hover{background-color:var(--x-input-color-bg_error_hover);border-color:var(--x-input-color-border_error_hover)}.x-select--view-single.x-select--view-error:focus-within,.x-select--view-single.x-select--view-error.x-select--view-focus{z-index:1;background-color:var(--x-input-color-bg_error_focus);border-color:var(--x-input-color-border_error_focus);box-shadow:0 0 0 var(--x-input-size-shadow_error_focus) var(--x-input-color-shadow_error_focus)}.x-select--view-single .x-select--view--prefix,.x-select--view-single .x-select--view--suffix{display:inline-flex;flex-shrink:0;align-items:center;line-height:var(--x-line-height-base);white-space:nowrap;user-select:none}.x-select--view-single .x-select--view--prefix>.x-icon,.x-select--view-single .x-select--view--suffix>.x-icon{width:var(--x-input-size-default-icon-suffix-size);height:var(--x-input-size-default-icon-suffix-size);font-size:var(--x-input-size-default-icon-suffix-size)}.x-select--view-single .x-select--view--prefix>.x-icon>svg,.x-select--view-single .x-select--view--suffix>.x-icon>svg{width:1em;height:1em}.x-select--view-single .x-select--view--prefix{padding-right:var(--x-input-padding-horizontal);color:var(--x-input-color-prefix-text)}.x-select--view-single .x-select--view--suffix{padding-left:var(--x-input-padding-horizontal);color:var(--x-input-color-suffix-text)}.x-select--view-single .x-select--view--suffix .x-feedback-icon{display:inline-flex}.x-select--view-single .x-select--view--suffix .x-feedback-icon-status-validating{color:var(--x-input-feedback-icon-color_validating)}.x-select--view-single .x-select--view--suffix .x-feedback-icon-status-success{color:var(--x-input-feedback-icon-color_success)}.x-select--view-single .x-select--view--suffix .x-feedback-icon-status-warning{color:var(--x-input-feedback-icon-color_warning)}.x-select--view-single .x-select--view--suffix .x-feedback-icon-status-error{color:var(--x-input-feedback-icon-color_error)}.x-select--view-single .x-select--view--clear-btn{flex-shrink:0;align-self:center;margin-left:var(--x-input-margin-left-clear-btn);color:var(--x-input-color-icon-clear);font-size:var(--x-input-size-icon-clear);visibility:hidden;cursor:pointer;opacity:0;transition:opacity var(--x-transition-duration-1) var(--x-transition-timing-function-linear),visibility var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-select--view-single .x-select--view--clear-btn>svg{position:relative;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-select--view-single:hover .x-select--view--clear-btn,.x-select--view-single:focus-within .x-select--view--clear-btn{visibility:visible;opacity:1}.x-select--view-single:not(.x-select--view-focus) .x-select--view-icon-hover:hover::before{background-color:var(--x-input-color-icon-clear-bg_hover)}.x-select--view-single{cursor:pointer}.x-select--view-single .x-select--view--input{width:100%;min-width:0;padding-right:0;padding-left:0;color:inherit;line-height:var(--x-line-height-base);background:none;border:none;border-radius:0;outline:none;cursor:inherit;-webkit-appearance:none;-webkit-tap-highlight-color:var(--x-color-transparent)}.x-select--view-single .x-select--view--input::placeholder{color:var(--x-input-color-placeholder-text)}.x-select--view-single .x-select--view--input[disabled]::placeholder{color:var(--x-input-color-text_disabled)}.x-select--view-single .x-select--view--input[disabled]{-webkit-text-fill-color:var(--x-input-color-text_disabled)}.x-select--view-single .x-select--view--input{align-self:stretch}.x-select--view-single .x-select--view--input-hidden{position:absolute;flex:0 0 0;width:0;min-width:0;opacity:0;pointer-events:none}.x-select--view-single .x-select--view--value{display:flex;align-items:center;box-sizing:border-box;width:100%;line-height:var(--x-line-height-base);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-select--view-single .x-select--view--value::after{font-size:0;line-height:0;visibility:hidden;content:"."}.x-select--view-single .x-select--view--value-hidden{display:none}.x-select--view-single.x-select--view-size-mini{min-height:var(--x-input-size-mini-height)}.x-select--view-single.x-select--view-size-mini .x-select--view--input,.x-select--view-single.x-select--view-size-mini .x-select--view--value{padding-top:var(--x-input-size-mini-padding-up-down);padding-bottom:var(--x-input-size-mini-padding-up-down);font-size:var(--x-input-size-mini-font-size);line-height:var(--x-input-size-mini-line-height);box-sizing:border-box;min-height:calc(var(--x-input-size-mini-height) - 2px)}.x-select--view-single.x-select--view-size-small{min-height:var(--x-input-size-small-height)}.x-select--view-single.x-select--view-size-small .x-select--view--input,.x-select--view-single.x-select--view-size-small .x-select--view--value{padding-top:var(--x-input-size-small-padding-up-down);padding-bottom:var(--x-input-size-small-padding-up-down);font-size:var(--x-input-size-small-font-size);line-height:var(--x-input-size-small-line-height);box-sizing:border-box;min-height:calc(var(--x-input-size-small-height) - 2px)}.x-select--view-single.x-select--view-size-medium{min-height:var(--x-input-size-medium-height)}.x-select--view-single.x-select--view-size-medium .x-select--view--input,.x-select--view-single.x-select--view-size-medium .x-select--view--value{padding-top:var(--x-input-size-medium-padding-up-down);padding-bottom:var(--x-input-size-medium-padding-up-down);font-size:var(--x-input-size-medium-font-size);line-height:var(--x-input-size-medium-line-height);box-sizing:border-box;min-height:calc(var(--x-input-size-medium-height) - 2px)}.x-select--view-single.x-select--view-size-large{min-height:var(--x-input-size-large-height)}.x-select--view-single.x-select--view-size-large .x-select--view--input,.x-select--view-single.x-select--view-size-large .x-select--view--value{padding-top:var(--x-input-size-large-padding-up-down);padding-bottom:var(--x-input-size-large-padding-up-down);font-size:var(--x-input-size-large-font-size);line-height:var(--x-input-size-large-line-height);box-sizing:border-box;min-height:calc(var(--x-input-size-large-height) - 2px)}.x-select--view-single .x-select--view--input-area{display:grid;flex:1;align-self:stretch;min-width:0}.x-select--view-single .x-select--view--input-area>.x-select--view--input,.x-select--view-single .x-select--view--input-area>.x-select--view--value{grid-area:1/1;min-width:0}.x-select--view-single .x-select--view--input-area>.x-select--view--input-hidden{position:relative;width:100%;pointer-events:auto;cursor:inherit}.x-select--view-single .x-select--view--input-area>.x-select--view--value{pointer-events:none}.x-select--view-multiple{display:inline-flex;align-items:center;box-sizing:border-box;width:100%;min-width:0;padding-right:var(--x-input-padding-horizontal);padding-left:var(--x-input-padding-horizontal);color:var(--x-input-color-text);font-size:var(--x-input-size-default-font-size);background-color:var(--x-input-color-bg);border:var(--x-input-border-width) solid var(--x-input-border-color);border-radius:var(--x-input-border-radius);cursor:text;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),border-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-select--view-multiple:hover{background-color:var(--x-input-color-bg_hover);border-color:var(--x-input-color-border_hover)}.x-select--view-multiple:focus-within,.x-select--view-multiple.x-select--view-focus{z-index:1;background-color:var(--x-input-color-bg_focus);border-color:var(--x-input-color-border_focus);box-shadow:0 0 0 var(--x-input-size-shadow_focus) var(--x-input-color-shadow_focus)}.x-select--view-multiple.x-select--view-disabled{color:var(--x-input-color-text_disabled);background-color:var(--x-input-color-bg_disabled);border-color:var(--x-input-color-border_disabled);cursor:not-allowed}.x-select--view-multiple.x-select--view-disabled:hover{color:var(--x-input-color-text_disabled);background-color:var(--x-input-color-bg_disabled);border-color:var(--x-input-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--prefix,.x-select--view-multiple.x-select--view-disabled .x-select--view--suffix{color:inherit}.x-select--view-multiple.x-select--view-error{background-color:var(--x-input-color-bg_error);border-color:var(--x-input-color-border_error)}.x-select--view-multiple.x-select--view-error:hover{background-color:var(--x-input-color-bg_error_hover);border-color:var(--x-input-color-border_error_hover)}.x-select--view-multiple.x-select--view-error:focus-within,.x-select--view-multiple.x-select--view-error.x-select--view-focus{z-index:1;background-color:var(--x-input-color-bg_error_focus);border-color:var(--x-input-color-border_error_focus);box-shadow:0 0 0 var(--x-input-size-shadow_error_focus) var(--x-input-color-shadow_error_focus)}.x-select--view-multiple .x-select--view--prefix,.x-select--view-multiple .x-select--view--suffix{display:inline-flex;flex-shrink:0;align-items:center;line-height:var(--x-line-height-base);white-space:nowrap;user-select:none}.x-select--view-multiple .x-select--view--prefix>.x-icon,.x-select--view-multiple .x-select--view--suffix>.x-icon{width:var(--x-input-size-default-icon-suffix-size);height:var(--x-input-size-default-icon-suffix-size);font-size:var(--x-input-size-default-icon-suffix-size)}.x-select--view-multiple .x-select--view--prefix>.x-icon>svg,.x-select--view-multiple .x-select--view--suffix>.x-icon>svg{width:1em;height:1em}.x-select--view-multiple .x-select--view--prefix{padding-right:var(--x-input-padding-horizontal);color:var(--x-input-color-prefix-text)}.x-select--view-multiple .x-select--view--suffix{padding-left:var(--x-input-padding-horizontal);color:var(--x-input-color-suffix-text)}.x-select--view-multiple .x-select--view--suffix .x-feedback-icon{display:inline-flex}.x-select--view-multiple .x-select--view--suffix .x-feedback-icon-status-validating{color:var(--x-input-feedback-icon-color_validating)}.x-select--view-multiple .x-select--view--suffix .x-feedback-icon-status-success{color:var(--x-input-feedback-icon-color_success)}.x-select--view-multiple .x-select--view--suffix .x-feedback-icon-status-warning{color:var(--x-input-feedback-icon-color_warning)}.x-select--view-multiple .x-select--view--suffix .x-feedback-icon-status-error{color:var(--x-input-feedback-icon-color_error)}.x-select--view-multiple .x-select--view--clear-btn{flex-shrink:0;align-self:center;margin-left:var(--x-input-margin-left-clear-btn);color:var(--x-input-color-icon-clear);font-size:var(--x-input-size-icon-clear);visibility:hidden;cursor:pointer;opacity:0;transition:opacity var(--x-transition-duration-1) var(--x-transition-timing-function-linear),visibility var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-select--view-multiple .x-select--view--clear-btn>svg{position:relative;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-select--view-multiple:hover .x-select--view--clear-btn,.x-select--view-multiple:focus-within .x-select--view--clear-btn{visibility:visible;opacity:1}.x-select--view-multiple:not(.x-select--view-focus) .x-select--view-icon-hover:hover::before{background-color:var(--x-input-color-icon-clear-bg_hover)}.x-select--view-multiple.x-select--view-has-tag{padding-right:var(--x-input-tag-padding-horizontal);padding-left:var(--x-input-tag-padding-horizontal)}.x-select--view-multiple.x-select--view-has-prefix{padding-left:var(--x-input-padding-horizontal)}.x-select--view-multiple .x-select--view--prefix{line-height:var(--x-line-height-base)}.x-select--view-multiple.x-select--view-has-suffix{padding-right:var(--x-input-padding-horizontal)}.x-select--view-multiple .x-select--view--inner{flex:1;overflow:hidden;line-height:0}.x-select--view-multiple .x-select--view--inner.x-select--view-nowrap{display:flex;flex-wrap:wrap}.x-select--view-multiple .x-select--view--inner .x-select--view--tag{display:inline-flex;align-items:center;padding-top:0;padding-bottom:0;margin-right:var(--x-input-tag-tag-margin-right);color:var(--x-input-tag-color-text_default);font-size:var(--x-input-tag-tag-font-size);white-space:pre-wrap;word-break:break-word;background-color:var(--x-input-tag-tag-color-bg);border-color:var(--x-input-tag-tag-color-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-red{color:var(--x-tag-color-red-text);background-color:var(--x-tag-color-red-bg);border-color:var(--x-tag-color-red-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-red.x-tag-bordered{border-color:var(--x-tag-color-red-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-orangered{color:var(--x-tag-color-orangered-text);background-color:var(--x-tag-color-orangered-bg);border-color:var(--x-tag-color-orangered-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-orangered.x-tag-bordered{border-color:var(--x-tag-color-orangered-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-orange{color:var(--x-tag-color-orange-text);background-color:var(--x-tag-color-orange-bg);border-color:var(--x-tag-color-orange-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-orange.x-tag-bordered{border-color:var(--x-tag-color-orange-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-gold{color:var(--x-tag-color-gold-text);background-color:var(--x-tag-color-gold-bg);border-color:var(--x-tag-color-gold-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-gold.x-tag-bordered{border-color:var(--x-tag-color-gold-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-lime{color:var(--x-tag-color-lime-text);background-color:var(--x-tag-color-lime-bg);border-color:var(--x-tag-color-lime-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-lime.x-tag-bordered{border-color:var(--x-tag-color-lime-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-green{color:var(--x-tag-color-green-text);background-color:var(--x-tag-color-green-bg);border-color:var(--x-tag-color-green-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-green.x-tag-bordered{border-color:var(--x-tag-color-green-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-cyan{color:var(--x-tag-color-cyan-text);background-color:var(--x-tag-color-cyan-bg);border-color:var(--x-tag-color-cyan-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-cyan.x-tag-bordered{border-color:var(--x-tag-color-cyan-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-better-blue{color:var(--x-tag-color-better-blue-text);background-color:var(--x-tag-color-better-blue-bg);border-color:var(--x-tag-color-better-blue-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-better-blue.x-tag-bordered{border-color:var(--x-tag-color-better-blue-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-blue{color:var(--x-tag-color-blue-text);background-color:var(--x-tag-color-blue-bg);border-color:var(--x-tag-color-blue-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-blue.x-tag-bordered{border-color:var(--x-tag-color-blue-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-purple{color:var(--x-tag-color-purple-text);background-color:var(--x-tag-color-purple-bg);border-color:var(--x-tag-color-purple-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-purple.x-tag-bordered{border-color:var(--x-tag-color-purple-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-pink-purple{color:var(--x-tag-color-pink-purple-text);background-color:var(--x-tag-color-pink-purple-bg);border-color:var(--x-tag-color-pink-purple-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-pink-purple.x-tag-bordered{border-color:var(--x-tag-color-pink-purple-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-magenta{color:var(--x-tag-color-magenta-text);background-color:var(--x-tag-color-magenta-bg);border-color:var(--x-tag-color-magenta-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-magenta.x-tag-bordered{border-color:var(--x-tag-color-magenta-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-gray{color:var(--x-tag-color-gray-text);background-color:var(--x-tag-color-gray-bg);border-color:var(--x-tag-color-gray-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-gray.x-tag-bordered{border-color:var(--x-tag-color-gray-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag .x-icon-hover:hover::before{background-color:var(--x-input-tag-tag-remove-icon-color-bg)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-custom-color{color:var(--x-tag-custom-color-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-custom-color .x-icon-hover.x-tag-icon-hover:hover::before{background-color:var(--x-tag-custom-color-icon-bg_hover)}.x-select--view-multiple .x-select--view--inner.x-select--view-nowrap .x-select--view--tag{white-space:nowrap;word-break:normal}.x-select--view-multiple .x-select--view--inner .x-select--view--input{width:100%;min-width:0;padding-right:0;padding-left:0;color:inherit;line-height:var(--x-line-height-base);background:none;border:none;border-radius:0;outline:none;cursor:inherit;-webkit-appearance:none;-webkit-tap-highlight-color:var(--x-color-transparent)}.x-select--view-multiple .x-select--view--inner .x-select--view--input::placeholder{color:var(--x-input-color-placeholder-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--input[disabled]::placeholder{color:var(--x-input-color-text_disabled)}.x-select--view-multiple .x-select--view--inner .x-select--view--input[disabled]{-webkit-text-fill-color:var(--x-input-color-text_disabled)}.x-select--view-multiple .x-select--view--inner .x-select--view--input{box-sizing:border-box;font-size:inherit}.x-select--view-multiple .x-select--view--mirror{position:absolute;top:0;left:0;white-space:pre;visibility:hidden;pointer-events:none}.x-select--view-multiple.x-select--view-focus .x-select--view--tag{background-color:var(--x-input-tag-tag-color-bg_focus);border-color:var(--x-input-tag-tag-color-border_focus)}.x-select--view-multiple.x-select--view-focus .x-select--view--tag .x-icon-hover:hover::before{background-color:var(--x-input-tag-tag-remove-icon-color-bg_focus)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag.x-tag-color-red{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag.x-tag-color-orangered{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag.x-tag-color-orange{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag.x-tag-color-gold{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag.x-tag-color-lime{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag.x-tag-color-green{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag.x-tag-color-cyan{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag.x-tag-color-better-blue{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag.x-tag-color-blue{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag.x-tag-color-purple{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag.x-tag-color-pink-purple{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag.x-tag-color-magenta{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag.x-tag-color-gray{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-readonly,.x-select--view-multiple.x-select--view-disabled-input{cursor:default}.x-select--view-multiple.x-select--view-size-mini{font-size:var(--x-input-tag-size-mini-font-size)}.x-select--view-multiple.x-select--view-size-mini .x-select--view--inner{padding-top:var(--x-input-tag-size-mini-padding-top-bottom);padding-bottom:var(--x-input-tag-size-mini-padding-top-bottom)}.x-select--view-multiple.x-select--view-size-mini .x-select--view--tag,.x-select--view-multiple.x-select--view-size-mini .x-select--view--input{margin-top:var(--x-input-tag-tag-margin-vertical-division-2);margin-bottom:var(--x-input-tag-tag-margin-vertical-division-2);line-height:var(--x-input-tag-size-mini-tag-height-2px);vertical-align:middle}.x-select--view-multiple.x-select--view-size-mini .x-select--view--tag{height:auto;min-height:var(--x-input-tag-size-mini-tag-height)}.x-select--view-multiple.x-select--view-size-mini .x-select--view--input{height:var(--x-input-tag-size-mini-tag-height)}.x-select--view-multiple.x-select--view-size-medium{font-size:var(--x-input-tag-size-medium-font-size)}.x-select--view-multiple.x-select--view-size-medium .x-select--view--inner{padding-top:var(--x-input-tag-size-medium-padding-top-bottom);padding-bottom:var(--x-input-tag-size-medium-padding-top-bottom)}.x-select--view-multiple.x-select--view-size-medium .x-select--view--tag,.x-select--view-multiple.x-select--view-size-medium .x-select--view--input{margin-top:var(--x-input-tag-tag-margin-vertical-division-2);margin-bottom:var(--x-input-tag-tag-margin-vertical-division-2);line-height:var(--x-input-tag-size-medium-tag-height-2px);vertical-align:middle}.x-select--view-multiple.x-select--view-size-medium .x-select--view--tag{height:auto;min-height:var(--x-input-tag-size-medium-tag-height)}.x-select--view-multiple.x-select--view-size-medium .x-select--view--input{height:var(--x-input-tag-size-medium-tag-height)}.x-select--view-multiple.x-select--view-size-small{font-size:var(--x-input-tag-size-small-font-size)}.x-select--view-multiple.x-select--view-size-small .x-select--view--inner{padding-top:var(--x-input-tag-size-small-padding-top-bottom);padding-bottom:var(--x-input-tag-size-small-padding-top-bottom)}.x-select--view-multiple.x-select--view-size-small .x-select--view--tag,.x-select--view-multiple.x-select--view-size-small .x-select--view--input{margin-top:var(--x-input-tag-tag-margin-vertical-division-2);margin-bottom:var(--x-input-tag-tag-margin-vertical-division-2);line-height:var(--x-input-tag-size-small-tag-height-2px);vertical-align:middle}.x-select--view-multiple.x-select--view-size-small .x-select--view--tag{height:auto;min-height:var(--x-input-tag-size-small-tag-height)}.x-select--view-multiple.x-select--view-size-small .x-select--view--input{height:var(--x-input-tag-size-small-tag-height)}.x-select--view-multiple.x-select--view-size-large{font-size:var(--x-input-tag-size-large-font-size)}.x-select--view-multiple.x-select--view-size-large .x-select--view--inner{padding-top:var(--x-input-tag-size-large-padding-top-bottom);padding-bottom:var(--x-input-tag-size-large-padding-top-bottom)}.x-select--view-multiple.x-select--view-size-large .x-select--view--tag,.x-select--view-multiple.x-select--view-size-large .x-select--view--input{margin-top:var(--x-input-tag-tag-margin-vertical-division-2);margin-bottom:var(--x-input-tag-tag-margin-vertical-division-2);line-height:var(--x-input-tag-size-large-tag-height-2px);vertical-align:middle}.x-select--view-multiple.x-select--view-size-large .x-select--view--tag{height:auto;min-height:var(--x-input-tag-size-large-tag-height)}.x-select--view-multiple.x-select--view-size-large .x-select--view--input{height:var(--x-input-tag-size-large-tag-height)}.x-select--view-multiple.x-select--view-disabled-input{cursor:pointer}.x-select--view.x-select--view-borderless{background-color:var(--x-color-transparent);border-color:var(--x-color-transparent);box-shadow:none}.x-select--view--suffix .x-feedback-icon{margin-left:4px}.x-select--view-multiple .x-select--view--suffix{margin-left:auto}.x-select--view--clear-btn,.x-select--view--icon{display:inline-flex;flex:0 0 var(--x-size-4);align-items:center;justify-content:center;width:var(--x-size-4);height:var(--x-size-4)}.x-select--view--clear-btn .x-icon,.x-select--view--icon .x-icon{width:var(--x-size-3);height:var(--x-size-3);font-size:var(--x-size-3)}.x-select--view--clear-btn svg,.x-select--view--icon svg{display:block;width:var(--x-size-3);height:var(--x-size-3)}.x-select--view--icon .x-icon{transition:transform var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-select--view-opened .x-select--view--arrow-icon{transform:rotateZ(180deg)}.x-select--view--clear-btn{cursor:pointer}.x-select--view-single .x-select--view--clear-btn,.x-select--view-multiple .x-select--view--clear-btn{visibility:visible;opacity:1;margin-left:0}@media(prefers-reduced-motion: reduce){.x-select--view--icon .x-icon{transition:none}}:root{--x-picker-size-mini: var(--x-size-mini);--x-picker-size-small: var(--x-size-small);--x-picker-size-default: var(--x-size-default);--x-picker-size-large: var(--x-size-large);--x-picker-size-mini-font-size-text: var(--x-font-size-body-1);--x-picker-size-small-font-size-text: var(--x-font-size-body-3);--x-picker-size-default-font-size-text: var(--x-font-size-body-3);--x-picker-size-large-font-size-text: var(--x-font-size-body-3);--x-picker-input-border-radius: var(--x-field-border-radius);--x-picker-color-shadow_focus: var(--x-field-color-shadow-focus);--x-picker-size-shadow_focus: var(--x-field-size-shadow-focus);--x-picker-color-shadow_error_focus: var(--x-field-status-error-shadow-color-focus);--x-picker-size-shadow_error_focus: var(--x-field-status-error-shadow-size-focus);--x-picker-color-bg: var(--x-field-color-bg);--x-picker-color-bg_hover: var(--x-field-color-bg-hover);--x-picker-color-bg_focus: var(--x-field-color-bg-focus);--x-picker-color-bg_disabled: var(--x-field-color-bg-disabled);--x-picker-color-bg_error: var(--x-field-color-bg-error);--x-picker-color-bg_error_hover: var(--x-field-color-bg-error-hover);--x-picker-color-bg_error_focus: var(--x-field-color-bg-error-focus);--x-picker-color-border: var(--x-field-color-border);--x-picker-color-border_hover: var(--x-field-color-border-hover);--x-picker-color-border_focus: var(--x-field-color-border-focus);--x-picker-color-border_disabled: var(--x-field-color-border-disabled);--x-picker-color-border_error: var(--x-color-transparent);--x-picker-color-border_error_hover: var(--x-color-transparent);--x-picker-color-border_error_focus: var(--x-field-color-border-error);--x-picker-color-placeholder: var(--x-field-color-placeholder);--x-picker-color-placeholder_disabled: var(--x-field-color-text-disabled);--x-picker-color-text: var(--x-field-color-text);--x-picker-color-text_disabled: var(--x-field-color-text-disabled);--x-picker-color-icon: var(--x-field-color-icon);--x-picker-color-icon_disabled: var(--x-field-color-text-disabled);--x-picker-color-separator: var(--x-field-color-affix);--x-picker-color-separator_disabled: var(--x-field-color-text-disabled);--x-picker-range-color-bg-input_focus: var(--x-color-fill-2);--x-input-color-text_disabled: var(--x-field-color-text-disabled);--x-picker-padding-horizontal: var(--x-spacing-2);--x-picker-input-padding-horizontal: calc( var(--x-input-padding-horizontal) - var(--x-picker-padding-horizontal) )}.x-picker{position:relative;display:inline-flex;align-items:center;box-sizing:border-box;padding:var(--x-picker-padding-horizontal) 11px 4px 4px;line-height:var(--x-line-height-base);background-color:var(--x-picker-color-bg);border:1px solid var(--x-picker-color-border);border-radius:var(--x-picker-input-border-radius);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-picker--input{display:inline-flex;flex:1}.x-picker input{width:100%;padding:0;padding-left:var(--x-picker-input-padding-horizontal);color:var(--x-picker-color-text);line-height:var(--x-line-height-base);text-align:left;background-color:var(--x-color-transparent);border:none;outline:none;transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-picker input::placeholder{color:var(--x-picker-color-placeholder)}.x-picker input[disabled]{-webkit-text-fill-color:var(--x-input-color-text_disabled)}.x-picker-has-prefix{padding-left:var(--x-input-padding-horizontal)}.x-picker--prefix{padding-right:var(--x-picker-padding-horizontal);color:var(--x-input-color-prefix-text);font-size:var(--x-input-size-default-icon-suffix-size)}.x-picker--suffix{position:relative;display:inline-flex;flex:0 0 28px;align-items:center;justify-content:flex-end;width:28px;min-width:28px;height:100%;margin-left:2px}.x-picker--suffix .x-feedback-icon{display:inline-flex}.x-picker--suffix .x-feedback-icon-status-validating{color:var(--x-input-feedback-icon-color_validating)}.x-picker--suffix .x-feedback-icon-status-success{color:var(--x-input-feedback-icon-color_success)}.x-picker--suffix .x-feedback-icon-status-warning{color:var(--x-input-feedback-icon-color_warning)}.x-picker--suffix .x-feedback-icon-status-error{color:var(--x-input-feedback-icon-color_error)}.x-picker--suffix .x-feedback-icon{margin-left:4px}.x-picker--suffix-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--x-picker-color-icon);font-size:14px;line-height:1;transition:opacity var(--x-transition-duration-1) var(--x-transition-timing-function-linear),visibility var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-picker .x-picker--clear-icon{position:absolute;top:50%;right:0;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;color:var(--x-color-text-2);font-size:12px;line-height:1;visibility:hidden;opacity:0;transform:translateY(-50%);transition:opacity var(--x-transition-duration-1) var(--x-transition-timing-function-linear),visibility var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-picker:hover{background-color:var(--x-picker-color-bg_hover);border-color:var(--x-picker-color-border_hover)}.x-picker:not(.x-picker-disabled):hover .x-picker--clear-icon,.x-picker:not(.x-picker-disabled):focus-within .x-picker--clear-icon,.x-picker-focused:not(.x-picker-disabled) .x-picker--clear-icon{visibility:visible;opacity:1}.x-picker:not(.x-picker-disabled):hover .x-picker--suffix .x-picker--clear-icon+span,.x-picker:not(.x-picker-disabled):focus-within .x-picker--suffix .x-picker--clear-icon+span,.x-picker-focused:not(.x-picker-disabled) .x-picker--suffix .x-picker--clear-icon+span{visibility:hidden;opacity:0}.x-picker input[disabled]{color:var(--x-picker-color-text_disabled);cursor:not-allowed}.x-picker input[disabled]::placeholder{color:var(--x-picker-color-placeholder_disabled)}.x-picker-error{background-color:var(--x-picker-color-bg_error);border-color:var(--x-picker-color-border_error)}.x-picker-error:hover{background-color:var(--x-picker-color-bg_error_hover);border-color:var(--x-picker-color-border_error_hover)}.x-picker-focused{box-shadow:0 0 0 var(--x-picker-size-shadow_focus) var(--x-picker-color-shadow_focus)}.x-picker-focused,.x-picker-focused:hover{background-color:var(--x-picker-color-bg_focus);border-color:var(--x-picker-color-border_focus)}.x-picker-focused.x-picker-error{border-color:var(--x-picker-color-border_error_focus);box-shadow:0 0 0 var(--x-picker-size-shadow_error_focus) var(--x-picker-color-shadow_error_focus)}.x-picker-focused .x-picker--input-active input,.x-picker-focused:hover .x-picker--input-active input{background:var(--x-picker-range-color-bg-input_focus)}.x-picker-disabled,.x-picker-disabled:hover{color:var(--x-picker-color-text_disabled);background-color:var(--x-picker-color-bg_disabled);border-color:var(--x-picker-color-border_disabled);cursor:not-allowed}.x-picker-disabled input[disabled],.x-picker-disabled:hover input[disabled]{color:var(--x-picker-color-text_disabled);cursor:not-allowed}.x-picker-disabled input[disabled]::placeholder,.x-picker-disabled:hover input[disabled]::placeholder{color:var(--x-picker-color-placeholder_disabled)}.x-picker--separator{min-width:10px;padding:0 8px;color:var(--x-picker-color-separator)}.x-picker-disabled .x-picker--separator{color:var(--x-picker-color-separator_disabled)}.x-picker-disabled .x-picker--suffix-icon{color:var(--x-picker-color-icon_disabled)}.x-picker-size-mini{height:var(--x-picker-size-mini)}.x-picker-size-mini input{font-size:var(--x-picker-size-mini-font-size-text)}.x-picker-size-small{height:var(--x-picker-size-small)}.x-picker-size-small input{font-size:var(--x-picker-size-small-font-size-text)}.x-picker-size-medium{height:var(--x-picker-size-default)}.x-picker-size-medium input{font-size:var(--x-picker-size-default-font-size-text)}.x-picker-size-large{height:var(--x-picker-size-large)}.x-picker-size-large input{font-size:var(--x-picker-size-large-font-size-text)}@media(forced-colors: active){:root,html[data-theme=dark],[data-theme=dark],.x-config-provider,.x-trigger--popup,.x-dialog,.x-drawer{--x-color-border-default: CanvasText;--x-color-border-subtle: CanvasText;--x-color-border-focus: Highlight !important;--x-color-7: Canvas;--x-color-bg-white: Canvas;--x-color-bg-page: Canvas;--x-color-bg-surface: Canvas;--x-color-bg-elevated: Canvas;--x-color-fill-1: Canvas;--x-color-fill-2: Canvas;--x-color-fill-3: Canvas;--x-color-fill-4: ButtonFace;--x-color-fill-5: ButtonFace;--x-color-fill-6: ButtonFace;--x-color-text-1: CanvasText;--x-color-text-2: CanvasText;--x-color-text-3: CanvasText;--x-color-text-4: GrayText;--x-color-white: ButtonText;--x-color-constant-dark: ButtonText;--x-disabled-color: GrayText;--x-disabled-bgc: ButtonFace;--x-split-color: CanvasText}.x-input--wrapper,.x-textarea--wrapper,.x-input-tag,.x-select--view,.x-input-number{border-color:CanvasText}[class^=x-]:focus-visible,[class*=" x-"]:focus-visible,.x-checkbox:has(input:focus-visible),.x-radio:has(input:focus-visible){outline:2px solid Highlight !important;outline-offset:2px}.x-checkbox-icon-check,.x-radio-icon::after,.x-switch--handle,.x-switch--handle-icon{forced-color-adjust:none}.x-trigger--content,.x-popup--content,.x-message,.x-notification{border:1px solid CanvasText}.x-pagination--item-active{border:1px solid Highlight}.x-skeleton--shape,.x-skeleton--line--row{border:1px solid CanvasText}}@media(prefers-reduced-motion: reduce){[class*=x-fade-],[class*=x-slide-],[class*=x-zoom-],.image-fade-enter-active,.image-fade-leave-active{animation-duration:.01ms !important;transition-duration:.01ms !important;animation-iteration-count:1 !important}}
1
+ :root{--x-color-primary-1: #e8f3ff;--x-color-primary-2: #bfdbff;--x-color-primary-3: #96c1ff;--x-color-primary-4: #6ea4ff;--x-color-primary-5: #4584ff;--x-color-primary-6: var(--x-color-primary);--x-color-primary-7: #003de2;--x-color-primary-8: #0028a9;--x-color-primary-9: #001770;--x-color-success-1: #ebffe8;--x-color-success-2: #afffa8;--x-color-success-3: #70ff68;--x-color-success-4: #2cff29;--x-color-success-5: #00e804;--x-color-success-6: var(--x-color-success);--x-color-success-7: #00950d;--x-color-success-8: #008310;--x-color-success-9: #007012;--x-color-danger-1: #fceeeb;--x-color-danger-2: #f7c9c3;--x-color-danger-3: #f1a29b;--x-color-danger-4: #eb7972;--x-color-danger-5: #e64d4a;--x-color-danger-6: var(--x-color-danger);--x-color-danger-7: #b81a22;--x-color-danger-8: #8d141e;--x-color-danger-9: #620e18;--x-color-strong-1: #fff8e8;--x-color-strong-2: #ffe6ba;--x-color-strong-3: #ffd28b;--x-color-strong-4: #ffbb5d;--x-color-strong-5: #ffa02e;--x-color-strong-6: var(--x-color-strong);--x-color-strong-7: #cf6300;--x-color-strong-8: #a04700;--x-color-strong-9: #702e00;--x-color-warning-1: #fffde8;--x-color-warning-2: #fff5ba;--x-color-warning-3: #ffeb8b;--x-color-warning-4: #ffdd5d;--x-color-warning-5: #ffcc2e;--x-color-warning-6: var(--x-color-warning);--x-color-warning-7: #cf8f00;--x-color-warning-8: #a06800;--x-color-warning-9: #704500}:root{--x-color-primary: rgb(28 97 255 / 100%);--x-color-success: rgb(0 168 9 / 100%);--x-color-danger: rgb(224 34 37 / 100%);--x-color-strong: rgb(255 130 0 / 100%);--x-color-warning: rgb(255 184 0 / 100%);--x-color-info: rgb(98 98 98 / 100%);--x-color-1: rgb(36 41 52 / 100%);--x-color-2: rgb(100 107 122 / 100%);--x-color-3: rgb(156 166 185 / 100%);--x-color-4: rgb(188 196 214 / 100%);--x-color-5: rgb(207, 213, 232);--x-color-6: rgb(237 241 246 / 100%);--x-color-7: rgb(245 247 251 / 100%);--x-color-white: rgb(255 255 255 / 100%);--x-color-black: rgb(0 0 0 / 100%);--x-color-constant-dark: rgb(36 41 52 / 100%);--x-color-constant-neutral-strong: rgb(78 89 105 / 100%);--x-color-constant-neutral-strong-hover: rgb(107 119 133 / 100%);--x-color-constant-neutral-strong-active: rgb(39 46 59 / 100%);--x-color-transparent: transparent;--x-color-primary-light-1: var(--x-color-primary-1);--x-color-primary-light-2: var(--x-color-primary-light-1);--x-color-primary-light-3: var(--x-color-primary-light-1);--x-color-success-light-1: var(--x-color-success-1);--x-color-danger-light-1: var(--x-color-danger-1);--x-color-danger-light-2: var(--x-color-danger-2);--x-color-warning-light-1: var(--x-color-warning-1);--x-color-bg-2: var(--x-color-7);--x-color-bg-5: var(--x-color-7);--x-color-bg-white: rgb(255 255 255 / 100%);--gray-1: 247, 248, 250;--gray-2: 242, 243, 245;--gray-3: 229, 230, 235;--gray-4: 201, 205, 212;--gray-5: 169, 174, 184;--gray-6: 134, 144, 156;--gray-7: 107, 119, 133;--gray-8: 78, 89, 105;--gray-9: 39, 46, 59;--gray-10: 29, 33, 41;--x-color-neutral-1: rgb(var(--gray-1));--x-color-neutral-2: rgb(var(--gray-2));--x-color-neutral-3: rgb(var(--gray-3));--x-color-neutral-4: rgb(var(--gray-4));--x-color-neutral-5: rgb(var(--gray-5));--x-color-neutral-6: rgb(var(--gray-6));--x-color-neutral-7: rgb(var(--gray-7));--x-color-neutral-8: rgb(var(--gray-8));--x-color-neutral-9: rgb(var(--gray-9));--x-color-neutral-10: rgb(var(--gray-10));--x-color-fill-1: rgb(248, 248, 248);--x-color-fill-2: rgb(245, 245, 245);--x-color-fill-3: rgb(242, 243, 245);--x-color-fill-4: rgb(210, 210, 210);--x-color-fill-5: rgb(199, 199, 199);--x-color-fill-6: rgb(175, 175, 175);--x-color-text-1: rgb(29, 33, 41);--x-color-text-2: rgb(78, 89, 105);--x-color-text-3: rgb(134, 144, 156);--x-color-text-4: rgb(201, 205, 212);--x-size-none: 0;--x-size-1: 4px;--x-size-2: 8px;--x-size-3: 12px;--x-size-4: 16px;--x-size-5: 20px;--x-size-6: 24px;--x-size-7: 28px;--x-size-8: 32px;--x-size-9: 36px;--x-size-10: 40px;--x-size-11: 44px;--x-size-12: 48px;--x-size-13: 52px;--x-size-14: 56px;--x-size-15: 60px;--x-size-16: 64px;--x-size-17: 68px;--x-size-18: 72px;--x-size-19: 76px;--x-size-20: 80px;--x-size-21: 84px;--x-size-22: 88px;--x-size-23: 92px;--x-size-24: 96px;--x-size-25: 100px;--x-size-26: 104px;--x-size-27: 108px;--x-size-28: 112px;--x-size-29: 116px;--x-size-30: 120px;--x-size-31: 124px;--x-size-32: 128px;--x-size-33: 132px;--x-size-34: 136px;--x-size-35: 140px;--x-size-36: 144px;--x-size-37: 148px;--x-size-38: 152px;--x-size-39: 156px;--x-size-40: 160px;--x-size-41: 164px;--x-size-42: 168px;--x-size-43: 172px;--x-size-44: 176px;--x-size-45: 180px;--x-size-46: 184px;--x-size-47: 188px;--x-size-48: 192px;--x-size-49: 196px;--x-size-50: 200px;--x-size-mini: var(--x-size-6);--x-size-small: var(--x-size-7);--x-size-medium: var(--x-size-8);--x-size-default: var(--x-size-8);--x-size-large: var(--x-size-9);--x-size-huge: var(--x-size-10);--x-spacing-none: 0;--x-spacing-1: 2px;--x-spacing-2: 4px;--x-spacing-3: 6px;--x-spacing-4: 8px;--x-spacing-5: 10px;--x-spacing-6: 12px;--x-spacing-7: 16px;--x-spacing-8: 20px;--x-spacing-9: 24px;--x-spacing-10: 32px;--x-spacing-11: 36px;--x-spacing-12: 40px;--x-spacing-13: 48px;--x-spacing-14: 56px;--x-spacing-15: 60px;--x-spacing-16: 64px;--x-spacing-17: 72px;--x-spacing-18: 80px;--x-spacing-19: 84px;--x-spacing-20: 96px;--x-spacing-21: 100px;--x-spacing-22: 120px;--x-border-none: 0;--x-border-1: 1px;--x-border-2: 2px;--x-border-3: 3px;--x-border-4: 4px;--x-border-5: 5px;--x-border-solid: solid;--x-border-dashed: dashed;--x-border-dotted: dotted;--x-border-radius: var(--x-border-radius-medium);--x-border-radius-none: 0;--x-border-radius-small: 2px;--x-border-radius-medium: 4px;--x-border-radius-large: 8px;--x-border-radius-circle: 50%;--x-font-size-display-3: 56px;--x-font-size-display-2: 48px;--x-font-size-display-1: 36px;--x-font-size-title-3: 24px;--x-font-size-title-2: 20px;--x-font-size-title-1: 16px;--x-font-size-body-3: 14px;--x-font-size-body-2: 13px;--x-font-size-body-1: 12px;--x-font-size-caption: 12px;--x-font-weight-100: 100;--x-font-weight-200: 200;--x-font-weight-300: 300;--x-font-weight-400: 400;--x-font-weight-500: 500;--x-font-weight-600: 600;--x-font-weight-700: 700;--x-font-weight-800: 800;--x-font-weight-900: 900;--x-transition-duration-1: 0.1s;--x-transition-duration-2: 0.2s;--x-transition-duration-3: 0.3s;--x-transition-duration-4: 0.4s;--x-transition-duration-5: 0.5s;--x-transition-duration-loading: 1s;--x-transition-timing-function-linear: cubic-bezier(0, 0, 1, 1);--x-transition-timing-function-standard: cubic-bezier(0.34, 0.69, 0.1, 1);--x-transition-timing-function-overshoot: cubic-bezier(0.3, 1.3, 0.3, 1);--x-transition-timing-function-decelerate: cubic-bezier(0.4, 0.8, 0.74, 1);--x-transition-timing-function-accelerate: cubic-bezier(0.26, 0, 0.6, 0.2);--x-line-height-base: 1.5715;--x-shadow-none: none;--x-shadow-special: 0 0 1px rgba(0, 0, 0, 0.3);--x-shadow1-center: 0 0 5px rgba(0, 0, 0, 0.1);--x-shadow1-up: 0 -2px 5px rgba(0, 0, 0, 0.1);--x-shadow1-down: 0 2px 5px rgba(0, 0, 0, 0.1);--x-shadow1-left: -2px 0 5px rgba(0, 0, 0, 0.1);--x-shadow1-right: 2px 0 5px rgba(0, 0, 0, 0.1);--x-shadow1-left-up: -2px -2px 5px rgba(0, 0, 0, 0.1);--x-shadow1-left-down: -2px 2px 5px rgba(0, 0, 0, 0.1);--x-shadow1-right-up: 2px -2px 5px rgba(0, 0, 0, 0.1);--x-shadow1-right-down: 2px 2px 5px rgba(0, 0, 0, 0.1);--x-shadow2-center: 0 0 10px rgba(0, 0, 0, 0.1);--x-shadow2-up: 0 -4px 10px rgba(0, 0, 0, 0.1);--x-shadow2-down: 0 4px 10px rgba(0, 0, 0, 0.1);--x-shadow2-left: -4px 0 10px rgba(0, 0, 0, 0.1);--x-shadow2-right: 4px 0 10px rgba(0, 0, 0, 0.1);--x-shadow2-left-up: -4px -4px 10px rgba(0, 0, 0, 0.1);--x-shadow2-left-down: -4px 4px 10px rgba(0, 0, 0, 0.1);--x-shadow2-right-up: 4px -4px 10px rgba(0, 0, 0, 0.1);--x-shadow2-right-down: 4px 4px 10px rgba(0, 0, 0, 0.1);--x-shadow3-center: 0 0 20px rgba(0, 0, 0, 0.1);--x-shadow3-up: 0 -8px 20px rgba(0, 0, 0, 0.1);--x-shadow3-down: 0 8px 20px rgba(0, 0, 0, 0.1);--x-shadow3-left: -8px 0 20px rgba(0, 0, 0, 0.1);--x-shadow3-right: 8px 0 20px rgba(0, 0, 0, 0.1);--x-shadow3-left-up: -8px -8px 20px rgba(0, 0, 0, 0.1);--x-shadow3-left-down: -8px 8px 20px rgba(0, 0, 0, 0.1);--x-shadow3-right-up: 8px -8px 20px rgba(0, 0, 0, 0.1);--x-shadow3-right-down: 8px 8px 20px rgba(0, 0, 0, 0.1);--x-shadow-distance-none: 0;--x-shadow-distance-1: 1px;--x-shadow-distance-2: 2px;--x-shadow-distance-3: 3px;--x-shadow-distance-4: 4px}:root{--x-color-spin-layer-bg: rgba(255, 255, 255, 0.9);--x-spin-tip-shimmer-color-highlight: color-mix( in srgb, var(--x-color-primary-text) 30%, var(--x-color-white) );--x-spin-tip-shimmer-duration: 2s;--x-font-size: 14px;--x-text-color: var(--x-color-1);--x-text-color-disabled: var(--x-color-3);--x-border-color: var(--x-color-4);--x-placeholder-color: var(--x-color-2);--x-text-gray: var(--x-color-1);--x-text-gray-1: var(--x-color-2);--x-text-gray-2: var(--x-color-3);--x-disabled-color: var(--x-color-3);--x-disabled-bgc: rgb(250 251 253 / 100%);--x-disabled-bc: rgb(225 228 232 / 100%);--x-hover-bgc: rgb(248 250 255 / 100%);--x-hover-color: var(--x-color-primary);--x-hover-bc: rgb(188 196 214 / 100%);--x-field-color-bg: var(--x-color-bg-surface);--x-field-color-bg-hover: var(--x-color-bg-surface);--x-field-color-bg-focus: var(--x-color-bg-surface);--x-field-color-bg-disabled: var(--x-disabled-bgc);--x-field-color-bg-error: var(--x-color-danger-subtle);--x-field-color-bg-error-hover: var(--x-color-danger-2);--x-field-color-bg-error-focus: var(--x-color-bg-surface);--x-field-color-text: var(--x-color-text-primary);--x-field-color-text-disabled: var(--x-color-text-disabled);--x-field-color-placeholder: var(--x-color-text-tertiary);--x-field-color-affix: var(--x-color-text-tertiary);--x-field-color-icon: var(--x-color-text-secondary);--x-field-color-border: var(--x-color-border-default);--x-field-color-border-hover: var(--x-color-neutral-5);--x-field-color-border-focus: var(--x-color-border-focus);--x-field-color-border-disabled: var(--x-disabled-bc);--x-field-color-border-error: var(--x-color-danger-solid);--x-field-color-shadow-focus: var(--x-color-primary-light-2);--x-field-size-shadow-focus: var(--x-shadow-distance-none);--x-field-border-radius: var(--x-border-radius-medium);--x-field-status-success-bg: var(--x-color-success-subtle);--x-field-status-success-bg-hover: var(--x-color-success-2);--x-field-status-success-bg-focus: var(--x-color-bg-surface);--x-field-status-success-border: var(--x-color-transparent);--x-field-status-success-border-hover: var(--x-color-transparent);--x-field-status-success-border-focus: var(--x-color-success-solid);--x-field-status-success-shadow-size-focus: var(--x-shadow-distance-none);--x-field-status-success-shadow-color-focus: var(--x-color-success-2);--x-field-status-success-text: var(--x-color-success-text);--x-field-status-success-icon: var(--x-color-success-text);--x-field-status-warning-bg: var(--x-color-warning-subtle);--x-field-status-warning-bg-hover: var(--x-color-warning-2);--x-field-status-warning-bg-focus: var(--x-color-bg-surface);--x-field-status-warning-border: var(--x-color-transparent);--x-field-status-warning-border-hover: var(--x-color-transparent);--x-field-status-warning-border-focus: var(--x-color-warning-solid);--x-field-status-warning-shadow-size-focus: var(--x-shadow-distance-none);--x-field-status-warning-shadow-color-focus: var(--x-color-warning-2);--x-field-status-warning-text: var(--x-color-warning-text);--x-field-status-warning-icon: var(--x-color-warning-text);--x-field-status-error-bg: var(--x-color-danger-subtle);--x-field-status-error-bg-hover: var(--x-color-danger-2);--x-field-status-error-bg-focus: var(--x-color-bg-surface);--x-field-status-error-border: var(--x-color-transparent);--x-field-status-error-border-hover: var(--x-color-transparent);--x-field-status-error-border-focus: var(--x-color-danger-solid);--x-field-status-error-shadow-size-focus: var(--x-shadow-distance-none);--x-field-status-error-shadow-color-focus: var(--x-color-danger-2);--x-field-status-error-text: var(--x-color-danger-text);--x-field-status-error-icon: var(--x-color-danger-text);--x-field-status-validating-bg: var(--x-color-primary-subtle);--x-field-status-validating-bg-hover: var(--x-color-primary-2);--x-field-status-validating-bg-focus: var(--x-color-bg-surface);--x-field-status-validating-border: var(--x-color-transparent);--x-field-status-validating-border-hover: var(--x-color-transparent);--x-field-status-validating-border-focus: var(--x-color-primary-solid);--x-field-status-validating-shadow-size-focus: var(--x-shadow-distance-none);--x-field-status-validating-shadow-color-focus: var(--x-color-primary-2);--x-field-status-validating-text: var(--x-color-primary-text);--x-field-status-validating-icon: var(--x-color-primary-text);--x-form-bg-color: var(--x-field-color-bg);--x-form-bg-color-disabled: var(--x-field-color-bg-disabled);--x-form-bg-color-hover: var(--x-field-color-bg-hover);--x-form-bg-color-focus: var(--x-field-color-bg-focus);--x-form-bg-color-error-focus: var(--x-field-color-bg-error-focus);--x-form-text-color: var(--x-field-color-text);--x-form-text-color-disabled: var(--x-field-color-text-disabled);--x-form-text-color-prefix-suffix: var(--x-field-color-affix);--x-form-icon-color: var(--x-field-color-icon);--x-form-border-color: var(--x-field-color-border);--x-form-border-color-hover: var(--x-field-color-border-hover);--x-form-border-color-focus: var(--x-field-color-border-focus);--x-form-border-color-disabled: var(--x-field-color-border-disabled);--x-form-border-color-error: var(--x-field-color-border-error);--x-form-border-radius: var(--x-field-border-radius);--x-input-border-radius: var(--x-form-border-radius);--x-select-color: var(--x-color-primary);--x-select-bgc: rgb(248 250 255 / 100%);--x-select-bc: var(--x-color-primary);--x-color-bg-popup: var(--x-color-bg-white);--x-color-menu-light-bg: var(--x-color-bg-white);--x-focus-bc: var(--x-color-primary);--x-bgc: rgb(245 247 251 / 100%);--x-fs-small: 12px;--x-fs: 14px;--x-fs-large: 16px;--x-split-color: rgb(237 241 246 / 100%);--x-bc: rgb(237 241 246 / 100%);--x-color-dark-bg: #21242c;--x-z-index-popup-base: 1000;--x-color-menu-dark-bg: var(--x-color-dark-bg);--x-color-menu-dark-text: rgba(255, 255, 255, 0.86);--x-color-menu-dark-text-secondary: rgba(255, 255, 255, 0.68);--x-color-menu-dark-text-disabled: rgba(255, 255, 255, 0.36);--x-color-menu-dark-hover: var(--x-color-primary);--x-color-menu-dark-submenu-selected-bg: color-mix(in srgb, var(--x-color-primary) 45%, transparent);--x-z-index-popup: var(--x-z-index-popup-base);--x-trigger-z-index-popup: var(--x-z-index-popup);--x-icon-hover-color-bg: var(--x-color-fill-1);--x-empty-image-color: var(--x-color-text-4);--x-empty-illustration-planes: rgb(245 245 247);--x-empty-illustration-mid: rgb(220 224 230);--x-empty-illustration-strong: rgb(174 184 194);--x-empty-illustration-highlight: rgb(255 255 255);--x-layout-trigger-dark-bg: rgba(255, 255, 255, 0.2);--x-layout-sidebar-light-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);--x-button-group-color-separator: rgb(0 0 0 / 12%);--x-color-text-primary: var(--x-color-text-1);--x-color-text-secondary: var(--x-color-text-2);--x-color-text-tertiary: var(--x-color-text-3);--x-color-text-disabled: var(--x-color-text-4);--x-color-bg-page: var(--x-color-7);--x-color-bg-surface: var(--x-color-bg-white);--x-color-bg-subtle: var(--x-color-fill-1);--x-color-bg-elevated: var(--x-color-bg-popup);--x-color-border-default: var(--x-border-color);--x-color-border-subtle: var(--x-color-neutral-3);--x-color-border-focus: var(--x-color-primary-6);--x-color-overlay-mask: rgb(29 33 41 / 60%);--x-color-overlay-tooltip-bg: var(--x-color-neutral-10);--x-color-overlay-tooltip-text: var(--x-color-white);--x-color-bg-elevated-border: var(--x-color-border-subtle);--x-color-text-elevated-title: var(--x-color-text-primary);--x-color-text-elevated-body: var(--x-color-text-secondary);--x-color-icon-elevated: var(--x-color-text-tertiary);--x-color-icon-elevated-hover: var(--x-color-text-primary);--x-color-icon-elevated-hover-bg: var(--x-color-fill-3);--x-shadow-elevated: var(--x-shadow2-down);--x-shadow-modal: var(--x-shadow3-down);--x-shadow-drawer: var(--x-shadow3-left);--x-shadow-popover: 0 6px 16px 0 rgb(0 0 0 / 8%), 0 3px 6px -4px rgb(0 0 0 / 12%), 0 9px 28px 8px rgb(0 0 0 / 5%);--x-shadow-popover-arrow: var(--x-shadow1-down);--x-scrollbar-color-thumb-bg: var(--x-color-fill-5);--x-scrollbar-color-thumb-bg-hover: var(--x-color-fill-6);--x-scrollbar-color-track-bg: var(--x-color-fill-2);--x-scrollbar-color-track-border: var(--x-color-border-subtle);--x-timeline-dot-shadow: 0 0 0 1px color-mix(in srgb, var(--x-color-primary-solid) 8%, var(--x-color-transparent));--x-timeline-dot-hollow-shadow: 0 0 0 1px color-mix( in srgb, var(--x-color-primary-solid) 10%, var(--x-color-transparent) );--x-message-color-bg: color-mix(in srgb, var(--x-color-bg-elevated) 94%, var(--x-color-transparent));--x-message-color-border: rgb(15 23 42 / 8%);--x-message-color-text: var(--x-color-text-elevated-title);--x-message-color-close: var(--x-color-text-elevated-body);--x-message-color-close-bg-hover: rgb(15 23 42 / 6%);--x-message-box-shadow: 0 14px 40px rgb(15 23 42 / 10%), 0 4px 12px rgb(15 23 42 / 6%);--x-message-color-accent-info: var(--x-color-primary-solid);--x-message-color-accent-success: var(--x-color-success-solid);--x-message-color-accent-warning: var(--x-color-warning-solid);--x-message-color-accent-strong: var(--x-color-strong-solid);--x-message-color-accent-error: var(--x-color-danger-solid);--x-message-color-accent-loading: var(--x-color-primary-solid);--x-message-color-accent-normal: var(--x-color-text-elevated-body);--x-message-color-icon-bg-info: var(--x-color-primary-subtle);--x-message-color-icon-bg-success: var(--x-color-success-subtle);--x-message-color-icon-bg-warning: var(--x-color-warning-subtle);--x-message-color-icon-bg-strong: var(--x-color-strong-subtle);--x-message-color-icon-bg-error: var(--x-color-danger-subtle);--x-message-color-icon-bg-loading: var(--x-color-primary-subtle);--x-message-color-icon-bg-normal: var(--x-color-fill-2);--x-notification-color-bg: color-mix(in srgb, var(--x-color-bg-elevated) 96%, var(--x-color-transparent));--x-notification-color-border: var(--x-message-color-border);--x-notification-color-title: var(--x-color-text-elevated-title);--x-notification-color-content: var(--x-color-text-elevated-body);--x-notification-color-close: var(--x-color-text-elevated-body);--x-notification-color-close-bg-hover: var(--x-message-color-close-bg-hover);--x-notification-box-shadow: 0 16px 44px rgb(15 23 42 / 12%), 0 4px 14px rgb(15 23 42 / 8%);--x-notification-color-accent-info: var(--x-color-primary-solid);--x-notification-color-accent-success: var(--x-color-success-solid);--x-notification-color-accent-warning: var(--x-color-warning-solid);--x-notification-color-accent-strong: var(--x-color-strong-solid);--x-notification-color-accent-error: var(--x-color-danger-solid);--x-notification-color-icon-bg-info: var(--x-color-primary-subtle);--x-notification-color-icon-bg-success: var(--x-color-success-subtle);--x-notification-color-icon-bg-warning: var(--x-color-warning-subtle);--x-notification-color-icon-bg-strong: var(--x-color-strong-subtle);--x-notification-color-icon-bg-error: var(--x-color-danger-subtle);--x-time-range-selector-color-default: var(--x-color-primary-6);--x-time-range-selector-disabled-bg-default: linear-gradient( 180deg, color-mix(in srgb, var(--x-color-text-4) 18%, var(--x-color-white)) 0%, color-mix(in srgb, var(--x-color-fill-3) 72%, var(--x-color-white)) 100% );--x-time-range-selector-disabled-border-default: color-mix( in srgb, var(--x-color-text-3) 28%, var(--x-color-transparent) );--x-time-range-selector-disabled-shadow-default: inset 0 1px 0 rgb(255 255 255 / 62%);--x-time-range-selector-block-alternate-bg-default: var(--x-color-transparent);--x-time-range-selector-tick-color-default: color-mix( in srgb, var(--x-color-text-4) 82%, var(--x-color-transparent) );--x-time-range-selector-edge-bg-default: color-mix( in srgb, var(--x-color-white) 84%, var(--x-color-transparent) );--x-time-range-selector-edge-bg-hover: var(--x-color-bg-surface);--x-time-range-selector-label-shadow-default: 0 1px 2px rgba(0, 0, 0, 0.35);--x-time-range-selector-grid-border-schedule: var(--x-color-transparent);--x-time-range-selector-track-shadow-schedule: inset 0 1px 0 color-mix(in srgb, var(--x-color-bg-white) 82%, var(--x-color-transparent));--x-time-range-selector-grid-bg-schedule: var(--x-color-transparent);--x-time-range-selector-edge-bg-schedule: color-mix( in srgb, var(--x-color-white) 92%, var(--x-color-transparent) );--x-time-range-selector-disabled-shadow-schedule: inset 0 1px 0 rgb(255 255 255 / 70%);--x-time-range-selector-grid-border-monitor: color-mix( in srgb, var(--x-color-text-4) 48%, var(--x-color-transparent) );--x-time-range-selector-track-bg-monitor: color-mix( in srgb, var(--x-color-text-4) 34%, var(--x-color-transparent) );--x-time-range-selector-track-border-monitor: color-mix( in srgb, var(--x-color-text-4) 18%, var(--x-color-transparent) );--x-time-range-selector-grid-bg-monitor: var(--x-color-bg-white);--x-time-range-selector-disabled-bg-monitor: color-mix( in srgb, var(--x-color-text-4) 46%, var(--x-color-transparent) );--x-time-range-selector-disabled-border-monitor: color-mix( in srgb, var(--x-color-text-4) 34%, var(--x-color-transparent) );--x-time-range-selector-tick-color-monitor: color-mix( in srgb, var(--x-color-text-4) 76%, var(--x-color-transparent) );--x-time-range-selector-edge-bg-monitor: var(--x-time-range-selector-edge-bg-default);--x-time-range-selector-edge-shadow-monitor: 0 0 0 1px rgb(255 255 255 / 22%);--x-time-range-selector-label-shadow-monitor: 0 1px 1px rgba(0, 0, 0, 0.42);--x-time-range-selector-track-bg-compact: linear-gradient( 180deg, color-mix(in srgb, var(--x-color-fill-2) 82%, var(--x-color-white)) 0%, color-mix(in srgb, var(--x-color-fill-3) 88%, var(--x-color-white)) 100% );--x-time-range-selector-track-border-compact: var(--x-color-transparent);--x-time-range-selector-grid-bg-compact: var(--x-color-bg-white);--x-time-range-selector-disabled-bg-compact: linear-gradient( 180deg, color-mix(in srgb, var(--x-color-text-4) 18%, var(--x-color-white)) 0%, color-mix(in srgb, var(--x-color-fill-3) 82%, var(--x-color-white)) 100% );--x-time-range-selector-disabled-border-compact: color-mix( in srgb, var(--x-color-text-3) 24%, var(--x-color-transparent) );--x-time-range-selector-tick-color-compact: color-mix( in srgb, var(--x-color-text-4) 80%, var(--x-color-transparent) );--x-progress-line-color-loading-shimmer-start: var(--x-color-transparent);--x-progress-line-color-loading-shimmer-active: rgba(255, 255, 255, 0.5);--x-progress-line-color-loading-shimmer-end: var(--x-color-transparent);--x-picker-panel-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);--x-picker-column-scrollbar-thumb-bg: color-mix( in srgb, var(--x-color-text-4) 65%, var(--x-color-transparent) );--x-shadow-color-fixed-column: rgba(0, 0, 0, 0.18);--x-color-primary-subtle: var(--x-color-primary-1);--x-color-success-subtle: var(--x-color-success-1);--x-color-warning-subtle: var(--x-color-warning-1);--x-color-danger-subtle: var(--x-color-danger-1);--x-color-strong-subtle: var(--x-color-strong-1);--x-color-primary-subtle-hover: color-mix(in srgb, var(--x-color-primary-subtle) 90%, var(--x-color-primary-button-text));--x-color-primary-subtle-active: color-mix(in srgb, var(--x-color-primary-subtle) 84%, var(--x-color-primary-button-text));--x-color-success-subtle-hover: color-mix(in srgb, var(--x-color-success-subtle) 90%, var(--x-color-success-button-text));--x-color-success-subtle-active: color-mix(in srgb, var(--x-color-success-subtle) 84%, var(--x-color-success-button-text));--x-color-warning-subtle-hover: color-mix(in srgb, var(--x-color-warning-subtle) 75%, var(--x-color-warning-button-text));--x-color-warning-subtle-active: color-mix(in srgb, var(--x-color-warning-subtle) 60%, var(--x-color-warning-button-text));--x-color-danger-subtle-hover: color-mix(in srgb, var(--x-color-danger-subtle) 90%, var(--x-color-danger-button-text));--x-color-danger-subtle-active: color-mix(in srgb, var(--x-color-danger-subtle) 84%, var(--x-color-danger-button-text));--x-color-strong-subtle-hover: color-mix(in srgb, var(--x-color-strong-subtle) 90%, var(--x-color-strong-button-text));--x-color-strong-subtle-active: color-mix(in srgb, var(--x-color-strong-subtle) 84%, var(--x-color-strong-button-text));--x-color-primary-solid: var(--x-color-primary-6);--x-color-primary-solid-hover: color-mix(in srgb, var(--x-color-primary-solid) 92%, var(--x-color-white));--x-color-primary-solid-active: color-mix(in srgb, var(--x-color-primary-solid) 90%, var(--x-color-constant-dark));--x-color-success-solid: var(--x-color-success-6);--x-color-success-solid-hover: color-mix(in srgb, var(--x-color-success-solid) 92%, var(--x-color-white));--x-color-success-solid-active: color-mix(in srgb, var(--x-color-success-solid) 90%, var(--x-color-constant-dark));--x-color-warning-solid: var(--x-color-warning-6);--x-color-warning-solid-hover: color-mix(in srgb, var(--x-color-warning-solid) 92%, var(--x-color-white));--x-color-warning-solid-active: color-mix(in srgb, var(--x-color-warning-solid) 90%, var(--x-color-constant-dark));--x-color-danger-solid: var(--x-color-danger-6);--x-color-danger-solid-hover: color-mix(in srgb, var(--x-color-danger-solid) 92%, var(--x-color-white));--x-color-danger-solid-active: color-mix(in srgb, var(--x-color-danger-solid) 90%, var(--x-color-constant-dark));--x-color-strong-solid: var(--x-color-strong-6);--x-color-strong-solid-hover: color-mix(in srgb, var(--x-color-strong-solid) 92%, var(--x-color-white));--x-color-strong-solid-active: color-mix(in srgb, var(--x-color-strong-solid) 90%, var(--x-color-constant-dark));--x-color-primary-text: var(--x-color-primary);--x-color-success-text: var(--x-color-success);--x-color-warning-text: var(--x-color-warning);--x-color-danger-text: var(--x-color-danger);--x-color-strong-text: var(--x-color-strong);--x-color-primary-button-text: var(--x-color-primary-text);--x-color-success-button-text: var(--x-color-success-text);--x-color-warning-button-text: var(--x-color-warning-text);--x-color-danger-button-text: var(--x-color-danger-text);--x-color-strong-button-text: var(--x-color-strong-text);--x-button-color-bg-default: color-mix(in srgb, var(--x-color-bg-surface) 50%, var(--x-color-fill-2));--x-button-color-bg-default-hover: color-mix(in srgb, var(--x-button-color-bg-default) 98%, var(--x-color-black));--x-button-color-bg-default-active: color-mix(in srgb, var(--x-button-color-bg-default) 96%, var(--x-color-black));--x-button-color-bg-default-solid: rgb(64 64 64);--x-button-color-bg-default-solid-hover: color-mix(in srgb, var(--x-button-color-bg-default-solid) 92%, var(--x-color-white));--x-button-color-bg-default-solid-active: color-mix(in srgb, var(--x-button-color-bg-default-solid) 90%, var(--x-color-black));--x-button-color-bg-default-outline-hover: color-mix(in srgb, var(--x-button-color-text-default) 3%, var(--x-color-transparent));--x-button-color-bg-default-outline-active: color-mix(in srgb, var(--x-button-color-text-default) 5%, var(--x-color-transparent));--x-button-color-text-default-hover: color-mix(in srgb, var(--x-button-color-text-default) 92%, var(--x-color-black));--x-button-color-text-default-active: color-mix(in srgb, var(--x-button-color-text-default) 84%, var(--x-color-black));--x-button-color-bg-primary-outline-hover: color-mix(in srgb, var(--x-button-color-text-primary) 3%, var(--x-color-transparent));--x-button-color-bg-primary-outline-active: color-mix(in srgb, var(--x-button-color-text-primary) 5%, var(--x-color-transparent));--x-button-color-text-primary-hover: color-mix(in srgb, var(--x-button-color-text-primary) 92%, var(--x-color-black));--x-button-color-text-primary-active: color-mix(in srgb, var(--x-button-color-text-primary) 84%, var(--x-color-black));--x-button-color-bg-success-outline-hover: color-mix(in srgb, var(--x-button-color-text-success) 3%, var(--x-color-transparent));--x-button-color-bg-success-outline-active: color-mix(in srgb, var(--x-button-color-text-success) 5%, var(--x-color-transparent));--x-button-color-text-success-hover: color-mix(in srgb, var(--x-button-color-text-success) 92%, var(--x-color-black));--x-button-color-text-success-active: color-mix(in srgb, var(--x-button-color-text-success) 84%, var(--x-color-black));--x-button-color-bg-warning-outline-hover: color-mix(in srgb, var(--x-button-color-text-warning) 3%, var(--x-color-transparent));--x-button-color-bg-warning-outline-active: color-mix(in srgb, var(--x-button-color-text-warning) 5%, var(--x-color-transparent));--x-button-color-text-warning-hover: color-mix(in srgb, var(--x-button-color-text-warning) 92%, var(--x-color-black));--x-button-color-text-warning-active: color-mix(in srgb, var(--x-button-color-text-warning) 84%, var(--x-color-black));--x-button-color-bg-strong-outline-hover: color-mix(in srgb, var(--x-button-color-text-strong) 3%, var(--x-color-transparent));--x-button-color-bg-strong-outline-active: color-mix(in srgb, var(--x-button-color-text-strong) 5%, var(--x-color-transparent));--x-button-color-text-strong-hover: color-mix(in srgb, var(--x-button-color-text-strong) 92%, var(--x-color-black));--x-button-color-text-strong-active: color-mix(in srgb, var(--x-button-color-text-strong) 84%, var(--x-color-black));--x-button-color-bg-danger-outline-hover: color-mix(in srgb, var(--x-button-color-text-danger) 3%, var(--x-color-transparent));--x-button-color-bg-danger-outline-active: color-mix(in srgb, var(--x-button-color-text-danger) 5%, var(--x-color-transparent));--x-button-color-text-danger-hover: color-mix(in srgb, var(--x-button-color-text-danger) 92%, var(--x-color-black));--x-button-color-text-danger-active: color-mix(in srgb, var(--x-button-color-text-danger) 84%, var(--x-color-black));--x-button-color-bg-info-outline-hover: color-mix(in srgb, var(--x-button-color-text-info) 3%, var(--x-color-transparent));--x-button-color-bg-info-outline-active: color-mix(in srgb, var(--x-button-color-text-info) 5%, var(--x-color-transparent));--x-button-color-text-info-hover: color-mix(in srgb, var(--x-button-color-text-info) 92%, var(--x-color-black));--x-button-color-text-info-active: color-mix(in srgb, var(--x-button-color-text-info) 84%, var(--x-color-black));--x-tag-color-text-default: var(--x-color-text-primary);--x-tag-color-bg-default: var(--x-color-fill-3);--x-tag-color-bg-default-hover: var(--x-color-fill-4);--x-tag-color-border-default: var(--x-color-fill-4);--x-tag-color-border-default-hover: var(--x-color-fill-5);--x-tag-color-border-default-bordered: var(--x-color-fill-6);--x-tag-color-icon-bg-hover-default: var(--x-color-fill-4);--x-tag-custom-color-text: var(--x-color-white);--x-tag-custom-color-icon-bg_hover: rgba(255, 255, 255, 0.2);--x-tag-color-red-seed: rgb(245, 63, 63);--x-tag-color-red-text: var(--x-tag-color-red-seed);--x-tag-color-red-bg: rgb(255, 236, 232);--x-tag-color-red-border: var(--x-color-transparent);--x-tag-color-red-border-hover: color-mix(in srgb, var(--x-tag-color-red-bg) 84%, var(--x-tag-color-red-text));--x-tag-color-red-icon-bg_hover: rgba(245, 63, 63, 0.16);--x-tag-color-orangered-seed: rgb(247, 114, 52);--x-tag-color-orangered-text: var(--x-tag-color-orangered-seed);--x-tag-color-orangered-bg: rgb(255, 243, 232);--x-tag-color-orangered-border: var(--x-color-transparent);--x-tag-color-orangered-border-hover: color-mix(in srgb, var(--x-tag-color-orangered-bg) 84%, var(--x-tag-color-orangered-text));--x-tag-color-orangered-icon-bg_hover: rgba(247, 114, 52, 0.16);--x-tag-color-orange-seed: rgb(255, 125, 0);--x-tag-color-orange-text: var(--x-tag-color-orange-seed);--x-tag-color-orange-bg: rgb(255, 247, 232);--x-tag-color-orange-border: var(--x-color-transparent);--x-tag-color-orange-border-hover: color-mix(in srgb, var(--x-tag-color-orange-bg) 84%, var(--x-tag-color-orange-text));--x-tag-color-orange-icon-bg_hover: rgba(255, 125, 0, 0.16);--x-tag-color-gold-seed: rgb(247, 186, 30);--x-tag-color-gold-text: var(--x-tag-color-gold-seed);--x-tag-color-gold-bg: rgb(255, 252, 232);--x-tag-color-gold-border: var(--x-color-transparent);--x-tag-color-gold-border-hover: color-mix(in srgb, var(--x-tag-color-gold-bg) 84%, var(--x-tag-color-gold-text));--x-tag-color-gold-icon-bg_hover: rgba(247, 186, 30, 0.18);--x-tag-color-lime-seed: rgb(159, 219, 29);--x-tag-color-lime-text: var(--x-tag-color-lime-seed);--x-tag-color-lime-bg: rgb(252, 255, 232);--x-tag-color-lime-border: var(--x-color-transparent);--x-tag-color-lime-border-hover: color-mix(in srgb, var(--x-tag-color-lime-bg) 84%, var(--x-tag-color-lime-text));--x-tag-color-lime-icon-bg_hover: rgba(159, 219, 29, 0.18);--x-tag-color-green-seed: rgb(0, 180, 42);--x-tag-color-green-text: var(--x-tag-color-green-seed);--x-tag-color-green-bg: rgb(232, 255, 234);--x-tag-color-green-border: var(--x-color-transparent);--x-tag-color-green-border-hover: color-mix(in srgb, var(--x-tag-color-green-bg) 84%, var(--x-tag-color-green-text));--x-tag-color-green-icon-bg_hover: rgba(0, 180, 42, 0.16);--x-tag-color-cyan-seed: rgb(20, 201, 201);--x-tag-color-cyan-text: var(--x-tag-color-cyan-seed);--x-tag-color-cyan-bg: rgb(232, 255, 251);--x-tag-color-cyan-border: var(--x-color-transparent);--x-tag-color-cyan-border-hover: color-mix(in srgb, var(--x-tag-color-cyan-bg) 84%, var(--x-tag-color-cyan-text));--x-tag-color-cyan-icon-bg_hover: rgba(20, 201, 201, 0.16);--x-tag-color-blue-seed: rgb(52, 145, 250);--x-tag-color-blue-text: var(--x-tag-color-blue-seed);--x-tag-color-blue-bg: rgb(232, 247, 255);--x-tag-color-blue-border: var(--x-color-transparent);--x-tag-color-blue-border-hover: color-mix(in srgb, var(--x-tag-color-blue-bg) 84%, var(--x-tag-color-blue-text));--x-tag-color-blue-icon-bg_hover: rgba(52, 145, 250, 0.16);--x-tag-color-better-blue-seed: rgb(22, 93, 255);--x-tag-color-better-blue-text: var(--x-tag-color-better-blue-seed);--x-tag-color-better-blue-bg: var(--x-color-primary-subtle);--x-tag-color-better-blue-border: var(--x-color-transparent);--x-tag-color-better-blue-border-hover: color-mix(in srgb, var(--x-tag-color-better-blue-bg) 84%, var(--x-tag-color-better-blue-text));--x-tag-color-better-blue-icon-bg_hover: rgba(22, 93, 255, 0.16);--x-tag-color-purple-seed: rgb(114, 46, 209);--x-tag-color-purple-text: var(--x-tag-color-purple-seed);--x-tag-color-purple-bg: rgb(245, 232, 255);--x-tag-color-purple-border: var(--x-color-transparent);--x-tag-color-purple-border-hover: color-mix(in srgb, var(--x-tag-color-purple-bg) 84%, var(--x-tag-color-purple-text));--x-tag-color-purple-icon-bg_hover: rgba(114, 46, 209, 0.16);--x-tag-color-pink-purple-seed: rgb(217, 26, 217);--x-tag-color-pink-purple-text: var(--x-tag-color-pink-purple-seed);--x-tag-color-pink-purple-bg: rgb(255, 232, 251);--x-tag-color-pink-purple-border: var(--x-color-transparent);--x-tag-color-pink-purple-border-hover: color-mix(in srgb, var(--x-tag-color-pink-purple-bg) 84%, var(--x-tag-color-pink-purple-text));--x-tag-color-pink-purple-icon-bg_hover: rgba(217, 26, 217, 0.16);--x-tag-color-magenta-seed: rgb(245, 49, 157);--x-tag-color-magenta-text: var(--x-tag-color-magenta-seed);--x-tag-color-magenta-bg: rgb(255, 232, 241);--x-tag-color-magenta-border: var(--x-color-transparent);--x-tag-color-magenta-border-hover: color-mix(in srgb, var(--x-tag-color-magenta-bg) 84%, var(--x-tag-color-magenta-text));--x-tag-color-magenta-icon-bg_hover: rgba(245, 49, 157, 0.16);--x-tag-color-gray-text: var(--x-color-text-secondary);--x-tag-color-gray-bg: var(--x-color-fill-3);--x-tag-color-gray-border: var(--x-color-transparent);--x-tag-color-gray-border-hover: var(--x-color-fill-4);--x-tag-color-gray-icon-bg_hover: rgba(134, 144, 156, 0.16);--x-watermark-color: rgba(0, 0, 0, 0.15);--x-image-color-footer-inner-text: var(--x-color-white);--x-image-color-footer-inner-bg: rgba(0, 0, 0, 0.5);--x-image-color-title-footer-inner-text: var(--x-color-white);--x-image-color-description-footer-inner-text: rgba(255, 255, 255, 0.82);--x-image-color-footer-outer-text: var(--x-color-text-primary);--x-image-color-title-footer-outer-text: var(--x-color-text-secondary);--x-image-color-description-footer-outer-text: var(--x-color-text-tertiary);--x-image-color-error-text: var(--x-color-text-secondary);--x-image-color-error-bg: var(--x-color-fill-2);--x-image-color-loader-bg: var(--x-color-fill-1);--x-image-color-loader-spin-text: var(--x-color-text-secondary);--x-image-preview-color-mask-bg: rgba(0, 0, 0, 0.7);--x-image-preview-color-scale-value-text: var(--x-color-white);--x-image-preview-color-scale-value-bg: rgba(0, 0, 0, 0.5);--x-image-preview-color-toolbar-bg: rgba(29, 33, 41, 0.84);--x-image-preview-color-action-text: rgba(255, 255, 255, 0.9);--x-image-preview-color-action-bg: var(--x-color-transparent);--x-image-preview-color-action-hover-text: var(--x-color-white);--x-image-preview-color-action-hover-bg: rgba(255, 255, 255, 0.14);--x-image-preview-color-action-disabled-text: rgba(255, 255, 255, 0.4);--x-image-preview-color-action-disabled-bg: var(--x-color-transparent);--x-image-preview-color-loading-text: var(--x-color-white);--x-image-preview-color-loading-bg: var(--x-color-text-tertiary);--x-image-preview-color-close-btn-text: var(--x-color-white);--x-image-preview-color-close-btn-bg: rgba(0, 0, 0, 0.7);--x-image-preview-arrow-color-icon: var(--x-color-white);--x-image-preview-arrow-color-bg: rgba(0, 0, 0, 0.5);--x-image-preview-arrow-color-bg-hover: rgba(0, 0, 0, 0.7);--x-image-preview-arrow-color-icon-disabled: var(--x-color-neutral-5);--x-image-preview-arrow-color-bg-disabled: rgba(0, 0, 0, 0.3)}.x-time-range-selector{--x-time-range-selector-grid-border-default: var(--x-color-border-subtle);--x-time-range-selector-grid-shadow-default: inset 0 1px 0 color-mix(in srgb, var(--x-color-bg-white) 88%, var(--x-color-transparent)), inset 0 -1px 0 color-mix(in srgb, var(--x-color-border-default) 68%, var(--x-color-transparent));--x-time-range-selector-track-bg-default: linear-gradient( 180deg, color-mix(in srgb, var(--x-time-range-selector-color) 6%, var(--x-color-bg-white)) 0%, color-mix(in srgb, var(--x-color-fill-2) 86%, var(--x-color-bg-white)) 100% );--x-time-range-selector-track-border-default: color-mix( in srgb, var(--x-time-range-selector-color) 12%, var(--x-color-transparent) );--x-time-range-selector-track-shadow-default: inset 0 1px 0 color-mix(in srgb, var(--x-color-bg-white) 70%, var(--x-color-transparent));--x-time-range-selector-grid-bg-default: linear-gradient( 180deg, var(--x-color-bg-white) 0%, color-mix(in srgb, var(--x-color-fill-1) 70%, var(--x-color-bg-white)) 100% );--x-time-range-selector-range-bg-default: linear-gradient( 180deg, color-mix(in srgb, var(--x-time-range-selector-color) 72%, var(--x-color-white)) 0%, var(--x-time-range-selector-color) 100% );--x-time-range-selector-range-border-default: color-mix( in srgb, var(--x-time-range-selector-color) 74%, var(--x-color-transparent) );--x-time-range-selector-range-shadow-default: 0 8px 18px color-mix(in srgb, var(--x-time-range-selector-color) 20%, var(--x-color-transparent)), inset 0 1px 0 rgb(255 255 255 / 34%);--x-time-range-selector-range-shadow-hover-default: 0 10px 22px color-mix(in srgb, var(--x-time-range-selector-color) 25%, var(--x-color-transparent)), inset 0 1px 0 rgb(255 255 255 / 38%);--x-time-range-selector-range-shadow-dragging-default: 0 12px 28px color-mix(in srgb, var(--x-time-range-selector-color) 32%, var(--x-color-transparent)), inset 0 1px 0 rgb(255 255 255 / 42%);--x-time-range-selector-edge-shadow-default: 0 0 0 1px color-mix(in srgb, var(--x-time-range-selector-color) 28%, var(--x-color-transparent));--x-time-range-selector-edge-shadow-hover-default: 0 0 0 1px color-mix(in srgb, var(--x-time-range-selector-color) 48%, var(--x-color-transparent)), 0 0 0 4px color-mix(in srgb, var(--x-color-white) 24%, var(--x-color-transparent));--x-time-range-selector-track-bg-schedule: linear-gradient( 180deg, color-mix(in srgb, var(--x-time-range-selector-color) 8%, var(--x-color-bg-white)) 0%, color-mix(in srgb, var(--x-time-range-selector-color) 5%, var(--x-color-bg-white)) 100% );--x-time-range-selector-track-border-schedule: color-mix( in srgb, var(--x-time-range-selector-color) 14%, var(--x-color-transparent) );--x-time-range-selector-range-bg-schedule: linear-gradient( 180deg, color-mix(in srgb, var(--x-time-range-selector-color) 62%, var(--x-color-white)) 0%, color-mix(in srgb, var(--x-time-range-selector-color) 88%, var(--x-color-neutral-10)) 100% );--x-time-range-selector-range-border-schedule: color-mix( in srgb, var(--x-time-range-selector-color) 68%, var(--x-color-transparent) );--x-time-range-selector-range-shadow-schedule: 0 8px 18px color-mix(in srgb, var(--x-time-range-selector-color) 18%, var(--x-color-transparent)), inset 0 1px 0 rgb(255 255 255 / 34%);--x-time-range-selector-range-shadow-hover-schedule: 0 10px 22px color-mix(in srgb, var(--x-time-range-selector-color) 23%, var(--x-color-transparent)), inset 0 1px 0 rgb(255 255 255 / 38%);--x-time-range-selector-range-shadow-dragging-schedule: 0 12px 28px color-mix(in srgb, var(--x-time-range-selector-color) 30%, var(--x-color-transparent)), inset 0 1px 0 rgb(255 255 255 / 42%);--x-time-range-selector-tick-color-schedule: color-mix( in srgb, var(--x-time-range-selector-color) 18%, var(--x-color-transparent) );--x-time-range-selector-edge-shadow-schedule: 0 0 0 1px color-mix(in srgb, var(--x-time-range-selector-color) 24%, var(--x-color-transparent));--x-time-range-selector-edge-shadow-hover-schedule: 0 0 0 1px color-mix(in srgb, var(--x-time-range-selector-color) 42%, var(--x-color-transparent)), 0 0 0 4px color-mix(in srgb, var(--x-color-white) 28%, var(--x-color-transparent));--x-time-range-selector-disabled-bg-schedule: linear-gradient( 180deg, color-mix(in srgb, var(--x-time-range-selector-color) 12%, var(--x-color-bg-white)) 0%, color-mix(in srgb, var(--x-time-range-selector-color) 7%, var(--x-color-bg-white)) 100% );--x-time-range-selector-disabled-border-schedule: color-mix( in srgb, var(--x-time-range-selector-color) 22%, var(--x-color-transparent) );--x-time-range-selector-range-bg-monitor: var(--x-time-range-selector-range-bg-default);--x-time-range-selector-range-border-monitor: var(--x-time-range-selector-range-border-schedule);--x-time-range-selector-range-shadow-monitor: 0 8px 18px color-mix(in srgb, var(--x-time-range-selector-color) 18%, var(--x-color-transparent)), inset 0 1px 0 rgb(255 255 255 / 42%);--x-time-range-selector-range-shadow-hover-monitor: 0 10px 22px color-mix(in srgb, var(--x-time-range-selector-color) 24%, var(--x-color-transparent)), inset 0 1px 0 rgb(255 255 255 / 46%);--x-time-range-selector-range-shadow-dragging-monitor: 0 12px 28px color-mix(in srgb, var(--x-time-range-selector-color) 30%, var(--x-color-transparent)), inset 0 1px 0 rgb(255 255 255 / 50%);--x-time-range-selector-edge-shadow-hover-monitor: 0 0 0 1px rgb(255 255 255 / 36%), 0 0 0 4px color-mix(in srgb, var(--x-time-range-selector-color) 18%, var(--x-color-transparent));--x-time-range-selector-range-bg-compact: linear-gradient( 180deg, color-mix(in srgb, var(--x-time-range-selector-color) 76%, var(--x-color-white)) 0%, color-mix(in srgb, var(--x-time-range-selector-color) 90%, var(--x-color-neutral-10)) 100% )}.x-fade-in-standard-enter-from,.x-fade-in-standard-appear-from{opacity:0}.x-fade-in-standard-enter-to,.x-fade-in-standard-appear-to{opacity:1}.x-fade-in-standard-enter-active,.x-fade-in-standard-appear-active{transition:opacity .3s ease}.x-fade-in-standard-leave-from{opacity:1}.x-fade-in-standard-leave-to{opacity:0}.x-fade-in-standard-leave-active{transition:opacity .3s ease}.x-fade-in-enter-from,.x-fade-in-appear-from{opacity:0}.x-fade-in-enter-to,.x-fade-in-appear-to{opacity:1}.x-fade-in-enter-active,.x-fade-in-appear-active{transition:opacity .2s ease}.x-fade-in-leave-from{opacity:1}.x-fade-in-leave-to{opacity:0}.x-fade-in-leave-active{transition:opacity .2s ease}.x-slide-dynamic-origin-enter-from,.x-slide-dynamic-origin-appear-from{transform:scaleY(0.9);transform-origin:0 0;opacity:0}.x-slide-dynamic-origin-enter-to,.x-slide-dynamic-origin-appear-to{transform:scaleY(1);transform-origin:0 0;opacity:1}.x-slide-dynamic-origin-enter-active,.x-slide-dynamic-origin-appear-active{transition:transform .2s ease,opacity .2s ease}.x-slide-dynamic-origin-leave-from{transform:scaleY(1);transform-origin:0 0;opacity:1}.x-slide-dynamic-origin-leave-to{transform:scaleY(0.9);transform-origin:0 0;opacity:0}.x-slide-dynamic-origin-leave-active{transition:transform .2s ease,opacity .2s ease}.x-slide-left-enter-from,.x-slide-left-appear-from{transform:translateX(-100%)}.x-slide-left-enter-to,.x-slide-left-appear-to{transform:translateX(0)}.x-slide-left-enter-active,.x-slide-left-appear-active{transition:transform .3s ease}.x-slide-left-leave-from{transform:translateX(0)}.x-slide-left-leave-to{transform:translateX(-100%)}.x-slide-left-leave-active{transition:transform .3s ease}.x-slide-right-enter-from,.x-slide-right-appear-from{transform:translateX(100%)}.x-slide-right-enter-to,.x-slide-right-appear-to{transform:translateX(0)}.x-slide-right-enter-active,.x-slide-right-appear-active{transition:transform .3s ease}.x-slide-right-leave-from{transform:translateX(0)}.x-slide-right-leave-to{transform:translateX(100%)}.x-slide-right-leave-active{transition:transform .3s ease}.x-slide-top-enter-from,.x-slide-top-appear-from{transform:translateY(-100%)}.x-slide-top-enter-to,.x-slide-top-appear-to{transform:translateY(0)}.x-slide-top-enter-active,.x-slide-top-appear-active{transition:transform .3s ease}.x-slide-top-leave-from{transform:translateY(0)}.x-slide-top-leave-to{transform:translateY(-100%)}.x-slide-top-leave-active{transition:transform .3s ease}.x-slide-bottom-enter-from,.x-slide-bottom-appear-from{transform:translateY(100%)}.x-slide-bottom-enter-to,.x-slide-bottom-appear-to{transform:translateY(0)}.x-slide-bottom-enter-active,.x-slide-bottom-appear-active{transition:transform .3s ease}.x-slide-bottom-leave-from{transform:translateY(0)}.x-slide-bottom-leave-to{transform:translateY(100%)}.x-slide-bottom-leave-active{transition:transform .3s ease}.x-zoom-in-enter-from,.x-zoom-in-appear-from{transform:scale(0.5, 0.5);opacity:0}.x-zoom-in-enter-to,.x-zoom-in-appear-to{transform:scale(1, 1);opacity:1}.x-zoom-in-enter-active,.x-zoom-in-appear-active{transition:opacity .3s ease,transform .3s ease}.x-zoom-in-leave-from{transform:scale(1, 1);opacity:1}.x-zoom-in-leave-to{transform:scale(0.5, 0.5);opacity:0}.x-zoom-in-leave-active{transition:opacity .3s ease,transform .3s ease}.x-zoom-in-fade-out-enter-from,.x-zoom-in-fade-out-appear-from{transform:scale(0.96, 0.96);opacity:0}.x-zoom-in-fade-out-enter-to,.x-zoom-in-fade-out-appear-to{transform:scale(1, 1);opacity:1}.x-zoom-in-fade-out-enter-active,.x-zoom-in-fade-out-appear-active{transition:opacity var(--x-transition-duration-2) var(--x-transition-timing-function-standard),transform var(--x-transition-duration-2) var(--x-transition-timing-function-standard)}.x-zoom-in-fade-out-leave-from{transform:scale(1, 1);opacity:1}.x-zoom-in-fade-out-leave-to{transform:scale(0.98, 0.98);opacity:0}.x-zoom-in-fade-out-leave-active{transition:opacity var(--x-transition-duration-1) var(--x-transition-timing-function-linear),transform var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-zoom-in-big-enter-from,.x-zoom-in-big-appear-from{transform:scale(0.5, 0.5);opacity:0}.x-zoom-in-big-enter-to,.x-zoom-in-big-appear-to{transform:scale(1, 1);opacity:1}.x-zoom-in-big-enter-active,.x-zoom-in-big-appear-active{transition:opacity .2s linear,transform .2s linear}.x-zoom-in-big-leave-from{transform:scale(1, 1);opacity:1}.x-zoom-in-big-leave-to{transform:scale(0.2, 0.2);opacity:0}.x-zoom-in-big-leave-active{transition:opacity .2s linear,transform .2s linear}.x-zoom-in-left-enter-from,.x-zoom-in-left-appear-from{transform:scale(0.1, 0.1);opacity:.1}.x-zoom-in-left-enter-to,.x-zoom-in-left-appear-to{transform:scale(1, 1);opacity:1}.x-zoom-in-left-enter-active,.x-zoom-in-left-appear-active{transform-origin:0 50%;transition:opacity .3s linear,transform .3s ease-in-out}.x-zoom-in-left-leave-from{transform:scale(1, 1);opacity:1}.x-zoom-in-left-leave-to{transform:scale(0.1, 0.1);opacity:.1}.x-zoom-in-left-leave-active{transform-origin:0 50%;transition:opacity .3s linear,transform .3s ease-in-out}.x-zoom-in-top-enter-from,.x-zoom-in-top-appear-from{transform:scaleY(0.8) translateZ(0);opacity:0}.x-zoom-in-top-enter-to,.x-zoom-in-top-appear-to{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-top-enter-active,.x-zoom-in-top-appear-active{transform-origin:0 0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-top-leave-from{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-top-leave-to{transform:scaleY(0.8) translateZ(0);opacity:0}.x-zoom-in-top-leave-active{transform-origin:0 0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-bottom-enter-from,.x-zoom-in-bottom-appear-from{transform:scaleY(0.8) translateZ(0);opacity:0}.x-zoom-in-bottom-enter-to,.x-zoom-in-bottom-appear-to{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-bottom-enter-active,.x-zoom-in-bottom-appear-active{transform-origin:100% 100%;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-bottom-leave-from{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-bottom-leave-to{transform:scaleY(0.8) translateZ(0);opacity:0}.x-zoom-in-bottom-leave-active{transform-origin:100% 100%;transition:transform .3s ease-in-out,opacity .3s ease-in-out}html[data-theme=dark],[data-theme=dark]{--gray-1: 30, 34, 42;--gray-2: 38, 43, 54;--gray-3: 50, 56, 70;--gray-4: 62, 69, 85;--gray-5: 82, 90, 108;--gray-6: 110, 118, 134;--gray-7: 140, 148, 164;--gray-8: 175, 182, 196;--gray-9: 205, 210, 220;--gray-10: 228, 231, 236;--x-color-1: rgb(228 231 236 / 100%);--x-color-2: rgb(175 182 196 / 100%);--x-color-3: rgb(145 152 168 / 100%);--x-color-4: rgb(62 69 85 / 100%);--x-color-5: rgb(50 56 70 / 100%);--x-color-6: rgb(43 49 61 / 100%);--x-color-7: rgb(23 26 32 / 100%);--x-color-bg-white: rgb(30 34 42 / 100%);--x-color-transparent: transparent;--x-color-fill-1: rgb(38 43 54);--x-color-fill-2: rgb(43 49 61);--x-color-fill-3: rgb(48 54 67);--x-color-fill-4: rgb(56 63 78);--x-color-fill-5: rgb(66 74 91);--x-color-fill-6: rgb(78 87 106);--x-color-text-1: rgb(228 231 236);--x-color-text-2: rgb(175 182 196);--x-color-text-3: rgb(145 152 168);--x-color-text-4: rgb(85 92 107);--x-color-primary-1: #000f70;--x-color-primary-2: #001892;--x-color-primary-3: #0024b5;--x-color-primary-4: #0033d7;--x-color-primary-5: #0043f9;--x-color-primary-6: var(--x-color-primary);--x-color-primary-7: #6096ff;--x-color-primary-8: #a4c6ff;--x-color-primary-9: #e8f1ff;--x-color-success-1: #007019;--x-color-success-2: #007b17;--x-color-success-3: #008715;--x-color-success-4: #009212;--x-color-success-5: #009d0e;--x-color-success-6: var(--x-color-success);--x-color-success-7: #13ff18;--x-color-success-8: #80ff7e;--x-color-success-9: #e9ffe8;--x-color-danger-1: #620e1e;--x-color-danger-2: #7c1122;--x-color-danger-3: #961524;--x-color-danger-4: #af1925;--x-color-danger-5: #c91c25;--x-color-danger-6: var(--x-color-danger);--x-color-danger-7: #e96765;--x-color-danger-8: #f3aca8;--x-color-danger-9: #fceceb;--x-color-strong-1: #702600;--x-color-strong-2: #8d3500;--x-color-strong-3: #a94500;--x-color-strong-4: #c65700;--x-color-strong-5: #e26c00;--x-color-strong-6: var(--x-color-strong);--x-color-strong-7: #ffae4d;--x-color-strong-8: #ffd59b;--x-color-strong-9: #fff6e8;--x-color-warning-1: #703e00;--x-color-warning-2: #8d5200;--x-color-warning-3: #a96900;--x-color-warning-4: #c68100;--x-color-warning-5: #e29c00;--x-color-warning-6: var(--x-color-warning);--x-color-warning-7: #ffd44d;--x-color-warning-8: #ffea9b;--x-color-warning-9: #fffbe8;--x-color-primary-light-1: var(--x-color-primary-1);--x-color-primary-light-2: var(--x-color-primary-light-1);--x-color-primary-light-3: var(--x-color-primary-light-1);--x-color-success-light-1: var(--x-color-success-1);--x-color-danger-light-1: var(--x-color-danger-1);--x-color-danger-light-2: var(--x-color-danger-2);--x-color-warning-light-1: var(--x-color-warning-1);--x-color-bg-2: var(--x-color-7);--x-color-bg-5: var(--x-color-7);--x-color-neutral-1: rgb(var(--gray-1));--x-color-neutral-2: rgb(var(--gray-2));--x-color-neutral-3: rgb(var(--gray-3));--x-color-neutral-4: rgb(var(--gray-4));--x-color-neutral-5: rgb(var(--gray-5));--x-color-neutral-6: rgb(var(--gray-6));--x-color-neutral-7: rgb(var(--gray-7));--x-color-neutral-8: rgb(var(--gray-8));--x-color-neutral-9: rgb(var(--gray-9));--x-color-neutral-10: rgb(var(--gray-10));--x-spin-tip-shimmer-color-highlight: color-mix( in srgb, var(--x-color-primary-text) 30%, var(--x-color-white) );--x-text-color: var(--x-color-1);--x-text-color-disabled: var(--x-color-3);--x-border-color: var(--x-color-4);--x-text-gray: var(--x-color-1);--x-text-gray-1: var(--x-color-2);--x-text-gray-2: var(--x-color-3);--x-disabled-color: var(--x-color-3);--x-field-color-bg: var(--x-color-bg-surface);--x-field-color-bg-hover: var(--x-color-bg-surface);--x-field-color-bg-focus: var(--x-color-bg-surface);--x-field-color-bg-disabled: var(--x-disabled-bgc);--x-field-color-bg-error-focus: var(--x-color-bg-surface);--x-field-color-text: var(--x-color-text-primary);--x-field-color-text-disabled: var(--x-color-text-disabled);--x-field-color-placeholder: var(--x-color-text-tertiary);--x-field-color-affix: var(--x-color-text-tertiary);--x-field-color-icon: var(--x-color-text-secondary);--x-field-color-border: var(--x-color-border-default);--x-field-color-border-hover: var(--x-color-neutral-5);--x-field-color-border-focus: var(--x-color-border-focus);--x-field-color-border-disabled: var(--x-disabled-bc);--x-field-color-border-error: var(--x-color-danger-solid);--x-field-color-shadow-focus: var(--x-color-primary-light-2);--x-field-status-success-bg-focus: var(--x-color-bg-surface);--x-field-status-success-border: var(--x-color-transparent);--x-field-status-success-border-hover: var(--x-color-transparent);--x-field-status-success-border-focus: var(--x-color-success-solid);--x-field-status-success-shadow-color-focus: var(--x-color-success-2);--x-field-status-success-text: var(--x-color-success-text);--x-field-status-success-icon: var(--x-color-success-text);--x-field-status-warning-bg-focus: var(--x-color-bg-surface);--x-field-status-warning-border: var(--x-color-transparent);--x-field-status-warning-border-hover: var(--x-color-transparent);--x-field-status-warning-border-focus: var(--x-color-warning-solid);--x-field-status-warning-shadow-color-focus: var(--x-color-warning-2);--x-field-status-warning-text: var(--x-color-warning-text);--x-field-status-warning-icon: var(--x-color-warning-text);--x-field-status-error-bg-focus: var(--x-color-bg-surface);--x-field-status-error-border: var(--x-color-transparent);--x-field-status-error-border-hover: var(--x-color-transparent);--x-field-status-error-border-focus: var(--x-color-danger-solid);--x-field-status-error-shadow-color-focus: var(--x-color-danger-2);--x-field-status-error-text: var(--x-color-danger-text);--x-field-status-error-icon: var(--x-color-danger-text);--x-field-status-validating-bg-focus: var(--x-color-bg-surface);--x-field-status-validating-border: var(--x-color-transparent);--x-field-status-validating-border-hover: var(--x-color-transparent);--x-field-status-validating-border-focus: var(--x-color-primary-solid);--x-field-status-validating-shadow-color-focus: var(--x-color-primary-2);--x-field-status-validating-text: var(--x-color-primary-text);--x-field-status-validating-icon: var(--x-color-primary-text);--x-form-bg-color: var(--x-field-color-bg);--x-form-bg-color-disabled: var(--x-field-color-bg-disabled);--x-form-bg-color-hover: var(--x-field-color-bg-hover);--x-form-bg-color-focus: var(--x-field-color-bg-focus);--x-form-bg-color-error-focus: var(--x-field-color-bg-error-focus);--x-form-text-color: var(--x-field-color-text);--x-form-text-color-disabled: var(--x-field-color-text-disabled);--x-form-text-color-prefix-suffix: var(--x-field-color-affix);--x-form-icon-color: var(--x-field-color-icon);--x-form-border-color: var(--x-field-color-border);--x-form-border-color-hover: var(--x-field-color-border-hover);--x-form-border-color-focus: var(--x-field-color-border-focus);--x-form-border-color-disabled: var(--x-field-color-border-disabled);--x-form-border-color-error: var(--x-field-color-border-error);--x-color-bg-popup: var(--x-color-bg-white);--x-color-menu-light-bg: var(--x-color-bg-white);--x-icon-hover-color-bg: var(--x-color-fill-1);--x-empty-image-color: var(--x-color-text-4);--x-color-text-primary: var(--x-color-text-1);--x-color-text-secondary: var(--x-color-text-2);--x-color-text-tertiary: var(--x-color-text-3);--x-color-text-disabled: var(--x-color-text-4);--x-color-bg-page: var(--x-color-7);--x-color-bg-surface: var(--x-color-bg-white);--x-color-bg-subtle: var(--x-color-fill-1);--x-color-bg-elevated: var(--x-color-bg-popup);--x-color-border-default: var(--x-border-color);--x-color-border-subtle: var(--x-color-neutral-3);--x-color-border-focus: var(--x-color-primary-6);--x-color-overlay-tooltip-bg: var(--x-color-neutral-10);--x-color-bg-elevated-border: var(--x-color-border-subtle);--x-color-text-elevated-title: var(--x-color-text-primary);--x-color-text-elevated-body: var(--x-color-text-secondary);--x-color-icon-elevated: var(--x-color-text-tertiary);--x-color-icon-elevated-hover: var(--x-color-text-primary);--x-color-icon-elevated-hover-bg: var(--x-color-fill-3);--x-scrollbar-color-thumb-bg: var(--x-color-fill-5);--x-scrollbar-color-thumb-bg-hover: var(--x-color-fill-6);--x-scrollbar-color-track-bg: var(--x-color-fill-2);--x-scrollbar-color-track-border: var(--x-color-border-subtle);--x-timeline-dot-shadow: 0 0 0 1px color-mix(in srgb, var(--x-color-primary-solid) 8%, var(--x-color-transparent));--x-timeline-dot-hollow-shadow: 0 0 0 1px color-mix( in srgb, var(--x-color-primary-solid) 10%, var(--x-color-transparent) );--x-message-color-bg: color-mix(in srgb, var(--x-color-bg-elevated) 94%, var(--x-color-transparent));--x-message-color-text: var(--x-color-text-elevated-title);--x-message-color-close: var(--x-color-text-elevated-body);--x-message-color-accent-normal: var(--x-color-text-elevated-body);--x-message-color-icon-bg-info: var(--x-color-primary-subtle);--x-message-color-icon-bg-success: var(--x-color-success-subtle);--x-message-color-icon-bg-warning: var(--x-color-warning-subtle);--x-message-color-icon-bg-strong: var(--x-color-strong-subtle);--x-message-color-icon-bg-error: var(--x-color-danger-subtle);--x-message-color-icon-bg-loading: var(--x-color-primary-subtle);--x-message-color-icon-bg-normal: var(--x-color-fill-2);--x-notification-color-bg: color-mix(in srgb, var(--x-color-bg-elevated) 96%, var(--x-color-transparent));--x-notification-color-title: var(--x-color-text-elevated-title);--x-notification-color-content: var(--x-color-text-elevated-body);--x-notification-color-close: var(--x-color-text-elevated-body);--x-notification-color-icon-bg-info: var(--x-color-primary-subtle);--x-notification-color-icon-bg-success: var(--x-color-success-subtle);--x-notification-color-icon-bg-warning: var(--x-color-warning-subtle);--x-notification-color-icon-bg-strong: var(--x-color-strong-subtle);--x-notification-color-icon-bg-error: var(--x-color-danger-subtle);--x-time-range-selector-color-default: var(--x-color-primary-6);--x-time-range-selector-disabled-border-default: color-mix( in srgb, var(--x-color-text-3) 28%, var(--x-color-transparent) );--x-time-range-selector-block-alternate-bg-default: var(--x-color-transparent);--x-time-range-selector-tick-color-default: color-mix( in srgb, var(--x-color-text-4) 82%, var(--x-color-transparent) );--x-time-range-selector-edge-bg-hover: var(--x-color-bg-surface);--x-time-range-selector-grid-border-schedule: var(--x-color-transparent);--x-time-range-selector-track-shadow-schedule: inset 0 1px 0 color-mix(in srgb, var(--x-color-bg-white) 82%, var(--x-color-transparent));--x-time-range-selector-grid-bg-schedule: var(--x-color-transparent);--x-time-range-selector-grid-border-monitor: color-mix( in srgb, var(--x-color-text-4) 48%, var(--x-color-transparent) );--x-time-range-selector-track-bg-monitor: color-mix( in srgb, var(--x-color-text-4) 34%, var(--x-color-transparent) );--x-time-range-selector-track-border-monitor: color-mix( in srgb, var(--x-color-text-4) 18%, var(--x-color-transparent) );--x-time-range-selector-grid-bg-monitor: var(--x-color-bg-white);--x-time-range-selector-disabled-bg-monitor: color-mix( in srgb, var(--x-color-text-4) 46%, var(--x-color-transparent) );--x-time-range-selector-disabled-border-monitor: color-mix( in srgb, var(--x-color-text-4) 34%, var(--x-color-transparent) );--x-time-range-selector-tick-color-monitor: color-mix( in srgb, var(--x-color-text-4) 76%, var(--x-color-transparent) );--x-time-range-selector-edge-bg-monitor: var(--x-time-range-selector-edge-bg-default);--x-time-range-selector-track-border-compact: var(--x-color-transparent);--x-time-range-selector-grid-bg-compact: var(--x-color-bg-white);--x-time-range-selector-disabled-border-compact: color-mix( in srgb, var(--x-color-text-3) 24%, var(--x-color-transparent) );--x-time-range-selector-tick-color-compact: color-mix( in srgb, var(--x-color-text-4) 80%, var(--x-color-transparent) );--x-progress-line-color-loading-shimmer-start: var(--x-color-transparent);--x-progress-line-color-loading-shimmer-end: var(--x-color-transparent);--x-picker-column-scrollbar-thumb-bg: color-mix( in srgb, var(--x-color-text-4) 65%, var(--x-color-transparent) );--x-color-primary-subtle-hover: color-mix(in srgb, var(--x-color-primary-subtle) 90%, var(--x-color-primary-button-text));--x-color-primary-subtle-active: color-mix(in srgb, var(--x-color-primary-subtle) 84%, var(--x-color-primary-button-text));--x-color-success-subtle-hover: color-mix(in srgb, var(--x-color-success-subtle) 90%, var(--x-color-success-button-text));--x-color-success-subtle-active: color-mix(in srgb, var(--x-color-success-subtle) 84%, var(--x-color-success-button-text));--x-color-danger-subtle-hover: color-mix(in srgb, var(--x-color-danger-subtle) 90%, var(--x-color-danger-button-text));--x-color-danger-subtle-active: color-mix(in srgb, var(--x-color-danger-subtle) 84%, var(--x-color-danger-button-text));--x-color-strong-subtle-hover: color-mix(in srgb, var(--x-color-strong-subtle) 90%, var(--x-color-strong-button-text));--x-color-strong-subtle-active: color-mix(in srgb, var(--x-color-strong-subtle) 84%, var(--x-color-strong-button-text));--x-color-primary-solid: var(--x-color-primary-6);--x-color-primary-solid-hover: color-mix(in srgb, var(--x-color-primary-solid) 92%, var(--x-color-white));--x-color-primary-solid-active: color-mix(in srgb, var(--x-color-primary-solid) 90%, var(--x-color-constant-dark));--x-color-success-solid: var(--x-color-success-6);--x-color-success-solid-hover: color-mix(in srgb, var(--x-color-success-solid) 92%, var(--x-color-white));--x-color-success-solid-active: color-mix(in srgb, var(--x-color-success-solid) 90%, var(--x-color-constant-dark));--x-color-warning-solid: var(--x-color-warning-6);--x-color-warning-solid-hover: color-mix(in srgb, var(--x-color-warning-solid) 92%, var(--x-color-white));--x-color-warning-solid-active: color-mix(in srgb, var(--x-color-warning-solid) 90%, var(--x-color-constant-dark));--x-color-danger-solid: var(--x-color-danger-6);--x-color-danger-solid-hover: color-mix(in srgb, var(--x-color-danger-solid) 92%, var(--x-color-white));--x-color-danger-solid-active: color-mix(in srgb, var(--x-color-danger-solid) 90%, var(--x-color-constant-dark));--x-color-strong-solid: var(--x-color-strong-6);--x-color-strong-solid-hover: color-mix(in srgb, var(--x-color-strong-solid) 92%, var(--x-color-white));--x-color-strong-solid-active: color-mix(in srgb, var(--x-color-strong-solid) 90%, var(--x-color-constant-dark));--x-button-color-bg-default-outline-hover: color-mix(in srgb, var(--x-button-color-text-default) 3%, var(--x-color-transparent));--x-button-color-bg-default-outline-active: color-mix(in srgb, var(--x-button-color-text-default) 5%, var(--x-color-transparent));--x-button-color-bg-primary-outline-hover: color-mix(in srgb, var(--x-button-color-text-primary) 3%, var(--x-color-transparent));--x-button-color-bg-primary-outline-active: color-mix(in srgb, var(--x-button-color-text-primary) 5%, var(--x-color-transparent));--x-button-color-bg-success-outline-hover: color-mix(in srgb, var(--x-button-color-text-success) 3%, var(--x-color-transparent));--x-button-color-bg-success-outline-active: color-mix(in srgb, var(--x-button-color-text-success) 5%, var(--x-color-transparent));--x-button-color-bg-warning-outline-hover: color-mix(in srgb, var(--x-button-color-text-warning) 3%, var(--x-color-transparent));--x-button-color-bg-warning-outline-active: color-mix(in srgb, var(--x-button-color-text-warning) 5%, var(--x-color-transparent));--x-button-color-bg-strong-outline-hover: color-mix(in srgb, var(--x-button-color-text-strong) 3%, var(--x-color-transparent));--x-button-color-bg-strong-outline-active: color-mix(in srgb, var(--x-button-color-text-strong) 5%, var(--x-color-transparent));--x-button-color-bg-danger-outline-hover: color-mix(in srgb, var(--x-button-color-text-danger) 3%, var(--x-color-transparent));--x-button-color-bg-danger-outline-active: color-mix(in srgb, var(--x-button-color-text-danger) 5%, var(--x-color-transparent));--x-button-color-bg-info-outline-hover: color-mix(in srgb, var(--x-button-color-text-info) 3%, var(--x-color-transparent));--x-button-color-bg-info-outline-active: color-mix(in srgb, var(--x-button-color-text-info) 5%, var(--x-color-transparent));--x-tag-color-text-default: var(--x-color-text-primary);--x-tag-color-bg-default: var(--x-color-fill-3);--x-tag-color-bg-default-hover: var(--x-color-fill-4);--x-tag-color-border-default: var(--x-color-fill-4);--x-tag-color-border-default-hover: var(--x-color-fill-5);--x-tag-color-border-default-bordered: var(--x-color-fill-6);--x-tag-color-icon-bg-hover-default: var(--x-color-fill-4);--x-tag-color-red-border: var(--x-color-transparent);--x-tag-color-orangered-border: var(--x-color-transparent);--x-tag-color-orange-border: var(--x-color-transparent);--x-tag-color-gold-border: var(--x-color-transparent);--x-tag-color-lime-border: var(--x-color-transparent);--x-tag-color-green-border: var(--x-color-transparent);--x-tag-color-cyan-border: var(--x-color-transparent);--x-tag-color-blue-border: var(--x-color-transparent);--x-tag-color-better-blue-border: var(--x-color-transparent);--x-tag-color-purple-border: var(--x-color-transparent);--x-tag-color-pink-purple-border: var(--x-color-transparent);--x-tag-color-magenta-border: var(--x-color-transparent);--x-tag-color-gray-text: var(--x-color-text-secondary);--x-tag-color-gray-bg: var(--x-color-fill-3);--x-tag-color-gray-border: var(--x-color-transparent);--x-image-color-footer-outer-text: var(--x-color-text-primary);--x-image-color-title-footer-outer-text: var(--x-color-text-secondary);--x-image-color-description-footer-outer-text: var(--x-color-text-tertiary);--x-image-color-error-text: var(--x-color-text-secondary);--x-image-color-error-bg: var(--x-color-fill-2);--x-image-color-loader-bg: var(--x-color-fill-1);--x-image-color-loader-spin-text: var(--x-color-text-secondary);--x-image-preview-color-action-bg: var(--x-color-transparent);--x-image-preview-color-action-disabled-bg: var(--x-color-transparent);--x-image-preview-color-loading-bg: var(--x-color-text-tertiary);--x-image-preview-arrow-color-icon-disabled: var(--x-color-neutral-5);--x-chart-color-series-1: var(--x-color-primary-solid);--x-chart-color-series-2: var(--x-color-success-solid);--x-chart-color-series-3: var(--x-color-strong-solid);--x-chart-color-series-4: var(--x-color-danger-solid);--x-chart-color-series-5: var(--x-color-warning-solid);--x-chart-color-axis-text: var(--x-color-text-secondary);--x-chart-color-grid-line: var(--x-color-border-subtle);--x-chart-color-baseline: var(--x-color-border-default);--x-chart-color-active-band: var(--x-color-fill-2);--x-chart-color-active-line: var(--x-color-border-default);--x-chart-color-point-halo: var(--x-color-bg-surface);--x-chart-color-tooltip-bg: var(--x-color-overlay-tooltip-bg);--x-chart-color-tooltip-text: var(--x-color-overlay-tooltip-text);--x-chart-shadow-tooltip: var(--x-shadow-popover);--x-chart-color-legend-text: var(--x-color-text-secondary);--x-chart-color-legend-text-hidden: var(--x-color-text-4);--x-chart-color-legend-value: var(--x-color-text-4);--x-picker-color-shadow_focus: var(--x-field-color-shadow-focus);--x-picker-color-shadow_error_focus: var(--x-field-status-error-shadow-color-focus);--x-picker-color-bg: var(--x-field-color-bg);--x-picker-color-bg_hover: var(--x-field-color-bg-hover);--x-picker-color-bg_focus: var(--x-field-color-bg-focus);--x-picker-color-bg_disabled: var(--x-field-color-bg-disabled);--x-picker-color-bg_error: var(--x-field-color-bg-error);--x-picker-color-bg_error_hover: var(--x-field-color-bg-error-hover);--x-picker-color-bg_error_focus: var(--x-field-color-bg-error-focus);--x-picker-color-border: var(--x-field-color-border);--x-picker-color-border_hover: var(--x-field-color-border-hover);--x-picker-color-border_focus: var(--x-field-color-border-focus);--x-picker-color-border_disabled: var(--x-field-color-border-disabled);--x-picker-color-border_error: var(--x-color-transparent);--x-picker-color-border_error_hover: var(--x-color-transparent);--x-picker-color-border_error_focus: var(--x-field-color-border-error);--x-picker-color-placeholder: var(--x-field-color-placeholder);--x-picker-color-placeholder_disabled: var(--x-field-color-text-disabled);--x-picker-color-text: var(--x-field-color-text);--x-picker-color-text_disabled: var(--x-field-color-text-disabled);--x-picker-color-icon: var(--x-field-color-icon);--x-picker-color-icon_disabled: var(--x-field-color-text-disabled);--x-picker-color-separator: var(--x-field-color-affix);--x-picker-color-separator_disabled: var(--x-field-color-text-disabled);--x-picker-range-color-bg-input_focus: var(--x-color-fill-2);--x-input-color-text_disabled: var(--x-field-color-text-disabled);--x-alert-strong-color-bg: var(--x-color-strong-subtle);--x-alert-color-text-content-with-title: var(--x-color-text-1);--x-button-color-text-default: var(--x-color-text-primary);--x-button-color-border-default: var(--x-color-border-default);--x-button-color-bg-default-subtle: var(--x-button-color-bg-default);--x-button-color-bg-default-subtle-hover: var(--x-button-color-bg-default-hover);--x-button-color-bg-default-subtle-active: var(--x-button-color-bg-default-active);--x-button-color-wave-default: var(--x-button-color-border-default);--x-button-color-wave-primary: var(--x-button-color-bg-primary-solid);--x-button-color-wave-success: var(--x-button-color-bg-success-solid);--x-button-color-wave-warning: var(--x-button-color-bg-warning-solid);--x-button-color-wave-strong: var(--x-button-color-bg-strong-solid);--x-button-color-wave-danger: var(--x-button-color-bg-danger-solid);--x-button-color-wave-info: var(--x-button-color-text-info);--x-button-color-bg-primary-subtle: var(--x-color-primary-subtle);--x-button-color-bg-primary-subtle-hover: var(--x-color-primary-subtle-hover);--x-button-color-bg-primary-subtle-active: var(--x-color-primary-subtle-active);--x-button-color-bg-primary-solid: var(--x-color-primary-solid);--x-button-color-bg-primary-solid-hover: var(--x-color-primary-solid-hover);--x-button-color-bg-primary-solid-active: var(--x-color-primary-solid-active);--x-button-color-text-primary: var(--x-color-primary-button-text);--x-button-color-border-primary: var(--x-color-primary-solid);--x-button-color-bg-success-subtle: var(--x-color-success-subtle);--x-button-color-bg-success-subtle-hover: var(--x-color-success-subtle-hover);--x-button-color-bg-success-subtle-active: var(--x-color-success-subtle-active);--x-button-color-bg-success-solid: var(--x-color-success-solid);--x-button-color-bg-success-solid-hover: var(--x-color-success-solid-hover);--x-button-color-bg-success-solid-active: var(--x-color-success-solid-active);--x-button-color-text-success: var(--x-color-success-button-text);--x-button-color-border-success: var(--x-color-success-solid);--x-button-color-bg-warning-subtle: var(--x-color-warning-subtle);--x-button-color-bg-warning-subtle-hover: var(--x-color-warning-subtle-hover);--x-button-color-bg-warning-subtle-active: var(--x-color-warning-subtle-active);--x-button-color-bg-warning-solid: var(--x-color-warning-solid);--x-button-color-bg-warning-solid-hover: var(--x-color-warning-solid-hover);--x-button-color-bg-warning-solid-active: var(--x-color-warning-solid-active);--x-button-color-text-warning: var(--x-color-warning-button-text);--x-button-color-border-warning: var(--x-color-warning-solid);--x-button-color-bg-danger-subtle: var(--x-color-danger-subtle);--x-button-color-bg-danger-subtle-hover: var(--x-color-danger-subtle-hover);--x-button-color-bg-danger-subtle-active: var(--x-color-danger-subtle-active);--x-button-color-bg-danger-solid: var(--x-color-danger-solid);--x-button-color-bg-danger-solid-hover: var(--x-color-danger-solid-hover);--x-button-color-bg-danger-solid-active: var(--x-color-danger-solid-active);--x-button-color-text-danger: var(--x-color-danger-button-text);--x-button-color-border-danger: var(--x-color-danger-solid);--x-button-color-bg-strong-subtle: var(--x-color-strong-subtle);--x-button-color-bg-strong-subtle-hover: var(--x-color-strong-subtle-hover);--x-button-color-bg-strong-subtle-active: var(--x-color-strong-subtle-active);--x-button-color-bg-strong-solid: var(--x-color-strong-solid);--x-button-color-bg-strong-solid-hover: var(--x-color-strong-solid-hover);--x-button-color-bg-strong-solid-active: var(--x-color-strong-solid-active);--x-button-color-text-strong: var(--x-color-strong-button-text);--x-button-color-border-strong: var(--x-color-strong-solid);--x-button-color-bg-info-subtle: var(--x-button-color-bg-default);--x-button-color-bg-info-subtle-hover: var(--x-button-color-bg-default-hover);--x-button-color-bg-info-subtle-active: var(--x-button-color-bg-default-active);--x-button-color-text-info: var(--x-color-text-secondary);--x-button-color-border-info: var(--x-color-neutral-5);--x-color-picker-panel-bg: var(--x-color-bg-elevated);--x-color-picker-panel-shadow: var(--x-shadow-popover);--x-color-picker-border: var(--x-color-border-subtle);--x-color-picker-color-text: var(--x-color-text-2);--x-color-picker-color-text_active: var(--x-color-primary-text);--x-color-picker-color-handle-bg: var(--x-color-bg-surface);--x-color-picker-color-handle-border: var(--x-color-neutral-5);--x-color-picker-color-trigger-bg: var(--x-color-bg-surface);--x-color-picker-color-swatch_border: var(--x-color-neutral-4);--x-color-picker-color-swatch_active: var(--x-color-primary-text);--x-color-picker-checker: var(--x-color-fill-2);--x-color-picker-checker-alt: var(--x-color-bg-surface);--x-date-picker-panel-bg: var(--x-color-bg-popup);--x-date-picker-panel-border: var(--x-color-transparent);--x-date-picker-footer-border: var(--x-split-color);--x-date-picker-cell-color: var(--x-color-text-2);--x-date-picker-cell-color-hover: var(--x-color-text-1);--x-date-picker-cell-bg-hover: var(--x-color-fill-1);--x-date-picker-cell-bg-range: var(--x-color-primary-light-1);--x-date-picker-cell-bg-range-hover: var(--x-color-primary-2);--x-date-picker-cell-bg-selected: var(--x-color-primary-6);--x-date-picker-cell-color-disabled: var(--x-color-text-4);--x-date-picker-cell-color-out-view: var(--x-color-text-4);--x-date-picker-confirm-color: var(--x-color-primary-text);--x-date-picker-today-color: var(--x-color-primary-text);--x-dropdown-color-bg: var(--x-color-bg-popup);--x-dropdown-color-border: var(--x-color-transparent);--x-dropdown-box-shadow: var(--x-shadow-popover);--x-dropdown-option-color-bg_default: var(--x-color-transparent);--x-dropdown-option-color-bg_hover: var(--x-color-fill-2);--x-dropdown-option-color-bg_selected: var(--x-color-transparent);--x-dropdown-option-color-bg_disabled: var(--x-color-transparent);--x-dropdown-option-color-text_default: var(--x-color-text-1);--x-dropdown-option-color-text_hover: var(--x-color-text-1);--x-dropdown-option-color-text_selected: var(--x-color-text-1);--x-dropdown-option-color-text_disabled: var(--x-color-text-4);--x-dropdown-group-title-color-text: var(--x-color-text-3);--x-checkbox-mask-bg-color-bg: var(--x-icon-hover-color-bg);--x-checkbox-mask-color-bg: var(--x-color-bg-white);--x-checkbox-mask-color-bg_checked: var(--x-color-primary-6);--x-checkbox-mask-color-bg_disabled: var(--x-color-fill-2);--x-checkbox-mask-color-bg_checked_disabled: var(--x-color-primary-light-3);--x-checkbox-mask-color-border: var(--x-color-fill-3);--x-checkbox-mask-color-border_hover: var(--x-color-fill-4);--x-checkbox-mask-color-border_checked: var(--x-color-transparent);--x-checkbox-mask-color-border_checked_disabled: var(--x-color-transparent);--x-checkbox-mask-color-border_disabled: var(--x-color-fill-3);--x-checkbox-color-text: var(--x-color-text-1);--x-checkbox-color-text_disabled: var(--x-color-text-4);--x-checkbox-color-check-icon_disabled: var(--x-color-fill-3);--x-input-number-step-button-color: var(--x-field-color-icon);--x-input-number-step-button-color_disabled: var(--x-field-color-text-disabled);--x-input-number-step-button-color-border: var(--x-color-border-subtle);--x-input-number-step-button-color-bg_default: var(--x-color-fill-2);--x-input-number-step-button-color-bg_default_hover: var(--x-color-fill-3);--x-input-number-step-button-color-bg_default_active: var(--x-color-fill-4);--x-input-number-step-button-color-bg_disabled: var(--x-field-color-bg-disabled);--x-input-number-step-button-color-bg_disabled_hover: var(--x-field-color-bg-disabled);--x-input-number-step-button-color-bg_disabled_active: var(--x-field-color-bg-disabled);--x-input-tag-color-text_default: var(--x-field-color-text);--x-input-tag-color-text_error: var(--x-field-color-text);--x-input-tag-color-text_disabled: var(--x-field-color-text-disabled);--x-input-tag-color-placeholder: var(--x-field-color-placeholder);--x-input-tag-color-icon-clear: var(--x-field-color-icon);--x-input-tag-color-icon-clear-bg_hover: var(--x-color-fill-4);--x-input-tag-color-border_default: var(--x-field-color-border);--x-input-tag-color-border_default_hover: var(--x-field-color-border-hover);--x-input-tag-color-border_default_focus: var(--x-field-color-border-focus);--x-input-tag-color-border_error: var(--x-color-transparent);--x-input-tag-color-border_error_hover: var(--x-color-transparent);--x-input-tag-color-border_error_focus: var(--x-field-color-border-error);--x-input-tag-color-border_disabled: var(--x-field-color-border-disabled);--x-input-tag-color-border_disabled_hover: var(--x-input-tag-color-border_disabled);--x-input-tag-color-border_disabled_focus: var(--x-input-tag-color-border_disabled);--x-input-tag-color-bg_default: var(--x-field-color-bg);--x-input-tag-color-bg_default_hover: var(--x-field-color-bg-hover);--x-input-tag-color-bg_default_focus: var(--x-field-color-bg-focus);--x-input-tag-color-bg_error: var(--x-field-color-bg-error);--x-input-tag-color-bg_error_hover: var(--x-field-color-bg-error-hover);--x-input-tag-color-bg_error_focus: var(--x-field-color-bg-error-focus);--x-input-tag-color-bg_disabled: var(--x-field-color-bg-disabled);--x-input-tag-color-bg_disabled_hover: var(--x-input-tag-color-bg_disabled);--x-input-tag-color-shadow_default_focus: var(--x-field-color-shadow-focus);--x-input-tag-color-shadow_error_focus: var(--x-field-status-error-shadow-color-focus);--x-input-tag-tag-color-bg: var(--x-color-bg-2);--x-input-tag-tag-color-bg_focus: var(--x-color-fill-2);--x-input-tag-tag-color-bg_disabled: var(--x-color-fill-2);--x-input-tag-tag-color-border: var(--x-color-fill-3);--x-input-tag-tag-color-border_disabled: var(--x-color-fill-3);--x-input-tag-tag-color-border_focus: var(--x-color-fill-2);--x-input-tag-tag-remove-icon-color-bg: var(--x-color-fill-2);--x-input-tag-tag-remove-icon-color-bg_focus: var(--x-color-fill-3);--x-input-color-bg: var(--x-field-color-bg);--x-input-color-bg_hover: var(--x-field-color-bg-hover);--x-input-color-bg_focus: var(--x-field-color-bg-focus);--x-input-color-bg_disabled: var(--x-field-color-bg-disabled);--x-input-color-addon-bg: var(--x-input-color-bg);--x-input-color-addon-border: var(--x-color-border-subtle);--x-input-color-border_focus: var(--x-field-color-border-focus);--x-input-color-shadow_focus: var(--x-field-color-shadow-focus);--x-input-color-addon-border_default: var(--x-color-transparent);--x-input-color-text: var(--x-field-color-text);--x-input-color-placeholder-text: var(--x-field-color-placeholder);--x-textarea-color-tip-text: var(--x-color-text-tertiary);--x-input-color-bg_error: var(--x-field-color-bg-error);--x-input-color-bg_error_hover: var(--x-field-color-bg-error-hover);--x-input-color-bg_error_focus: var(--x-field-color-bg-error-focus);--x-input-color-border_error_focus: var(--x-field-color-border-error);--x-input-color-shadow_error_focus: var(--x-field-status-error-shadow-color-focus);--x-input-border-color: var(--x-field-color-border);--x-input-color-border_disabled: var(--x-field-color-border-disabled);--x-input-color-border_hover: var(--x-field-color-border-hover);--x-input-color-border_error: var(--x-field-color-border-error);--x-input-color-border_error_hover: var(--x-color-transparent);--x-input-color-prefix-text: var(--x-field-color-affix);--x-input-color-suffix-text: var(--x-field-color-affix);--x-input-color-tip-text: var(--x-color-text-tertiary);--x-input-color-icon-clear: var(--x-field-color-icon);--x-input-color-icon-clear-bg_hover: var(--x-color-fill-4);--x-search-color-icon: var(--x-field-color-icon);--x-password-color-eye-icon: var(--x-color-text-2);--x-input-group-color-separator-border: var(--x-color-border-subtle);--x-input-feedback-icon-color_success: var(--x-field-status-success-icon);--x-input-feedback-icon-color_error: var(--x-field-status-error-icon);--x-input-feedback-icon-color_warning: var(--x-field-status-warning-icon);--x-input-feedback-icon-color_validating: var(--x-field-status-validating-icon);--x-radio-color-border: var(--x-color-neutral-3);--x-radio-color-border_hover: var(--x-color-neutral-3);--x-radio-color-border_disabled: var(--x-color-neutral-3);--x-radio-color-bg: var(--x-color-bg-2);--x-radio-color-bg_checked: var(--x-color-primary-6);--x-radio-color-bg_disabled: var(--x-color-fill-2);--x-radio-color-bg_checked_disabled: var(--x-color-primary-light-3);--x-radio-color-dot-bg_checked_disabled: var(--x-radio-color-bg_disabled);--x-radio-color-text: var(--x-color-text-1);--x-radio-color-text_disabled: var(--x-color-text-4);--x-radio-color-text_checked_disabled: var(--x-color-text-4);--x-radio-mask-bg-color-bg: var(--x-icon-hover-color-bg);--x-radio-group-button-color-bg: var(--x-color-fill-2);--x-radio-button-color-bg_active: var(--x-color-bg-5);--x-radio-button-color-bg_hover: var(--x-radio-button-color-bg_active);--x-radio-button-color-text_active: var(--x-color-primary-6);--x-radio-button-color-text_hover: var(--x-radio-color-text);--x-radio-button-color-bg: var(--x-color-transparent);--x-radio-button-color-text: var(--x-color-text-2);--x-radio-button-color-bg_disabled: var(--x-color-transparent);--x-radio-button-color-text_disabled: var(--x-color-text-4);--x-radio-button-color-bg_checked_disabled: var(--x-radio-button-color-bg_active);--x-radio-button-color-text_checked_disabled: var(--x-color-primary-light-3);--x-radio-button-color-separator-bg: var(--x-color-neutral-3);--x-select-popup-color-bg: var(--x-color-bg-elevated);--x-select-popup-color-border: var(--x-color-transparent);--x-select-popup-box-shadow: var(--x-shadow-popover);--x-select-popup-option-color-bg_default: var(--x-color-bg-elevated);--x-select-popup-option-color-bg_hover: var(--x-color-fill-2);--x-select-popup-option-color-bg_selected: var(--x-color-bg-elevated);--x-select-popup-option-color-bg_disabled: var(--x-color-bg-elevated);--x-select-popup-option-color-text_default: var(--x-color-text-primary);--x-select-popup-option-color-text_hover: var(--x-color-text-primary);--x-select-popup-option-color-text_selected: var(--x-color-text-primary);--x-select-popup-option-color-text_disabled: var(--x-color-text-disabled);--x-select-popup-option-color-highlight-text: var(--x-color-text-primary);--x-select-popup-group-title-color-text: var(--x-color-text-tertiary);--x-heatmap-color-empty: var(--x-color-fill-2);--x-heatmap-color-text: var(--x-color-text-3);--x-heatmap-color-tooltip-bg: var(--x-color-overlay-tooltip-bg);--x-heatmap-color-tooltip-text: var(--x-color-overlay-tooltip-text);--x-heatmap-shadow-tooltip: var(--x-shadow-popover);--x-heatmap-color-cell-border: var(--x-color-border-subtle);--x-link-color-text: var(--x-color-primary-text);--x-link-color-text-success: var(--x-color-success-text);--x-link-color-text-warning: var(--x-color-warning-text);--x-link-color-text-danger: var(--x-color-danger-text);--x-link-color-text-strong: var(--x-color-strong-text);--x-link-color-text-disabled: var(--x-color-text-disabled);--x-link-color-text-loading: var(--x-color-text-secondary);--x-link-color-bg-active: var(--x-color-fill-3);--x-link-color-focus: var(--x-color-primary-text);--x-link-background-color: var(--x-color-primary-subtle);--x-link-success-background-color: var(--x-color-success-subtle);--x-link-danger-background-color: var(--x-color-danger-subtle);--x-link-warning-background-color: var(--x-color-warning-subtle);--x-link-strong-background-color: var(--x-color-strong-subtle);--x-menu-color-label-item-selected: var(--x-color-primary-6);--x-menu-light-color-bg: var(--x-color-menu-light-bg);--x-menu-light-color-bg-item_default: var(--x-menu-light-color-bg);--x-menu-light-color-bg-item_hover: var(--x-color-fill-2);--x-menu-light-color-bg-item_selected: var(--x-color-fill-2);--x-menu-light-color-bg-item_disabled: var(--x-menu-light-color-bg);--x-menu-light-color-item_default: var(--x-color-text-2);--x-menu-light-color-item_hover: var(--x-color-text-2);--x-menu-light-color-item_selected: var(--x-color-primary-6);--x-menu-light-color-submenu_selected: var(--x-color-primary-6);--x-menu-light-color-bg-submenu_selected: var(--x-color-transparent);--x-menu-light-color-bg-submenu_selected_hover: var(--x-color-fill-2);--x-menu-light-color-item_disabled: var(--x-color-text-4);--x-menu-light-color-icon_default: var(--x-color-text-3);--x-menu-light-color-icon_hover: var(--x-color-text-3);--x-menu-light-color-icon_selected: var(--x-color-primary-6);--x-menu-light-color-icon_disabled: var(--x-color-text-4);--x-menu-light-color-group-title: var(--x-color-text-3);--x-menu-color-border-popup: var(--x-color-transparent);--x-menu-light-color-bg-button: var(--x-color-fill-1);--x-menu-light-color-bg-button_hover: var(--x-color-fill-3);--x-menu-light-color-button: var(--x-color-text-3);--x-menu-dark-color-bg-button: var(--x-color-primary-6);--x-menu-dark-color-bg-button_hover: var(--x-color-primary-7);--x-menu-pop-button-border-color: var(--x-color-transparent);--x-dropdown-dark-option-color-bg_default: var(--x-color-transparent);--x-dropdown-dark-option-color-bg_selected: var(--x-color-transparent);--x-dropdown-dark-option-color-bg_disabled: var(--x-color-transparent);--x-pagination-color-bg-item: var(--x-color-transparent);--x-pagination-color-bg-item_active: var(--x-color-primary-light-1);--x-pagination-color-bg-item_hover: var(--x-color-fill-1);--x-pagination-color-bg-item_disabled: var(--x-color-transparent);--x-pagination-color-bg-item_active_disabled: var(--x-color-fill-1);--x-pagination-color-item-text: var(--x-color-text-2);--x-pagination-color-item-text_hover: var(--x-color-text-2);--x-pagination-color-item-text_active: color-mix( in srgb, var(--x-color-primary-text) 96%, var(--x-color-text-1) );--x-pagination-color-item-text_disabled: var(--x-color-text-4);--x-pagination-color-item-text_active_disabled: var(--x-color-primary-light-3);--x-pagination-color-item-border: var(--x-color-transparent);--x-pagination-color-item-border_active: var(--x-color-transparent);--x-pagination-color-item-border_hover: var(--x-color-transparent);--x-pagination-color-item-border_disabled: var(--x-color-transparent);--x-pagination-color-item-border_active_disabled: var(--x-color-transparent);--x-pagination-color-item-outline_focus: var(--x-color-primary-text);--x-pagination-color-icon-arrow: var(--x-color-text-2);--x-pagination-color-icon-arrow-bg: var(--x-color-transparent);--x-pagination-color-icon-arrow-bg_hover: var(--x-color-fill-1);--x-pagination-color-icon-arrow-bg_disabled: var(--x-color-transparent);--x-pagination-color-icon-arrow-text_hover: var(--x-color-primary-text);--x-pagination-color-icon-arrow-text_disabled: var(--x-color-text-4);--x-pagination-simple-color-icon-arrow: var(--x-color-text-2);--x-pagination-simple-color-icon-arrow-bg: var(--x-color-transparent);--x-pagination-simple-color-icon-arrow-bg_hover: var(--x-color-fill-1);--x-pagination-simple-color-icon-arrow-bg_disabled: var(--x-color-transparent);--x-pagination-simple-color-icon-arrow-text_hover: var(--x-color-primary-text);--x-pagination-simple-color-icon-arrow-text_disabled: var(--x-color-text-4);--x-pagination-color-jumper-goto: var(--x-color-text-3);--x-pagination-color-text-total: var(--x-color-text-1);--x-pie-chart-stroke-segment: var(--x-color-bg-surface);--x-table-color-border: var(--x-color-border-subtle);--x-table-color-text-header-cell: var(--x-color-text-primary);--x-table-color-bg-header-cell: var(--x-color-bg-subtle);--x-table-color-bg-header-sorted-cell: var(--x-color-bg-subtle);--x-table-color-bg-header-sorted-cell_hover: var(--x-color-fill-2);--x-table-color-header-filters-icon: var(--x-color-text-4);--x-table-color-header-filters-icon_active: var(--x-color-primary-6);--x-table-color-bg-header-filters-icon_hover: var(--x-color-fill-2);--x-table-color-text-body-cell: var(--x-color-text-primary);--x-table-color-bg-body-cell: var(--x-color-bg-surface);--x-table-color-bg-body-sorted-cell: var(--x-color-bg-subtle);--x-table-color-bg-body-stripe-row: var(--x-color-bg-subtle);--x-table-color-bg-body-row_hover: var(--x-color-bg-subtle);--x-table-color-bg-body-row_active_dark: var(--x-color-neutral-2);--x-table-color-expand-icon: var(--x-color-text-2);--x-table-color-expand-icon-border: var(--x-color-transparent);--x-table-color-expand-icon-border_hover: var(--x-color-transparent);--x-table-color-expand-icon_hover: var(--x-color-text-1);--x-table-color-bg-expand-icon: var(--x-color-fill-2);--x-table-color-bg-expand-icon_hover: var(--x-color-fill-3);--x-table-color-bg-expand-content: var(--x-color-bg-subtle);--x-table-color-bg-expand-content_hover: var(--x-color-bg-subtle);--x-table-color-header-sorter-icon: var(--x-color-text-4);--x-table-color-header-sorter-icon_next: var(--x-color-text-3);--x-table-color-header-sorter-icon_active: var(--x-color-primary-6);--x-table-color-bg-filters-popup: var(--x-color-bg-5);--x-table-color-border-filters-popup: var(--x-color-neutral-3);--x-table-shadow-left: inset 8px 0 8px -8px var(--x-shadow-color-fixed-column);--x-table-shadow-right: inset -8px 0 8px -8px var(--x-shadow-color-fixed-column);--x-table-color-body-background: var(--x-color-bg-surface);--x-table-color-bg-tfoot: var(--x-color-bg-subtle);--x-table-filters-icon-bg_hover: var(--x-color-fill-2);--x-table-color-border_resizing: var(--x-color-primary-6);--x-tabs-color-text: var(--x-color-text-2);--x-tabs-color-text-hover: var(--x-color-text-1);--x-tabs-color-text-active: var(--x-color-primary-6);--x-tabs-color-text-disabled: var(--x-color-text-4);--x-tabs-color-border: var(--x-color-neutral-3);--x-tabs-color-bg: var(--x-color-bg-white);--x-tabs-color-fill: var(--x-color-fill-1);--x-tabs-color-fill-hover: var(--x-color-fill-2);--x-tabs-color-fill-active: var(--x-color-primary-light-1);--x-tabs-color-focus: var(--x-color-primary-6);--x-time-picker-panel-bg: var(--x-color-bg-popup);--x-time-picker-panel-border: var(--x-color-transparent);--x-time-picker-column-border: var(--x-color-transparent);--x-time-picker-footer-border: var(--x-split-color);--x-time-picker-cell-color: var(--x-color-text-2);--x-time-picker-cell-color-hover: var(--x-color-text-1);--x-time-picker-cell-bg-hover: var(--x-color-fill-1);--x-time-picker-cell-bg-selected: var(--x-color-primary-light-1);--x-time-picker-cell-color-selected: var(--x-color-primary-text);--x-time-picker-cell-color-disabled: var(--x-color-text-4);--x-time-picker-confirm-color: var(--x-color-primary-text);--x-time-picker-confirm-bg-hover: var(--x-color-primary-light-1);--x-time-picker-now-color: var(--x-color-text-3);--x-time-picker-column-scrollbar-thumb-bg: var(--x-picker-column-scrollbar-thumb-bg);--x-transfer-border-color: var(--x-color-border-default);--x-transfer-header-bg: var(--x-color-fill-1);--x-transfer-item-hover-bg: var(--x-color-fill-2);--x-tree-select-node-color-bg_hover: var(--x-color-fill-2);--x-tree-select-node-color-bg_selected: color-mix( in srgb, var(--x-color-primary) 6%, var(--x-color-bg-elevated) );--x-tree-select-node-color-text_disabled: var(--x-color-text-disabled);--x-tree-select-node-color-line: var(--x-color-border-default);--x-tree-select-switcher-color-icon: var(--x-color-text-3);--x-trigger-color-arrow-bg: var(--x-color-menu-light-bg);--x-upload-color-text: var(--x-color-text-primary);--x-upload-color-icon: var(--x-color-text-tertiary);--x-upload-color-tip-text: var(--x-color-text-tertiary);--x-upload-color-bg: var(--x-color-fill-1);--x-upload-color-bg-hover: var(--x-color-fill-2);--x-upload-color-border: var(--x-color-border-default);--x-upload-color-thumbnail-bg: var(--x-color-fill-2);--x-upload-color-picture-overlay-bg: var(--x-color-overlay-mask);--x-button-color-text-default-hover: color-mix(in srgb, var(--x-button-color-text-default) 92%, var(--x-color-white));--x-button-color-text-default-active: color-mix(in srgb, var(--x-button-color-text-default) 92%, var(--x-color-black));--x-button-color-text-primary-hover: color-mix(in srgb, var(--x-button-color-text-primary) 92%, var(--x-color-white));--x-button-color-text-primary-active: color-mix(in srgb, var(--x-button-color-text-primary) 92%, var(--x-color-black));--x-button-color-text-success-hover: color-mix(in srgb, var(--x-button-color-text-success) 92%, var(--x-color-white));--x-button-color-text-success-active: color-mix(in srgb, var(--x-button-color-text-success) 92%, var(--x-color-black));--x-button-color-text-warning-hover: color-mix(in srgb, var(--x-button-color-text-warning) 92%, var(--x-color-white));--x-button-color-text-warning-active: color-mix(in srgb, var(--x-button-color-text-warning) 92%, var(--x-color-black));--x-button-color-text-strong-hover: color-mix(in srgb, var(--x-button-color-text-strong) 92%, var(--x-color-white));--x-button-color-text-strong-active: color-mix(in srgb, var(--x-button-color-text-strong) 92%, var(--x-color-black));--x-button-color-text-danger-hover: color-mix(in srgb, var(--x-button-color-text-danger) 92%, var(--x-color-white));--x-button-color-text-danger-active: color-mix(in srgb, var(--x-button-color-text-danger) 92%, var(--x-color-black));--x-button-color-text-info-hover: color-mix(in srgb, var(--x-button-color-text-info) 92%, var(--x-color-white));--x-button-color-text-info-active: color-mix(in srgb, var(--x-button-color-text-info) 92%, var(--x-color-black));--x-button-color-bg-default: var(--x-color-fill-2);--x-button-color-bg-default-hover: color-mix(in srgb, var(--x-button-color-bg-default) 95.5%, var(--x-button-color-text-default));--x-button-color-bg-default-active: color-mix(in srgb, var(--x-button-color-bg-default) 91%, var(--x-button-color-text-default));--x-color-primary-subtle: #39479f;--x-color-success-subtle: #2d733d;--x-color-warning-subtle: #7b582d;--x-color-strong-subtle: #70432b;--x-color-danger-subtle: #4d212a;--x-alert-info-color-bg: var(--x-color-primary-subtle);--x-alert-success-color-bg: var(--x-color-success-subtle);--x-alert-warning-color-bg: var(--x-color-warning-subtle);--x-alert-error-color-bg: var(--x-color-danger-subtle);--x-alert-info-color-icon: var(--x-color-primary-8);--x-alert-color-close-icon: var(--x-color-text-1);--x-alert-color-focus-ring: var(--x-color-text-1);--x-field-status-success-bg: color-mix(in srgb, var(--x-color-success-subtle) 12%, var(--x-color-bg-surface));--x-field-status-success-bg-hover: color-mix(in srgb, var(--x-color-success-subtle) 20%, var(--x-color-bg-surface));--x-field-status-warning-bg: color-mix(in srgb, var(--x-color-warning-subtle) 12%, var(--x-color-bg-surface));--x-field-status-warning-bg-hover: color-mix(in srgb, var(--x-color-warning-subtle) 20%, var(--x-color-bg-surface));--x-field-status-error-bg: color-mix(in srgb, var(--x-color-danger-subtle) 12%, var(--x-color-bg-surface));--x-field-status-error-bg-hover: color-mix(in srgb, var(--x-color-danger-subtle) 20%, var(--x-color-bg-surface));--x-field-status-validating-bg: color-mix(in srgb, var(--x-color-primary-subtle) 12%, var(--x-color-bg-surface));--x-field-status-validating-bg-hover: color-mix(in srgb, var(--x-color-primary-subtle) 20%, var(--x-color-bg-surface));--x-field-color-bg-error: var(--x-field-status-error-bg);--x-field-color-bg-error-hover: var(--x-field-status-error-bg-hover);--x-table-color-bg-body-row_active: color-mix(in srgb, var(--x-color-primary-subtle) 20%, var(--x-color-bg-surface));--x-color-picker-color-mode-bg_active: color-mix(in srgb, var(--x-color-primary-subtle) 20%, var(--x-color-bg-surface));--x-color-warning-subtle-hover: color-mix(in srgb, var(--x-color-warning-subtle) 90%, var(--x-color-warning-button-text));--x-color-warning-subtle-active: color-mix(in srgb, var(--x-color-warning-subtle) 84%, var(--x-color-warning-button-text));--x-message-color-accent-info: var(--x-color-primary-text);--x-message-color-accent-success: var(--x-color-success-text);--x-message-color-accent-warning: var(--x-color-warning-text);--x-message-color-accent-strong: var(--x-color-strong-text);--x-message-color-accent-error: var(--x-color-danger-text);--x-notification-color-accent-info: var(--x-color-primary-text);--x-notification-color-accent-success: var(--x-color-success-text);--x-notification-color-accent-warning: var(--x-color-warning-text);--x-notification-color-accent-strong: var(--x-color-strong-text);--x-notification-color-accent-error: var(--x-color-danger-text);--x-message-color-accent-loading: var(--x-color-primary-text);--x-color-primary-text: var(--x-color-primary-8);--x-color-success-text: var(--x-color-success-8);--x-color-warning-text: var(--x-color-warning-7);--x-color-danger-text: var(--x-color-danger-8);--x-color-strong-text: var(--x-color-strong-7);--x-color-primary-button-text: var(--x-color-primary-8);--x-color-success-button-text: var(--x-color-success-8);--x-color-warning-button-text: var(--x-color-warning-7);--x-color-danger-button-text: var(--x-color-danger-8);--x-color-strong-button-text: var(--x-color-strong-7);--x-tag-color-gray-border-hover: var(--x-color-fill-5);--x-watermark-color: rgba(255, 255, 255, 0.15);--x-shadow-popover: 0 6px 16px 0 rgb(0 0 0 / 45%), 0 3px 6px -4px rgb(0 0 0 / 55%), 0 9px 28px 8px rgb(0 0 0 / 30%);--x-color-overlay-tooltip-text: var(--x-color-constant-dark);--x-heatmap-color-level-1: var(--x-color-primary-3);--x-heatmap-color-level-2: var(--x-color-primary-4);--x-heatmap-color-level-3: var(--x-color-primary-5);--x-heatmap-color-level-4: var(--x-color-primary-6);--x-heatmap-color-level-5: var(--x-color-primary-7);--x-color-spin-layer-bg: rgb(30 34 42 / 88%);--x-empty-illustration-planes: var(--x-color-neutral-2);--x-empty-illustration-mid: var(--x-color-neutral-4);--x-empty-illustration-strong: var(--x-color-neutral-6);--x-empty-illustration-highlight: var(--x-color-neutral-7);--x-select-bgc: var(--x-color-fill-2);--x-disabled-bgc: var(--x-color-fill-2);--x-disabled-bc: var(--x-color-fill-4);--x-placeholder-color: var(--x-color-text-3);--x-hover-bgc: var(--x-color-fill-1);--x-hover-bc: var(--x-color-fill-5);--x-bgc: var(--x-color-bg-page);--x-bc: var(--x-color-fill-3);--x-split-color: var(--x-color-fill-3);--x-shadow-color-fixed-column: rgba(255, 255, 255, 0.18);--x-message-color-border: rgb(255 255 255 / 12%);--x-message-color-close-bg-hover: rgb(255 255 255 / 10%);--x-message-color-shadow: var(--x-shadow2-down);--x-notification-color-border: rgb(255 255 255 / 12%);--x-notification-color-close-bg-hover: rgb(255 255 255 / 10%);--x-notification-color-shadow: var(--x-shadow3-down);--x-color-overlay-mask: rgb(0 0 0 / 70%);--x-tag-color-red-text: var(--x-color-danger-text);--x-tag-color-red-bg: var(--x-color-danger-subtle);--x-tag-color-red-border-hover: color-mix(in srgb, var(--x-color-danger-subtle) 88%, var(--x-color-danger-text));--x-tag-color-red-icon-bg_hover: color-mix(in srgb, var(--x-color-danger-text) 12%, var(--x-color-transparent));--x-tag-color-orangered-text: rgb(250 163 123);--x-tag-color-orangered-bg: rgb(78 52 44);--x-tag-color-orangered-border-hover: rgb(99 65 53);--x-tag-color-orangered-icon-bg_hover: rgba(247, 114, 52, 0.22);--x-tag-color-orange-text: var(--x-color-strong-text);--x-tag-color-orange-bg: var(--x-color-strong-subtle);--x-tag-color-orange-border-hover: color-mix(in srgb, var(--x-color-strong-subtle) 88%, var(--x-color-strong-text));--x-tag-color-orange-icon-bg_hover: color-mix(in srgb, var(--x-color-strong-text) 12%, var(--x-color-transparent));--x-tag-color-gold-text: var(--x-color-warning-text);--x-tag-color-gold-bg: var(--x-color-warning-subtle);--x-tag-color-gold-border-hover: color-mix(in srgb, var(--x-color-warning-subtle) 88%, var(--x-color-warning-text));--x-tag-color-gold-icon-bg_hover: color-mix(in srgb, var(--x-color-warning-text) 12%, var(--x-color-transparent));--x-tag-color-lime-text: rgb(193 232 108);--x-tag-color-lime-bg: rgb(58 75 39);--x-tag-color-lime-border-hover: rgb(74 94 47);--x-tag-color-lime-icon-bg_hover: rgba(159, 219, 29, 0.22);--x-tag-color-green-text: var(--x-color-success-text);--x-tag-color-green-bg: var(--x-color-success-subtle);--x-tag-color-green-border-hover: color-mix(in srgb, var(--x-color-success-subtle) 88%, var(--x-color-success-text));--x-tag-color-green-icon-bg_hover: color-mix(in srgb, var(--x-color-success-text) 12%, var(--x-color-transparent));--x-tag-color-cyan-text: rgb(102 220 220);--x-tag-color-cyan-bg: rgb(28 71 77);--x-tag-color-cyan-border-hover: rgb(37 89 94);--x-tag-color-cyan-icon-bg_hover: rgba(20, 201, 201, 0.22);--x-tag-color-blue-text: rgb(123 184 252);--x-tag-color-blue-bg: rgb(35 58 88);--x-tag-color-blue-border-hover: rgb(46 73 108);--x-tag-color-blue-icon-bg_hover: rgba(52, 145, 250, 0.22);--x-tag-color-better-blue-text: var(--x-color-primary-text);--x-tag-color-better-blue-bg: var(--x-color-primary-subtle);--x-tag-color-better-blue-border-hover: color-mix(in srgb, var(--x-color-primary-subtle) 88%, var(--x-color-primary-text));--x-tag-color-better-blue-icon-bg_hover: color-mix(in srgb, var(--x-color-primary-text) 12%, var(--x-color-transparent));--x-tag-color-purple-text: rgb(201 176 238);--x-tag-color-purple-bg: rgb(48 37 79);--x-tag-color-purple-border-hover: rgb(66 54 98);--x-tag-color-purple-icon-bg_hover: rgba(114, 46, 209, 0.22);--x-tag-color-pink-purple-text: rgb(230 106 230);--x-tag-color-pink-purple-bg: rgb(71 32 81);--x-tag-color-pink-purple-border-hover: rgb(90 41 99);--x-tag-color-pink-purple-icon-bg_hover: rgba(217, 26, 217, 0.22);--x-tag-color-magenta-text: rgb(249 121 191);--x-tag-color-magenta-bg: rgb(77 37 67);--x-tag-color-magenta-border-hover: rgb(98 47 82);--x-tag-color-magenta-icon-bg_hover: rgba(245, 49, 157, 0.22);--x-time-range-selector-disabled-bg-default: linear-gradient( 180deg, color-mix(in srgb, var(--x-color-text-4) 18%, var(--x-color-bg-white)) 0%, color-mix(in srgb, var(--x-color-fill-3) 72%, var(--x-color-bg-white)) 100% );--x-time-range-selector-edge-bg-default: color-mix( in srgb, var(--x-color-bg-white) 84%, var(--x-color-transparent) );--x-time-range-selector-edge-bg-schedule: color-mix( in srgb, var(--x-color-bg-white) 92%, var(--x-color-transparent) );--x-time-range-selector-track-bg-compact: linear-gradient( 180deg, color-mix(in srgb, var(--x-color-fill-2) 82%, var(--x-color-bg-white)) 0%, color-mix(in srgb, var(--x-color-fill-3) 88%, var(--x-color-bg-white)) 100% );--x-time-range-selector-disabled-bg-compact: linear-gradient( 180deg, color-mix(in srgb, var(--x-color-text-4) 18%, var(--x-color-bg-white)) 0%, color-mix(in srgb, var(--x-color-fill-3) 82%, var(--x-color-bg-white)) 100% )}[data-theme=dark] .x-time-range-selector,.x-time-range-selector[data-theme=dark]{--x-time-range-selector-track-bg-default: linear-gradient( 180deg, color-mix(in srgb, var(--x-time-range-selector-color) 6%, var(--x-color-bg-white)) 0%, color-mix(in srgb, var(--x-color-fill-2) 86%, var(--x-color-bg-white)) 100% );--x-time-range-selector-edge-shadow-hover-default: 0 0 0 1px color-mix(in srgb, var(--x-time-range-selector-color) 48%, var(--x-color-transparent)), 0 0 0 4px color-mix(in srgb, var(--x-color-bg-white) 24%, var(--x-color-transparent));--x-time-range-selector-edge-shadow-hover-schedule: 0 0 0 1px color-mix(in srgb, var(--x-time-range-selector-color) 42%, var(--x-color-transparent)), 0 0 0 4px color-mix(in srgb, var(--x-color-bg-white) 28%, var(--x-color-transparent))}.x-icon{display:inline-flex;justify-content:center;align-items:center;width:1em;height:1em;color:inherit;font-style:normal;line-height:1;vertical-align:-0.125em;transform:rotate(var(--x-icon-rotate, 0deg));transform-origin:center}.x-icon svg{display:block;width:1em;height:1em}.x-icon svg:not([fill]){fill:currentcolor}.x-icon--raw{display:contents}.x-icon--spin-layer{display:inline-flex;width:1em;height:1em;align-items:center;justify-content:center;animation:x-icon-spin 1s infinite linear}.x-icon-loading-svg{animation:animated-loading-rotate 1.5s infinite ease-in-out;transform-box:fill-box;transform-origin:center}.x-icon-loading-svg>.path{stroke-width:5;animation:animated-loading 1.5s infinite ease-in-out}@keyframes animated-loading{0%{stroke-dasharray:1,125;stroke-dashoffset:0}50%{stroke-dasharray:95,31;stroke-dashoffset:-31px}to{stroke-dasharray:6,120;stroke-dashoffset:-120px}}@keyframes animated-loading-rotate{to{transform:rotate(1turn)}}@keyframes x-icon-spin{to{transform:rotate(1turn)}}.x-icon [opacity~=".1"]{opacity:.1}.x-icon [opacity~=".2"]{opacity:.2}.x-icon [opacity~=".3"]{opacity:.3}.x-icon [opacity~=".4"]{opacity:.4}.x-icon [opacity~=".5"]{opacity:.5}.x-icon [opacity~=".6"]{opacity:.6}.x-icon [opacity~=".7"]{opacity:.7}.x-icon [opacity~=".8"]{opacity:.8}.x-icon [opacity~=".9"]{opacity:.9}@media(prefers-reduced-motion: reduce){.x-icon--spin-layer,.x-icon-loading-svg{animation:none}.x-icon-loading-svg>.path{animation:none;stroke-dasharray:95,31;stroke-dashoffset:0}}.x-auto-tooltip{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:root{--x-chart-color-series-1: var(--x-color-primary-solid);--x-chart-color-series-2: var(--x-color-success-solid);--x-chart-color-series-3: var(--x-color-strong-solid);--x-chart-color-series-4: var(--x-color-danger-solid);--x-chart-color-series-5: var(--x-color-warning-solid);--x-chart-color-series-6: var(--x-color-constant-neutral-strong);--x-chart-color-axis-text: var(--x-color-text-secondary);--x-chart-color-grid-line: var(--x-color-border-subtle);--x-chart-color-baseline: var(--x-color-border-default);--x-chart-color-active-band: var(--x-color-fill-2);--x-chart-color-active-line: var(--x-color-border-default);--x-chart-color-point-halo: var(--x-color-bg-surface);--x-chart-color-tooltip-bg: var(--x-color-overlay-tooltip-bg);--x-chart-color-tooltip-text: var(--x-color-overlay-tooltip-text);--x-chart-shadow-tooltip: var(--x-shadow-popover);--x-chart-color-legend-text: var(--x-color-text-secondary);--x-chart-color-legend-text-hidden: var(--x-color-text-4);--x-chart-color-legend-value: var(--x-color-text-4);--x-chart-border-radius-tooltip: var(--x-border-radius-medium);--x-chart-spacing-legend: var(--x-spacing-3);--x-chart-size-swatch: 8px;--x-chart-font-size-caption: var(--x-font-size-caption)}.x-chart--grid-line{stroke:var(--x-chart-color-grid-line);stroke-width:1;shape-rendering:crispEdges}.x-chart-is-baseline{stroke:var(--x-chart-color-baseline)}.x-chart--axis-label{user-select:none;font-variant-numeric:tabular-nums}.x-chart--tooltip{position:absolute;z-index:1;min-width:120px;max-width:280px;padding:var(--x-spacing-2) var(--x-spacing-3);color:var(--x-chart-color-tooltip-text);font-size:var(--x-chart-font-size-caption);line-height:1.5;background-color:var(--x-chart-color-tooltip-bg);border-radius:var(--x-chart-border-radius-tooltip);box-shadow:var(--x-chart-shadow-tooltip);pointer-events:none;transform:translate(-50%, -100%);opacity:0;transition:opacity var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-chart-is-visible{opacity:1}.x-chart--tooltip-title{font-weight:var(--x-font-weight-500);white-space:nowrap}.x-chart--tooltip-list{margin-top:var(--x-spacing-1)}.x-chart--tooltip-item{display:flex;gap:var(--x-spacing-1);align-items:center;justify-content:space-between;white-space:nowrap}.x-chart--tooltip-swatch{flex:none;width:var(--x-chart-size-swatch);height:var(--x-chart-size-swatch);margin-right:var(--x-spacing-1);border-radius:2px}.x-chart--tooltip-name{flex:1;margin-right:var(--x-spacing-4);opacity:.72;overflow:hidden;text-overflow:ellipsis}.x-chart--tooltip-value{flex:none;font-variant-numeric:tabular-nums}.x-chart--tooltip-total{display:flex;justify-content:space-between;margin-top:var(--x-spacing-1);padding-top:var(--x-spacing-1);border-top:1px solid var(--x-color-border-subtle);font-weight:var(--x-font-weight-500)}.x-chart--legend{display:flex;flex-wrap:wrap;gap:var(--x-spacing-1) var(--x-chart-spacing-legend);margin-top:var(--x-chart-spacing-legend)}.x-chart--legend-item{display:inline-flex;gap:var(--x-spacing-1);align-items:center;padding:0;color:var(--x-chart-color-legend-text);font-size:var(--x-chart-font-size-caption);background:none;border:0;cursor:pointer}.x-chart--legend-item:hover{color:var(--x-color-text-1)}.x-chart--legend-item:focus-visible{outline:2px solid var(--x-color-border-focus);outline-offset:2px;border-radius:2px}.x-chart-is-hidden{color:var(--x-chart-color-legend-text-hidden)}.x-chart-is-hidden .x-chart--legend-swatch{opacity:.3}.x-chart--legend-swatch{flex:none;width:var(--x-chart-size-swatch);height:var(--x-chart-size-swatch);border-radius:2px}.x-chart--legend-name{white-space:nowrap}.x-chart--legend-value{color:var(--x-chart-color-legend-value);font-variant-numeric:tabular-nums;white-space:nowrap}.x-chart--empty{position:absolute;top:50%;left:50%;color:var(--x-chart-color-axis-text);font-size:var(--x-chart-font-size-caption);pointer-events:none;transform:translate(-50%, -50%)}.x-chart--live{position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}.x-icon-hover{position:relative;display:inline-block;padding:0;color:inherit;font:inherit;background:var(--x-color-transparent);border:0;cursor:pointer}.x-icon-hover:focus-visible{outline:2px solid var(--x-color-primary-text);outline-offset:2px}.x-icon-hover .x-icon{position:relative}.x-icon-hover::before{position:absolute;display:block;box-sizing:border-box;background-color:var(--x-color-transparent);border-radius:50%;transition:background-color .1s cubic-bezier(0, 0, 1, 1);content:""}.x-icon-hover:hover::before{background-color:var(--x-icon-hover-color-bg)}.x-icon-hover.x-icon-hover-disabled::before{opacity:0}.x-icon-hover:disabled{cursor:not-allowed}.x-icon-hover{line-height:12px}.x-icon-hover::before{top:50%;left:50%;width:20px;height:20px;transform:translate(-50%, -50%)}.x-icon-hover-size-mini{line-height:12px}.x-icon-hover-size-mini::before{top:50%;left:50%;width:20px;height:20px;transform:translate(-50%, -50%)}.x-icon-hover-size-small{line-height:12px}.x-icon-hover-size-small::before{top:50%;left:50%;width:20px;height:20px;transform:translate(-50%, -50%)}.x-icon-hover-size-large{line-height:12px}.x-icon-hover-size-large::before{top:50%;left:50%;width:24px;height:24px;transform:translate(-50%, -50%)}.x-icon-hover-size-huge{line-height:12px}.x-icon-hover-size-huge::before{top:50%;left:50%;width:24px;height:24px;transform:translate(-50%, -50%)}:root{--x-input-color-bg: var(--x-field-color-bg);--x-input-color-bg_hover: var(--x-field-color-bg-hover);--x-input-color-bg_focus: var(--x-field-color-bg-focus);--x-input-color-bg_disabled: var(--x-field-color-bg-disabled);--x-input-color-addon-bg: var(--x-input-color-bg);--x-input-color-addon-border: var(--x-color-border-subtle);--x-input-border-addon-separator-width: var(--x-border-1);--x-input-color-border_focus: var(--x-field-color-border-focus);--x-input-color-shadow_focus: var(--x-field-color-shadow-focus);--x-input-size-shadow_focus: var(--x-field-size-shadow-focus);--x-input-color-addon-border_default: var(--x-color-transparent);--x-input-color-text: var(--x-field-color-text);--x-input-color-placeholder-text: var(--x-field-color-placeholder);--x-input-color-text_disabled: var(--x-field-color-text-disabled);--x-textarea-color-tip-text: var(--x-color-text-tertiary);--x-input-color-bg_error: var(--x-field-color-bg-error);--x-input-color-bg_error_hover: var(--x-field-color-bg-error-hover);--x-input-color-bg_error_focus: var(--x-field-color-bg-error-focus);--x-input-color-border_error_focus: var(--x-field-color-border-error);--x-input-color-shadow_error_focus: var(--x-field-status-error-shadow-color-focus);--x-input-size-shadow_error_focus: var(--x-field-status-error-shadow-size-focus);--x-input-size-default-height: var(--x-size-default);--x-input-size-mini-height: var(--x-size-mini);--x-input-size-small-height: var(--x-size-small);--x-input-size-large-height: var(--x-size-large);--x-input-border-width: var(--x-border-1);--x-input-border-color: var(--x-field-color-border);--x-input-color-border_disabled: var(--x-field-color-border-disabled);--x-input-color-border_hover: var(--x-field-color-border-hover);--x-input-color-border_error: var(--x-field-color-border-error);--x-input-color-border_error_hover: var(--x-color-transparent);--x-input-size-default-font-size: var(--x-font-size-body-3);--x-input-size-small-font-size: var(--x-font-size-body-3);--x-input-size-large-font-size: var(--x-font-size-body-3);--x-input-size-mini-font-size: var(--x-font-size-body-1);--x-input-font-tip-size: var(--x-font-size-body-1);--x-input-size-mini-icon-suffix-size: var(--x-size-3);--x-input-size-small-icon-suffix-size: 14px;--x-input-size-default-icon-suffix-size: 14px;--x-input-size-large-icon-suffix-size: 14px;--x-input-size-mini-icon-addon-size: var(--x-size-3);--x-input-size-small-icon-addon-size: 14px;--x-input-size-default-icon-addon-size: 14px;--x-input-size-large-icon-addon-size: 14px;--x-input-size-icon-clear: var(--x-size-3);--x-input-color-prefix-text: var(--x-field-color-affix);--x-input-color-suffix-text: var(--x-field-color-affix);--x-input-color-tip-text: var(--x-color-text-tertiary);--x-input-color-icon-clear: var(--x-field-color-icon);--x-input-color-icon-clear-bg_hover: var(--x-color-fill-4);--x-search-color-icon: var(--x-field-color-icon);--x-search-size-icon: 14px;--x-input-padding-horizontal: var(--x-spacing-6);--x-input-margin-left-clear-btn: var(--x-spacing-6);--x-input-spacing-clear-icon-right: var(--x-spacing-4);--x-input-padding-word-limit-left: var(--x-spacing-4);--x-textarea-padding-horizontal: var(--x-spacing-6);--x-textarea-padding-vertical: var(--x-spacing-2);--x-textarea-font-size: var(--x-font-size-body-3);--x-textarea-font-tip-size: var(--x-font-size-body-1);--x-textarea-layout-tip-right: var(--x-spacing-5);--x-textarea-layout-tip-bottom: var(--x-spacing-3);--x-textarea-size-min-height: var(--x-size-default);--x-textarea-size-icon-clear: var(--x-font-size-body-1);--x-textarea-layout-top-icon-clear: var(--x-spacing-5);--x-password-color-eye-icon: var(--x-color-text-2);--x-password-size-eye-icon: var(--x-size-3);--x-input-group-border-radius_compact: var(--x-border-radius-small);--x-input-group-border-separator-width: var(--x-border-1);--x-input-group-color-separator-border: var(--x-color-border-subtle);--x-input-size-medium-height: var(--x-input-size-default-height);--x-input-size-medium-font-size: var(--x-input-size-default-font-size);--x-input-size-mini-line-height: 1.667;--x-input-size-small-line-height: var(--x-line-height-base);--x-input-size-medium-line-height: var(--x-line-height-base);--x-input-size-large-line-height: var(--x-line-height-base);--x-input-size-mini-padding-up-down: 1px;--x-input-size-small-padding-up-down: 2px;--x-input-size-medium-padding-up-down: 4px;--x-input-size-large-padding-up-down: 6px;--x-input-feedback-icon-color_success: var(--x-field-status-success-icon);--x-input-feedback-icon-color_error: var(--x-field-status-error-icon);--x-input-feedback-icon-color_warning: var(--x-field-status-warning-icon);--x-input-feedback-icon-color_validating: var(--x-field-status-validating-icon)}.x-tag{display:inline-flex;align-items:center;box-sizing:border-box;height:24px;padding:4px 8px;color:var(--x-tag-color-text-default);font-weight:500;font-size:12px;line-height:14px;vertical-align:middle;border:1px solid var(--x-color-transparent);border-radius:2px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.x-tag .x-icon-hover.x-icon-hover::before{width:14px;height:14px}.x-tag .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-bg-default-hover)}.x-tag-selectable{cursor:pointer;transition:all .3s linear}.x-tag-selectable:hover{background-color:var(--x-tag-color-bg-default-hover);border-color:var(--x-tag-color-border-default-hover)}.x-tag-checked{background-color:var(--x-tag-color-bg-default)}.x-tag-bordered{border-color:var(--x-tag-color-border-default-bordered)}.x-tag-size-small{height:20px;font-size:12px;line-height:18px}.x-tag-size-medium{height:24px;font-size:12px;line-height:22px}.x-tag-size-large{height:28px;font-size:14px;line-height:26px}.x-tag-hide{display:none}.x-tag-loading{cursor:default}.x-tag-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-tag-color-red.x-tag-checked{color:var(--x-tag-color-red-text);background-color:var(--x-tag-color-red-bg);border:1px solid var(--x-tag-color-red-border)}.x-tag-color-red.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-red-icon-bg_hover)}.x-tag-color-red.x-tag-checked.x-tag-bordered{border-color:var(--x-tag-color-red-text)}.x-tag-color-red.x-tag-checked.x-tag-selectable:hover{background-color:var(--x-tag-color-red-border-hover);border-color:var(--x-tag-color-red-text)}.x-tag-color-red.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-color-red-text)}.x-tag-color-orangered.x-tag-checked{color:var(--x-tag-color-orangered-text);background-color:var(--x-tag-color-orangered-bg);border:1px solid var(--x-tag-color-orangered-border)}.x-tag-color-orangered.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-orangered-icon-bg_hover)}.x-tag-color-orangered.x-tag-checked.x-tag-bordered{border-color:var(--x-tag-color-orangered-text)}.x-tag-color-orangered.x-tag-checked.x-tag-selectable:hover{background-color:var(--x-tag-color-orangered-border-hover);border-color:var(--x-tag-color-orangered-text)}.x-tag-color-orangered.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-color-orangered-text)}.x-tag-color-orange.x-tag-checked{color:var(--x-tag-color-orange-text);background-color:var(--x-tag-color-orange-bg);border:1px solid var(--x-tag-color-orange-border)}.x-tag-color-orange.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-orange-icon-bg_hover)}.x-tag-color-orange.x-tag-checked.x-tag-bordered{border-color:var(--x-tag-color-orange-text)}.x-tag-color-orange.x-tag-checked.x-tag-selectable:hover{background-color:var(--x-tag-color-orange-border-hover);border-color:var(--x-tag-color-orange-text)}.x-tag-color-orange.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-color-orange-text)}.x-tag-color-gold.x-tag-checked{color:var(--x-tag-color-gold-text);background-color:var(--x-tag-color-gold-bg);border:1px solid var(--x-tag-color-gold-border)}.x-tag-color-gold.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-gold-icon-bg_hover)}.x-tag-color-gold.x-tag-checked.x-tag-bordered{border-color:var(--x-tag-color-gold-text)}.x-tag-color-gold.x-tag-checked.x-tag-selectable:hover{background-color:var(--x-tag-color-gold-border-hover);border-color:var(--x-tag-color-gold-text)}.x-tag-color-gold.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-color-gold-text)}.x-tag-color-lime.x-tag-checked{color:var(--x-tag-color-lime-text);background-color:var(--x-tag-color-lime-bg);border:1px solid var(--x-tag-color-lime-border)}.x-tag-color-lime.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-lime-icon-bg_hover)}.x-tag-color-lime.x-tag-checked.x-tag-bordered{border-color:var(--x-tag-color-lime-text)}.x-tag-color-lime.x-tag-checked.x-tag-selectable:hover{background-color:var(--x-tag-color-lime-border-hover);border-color:var(--x-tag-color-lime-text)}.x-tag-color-lime.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-color-lime-text)}.x-tag-color-green.x-tag-checked{color:var(--x-tag-color-green-text);background-color:var(--x-tag-color-green-bg);border:1px solid var(--x-tag-color-green-border)}.x-tag-color-green.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-green-icon-bg_hover)}.x-tag-color-green.x-tag-checked.x-tag-bordered{border-color:var(--x-tag-color-green-text)}.x-tag-color-green.x-tag-checked.x-tag-selectable:hover{background-color:var(--x-tag-color-green-border-hover);border-color:var(--x-tag-color-green-text)}.x-tag-color-green.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-color-green-text)}.x-tag-color-cyan.x-tag-checked{color:var(--x-tag-color-cyan-text);background-color:var(--x-tag-color-cyan-bg);border:1px solid var(--x-tag-color-cyan-border)}.x-tag-color-cyan.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-cyan-icon-bg_hover)}.x-tag-color-cyan.x-tag-checked.x-tag-bordered{border-color:var(--x-tag-color-cyan-text)}.x-tag-color-cyan.x-tag-checked.x-tag-selectable:hover{background-color:var(--x-tag-color-cyan-border-hover);border-color:var(--x-tag-color-cyan-text)}.x-tag-color-cyan.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-color-cyan-text)}.x-tag-color-better-blue.x-tag-checked{color:var(--x-tag-color-better-blue-text);background-color:var(--x-tag-color-better-blue-bg);border:1px solid var(--x-tag-color-better-blue-border)}.x-tag-color-better-blue.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-better-blue-icon-bg_hover)}.x-tag-color-better-blue.x-tag-checked.x-tag-bordered{border-color:var(--x-tag-color-better-blue-text)}.x-tag-color-better-blue.x-tag-checked.x-tag-selectable:hover{background-color:var(--x-tag-color-better-blue-border-hover);border-color:var(--x-tag-color-better-blue-text)}.x-tag-color-better-blue.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-color-better-blue-text)}.x-tag-color-blue.x-tag-checked{color:var(--x-tag-color-blue-text);background-color:var(--x-tag-color-blue-bg);border:1px solid var(--x-tag-color-blue-border)}.x-tag-color-blue.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-blue-icon-bg_hover)}.x-tag-color-blue.x-tag-checked.x-tag-bordered{border-color:var(--x-tag-color-blue-text)}.x-tag-color-blue.x-tag-checked.x-tag-selectable:hover{background-color:var(--x-tag-color-blue-border-hover);border-color:var(--x-tag-color-blue-text)}.x-tag-color-blue.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-color-blue-text)}.x-tag-color-purple.x-tag-checked{color:var(--x-tag-color-purple-text);background-color:var(--x-tag-color-purple-bg);border:1px solid var(--x-tag-color-purple-border)}.x-tag-color-purple.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-purple-icon-bg_hover)}.x-tag-color-purple.x-tag-checked.x-tag-bordered{border-color:var(--x-tag-color-purple-text)}.x-tag-color-purple.x-tag-checked.x-tag-selectable:hover{background-color:var(--x-tag-color-purple-border-hover);border-color:var(--x-tag-color-purple-text)}.x-tag-color-purple.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-color-purple-text)}.x-tag-color-pink-purple.x-tag-checked{color:var(--x-tag-color-pink-purple-text);background-color:var(--x-tag-color-pink-purple-bg);border:1px solid var(--x-tag-color-pink-purple-border)}.x-tag-color-pink-purple.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-pink-purple-icon-bg_hover)}.x-tag-color-pink-purple.x-tag-checked.x-tag-bordered{border-color:var(--x-tag-color-pink-purple-text)}.x-tag-color-pink-purple.x-tag-checked.x-tag-selectable:hover{background-color:var(--x-tag-color-pink-purple-border-hover);border-color:var(--x-tag-color-pink-purple-text)}.x-tag-color-pink-purple.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-color-pink-purple-text)}.x-tag-color-magenta.x-tag-checked{color:var(--x-tag-color-magenta-text);background-color:var(--x-tag-color-magenta-bg);border:1px solid var(--x-tag-color-magenta-border)}.x-tag-color-magenta.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-magenta-icon-bg_hover)}.x-tag-color-magenta.x-tag-checked.x-tag-bordered{border-color:var(--x-tag-color-magenta-text)}.x-tag-color-magenta.x-tag-checked.x-tag-selectable:hover{background-color:var(--x-tag-color-magenta-border-hover);border-color:var(--x-tag-color-magenta-text)}.x-tag-color-magenta.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-color-magenta-text)}.x-tag-color-gray.x-tag-checked{color:var(--x-tag-color-gray-text);background-color:var(--x-tag-color-gray-bg);border:1px solid var(--x-tag-color-gray-border)}.x-tag-color-gray.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-gray-icon-bg_hover)}.x-tag-color-gray.x-tag-checked.x-tag-bordered{border-color:var(--x-tag-color-gray-text)}.x-tag-color-gray.x-tag-checked.x-tag-selectable:hover{background-color:var(--x-tag-color-gray-border-hover);border-color:var(--x-tag-color-gray-text)}.x-tag-color-gray.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-color-gray-text)}.x-tag-custom-color.x-tag-checked{color:var(--x-tag-custom-color-text)}.x-tag-custom-color.x-tag-checked .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-custom-color-icon-bg_hover)}.x-tag-custom-color.x-tag-checked .x-tag--close-icon:hover{color:var(--x-tag-custom-color-text)}.x-tag--close-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:14px;height:14px;margin-left:4px;font-size:12px;line-height:1;border-radius:50%;cursor:pointer;transition:all .2s ease-in-out}.x-tag--close-icon>.x-icon,.x-tag--close-icon>svg{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;line-height:1}.x-tag--close-icon>svg{position:relative}.x-tag--icon{margin-right:6px;color:currentcolor}.x-tag--loading-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:14px;height:14px;margin-left:4px;font-size:12px;line-height:1}.x-tag--loading-icon>.x-icon,.x-tag--loading-icon>svg{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;line-height:1}:root{--x-input-tag-size-mini-height: var(--x-size-mini);--x-input-tag-size-small-height: var(--x-size-small);--x-input-tag-size-default-height: var(--x-size-default);--x-input-tag-size-large-height: var(--x-size-large);--x-input-tag-size-mini-tag-height: var(--x-size-5);--x-input-tag-size-small-tag-height: var(--x-size-5);--x-input-tag-size-default-tag-height: var(--x-size-6);--x-input-tag-size-large-tag-height: var(--x-size-7);--x-input-tag-size-mini-tag-height-2px: 18px;--x-input-tag-size-small-tag-height-2px: 18px;--x-input-tag-size-default-tag-height-2px: 22px;--x-input-tag-size-large-tag-height-2px: 26px;--x-input-tag-size-mini-padding-top-bottom: 0;--x-input-tag-size-small-padding-top-bottom: 2px;--x-input-tag-size-default-padding-top-bottom: 2px;--x-input-tag-size-large-padding-top-bottom: 2px;--x-input-tag-size-mini-font-size: var(--x-font-size-body-1);--x-input-tag-size-small-font-size: var(--x-font-size-body-3);--x-input-tag-size-default-font-size: var(--x-font-size-body-3);--x-input-tag-size-large-font-size: var(--x-font-size-body-3);--x-input-tag-color-text_default: var(--x-field-color-text);--x-input-tag-color-text_error: var(--x-field-color-text);--x-input-tag-color-text_disabled: var(--x-field-color-text-disabled);--x-input-tag-color-placeholder: var(--x-field-color-placeholder);--x-input-tag-color-icon-clear: var(--x-field-color-icon);--x-input-tag-color-icon-clear-bg_hover: var(--x-color-fill-4);--x-input-tag-color-border_default: var(--x-field-color-border);--x-input-tag-color-border_default_hover: var(--x-field-color-border-hover);--x-input-tag-color-border_default_focus: var(--x-field-color-border-focus);--x-input-tag-color-border_error: var(--x-color-transparent);--x-input-tag-color-border_error_hover: var(--x-color-transparent);--x-input-tag-color-border_error_focus: var(--x-field-color-border-error);--x-input-tag-color-border_disabled: var(--x-field-color-border-disabled);--x-input-tag-color-border_disabled_hover: var(--x-input-tag-color-border_disabled);--x-input-tag-color-border_disabled_focus: var(--x-input-tag-color-border_disabled);--x-input-tag-color-bg_default: var(--x-field-color-bg);--x-input-tag-color-bg_default_hover: var(--x-field-color-bg-hover);--x-input-tag-color-bg_default_focus: var(--x-field-color-bg-focus);--x-input-tag-color-bg_error: var(--x-field-color-bg-error);--x-input-tag-color-bg_error_hover: var(--x-field-color-bg-error-hover);--x-input-tag-color-bg_error_focus: var(--x-field-color-bg-error-focus);--x-input-tag-color-bg_disabled: var(--x-field-color-bg-disabled);--x-input-tag-color-bg_disabled_hover: var(--x-input-tag-color-bg_disabled);--x-input-tag-color-shadow_default_focus: var(--x-field-color-shadow-focus);--x-input-tag-color-shadow_error_focus: var(--x-field-status-error-shadow-color-focus);--x-input-tag-size-shadow_error_focus: var(--x-field-status-error-shadow-size-focus);--x-input-tag-size-shadow_default_focus: var(--x-field-size-shadow-focus);--x-input-tag-tag-margin-right: var(--x-spacing-2);--x-input-tag-tag-margin-vertical: var(--x-spacing-1);--x-input-tag-tag-margin-vertical-division-2: 1px;--x-input-tag-padding-horizontal: var(--x-spacing-2);--x-input-tag-border-radius: var(--x-border-radius-small);--x-input-tag-border-width: var(--x-border-1);--x-input-tag-size-icon-clear: var(--x-size-3);--x-input-tag-size-icon-clear_hover: var(--x-size-5);--x-input-tag-tag-font-size: var(--x-font-size-body-1);--x-input-tag-tag-color-bg: var(--x-color-bg-2);--x-input-tag-tag-color-bg_focus: var(--x-color-fill-2);--x-input-tag-tag-color-bg_disabled: var(--x-color-fill-2);--x-input-tag-tag-color-border: var(--x-color-fill-3);--x-input-tag-tag-color-border_disabled: var(--x-color-fill-3);--x-input-tag-tag-color-border_focus: var(--x-color-fill-2);--x-input-tag-tag-remove-icon-color-bg: var(--x-color-fill-2);--x-input-tag-tag-remove-icon-color-bg_focus: var(--x-color-fill-3);--x-input-tag-size-medium-height: var(--x-input-tag-size-default-height);--x-input-tag-size-medium-tag-height: var(--x-input-tag-size-default-tag-height);--x-input-tag-size-medium-tag-height-2px: var(--x-input-tag-size-default-tag-height-2px);--x-input-tag-size-medium-padding-top-bottom: var( --x-input-tag-size-default-padding-top-bottom );--x-input-tag-size-medium-font-size: var(--x-input-tag-size-default-font-size)}.x-select--view-single .x-select--view-search{cursor:text}.x-select--view-single .x-select--view-search .x-select--view--value{pointer-events:none}.x-select--view-single{display:inline-flex;align-items:center;box-sizing:border-box;width:100%;min-width:0;padding-right:var(--x-input-padding-horizontal);padding-left:var(--x-input-padding-horizontal);color:var(--x-input-color-text);font-size:var(--x-input-size-default-font-size);background-color:var(--x-input-color-bg);border:var(--x-input-border-width) solid var(--x-input-border-color);border-radius:var(--x-input-border-radius);cursor:text;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),border-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-select--view-single:hover{background-color:var(--x-input-color-bg_hover);border-color:var(--x-input-color-border_hover)}.x-select--view-single:focus-within,.x-select--view-single.x-select--view-focus{z-index:1;background-color:var(--x-input-color-bg_focus);border-color:var(--x-input-color-border_focus);box-shadow:0 0 0 var(--x-input-size-shadow_focus) var(--x-input-color-shadow_focus)}.x-select--view-single.x-select--view-disabled{color:var(--x-input-color-text_disabled);background-color:var(--x-input-color-bg_disabled);border-color:var(--x-input-color-border_disabled);cursor:not-allowed}.x-select--view-single.x-select--view-disabled:hover{color:var(--x-input-color-text_disabled);background-color:var(--x-input-color-bg_disabled);border-color:var(--x-input-color-border_disabled)}.x-select--view-single.x-select--view-disabled .x-select--view--prefix,.x-select--view-single.x-select--view-disabled .x-select--view--suffix{color:inherit}.x-select--view-single.x-select--view-error{background-color:var(--x-input-color-bg_error);border-color:var(--x-input-color-border_error)}.x-select--view-single.x-select--view-error:hover{background-color:var(--x-input-color-bg_error_hover);border-color:var(--x-input-color-border_error_hover)}.x-select--view-single.x-select--view-error:focus-within,.x-select--view-single.x-select--view-error.x-select--view-focus{z-index:1;background-color:var(--x-input-color-bg_error_focus);border-color:var(--x-input-color-border_error_focus);box-shadow:0 0 0 var(--x-input-size-shadow_error_focus) var(--x-input-color-shadow_error_focus)}.x-select--view-single .x-select--view--prefix,.x-select--view-single .x-select--view--suffix{display:inline-flex;flex-shrink:0;align-items:center;line-height:var(--x-line-height-base);white-space:nowrap;user-select:none}.x-select--view-single .x-select--view--prefix>.x-icon,.x-select--view-single .x-select--view--suffix>.x-icon{width:var(--x-input-size-default-icon-suffix-size);height:var(--x-input-size-default-icon-suffix-size);font-size:var(--x-input-size-default-icon-suffix-size)}.x-select--view-single .x-select--view--prefix>.x-icon>svg,.x-select--view-single .x-select--view--suffix>.x-icon>svg{width:1em;height:1em}.x-select--view-single .x-select--view--prefix{padding-right:var(--x-input-padding-horizontal);color:var(--x-input-color-prefix-text)}.x-select--view-single .x-select--view--suffix{padding-left:var(--x-input-padding-horizontal);color:var(--x-input-color-suffix-text)}.x-select--view-single .x-select--view--suffix .x-feedback-icon{display:inline-flex}.x-select--view-single .x-select--view--suffix .x-feedback-icon-status-validating{color:var(--x-input-feedback-icon-color_validating)}.x-select--view-single .x-select--view--suffix .x-feedback-icon-status-success{color:var(--x-input-feedback-icon-color_success)}.x-select--view-single .x-select--view--suffix .x-feedback-icon-status-warning{color:var(--x-input-feedback-icon-color_warning)}.x-select--view-single .x-select--view--suffix .x-feedback-icon-status-error{color:var(--x-input-feedback-icon-color_error)}.x-select--view-single .x-select--view--clear-btn{flex-shrink:0;align-self:center;margin-left:var(--x-input-margin-left-clear-btn);color:var(--x-input-color-icon-clear);font-size:var(--x-input-size-icon-clear);visibility:hidden;cursor:pointer;opacity:0;transition:opacity var(--x-transition-duration-1) var(--x-transition-timing-function-linear),visibility var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-select--view-single .x-select--view--clear-btn>svg{position:relative;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-select--view-single:hover .x-select--view--clear-btn,.x-select--view-single:focus-within .x-select--view--clear-btn{visibility:visible;opacity:1}.x-select--view-single:not(.x-select--view-focus) .x-select--view-icon-hover:hover::before{background-color:var(--x-input-color-icon-clear-bg_hover)}.x-select--view-single{cursor:pointer}.x-select--view-single .x-select--view--input{width:100%;min-width:0;padding-right:0;padding-left:0;color:inherit;line-height:var(--x-line-height-base);background:none;border:none;border-radius:0;outline:none;cursor:inherit;-webkit-appearance:none;-webkit-tap-highlight-color:var(--x-color-transparent)}.x-select--view-single .x-select--view--input::placeholder{color:var(--x-input-color-placeholder-text)}.x-select--view-single .x-select--view--input[disabled]::placeholder{color:var(--x-input-color-text_disabled)}.x-select--view-single .x-select--view--input[disabled]{-webkit-text-fill-color:var(--x-input-color-text_disabled)}.x-select--view-single .x-select--view--input{align-self:stretch}.x-select--view-single .x-select--view--input-hidden{position:absolute;flex:0 0 0;width:0;min-width:0;opacity:0;pointer-events:none}.x-select--view-single .x-select--view--value{display:flex;align-items:center;box-sizing:border-box;width:100%;line-height:var(--x-line-height-base);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-select--view-single .x-select--view--value::after{font-size:0;line-height:0;visibility:hidden;content:"."}.x-select--view-single .x-select--view--value-hidden{display:none}.x-select--view-single.x-select--view-size-mini{min-height:var(--x-input-size-mini-height)}.x-select--view-single.x-select--view-size-mini .x-select--view--input,.x-select--view-single.x-select--view-size-mini .x-select--view--value{padding-top:var(--x-input-size-mini-padding-up-down);padding-bottom:var(--x-input-size-mini-padding-up-down);font-size:var(--x-input-size-mini-font-size);line-height:var(--x-input-size-mini-line-height);box-sizing:border-box;min-height:calc(var(--x-input-size-mini-height) - 2px)}.x-select--view-single.x-select--view-size-small{min-height:var(--x-input-size-small-height)}.x-select--view-single.x-select--view-size-small .x-select--view--input,.x-select--view-single.x-select--view-size-small .x-select--view--value{padding-top:var(--x-input-size-small-padding-up-down);padding-bottom:var(--x-input-size-small-padding-up-down);font-size:var(--x-input-size-small-font-size);line-height:var(--x-input-size-small-line-height);box-sizing:border-box;min-height:calc(var(--x-input-size-small-height) - 2px)}.x-select--view-single.x-select--view-size-medium{min-height:var(--x-input-size-medium-height)}.x-select--view-single.x-select--view-size-medium .x-select--view--input,.x-select--view-single.x-select--view-size-medium .x-select--view--value{padding-top:var(--x-input-size-medium-padding-up-down);padding-bottom:var(--x-input-size-medium-padding-up-down);font-size:var(--x-input-size-medium-font-size);line-height:var(--x-input-size-medium-line-height);box-sizing:border-box;min-height:calc(var(--x-input-size-medium-height) - 2px)}.x-select--view-single.x-select--view-size-large{min-height:var(--x-input-size-large-height)}.x-select--view-single.x-select--view-size-large .x-select--view--input,.x-select--view-single.x-select--view-size-large .x-select--view--value{padding-top:var(--x-input-size-large-padding-up-down);padding-bottom:var(--x-input-size-large-padding-up-down);font-size:var(--x-input-size-large-font-size);line-height:var(--x-input-size-large-line-height);box-sizing:border-box;min-height:calc(var(--x-input-size-large-height) - 2px)}.x-select--view-single .x-select--view--input-area{display:grid;flex:1;align-self:stretch;min-width:0}.x-select--view-single .x-select--view--input-area>.x-select--view--input,.x-select--view-single .x-select--view--input-area>.x-select--view--value{grid-area:1/1;min-width:0}.x-select--view-single .x-select--view--input-area>.x-select--view--input-hidden{position:relative;width:100%;pointer-events:auto;cursor:inherit}.x-select--view-single .x-select--view--input-area>.x-select--view--value{pointer-events:none}.x-select--view-multiple{display:inline-flex;align-items:center;box-sizing:border-box;width:100%;min-width:0;padding-right:var(--x-input-padding-horizontal);padding-left:var(--x-input-padding-horizontal);color:var(--x-input-color-text);font-size:var(--x-input-size-default-font-size);background-color:var(--x-input-color-bg);border:var(--x-input-border-width) solid var(--x-input-border-color);border-radius:var(--x-input-border-radius);cursor:text;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),border-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-select--view-multiple:hover{background-color:var(--x-input-color-bg_hover);border-color:var(--x-input-color-border_hover)}.x-select--view-multiple:focus-within,.x-select--view-multiple.x-select--view-focus{z-index:1;background-color:var(--x-input-color-bg_focus);border-color:var(--x-input-color-border_focus);box-shadow:0 0 0 var(--x-input-size-shadow_focus) var(--x-input-color-shadow_focus)}.x-select--view-multiple.x-select--view-disabled{color:var(--x-input-color-text_disabled);background-color:var(--x-input-color-bg_disabled);border-color:var(--x-input-color-border_disabled);cursor:not-allowed}.x-select--view-multiple.x-select--view-disabled:hover{color:var(--x-input-color-text_disabled);background-color:var(--x-input-color-bg_disabled);border-color:var(--x-input-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--prefix,.x-select--view-multiple.x-select--view-disabled .x-select--view--suffix{color:inherit}.x-select--view-multiple.x-select--view-error{background-color:var(--x-input-color-bg_error);border-color:var(--x-input-color-border_error)}.x-select--view-multiple.x-select--view-error:hover{background-color:var(--x-input-color-bg_error_hover);border-color:var(--x-input-color-border_error_hover)}.x-select--view-multiple.x-select--view-error:focus-within,.x-select--view-multiple.x-select--view-error.x-select--view-focus{z-index:1;background-color:var(--x-input-color-bg_error_focus);border-color:var(--x-input-color-border_error_focus);box-shadow:0 0 0 var(--x-input-size-shadow_error_focus) var(--x-input-color-shadow_error_focus)}.x-select--view-multiple .x-select--view--prefix,.x-select--view-multiple .x-select--view--suffix{display:inline-flex;flex-shrink:0;align-items:center;line-height:var(--x-line-height-base);white-space:nowrap;user-select:none}.x-select--view-multiple .x-select--view--prefix>.x-icon,.x-select--view-multiple .x-select--view--suffix>.x-icon{width:var(--x-input-size-default-icon-suffix-size);height:var(--x-input-size-default-icon-suffix-size);font-size:var(--x-input-size-default-icon-suffix-size)}.x-select--view-multiple .x-select--view--prefix>.x-icon>svg,.x-select--view-multiple .x-select--view--suffix>.x-icon>svg{width:1em;height:1em}.x-select--view-multiple .x-select--view--prefix{padding-right:var(--x-input-padding-horizontal);color:var(--x-input-color-prefix-text)}.x-select--view-multiple .x-select--view--suffix{padding-left:var(--x-input-padding-horizontal);color:var(--x-input-color-suffix-text)}.x-select--view-multiple .x-select--view--suffix .x-feedback-icon{display:inline-flex}.x-select--view-multiple .x-select--view--suffix .x-feedback-icon-status-validating{color:var(--x-input-feedback-icon-color_validating)}.x-select--view-multiple .x-select--view--suffix .x-feedback-icon-status-success{color:var(--x-input-feedback-icon-color_success)}.x-select--view-multiple .x-select--view--suffix .x-feedback-icon-status-warning{color:var(--x-input-feedback-icon-color_warning)}.x-select--view-multiple .x-select--view--suffix .x-feedback-icon-status-error{color:var(--x-input-feedback-icon-color_error)}.x-select--view-multiple .x-select--view--clear-btn{flex-shrink:0;align-self:center;margin-left:var(--x-input-margin-left-clear-btn);color:var(--x-input-color-icon-clear);font-size:var(--x-input-size-icon-clear);visibility:hidden;cursor:pointer;opacity:0;transition:opacity var(--x-transition-duration-1) var(--x-transition-timing-function-linear),visibility var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-select--view-multiple .x-select--view--clear-btn>svg{position:relative;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-select--view-multiple:hover .x-select--view--clear-btn,.x-select--view-multiple:focus-within .x-select--view--clear-btn{visibility:visible;opacity:1}.x-select--view-multiple:not(.x-select--view-focus) .x-select--view-icon-hover:hover::before{background-color:var(--x-input-color-icon-clear-bg_hover)}.x-select--view-multiple.x-select--view-has-tag{padding-right:var(--x-input-tag-padding-horizontal);padding-left:var(--x-input-tag-padding-horizontal)}.x-select--view-multiple.x-select--view-has-prefix{padding-left:var(--x-input-padding-horizontal)}.x-select--view-multiple .x-select--view--prefix{line-height:var(--x-line-height-base)}.x-select--view-multiple.x-select--view-has-suffix{padding-right:var(--x-input-padding-horizontal)}.x-select--view-multiple .x-select--view--inner{flex:1;overflow:hidden;line-height:0}.x-select--view-multiple .x-select--view--inner.x-select--view-nowrap{display:flex;flex-wrap:wrap}.x-select--view-multiple .x-select--view--inner .x-select--view--tag{display:inline-flex;align-items:center;padding-top:0;padding-bottom:0;margin-right:var(--x-input-tag-tag-margin-right);color:var(--x-input-tag-color-text_default);font-size:var(--x-input-tag-tag-font-size);white-space:pre-wrap;word-break:break-word;background-color:var(--x-input-tag-tag-color-bg);border-color:var(--x-input-tag-tag-color-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-red{color:var(--x-tag-color-red-text);background-color:var(--x-tag-color-red-bg);border-color:var(--x-tag-color-red-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-red.x-tag-bordered{border-color:var(--x-tag-color-red-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-orangered{color:var(--x-tag-color-orangered-text);background-color:var(--x-tag-color-orangered-bg);border-color:var(--x-tag-color-orangered-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-orangered.x-tag-bordered{border-color:var(--x-tag-color-orangered-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-orange{color:var(--x-tag-color-orange-text);background-color:var(--x-tag-color-orange-bg);border-color:var(--x-tag-color-orange-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-orange.x-tag-bordered{border-color:var(--x-tag-color-orange-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-gold{color:var(--x-tag-color-gold-text);background-color:var(--x-tag-color-gold-bg);border-color:var(--x-tag-color-gold-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-gold.x-tag-bordered{border-color:var(--x-tag-color-gold-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-lime{color:var(--x-tag-color-lime-text);background-color:var(--x-tag-color-lime-bg);border-color:var(--x-tag-color-lime-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-lime.x-tag-bordered{border-color:var(--x-tag-color-lime-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-green{color:var(--x-tag-color-green-text);background-color:var(--x-tag-color-green-bg);border-color:var(--x-tag-color-green-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-green.x-tag-bordered{border-color:var(--x-tag-color-green-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-cyan{color:var(--x-tag-color-cyan-text);background-color:var(--x-tag-color-cyan-bg);border-color:var(--x-tag-color-cyan-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-cyan.x-tag-bordered{border-color:var(--x-tag-color-cyan-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-better-blue{color:var(--x-tag-color-better-blue-text);background-color:var(--x-tag-color-better-blue-bg);border-color:var(--x-tag-color-better-blue-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-better-blue.x-tag-bordered{border-color:var(--x-tag-color-better-blue-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-blue{color:var(--x-tag-color-blue-text);background-color:var(--x-tag-color-blue-bg);border-color:var(--x-tag-color-blue-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-blue.x-tag-bordered{border-color:var(--x-tag-color-blue-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-purple{color:var(--x-tag-color-purple-text);background-color:var(--x-tag-color-purple-bg);border-color:var(--x-tag-color-purple-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-purple.x-tag-bordered{border-color:var(--x-tag-color-purple-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-pink-purple{color:var(--x-tag-color-pink-purple-text);background-color:var(--x-tag-color-pink-purple-bg);border-color:var(--x-tag-color-pink-purple-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-pink-purple.x-tag-bordered{border-color:var(--x-tag-color-pink-purple-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-magenta{color:var(--x-tag-color-magenta-text);background-color:var(--x-tag-color-magenta-bg);border-color:var(--x-tag-color-magenta-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-magenta.x-tag-bordered{border-color:var(--x-tag-color-magenta-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-gray{color:var(--x-tag-color-gray-text);background-color:var(--x-tag-color-gray-bg);border-color:var(--x-tag-color-gray-border)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-color-gray.x-tag-bordered{border-color:var(--x-tag-color-gray-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag .x-icon-hover:hover::before{background-color:var(--x-input-tag-tag-remove-icon-color-bg)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-custom-color{color:var(--x-tag-custom-color-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--tag.x-tag-custom-color .x-icon-hover.x-tag-icon-hover:hover::before{background-color:var(--x-tag-custom-color-icon-bg_hover)}.x-select--view-multiple .x-select--view--inner.x-select--view-nowrap .x-select--view--tag{white-space:nowrap;word-break:normal}.x-select--view-multiple .x-select--view--inner .x-select--view--input{width:100%;min-width:0;padding-right:0;padding-left:0;color:inherit;line-height:var(--x-line-height-base);background:none;border:none;border-radius:0;outline:none;cursor:inherit;-webkit-appearance:none;-webkit-tap-highlight-color:var(--x-color-transparent)}.x-select--view-multiple .x-select--view--inner .x-select--view--input::placeholder{color:var(--x-input-color-placeholder-text)}.x-select--view-multiple .x-select--view--inner .x-select--view--input[disabled]::placeholder{color:var(--x-input-color-text_disabled)}.x-select--view-multiple .x-select--view--inner .x-select--view--input[disabled]{-webkit-text-fill-color:var(--x-input-color-text_disabled)}.x-select--view-multiple .x-select--view--inner .x-select--view--input{box-sizing:border-box;font-size:inherit}.x-select--view-multiple .x-select--view--mirror{position:absolute;top:0;left:0;white-space:pre;visibility:hidden;pointer-events:none}.x-select--view-multiple.x-select--view-focus .x-select--view--tag{background-color:var(--x-input-tag-tag-color-bg_focus);border-color:var(--x-input-tag-tag-color-border_focus)}.x-select--view-multiple.x-select--view-focus .x-select--view--tag .x-icon-hover:hover::before{background-color:var(--x-input-tag-tag-remove-icon-color-bg_focus)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag.x-tag-color-red{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag.x-tag-color-orangered{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag.x-tag-color-orange{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag.x-tag-color-gold{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag.x-tag-color-lime{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag.x-tag-color-green{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag.x-tag-color-cyan{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag.x-tag-color-better-blue{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag.x-tag-color-blue{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag.x-tag-color-purple{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag.x-tag-color-pink-purple{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag.x-tag-color-magenta{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-disabled .x-select--view--tag.x-tag-color-gray{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-select--view-multiple.x-select--view-readonly,.x-select--view-multiple.x-select--view-disabled-input{cursor:default}.x-select--view-multiple.x-select--view-size-mini{font-size:var(--x-input-tag-size-mini-font-size)}.x-select--view-multiple.x-select--view-size-mini .x-select--view--inner{padding-top:var(--x-input-tag-size-mini-padding-top-bottom);padding-bottom:var(--x-input-tag-size-mini-padding-top-bottom)}.x-select--view-multiple.x-select--view-size-mini .x-select--view--tag,.x-select--view-multiple.x-select--view-size-mini .x-select--view--input{margin-top:var(--x-input-tag-tag-margin-vertical-division-2);margin-bottom:var(--x-input-tag-tag-margin-vertical-division-2);line-height:var(--x-input-tag-size-mini-tag-height-2px);vertical-align:middle}.x-select--view-multiple.x-select--view-size-mini .x-select--view--tag{height:auto;min-height:var(--x-input-tag-size-mini-tag-height)}.x-select--view-multiple.x-select--view-size-mini .x-select--view--input{height:var(--x-input-tag-size-mini-tag-height)}.x-select--view-multiple.x-select--view-size-medium{font-size:var(--x-input-tag-size-medium-font-size)}.x-select--view-multiple.x-select--view-size-medium .x-select--view--inner{padding-top:var(--x-input-tag-size-medium-padding-top-bottom);padding-bottom:var(--x-input-tag-size-medium-padding-top-bottom)}.x-select--view-multiple.x-select--view-size-medium .x-select--view--tag,.x-select--view-multiple.x-select--view-size-medium .x-select--view--input{margin-top:var(--x-input-tag-tag-margin-vertical-division-2);margin-bottom:var(--x-input-tag-tag-margin-vertical-division-2);line-height:var(--x-input-tag-size-medium-tag-height-2px);vertical-align:middle}.x-select--view-multiple.x-select--view-size-medium .x-select--view--tag{height:auto;min-height:var(--x-input-tag-size-medium-tag-height)}.x-select--view-multiple.x-select--view-size-medium .x-select--view--input{height:var(--x-input-tag-size-medium-tag-height)}.x-select--view-multiple.x-select--view-size-small{font-size:var(--x-input-tag-size-small-font-size)}.x-select--view-multiple.x-select--view-size-small .x-select--view--inner{padding-top:var(--x-input-tag-size-small-padding-top-bottom);padding-bottom:var(--x-input-tag-size-small-padding-top-bottom)}.x-select--view-multiple.x-select--view-size-small .x-select--view--tag,.x-select--view-multiple.x-select--view-size-small .x-select--view--input{margin-top:var(--x-input-tag-tag-margin-vertical-division-2);margin-bottom:var(--x-input-tag-tag-margin-vertical-division-2);line-height:var(--x-input-tag-size-small-tag-height-2px);vertical-align:middle}.x-select--view-multiple.x-select--view-size-small .x-select--view--tag{height:auto;min-height:var(--x-input-tag-size-small-tag-height)}.x-select--view-multiple.x-select--view-size-small .x-select--view--input{height:var(--x-input-tag-size-small-tag-height)}.x-select--view-multiple.x-select--view-size-large{font-size:var(--x-input-tag-size-large-font-size)}.x-select--view-multiple.x-select--view-size-large .x-select--view--inner{padding-top:var(--x-input-tag-size-large-padding-top-bottom);padding-bottom:var(--x-input-tag-size-large-padding-top-bottom)}.x-select--view-multiple.x-select--view-size-large .x-select--view--tag,.x-select--view-multiple.x-select--view-size-large .x-select--view--input{margin-top:var(--x-input-tag-tag-margin-vertical-division-2);margin-bottom:var(--x-input-tag-tag-margin-vertical-division-2);line-height:var(--x-input-tag-size-large-tag-height-2px);vertical-align:middle}.x-select--view-multiple.x-select--view-size-large .x-select--view--tag{height:auto;min-height:var(--x-input-tag-size-large-tag-height)}.x-select--view-multiple.x-select--view-size-large .x-select--view--input{height:var(--x-input-tag-size-large-tag-height)}.x-select--view-multiple.x-select--view-disabled-input{cursor:pointer}.x-select--view.x-select--view-borderless{background-color:var(--x-color-transparent);border-color:var(--x-color-transparent);box-shadow:none}.x-select--view--suffix .x-feedback-icon{margin-left:4px}.x-select--view-multiple .x-select--view--suffix{margin-left:auto}.x-select--view--clear-btn,.x-select--view--icon{display:inline-flex;flex:0 0 var(--x-size-4);align-items:center;justify-content:center;width:var(--x-size-4);height:var(--x-size-4)}.x-select--view--clear-btn .x-icon,.x-select--view--icon .x-icon{width:var(--x-size-3);height:var(--x-size-3);font-size:var(--x-size-3)}.x-select--view--clear-btn svg,.x-select--view--icon svg{display:block;width:var(--x-size-3);height:var(--x-size-3)}.x-select--view--icon .x-icon{transition:transform var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-select--view-opened .x-select--view--arrow-icon{transform:rotateZ(180deg)}.x-select--view--clear-btn{cursor:pointer}.x-select--view-single .x-select--view--clear-btn,.x-select--view-multiple .x-select--view--clear-btn{visibility:visible;opacity:1;margin-left:0}@media(prefers-reduced-motion: reduce){.x-select--view--icon .x-icon{transition:none}}:root{--x-picker-size-mini: var(--x-size-mini);--x-picker-size-small: var(--x-size-small);--x-picker-size-default: var(--x-size-default);--x-picker-size-large: var(--x-size-large);--x-picker-size-mini-font-size-text: var(--x-font-size-body-1);--x-picker-size-small-font-size-text: var(--x-font-size-body-3);--x-picker-size-default-font-size-text: var(--x-font-size-body-3);--x-picker-size-large-font-size-text: var(--x-font-size-body-3);--x-picker-input-border-radius: var(--x-field-border-radius);--x-picker-color-shadow_focus: var(--x-field-color-shadow-focus);--x-picker-size-shadow_focus: var(--x-field-size-shadow-focus);--x-picker-color-shadow_error_focus: var(--x-field-status-error-shadow-color-focus);--x-picker-size-shadow_error_focus: var(--x-field-status-error-shadow-size-focus);--x-picker-color-bg: var(--x-field-color-bg);--x-picker-color-bg_hover: var(--x-field-color-bg-hover);--x-picker-color-bg_focus: var(--x-field-color-bg-focus);--x-picker-color-bg_disabled: var(--x-field-color-bg-disabled);--x-picker-color-bg_error: var(--x-field-color-bg-error);--x-picker-color-bg_error_hover: var(--x-field-color-bg-error-hover);--x-picker-color-bg_error_focus: var(--x-field-color-bg-error-focus);--x-picker-color-border: var(--x-field-color-border);--x-picker-color-border_hover: var(--x-field-color-border-hover);--x-picker-color-border_focus: var(--x-field-color-border-focus);--x-picker-color-border_disabled: var(--x-field-color-border-disabled);--x-picker-color-border_error: var(--x-color-transparent);--x-picker-color-border_error_hover: var(--x-color-transparent);--x-picker-color-border_error_focus: var(--x-field-color-border-error);--x-picker-color-placeholder: var(--x-field-color-placeholder);--x-picker-color-placeholder_disabled: var(--x-field-color-text-disabled);--x-picker-color-text: var(--x-field-color-text);--x-picker-color-text_disabled: var(--x-field-color-text-disabled);--x-picker-color-icon: var(--x-field-color-icon);--x-picker-color-icon_disabled: var(--x-field-color-text-disabled);--x-picker-color-separator: var(--x-field-color-affix);--x-picker-color-separator_disabled: var(--x-field-color-text-disabled);--x-picker-range-color-bg-input_focus: var(--x-color-fill-2);--x-input-color-text_disabled: var(--x-field-color-text-disabled);--x-picker-padding-horizontal: var(--x-spacing-2);--x-picker-input-padding-horizontal: calc( var(--x-input-padding-horizontal) - var(--x-picker-padding-horizontal) )}.x-picker{position:relative;display:inline-flex;align-items:center;box-sizing:border-box;padding:var(--x-picker-padding-horizontal) 11px 4px 4px;line-height:var(--x-line-height-base);background-color:var(--x-picker-color-bg);border:1px solid var(--x-picker-color-border);border-radius:var(--x-picker-input-border-radius);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-picker--input{display:inline-flex;flex:1}.x-picker input{width:100%;padding:0;padding-left:var(--x-picker-input-padding-horizontal);color:var(--x-picker-color-text);line-height:var(--x-line-height-base);text-align:left;background-color:var(--x-color-transparent);border:none;outline:none;transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-picker input::placeholder{color:var(--x-picker-color-placeholder)}.x-picker input[disabled]{-webkit-text-fill-color:var(--x-input-color-text_disabled)}.x-picker-has-prefix{padding-left:var(--x-input-padding-horizontal)}.x-picker--prefix{padding-right:var(--x-picker-padding-horizontal);color:var(--x-input-color-prefix-text);font-size:var(--x-input-size-default-icon-suffix-size)}.x-picker--suffix{position:relative;display:inline-flex;flex:0 0 28px;align-items:center;justify-content:flex-end;width:28px;min-width:28px;height:100%;margin-left:2px}.x-picker--suffix .x-feedback-icon{display:inline-flex}.x-picker--suffix .x-feedback-icon-status-validating{color:var(--x-input-feedback-icon-color_validating)}.x-picker--suffix .x-feedback-icon-status-success{color:var(--x-input-feedback-icon-color_success)}.x-picker--suffix .x-feedback-icon-status-warning{color:var(--x-input-feedback-icon-color_warning)}.x-picker--suffix .x-feedback-icon-status-error{color:var(--x-input-feedback-icon-color_error)}.x-picker--suffix .x-feedback-icon{margin-left:4px}.x-picker--suffix-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--x-picker-color-icon);font-size:14px;line-height:1;transition:opacity var(--x-transition-duration-1) var(--x-transition-timing-function-linear),visibility var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-picker .x-picker--clear-icon{position:absolute;top:50%;right:0;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;color:var(--x-color-text-2);font-size:12px;line-height:1;visibility:hidden;opacity:0;transform:translateY(-50%);transition:opacity var(--x-transition-duration-1) var(--x-transition-timing-function-linear),visibility var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-picker:hover{background-color:var(--x-picker-color-bg_hover);border-color:var(--x-picker-color-border_hover)}.x-picker:not(.x-picker-disabled):hover .x-picker--clear-icon,.x-picker:not(.x-picker-disabled):focus-within .x-picker--clear-icon,.x-picker-focused:not(.x-picker-disabled) .x-picker--clear-icon{visibility:visible;opacity:1}.x-picker:not(.x-picker-disabled):hover .x-picker--suffix .x-picker--clear-icon+span,.x-picker:not(.x-picker-disabled):focus-within .x-picker--suffix .x-picker--clear-icon+span,.x-picker-focused:not(.x-picker-disabled) .x-picker--suffix .x-picker--clear-icon+span{visibility:hidden;opacity:0}.x-picker input[disabled]{color:var(--x-picker-color-text_disabled);cursor:not-allowed}.x-picker input[disabled]::placeholder{color:var(--x-picker-color-placeholder_disabled)}.x-picker-error{background-color:var(--x-picker-color-bg_error);border-color:var(--x-picker-color-border_error)}.x-picker-error:hover{background-color:var(--x-picker-color-bg_error_hover);border-color:var(--x-picker-color-border_error_hover)}.x-picker-focused{box-shadow:0 0 0 var(--x-picker-size-shadow_focus) var(--x-picker-color-shadow_focus)}.x-picker-focused,.x-picker-focused:hover{background-color:var(--x-picker-color-bg_focus);border-color:var(--x-picker-color-border_focus)}.x-picker-focused.x-picker-error{border-color:var(--x-picker-color-border_error_focus);box-shadow:0 0 0 var(--x-picker-size-shadow_error_focus) var(--x-picker-color-shadow_error_focus)}.x-picker-focused .x-picker--input-active input,.x-picker-focused:hover .x-picker--input-active input{background:var(--x-picker-range-color-bg-input_focus)}.x-picker-disabled,.x-picker-disabled:hover{color:var(--x-picker-color-text_disabled);background-color:var(--x-picker-color-bg_disabled);border-color:var(--x-picker-color-border_disabled);cursor:not-allowed}.x-picker-disabled input[disabled],.x-picker-disabled:hover input[disabled]{color:var(--x-picker-color-text_disabled);cursor:not-allowed}.x-picker-disabled input[disabled]::placeholder,.x-picker-disabled:hover input[disabled]::placeholder{color:var(--x-picker-color-placeholder_disabled)}.x-picker--separator{min-width:10px;padding:0 8px;color:var(--x-picker-color-separator)}.x-picker-disabled .x-picker--separator{color:var(--x-picker-color-separator_disabled)}.x-picker-disabled .x-picker--suffix-icon{color:var(--x-picker-color-icon_disabled)}.x-picker-size-mini{height:var(--x-picker-size-mini)}.x-picker-size-mini input{font-size:var(--x-picker-size-mini-font-size-text)}.x-picker-size-small{height:var(--x-picker-size-small)}.x-picker-size-small input{font-size:var(--x-picker-size-small-font-size-text)}.x-picker-size-medium{height:var(--x-picker-size-default)}.x-picker-size-medium input{font-size:var(--x-picker-size-default-font-size-text)}.x-picker-size-large{height:var(--x-picker-size-large)}.x-picker-size-large input{font-size:var(--x-picker-size-large-font-size-text)}@media(forced-colors: active){:root,html[data-theme=dark],[data-theme=dark],.x-config-provider,.x-trigger--popup,.x-dialog,.x-drawer{--x-color-border-default: CanvasText;--x-color-border-subtle: CanvasText;--x-color-border-focus: Highlight !important;--x-color-7: Canvas;--x-color-bg-white: Canvas;--x-color-bg-page: Canvas;--x-color-bg-surface: Canvas;--x-color-bg-elevated: Canvas;--x-color-fill-1: Canvas;--x-color-fill-2: Canvas;--x-color-fill-3: Canvas;--x-color-fill-4: ButtonFace;--x-color-fill-5: ButtonFace;--x-color-fill-6: ButtonFace;--x-color-text-1: CanvasText;--x-color-text-2: CanvasText;--x-color-text-3: CanvasText;--x-color-text-4: GrayText;--x-color-white: ButtonText;--x-color-constant-dark: ButtonText;--x-disabled-color: GrayText;--x-disabled-bgc: ButtonFace;--x-split-color: CanvasText}.x-input--wrapper,.x-textarea--wrapper,.x-input-tag,.x-select--view,.x-input-number{border-color:CanvasText}[class^=x-]:focus-visible,[class*=" x-"]:focus-visible,.x-checkbox:has(input:focus-visible),.x-radio:has(input:focus-visible){outline:2px solid Highlight !important;outline-offset:2px}.x-checkbox-icon-check,.x-radio-icon::after,.x-switch--handle,.x-switch--handle-icon{forced-color-adjust:none}.x-trigger--content,.x-popup--content,.x-message,.x-notification{border:1px solid CanvasText}.x-pagination--item-active{border:1px solid Highlight}.x-skeleton--shape,.x-skeleton--line--row{border:1px solid CanvasText}}@media(prefers-reduced-motion: reduce){[class*=x-fade-],[class*=x-slide-],[class*=x-zoom-],.image-fade-enter-active,.image-fade-leave-active{animation-duration:.01ms !important;transition-duration:.01ms !important;animation-iteration-count:1 !important}}