x-next 1.4.0 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (144) hide show
  1. package/AI_USAGE.md +2 -2
  2. package/CHANGELOG.md +71 -0
  3. package/dist/_utils/color.d.ts +53 -0
  4. package/dist/components/color-picker/ColorPicker.d.ts +239 -0
  5. package/dist/components/color-picker/gradient-slider.d.ts +52 -0
  6. package/dist/components/color-picker/index.d.ts +238 -0
  7. package/dist/components/color-picker/panel.d.ts +721 -0
  8. package/dist/components/color-picker/sv-panel.d.ts +48 -0
  9. package/dist/components/date-picker/DatePicker.vue.d.ts +3 -3
  10. package/dist/components/date-picker/index.d.ts +6 -6
  11. package/dist/components/dropdown/Dropdown.vue.d.ts +34 -4
  12. package/dist/components/dropdown/DropdownButton.vue.d.ts +37 -6
  13. package/dist/components/dropdown/DropdownSubmenu.vue.d.ts +34 -4
  14. package/dist/components/dropdown/dropdown-panel.vue.d.ts +30 -0
  15. package/dist/components/dropdown/index.d.ts +212 -29
  16. package/dist/components/form/FormItem.vue.d.ts +3 -3
  17. package/dist/components/form/form-item-label.vue.d.ts +3 -3
  18. package/dist/components/form/index.d.ts +6 -6
  19. package/dist/components/form-select/Select.d.ts +3 -3
  20. package/dist/components/form-select/SelectDropdown.vue.d.ts +30 -0
  21. package/dist/components/form-select/index.d.ts +66 -6
  22. package/dist/components/form-slider/Slider.vue.d.ts +3 -3
  23. package/dist/components/form-slider/index.d.ts +6 -6
  24. package/dist/components/form-slider/slider-button.vue.d.ts +3 -3
  25. package/dist/components/heatmap/Heatmap.d.ts +311 -0
  26. package/dist/components/heatmap/helpers/matrix.d.ts +58 -0
  27. package/dist/components/heatmap/index.d.ts +372 -0
  28. package/dist/components/heatmap/interface.d.ts +57 -0
  29. package/dist/components/image/Image.vue.d.ts +3 -3
  30. package/dist/components/image/ImagePreview.vue.d.ts +3 -3
  31. package/dist/components/image/ImagePreviewAction.d.ts +3 -3
  32. package/dist/components/image/ImagePreviewGroup.vue.d.ts +3 -3
  33. package/dist/components/image/index.d.ts +24 -24
  34. package/dist/components/image/preview-toolbar.vue.d.ts +3 -3
  35. package/dist/components/index.d.ts +2 -0
  36. package/dist/components/menu/sub-menu-pop.vue.d.ts +3 -3
  37. package/dist/components/network/Network.vue.d.ts +1 -1
  38. package/dist/components/network/index.d.ts +3 -3
  39. package/dist/components/network/utils.d.ts +2 -0
  40. package/dist/components/pagination/page-item-ellipsis.vue.d.ts +9 -0
  41. package/dist/components/pagination/page-jumper.vue.d.ts +6 -0
  42. package/dist/components/pagination/page-options.vue.d.ts +6 -6
  43. package/dist/components/popover/Popover.d.ts +1 -1
  44. package/dist/components/popover/index.d.ts +3 -3
  45. package/dist/components/popup/Popup.d.ts +1 -1
  46. package/dist/components/popup/index.d.ts +3 -3
  47. package/dist/components/skeleton/SkeletonShape.vue.d.ts +3 -3
  48. package/dist/components/skeleton/index.d.ts +6 -6
  49. package/dist/components/spin/Spin.d.ts +38 -0
  50. package/dist/components/spin/index.d.ts +30 -0
  51. package/dist/components/steps/context.d.ts +9 -0
  52. package/dist/components/table/Table.d.ts +1 -1
  53. package/dist/components/table/index.d.ts +3 -3
  54. package/dist/components/tabs/TabPane.vue.d.ts +2 -0
  55. package/dist/components/tabs/Tabs.d.ts +1 -1
  56. package/dist/components/tabs/index.d.ts +9 -3
  57. package/dist/components/tabs/interface.d.ts +4 -0
  58. package/dist/components/time-picker/TimePicker.vue.d.ts +3 -3
  59. package/dist/components/time-picker/index.d.ts +6 -6
  60. package/dist/components/tooltip/Tooltip.vue.d.ts +1 -1
  61. package/dist/components/tooltip/index.d.ts +3 -3
  62. package/dist/components/trigger/Trigger.d.ts +1 -1
  63. package/dist/components/trigger/index.d.ts +3 -3
  64. package/dist/components/watermark/Watermark.d.ts +1 -1
  65. package/dist/components/watermark/index.d.ts +3 -3
  66. package/dist/es/_styles/palette-aliases.js +8 -0
  67. package/dist/es/_utils/color.js +73 -0
  68. package/dist/es/components/button/Button.js +2 -2
  69. package/dist/es/components/color-picker/ColorPicker.js +239 -0
  70. package/dist/es/components/color-picker/gradient-slider.js +79 -0
  71. package/dist/es/components/color-picker/index.js +8 -0
  72. package/dist/es/components/color-picker/panel.js +307 -0
  73. package/dist/es/components/color-picker/sv-panel.js +99 -0
  74. package/dist/es/components/dropdown/Dropdown.vue2.js +11 -4
  75. package/dist/es/components/dropdown/DropdownButton.vue.js +8 -7
  76. package/dist/es/components/dropdown/DropdownButton.vue2.js +19 -17
  77. package/dist/es/components/dropdown/DropdownSubmenu.vue.js +18 -17
  78. package/dist/es/components/dropdown/dropdown-panel.vue.js +17 -17
  79. package/dist/es/components/form-input/Input.js +7 -7
  80. package/dist/es/components/form-input/InputPassword.vue2.js +2 -2
  81. package/dist/es/components/form-input/InputSearch.js +2 -2
  82. package/dist/es/components/form-input-number/InputNumber.js +12 -12
  83. package/dist/es/components/heatmap/Heatmap.js +334 -0
  84. package/dist/es/components/heatmap/helpers/matrix.js +106 -0
  85. package/dist/es/components/heatmap/index.js +8 -0
  86. package/dist/es/components/index.js +118 -114
  87. package/dist/es/components/menu/MenuSubMenu.js +50 -36
  88. package/dist/es/components/menu/sub-menu-pop.vue2.js +30 -30
  89. package/dist/es/components/network/Network.vue2.js +72 -72
  90. package/dist/es/components/network/utils.js +44 -35
  91. package/dist/es/components/pagination/Pagination.js +124 -112
  92. package/dist/es/components/pagination/page-item-ellipsis.vue.js +13 -12
  93. package/dist/es/components/pagination/page-item-ellipsis.vue2.js +19 -15
  94. package/dist/es/components/pagination/page-jumper.vue.js +13 -12
  95. package/dist/es/components/pagination/page-jumper.vue2.js +7 -4
  96. package/dist/es/components/pagination/page-options.vue.js +4 -3
  97. package/dist/es/components/pagination/page-options.vue2.js +17 -15
  98. package/dist/es/components/skeleton/Skeleton.vue.js +11 -9
  99. package/dist/es/components/skeleton/SkeletonLine.vue.js +9 -8
  100. package/dist/es/components/skeleton/SkeletonShape.vue.js +8 -7
  101. package/dist/es/components/spin/Spin.js +124 -60
  102. package/dist/es/components/steps/Step.vue2.js +51 -47
  103. package/dist/es/components/steps/Steps.vue2.js +22 -19
  104. package/dist/es/components/table/Table.js +3 -1
  105. package/dist/es/components/tabs/TabPane.vue.js +11 -9
  106. package/dist/es/components/tabs/TabPane.vue2.js +28 -24
  107. package/dist/es/components/tabs/tabs-nav.js +20 -18
  108. package/dist/es/components/tabs/tabs-tab.vue.js +10 -8
  109. package/dist/es/components/trigger/Trigger.js +19 -19
  110. package/dist/es/icons/_self/empty-better.js +25 -8
  111. package/dist/es/index.js +162 -158
  112. package/dist/es/locale/en-US.js +19 -2
  113. package/dist/es/locale/zh-CN.js +19 -2
  114. package/dist/es/style.css +1 -1
  115. package/dist/index.cjs +4 -4
  116. package/dist/index.umd.js +4 -4
  117. package/dist/locale/interface.d.ts +30 -0
  118. package/dist/style/base.css +1 -1
  119. package/dist/style/button.css +1 -1
  120. package/dist/style/color-picker.css +1 -0
  121. package/dist/style/color-picker.js +2 -0
  122. package/dist/style/date-picker.css +1 -1
  123. package/dist/style/dropdown.css +1 -1
  124. package/dist/style/empty.css +1 -1
  125. package/dist/style/form-checkbox.css +1 -1
  126. package/dist/style/form-input-tag.css +1 -1
  127. package/dist/style/form-input.css +1 -1
  128. package/dist/style/form-radio.css +1 -1
  129. package/dist/style/form-textarea.css +1 -1
  130. package/dist/style/form.css +1 -1
  131. package/dist/style/heatmap.css +1 -0
  132. package/dist/style/heatmap.js +2 -0
  133. package/dist/style/image.css +1 -1
  134. package/dist/style/menu.css +1 -1
  135. package/dist/style/pagination.css +1 -1
  136. package/dist/style/skeleton.css +1 -1
  137. package/dist/style/spin.css +1 -1
  138. package/dist/style/steps.css +1 -1
  139. package/dist/style/table.css +1 -1
  140. package/dist/style/tabs.css +1 -1
  141. package/dist/style.css +1 -1
  142. package/dist/types.d.ts +2 -0
  143. package/package.json +3 -2
  144. package/volar.d.ts +2 -0
package/dist/style/steps.css CHANGED
@@ -1 +1 @@
1
- .x-steps--item{position:relative;flex:1;margin-right:12px;overflow:hidden;white-space:nowrap;text-align:left}.x-steps--item:last-child{flex:none;margin-right:0}.x-steps--item-active .x-steps--item--title{font-weight:var(--x-font-weight-500)}.x-steps--item-disabled{cursor:not-allowed}.x-steps--item-disabled .x-steps--item--title,.x-steps--item-disabled .x-steps--item--description{color:var(--x-color-text-4)}.x-steps--item--node{display:inline-block;margin-right:12px;min-width:var(--x-size-7);min-height:var(--x-size-7);font-weight:var(--x-font-weight-500);font-size:var(--x-font-size-title-1);vertical-align:top}.x-steps--icon{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--x-size-7);height:var(--x-size-7);color:var(--x-color-text-2);font-size:var(--x-size-4);text-align:center;background-color:var(--x-color-fill-2);border:1px solid var(--x-color-transparent);border-radius:var(--x-border-radius-circle)}.x-steps--item-process .x-steps--icon{color:var(--x-color-white);background-color:var(--x-color-primary-6);border-color:var(--x-color-transparent)}.x-steps--item-finish .x-steps--icon{color:var(--x-color-primary-text);background-color:var(--x-color-primary-light-1);border-color:var(--x-color-transparent)}.x-steps--item-error .x-steps--icon{color:var(--x-color-white);background-color:var(--x-color-danger-6);border-color:var(--x-color-transparent)}.x-steps--item-disabled .x-steps--icon{color:var(--x-color-text-4);background-color:var(--x-color-fill-2)}.x-steps--item--title{position:relative;display:inline-block;padding-right:12px;color:var(--x-color-text-2);font-size:var(--x-font-size-title-1);line-height:var(--x-size-7);white-space:nowrap}.x-steps--item-process .x-steps--item--title{color:var(--x-color-text-1)}.x-steps--item-finish .x-steps--item--title{color:var(--x-color-text-1)}.x-steps--item-error .x-steps--item--title{color:var(--x-color-text-1)}.x-steps--item--content{display:inline-block}.x-steps--item--description{max-width:140px;margin-top:var(--x-spacing-1);color:var(--x-color-text-3);font-size:var(--x-font-size-body-1);white-space:normal}.x-steps--item-process .x-steps--item--description{color:var(--x-color-text-3)}.x-steps--item-finish .x-steps--item--description{color:var(--x-color-text-3)}.x-steps--item-error .x-steps--item--description{color:var(--x-color-text-3)}.x-steps--label-horizontal .x-steps--item:not(:last-child) .x-steps--item--title::after{position:absolute;top:calc((var(--x-size-7) - var(--x-border-1))/2);left:100%;display:block;box-sizing:border-box;width:5000px;height:var(--x-border-1);background-color:var(--x-color-neutral-3);content:""}.x-steps--label-horizontal .x-steps--item-finish:not(:last-child) .x-steps--item--title::after{background-color:var(--x-color-primary-6)}.x-steps--label-horizontal .x-steps--item-next-error:not(:last-child) .x-steps--item--title::after{background-color:var(--x-color-danger-6)}.x-steps--item:not(:last-child) .x-steps--item--tail{position:absolute;top:calc((var(--x-size-7) - var(--x-border-1))/2);box-sizing:border-box;width:100%;height:var(--x-border-1)}.x-steps--item:not(:last-child) .x-steps--item--tail::after{display:block;width:100%;height:100%;background-color:var(--x-color-neutral-3);content:""}.x-steps--item-finish:not(:last-child) .x-steps--item--tail::after{background-color:var(--x-color-primary-6)}.x-steps--item-next-error:not(:last-child) .x-steps--item--tail::after{background-color:var(--x-color-danger-6)}.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail{top:0;left:calc((var(--x-size-7) - var(--x-border-1))/2);width:var(--x-border-1);height:auto;padding:0;bottom:0}.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail::after{position:absolute;top:calc(var(--x-size-7) + 6px);bottom:6px;left:0;width:var(--x-border-1);height:auto}.x-steps-vertical .x-steps--item--node{margin-right:12px}.x-steps-vertical .x-steps--item--content{display:inline-block}.x-steps-size-small:not(.x-steps-vertical) .x-steps--item:not(:last-child) .x-steps--item--tail{top:calc((var(--x-size-6) - var(--x-border-1))/2)}.x-steps-size-small.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail{left:calc((var(--x-size-6) - var(--x-border-1))/2)}.x-steps-size-small.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail::after{top:calc(var(--x-size-6) + 6px)}.x-steps-size-small .x-steps--item--node{font-size:var(--x-font-size-body-3)}.x-steps-size-small .x-steps--item--title{font-size:var(--x-font-size-body-3);line-height:var(--x-size-6)}.x-steps-size-small .x-steps--item--description{font-size:var(--x-font-size-body-1)}.x-steps-size-small .x-steps--icon{width:var(--x-size-6);height:var(--x-size-6);font-size:14px;line-height:var(--x-size-6)}.x-steps-size-small.x-steps--label-horizontal .x-steps--item:not(:last-child) .x-steps--item--title::after{top:calc((var(--x-size-6) - var(--x-border-1))/2)}.x-steps--label-vertical .x-steps--item{overflow:visible;text-align:center}.x-steps--label-vertical .x-steps--item--title{margin-top:var(--x-spacing-1);padding-right:0}.x-steps--label-vertical .x-steps--item--node{display:block;margin-left:calc((140px - var(--x-size-7))/2);text-align:left}.x-steps--label-vertical .x-steps--item--tail{left:calc(calc((140px - var(--x-size-7)) / 2) + var(--x-size-7) + 12px);padding-right:calc(var(--x-size-7) + 12px)}.x-steps--label-vertical.x-steps-size-small .x-steps--item--node{margin-left:calc((140px - var(--x-size-6))/2)}.x-steps--label-vertical.x-steps-size-small .x-steps--item--tail{left:calc(calc((140px - var(--x-size-6)) / 2) + var(--x-size-6) + 12px);padding-right:calc(var(--x-size-6) + 12px)}.x-steps-mode-dot .x-steps--item{position:relative;flex:1;margin-right:calc(var(--x-size-2) + var(--x-spacing-2)*2);overflow:visible;white-space:nowrap;text-align:left}.x-steps-mode-dot .x-steps--item:last-child{flex:none;margin-right:0}.x-steps-mode-dot .x-steps--item-active .x-steps--item--title{font-weight:var(--x-font-weight-500)}.x-steps-mode-dot .x-steps--item--node{display:inline-block;box-sizing:border-box;min-width:0;min-height:0;width:var(--x-size-2);height:var(--x-size-2);background-color:var(--x-color-fill-4);border:1px solid var(--x-color-fill-4);border-radius:var(--x-border-radius-circle);vertical-align:top}.x-steps-mode-dot .x-steps--item-active .x-steps--item--node{width:10px;height:10px}.x-steps-mode-dot .x-steps--item-process .x-steps--item--node{background-color:var(--x-color-primary-6);border-color:var(--x-color-primary-6)}.x-steps-mode-dot .x-steps--item-finish .x-steps--item--node{background-color:var(--x-color-primary-6);border-color:var(--x-color-primary-6)}.x-steps-mode-dot .x-steps--item-error .x-steps--item--node{background-color:var(--x-color-danger-6);border-color:var(--x-color-danger-6)}.x-steps-mode-dot .x-steps--item-disabled .x-steps--item--node{background-color:var(--x-color-fill-2);border-color:var(--x-color-fill-3)}.x-steps-mode-dot.x-steps-horizontal .x-steps--item--node{margin-left:calc((140px - var(--x-size-2))/2)}.x-steps-mode-dot.x-steps-horizontal .x-steps--item-active .x-steps--item--node{margin-top:calc((var(--x-size-2) - 10px)/2);margin-left:calc(calc((140px - var(--x-size-2)) / 2) - (10px - var(--x-size-2))/2)}.x-steps-mode-dot.x-steps-horizontal .x-steps--item--title::after{display:none}.x-steps-mode-dot .x-steps--item--content{display:inline-block}.x-steps-mode-dot .x-steps--item--title{position:relative;display:inline-block;margin-top:var(--x-spacing-2);color:var(--x-color-text-2);font-size:var(--x-font-size-title-1)}.x-steps-mode-dot .x-steps--item-process .x-steps--item--title{color:var(--x-color-text-1)}.x-steps-mode-dot .x-steps--item-finish .x-steps--item--title{color:var(--x-color-text-1)}.x-steps-mode-dot .x-steps--item-error .x-steps--item--title{color:var(--x-color-text-1)}.x-steps-mode-dot .x-steps--item--description{margin-top:var(--x-spacing-2);color:var(--x-color-text-3);font-size:var(--x-font-size-body-1);white-space:normal}.x-steps-mode-dot .x-steps--item-process .x-steps--item--description{color:var(--x-color-text-3)}.x-steps-mode-dot .x-steps--item-finish .x-steps--item--description{color:var(--x-color-text-3)}.x-steps-mode-dot .x-steps--item-error .x-steps--item--description{color:var(--x-color-text-3)}.x-steps-mode-dot .x-steps--item:not(:last-child) .x-steps--item--tail{position:absolute;top:calc((var(--x-size-2) - var(--x-border-1))/2);left:calc(calc((140px - var(--x-size-2)) / 2) + var(--x-size-2) + var(--x-spacing-2));box-sizing:border-box;width:100%;height:var(--x-border-1);background-color:var(--x-color-neutral-3)}.x-steps-mode-dot .x-steps--item-finish:not(:last-child) .x-steps--item--tail{background-color:var(--x-color-primary-6)}.x-steps-mode-dot .x-steps--item-next-error:not(:last-child) .x-steps--item--tail{background-color:var(--x-color-danger-6)}.x-steps-mode-dot.x-steps-vertical .x-steps--item--node{margin-top:var(--x-spacing-4);margin-right:var(--x-spacing-7)}.x-steps-mode-dot.x-steps-vertical .x-steps--item-active .x-steps--item--node{margin-top:calc(var(--x-spacing-4) - (10px - var(--x-size-2))/2);margin-left:calc((var(--x-size-2) - 10px)/2)}.x-steps-mode-dot.x-steps-vertical .x-steps--item--content{overflow:hidden}.x-steps-mode-dot.x-steps-vertical .x-steps--item--title{margin-top:calc(var(--x-spacing-4) + var(--x-size-2)/2 - var(--x-size-7)/2)}.x-steps-mode-dot.x-steps-vertical .x-steps--item--description{margin-top:var(--x-spacing-2)}.x-steps-mode-dot.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail{position:absolute;bottom:0;left:calc(var(--x-size-2)/2);box-sizing:border-box;width:1px;height:100%;padding-top:calc(var(--x-size-2) + 4px + var(--x-spacing-2));padding-bottom:2px;background-color:var(--x-color-transparent);transform:translateX(-50%)}.x-steps-mode-dot.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail::after{display:block;width:100%;height:100%;background-color:var(--x-color-neutral-3);content:""}.x-steps-mode-dot.x-steps-vertical .x-steps--item-finish:not(:last-child) .x-steps--item--tail::after{background-color:var(--x-color-primary-6)}.x-steps-mode-dot.x-steps-vertical .x-steps--item-next-error:not(:last-child) .x-steps--item--tail::after{background-color:var(--x-color-danger-6)}.x-steps{--x-steps-arrow-height: 72px;--x-steps-size-arrow: 36px}.x-steps-mode-arrow .x-steps--item{position:relative;display:flex;flex:1;align-items:center;height:var(--x-steps-arrow-height);overflow:visible;white-space:nowrap;background-color:var(--x-color-fill-1)}.x-steps-mode-arrow .x-steps--item:not(:last-child){margin-right:var(--x-spacing-2)}.x-steps-mode-arrow .x-steps--item:not(:first-child)::before{position:absolute;top:0;left:0;z-index:1;display:block;width:0;height:0;border-top:var(--x-steps-size-arrow) solid var(--x-color-transparent);border-bottom:var(--x-steps-size-arrow) solid var(--x-color-transparent);border-left:var(--x-steps-size-arrow) solid var(--x-color-bg-2);content:""}.x-steps-mode-arrow .x-steps--item:not(:last-child)::after{position:absolute;top:0;right:calc(var(--x-steps-size-arrow)*-1);z-index:2;display:block;width:0;height:0;border-top:var(--x-steps-size-arrow) solid var(--x-color-transparent);border-bottom:var(--x-steps-size-arrow) solid var(--x-color-transparent);border-left:var(--x-steps-size-arrow) solid var(--x-color-fill-1);content:""}.x-steps-mode-arrow .x-steps--item-process{background-color:var(--x-color-primary-6)}.x-steps-mode-arrow .x-steps--item-process:not(:last-child)::after{border-left-color:var(--x-color-primary-6)}.x-steps-mode-arrow .x-steps--item-finish{background-color:var(--x-color-primary-light-1)}.x-steps-mode-arrow .x-steps--item-finish:not(:last-child)::after{border-left-color:var(--x-color-primary-light-1)}.x-steps-mode-arrow .x-steps--item-error{background-color:var(--x-color-danger-6)}.x-steps-mode-arrow .x-steps--item-error:not(:last-child)::after{border-left-color:var(--x-color-danger-6)}.x-steps-mode-arrow .x-steps--item-disabled{background-color:var(--x-color-fill-2)}.x-steps-mode-arrow .x-steps--item-disabled:not(:last-child)::after{border-left-color:var(--x-color-fill-2)}.x-steps-mode-arrow .x-steps--item--content{display:inline-block;box-sizing:border-box}.x-steps-mode-arrow .x-steps--item:first-child .x-steps--item--content{padding-left:var(--x-spacing-7)}.x-steps-mode-arrow .x-steps--item:not(:first-child) .x-steps--item--content{padding-left:calc(var(--x-spacing-7) + var(--x-steps-size-arrow))}.x-steps-mode-arrow .x-steps--item--title{position:relative;display:inline-block;color:var(--x-color-text-2);font-size:var(--x-font-size-title-1);white-space:nowrap}.x-steps-mode-arrow .x-steps--item--title::after{display:none}.x-steps-mode-arrow .x-steps--item-process .x-steps--item--title{color:var(--x-color-white)}.x-steps-mode-arrow .x-steps--item-finish .x-steps--item--title{color:var(--x-color-text-1)}.x-steps-mode-arrow .x-steps--item-error .x-steps--item--title{color:var(--x-color-white)}.x-steps-mode-arrow .x-steps--item-active .x-steps--item--title{font-weight:var(--x-font-weight-500)}.x-steps-mode-arrow .x-steps--item--description{max-width:none;margin-top:0;color:var(--x-color-text-3);font-size:var(--x-font-size-body-1);white-space:nowrap}.x-steps-mode-arrow .x-steps--item-process .x-steps--item--description{color:var(--x-color-white)}.x-steps-mode-arrow .x-steps--item-finish .x-steps--item--description{color:var(--x-color-text-3)}.x-steps-mode-arrow .x-steps--item-error .x-steps--item--description{color:var(--x-color-white)}.x-steps-mode-arrow.x-steps-size-small{--x-steps-arrow-height: var(--x-size-10);--x-steps-size-arrow: calc(var(--x-size-10) / 2)}.x-steps-mode-arrow.x-steps-size-small .x-steps--item--title{font-size:var(--x-font-size-body-3)}.x-steps-mode-arrow.x-steps-size-small .x-steps--item--description{display:none}.x-steps-mode-arrow.x-steps-size-small .x-steps--item:first-child .x-steps--item--content{padding-left:var(--x-spacing-8)}.x-steps-mode-arrow.x-steps-size-small .x-steps--item:not(:first-child) .x-steps--item--content{padding-left:calc(var(--x-spacing-8) + var(--x-size-10)/2)}.x-steps-mode-navigation .x-steps--item--title::after{display:none}.x-steps-mode-navigation .x-steps--item{position:relative;padding-right:var(--x-spacing-5);padding-left:var(--x-spacing-8);margin-right:var(--x-spacing-10)}.x-steps-mode-navigation .x-steps--item:last-child{flex:1}.x-steps-mode-navigation .x-steps--item--content{margin-bottom:20px}.x-steps-mode-navigation .x-steps--item--description{padding-right:20px}.x-steps-mode-navigation .x-steps--item-active .x-steps--item--title{color:var(--x-color-primary-text);font-weight:var(--x-font-weight-500)}.x-steps-mode-navigation .x-steps--item:not(:last-child) .x-steps--item--content::after{position:absolute;top:var(--x-spacing-5);right:30px;display:inline-block;width:6px;height:6px;background-color:var(--x-color-bg-2);border:2px solid var(--x-color-text-4);border-bottom:none;border-left:none;transform:rotate(45deg);content:""}.x-steps{display:flex}.x-steps-vertical{flex-direction:column}.x-steps-changeable .x-steps--item:not(.x-steps--item-active):not(.x-steps--item-disabled){cursor:pointer}.x-steps-changeable .x-steps--item:not(.x-steps--item-active):not(.x-steps--item-disabled):hover .x-steps--item--title,.x-steps-changeable .x-steps--item:not(.x-steps--item-active):not(.x-steps--item-disabled):hover .x-steps--item--description{color:var(--x-color-primary-text)}.x-steps-changeable .x-steps--item:not(.x-steps--item-active):not(.x-steps--item-disabled):focus-visible{outline:2px solid var(--x-color-primary-text);outline-offset:4px}.x-steps-changeable .x-steps--item--title,.x-steps-changeable .x-steps--item--description{transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-steps-line-less .x-steps--item--tail,.x-steps-line-less .x-steps--item--title::after{display:none}.x-steps-vertical .x-steps--item:not(:last-child){min-height:90px}.x-steps-vertical .x-steps--item--content{vertical-align:top}.x-steps-vertical .x-steps--item--title::after{display:none}.x-steps-vertical .x-steps--item--description{max-width:none}.x-steps--label-vertical .x-steps--item--content{display:block;width:140px;text-align:center}.x-steps--label-vertical .x-steps--item--description{max-width:none}
1
+ .x-steps--item{position:relative;flex:1;margin-right:12px;overflow:hidden;white-space:nowrap;text-align:left}.x-steps--item:last-child{flex:none;margin-right:0}.x-steps--item-active .x-steps--item--title{font-weight:var(--x-font-weight-500)}.x-steps--item-disabled{cursor:not-allowed}.x-steps--item-disabled .x-steps--item--title,.x-steps--item-disabled .x-steps--item--description{color:var(--x-color-text-4)}.x-steps--item--node{display:inline-block;margin-right:12px;min-width:var(--x-size-7);min-height:var(--x-size-7);font-weight:var(--x-font-weight-500);font-size:var(--x-font-size-title-1);vertical-align:top}.x-steps--icon{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--x-size-7);height:var(--x-size-7);color:var(--x-color-text-2);font-size:var(--x-size-4);text-align:center;background-color:var(--x-color-fill-2);border:1px solid var(--x-color-transparent);border-radius:var(--x-border-radius-circle)}.x-steps--item-process .x-steps--icon{color:var(--x-color-white);background-color:var(--x-color-primary-6);border-color:var(--x-color-transparent)}.x-steps--item-finish .x-steps--icon{color:var(--x-color-primary-text);background-color:var(--x-color-primary-light-1);border-color:var(--x-color-transparent)}.x-steps--item-error .x-steps--icon{color:var(--x-color-white);background-color:var(--x-color-danger-6);border-color:var(--x-color-transparent)}.x-steps--item-disabled .x-steps--icon{color:var(--x-color-text-4);background-color:var(--x-color-fill-2)}.x-steps--item--title{position:relative;display:inline-block;padding-right:12px;color:var(--x-color-text-2);font-size:var(--x-font-size-title-1);line-height:var(--x-size-7);white-space:nowrap}.x-steps--item-process .x-steps--item--title{color:var(--x-color-text-1)}.x-steps--item-finish .x-steps--item--title{color:var(--x-color-text-1)}.x-steps--item-error .x-steps--item--title{color:var(--x-color-text-1)}.x-steps--item--content{display:inline-block}.x-steps--item--description{max-width:140px;margin-top:var(--x-spacing-1);color:var(--x-color-text-3);font-size:var(--x-font-size-body-1);line-height:var(--x-line-height-base);white-space:normal}.x-steps--item-process .x-steps--item--description{color:var(--x-color-text-3)}.x-steps--item-finish .x-steps--item--description{color:var(--x-color-text-3)}.x-steps--item-error .x-steps--item--description{color:var(--x-color-text-3)}.x-steps--label-horizontal:not(.x-steps-mode-arrow):not(.x-steps-mode-navigation):not(.x-steps-mode-dot):not(.x-steps-vertical):not(.x-steps-line-less) .x-steps--item:not(:last-child) .x-steps--item--title::after{position:absolute;top:calc((var(--x-size-7) - var(--x-border-1))/2);left:100%;display:block;box-sizing:border-box;width:5000px;height:var(--x-border-1);background-color:var(--x-color-neutral-3);content:""}.x-steps--label-horizontal:not(.x-steps-mode-arrow):not(.x-steps-mode-navigation):not(.x-steps-mode-dot):not(.x-steps-vertical):not(.x-steps-line-less) .x-steps--item-finish:not(:last-child) .x-steps--item--title::after{background-color:var(--x-color-primary-6)}.x-steps--label-horizontal:not(.x-steps-mode-arrow):not(.x-steps-mode-navigation):not(.x-steps-mode-dot):not(.x-steps-vertical):not(.x-steps-line-less) .x-steps--item-next-error:not(:last-child) .x-steps--item--title::after{background-color:var(--x-color-danger-6)}.x-steps--item:not(:last-child) .x-steps--item--tail{position:absolute;top:calc((var(--x-size-7) - var(--x-border-1))/2);box-sizing:border-box;width:100%;height:var(--x-border-1)}.x-steps--item:not(:last-child) .x-steps--item--tail::after{display:block;width:100%;height:100%;background-color:var(--x-color-neutral-3);content:""}.x-steps--item-finish:not(:last-child) .x-steps--item--tail::after{background-color:var(--x-color-primary-6)}.x-steps--item-next-error:not(:last-child) .x-steps--item--tail::after{background-color:var(--x-color-danger-6)}.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail{top:0;left:calc((var(--x-size-7) - var(--x-border-1))/2);width:var(--x-border-1);height:auto;padding:0;bottom:0}.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail::after{position:absolute;top:calc(var(--x-size-7) + 6px);bottom:6px;left:0;width:var(--x-border-1);height:auto}.x-steps-vertical .x-steps--item--node{margin-right:12px}.x-steps-vertical .x-steps--item--content{display:inline-block}.x-steps-size-small:not(.x-steps-vertical) .x-steps--item:not(:last-child) .x-steps--item--tail{top:calc((var(--x-size-6) - var(--x-border-1))/2)}.x-steps-size-small.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail{left:calc((var(--x-size-6) - var(--x-border-1))/2)}.x-steps-size-small.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail::after{top:calc(var(--x-size-6) + 6px)}.x-steps-size-small .x-steps--item--node{font-size:var(--x-font-size-body-3)}.x-steps-size-small .x-steps--item--title{font-size:var(--x-font-size-body-3);line-height:var(--x-size-6)}.x-steps-size-small .x-steps--item--description{font-size:var(--x-font-size-body-1)}.x-steps-size-small .x-steps--icon{width:var(--x-size-6);height:var(--x-size-6);font-size:14px;line-height:var(--x-size-6)}.x-steps-size-small.x-steps--label-horizontal .x-steps--item:not(:last-child) .x-steps--item--title::after{top:calc((var(--x-size-6) - var(--x-border-1))/2)}.x-steps--label-vertical .x-steps--item{overflow:visible;text-align:center}.x-steps--label-vertical .x-steps--item--title{margin-top:var(--x-spacing-1);padding-right:0}.x-steps--label-vertical .x-steps--item--node{display:block;margin-left:calc((140px - var(--x-size-7))/2);text-align:left}.x-steps--label-vertical .x-steps--item--tail{left:calc(calc((140px - var(--x-size-7)) / 2) + var(--x-size-7) + 12px);padding-right:calc(var(--x-size-7) + 12px)}.x-steps--label-vertical.x-steps-size-small .x-steps--item--node{margin-left:calc((140px - var(--x-size-6))/2)}.x-steps--label-vertical.x-steps-size-small .x-steps--item--tail{left:calc(calc((140px - var(--x-size-6)) / 2) + var(--x-size-6) + 12px);padding-right:calc(var(--x-size-6) + 12px)}.x-steps-mode-dot .x-steps--item{position:relative;flex:1;margin-right:calc(var(--x-size-2) + var(--x-spacing-2)*2);overflow:visible;white-space:nowrap;text-align:left}.x-steps-mode-dot .x-steps--item:last-child{flex:none;margin-right:0}.x-steps-mode-dot .x-steps--item-active .x-steps--item--title{font-weight:var(--x-font-weight-500)}.x-steps-mode-dot .x-steps--item--node{display:inline-block;box-sizing:border-box;min-width:0;min-height:0;width:var(--x-size-2);height:var(--x-size-2);background-color:var(--x-color-fill-4);border:1px solid var(--x-color-fill-4);border-radius:var(--x-border-radius-circle);vertical-align:top}.x-steps-mode-dot .x-steps--item-active .x-steps--item--node{width:10px;height:10px}.x-steps-mode-dot .x-steps--item-process .x-steps--item--node{background-color:var(--x-color-primary-6);border-color:var(--x-color-primary-6)}.x-steps-mode-dot .x-steps--item-finish .x-steps--item--node{background-color:var(--x-color-primary-6);border-color:var(--x-color-primary-6)}.x-steps-mode-dot .x-steps--item-error .x-steps--item--node{background-color:var(--x-color-danger-6);border-color:var(--x-color-danger-6)}.x-steps-mode-dot .x-steps--item-disabled .x-steps--item--node{background-color:var(--x-color-fill-2);border-color:var(--x-color-fill-3)}.x-steps-mode-dot.x-steps-horizontal .x-steps--item--node{margin-left:calc((140px - var(--x-size-2))/2)}.x-steps-mode-dot.x-steps-horizontal .x-steps--item-active .x-steps--item--node{margin-top:calc((var(--x-size-2) - 10px)/2);margin-left:calc(calc((140px - var(--x-size-2)) / 2) - (10px - var(--x-size-2))/2)}.x-steps-mode-dot.x-steps-horizontal .x-steps--item--title::after{display:none}.x-steps-mode-dot .x-steps--item--content{display:inline-block}.x-steps-mode-dot .x-steps--item--title{position:relative;display:inline-block;margin-top:var(--x-spacing-2);color:var(--x-color-text-2);font-size:var(--x-font-size-title-1)}.x-steps-mode-dot .x-steps--item-process .x-steps--item--title{color:var(--x-color-text-1)}.x-steps-mode-dot .x-steps--item-finish .x-steps--item--title{color:var(--x-color-text-1)}.x-steps-mode-dot .x-steps--item-error .x-steps--item--title{color:var(--x-color-text-1)}.x-steps-mode-dot .x-steps--item--description{margin-top:var(--x-spacing-2);color:var(--x-color-text-3);font-size:var(--x-font-size-body-1);white-space:normal}.x-steps-mode-dot .x-steps--item-process .x-steps--item--description{color:var(--x-color-text-3)}.x-steps-mode-dot .x-steps--item-finish .x-steps--item--description{color:var(--x-color-text-3)}.x-steps-mode-dot .x-steps--item-error .x-steps--item--description{color:var(--x-color-text-3)}.x-steps-mode-dot .x-steps--item:not(:last-child) .x-steps--item--tail{position:absolute;top:calc((var(--x-size-2) - var(--x-border-1))/2);left:calc(calc((140px - var(--x-size-2)) / 2) + var(--x-size-2) + var(--x-spacing-2));box-sizing:border-box;width:100%;height:var(--x-border-1);background-color:var(--x-color-neutral-3)}.x-steps-mode-dot .x-steps--item-finish:not(:last-child) .x-steps--item--tail{background-color:var(--x-color-primary-6)}.x-steps-mode-dot .x-steps--item-next-error:not(:last-child) .x-steps--item--tail{background-color:var(--x-color-danger-6)}.x-steps-mode-dot.x-steps-vertical .x-steps--item--node{margin-top:var(--x-spacing-4);margin-right:var(--x-spacing-7)}.x-steps-mode-dot.x-steps-vertical .x-steps--item-active .x-steps--item--node{margin-top:calc(var(--x-spacing-4) - (10px - var(--x-size-2))/2);margin-left:calc((var(--x-size-2) - 10px)/2)}.x-steps-mode-dot.x-steps-vertical .x-steps--item--content{overflow:hidden}.x-steps-mode-dot.x-steps-vertical .x-steps--item--title{margin-top:calc(var(--x-spacing-4) + var(--x-size-2)/2 - var(--x-size-7)/2)}.x-steps-mode-dot.x-steps-vertical .x-steps--item--description{margin-top:var(--x-spacing-2)}.x-steps-mode-dot.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail{position:absolute;bottom:0;left:calc(var(--x-size-2)/2);box-sizing:border-box;width:1px;height:100%;padding-top:calc(var(--x-size-2) + 4px + var(--x-spacing-2));padding-bottom:2px;background-color:var(--x-color-transparent);transform:translateX(-50%)}.x-steps-mode-dot.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail::after{display:block;width:100%;height:100%;background-color:var(--x-color-neutral-3);content:""}.x-steps-mode-dot.x-steps-vertical .x-steps--item-finish:not(:last-child) .x-steps--item--tail::after{background-color:var(--x-color-primary-6)}.x-steps-mode-dot.x-steps-vertical .x-steps--item-next-error:not(:last-child) .x-steps--item--tail::after{background-color:var(--x-color-danger-6)}.x-steps{--x-steps-arrow-height: 72px;--x-steps-size-arrow: 36px}.x-steps-mode-arrow .x-steps--item{position:relative;display:flex;flex:1;align-items:center;height:var(--x-steps-arrow-height);overflow:visible;white-space:nowrap;background-color:var(--x-color-fill-1)}.x-steps-mode-arrow .x-steps--item:not(:last-child){margin-right:var(--x-spacing-2)}.x-steps-mode-arrow .x-steps--item:not(:first-child)::before{position:absolute;top:0;left:0;z-index:1;display:block;width:0;height:0;border-top:var(--x-steps-size-arrow) solid var(--x-color-transparent);border-bottom:var(--x-steps-size-arrow) solid var(--x-color-transparent);border-left:var(--x-steps-size-arrow) solid var(--x-color-bg-2);content:""}.x-steps-mode-arrow .x-steps--item:not(:last-child)::after{position:absolute;top:0;right:calc(var(--x-steps-size-arrow)*-1);z-index:2;display:block;width:0;height:0;border-top:var(--x-steps-size-arrow) solid var(--x-color-transparent);border-bottom:var(--x-steps-size-arrow) solid var(--x-color-transparent);border-left:var(--x-steps-size-arrow) solid var(--x-color-fill-1);content:""}.x-steps-mode-arrow .x-steps--item-process{background-color:var(--x-color-primary-6)}.x-steps-mode-arrow .x-steps--item-process:not(:last-child)::after{border-left-color:var(--x-color-primary-6)}.x-steps-mode-arrow .x-steps--item-finish{background-color:var(--x-color-primary-light-1)}.x-steps-mode-arrow .x-steps--item-finish:not(:last-child)::after{border-left-color:var(--x-color-primary-light-1)}.x-steps-mode-arrow .x-steps--item-error{background-color:var(--x-color-danger-6)}.x-steps-mode-arrow .x-steps--item-error:not(:last-child)::after{border-left-color:var(--x-color-danger-6)}.x-steps-mode-arrow .x-steps--item-disabled{background-color:var(--x-color-fill-2)}.x-steps-mode-arrow .x-steps--item-disabled:not(:last-child)::after{border-left-color:var(--x-color-fill-2)}.x-steps-mode-arrow .x-steps--item--content{display:inline-block;box-sizing:border-box}.x-steps-mode-arrow .x-steps--item:first-child .x-steps--item--content{padding-left:var(--x-spacing-7)}.x-steps-mode-arrow .x-steps--item:not(:first-child) .x-steps--item--content{padding-left:calc(var(--x-spacing-7) + var(--x-steps-size-arrow))}.x-steps-mode-arrow .x-steps--item--title{position:relative;display:inline-block;color:var(--x-color-text-2);font-size:var(--x-font-size-title-1);white-space:nowrap}.x-steps-mode-arrow .x-steps--item--title::after{display:none}.x-steps-mode-arrow .x-steps--item-process .x-steps--item--title{color:var(--x-color-white)}.x-steps-mode-arrow .x-steps--item-finish .x-steps--item--title{color:var(--x-color-text-1)}.x-steps-mode-arrow .x-steps--item-error .x-steps--item--title{color:var(--x-color-white)}.x-steps-mode-arrow .x-steps--item-active .x-steps--item--title{font-weight:var(--x-font-weight-500)}.x-steps-mode-arrow .x-steps--item--description{max-width:none;margin-top:0;color:var(--x-color-text-3);font-size:var(--x-font-size-body-1);white-space:nowrap}.x-steps-mode-arrow .x-steps--item-process .x-steps--item--description{color:var(--x-color-white)}.x-steps-mode-arrow .x-steps--item-finish .x-steps--item--description{color:var(--x-color-text-3)}.x-steps-mode-arrow .x-steps--item-error .x-steps--item--description{color:var(--x-color-white)}.x-steps-mode-arrow.x-steps-size-small{--x-steps-arrow-height: var(--x-size-10);--x-steps-size-arrow: calc(var(--x-size-10) / 2)}.x-steps-mode-arrow.x-steps-size-small .x-steps--item--title{font-size:var(--x-font-size-body-3)}.x-steps-mode-arrow.x-steps-size-small .x-steps--item--description{display:none}.x-steps-mode-arrow.x-steps-size-small .x-steps--item:first-child .x-steps--item--content{padding-left:var(--x-spacing-8)}.x-steps-mode-arrow.x-steps-size-small .x-steps--item:not(:first-child) .x-steps--item--content{padding-left:calc(var(--x-spacing-8) + var(--x-size-10)/2)}.x-steps-mode-navigation .x-steps--item--title::after{display:none}.x-steps-mode-navigation .x-steps--item{position:relative;padding-right:var(--x-spacing-5);padding-left:var(--x-spacing-8);margin-right:var(--x-spacing-10)}.x-steps-mode-navigation .x-steps--item:last-child{flex:1}.x-steps-mode-navigation .x-steps--item--content{margin-bottom:20px}.x-steps-mode-navigation .x-steps--item--description{padding-right:20px}.x-steps-mode-navigation .x-steps--item-active .x-steps--item--title{color:var(--x-color-primary-text);font-weight:var(--x-font-weight-500)}.x-steps-mode-navigation .x-steps--item:not(:last-child) .x-steps--item--content::after{position:absolute;top:var(--x-spacing-5);right:30px;display:inline-block;width:6px;height:6px;background-color:var(--x-color-bg-2);border:2px solid var(--x-color-text-4);border-bottom:none;border-left:none;transform:rotate(45deg);content:""}.x-steps{display:flex}.x-steps-vertical{flex-direction:column}.x-steps-changeable .x-steps--item:not(.x-steps--item-active):not(.x-steps--item-disabled){cursor:pointer}.x-steps-changeable .x-steps--item:not(.x-steps--item-active):not(.x-steps--item-disabled):hover .x-steps--item--title,.x-steps-changeable .x-steps--item:not(.x-steps--item-active):not(.x-steps--item-disabled):hover .x-steps--item--description{color:var(--x-color-primary-text)}.x-steps-changeable .x-steps--item:not(.x-steps--item-active):not(.x-steps--item-disabled):focus-visible{outline:2px solid var(--x-color-primary-text);outline-offset:4px}.x-steps-changeable .x-steps--item--title,.x-steps-changeable .x-steps--item--description{transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-steps-line-less .x-steps--item--tail,.x-steps-line-less .x-steps--item--title::after{display:none}.x-steps-vertical .x-steps--item:not(:last-child){min-height:90px}.x-steps-vertical .x-steps--item--content{vertical-align:top}.x-steps-vertical .x-steps--item--title::after{display:none}.x-steps-vertical .x-steps--item--description{max-width:none}.x-steps--label-vertical .x-steps--item--content{display:block;width:140px;text-align:center}.x-steps--label-vertical .x-steps--item--description{max-width:none}
package/dist/style/table.css CHANGED
@@ -1 +1 @@
1
- :root{--x-table-size-default-padding-horizontal: var(--x-spacing-7);--x-table-size-default-padding-vertical: 8px;--x-table-size-middle-padding-horizontal: var(--x-spacing-7);--x-table-size-middle-padding-vertical: 7px;--x-table-size-small-padding-horizontal: var(--x-spacing-6);--x-table-size-small-padding-vertical: 5px;--x-table-size-mini-padding-horizontal: var(--x-spacing-5);--x-table-size-mini-padding-vertical: 3px;--x-table-size-default-font-size: var(--x-font-size-body-3);--x-table-size-middle-font-size: var(--x-font-size-body-3);--x-table-size-small-font-size: var(--x-font-size-body-3);--x-table-size-mini-font-size: var(--x-font-size-body-1);--x-table-size-default-font-header-size: var(--x-font-size-body-3);--x-table-size-middle-font-header-size: var(--x-font-size-body-3);--x-table-size-small-font-header-size: var(--x-font-size-body-3);--x-table-size-mini-font-header-size: var(--x-font-size-body-1);--x-table-border-width: var(--x-border-1);--x-table-border-style: solid;--x-table-size-expand-button: 14px;--x-table-spacing-expand-button-margin-right: var(--x-spacing-2);--x-table-font-size-expand-button: 12px;--x-table-border-radius-expand-button: 2px;--x-table-color-border: var(--x-color-border-subtle);--x-table-border-radius: 6px;--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-font-size-filters-icon: 14px;--x-table-size-filters-width: 32px;--x-table-font-weight-header-text: var(--x-font-weight-600);--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-border-expand-icon-width: var(--x-border-1);--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-spacing-header-sorter-icon-margin-left: var(--x-spacing-3);--x-table-size-header-sorter-icon-height: 7px;--x-table-size-header-sorter-icon-width: 12px;--x-table-font-size-header-sorter-icon: 11px;--x-table-position-header-sorter-icon-up-top: -1px;--x-table-position-header-sorter-icon-down-top: -2px;--x-table-position-header-sorter-icon-left: 0;--x-table-color-bg-filters-popup: var(--x-color-bg-5);--x-table-color-border-filters-popup: var(--x-color-neutral-3);--x-table-popup-min-width: 100px;--x-table-popup-max-height: 200px;--x-table-popup-border-radius: var(--x-border-radius-medium);--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-size-shadow-wrapper-width: 10px;--x-table-spacing-pagination-margin: var(--x-spacing-7);--x-table-size-selection-col-width: 40px;--x-table-size-expand-icon-col-width: 40px;--x-table-size-drag-handle-col-width: 40px;--x-table-size-body-min-width: 40px;--x-table-color-body-background: var(--x-color-bg-surface);--x-table-size-large-padding-horizontal: var(--x-table-size-default-padding-horizontal);--x-table-size-large-padding-vertical: var(--x-table-size-default-padding-vertical);--x-table-size-large-font-size: var(--x-table-size-default-font-size);--x-table-size-large-font-header-size: var(--x-table-size-default-font-header-size);--x-table-size-medium-padding-horizontal: var(--x-table-size-middle-padding-horizontal);--x-table-size-medium-padding-vertical: var(--x-table-size-middle-padding-vertical);--x-table-size-medium-font-size: var(--x-table-size-middle-font-size);--x-table-size-medium-font-header-size: var(--x-table-size-middle-font-header-size);--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-table--filters--content{box-sizing:border-box;min-width:var(--x-table-popup-min-width);background:var(--x-table-color-bg-filters-popup);border:1px solid var(--x-table-color-border-filters-popup);border-radius:var(--x-table-popup-border-radius);box-shadow:var(--x-shadow1-down)}.x-table--filters--list{max-height:var(--x-table-popup-max-height);padding:4px 0;overflow-y:auto}.x-table--filters--item{height:32px;padding:0 12px;font-size:14px;line-height:32px}.x-table--filters--text{width:100%;max-width:160px;height:34px;margin-right:0;padding-left:10px;overflow:hidden;line-height:32px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.x-table--filters--bottom{box-sizing:border-box;height:38px;padding:0 12px;overflow:hidden;line-height:38px;border-top:1px solid var(--x-table-color-border)}.x-table--filters--bottom>*:not(*:last-child){margin-right:8px}.x-table{position:relative;color:var(--x-table-color-text-body-cell);font-size:var(--x-table-size-default-font-size);line-height:var(--x-line-height-base);background:var(--x-table-color-bg-body-cell)}.x-table--column-handle{position:absolute;top:0;right:-4px;z-index:1;width:8px;height:100%;cursor:col-resize}.x-table .x-spin{display:flex;flex-direction:column;height:100%}.x-table>.x-spin>.x-spin--children::after{z-index:2}.x-table-footer{border-radius:0 0 var(--x-table-border-radius) var(--x-table-border-radius)}.x-table-scroll-position-right .x-table-col-fixed-left-last::after,.x-table-scroll-position-middle .x-table-col-fixed-left-last::after{box-shadow:var(--x-table-shadow-left)}.x-table-scroll-position-left .x-table-col-fixed-right-first::after,.x-table-scroll-position-middle .x-table-col-fixed-right-first::after{box-shadow:var(--x-table-shadow-right)}.x-table-layout-fixed .x-table--element{table-layout:fixed}.x-table .x-table--element{display:table;width:100%;min-width:100%;margin:0;overflow:visible;color:inherit;border:0;border-collapse:separate;border-spacing:0;text-align:left}.x-table .x-table--element .x-table--tr{background-color:var(--x-color-transparent);border-top:0}.x-table .x-table--th{position:relative;box-sizing:border-box;padding:0;color:var(--x-table-color-text-header-cell);font-weight:var(--x-table-font-weight-header-text);line-height:var(--x-line-height-base);text-align:left;background-color:var(--x-table-color-bg-header-cell);border:0;border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table .x-table--th[colspan]{text-align:center}.x-table .x-table--th-align-right{text-align:right}.x-table .x-table--th-align-right .x-table--cell-with-sorter{justify-content:flex-end}.x-table .x-table--th-align-center{text-align:center}.x-table .x-table--th-align-center .x-table--cell-with-sorter{justify-content:center}.x-table .x-table--td{box-sizing:border-box;padding:0;color:var(--x-table-color-text-body-cell);line-height:var(--x-line-height-base);text-align:left;overflow-wrap:break-word;word-break:normal;background-color:var(--x-table-color-bg-body-cell);border:0;border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);transition:background-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)}.x-table .x-table--td-align-right{text-align:right}.x-table .x-table--td-align-center{text-align:center}.x-table .x-table--td.x-table-drag-handle{cursor:move}.x-table--cell{position:relative;display:flex;align-items:center;min-height:22px}.x-table--cell-align-left{justify-content:flex-start;text-align:left}.x-table--cell-align-right{justify-content:flex-end;text-align:right}.x-table--cell-align-center{justify-content:center;text-align:center}.x-table-text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table--td--content{display:block;width:100%;min-width:0}.x-table .x-table--th.x-table .x-table--th--col-sorted{background-color:var(--x-table-color-bg-header-sorted-cell)}.x-table .x-table--td.x-table .x-table--td--col-sorted{background-color:var(--x-table-color-bg-body-sorted-cell)}.x-table-col-fixed-left,.x-table-col-fixed-right{position:sticky;z-index:10}.x-table-col-fixed-left-last::after,.x-table-col-fixed-right-first::after{position:absolute;top:0;bottom:var(--x-table-border-width);left:0;width:var(--x-table-size-shadow-wrapper-width);box-shadow:none;transform:translateX(-100%);transition:box-shadow var(--x-transition-duration-1) var(--x-transition-timing-function-linear);content:"";pointer-events:none}.x-table-col-fixed-left-last::after{right:0;left:unset;transform:translateX(100%)}.x-table--cell-text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table .x-table--expand-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--x-table-size-expand-button);height:var(--x-table-size-expand-button);padding:0;color:var(--x-table-color-expand-icon);font-size:var(--x-table-font-size-expand-button);line-height:var(--x-table-size-expand-button);background-color:var(--x-table-color-bg-expand-icon);border:var(--x-table-border-expand-icon-width) solid var(--x-table-color-expand-icon-border);border-radius:var(--x-table-border-radius-expand-button);outline:none;cursor:pointer;transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table .x-table--expand-btn:hover{color:var(--x-table-color-expand-icon_hover);background-color:var(--x-table-color-bg-expand-icon_hover);border-color:var(--x-table-color-expand-icon-border_hover)}.x-table--cell-expand-icon{display:flex;align-items:center}.x-table--cell-expand-icon .x-table--cell-inline-icon{display:inline-flex;margin-right:var(--x-table-spacing-expand-button-margin-right)}.x-table--cell-expand-icon .x-table--cell-inline-icon .x-icon-loading{color:var(--x-color-primary-text)}.x-table--cell-expand-icon-hidden{display:inline-block;width:var(--x-table-size-expand-button);height:var(--x-table-size-expand-button);margin-right:var(--x-table-spacing-expand-button-margin-right)}.x-table--tr-expand .x-table--td{background-color:var(--x-table-color-bg-expand-content)}.x-table--cell-fixed-expand{position:sticky;left:0;box-sizing:border-box}.x-table--tr-expand .x-table--td .x-table .x-table--container{border:none}.x-table--tr-expand .x-table--td .x-table .x-table--th{border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table--tr-expand .x-table--td .x-table .x-table--th,.x-table--tr-expand .x-table--td .x-table .x-table--td{background-color:var(--x-color-transparent)}.x-table--tr-expand .x-table--td .x-table .x-table-pagination{margin-bottom:var(--x-table-spacing-pagination-margin)}.x-table--th.x-table--operation,.x-table--td.x-table--operation{text-align:center}.x-table--th.x-table--operation .x-table--cell,.x-table--td.x-table--operation .x-table--cell{display:flex;justify-content:center;padding:0}.x-table-radio,.x-table-checkbox{justify-content:center}.x-table-checkbox .x-checkbox,.x-table-radio .x-radio{padding-left:0}.x-table-selection-checkbox-col,.x-table-selection-radio-col{width:var(--x-table-size-selection-col-width);min-width:var(--x-table-size-selection-col-width);max-width:var(--x-table-size-selection-col-width)}.x-table-expand-col{width:var(--x-table-size-expand-icon-col-width);min-width:var(--x-table-size-expand-icon-col-width);max-width:var(--x-table-size-expand-icon-col-width)}.x-table-drag-handle-col{width:var(--x-table-size-drag-handle-col-width);min-width:var(--x-table-size-drag-handle-col-width);max-width:var(--x-table-size-drag-handle-col-width)}.x-table--th{transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--cell-with-sorter{display:flex;align-items:center;width:100%;cursor:pointer}.x-table--cell-with-sorter:hover{background-color:var(--x-table-color-bg-header-sorted-cell_hover)}.x-table--cell-with-sorter:hover .x-table--sorter--icon .x-icon-caret-up,.x-table--cell-with-sorter:hover .x-table--sorter--icon .x-icon-caret-down{color:var(--x-table-color-header-sorter-icon_next)}.x-table--cell-with-filter{display:flex;align-items:center}.x-table--cell-next-ascend .x-table--sorter--icon .x-icon-caret-up{color:var(--x-table-color-header-sorter-icon_next)}.x-table--cell-next-descend .x-table--sorter--icon .x-icon-caret-down{color:var(--x-table-color-header-sorter-icon_next)}.x-table--sorter{display:inline-flex;flex:none;flex-direction:column;align-items:center;justify-content:center;margin-left:var(--x-table-spacing-header-sorter-icon-margin-left);vertical-align:-3px}.x-table--sorter--icon{position:relative;width:var(--x-table-size-header-sorter-icon-width);height:var(--x-table-size-header-sorter-icon-height);overflow:hidden;line-height:var(--x-table-size-header-sorter-icon-height)}.x-table--sorter--icon .x-icon-caret-up,.x-table--sorter--icon .x-icon-caret-down{position:absolute;top:50%;color:var(--x-table-color-header-sorter-icon);font-size:var(--x-table-font-size-header-sorter-icon);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--sorter--icon .x-icon-caret-up{top:var(--x-table-position-header-sorter-icon-up-top);left:var(--x-table-position-header-sorter-icon-left)}.x-table--sorter--icon .x-icon-caret-down{top:var(--x-table-position-header-sorter-icon-down-top);left:var(--x-table-position-header-sorter-icon-left)}.x-table--sorter--icon-active svg{color:var(--x-table-color-header-sorter-icon_active)}.x-table--filters{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:var(--x-table-size-filters-width);height:100%;line-height:1;vertical-align:0;background-color:var(--x-color-transparent);cursor:pointer;transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--filters:hover,.x-table--filters-open{color:var(--x-color-text-2);background-color:var(--x-table-color-bg-header-filters-icon_hover)}.x-table--filters svg{color:var(--x-table-color-header-filters-icon);font-size:var(--x-table-font-size-filters-icon);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--filters-active svg{color:var(--x-table-color-header-filters-icon_active)}.x-table--filters-align-left{position:relative;width:auto;margin-left:var(--x-table-spacing-header-sorter-icon-margin-left)}.x-table--filters-align-left svg{font-size:var(--x-table-font-size-header-sorter-icon)}.x-table--filters-align-left:hover,.x-table--filters-align-left-open{background:none}.x-table--filters-align-left:hover::before,.x-table--filters-align-left.x-table--filters-open::before{background:var(--x-table-filters-icon-bg_hover)}.x-table--container{position:relative;overflow:hidden;border-radius:var(--x-table-border-radius)}.x-table--header{flex-shrink:0;border-radius:var(--x-table-border-radius) var(--x-table-border-radius) 0 0}.x-table--container{box-sizing:border-box;width:100%;min-height:0}.x-table--container .x-table--content{display:flex;flex-direction:column;width:auto;height:100%}.x-table--container .x-table--content-scroll-x{overflow-x:auto;overflow-y:hidden}.x-table--container::before,.x-table--container::after{position:absolute;z-index:1;width:var(--x-table-size-shadow-wrapper-width);height:100%;box-shadow:none;transition:box-shadow var(--x-transition-duration-1) var(--x-transition-timing-function-linear);content:"";pointer-events:none}.x-table--container::before{top:0;left:0;border-top-left-radius:var(--x-table-border-radius)}.x-table--container::after{top:0;right:0;border-top-right-radius:var(--x-table-border-radius)}.x-table--container:not(.x-table-has-fixed-col-left).x-table-scroll-position-right::before,.x-table--container:not(.x-table-has-fixed-col-left).x-table-scroll-position-middle::before{box-shadow:var(--x-table-shadow-left)}.x-table--container:not(.x-table-has-fixed-col-right).x-table-scroll-position-left::after,.x-table--container:not(.x-table-has-fixed-col-right).x-table-scroll-position-middle::after{box-shadow:var(--x-table-shadow-right)}.x-table--header{overflow-x:hidden;overflow-y:hidden;background-color:var(--x-table-color-bg-header-cell);scrollbar-color:var(--x-color-transparent) var(--x-color-transparent)}.x-table--header-sticky{position:sticky;top:0;z-index:100}.x-table:not(.x-table-empty) .x-table--header::-webkit-scrollbar{height:0;background-color:var(--x-color-transparent)}.x-table.x-table--empty--header{overflow-x:auto}.x-table--body{position:relative;width:100%;min-height:var(--x-table-size-body-min-width);overflow:auto;background-color:var(--x-table-color-body-background)}.x-table-border .x-table--container{border:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border .x-table-scroll-y{border-bottom:none}.x-table-border .x-table-scroll-y .x-table--body .x-table--tr:last-of-type .x-table--td,.x-table-border .x-table-scroll-y tfoot .x-table--tr:last-of-type .x-table--td{border-bottom:none}.x-table-border .x-table-scroll-y .x-table--body .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-left-last::after,.x-table-border .x-table-scroll-y .x-table--body .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-right-first::after,.x-table-border .x-table-scroll-y tfoot .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-left-last::after,.x-table-border .x-table-scroll-y tfoot .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-right-first::after{bottom:0}.x-table-border .x-table--tr .x-table--th{border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border .x-table--footer{border:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);border-top:0}.x-table-border:not(.x-table-border-cell) .x-table--container{border-color:var(--x-table-color-border)}.x-table-border-cell .x-table--th,.x-table-border-cell .x-table--td:not(.x-table--tr-expand){border-right:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border-cell .x-table--tr .x-table--th:last-child,.x-table-border-cell .x-table--tr .x-table--td:last-child{border-right:0}.x-table-border-cell .x-table--th-resizing,.x-table-border-cell .x-table--td-resizing:not(.x-table--tr-expand){border-right-color:var(--x-table-color-border_resizing)}.x-table-border-header-cell .x-table--th{border-right:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border-header-cell .x-table--th-resizing,.x-table-border-header-cell .x-table--td-resizing:not(.x-table--tr-expand){border-right-color:var(--x-table-color-border_resizing)}.x-table-border.x-table-border-header-cell thead .x-table--tr:first-child .x-table--th:last-child{border-right:0}.x-table-border-body-cell .x-table--td:not(:last-child):not(.x-table--tr-expand){border-right:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-stripe:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):nth-child(even) .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right),.x-table-stripe .x-table--tr-drag .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-table-color-bg-body-stripe-row)}.x-table-stripe:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):nth-child(even) .x-table--td.x-table-col-fixed-left::before,.x-table-stripe:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):nth-child(even) .x-table--td.x-table-col-fixed-right::before,.x-table-stripe .x-table--tr-drag .x-table--td.x-table-col-fixed-left::before,.x-table-stripe .x-table--tr-drag .x-table--td.x-table-col-fixed-right::before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:var(--x-table-color-bg-body-stripe-row);content:""}.x-table .x-table--tr-draggable{cursor:move}.x-table-hover:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):hover .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right),.x-table-hover .x-table--tr-drag .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-table-color-bg-body-row_hover)}.x-table-hover:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):hover .x-table--td.x-table-col-fixed-left::before,.x-table-hover:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):hover .x-table--td.x-table-col-fixed-right::before,.x-table-hover .x-table--tr-drag .x-table--td.x-table-col-fixed-left::before,.x-table-hover .x-table--tr-drag .x-table--td.x-table-col-fixed-right::before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:var(--x-table-color-bg-body-row_hover);content:""}.x-table-hover .x-table--tr-expand:not(.x-table--tr-empty):hover .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-table-color-bg-expand-content_hover)}.x-table--tr-expand .x-table--td .x-table-hover .x-table--tr:not(.x-table--tr-empty) .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-color-transparent)}.x-table--tr-expand .x-table--td .x-table-hover .x-table--tr:not(.x-table--tr-empty) .x-table--td.x-table-col-fixed-left::before,.x-table--tr-expand .x-table--td .x-table-hover .x-table--tr:not(.x-table--tr-empty) .x-table--td.x-table-col-fixed-right::before{background-color:var(--x-color-transparent)}.x-table-tfoot{position:relative;z-index:1;flex-shrink:0;width:100%;overflow-x:auto;background-color:var(--x-table-color-bg-tfoot);border-top:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);box-shadow:none;scrollbar-color:var(--x-color-transparent) var(--x-color-transparent)}.x-table-tfoot::-webkit-scrollbar{height:0;background-color:var(--x-color-transparent)}.x-table tfoot .x-table--td{background-color:var(--x-table-color-bg-tfoot)}.x-table--tr-checked .x-table--td{background-color:var(--x-table-color-bg-body-row_active)}.x-table .x-table--cell{padding:var(--x-table-size-large-padding-vertical) var(--x-table-size-large-padding-horizontal)}.x-table .x-table--th{font-size:var(--x-table-size-large-font-header-size)}.x-table .x-table--td{font-size:var(--x-table-size-large-font-size)}.x-table .x-table--footer{padding:var(--x-table-size-large-padding-vertical) var(--x-table-size-large-padding-horizontal)}.x-table .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-large-padding-vertical)) calc(-1*var(--x-table-size-large-padding-horizontal)) calc(-1*var(--x-table-size-large-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-large-padding-horizontal))}.x-table-size-medium .x-table--cell{padding:var(--x-table-size-medium-padding-vertical) var(--x-table-size-medium-padding-horizontal)}.x-table-size-medium .x-table--th{font-size:var(--x-table-size-medium-font-header-size)}.x-table-size-medium .x-table--td{font-size:var(--x-table-size-medium-font-size)}.x-table-size-medium .x-table--footer{padding:var(--x-table-size-medium-padding-vertical) var(--x-table-size-medium-padding-horizontal)}.x-table-size-medium .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-medium-padding-vertical)) calc(-1*var(--x-table-size-medium-padding-horizontal)) calc(-1*var(--x-table-size-medium-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-medium-padding-horizontal))}.x-table-size-small .x-table--cell{padding:var(--x-table-size-small-padding-vertical) var(--x-table-size-small-padding-horizontal)}.x-table-size-small .x-table--th{font-size:var(--x-table-size-small-font-header-size)}.x-table-size-small .x-table--td{font-size:var(--x-table-size-small-font-size)}.x-table-size-small .x-table--footer{padding:var(--x-table-size-small-padding-vertical) var(--x-table-size-small-padding-horizontal)}.x-table-size-small .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-small-padding-vertical)) calc(-1*var(--x-table-size-small-padding-horizontal)) calc(-1*var(--x-table-size-small-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-small-padding-horizontal))}.x-table-size-mini .x-table--cell{padding:var(--x-table-size-mini-padding-vertical) var(--x-table-size-mini-padding-horizontal)}.x-table-size-mini .x-table--th{font-size:var(--x-table-size-mini-font-header-size)}.x-table-size-mini .x-table--td{font-size:var(--x-table-size-mini-font-size)}.x-table-size-mini .x-table--footer{padding:var(--x-table-size-mini-padding-vertical) var(--x-table-size-mini-padding-horizontal)}.x-table-size-mini .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-mini-padding-vertical)) calc(-1*var(--x-table-size-mini-padding-horizontal)) calc(-1*var(--x-table-size-mini-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-mini-padding-horizontal))}.x-table-virtualized .x-table--element{table-layout:fixed}.x-table-virtualized .x-table--body .x-table--tr{display:flex}.x-table-virtualized .x-table--body .x-table--td{display:flex;flex:1;align-items:center}.x-table-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:var(--x-spacing-4);justify-content:flex-end;margin-top:var(--x-table-spacing-pagination-margin)}.x-table-pagination>*{flex:none}.x-table-pagination-left{justify-content:flex-start}.x-table-pagination-center{justify-content:center}.x-table-pagination-top{margin-top:0;margin-bottom:var(--x-table-spacing-pagination-margin)}.x-virtual-list>.x-table--element{width:auto}
1
+ :root{--x-table-size-default-padding-horizontal: var(--x-spacing-7);--x-table-size-default-padding-vertical: 8px;--x-table-size-middle-padding-horizontal: var(--x-spacing-7);--x-table-size-middle-padding-vertical: 7px;--x-table-size-small-padding-horizontal: var(--x-spacing-6);--x-table-size-small-padding-vertical: 5px;--x-table-size-mini-padding-horizontal: var(--x-spacing-5);--x-table-size-mini-padding-vertical: 3px;--x-table-size-default-font-size: var(--x-font-size-body-3);--x-table-size-middle-font-size: var(--x-font-size-body-3);--x-table-size-small-font-size: var(--x-font-size-body-3);--x-table-size-mini-font-size: var(--x-font-size-body-1);--x-table-size-default-font-header-size: var(--x-font-size-body-3);--x-table-size-middle-font-header-size: var(--x-font-size-body-3);--x-table-size-small-font-header-size: var(--x-font-size-body-3);--x-table-size-mini-font-header-size: var(--x-font-size-body-1);--x-table-border-width: var(--x-border-1);--x-table-border-style: solid;--x-table-size-expand-button: 14px;--x-table-spacing-expand-button-margin-right: var(--x-spacing-2);--x-table-font-size-expand-button: 12px;--x-table-border-radius-expand-button: 2px;--x-table-color-border: var(--x-color-border-subtle);--x-table-border-radius: 6px;--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-font-size-filters-icon: 14px;--x-table-size-filters-width: 32px;--x-table-font-weight-header-text: var(--x-font-weight-600);--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-border-expand-icon-width: var(--x-border-1);--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-spacing-header-sorter-icon-margin-left: var(--x-spacing-3);--x-table-size-header-sorter-icon-height: 7px;--x-table-size-header-sorter-icon-width: 12px;--x-table-font-size-header-sorter-icon: 11px;--x-table-position-header-sorter-icon-up-top: -1px;--x-table-position-header-sorter-icon-down-top: -2px;--x-table-position-header-sorter-icon-left: 0;--x-table-color-bg-filters-popup: var(--x-color-bg-5);--x-table-color-border-filters-popup: var(--x-color-neutral-3);--x-table-popup-min-width: 100px;--x-table-popup-max-height: 200px;--x-table-popup-border-radius: var(--x-border-radius-medium);--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-size-shadow-wrapper-width: 10px;--x-table-spacing-pagination-margin: var(--x-spacing-7);--x-table-size-selection-col-width: 40px;--x-table-size-expand-icon-col-width: 40px;--x-table-size-drag-handle-col-width: 40px;--x-table-size-body-min-width: 40px;--x-table-color-body-background: var(--x-color-bg-surface);--x-table-size-large-padding-horizontal: var(--x-table-size-default-padding-horizontal);--x-table-size-large-padding-vertical: var(--x-table-size-default-padding-vertical);--x-table-size-large-font-size: var(--x-table-size-default-font-size);--x-table-size-large-font-header-size: var(--x-table-size-default-font-header-size);--x-table-size-medium-padding-horizontal: var(--x-table-size-middle-padding-horizontal);--x-table-size-medium-padding-vertical: var(--x-table-size-middle-padding-vertical);--x-table-size-medium-font-size: var(--x-table-size-middle-font-size);--x-table-size-medium-font-header-size: var(--x-table-size-middle-font-header-size);--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-table--filters--content{box-sizing:border-box;min-width:var(--x-table-popup-min-width);background:var(--x-table-color-bg-filters-popup);border:1px solid var(--x-table-color-border-filters-popup);border-radius:var(--x-table-popup-border-radius);box-shadow:var(--x-shadow1-down)}.x-table--filters--list{max-height:var(--x-table-popup-max-height);padding:4px 0;overflow-y:auto}.x-table--filters--item{height:32px;padding:0 12px;font-size:14px;line-height:32px}.x-table--filters--text{width:100%;max-width:160px;height:34px;margin-right:0;padding-left:10px;overflow:hidden;line-height:32px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.x-table--filters--bottom{box-sizing:border-box;height:38px;padding:0 12px;overflow:hidden;line-height:38px;border-top:1px solid var(--x-table-color-border)}.x-table--filters--bottom>*:not(*:last-child){margin-right:8px}.x-table{position:relative;color:var(--x-table-color-text-body-cell);font-size:var(--x-table-size-default-font-size);line-height:var(--x-line-height-base);background:var(--x-table-color-bg-body-cell)}.x-table--column-handle{position:absolute;top:0;right:-4px;z-index:1;width:8px;height:100%;cursor:col-resize}.x-table .x-spin{display:flex;flex-direction:column;height:100%}.x-table-footer{border-radius:0 0 var(--x-table-border-radius) var(--x-table-border-radius)}.x-table-scroll-position-right .x-table-col-fixed-left-last::after,.x-table-scroll-position-middle .x-table-col-fixed-left-last::after{box-shadow:var(--x-table-shadow-left)}.x-table-scroll-position-left .x-table-col-fixed-right-first::after,.x-table-scroll-position-middle .x-table-col-fixed-right-first::after{box-shadow:var(--x-table-shadow-right)}.x-table-layout-fixed .x-table--element{table-layout:fixed}.x-table .x-table--element{display:table;width:100%;min-width:100%;margin:0;overflow:visible;color:inherit;border:0;border-collapse:separate;border-spacing:0;text-align:left}.x-table .x-table--element .x-table--tr{background-color:var(--x-color-transparent);border-top:0}.x-table .x-table--th{position:relative;box-sizing:border-box;padding:0;color:var(--x-table-color-text-header-cell);font-weight:var(--x-table-font-weight-header-text);line-height:var(--x-line-height-base);text-align:left;background-color:var(--x-table-color-bg-header-cell);border:0;border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table .x-table--th[colspan]{text-align:center}.x-table .x-table--th-align-right{text-align:right}.x-table .x-table--th-align-right .x-table--cell-with-sorter{justify-content:flex-end}.x-table .x-table--th-align-center{text-align:center}.x-table .x-table--th-align-center .x-table--cell-with-sorter{justify-content:center}.x-table .x-table--td{box-sizing:border-box;padding:0;color:var(--x-table-color-text-body-cell);line-height:var(--x-line-height-base);text-align:left;overflow-wrap:break-word;word-break:normal;background-color:var(--x-table-color-bg-body-cell);border:0;border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);transition:background-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)}.x-table .x-table--td-align-right{text-align:right}.x-table .x-table--td-align-center{text-align:center}.x-table .x-table--td.x-table-drag-handle{cursor:move}.x-table--cell{position:relative;display:flex;align-items:center;min-height:22px}.x-table--cell-align-left{justify-content:flex-start;text-align:left}.x-table--cell-align-right{justify-content:flex-end;text-align:right}.x-table--cell-align-center{justify-content:center;text-align:center}.x-table-text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table--td--content{display:block;width:100%;min-width:0}.x-table .x-table--th.x-table .x-table--th--col-sorted{background-color:var(--x-table-color-bg-header-sorted-cell)}.x-table .x-table--td.x-table .x-table--td--col-sorted{background-color:var(--x-table-color-bg-body-sorted-cell)}.x-table-col-fixed-left,.x-table-col-fixed-right{position:sticky;z-index:10}.x-table-col-fixed-left-last::after,.x-table-col-fixed-right-first::after{position:absolute;top:0;bottom:var(--x-table-border-width);left:0;width:var(--x-table-size-shadow-wrapper-width);box-shadow:none;transform:translateX(-100%);transition:box-shadow var(--x-transition-duration-1) var(--x-transition-timing-function-linear);content:"";pointer-events:none}.x-table-col-fixed-left-last::after{right:0;left:unset;transform:translateX(100%)}.x-table--cell-text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table .x-table--expand-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--x-table-size-expand-button);height:var(--x-table-size-expand-button);padding:0;color:var(--x-table-color-expand-icon);font-size:var(--x-table-font-size-expand-button);line-height:var(--x-table-size-expand-button);background-color:var(--x-table-color-bg-expand-icon);border:var(--x-table-border-expand-icon-width) solid var(--x-table-color-expand-icon-border);border-radius:var(--x-table-border-radius-expand-button);outline:none;cursor:pointer;transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table .x-table--expand-btn:hover{color:var(--x-table-color-expand-icon_hover);background-color:var(--x-table-color-bg-expand-icon_hover);border-color:var(--x-table-color-expand-icon-border_hover)}.x-table--cell-expand-icon{display:flex;align-items:center}.x-table--cell-expand-icon .x-table--cell-inline-icon{display:inline-flex;margin-right:var(--x-table-spacing-expand-button-margin-right)}.x-table--cell-expand-icon .x-table--cell-inline-icon .x-icon-loading{color:var(--x-color-primary-text)}.x-table--cell-expand-icon-hidden{display:inline-block;width:var(--x-table-size-expand-button);height:var(--x-table-size-expand-button);margin-right:var(--x-table-spacing-expand-button-margin-right)}.x-table--tr-expand .x-table--td{background-color:var(--x-table-color-bg-expand-content)}.x-table--cell-fixed-expand{position:sticky;left:0;box-sizing:border-box}.x-table--tr-expand .x-table--td .x-table .x-table--container{border:none}.x-table--tr-expand .x-table--td .x-table .x-table--th{border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table--tr-expand .x-table--td .x-table .x-table--th,.x-table--tr-expand .x-table--td .x-table .x-table--td{background-color:var(--x-color-transparent)}.x-table--tr-expand .x-table--td .x-table .x-table-pagination{margin-bottom:var(--x-table-spacing-pagination-margin)}.x-table--th.x-table--operation,.x-table--td.x-table--operation{text-align:center}.x-table--th.x-table--operation .x-table--cell,.x-table--td.x-table--operation .x-table--cell{display:flex;justify-content:center;padding:0}.x-table-radio,.x-table-checkbox{justify-content:center}.x-table-checkbox .x-checkbox,.x-table-radio .x-radio{padding-left:0}.x-table-selection-checkbox-col,.x-table-selection-radio-col{width:var(--x-table-size-selection-col-width);min-width:var(--x-table-size-selection-col-width);max-width:var(--x-table-size-selection-col-width)}.x-table-expand-col{width:var(--x-table-size-expand-icon-col-width);min-width:var(--x-table-size-expand-icon-col-width);max-width:var(--x-table-size-expand-icon-col-width)}.x-table-drag-handle-col{width:var(--x-table-size-drag-handle-col-width);min-width:var(--x-table-size-drag-handle-col-width);max-width:var(--x-table-size-drag-handle-col-width)}.x-table--th{transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--cell-with-sorter{display:flex;align-items:center;width:100%;cursor:pointer}.x-table--cell-with-sorter:hover{background-color:var(--x-table-color-bg-header-sorted-cell_hover)}.x-table--cell-with-sorter:hover .x-table--sorter--icon .x-icon-caret-up,.x-table--cell-with-sorter:hover .x-table--sorter--icon .x-icon-caret-down{color:var(--x-table-color-header-sorter-icon_next)}.x-table--cell-with-filter{display:flex;align-items:center}.x-table--cell-next-ascend .x-table--sorter--icon .x-icon-caret-up{color:var(--x-table-color-header-sorter-icon_next)}.x-table--cell-next-descend .x-table--sorter--icon .x-icon-caret-down{color:var(--x-table-color-header-sorter-icon_next)}.x-table--sorter{display:inline-flex;flex:none;flex-direction:column;align-items:center;justify-content:center;margin-left:var(--x-table-spacing-header-sorter-icon-margin-left);vertical-align:-3px}.x-table--sorter--icon{position:relative;width:var(--x-table-size-header-sorter-icon-width);height:var(--x-table-size-header-sorter-icon-height);overflow:hidden;line-height:var(--x-table-size-header-sorter-icon-height)}.x-table--sorter--icon .x-icon-caret-up,.x-table--sorter--icon .x-icon-caret-down{position:absolute;top:50%;color:var(--x-table-color-header-sorter-icon);font-size:var(--x-table-font-size-header-sorter-icon);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--sorter--icon .x-icon-caret-up{top:var(--x-table-position-header-sorter-icon-up-top);left:var(--x-table-position-header-sorter-icon-left)}.x-table--sorter--icon .x-icon-caret-down{top:var(--x-table-position-header-sorter-icon-down-top);left:var(--x-table-position-header-sorter-icon-left)}.x-table--sorter--icon-active svg{color:var(--x-table-color-header-sorter-icon_active)}.x-table--filters{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:var(--x-table-size-filters-width);height:100%;line-height:1;vertical-align:0;background-color:var(--x-color-transparent);cursor:pointer;transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--filters:hover,.x-table--filters-open{color:var(--x-color-text-2);background-color:var(--x-table-color-bg-header-filters-icon_hover)}.x-table--filters svg{color:var(--x-table-color-header-filters-icon);font-size:var(--x-table-font-size-filters-icon);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--filters-active svg{color:var(--x-table-color-header-filters-icon_active)}.x-table--filters-align-left{position:relative;width:auto;margin-left:var(--x-table-spacing-header-sorter-icon-margin-left)}.x-table--filters-align-left svg{font-size:var(--x-table-font-size-header-sorter-icon)}.x-table--filters-align-left:hover,.x-table--filters-align-left-open{background:none}.x-table--filters-align-left:hover::before,.x-table--filters-align-left.x-table--filters-open::before{background:var(--x-table-filters-icon-bg_hover)}.x-table--container{position:relative;overflow:hidden;border-radius:var(--x-table-border-radius)}.x-table--header{flex-shrink:0;border-radius:var(--x-table-border-radius) var(--x-table-border-radius) 0 0}.x-table--container{box-sizing:border-box;width:100%;min-height:0}.x-table--container .x-table--content{display:flex;flex-direction:column;width:auto;height:100%}.x-table--container .x-table--content-scroll-x{overflow-x:auto;overflow-y:hidden}.x-table--container::before,.x-table--container::after{position:absolute;z-index:1;width:var(--x-table-size-shadow-wrapper-width);height:100%;box-shadow:none;transition:box-shadow var(--x-transition-duration-1) var(--x-transition-timing-function-linear);content:"";pointer-events:none}.x-table--container::before{top:0;left:0;border-top-left-radius:var(--x-table-border-radius)}.x-table--container::after{top:0;right:0;border-top-right-radius:var(--x-table-border-radius)}.x-table--container:not(.x-table-has-fixed-col-left).x-table-scroll-position-right::before,.x-table--container:not(.x-table-has-fixed-col-left).x-table-scroll-position-middle::before{box-shadow:var(--x-table-shadow-left)}.x-table--container:not(.x-table-has-fixed-col-right).x-table-scroll-position-left::after,.x-table--container:not(.x-table-has-fixed-col-right).x-table-scroll-position-middle::after{box-shadow:var(--x-table-shadow-right)}.x-table--header{overflow-x:hidden;overflow-y:hidden;background-color:var(--x-table-color-bg-header-cell);scrollbar-color:var(--x-color-transparent) var(--x-color-transparent)}.x-table--header-sticky{position:sticky;top:0;z-index:100}.x-table:not(.x-table-empty) .x-table--header::-webkit-scrollbar{height:0;background-color:var(--x-color-transparent)}.x-table.x-table--empty--header{overflow-x:auto}.x-table--body{position:relative;width:100%;min-height:var(--x-table-size-body-min-width);overflow:auto;background-color:var(--x-table-color-body-background)}.x-table-border .x-table--container{border:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border .x-table-scroll-y{border-bottom:none}.x-table-border .x-table-scroll-y .x-table--body .x-table--tr:last-of-type .x-table--td,.x-table-border .x-table-scroll-y tfoot .x-table--tr:last-of-type .x-table--td{border-bottom:none}.x-table-border .x-table-scroll-y .x-table--body .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-left-last::after,.x-table-border .x-table-scroll-y .x-table--body .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-right-first::after,.x-table-border .x-table-scroll-y tfoot .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-left-last::after,.x-table-border .x-table-scroll-y tfoot .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-right-first::after{bottom:0}.x-table-border .x-table--tr .x-table--th{border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border .x-table--footer{border:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);border-top:0}.x-table-border:not(.x-table-border-cell) .x-table--container{border-color:var(--x-table-color-border)}.x-table-border-cell .x-table--th,.x-table-border-cell .x-table--td:not(.x-table--tr-expand){border-right:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border-cell .x-table--tr .x-table--th:last-child,.x-table-border-cell .x-table--tr .x-table--td:last-child{border-right:0}.x-table-border-cell .x-table--th-resizing,.x-table-border-cell .x-table--td-resizing:not(.x-table--tr-expand){border-right-color:var(--x-table-color-border_resizing)}.x-table-border-header-cell .x-table--th{border-right:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border-header-cell .x-table--th-resizing,.x-table-border-header-cell .x-table--td-resizing:not(.x-table--tr-expand){border-right-color:var(--x-table-color-border_resizing)}.x-table-border.x-table-border-header-cell thead .x-table--tr:first-child .x-table--th:last-child{border-right:0}.x-table-border-body-cell .x-table--td:not(:last-child):not(.x-table--tr-expand){border-right:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-stripe:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):nth-child(even) .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right),.x-table-stripe .x-table--tr-drag .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-table-color-bg-body-stripe-row)}.x-table-stripe:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):nth-child(even) .x-table--td.x-table-col-fixed-left::before,.x-table-stripe:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):nth-child(even) .x-table--td.x-table-col-fixed-right::before,.x-table-stripe .x-table--tr-drag .x-table--td.x-table-col-fixed-left::before,.x-table-stripe .x-table--tr-drag .x-table--td.x-table-col-fixed-right::before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:var(--x-table-color-bg-body-stripe-row);content:""}.x-table .x-table--tr-draggable{cursor:move}.x-table-hover:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):hover .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right),.x-table-hover .x-table--tr-drag .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-table-color-bg-body-row_hover)}.x-table-hover:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):hover .x-table--td.x-table-col-fixed-left::before,.x-table-hover:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):hover .x-table--td.x-table-col-fixed-right::before,.x-table-hover .x-table--tr-drag .x-table--td.x-table-col-fixed-left::before,.x-table-hover .x-table--tr-drag .x-table--td.x-table-col-fixed-right::before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:var(--x-table-color-bg-body-row_hover);content:""}.x-table-hover .x-table--tr-expand:not(.x-table--tr-empty):hover .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-table-color-bg-expand-content_hover)}.x-table--tr-expand .x-table--td .x-table-hover .x-table--tr:not(.x-table--tr-empty) .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-color-transparent)}.x-table--tr-expand .x-table--td .x-table-hover .x-table--tr:not(.x-table--tr-empty) .x-table--td.x-table-col-fixed-left::before,.x-table--tr-expand .x-table--td .x-table-hover .x-table--tr:not(.x-table--tr-empty) .x-table--td.x-table-col-fixed-right::before{background-color:var(--x-color-transparent)}.x-table-tfoot{position:relative;z-index:1;flex-shrink:0;width:100%;overflow-x:auto;background-color:var(--x-table-color-bg-tfoot);border-top:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);box-shadow:none;scrollbar-color:var(--x-color-transparent) var(--x-color-transparent)}.x-table-tfoot::-webkit-scrollbar{height:0;background-color:var(--x-color-transparent)}.x-table tfoot .x-table--td{background-color:var(--x-table-color-bg-tfoot)}.x-table--tr-checked .x-table--td{background-color:var(--x-table-color-bg-body-row_active)}.x-table .x-table--cell{padding:var(--x-table-size-large-padding-vertical) var(--x-table-size-large-padding-horizontal)}.x-table .x-table--th{font-size:var(--x-table-size-large-font-header-size)}.x-table .x-table--td{font-size:var(--x-table-size-large-font-size)}.x-table .x-table--footer{padding:var(--x-table-size-large-padding-vertical) var(--x-table-size-large-padding-horizontal)}.x-table .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-large-padding-vertical)) calc(-1*var(--x-table-size-large-padding-horizontal)) calc(-1*var(--x-table-size-large-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-large-padding-horizontal))}.x-table-size-medium .x-table--cell{padding:var(--x-table-size-medium-padding-vertical) var(--x-table-size-medium-padding-horizontal)}.x-table-size-medium .x-table--th{font-size:var(--x-table-size-medium-font-header-size)}.x-table-size-medium .x-table--td{font-size:var(--x-table-size-medium-font-size)}.x-table-size-medium .x-table--footer{padding:var(--x-table-size-medium-padding-vertical) var(--x-table-size-medium-padding-horizontal)}.x-table-size-medium .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-medium-padding-vertical)) calc(-1*var(--x-table-size-medium-padding-horizontal)) calc(-1*var(--x-table-size-medium-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-medium-padding-horizontal))}.x-table-size-small .x-table--cell{padding:var(--x-table-size-small-padding-vertical) var(--x-table-size-small-padding-horizontal)}.x-table-size-small .x-table--th{font-size:var(--x-table-size-small-font-header-size)}.x-table-size-small .x-table--td{font-size:var(--x-table-size-small-font-size)}.x-table-size-small .x-table--footer{padding:var(--x-table-size-small-padding-vertical) var(--x-table-size-small-padding-horizontal)}.x-table-size-small .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-small-padding-vertical)) calc(-1*var(--x-table-size-small-padding-horizontal)) calc(-1*var(--x-table-size-small-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-small-padding-horizontal))}.x-table-size-mini .x-table--cell{padding:var(--x-table-size-mini-padding-vertical) var(--x-table-size-mini-padding-horizontal)}.x-table-size-mini .x-table--th{font-size:var(--x-table-size-mini-font-header-size)}.x-table-size-mini .x-table--td{font-size:var(--x-table-size-mini-font-size)}.x-table-size-mini .x-table--footer{padding:var(--x-table-size-mini-padding-vertical) var(--x-table-size-mini-padding-horizontal)}.x-table-size-mini .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-mini-padding-vertical)) calc(-1*var(--x-table-size-mini-padding-horizontal)) calc(-1*var(--x-table-size-mini-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-mini-padding-horizontal))}.x-table-virtualized .x-table--element{table-layout:fixed}.x-table-virtualized .x-table--body .x-table--tr{display:flex}.x-table-virtualized .x-table--body .x-table--td{display:flex;flex:1;align-items:center}.x-table-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:var(--x-spacing-4);justify-content:flex-end;margin-top:var(--x-table-spacing-pagination-margin)}.x-table-pagination>*{flex:none}.x-table-pagination-left{justify-content:flex-start}.x-table-pagination-center{justify-content:center}.x-table-pagination-top{margin-top:0;margin-bottom:var(--x-table-spacing-pagination-margin)}.x-virtual-list>.x-table--element{width:auto}
package/dist/style/tabs.css CHANGED
@@ -1 +1 @@
1
- :root{--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-tabs-content-padding: var(--x-spacing-7);--x-tabs-border-radius: var(--x-border-radius-small);--x-tabs-transition-duration: var(--x-transition-duration-2);--x-tabs-transition-timing: var(--x-transition-timing-function-standard)}.x-tabs{position:relative;box-sizing:border-box;width:100%;color:var(--x-tabs-color-text)}.x-tabs-horizontal,.x-tabs-justify{display:flex;flex-direction:column}.x-tabs-vertical{display:flex;align-items:stretch}.x-tabs-vertical>.x-tabs--content{flex:1;min-width:0;padding-top:0}.x-tabs-right{flex-direction:row-reverse}.x-tabs-bottom>.x-tabs--content{padding-top:0;padding-bottom:var(--x-tabs-content-padding)}.x-tabs-justify{height:100%}.x-tabs-justify .x-tabs--content,.x-tabs-justify .x-tabs--content--list,.x-tabs-justify .x-tabs--pane{height:100%}.x-tabs--content{box-sizing:border-box;width:100%;padding-top:var(--x-tabs-content-padding);overflow:hidden}.x-tabs--content-hide{display:none}.x-tabs--content--list{display:flex;width:100%}.x-tabs--content--list-animation{transition:margin var(--x-tabs-transition-duration) var(--x-tabs-transition-timing)}.x-tabs--content--item{flex-shrink:0;width:100%;height:0;overflow:hidden}.x-tabs--content--item-active{height:auto;overflow:visible}.x-tabs--pane{box-sizing:border-box;width:100%}.x-tabs-type-card>.x-tabs--content,.x-tabs-type-card-gutter>.x-tabs--content{padding:var(--x-tabs-content-padding);border:1px solid var(--x-tabs-color-border);border-top:none}.x-tabs-type-card.x-tabs-bottom>.x-tabs--content,.x-tabs-type-card-gutter.x-tabs-bottom>.x-tabs--content{border-top:1px solid var(--x-tabs-color-border);border-bottom:none}.x-tabs-type-card.x-tabs-left>.x-tabs--content,.x-tabs-type-card-gutter.x-tabs-left>.x-tabs--content{border-top:1px solid var(--x-tabs-color-border);border-left:none}.x-tabs-type-card.x-tabs-right>.x-tabs--content,.x-tabs-type-card-gutter.x-tabs-right>.x-tabs--content{border-top:1px solid var(--x-tabs-color-border);border-right:none}.x-tabs--nav{position:relative;display:flex;flex-shrink:0;align-items:center;box-sizing:border-box;overflow:hidden}.x-tabs--nav::before{position:absolute;right:0;bottom:0;left:0;display:block;height:1px;background-color:var(--x-tabs-color-border);content:""}.x-tabs--nav-bottom::before{top:0;bottom:auto}.x-tabs--nav-vertical{flex-direction:column;align-items:stretch}.x-tabs--nav-vertical::before{top:0;right:0;bottom:0;left:auto;width:1px;height:auto}.x-tabs--nav-right::before{right:auto;left:0}.x-tabs--nav--tab{display:flex;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}.x-tabs--nav--tab-scroll{flex:1 1 auto}.x-tabs--nav--tab--list{position:relative;display:inline-flex;flex:none;align-items:center;white-space:nowrap;transition:transform var(--x-tabs-transition-duration) var(--x-tabs-transition-timing)}.x-tabs--nav-vertical .x-tabs--nav--tab{flex-direction:column;width:100%;min-height:0}.x-tabs--nav-vertical .x-tabs--nav--tab--list{flex-direction:column;align-items:stretch;width:100%}.x-tabs--nav--extra{display:inline-flex;flex:none;align-items:center;gap:var(--x-spacing-3);min-width:0}.x-tabs--nav--add-btn{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--x-size-8);height:var(--x-size-8);color:var(--x-tabs-color-text);cursor:pointer}.x-tabs--nav--add-btn:hover{color:var(--x-tabs-color-text-active)}.x-tabs--nav-type-text::before,.x-tabs--nav-type-rounded::before,.x-tabs--nav-type-capsule::before{display:none}.x-tabs--tab{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;height:var(--x-tabs-tab-height);padding:0 var(--x-tabs-tab-padding-x);color:var(--x-tabs-color-text);font-size:var(--x-tabs-tab-font-size);line-height:1.5715;outline:none;cursor:pointer;transition:color var(--x-tabs-transition-duration) var(--x-transition-timing-function-linear),background-color var(--x-tabs-transition-duration) var(--x-transition-timing-function-linear),border-color var(--x-tabs-transition-duration) var(--x-transition-timing-function-linear)}.x-tabs--tab--title{display:inline-flex;align-items:center;min-width:0}.x-tabs--tab--close-btn{display:inline-flex;margin-left:var(--x-spacing-2);color:inherit;cursor:pointer}.x-tabs--tab:hover{color:var(--x-tabs-color-text-hover)}.x-tabs--tab:focus-visible{box-shadow:inset 0 0 0 2px var(--x-tabs-color-focus)}.x-tabs--tab-active,.x-tabs--tab-active:hover{color:var(--x-tabs-color-text-active);font-weight:var(--x-font-weight-500)}.x-tabs--tab-disabled,.x-tabs--tab-disabled:hover{color:var(--x-tabs-color-text-disabled);cursor:not-allowed}.x-tabs--nav-size-mini{--x-tabs-tab-height: 28px;--x-tabs-tab-font-size: var(--x-font-size-body-1);--x-tabs-tab-padding-x: var(--x-spacing-4);--x-tabs-tab-gap: var(--x-spacing-3)}.x-tabs--nav-size-small{--x-tabs-tab-height: 32px;--x-tabs-tab-font-size: var(--x-font-size-body-3);--x-tabs-tab-padding-x: var(--x-spacing-5);--x-tabs-tab-gap: var(--x-spacing-4)}.x-tabs--nav-size-medium{--x-tabs-tab-height: 36px;--x-tabs-tab-font-size: var(--x-font-size-body-3);--x-tabs-tab-padding-x: var(--x-spacing-6);--x-tabs-tab-gap: var(--x-spacing-5)}.x-tabs--nav-size-large{--x-tabs-tab-height: 44px;--x-tabs-tab-font-size: var(--x-font-size-title-1);--x-tabs-tab-padding-x: var(--x-spacing-7);--x-tabs-tab-gap: var(--x-spacing-6)}.x-tabs--nav-type-line .x-tabs--nav--tab--list{gap:var(--x-tabs-tab-gap)}.x-tabs--nav-type-line .x-tabs--nav--tab--list-no-padding .x-tabs--tab:first-child{padding-left:0}.x-tabs--nav-type-card .x-tabs--tab,.x-tabs--nav-type-card-gutter .x-tabs--tab{background-color:var(--x-tabs-color-bg);border:1px solid var(--x-tabs-color-border)}.x-tabs--nav-type-card .x-tabs--tab:hover,.x-tabs--nav-type-card-gutter .x-tabs--tab:hover{background-color:var(--x-tabs-color-fill-hover)}.x-tabs--nav-type-card .x-tabs--tab-active,.x-tabs--nav-type-card .x-tabs--tab-active:hover,.x-tabs--nav-type-card-gutter .x-tabs--tab-active,.x-tabs--nav-type-card-gutter .x-tabs--tab-active:hover{background-color:var(--x-tabs-color-bg);border-bottom-color:var(--x-tabs-color-bg);z-index:1}.x-tabs--nav-type-card .x-tabs--tab-disabled,.x-tabs--nav-type-card .x-tabs--tab-disabled:hover,.x-tabs--nav-type-card-gutter .x-tabs--tab-disabled,.x-tabs--nav-type-card-gutter .x-tabs--tab-disabled:hover{background-color:var(--x-tabs-color-fill)}.x-tabs--nav-type-card .x-tabs--tab:not(:last-child){border-right:none}.x-tabs--nav-type-card .x-tabs--tab:first-child{border-top-left-radius:var(--x-tabs-border-radius)}.x-tabs--nav-type-card .x-tabs--tab:last-child{border-top-right-radius:var(--x-tabs-border-radius)}.x-tabs--nav-type-card-gutter .x-tabs--nav--tab--list{gap:var(--x-spacing-2)}.x-tabs--nav-type-card-gutter .x-tabs--tab{border-radius:var(--x-tabs-border-radius) var(--x-tabs-border-radius) 0 0}.x-tabs--nav-bottom.x-tabs--nav-type-card,.x-tabs--nav-bottom.x-tabs--nav-type-card-gutter{margin-top:-1px}.x-tabs--nav-bottom.x-tabs--nav-type-card .x-tabs--tab,.x-tabs--nav-bottom.x-tabs--nav-type-card-gutter .x-tabs--tab{border-radius:0 0 var(--x-tabs-border-radius) var(--x-tabs-border-radius)}.x-tabs--nav-bottom.x-tabs--nav-type-card .x-tabs--tab-active,.x-tabs--nav-bottom.x-tabs--nav-type-card .x-tabs--tab-active:hover,.x-tabs--nav-bottom.x-tabs--nav-type-card-gutter .x-tabs--tab-active,.x-tabs--nav-bottom.x-tabs--nav-type-card-gutter .x-tabs--tab-active:hover{border-top-color:var(--x-tabs-color-bg);border-bottom-color:var(--x-tabs-color-border)}.x-tabs--nav-left.x-tabs--nav-type-card,.x-tabs--nav-left.x-tabs--nav-type-card-gutter,.x-tabs--nav-right.x-tabs--nav-type-card,.x-tabs--nav-right.x-tabs--nav-type-card-gutter{height:auto}.x-tabs--nav-left.x-tabs--nav-type-card::before,.x-tabs--nav-left.x-tabs--nav-type-card-gutter::before,.x-tabs--nav-right.x-tabs--nav-type-card::before,.x-tabs--nav-right.x-tabs--nav-type-card-gutter::before{display:none}.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab,.x-tabs--nav-left.x-tabs--nav-type-card-gutter .x-tabs--tab,.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--tab{width:100%;border-radius:var(--x-tabs-border-radius) 0 0 var(--x-tabs-border-radius)}.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab-active,.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab-active:hover,.x-tabs--nav-left.x-tabs--nav-type-card-gutter .x-tabs--tab-active,.x-tabs--nav-left.x-tabs--nav-type-card-gutter .x-tabs--tab-active:hover,.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab-active,.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab-active:hover,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--tab-active,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--tab-active:hover{border-right-color:var(--x-tabs-color-bg);border-bottom-color:var(--x-tabs-color-border)}.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab:not(:last-child),.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab:not(:last-child){border-right:1px solid var(--x-tabs-color-border);border-bottom:none}.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab:first-child,.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab:first-child{border-radius:var(--x-tabs-border-radius) 0 0 0}.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab:last-child,.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab:last-child{border-radius:0 0 0 var(--x-tabs-border-radius)}.x-tabs--nav-left.x-tabs--nav-type-card-gutter .x-tabs--nav--tab--list,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--nav--tab--list{gap:var(--x-spacing-2)}.x-tabs--nav-left.x-tabs--nav-type-card,.x-tabs--nav-left.x-tabs--nav-type-card-gutter{margin-right:-1px}.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab.x-tabs--tab-active,.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab.x-tabs--tab-active:hover,.x-tabs--nav-left.x-tabs--nav-type-card-gutter .x-tabs--tab.x-tabs--tab-active,.x-tabs--nav-left.x-tabs--nav-type-card-gutter .x-tabs--tab.x-tabs--tab-active:hover{border-right-color:var(--x-tabs-color-bg)}.x-tabs--nav-right.x-tabs--nav-type-card,.x-tabs--nav-right.x-tabs--nav-type-card-gutter{margin-left:-1px}.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--tab{border-radius:0 var(--x-tabs-border-radius) var(--x-tabs-border-radius) 0}.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab-active,.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab-active:hover,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--tab-active,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--tab-active:hover{border-right-color:var(--x-tabs-color-border);border-left-color:var(--x-tabs-color-bg)}.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab:first-child{border-radius:0 var(--x-tabs-border-radius) 0 0}.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab:last-child{border-radius:0 0 var(--x-tabs-border-radius) 0}.x-tabs--nav-type-text .x-tabs--nav--tab--list{gap:var(--x-tabs-tab-gap)}.x-tabs--nav-type-text .x-tabs--tab{height:auto;min-height:var(--x-tabs-tab-height);padding:0}.x-tabs--nav-type-text .x-tabs--tab:not(:first-child)::before{width:1px;height:.8em;margin-right:var(--x-tabs-tab-gap);background-color:var(--x-tabs-color-border);content:""}.x-tabs--nav-type-text .x-tabs--tab--title{padding:var(--x-spacing-1) var(--x-tabs-tab-padding-x);border-radius:var(--x-tabs-border-radius)}.x-tabs--nav-type-text .x-tabs--tab:hover .x-tabs--tab--title,.x-tabs--nav-type-text .x-tabs--tab-active .x-tabs--tab--title{background-color:var(--x-tabs-color-fill-active)}.x-tabs--nav-type-rounded .x-tabs--nav--tab--list{gap:var(--x-tabs-tab-gap)}.x-tabs--nav-type-rounded .x-tabs--tab{background-color:var(--x-tabs-color-fill);border-radius:999px}.x-tabs--nav-type-rounded .x-tabs--tab:hover{background-color:var(--x-tabs-color-fill-hover)}.x-tabs--nav-type-rounded .x-tabs--tab-active,.x-tabs--nav-type-rounded .x-tabs--tab-active:hover{background-color:var(--x-tabs-color-fill-active)}.x-tabs--nav-type-capsule .x-tabs--nav--tab--list{gap:var(--x-spacing-1);padding:var(--x-spacing-1);background-color:var(--x-tabs-color-fill);border-radius:999px}.x-tabs--nav-type-capsule .x-tabs--tab{border-radius:999px}.x-tabs--nav-type-capsule .x-tabs--tab:hover{background-color:var(--x-tabs-color-fill-hover)}.x-tabs--nav-type-capsule .x-tabs--tab-active,.x-tabs--nav-type-capsule .x-tabs--tab-active:hover{background-color:var(--x-tabs-color-bg);box-shadow:var(--x-shadow-special)}.x-tabs--nav-vertical .x-tabs--tab{justify-content:flex-start;width:100%}.x-tabs--nav-vertical.x-tabs--nav-type-line .x-tabs--nav--tab--list{gap:0}.x-tabs--nav--ink{position:absolute;right:auto;bottom:0;left:0;height:2px;background-color:var(--x-tabs-color-text-active);border-radius:var(--x-border-radius-small);transition:top var(--x-tabs-transition-duration) var(--x-tabs-transition-timing),left var(--x-tabs-transition-duration) var(--x-tabs-transition-timing),width var(--x-tabs-transition-duration) var(--x-tabs-transition-timing),height var(--x-tabs-transition-duration) var(--x-tabs-transition-timing)}.x-tabs--nav--ink-disabled{background-color:var(--x-tabs-color-text-disabled)}.x-tabs--nav-vertical .x-tabs--nav--ink{top:0;right:0;bottom:auto;left:auto;width:2px;height:auto}.x-tabs--nav-right .x-tabs--nav--ink{right:auto;left:0}.x-tabs-nav-button{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--x-size-8);height:var(--x-size-8);color:var(--x-tabs-color-text);cursor:pointer;user-select:none}.x-tabs-nav-button-left{margin-right:var(--x-spacing-3);margin-left:var(--x-spacing-6)}.x-tabs-nav-button-right{margin-right:var(--x-spacing-6);margin-left:var(--x-spacing-3)}.x-tabs-nav-button-up{margin-bottom:var(--x-spacing-6)}.x-tabs-nav-button-down{margin-top:var(--x-spacing-6)}.x-tabs-nav-button:hover{color:var(--x-tabs-color-text-active)}.x-tabs-nav-button-disabled,.x-tabs-nav-button-disabled:hover{color:var(--x-tabs-color-text-disabled);cursor:not-allowed}
1
+ :root{--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-tabs-content-padding: var(--x-spacing-7);--x-tabs-border-radius: var(--x-border-radius-small);--x-tabs-transition-duration: var(--x-transition-duration-2);--x-tabs-transition-timing: var(--x-transition-timing-function-standard)}.x-tabs{position:relative;box-sizing:border-box;width:100%;color:var(--x-tabs-color-text)}.x-tabs-horizontal,.x-tabs-justify{display:flex;flex-direction:column}.x-tabs-vertical{display:flex;flex-direction:row;align-items:stretch}.x-tabs-vertical>.x-tabs--content{flex:1;min-width:0;padding-top:0}.x-tabs-vertical.x-tabs-left>.x-tabs--content{padding-left:var(--x-tabs-content-padding)}.x-tabs-vertical.x-tabs-right>.x-tabs--content{padding-right:var(--x-tabs-content-padding)}.x-tabs-right{flex-direction:row-reverse}.x-tabs-bottom>.x-tabs--content{padding-top:0;padding-bottom:var(--x-tabs-content-padding)}.x-tabs-justify{height:100%}.x-tabs-justify .x-tabs--content,.x-tabs-justify .x-tabs--content--list,.x-tabs-justify .x-tabs--pane{height:100%}.x-tabs--content{box-sizing:border-box;width:100%;padding-top:var(--x-tabs-content-padding);overflow:hidden}.x-tabs--content-hide{display:none}.x-tabs--content--list{display:flex;width:100%}.x-tabs--content--list-animation{transition:margin var(--x-tabs-transition-duration) var(--x-tabs-transition-timing)}.x-tabs--content--item{flex-shrink:0;width:100%;height:0;overflow:hidden}.x-tabs--content--item-active{height:auto;overflow:visible}.x-tabs--pane{box-sizing:border-box;width:100%}.x-tabs-type-card>.x-tabs--content,.x-tabs-type-card-gutter>.x-tabs--content{padding:var(--x-tabs-content-padding);border:1px solid var(--x-tabs-color-border);border-top:none}.x-tabs-type-card.x-tabs-bottom>.x-tabs--content,.x-tabs-type-card-gutter.x-tabs-bottom>.x-tabs--content{border-top:1px solid var(--x-tabs-color-border);border-bottom:none}.x-tabs-type-card.x-tabs-left>.x-tabs--content,.x-tabs-type-card-gutter.x-tabs-left>.x-tabs--content{border-top:1px solid var(--x-tabs-color-border);border-left:none}.x-tabs-type-card.x-tabs-right>.x-tabs--content,.x-tabs-type-card-gutter.x-tabs-right>.x-tabs--content{border-top:1px solid var(--x-tabs-color-border);border-right:none}.x-tabs--nav{position:relative;display:flex;flex-shrink:0;align-items:center;box-sizing:border-box;overflow:hidden}.x-tabs--nav::before{position:absolute;right:0;bottom:0;left:0;display:block;height:1px;background-color:var(--x-tabs-color-border);content:""}.x-tabs--nav-bottom::before{top:0;bottom:auto}.x-tabs--nav-vertical{flex-direction:column;align-items:stretch}.x-tabs--nav-vertical::before{top:0;right:0;bottom:0;left:auto;width:1px;height:auto}.x-tabs--nav-right::before{right:auto;left:0}.x-tabs--nav--tab{display:flex;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}.x-tabs--nav--tab-scroll{flex:1 1 auto}.x-tabs--nav--tab--list{position:relative;display:inline-flex;flex:none;align-items:center;white-space:nowrap;transition:transform var(--x-tabs-transition-duration) var(--x-tabs-transition-timing)}.x-tabs--nav-vertical .x-tabs--nav--tab{flex-direction:column;width:100%;min-height:0}.x-tabs--nav-vertical .x-tabs--nav--tab--list{flex-direction:column;align-items:stretch;width:100%}.x-tabs--nav--extra{display:inline-flex;flex:none;align-items:center;gap:var(--x-spacing-3);min-width:0}.x-tabs--nav--add-btn{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--x-size-8);height:var(--x-size-8);color:var(--x-tabs-color-text);cursor:pointer}.x-tabs--nav--add-btn:hover{color:var(--x-tabs-color-text-active)}.x-tabs--nav-type-text::before,.x-tabs--nav-type-rounded::before,.x-tabs--nav-type-capsule::before{display:none}.x-tabs--tab{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;height:var(--x-tabs-tab-height);padding:0 var(--x-tabs-tab-padding-x);color:var(--x-tabs-color-text);font-size:var(--x-tabs-tab-font-size);line-height:1.5715;outline:none;cursor:pointer;transition:color var(--x-tabs-transition-duration) var(--x-transition-timing-function-linear),background-color var(--x-tabs-transition-duration) var(--x-transition-timing-function-linear),border-color var(--x-tabs-transition-duration) var(--x-transition-timing-function-linear)}.x-tabs--tab--title{display:inline-flex;align-items:center;min-width:0}.x-tabs--tab--close-btn{display:inline-flex;margin-left:var(--x-spacing-2);color:inherit;cursor:pointer}.x-tabs--tab:hover{color:var(--x-tabs-color-text-hover)}.x-tabs--tab:focus-visible{box-shadow:inset 0 0 0 2px var(--x-tabs-color-focus)}.x-tabs--tab-active,.x-tabs--tab-active:hover{color:var(--x-tabs-color-text-active);font-weight:var(--x-font-weight-500)}.x-tabs--tab-disabled,.x-tabs--tab-disabled:hover{color:var(--x-tabs-color-text-disabled);cursor:not-allowed}.x-tabs--nav-size-mini{--x-tabs-tab-height: 28px;--x-tabs-tab-font-size: var(--x-font-size-body-1);--x-tabs-tab-padding-x: var(--x-spacing-4);--x-tabs-tab-gap: var(--x-spacing-3)}.x-tabs--nav-size-small{--x-tabs-tab-height: 32px;--x-tabs-tab-font-size: var(--x-font-size-body-3);--x-tabs-tab-padding-x: var(--x-spacing-5);--x-tabs-tab-gap: var(--x-spacing-4)}.x-tabs--nav-size-medium{--x-tabs-tab-height: 36px;--x-tabs-tab-font-size: var(--x-font-size-body-3);--x-tabs-tab-padding-x: var(--x-spacing-6);--x-tabs-tab-gap: var(--x-spacing-5)}.x-tabs--nav-size-large{--x-tabs-tab-height: 44px;--x-tabs-tab-font-size: var(--x-font-size-title-1);--x-tabs-tab-padding-x: var(--x-spacing-7);--x-tabs-tab-gap: var(--x-spacing-6)}.x-tabs--nav-type-line .x-tabs--nav--tab--list{gap:var(--x-tabs-tab-gap)}.x-tabs--nav-type-line .x-tabs--nav--tab--list-no-padding .x-tabs--tab:first-child{padding-left:0}.x-tabs--nav-type-card .x-tabs--tab,.x-tabs--nav-type-card-gutter .x-tabs--tab{background-color:var(--x-tabs-color-bg);border:1px solid var(--x-tabs-color-border)}.x-tabs--nav-type-card .x-tabs--tab:hover,.x-tabs--nav-type-card-gutter .x-tabs--tab:hover{background-color:var(--x-tabs-color-fill-hover)}.x-tabs--nav-type-card .x-tabs--tab-active,.x-tabs--nav-type-card .x-tabs--tab-active:hover,.x-tabs--nav-type-card-gutter .x-tabs--tab-active,.x-tabs--nav-type-card-gutter .x-tabs--tab-active:hover{background-color:var(--x-tabs-color-bg);border-bottom-color:var(--x-tabs-color-bg);z-index:1}.x-tabs--nav-type-card .x-tabs--tab-disabled,.x-tabs--nav-type-card .x-tabs--tab-disabled:hover,.x-tabs--nav-type-card-gutter .x-tabs--tab-disabled,.x-tabs--nav-type-card-gutter .x-tabs--tab-disabled:hover{background-color:var(--x-tabs-color-fill)}.x-tabs--nav-type-card .x-tabs--tab:not(:last-child){border-right:none}.x-tabs--nav-type-card .x-tabs--tab:first-child{border-top-left-radius:var(--x-tabs-border-radius)}.x-tabs--nav-type-card .x-tabs--tab:last-child{border-top-right-radius:var(--x-tabs-border-radius)}.x-tabs--nav-type-card-gutter .x-tabs--nav--tab--list{gap:var(--x-spacing-2)}.x-tabs--nav-type-card-gutter .x-tabs--tab{border-radius:var(--x-tabs-border-radius) var(--x-tabs-border-radius) 0 0}.x-tabs--nav-bottom .x-tabs--nav--ink{top:0;bottom:auto}.x-tabs--nav-bottom.x-tabs--nav-type-card,.x-tabs--nav-bottom.x-tabs--nav-type-card-gutter{margin-top:-1px}.x-tabs--nav-bottom.x-tabs--nav-type-card .x-tabs--tab,.x-tabs--nav-bottom.x-tabs--nav-type-card-gutter .x-tabs--tab{border-radius:0 0 var(--x-tabs-border-radius) var(--x-tabs-border-radius)}.x-tabs--nav-bottom.x-tabs--nav-type-card .x-tabs--tab-active,.x-tabs--nav-bottom.x-tabs--nav-type-card .x-tabs--tab-active:hover,.x-tabs--nav-bottom.x-tabs--nav-type-card-gutter .x-tabs--tab-active,.x-tabs--nav-bottom.x-tabs--nav-type-card-gutter .x-tabs--tab-active:hover{border-top-color:var(--x-tabs-color-bg);border-bottom-color:var(--x-tabs-color-border)}.x-tabs--nav-left.x-tabs--nav-type-card,.x-tabs--nav-left.x-tabs--nav-type-card-gutter,.x-tabs--nav-right.x-tabs--nav-type-card,.x-tabs--nav-right.x-tabs--nav-type-card-gutter{height:auto}.x-tabs--nav-left.x-tabs--nav-type-card::before,.x-tabs--nav-left.x-tabs--nav-type-card-gutter::before,.x-tabs--nav-right.x-tabs--nav-type-card::before,.x-tabs--nav-right.x-tabs--nav-type-card-gutter::before{display:none}.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab,.x-tabs--nav-left.x-tabs--nav-type-card-gutter .x-tabs--tab,.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--tab{width:100%;border-radius:var(--x-tabs-border-radius) 0 0 var(--x-tabs-border-radius)}.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab-active,.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab-active:hover,.x-tabs--nav-left.x-tabs--nav-type-card-gutter .x-tabs--tab-active,.x-tabs--nav-left.x-tabs--nav-type-card-gutter .x-tabs--tab-active:hover,.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab-active,.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab-active:hover,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--tab-active,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--tab-active:hover{border-right-color:var(--x-tabs-color-bg);border-bottom-color:var(--x-tabs-color-border)}.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab:not(:last-child),.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab:not(:last-child){border-right:1px solid var(--x-tabs-color-border);border-bottom:none}.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab:first-child,.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab:first-child{border-radius:var(--x-tabs-border-radius) 0 0 0}.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab:last-child,.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab:last-child{border-radius:0 0 0 var(--x-tabs-border-radius)}.x-tabs--nav-left.x-tabs--nav-type-card-gutter .x-tabs--nav--tab--list,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--nav--tab--list{gap:var(--x-spacing-2)}.x-tabs--nav-left.x-tabs--nav-type-card,.x-tabs--nav-left.x-tabs--nav-type-card-gutter{margin-right:-1px}.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab.x-tabs--tab-active,.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab.x-tabs--tab-active:hover,.x-tabs--nav-left.x-tabs--nav-type-card-gutter .x-tabs--tab.x-tabs--tab-active,.x-tabs--nav-left.x-tabs--nav-type-card-gutter .x-tabs--tab.x-tabs--tab-active:hover{border-right-color:var(--x-tabs-color-bg)}.x-tabs--nav-right.x-tabs--nav-type-card,.x-tabs--nav-right.x-tabs--nav-type-card-gutter{margin-left:-1px}.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--tab{border-radius:0 var(--x-tabs-border-radius) var(--x-tabs-border-radius) 0}.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab-active,.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab-active:hover,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--tab-active,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--tab-active:hover{border-right-color:var(--x-tabs-color-border);border-left-color:var(--x-tabs-color-bg)}.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab:first-child{border-radius:0 var(--x-tabs-border-radius) 0 0}.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab:last-child{border-radius:0 0 var(--x-tabs-border-radius) 0}.x-tabs--nav-type-text .x-tabs--nav--tab--list{gap:var(--x-tabs-tab-gap)}.x-tabs--nav-type-text .x-tabs--tab{height:auto;min-height:var(--x-tabs-tab-height);padding:0}.x-tabs--nav-type-text .x-tabs--tab:not(:first-child)::before{width:1px;height:.8em;margin-right:var(--x-tabs-tab-gap);background-color:var(--x-tabs-color-border);content:""}.x-tabs--nav-type-text .x-tabs--tab--title{padding:var(--x-spacing-1) var(--x-tabs-tab-padding-x);border-radius:var(--x-tabs-border-radius)}.x-tabs--nav-type-text .x-tabs--tab:hover .x-tabs--tab--title,.x-tabs--nav-type-text .x-tabs--tab-active .x-tabs--tab--title{background-color:var(--x-tabs-color-fill-active)}.x-tabs--nav-type-rounded .x-tabs--nav--tab--list{gap:var(--x-tabs-tab-gap)}.x-tabs--nav-type-rounded .x-tabs--tab{background-color:var(--x-tabs-color-fill);border-radius:999px}.x-tabs--nav-type-rounded .x-tabs--tab:hover{background-color:var(--x-tabs-color-fill-hover)}.x-tabs--nav-type-rounded .x-tabs--tab-active,.x-tabs--nav-type-rounded .x-tabs--tab-active:hover{background-color:var(--x-tabs-color-fill-active)}.x-tabs--nav-type-capsule .x-tabs--nav--tab--list{gap:var(--x-spacing-1);padding:var(--x-spacing-1);background-color:var(--x-tabs-color-fill);border-radius:999px}.x-tabs--nav-type-capsule .x-tabs--tab{border-radius:999px}.x-tabs--nav-type-capsule .x-tabs--tab:hover{background-color:var(--x-tabs-color-fill-hover)}.x-tabs--nav-type-capsule .x-tabs--tab-active,.x-tabs--nav-type-capsule .x-tabs--tab-active:hover{background-color:var(--x-tabs-color-bg);box-shadow:var(--x-shadow-special)}.x-tabs--nav-vertical .x-tabs--tab{justify-content:flex-start;width:100%}.x-tabs--nav-vertical.x-tabs--nav-type-line .x-tabs--nav--tab--list{gap:0}.x-tabs--nav-vertical.x-tabs--nav-type-line .x-tabs--tab{padding:0 var(--x-spacing-8);margin-top:var(--x-spacing-6)}.x-tabs--nav-vertical.x-tabs--nav-type-line .x-tabs--tab:first-of-type{margin-top:0}.x-tabs--nav-vertical .x-tabs--nav--tab-list-overflow-scroll{padding:var(--x-spacing-3) 0}.x-tabs--nav-vertical .x-tabs--nav--add-btn{height:auto;padding:0 var(--x-spacing-7);margin-top:var(--x-spacing-6)}.x-tabs--nav--ink{position:absolute;right:auto;bottom:0;left:0;height:2px;background-color:var(--x-tabs-color-text-active);border-radius:var(--x-border-radius-small);transition:top var(--x-tabs-transition-duration) var(--x-tabs-transition-timing),left var(--x-tabs-transition-duration) var(--x-tabs-transition-timing),width var(--x-tabs-transition-duration) var(--x-tabs-transition-timing),height var(--x-tabs-transition-duration) var(--x-tabs-transition-timing)}.x-tabs--nav--ink-disabled{background-color:var(--x-tabs-color-text-disabled)}.x-tabs--nav-vertical .x-tabs--nav--ink{top:0;right:0;bottom:auto;left:auto;width:2px;height:auto}.x-tabs--nav-right .x-tabs--nav--ink{right:auto;left:0}.x-tabs-nav-button{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--x-size-8);height:var(--x-size-8);color:var(--x-tabs-color-text);cursor:pointer;user-select:none}.x-tabs-nav-button-left{margin-right:var(--x-spacing-3);margin-left:var(--x-spacing-6)}.x-tabs-nav-button-right{margin-right:var(--x-spacing-6);margin-left:var(--x-spacing-3)}.x-tabs-nav-button-up{margin-bottom:var(--x-spacing-6)}.x-tabs-nav-button-down{margin-top:var(--x-spacing-6)}.x-tabs-nav-button:hover{color:var(--x-tabs-color-text-active)}.x-tabs-nav-button-disabled,.x-tabs-nav-button-disabled:hover{color:var(--x-tabs-color-text-disabled);cursor:not-allowed}