rappel-ui 1.0.14 → 1.0.16

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 (138) hide show
  1. package/cjs/_virtual/_rolldown/runtime.js +1 -1
  2. package/cjs/components/button/src/button-group.vue_vue_type_script_setup_true_lang.js +1 -1
  3. package/cjs/components/button/src/button.vue_vue_type_script_setup_true_lang.js +1 -1
  4. package/cjs/components/colors/src/neutral-color.vue_vue_type_script_setup_true_lang.js +1 -1
  5. package/cjs/components/colors/src/primary-color.vue.d.ts +4 -1
  6. package/cjs/components/colors/src/primary-color.vue_vue_type_script_setup_true_lang.js +1 -1
  7. package/cjs/components/colors/src/secondary-color.vue.d.ts +7 -1
  8. package/cjs/components/colors/src/secondary-color.vue_vue_type_script_setup_true_lang.js +1 -1
  9. package/cjs/components/filter-panel/index.d.ts +9 -9
  10. package/cjs/components/filter-panel/src/filter-panel.vue.d.ts +3 -3
  11. package/cjs/components/filter-panel/src/filter-panel.vue_vue_type_script_setup_true_lang.js +1 -1
  12. package/cjs/components/popconfirm/index.d.ts +28 -5
  13. package/cjs/components/popconfirm/src/popconfirm.vue.d.ts +19 -4
  14. package/cjs/components/popconfirm/src/popconfirm.vue_vue_type_script_setup_true_lang.js +1 -1
  15. package/cjs/components/popover/index.d.ts +19 -3
  16. package/cjs/components/popover/src/popover.vue.d.ts +10 -1
  17. package/cjs/components/popover/src/popover.vue_vue_type_script_setup_true_lang.js +1 -1
  18. package/cjs/components/svg-icon/src/svg-icon.vue.d.ts +1 -0
  19. package/cjs/components/svg-icon/src/svg-icon.vue_vue_type_script_setup_true_lang.js +1 -1
  20. package/cjs/components/tooltip/src/use-tooltip.js +1 -1
  21. package/cjs/composables/use-theme/index.js +1 -1
  22. package/cjs/index.d.ts +72 -19
  23. package/cjs/index.js +1 -1
  24. package/cjs/node_modules/.pnpm/@vueuse_core@14.4.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.js +1 -0
  25. package/cjs/node_modules/.pnpm/@vueuse_shared@14.4.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.js +1 -0
  26. package/cjs/node_modules/.pnpm/process@0.11.10/node_modules/process/browser.js +1 -0
  27. package/cjs/svg-icons/constants.js +1 -0
  28. package/cjs/svg-icons/dist/es/index.js +1 -1
  29. package/cjs/svg-icons/dist/es/node_modules/.pnpm/@vueuse_core@14.4.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.js +1 -0
  30. package/cjs/svg-icons/dist/es/node_modules/.pnpm/@vueuse_shared@14.4.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.js +1 -0
  31. package/cjs/svg-icons/dist/es/packages/composables/use-theme/index.js +1 -1
  32. package/cjs/svg-icons/index.js +1 -0
  33. package/cjs/utils/util.d.ts +8 -7
  34. package/cjs/utils/util.js +1 -1
  35. package/es/_virtual/_rolldown/runtime.mjs +2 -2
  36. package/es/components/button/src/button-group.vue_vue_type_script_setup_true_lang.mjs +1 -2
  37. package/es/components/button/src/button.vue_vue_type_script_setup_true_lang.mjs +1 -2
  38. package/es/components/colors/src/colors.vue_vue_type_script_setup_true_lang.mjs +1 -1
  39. package/es/components/colors/src/neutral-color.vue_vue_type_script_setup_true_lang.mjs +6 -4
  40. package/es/components/colors/src/primary-color.vue.d.ts +4 -1
  41. package/es/components/colors/src/primary-color.vue_vue_type_script_setup_true_lang.mjs +30 -21
  42. package/es/components/colors/src/secondary-color.vue.d.ts +7 -1
  43. package/es/components/colors/src/secondary-color.vue_vue_type_script_setup_true_lang.mjs +50 -31
  44. package/es/components/filter-panel/index.d.ts +9 -9
  45. package/es/components/filter-panel/src/filter-panel.vue.d.ts +3 -3
  46. package/es/components/filter-panel/src/filter-panel.vue_vue_type_script_setup_true_lang.mjs +4 -6
  47. package/es/components/index.mjs +1 -1
  48. package/es/components/input/src/input.vue_vue_type_script_setup_true_lang.mjs +1 -1
  49. package/es/components/popconfirm/index.d.ts +28 -5
  50. package/es/components/popconfirm/src/popconfirm.vue.d.ts +19 -4
  51. package/es/components/popconfirm/src/popconfirm.vue_vue_type_script_setup_true_lang.mjs +63 -49
  52. package/es/components/popover/index.d.ts +19 -3
  53. package/es/components/popover/src/popover.vue.d.ts +10 -1
  54. package/es/components/popover/src/popover.vue_vue_type_script_setup_true_lang.mjs +27 -22
  55. package/es/components/svg-icon/src/svg-icon.vue.d.ts +1 -0
  56. package/es/components/svg-icon/src/svg-icon.vue_vue_type_script_setup_true_lang.mjs +1 -2
  57. package/es/components/tabs/src/tabs.mjs +1 -1
  58. package/es/components/tooltip/src/content.vue_vue_type_script_setup_true_lang.mjs +3 -3
  59. package/es/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.mjs +4 -4
  60. package/es/components/tooltip/src/use-tooltip.mjs +8 -15
  61. package/es/composables/use-theme/index.mjs +2 -2
  62. package/es/composables/use-time-nodes/index.mjs +1 -1
  63. package/es/index.d.ts +72 -19
  64. package/es/index.mjs +35 -35
  65. package/es/node_modules/.pnpm/@floating-ui_core@1.8.0/node_modules/@floating-ui/core/dist/floating-ui.core.mjs +1 -1
  66. package/es/node_modules/.pnpm/@floating-ui_dom@1.8.0/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs +2 -2
  67. package/es/node_modules/.pnpm/{@vueuse_core@14.0.0_vue@3.5.26_typescript@5.9.3_ → @vueuse_core@14.4.0_vue@3.5.26_typescript@5.9.3_}/node_modules/@vueuse/core/dist/index.mjs +114 -112
  68. package/es/node_modules/.pnpm/@vueuse_shared@14.4.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.mjs +136 -0
  69. package/es/node_modules/.pnpm/process@0.11.10/node_modules/process/browser.mjs +90 -0
  70. package/es/svg-icons/constants.mjs +114 -0
  71. package/es/svg-icons/dist/es/index.mjs +19 -47
  72. package/es/svg-icons/dist/es/node_modules/.pnpm/@vueuse_core@14.4.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.mjs +273 -0
  73. package/es/svg-icons/dist/es/node_modules/.pnpm/@vueuse_shared@14.4.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.mjs +88 -0
  74. package/es/svg-icons/dist/es/packages/components/svg-icon/src/svg-icon.vue_vue_type_script_setup_true_lang.mjs +1 -1
  75. package/es/svg-icons/dist/es/packages/composables/use-theme/index.mjs +1 -1
  76. package/es/svg-icons/index.mjs +77 -0
  77. package/es/utils/util.d.ts +8 -7
  78. package/es/utils/util.mjs +4 -4
  79. package/package.json +1 -1
  80. package/theme-chalk/base.css +1 -231
  81. package/theme-chalk/index.css +1 -1271
  82. package/theme-chalk/re-button-group.css +1 -68
  83. package/theme-chalk/re-button.css +1 -810
  84. package/theme-chalk/re-colors.css +1 -87
  85. package/theme-chalk/re-filter-panel.css +1 -36
  86. package/theme-chalk/re-popconfirm.css +1 -47
  87. package/theme-chalk/re-popover.css +1 -31
  88. package/theme-chalk/re-svg-icon.css +1 -33
  89. package/theme-chalk/re-tooltip.css +1 -62
  90. package/theme-chalk/root-vars.css +1 -201
  91. package/theme-chalk/src/base.scss +3 -4
  92. package/theme-chalk/src/colors.scss +16 -0
  93. package/theme-chalk/src/css-vars/_colors.scss +7 -7
  94. package/theme-chalk/src/function/index.scss +8 -8
  95. package/theme-chalk/src/mixins/_button.scss +1 -1
  96. package/umd/index.css +1 -0
  97. package/umd/index.js +9 -9
  98. package/cjs/components/button/style/index.js +0 -1
  99. package/cjs/components/button-group/style/index.js +0 -1
  100. package/cjs/components/colors/style/index.js +0 -1
  101. package/cjs/components/filter-panel/style/index.js +0 -1
  102. package/cjs/components/svg-icon/style/index.js +0 -1
  103. package/cjs/node_modules/.pnpm/@vueuse_core@14.0.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.js +0 -1
  104. package/cjs/node_modules/.pnpm/@vueuse_shared@14.0.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.js +0 -1
  105. package/cjs/svg-icons/dist/es/node_modules/.pnpm/@vueuse_core@14.0.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.js +0 -1
  106. package/cjs/svg-icons/dist/es/node_modules/.pnpm/@vueuse_shared@14.0.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.js +0 -1
  107. package/cjs/theme-chalk/src/base.css +0 -1
  108. package/cjs/theme-chalk/src/button-group.css +0 -1
  109. package/cjs/theme-chalk/src/button.css +0 -1
  110. package/cjs/theme-chalk/src/colors.css +0 -1
  111. package/cjs/theme-chalk/src/filter-panel.css +0 -1
  112. package/cjs/theme-chalk/src/svg-icon.css +0 -1
  113. package/es/components/button/style/index.mjs +0 -2
  114. package/es/components/button-group/style/index.mjs +0 -2
  115. package/es/components/colors/style/index.mjs +0 -2
  116. package/es/components/filter-panel/style/index.mjs +0 -2
  117. package/es/components/svg-icon/style/index.mjs +0 -2
  118. package/es/node_modules/.pnpm/@vueuse_shared@14.0.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.mjs +0 -121
  119. package/es/svg-icons/dist/es/node_modules/.pnpm/@vueuse_core@14.0.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.mjs +0 -275
  120. package/es/svg-icons/dist/es/node_modules/.pnpm/@vueuse_shared@14.0.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.mjs +0 -88
  121. package/es/theme-chalk/src/base.css +0 -1
  122. package/es/theme-chalk/src/button-group.css +0 -1
  123. package/es/theme-chalk/src/button.css +0 -1
  124. package/es/theme-chalk/src/colors.css +0 -1
  125. package/es/theme-chalk/src/filter-panel.css +0 -1
  126. package/es/theme-chalk/src/svg-icon.css +0 -1
  127. package/theme-chalk/css-vars/_button-group.css +0 -15
  128. package/theme-chalk/css-vars/_button.css +0 -15
  129. package/theme-chalk/css-vars/_colors.css +0 -33
  130. package/theme-chalk/css-vars/_popconfirm.css +0 -15
  131. package/theme-chalk/css-vars/_tooltip.css +0 -15
  132. package/theme-chalk/function/_button.css +0 -15
  133. package/theme-chalk/function/index.css +0 -15
  134. package/theme-chalk/mixins/_base.css +0 -15
  135. package/theme-chalk/mixins/_button.css +0 -18
  136. package/theme-chalk/mixins/_popconfirm.css +0 -18
  137. package/theme-chalk/mixins/_tooltip.css +0 -18
  138. package/theme-chalk/mixins/index.css +0 -18
@@ -1,1271 +1 @@
1
- @charset "UTF-8";
2
- /**
3
- * craete same white opacity color
4
- */
5
- /**
6
- * create a darken color
7
- */
8
- /**
9
- * create shape color
10
- */
11
- /**
12
- * create dark shape color
13
- */
14
- /**
15
- &.re-tooltip-popover, &.re-tooltip-arrow
16
- */
17
- /**
18
- * 生成不同(0.9-0.1)透明度对应的等值颜色:
19
- primary: (
20
- base: #9e88ff,
21
- active:#8d7ae6,
22
- hover: #8d7ae6,
23
- shade-9: #9e88ff,
24
- shade-8: #a995ff,
25
- shade-7: #b3a3ff,
26
- shade-6: #beb0ff,
27
- shade-5: #c9bdff,
28
- shade-4: #d4caff,
29
- shade-3: #ded7ff,
30
- shade-2: #e9e5ff,
31
- shade-1: #f4f2ff
32
- ),
33
- */
34
- :root {
35
- --re-color-primary: #9e88ff;
36
- --re-color-text-darkest: #000000;
37
- --re-color-text-darker: #303131;
38
- --re-color-text-base: #606062;
39
- --re-color-text-dark: #909093;
40
- --re-color-text-light: #b2b2b6;
41
- --re-color-text-lighter: #cdcdd1;
42
- --re-color-text-lightest: #ffffff;
43
- --re-color-border-darker: #c3c3cb;
44
- --re-color-border-dark: #d0d0d8;
45
- --re-color-border-base: #dbdbe0;
46
- --re-color-border-light: #e4e4e8;
47
- --re-color-border-lighter: #ededef;
48
- --re-color-border-lightest: #efeff3;
49
- --re-color-fill-darker: #d7d7dc;
50
- --re-color-fill-dark: #e8e8ec;
51
- --re-color-fill-base: #ededf0;
52
- --re-color-fill-light: #f1f1f4;
53
- --re-color-fill-lighter: #f6f6f7;
54
- --re-color-fill-lightest: #f8f8f9;
55
- --re-color-fill-blank: #ffffff;
56
- --re-color-fill-transparent: transparent;
57
- --re-color-primary-base: #9e88ff;
58
- --re-color-primary-hover: #917deb;
59
- --re-color-primary-active: #8572d6;
60
- --re-color-primary-shade-9: #a894ff;
61
- --re-color-primary-shade-8: #b1a0ff;
62
- --re-color-primary-shade-7: #bbacff;
63
- --re-color-primary-shade-6: #c5b8ff;
64
- --re-color-primary-shade-5: #cfc4ff;
65
- --re-color-primary-shade-4: #d8cfff;
66
- --re-color-primary-shade-3: #e2dbff;
67
- --re-color-primary-shade-2: #ece7ff;
68
- --re-color-primary-shade-1: #f5f3ff;
69
- --re-color-success-base: #06b56d;
70
- --re-color-success-hover: #06a764;
71
- --re-color-success-active: #05985c;
72
- --re-color-success-shade-9: #1fbc7c;
73
- --re-color-success-shade-8: #38c48a;
74
- --re-color-success-shade-7: #51cb99;
75
- --re-color-success-shade-6: #6ad3a7;
76
- --re-color-success-shade-5: #83dab6;
77
- --re-color-success-shade-4: #9be1c5;
78
- --re-color-success-shade-3: #b4e9d3;
79
- --re-color-success-shade-2: #cdf0e2;
80
- --re-color-success-shade-1: #e6f8f0;
81
- --re-color-danger-base: #ee6979;
82
- --re-color-danger-hover: #db616f;
83
- --re-color-danger-active: #c85866;
84
- --re-color-danger-shade-9: #f07886;
85
- --re-color-danger-shade-8: #f18794;
86
- --re-color-danger-shade-7: #f396a1;
87
- --re-color-danger-shade-6: #f5a5af;
88
- --re-color-danger-shade-5: #f7b4bc;
89
- --re-color-danger-shade-4: #f8c3c9;
90
- --re-color-danger-shade-3: #fad2d7;
91
- --re-color-danger-shade-2: #fce1e4;
92
- --re-color-danger-shade-1: #fdf0f2;
93
- --re-color-warning-base: #e2a01d;
94
- --re-color-warning-hover: #d0931b;
95
- --re-color-warning-active: #be8618;
96
- --re-color-warning-shade-9: #e5aa34;
97
- --re-color-warning-shade-8: #e8b34a;
98
- --re-color-warning-shade-7: #ebbd61;
99
- --re-color-warning-shade-6: #eec677;
100
- --re-color-warning-shade-5: #f1d08e;
101
- --re-color-warning-shade-4: #f3d9a5;
102
- --re-color-warning-shade-3: #f6e3bb;
103
- --re-color-warning-shade-2: #f9ecd2;
104
- --re-color-warning-shade-1: #fcf6e8;
105
- --re-color-info-base: #8e8e91;
106
- --re-color-info-hover: #838385;
107
- --re-color-info-active: #77777a;
108
- --re-color-info-shade-9: #99999c;
109
- --re-color-info-shade-8: #a5a5a7;
110
- --re-color-info-shade-7: #b0b0b2;
111
- --re-color-info-shade-6: #bbbbbd;
112
- --re-color-info-shade-5: #c7c7c8;
113
- --re-color-info-shade-4: #d2d2d3;
114
- --re-color-info-shade-3: #ddddde;
115
- --re-color-info-shade-2: #e8e8e9;
116
- --re-color-info-shade-1: #f4f4f4;
117
- }
118
-
119
- :root.dark {
120
- --re-color-text-darkest: #ffffff;
121
- --re-color-text-darker: #e0e0e2;
122
- --re-color-text-base: #d0d0d4;
123
- --re-color-text-dark: #b2b2b6;
124
- --re-color-text-light: #909093;
125
- --re-color-text-lighter: #606062;
126
- --re-color-text-lightest: #303131;
127
- --re-color-border-darker: #8e8e91;
128
- --re-color-border-dark: #6b6b6f;
129
- --re-color-border-base: #5b5b5f;
130
- --re-color-border-light: #4d4d51;
131
- --re-color-border-lighter: #3b3b3d;
132
- --re-color-border-lightest: #2c2c2e;
133
- --re-color-fill-darker: #6b6b6f;
134
- --re-color-fill-dark: #5b5b5f;
135
- --re-color-fill-base: #4d4d51;
136
- --re-color-fill-light: #3b3b3d;
137
- --re-color-fill-lighter: #323236;
138
- --re-color-fill-lightest: #2c2c2e;
139
- --re-color-fill-blank: #1b1b1f;
140
- --re-color-fill-transparent: transparent;
141
- --re-color-primary-base: #9e88ff;
142
- --re-color-primary-hover: #917deb;
143
- --re-color-primary-active: #8572d6;
144
- --re-color-primary-shade-9: #937fea;
145
- --re-color-primary-shade-8: #8877d6;
146
- --re-color-primary-shade-7: #7d6ec1;
147
- --re-color-primary-shade-6: #7265ad;
148
- --re-color-primary-shade-5: #675d98;
149
- --re-color-primary-shade-4: #5c5483;
150
- --re-color-primary-shade-3: #514b6f;
151
- --re-color-primary-shade-2: #46425a;
152
- --re-color-primary-shade-1: #3b3a46;
153
- --re-color-success-base: #06b56d;
154
- --re-color-success-hover: #06a764;
155
- --re-color-success-active: #05985c;
156
- --re-color-success-shade-9: #0aa867;
157
- --re-color-success-shade-8: #0e9b61;
158
- --re-color-success-shade-7: #138d5b;
159
- --re-color-success-shade-6: #178055;
160
- --re-color-success-shade-5: #1b734f;
161
- --re-color-success-shade-4: #1f6649;
162
- --re-color-success-shade-3: #235943;
163
- --re-color-success-shade-2: #284b3d;
164
- --re-color-success-shade-1: #2c3e37;
165
- --re-color-danger-base: #ee6979;
166
- --re-color-danger-hover: #db616f;
167
- --re-color-danger-active: #c85866;
168
- --re-color-danger-shade-9: #db6372;
169
- --re-color-danger-shade-8: #c85e6b;
170
- --re-color-danger-shade-7: #b55863;
171
- --re-color-danger-shade-6: #a2535c;
172
- --re-color-danger-shade-5: #8f4d55;
173
- --re-color-danger-shade-4: #7c474e;
174
- --re-color-danger-shade-3: #694247;
175
- --re-color-danger-shade-2: #563c3f;
176
- --re-color-danger-shade-1: #433738;
177
- --re-color-warning-base: #e2a01d;
178
- --re-color-warning-hover: #d0931b;
179
- --re-color-warning-active: #be8618;
180
- --re-color-warning-shade-9: #d0951f;
181
- --re-color-warning-shade-8: #be8a21;
182
- --re-color-warning-shade-7: #ad7f23;
183
- --re-color-warning-shade-6: #9b7425;
184
- --re-color-warning-shade-5: #896927;
185
- --re-color-warning-shade-4: #775d29;
186
- --re-color-warning-shade-3: #65522b;
187
- --re-color-warning-shade-2: #54472d;
188
- --re-color-warning-shade-1: #423c2f;
189
- --re-color-info-base: #8e8e91;
190
- --re-color-info-hover: #838385;
191
- --re-color-info-active: #77777a;
192
- --re-color-info-shade-9: #858587;
193
- --re-color-info-shade-8: #7b7b7e;
194
- --re-color-info-shade-7: #727274;
195
- --re-color-info-shade-6: #68696b;
196
- --re-color-info-shade-5: #5f6061;
197
- --re-color-info-shade-4: #565657;
198
- --re-color-info-shade-3: #4c4d4e;
199
- --re-color-info-shade-2: #434444;
200
- --re-color-info-shade-1: #393a3b;
201
- }
202
-
203
- :root {
204
- --re-root-font-size: 16px;
205
- --re-base-font-size: 14px;
206
- --re-base-border-radius: 4px;
207
- font-size: var(--re-root-font-size);
208
- --base-font-family:
209
- "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
210
- "Microsoft YaHei", "微软雅黑", Arial, "Noto Sans SC", sans-serif;
211
- --code-font-family:
212
- "JetBrains Mono", "ui-monospace", "Menlo", "Monaco", "Consolas", "Liberation Mono",
213
- "Courier New", monospace;
214
- }
215
-
216
- *,
217
- *::before,
218
- *::after {
219
- box-sizing: border-box;
220
- font-weight: normal;
221
- -webkit-tap-highlight-color: transparent;
222
- -webkit-font-smoothing: antialiased;
223
- scroll-behavior: smooth;
224
- }
225
-
226
- body {
227
- margin: 0;
228
- padding: 0;
229
- font-size: var(--re-base-font-size);
230
- font-family: var(--base-font-family);
231
- }
232
-
233
- /**
234
- &.re-tooltip-overlay
235
- */
236
- .re-button {
237
- display: inline-flex;
238
- align-items: center;
239
- justify-content: center;
240
- font-size: var(--re-base-font-size);
241
- text-align: center;
242
- cursor: pointer;
243
- white-space: nowrap;
244
- box-sizing: border-box;
245
- transition: width 0.05s ease, height 0.05s ease, background-color 0.03s ease, transform 0.03s ease;
246
- -webkit-user-select: none;
247
- user-select: none;
248
- outline: none;
249
- vertical-align: middle;
250
- height: 32px;
251
- line-height: 1;
252
- -webkit-appearance: none;
253
- appearance: none;
254
- position: relative;
255
- padding: 8px 16px;
256
- border-radius: 4px;
257
- border-width: 1px;
258
- border-style: solid;
259
- background-color: var(--re-button-bgcolor);
260
- color: var(--re-button-color);
261
- border-color: var(--re-button-border-color);
262
- }
263
- .re-button__content {
264
- display: inline-flex;
265
- align-items: center;
266
- }
267
- @keyframes rotating {
268
- from {
269
- transform: rotate(0deg);
270
- }
271
- to {
272
- transform: rotate(360deg);
273
- }
274
- }
275
- .re-button__loading {
276
- animation: rotating 2s linear infinite;
277
- }
278
- .re-button__loading + * {
279
- margin-left: 4px;
280
- }
281
- .re-button__icon {
282
- width: 1em;
283
- height: 1em;
284
- }
285
- .re-button__icon + span {
286
- margin-left: 4px;
287
- }
288
- .re-button.is-dashed {
289
- border-style: dashed;
290
- }
291
- .re-button.is-dashed:hover:not(.is-disabled) {
292
- --re-button-bgcolor: var(--re-color-fill-blank);
293
- }
294
- .re-button.is-link, .re-button.is-text {
295
- --re-button-border-color: var(--re-color-fill-transparent);
296
- --re-button-bgcolor: var(--re-color-fill-transparent);
297
- }
298
- .re-button.is-link {
299
- padding: 2px;
300
- height: auto;
301
- text-decoration: underline;
302
- }
303
- .re-button.is-text {
304
- padding: 0;
305
- height: auto;
306
- }
307
- .re-button.is-text.is-text-padding, .re-button.is-text.is-text-bg {
308
- padding: 8px 16px;
309
- height: 32px;
310
- border: 0 solid transparent;
311
- }
312
- .re-button.is-plain:hover:not(.is-disabled) {
313
- --re-button-border-color: var(--re-color-primary-base);
314
- --re-button-bgcolor: var(--re-color-fill-blank);
315
- }
316
- .re-button.is-round {
317
- border-radius: 20px;
318
- }
319
- .re-button.is-circle {
320
- width: 32px;
321
- border-radius: 50%;
322
- padding: 8px;
323
- }
324
- .re-button + .re-button {
325
- margin-left: 10px;
326
- }
327
- .re-button {
328
- --re-button-bgcolor: var(--re-color-fill-blank);
329
- --re-button-color: var(--re-color-text-base);
330
- --re-button-border-color: var(--re-color-border-base);
331
- }
332
- .re-button:hover:not(.is-disabled) {
333
- --re-button-bgcolor: var(--re-color-primary-shade-1);
334
- --re-button-color: var(--re-color-primary-base);
335
- --re-button-border-color: var(--re-color-primary-shade-4);
336
- }
337
- .re-button:active:not(.is-disabled) {
338
- transform: scale(0.98);
339
- transition: transform 0s ease;
340
- --re-button-bgcolor: var(--re-color-primary-shade-2);
341
- --re-button-color: var(--re-color-primary-base);
342
- --re-button-border-color: var(--re-color-primary-shade-5);
343
- }
344
- .re-button:focus-visible:not(.is-disabled) {
345
- outline-width: 2px;
346
- outline-style: solid;
347
- outline-offset: 2px;
348
- outline-color: var(--re-color-border-darker);
349
- }
350
- .re-button.is-loading:before {
351
- z-index: 1;
352
- content: "";
353
- position: absolute;
354
- top: -1px;
355
- left: -1px;
356
- right: -1px;
357
- bottom: -1px;
358
- pointer-events: none;
359
- border-radius: inherit;
360
- background-color: rgba(255, 255, 255, 0.3);
361
- }
362
- .re-button.is-disabled {
363
- cursor: not-allowed;
364
- --re-button-bgcolor: var(--re-color-fill-blank);
365
- --re-button-border-color: var(--re-color-border-base);
366
- --re-button-color: var(--re-color-text-lighter);
367
- }
368
- .re-button.is-link, .re-button.is-text {
369
- --re-button-color: var(--re-color-text-base);
370
- --re-button-bgcolor: transparent;
371
- --re-button-border-color: transparent;
372
- }
373
- .re-button.is-link:hover:not(.is-disabled), .re-button.is-text:hover:not(.is-disabled) {
374
- --re-button-color: var(--re-color-primary-base);
375
- --re-button-bgcolor: transparent;
376
- --re-button-border-color: transparent;
377
- }
378
- .re-button.is-link:active:not(.is-disabled), .re-button.is-text:active:not(.is-disabled) {
379
- --re-button-color: var(--re-color-primary-base);
380
- --re-button-bgcolor: transparent;
381
- --re-button-border-color: transparent;
382
- }
383
- .re-button.is-link.is-disabled, .re-button.is-text.is-disabled {
384
- --re-button-border-color: var(--re-color-fill-transparent);
385
- --re-button-bgcolor: var(--re-color-fill-transparent);
386
- --re-button-color: var(--re-color-text-lighter);
387
- }
388
- .re-button.is-text.is-text-padding, .re-button.is-text.is-text-bg {
389
- --re-button-border-color: transparent;
390
- }
391
- .re-button.is-text.is-text-padding:hover:not(.is-disabled), .re-button.is-text.is-text-bg:hover:not(.is-disabled) {
392
- --re-button-border-color: transparent;
393
- --re-button-bgcolor: var(--re-color-fill-light);
394
- }
395
- .re-button.is-text.is-text-padding:active:not(.is-disabled), .re-button.is-text.is-text-bg:active:not(.is-disabled) {
396
- --re-button-border-color: transparent;
397
- --re-button-bgcolor: var(--re-color-fill-base);
398
- }
399
- .re-button.is-text.is-text-padding {
400
- --re-button-bgcolor: var(--re-color-fill-transparent);
401
- }
402
- .re-button.is-text.is-text-padding.is-disabled {
403
- --re-button-border-color: transparent;
404
- --re-button-bgcolor: var(--re-color-fill-transparent);
405
- }
406
- .re-button.is-text.is-text-bg {
407
- --re-button-bgcolor: var(--re-color-fill-lighter);
408
- }
409
- .re-button.is-text.is-text-bg.is-disabled {
410
- --re-button-border-color: transparent;
411
- --re-button-bgcolor: var(--re-color-fill-lighter);
412
- }
413
- .re-button--primary {
414
- --re-button-bgcolor: var(--re-color-primary-base);
415
- --re-button-color: var(--re-color-text-lightest);
416
- --re-button-border-color: var(--re-color-primary-base);
417
- }
418
- .re-button--primary:hover:not(.is-disabled) {
419
- --re-button-bgcolor: var(--re-color-primary-hover);
420
- --re-button-color: var(--re-color-text-lightest);
421
- --re-button-border-color: var(--re-color-primary-hover);
422
- }
423
- .re-button--primary:active:not(.is-disabled) {
424
- transform: scale(0.98);
425
- transition: transform 0s ease;
426
- --re-button-bgcolor: var(--re-color-primary-active);
427
- --re-button-color: var(--re-color-text-lightest);
428
- --re-button-border-color: var(--re-color-primary-active);
429
- }
430
- .re-button--primary:focus-visible:not(.is-disabled) {
431
- outline-width: 2px;
432
- outline-style: solid;
433
- outline-offset: 2px;
434
- outline-color: var(--re-color-primary-shade-4);
435
- }
436
- .re-button--primary.is-plain, .re-button--primary.is-dashed {
437
- --re-button-bgcolor: var(--re-color-primary-shade-1);
438
- --re-button-border-color: var(--re-color-primary-shade-6);
439
- --re-button-color: var(--re-color-primary-base);
440
- }
441
- .re-button--primary.is-plain:hover:not(.is-disabled), .re-button--primary.is-dashed:hover:not(.is-disabled) {
442
- --re-button-border-color: var(--re-color-primary-base);
443
- }
444
- .re-button--primary.is-plain.is-disabled, .re-button--primary.is-dashed.is-disabled {
445
- --re-button-bgcolor: var(--re-color-primary-shade-1);
446
- --re-button-border-color: var(--re-color-primary-shade-4);
447
- --re-button-color: var(--re-color-primary-shade-4);
448
- }
449
- .re-button--primary.is-plain:hover:not(.is-disabled) {
450
- --re-button-bgcolor: var(--re-color-primary-base);
451
- --re-button-color: var(--re-color-fill-blank);
452
- }
453
- .re-button--primary.is-plain:active:not(.is-disabled) {
454
- --re-button-bgcolor: var(--re-color-primary-active);
455
- --re-button-color: var(--re-color-text-lightest);
456
- --re-button-border-color: var(--re-color-primary-active);
457
- }
458
- .re-button--primary.is-dashed:hover:not(.is-disabled) {
459
- --re-button-bgcolor: var(--re-color-primary-shade-1);
460
- --re-button-color: var(--re-color-primary-base);
461
- }
462
- .re-button--primary.is-dashed:active:not(.is-disabled) {
463
- --re-button-bgcolor: var(--re-color-primary-shade-2);
464
- --re-button-border-color: var(--re-color-primary-active);
465
- --re-button-color: var(--re-color-primary-active);
466
- }
467
- .re-button--primary.is-loading:before {
468
- z-index: 1;
469
- content: "";
470
- position: absolute;
471
- top: -1px;
472
- left: -1px;
473
- right: -1px;
474
- bottom: -1px;
475
- pointer-events: none;
476
- border-radius: inherit;
477
- background-color: rgba(255, 255, 255, 0.3);
478
- }
479
- .re-button--primary.is-disabled {
480
- cursor: not-allowed;
481
- --re-button-bgcolor: var(--re-color-primary-shade-4);
482
- --re-button-border-color: var(--re-color-primary-shade-4);
483
- --re-button-color: var(--re-color-fill-blank);
484
- }
485
- .re-button--primary.is-link, .re-button--primary.is-text {
486
- --re-button-color: var(--re-color-primary-base);
487
- --re-button-bgcolor: transparent;
488
- --re-button-border-color: transparent;
489
- }
490
- .re-button--primary.is-link:hover:not(.is-disabled), .re-button--primary.is-text:hover:not(.is-disabled) {
491
- --re-button-color: var(--re-color-primary-hover);
492
- --re-button-bgcolor: transparent;
493
- --re-button-border-color: transparent;
494
- }
495
- .re-button--primary.is-link:active:not(.is-disabled), .re-button--primary.is-text:active:not(.is-disabled) {
496
- --re-button-color: var(--re-color-primary-active);
497
- --re-button-bgcolor: transparent;
498
- --re-button-border-color: transparent;
499
- }
500
- .re-button--primary.is-link.is-disabled, .re-button--primary.is-text.is-disabled {
501
- --re-button-border-color: var(--re-color-fill-transparent);
502
- --re-button-bgcolor: var(--re-color-fill-transparent);
503
- --re-button-color: var(--re-color-primary-shade-4);
504
- }
505
- .re-button--primary.is-text.is-text-padding, .re-button--primary.is-text.is-text-bg {
506
- --re-button-border-color: transparent;
507
- }
508
- .re-button--primary.is-text.is-text-padding:hover:not(.is-disabled), .re-button--primary.is-text.is-text-bg:hover:not(.is-disabled) {
509
- --re-button-border-color: transparent;
510
- --re-button-bgcolor: var(--re-color-fill-light);
511
- }
512
- .re-button--primary.is-text.is-text-padding:active:not(.is-disabled), .re-button--primary.is-text.is-text-bg:active:not(.is-disabled) {
513
- --re-button-border-color: transparent;
514
- --re-button-bgcolor: var(--re-color-fill-base);
515
- }
516
- .re-button--primary.is-text.is-text-padding {
517
- --re-button-bgcolor: var(--re-color-fill-transparent);
518
- }
519
- .re-button--primary.is-text.is-text-padding.is-disabled {
520
- --re-button-border-color: transparent;
521
- --re-button-bgcolor: var(--re-color-fill-transparent);
522
- }
523
- .re-button--primary.is-text.is-text-bg {
524
- --re-button-bgcolor: var(--re-color-fill-lighter);
525
- }
526
- .re-button--primary.is-text.is-text-bg.is-disabled {
527
- --re-button-border-color: transparent;
528
- --re-button-bgcolor: var(--re-color-fill-lighter);
529
- }
530
- .re-button--success {
531
- --re-button-bgcolor: var(--re-color-success-base);
532
- --re-button-color: var(--re-color-text-lightest);
533
- --re-button-border-color: var(--re-color-success-base);
534
- }
535
- .re-button--success:hover:not(.is-disabled) {
536
- --re-button-bgcolor: var(--re-color-success-hover);
537
- --re-button-color: var(--re-color-text-lightest);
538
- --re-button-border-color: var(--re-color-success-hover);
539
- }
540
- .re-button--success:active:not(.is-disabled) {
541
- transform: scale(0.98);
542
- transition: transform 0s ease;
543
- --re-button-bgcolor: var(--re-color-success-active);
544
- --re-button-color: var(--re-color-text-lightest);
545
- --re-button-border-color: var(--re-color-success-active);
546
- }
547
- .re-button--success:focus-visible:not(.is-disabled) {
548
- outline-width: 2px;
549
- outline-style: solid;
550
- outline-offset: 2px;
551
- outline-color: var(--re-color-success-shade-4);
552
- }
553
- .re-button--success.is-plain, .re-button--success.is-dashed {
554
- --re-button-bgcolor: var(--re-color-success-shade-1);
555
- --re-button-border-color: var(--re-color-success-shade-6);
556
- --re-button-color: var(--re-color-success-base);
557
- }
558
- .re-button--success.is-plain:hover:not(.is-disabled), .re-button--success.is-dashed:hover:not(.is-disabled) {
559
- --re-button-border-color: var(--re-color-success-base);
560
- }
561
- .re-button--success.is-plain.is-disabled, .re-button--success.is-dashed.is-disabled {
562
- --re-button-bgcolor: var(--re-color-success-shade-1);
563
- --re-button-border-color: var(--re-color-success-shade-4);
564
- --re-button-color: var(--re-color-success-shade-4);
565
- }
566
- .re-button--success.is-plain:hover:not(.is-disabled) {
567
- --re-button-bgcolor: var(--re-color-success-base);
568
- --re-button-color: var(--re-color-fill-blank);
569
- }
570
- .re-button--success.is-plain:active:not(.is-disabled) {
571
- --re-button-bgcolor: var(--re-color-success-active);
572
- --re-button-color: var(--re-color-text-lightest);
573
- --re-button-border-color: var(--re-color-success-active);
574
- }
575
- .re-button--success.is-dashed:hover:not(.is-disabled) {
576
- --re-button-bgcolor: var(--re-color-success-shade-1);
577
- --re-button-color: var(--re-color-success-base);
578
- }
579
- .re-button--success.is-dashed:active:not(.is-disabled) {
580
- --re-button-bgcolor: var(--re-color-success-shade-2);
581
- --re-button-border-color: var(--re-color-success-active);
582
- --re-button-color: var(--re-color-success-active);
583
- }
584
- .re-button--success.is-loading:before {
585
- z-index: 1;
586
- content: "";
587
- position: absolute;
588
- top: -1px;
589
- left: -1px;
590
- right: -1px;
591
- bottom: -1px;
592
- pointer-events: none;
593
- border-radius: inherit;
594
- background-color: rgba(255, 255, 255, 0.3);
595
- }
596
- .re-button--success.is-disabled {
597
- cursor: not-allowed;
598
- --re-button-bgcolor: var(--re-color-success-shade-4);
599
- --re-button-border-color: var(--re-color-success-shade-4);
600
- --re-button-color: var(--re-color-fill-blank);
601
- }
602
- .re-button--success.is-link, .re-button--success.is-text {
603
- --re-button-color: var(--re-color-success-base);
604
- --re-button-bgcolor: transparent;
605
- --re-button-border-color: transparent;
606
- }
607
- .re-button--success.is-link:hover:not(.is-disabled), .re-button--success.is-text:hover:not(.is-disabled) {
608
- --re-button-color: var(--re-color-success-hover);
609
- --re-button-bgcolor: transparent;
610
- --re-button-border-color: transparent;
611
- }
612
- .re-button--success.is-link:active:not(.is-disabled), .re-button--success.is-text:active:not(.is-disabled) {
613
- --re-button-color: var(--re-color-success-active);
614
- --re-button-bgcolor: transparent;
615
- --re-button-border-color: transparent;
616
- }
617
- .re-button--success.is-link.is-disabled, .re-button--success.is-text.is-disabled {
618
- --re-button-border-color: var(--re-color-fill-transparent);
619
- --re-button-bgcolor: var(--re-color-fill-transparent);
620
- --re-button-color: var(--re-color-success-shade-4);
621
- }
622
- .re-button--success.is-text.is-text-padding, .re-button--success.is-text.is-text-bg {
623
- --re-button-border-color: transparent;
624
- }
625
- .re-button--success.is-text.is-text-padding:hover:not(.is-disabled), .re-button--success.is-text.is-text-bg:hover:not(.is-disabled) {
626
- --re-button-border-color: transparent;
627
- --re-button-bgcolor: var(--re-color-fill-light);
628
- }
629
- .re-button--success.is-text.is-text-padding:active:not(.is-disabled), .re-button--success.is-text.is-text-bg:active:not(.is-disabled) {
630
- --re-button-border-color: transparent;
631
- --re-button-bgcolor: var(--re-color-fill-base);
632
- }
633
- .re-button--success.is-text.is-text-padding {
634
- --re-button-bgcolor: var(--re-color-fill-transparent);
635
- }
636
- .re-button--success.is-text.is-text-padding.is-disabled {
637
- --re-button-border-color: transparent;
638
- --re-button-bgcolor: var(--re-color-fill-transparent);
639
- }
640
- .re-button--success.is-text.is-text-bg {
641
- --re-button-bgcolor: var(--re-color-fill-lighter);
642
- }
643
- .re-button--success.is-text.is-text-bg.is-disabled {
644
- --re-button-border-color: transparent;
645
- --re-button-bgcolor: var(--re-color-fill-lighter);
646
- }
647
- .re-button--danger {
648
- --re-button-bgcolor: var(--re-color-danger-base);
649
- --re-button-color: var(--re-color-text-lightest);
650
- --re-button-border-color: var(--re-color-danger-base);
651
- }
652
- .re-button--danger:hover:not(.is-disabled) {
653
- --re-button-bgcolor: var(--re-color-danger-hover);
654
- --re-button-color: var(--re-color-text-lightest);
655
- --re-button-border-color: var(--re-color-danger-hover);
656
- }
657
- .re-button--danger:active:not(.is-disabled) {
658
- transform: scale(0.98);
659
- transition: transform 0s ease;
660
- --re-button-bgcolor: var(--re-color-danger-active);
661
- --re-button-color: var(--re-color-text-lightest);
662
- --re-button-border-color: var(--re-color-danger-active);
663
- }
664
- .re-button--danger:focus-visible:not(.is-disabled) {
665
- outline-width: 2px;
666
- outline-style: solid;
667
- outline-offset: 2px;
668
- outline-color: var(--re-color-danger-shade-4);
669
- }
670
- .re-button--danger.is-plain, .re-button--danger.is-dashed {
671
- --re-button-bgcolor: var(--re-color-danger-shade-1);
672
- --re-button-border-color: var(--re-color-danger-shade-6);
673
- --re-button-color: var(--re-color-danger-base);
674
- }
675
- .re-button--danger.is-plain:hover:not(.is-disabled), .re-button--danger.is-dashed:hover:not(.is-disabled) {
676
- --re-button-border-color: var(--re-color-danger-base);
677
- }
678
- .re-button--danger.is-plain.is-disabled, .re-button--danger.is-dashed.is-disabled {
679
- --re-button-bgcolor: var(--re-color-danger-shade-1);
680
- --re-button-border-color: var(--re-color-danger-shade-4);
681
- --re-button-color: var(--re-color-danger-shade-4);
682
- }
683
- .re-button--danger.is-plain:hover:not(.is-disabled) {
684
- --re-button-bgcolor: var(--re-color-danger-base);
685
- --re-button-color: var(--re-color-fill-blank);
686
- }
687
- .re-button--danger.is-plain:active:not(.is-disabled) {
688
- --re-button-bgcolor: var(--re-color-danger-active);
689
- --re-button-color: var(--re-color-text-lightest);
690
- --re-button-border-color: var(--re-color-danger-active);
691
- }
692
- .re-button--danger.is-dashed:hover:not(.is-disabled) {
693
- --re-button-bgcolor: var(--re-color-danger-shade-1);
694
- --re-button-color: var(--re-color-danger-base);
695
- }
696
- .re-button--danger.is-dashed:active:not(.is-disabled) {
697
- --re-button-bgcolor: var(--re-color-danger-shade-2);
698
- --re-button-border-color: var(--re-color-danger-active);
699
- --re-button-color: var(--re-color-danger-active);
700
- }
701
- .re-button--danger.is-loading:before {
702
- z-index: 1;
703
- content: "";
704
- position: absolute;
705
- top: -1px;
706
- left: -1px;
707
- right: -1px;
708
- bottom: -1px;
709
- pointer-events: none;
710
- border-radius: inherit;
711
- background-color: rgba(255, 255, 255, 0.3);
712
- }
713
- .re-button--danger.is-disabled {
714
- cursor: not-allowed;
715
- --re-button-bgcolor: var(--re-color-danger-shade-4);
716
- --re-button-border-color: var(--re-color-danger-shade-4);
717
- --re-button-color: var(--re-color-fill-blank);
718
- }
719
- .re-button--danger.is-link, .re-button--danger.is-text {
720
- --re-button-color: var(--re-color-danger-base);
721
- --re-button-bgcolor: transparent;
722
- --re-button-border-color: transparent;
723
- }
724
- .re-button--danger.is-link:hover:not(.is-disabled), .re-button--danger.is-text:hover:not(.is-disabled) {
725
- --re-button-color: var(--re-color-danger-hover);
726
- --re-button-bgcolor: transparent;
727
- --re-button-border-color: transparent;
728
- }
729
- .re-button--danger.is-link:active:not(.is-disabled), .re-button--danger.is-text:active:not(.is-disabled) {
730
- --re-button-color: var(--re-color-danger-active);
731
- --re-button-bgcolor: transparent;
732
- --re-button-border-color: transparent;
733
- }
734
- .re-button--danger.is-link.is-disabled, .re-button--danger.is-text.is-disabled {
735
- --re-button-border-color: var(--re-color-fill-transparent);
736
- --re-button-bgcolor: var(--re-color-fill-transparent);
737
- --re-button-color: var(--re-color-danger-shade-4);
738
- }
739
- .re-button--danger.is-text.is-text-padding, .re-button--danger.is-text.is-text-bg {
740
- --re-button-border-color: transparent;
741
- }
742
- .re-button--danger.is-text.is-text-padding:hover:not(.is-disabled), .re-button--danger.is-text.is-text-bg:hover:not(.is-disabled) {
743
- --re-button-border-color: transparent;
744
- --re-button-bgcolor: var(--re-color-fill-light);
745
- }
746
- .re-button--danger.is-text.is-text-padding:active:not(.is-disabled), .re-button--danger.is-text.is-text-bg:active:not(.is-disabled) {
747
- --re-button-border-color: transparent;
748
- --re-button-bgcolor: var(--re-color-fill-base);
749
- }
750
- .re-button--danger.is-text.is-text-padding {
751
- --re-button-bgcolor: var(--re-color-fill-transparent);
752
- }
753
- .re-button--danger.is-text.is-text-padding.is-disabled {
754
- --re-button-border-color: transparent;
755
- --re-button-bgcolor: var(--re-color-fill-transparent);
756
- }
757
- .re-button--danger.is-text.is-text-bg {
758
- --re-button-bgcolor: var(--re-color-fill-lighter);
759
- }
760
- .re-button--danger.is-text.is-text-bg.is-disabled {
761
- --re-button-border-color: transparent;
762
- --re-button-bgcolor: var(--re-color-fill-lighter);
763
- }
764
- .re-button--warning {
765
- --re-button-bgcolor: var(--re-color-warning-base);
766
- --re-button-color: var(--re-color-text-lightest);
767
- --re-button-border-color: var(--re-color-warning-base);
768
- }
769
- .re-button--warning:hover:not(.is-disabled) {
770
- --re-button-bgcolor: var(--re-color-warning-hover);
771
- --re-button-color: var(--re-color-text-lightest);
772
- --re-button-border-color: var(--re-color-warning-hover);
773
- }
774
- .re-button--warning:active:not(.is-disabled) {
775
- transform: scale(0.98);
776
- transition: transform 0s ease;
777
- --re-button-bgcolor: var(--re-color-warning-active);
778
- --re-button-color: var(--re-color-text-lightest);
779
- --re-button-border-color: var(--re-color-warning-active);
780
- }
781
- .re-button--warning:focus-visible:not(.is-disabled) {
782
- outline-width: 2px;
783
- outline-style: solid;
784
- outline-offset: 2px;
785
- outline-color: var(--re-color-warning-shade-4);
786
- }
787
- .re-button--warning.is-plain, .re-button--warning.is-dashed {
788
- --re-button-bgcolor: var(--re-color-warning-shade-1);
789
- --re-button-border-color: var(--re-color-warning-shade-6);
790
- --re-button-color: var(--re-color-warning-base);
791
- }
792
- .re-button--warning.is-plain:hover:not(.is-disabled), .re-button--warning.is-dashed:hover:not(.is-disabled) {
793
- --re-button-border-color: var(--re-color-warning-base);
794
- }
795
- .re-button--warning.is-plain.is-disabled, .re-button--warning.is-dashed.is-disabled {
796
- --re-button-bgcolor: var(--re-color-warning-shade-1);
797
- --re-button-border-color: var(--re-color-warning-shade-4);
798
- --re-button-color: var(--re-color-warning-shade-4);
799
- }
800
- .re-button--warning.is-plain:hover:not(.is-disabled) {
801
- --re-button-bgcolor: var(--re-color-warning-base);
802
- --re-button-color: var(--re-color-fill-blank);
803
- }
804
- .re-button--warning.is-plain:active:not(.is-disabled) {
805
- --re-button-bgcolor: var(--re-color-warning-active);
806
- --re-button-color: var(--re-color-text-lightest);
807
- --re-button-border-color: var(--re-color-warning-active);
808
- }
809
- .re-button--warning.is-dashed:hover:not(.is-disabled) {
810
- --re-button-bgcolor: var(--re-color-warning-shade-1);
811
- --re-button-color: var(--re-color-warning-base);
812
- }
813
- .re-button--warning.is-dashed:active:not(.is-disabled) {
814
- --re-button-bgcolor: var(--re-color-warning-shade-2);
815
- --re-button-border-color: var(--re-color-warning-active);
816
- --re-button-color: var(--re-color-warning-active);
817
- }
818
- .re-button--warning.is-loading:before {
819
- z-index: 1;
820
- content: "";
821
- position: absolute;
822
- top: -1px;
823
- left: -1px;
824
- right: -1px;
825
- bottom: -1px;
826
- pointer-events: none;
827
- border-radius: inherit;
828
- background-color: rgba(255, 255, 255, 0.3);
829
- }
830
- .re-button--warning.is-disabled {
831
- cursor: not-allowed;
832
- --re-button-bgcolor: var(--re-color-warning-shade-4);
833
- --re-button-border-color: var(--re-color-warning-shade-4);
834
- --re-button-color: var(--re-color-fill-blank);
835
- }
836
- .re-button--warning.is-link, .re-button--warning.is-text {
837
- --re-button-color: var(--re-color-warning-base);
838
- --re-button-bgcolor: transparent;
839
- --re-button-border-color: transparent;
840
- }
841
- .re-button--warning.is-link:hover:not(.is-disabled), .re-button--warning.is-text:hover:not(.is-disabled) {
842
- --re-button-color: var(--re-color-warning-hover);
843
- --re-button-bgcolor: transparent;
844
- --re-button-border-color: transparent;
845
- }
846
- .re-button--warning.is-link:active:not(.is-disabled), .re-button--warning.is-text:active:not(.is-disabled) {
847
- --re-button-color: var(--re-color-warning-active);
848
- --re-button-bgcolor: transparent;
849
- --re-button-border-color: transparent;
850
- }
851
- .re-button--warning.is-link.is-disabled, .re-button--warning.is-text.is-disabled {
852
- --re-button-border-color: var(--re-color-fill-transparent);
853
- --re-button-bgcolor: var(--re-color-fill-transparent);
854
- --re-button-color: var(--re-color-warning-shade-4);
855
- }
856
- .re-button--warning.is-text.is-text-padding, .re-button--warning.is-text.is-text-bg {
857
- --re-button-border-color: transparent;
858
- }
859
- .re-button--warning.is-text.is-text-padding:hover:not(.is-disabled), .re-button--warning.is-text.is-text-bg:hover:not(.is-disabled) {
860
- --re-button-border-color: transparent;
861
- --re-button-bgcolor: var(--re-color-fill-light);
862
- }
863
- .re-button--warning.is-text.is-text-padding:active:not(.is-disabled), .re-button--warning.is-text.is-text-bg:active:not(.is-disabled) {
864
- --re-button-border-color: transparent;
865
- --re-button-bgcolor: var(--re-color-fill-base);
866
- }
867
- .re-button--warning.is-text.is-text-padding {
868
- --re-button-bgcolor: var(--re-color-fill-transparent);
869
- }
870
- .re-button--warning.is-text.is-text-padding.is-disabled {
871
- --re-button-border-color: transparent;
872
- --re-button-bgcolor: var(--re-color-fill-transparent);
873
- }
874
- .re-button--warning.is-text.is-text-bg {
875
- --re-button-bgcolor: var(--re-color-fill-lighter);
876
- }
877
- .re-button--warning.is-text.is-text-bg.is-disabled {
878
- --re-button-border-color: transparent;
879
- --re-button-bgcolor: var(--re-color-fill-lighter);
880
- }
881
- .re-button--info {
882
- --re-button-bgcolor: var(--re-color-info-base);
883
- --re-button-color: var(--re-color-text-lightest);
884
- --re-button-border-color: var(--re-color-info-base);
885
- }
886
- .re-button--info:hover:not(.is-disabled) {
887
- --re-button-bgcolor: var(--re-color-info-hover);
888
- --re-button-color: var(--re-color-text-lightest);
889
- --re-button-border-color: var(--re-color-info-hover);
890
- }
891
- .re-button--info:active:not(.is-disabled) {
892
- transform: scale(0.98);
893
- transition: transform 0s ease;
894
- --re-button-bgcolor: var(--re-color-info-active);
895
- --re-button-color: var(--re-color-text-lightest);
896
- --re-button-border-color: var(--re-color-info-active);
897
- }
898
- .re-button--info:focus-visible:not(.is-disabled) {
899
- outline-width: 2px;
900
- outline-style: solid;
901
- outline-offset: 2px;
902
- outline-color: var(--re-color-info-shade-4);
903
- }
904
- .re-button--info.is-plain, .re-button--info.is-dashed {
905
- --re-button-bgcolor: var(--re-color-info-shade-1);
906
- --re-button-border-color: var(--re-color-info-shade-6);
907
- --re-button-color: var(--re-color-info-base);
908
- }
909
- .re-button--info.is-plain:hover:not(.is-disabled), .re-button--info.is-dashed:hover:not(.is-disabled) {
910
- --re-button-border-color: var(--re-color-info-base);
911
- }
912
- .re-button--info.is-plain.is-disabled, .re-button--info.is-dashed.is-disabled {
913
- --re-button-bgcolor: var(--re-color-info-shade-1);
914
- --re-button-border-color: var(--re-color-info-shade-4);
915
- --re-button-color: var(--re-color-info-shade-4);
916
- }
917
- .re-button--info.is-plain:hover:not(.is-disabled) {
918
- --re-button-bgcolor: var(--re-color-info-base);
919
- --re-button-color: var(--re-color-fill-blank);
920
- }
921
- .re-button--info.is-plain:active:not(.is-disabled) {
922
- --re-button-bgcolor: var(--re-color-info-active);
923
- --re-button-color: var(--re-color-text-lightest);
924
- --re-button-border-color: var(--re-color-info-active);
925
- }
926
- .re-button--info.is-dashed:hover:not(.is-disabled) {
927
- --re-button-bgcolor: var(--re-color-info-shade-1);
928
- --re-button-color: var(--re-color-info-base);
929
- }
930
- .re-button--info.is-dashed:active:not(.is-disabled) {
931
- --re-button-bgcolor: var(--re-color-info-shade-2);
932
- --re-button-border-color: var(--re-color-info-active);
933
- --re-button-color: var(--re-color-info-active);
934
- }
935
- .re-button--info.is-loading:before {
936
- z-index: 1;
937
- content: "";
938
- position: absolute;
939
- top: -1px;
940
- left: -1px;
941
- right: -1px;
942
- bottom: -1px;
943
- pointer-events: none;
944
- border-radius: inherit;
945
- background-color: rgba(255, 255, 255, 0.3);
946
- }
947
- .re-button--info.is-disabled {
948
- cursor: not-allowed;
949
- --re-button-bgcolor: var(--re-color-info-shade-4);
950
- --re-button-border-color: var(--re-color-info-shade-4);
951
- --re-button-color: var(--re-color-fill-blank);
952
- }
953
- .re-button--info.is-link, .re-button--info.is-text {
954
- --re-button-color: var(--re-color-info-base);
955
- --re-button-bgcolor: transparent;
956
- --re-button-border-color: transparent;
957
- }
958
- .re-button--info.is-link:hover:not(.is-disabled), .re-button--info.is-text:hover:not(.is-disabled) {
959
- --re-button-color: var(--re-color-info-hover);
960
- --re-button-bgcolor: transparent;
961
- --re-button-border-color: transparent;
962
- }
963
- .re-button--info.is-link:active:not(.is-disabled), .re-button--info.is-text:active:not(.is-disabled) {
964
- --re-button-color: var(--re-color-info-active);
965
- --re-button-bgcolor: transparent;
966
- --re-button-border-color: transparent;
967
- }
968
- .re-button--info.is-link.is-disabled, .re-button--info.is-text.is-disabled {
969
- --re-button-border-color: var(--re-color-fill-transparent);
970
- --re-button-bgcolor: var(--re-color-fill-transparent);
971
- --re-button-color: var(--re-color-info-shade-4);
972
- }
973
- .re-button--info.is-text.is-text-padding, .re-button--info.is-text.is-text-bg {
974
- --re-button-border-color: transparent;
975
- }
976
- .re-button--info.is-text.is-text-padding:hover:not(.is-disabled), .re-button--info.is-text.is-text-bg:hover:not(.is-disabled) {
977
- --re-button-border-color: transparent;
978
- --re-button-bgcolor: var(--re-color-fill-light);
979
- }
980
- .re-button--info.is-text.is-text-padding:active:not(.is-disabled), .re-button--info.is-text.is-text-bg:active:not(.is-disabled) {
981
- --re-button-border-color: transparent;
982
- --re-button-bgcolor: var(--re-color-fill-base);
983
- }
984
- .re-button--info.is-text.is-text-padding {
985
- --re-button-bgcolor: var(--re-color-fill-transparent);
986
- }
987
- .re-button--info.is-text.is-text-padding.is-disabled {
988
- --re-button-border-color: transparent;
989
- --re-button-bgcolor: var(--re-color-fill-transparent);
990
- }
991
- .re-button--info.is-text.is-text-bg {
992
- --re-button-bgcolor: var(--re-color-fill-lighter);
993
- }
994
- .re-button--info.is-text.is-text-bg.is-disabled {
995
- --re-button-border-color: transparent;
996
- --re-button-bgcolor: var(--re-color-fill-lighter);
997
- }
998
- .re-button--large {
999
- padding: 12px 20px;
1000
- height: 40px;
1001
- font-size: 16px;
1002
- border-radius: 4px;
1003
- }
1004
- .re-button--large.is-circle {
1005
- width: 40px;
1006
- padding: 12px;
1007
- }
1008
- .re-button--small {
1009
- padding: 6px 12px;
1010
- height: 28px;
1011
- font-size: 12px;
1012
- border-radius: 4px;
1013
- }
1014
- .re-button--small.is-circle {
1015
- width: 28px;
1016
- padding: 6px;
1017
- }
1018
- .re-button--mini {
1019
- padding: 4px 8px;
1020
- height: 24px;
1021
- font-size: 12px;
1022
- border-radius: 2px;
1023
- }
1024
- .re-button--mini.is-circle {
1025
- width: 24px;
1026
- padding: 4px;
1027
- }
1028
-
1029
- .re-button-group {
1030
- display: inline-flex;
1031
- align-items: center;
1032
- }
1033
- .re-button-group--horizontal .re-button {
1034
- flex: 1;
1035
- min-width: 0;
1036
- margin-left: 0;
1037
- margin-right: 0;
1038
- }
1039
- .re-button-group--horizontal .re-button:not(:first-child, :last-child) {
1040
- margin-left: -1px;
1041
- border-radius: 0;
1042
- border-left-color: var(--re-color-fill-blank);
1043
- }
1044
- .re-button-group--horizontal .re-button:first-child {
1045
- border-top-right-radius: 0;
1046
- border-bottom-right-radius: 0;
1047
- }
1048
- .re-button-group--horizontal .re-button:last-child {
1049
- margin-left: -1px;
1050
- border-left-color: var(--re-color-fill-blank);
1051
- border-top-left-radius: 0;
1052
- border-bottom-left-radius: 0;
1053
- }
1054
- .re-button-group--vertical {
1055
- flex-direction: column;
1056
- align-items: stretch;
1057
- }
1058
- .re-button-group--vertical .re-button {
1059
- flex: 1;
1060
- min-height: 0;
1061
- margin-left: 0;
1062
- margin-right: 0;
1063
- }
1064
- .re-button-group--vertical .re-button:not(:first-child, :last-child) {
1065
- margin-top: -1px;
1066
- border-radius: 0;
1067
- border-top-color: var(--re-color-fill-blank);
1068
- }
1069
- .re-button-group--vertical .re-button:first-child {
1070
- border-bottom-right-radius: 0;
1071
- border-bottom-left-radius: 0;
1072
- }
1073
- .re-button-group--vertical .re-button:last-child {
1074
- margin-top: -1px;
1075
- border-top-color: var(--re-color-fill-blank);
1076
- border-top-right-radius: 0;
1077
- border-top-left-radius: 0;
1078
- }
1079
-
1080
- .re-colors--primary {
1081
- width: 60rem;
1082
- border-radius: 4px;
1083
- overflow: hidden;
1084
- color: #ffffff;
1085
- }
1086
- .re-colors--secondary {
1087
- display: grid;
1088
- grid-template-columns: repeat(2, 1fr);
1089
- gap: 1rem;
1090
- }
1091
- .re-colors--neutral {
1092
- display: grid;
1093
- grid-template-columns: repeat(4, 1fr);
1094
- gap: 1rem;
1095
- }
1096
- .re-colors__panel {
1097
- border-radius: 4px;
1098
- overflow: hidden;
1099
- color: #ffffff;
1100
- }
1101
- .re-colors__base {
1102
- color: #ffffff;
1103
- height: 6rem;
1104
- box-shadow: 10px 10px;
1105
- padding: 1rem;
1106
- }
1107
- .re-colors__shades {
1108
- display: flex;
1109
- align-items: center;
1110
- flex-wrap: nowrap;
1111
- }
1112
- .re-colors__shade {
1113
- flex: 1;
1114
- height: 3.2rem;
1115
- padding: 0.2rem;
1116
- }
1117
- .re-colors__collects {
1118
- border-radius: 4px;
1119
- overflow: hidden;
1120
- margin-bottom: 1rem;
1121
- height: 7rem;
1122
- padding: 1rem;
1123
- }
1124
- .re-colors__borders {
1125
- display: flex;
1126
- justify-content: space-between;
1127
- }
1128
- .re-colors__border-content {
1129
- border-radius: 50%;
1130
- margin-left: 1rem;
1131
- background-color: #fff;
1132
- height: 5rem;
1133
- width: 5rem;
1134
- display: flex;
1135
- justify-content: center;
1136
- align-items: center;
1137
- flex-shrink: 0;
1138
- }
1139
- .re-colors__grids {
1140
- background-color: #ffffff; /* 轻灰色背景 */
1141
- background-image: linear-gradient(45deg, #ededf0 25%, transparent 25%), linear-gradient(-45deg, #ededf0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ededf0 75%), linear-gradient(-45deg, transparent 75%, #ededf0 75%);
1142
- background-size: 22px 22px;
1143
- background-position: 0 0, 0 11px, 11px -11px, -11px 0px;
1144
- }
1145
- .re-colors__grids.is-dark {
1146
- background-image: linear-gradient(45deg, #303131 25%, transparent 25%), linear-gradient(-45deg, #303131 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #303131 75%), linear-gradient(-45deg, transparent 75%, #303131 75%);
1147
- }
1148
-
1149
- .re-filter-panel {
1150
- display: flex;
1151
- align-items: start;
1152
- overflow: hidden;
1153
- transition-property: all;
1154
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1155
- transition-duration: 300ms;
1156
- border-radius: 4px;
1157
- }
1158
- .re-filter-panel__inner {
1159
- flex: 1;
1160
- min-width: 0;
1161
- display: flex;
1162
- flex-wrap: wrap;
1163
- }
1164
- .re-filter-panel__extra {
1165
- margin-top: 1em;
1166
- }
1167
-
1168
- .re-svg-icon {
1169
- display: inline-block;
1170
- vertical-align: middle;
1171
- }
1172
- .re-svg-icon__spinner {
1173
- animation: spin 1s linear infinite;
1174
- }
1175
- @keyframes spin {
1176
- from {
1177
- transform: rotate(0deg);
1178
- }
1179
- to {
1180
- transform: rotate(360deg);
1181
- }
1182
- }
1183
-
1184
- .re-popover.re-tooltip {
1185
- padding: 0;
1186
- filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
1187
- }
1188
- .re-popover__title {
1189
- font-size: var(--re-root-font-size);
1190
- padding: 0.5em 1em;
1191
- font-weight: 500;
1192
- }
1193
- .re-popover__content {
1194
- padding: 0 1em 1em 1em;
1195
- font-size: var(--re-base-font-size);
1196
- }
1197
-
1198
- .re-tooltip.is-light {
1199
- --re-tooltip-font-size: 12px;
1200
- --re-tooltip-border-radius: 4px;
1201
- --re-tooltip-bgcolor: var(--re-color-fill-blank);
1202
- --re-tooltip-color: var(--re-color-text-base);
1203
- --re-tooltip-border-color: var(--re-color-border-light);
1204
- }
1205
- .re-tooltip.is-dark {
1206
- --re-tooltip-font-size: 12px;
1207
- --re-tooltip-border-radius: 4px;
1208
- --re-tooltip-bgcolor: var(--re-color-text-darker);
1209
- --re-tooltip-color: var(--re-color-fill-blank);
1210
- --re-tooltip-border-color: var(--re-color-text-darker);
1211
- }
1212
- .re-tooltip {
1213
- padding: 6px 12px;
1214
- color: var(--re-tooltip-color);
1215
- background-color: var(--re-tooltip-bgcolor);
1216
- border-radius: var(--re-tooltip-border-radius);
1217
- border: 1px solid var(--re-tooltip-border-color);
1218
- }
1219
- .re-tooltip__content {
1220
- font-size: var(--re-tooltip-font-size);
1221
- line-height: 1;
1222
- }
1223
- .re-tooltip__arrow {
1224
- background-color: var(--re-tooltip-bgcolor);
1225
- border-width: 1px;
1226
- border-style: solid;
1227
- z-index: -1;
1228
- transform: rotate(45deg);
1229
- }
1230
- .re-tooltip__arrow[data-placement^=top] {
1231
- border-color: transparent var(--re-tooltip-border-color) var(--re-tooltip-border-color) transparent;
1232
- }
1233
- .re-tooltip__arrow[data-placement^=bottom] {
1234
- border-color: var(--re-tooltip-border-color) transparent transparent var(--re-tooltip-border-color);
1235
- }
1236
- .re-tooltip__arrow[data-placement^=left] {
1237
- border-color: var(--re-tooltip-border-color) var(--re-tooltip-border-color) transparent transparent;
1238
- }
1239
- .re-tooltip__arrow[data-placement^=right] {
1240
- border-color: transparent transparent var(--re-tooltip-border-color) var(--re-tooltip-border-color);
1241
- }
1242
-
1243
- .re-popconfirm {
1244
- --re-popconfirm-icon-color: var(--re-color-warning-base);
1245
- }
1246
- .re-popconfirm.re-tooltip {
1247
- padding: 0;
1248
- filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
1249
- }
1250
- .re-popconfirm__header {
1251
- display: flex;
1252
- align-items: center;
1253
- padding: 1em;
1254
- font-weight: 500;
1255
- }
1256
- .re-popconfirm__title {
1257
- line-height: 1.5;
1258
- }
1259
- .re-popconfirm__icon {
1260
- flex-shrink: 0;
1261
- margin-right: 5px;
1262
- color: var(--re-popconfirm-icon-color);
1263
- }
1264
- .re-popconfirm__content {
1265
- line-height: 1.5;
1266
- padding: 0 1em;
1267
- }
1268
- .re-popconfirm__footer {
1269
- padding: 1em;
1270
- text-align: right;
1271
- }
1
+ :root{--re-color-primary:#ac99ff;--re-color-text-darkest:#000000;--re-color-text-darker:#303131;--re-color-text-base:#606062;--re-color-text-dark:#909093;--re-color-text-light:#b2b2b6;--re-color-text-lighter:#cdcdd1;--re-color-text-lightest:#ffffff;--re-color-border-darker:#c3c3cb;--re-color-border-dark:#d0d0d8;--re-color-border-base:#dbdbe0;--re-color-border-light:#e4e4e8;--re-color-border-lighter:#ededef;--re-color-border-lightest:#efeff3;--re-color-fill-darker:#d7d7dc;--re-color-fill-dark:#e8e8ec;--re-color-fill-base:#ededf0;--re-color-fill-light:#f1f1f4;--re-color-fill-lighter:#f6f6f7;--re-color-fill-lightest:#f8f8f9;--re-color-fill-blank:#ffffff;--re-color-fill-transparent:transparent;--re-color-primary-base:#ac99ff;--re-color-primary-active:#9787e0;--re-color-primary-hover:#a290f0;--re-color-primary-shade-9:#b4a3ff;--re-color-primary-shade-8:#bdadff;--re-color-primary-shade-7:#c5b8ff;--re-color-primary-shade-6:#cdc2ff;--re-color-primary-shade-5:#d6ccff;--re-color-primary-shade-4:#ded6ff;--re-color-primary-shade-3:#e6e0ff;--re-color-primary-shade-2:#eeebff;--re-color-primary-shade-1:#f7f5ff;--re-color-success-base:#06c173;--re-color-success-active:#05aa65;--re-color-success-hover:#06b56c;--re-color-success-shade-9:#1fc781;--re-color-success-shade-8:#38cd8f;--re-color-success-shade-7:#51d49d;--re-color-success-shade-6:#6adaab;--re-color-success-shade-5:#83e0b9;--re-color-success-shade-4:#9be6c7;--re-color-success-shade-3:#b4ecd5;--re-color-success-shade-2:#cdf3e3;--re-color-success-shade-1:#e6f9f1;--re-color-danger-base:#ef717f;--re-color-danger-active:#d26370;--re-color-danger-hover:#e16a77;--re-color-danger-shade-9:#f17f8c;--re-color-danger-shade-8:#f28d99;--re-color-danger-shade-7:#f49ca5;--re-color-danger-shade-6:#f5aab2;--re-color-danger-shade-5:#f7b8bf;--re-color-danger-shade-4:#f9c6cc;--re-color-danger-shade-3:#fad4d9;--re-color-danger-shade-2:#fce3e5;--re-color-danger-shade-1:#fdf1f2;--re-color-warning-base:#e6a219;--re-color-warning-active:#ca8f16;--re-color-warning-hover:#d89818;--re-color-warning-shade-9:#e9ab30;--re-color-warning-shade-8:#ebb547;--re-color-warning-shade-7:#eebe5e;--re-color-warning-shade-6:#f0c775;--re-color-warning-shade-5:#f3d18c;--re-color-warning-shade-4:#f5daa3;--re-color-warning-shade-3:#f8e3ba;--re-color-warning-shade-2:#faecd1;--re-color-warning-shade-1:#fdf6e8;--re-color-info-base:#a7a7a9;--re-color-info-active:#939395;--re-color-info-hover:#9d9d9f;--re-color-info-shade-9:#b0b0b2;--re-color-info-shade-8:#b9b9ba;--re-color-info-shade-7:#c1c1c3;--re-color-info-shade-6:#cacacb;--re-color-info-shade-5:#d3d3d4;--re-color-info-shade-4:#dcdcdd;--re-color-info-shade-3:#e5e5e5;--re-color-info-shade-2:#ededee;--re-color-info-shade-1:#f6f6f6}:root.dark{--re-color-text-darkest:#ffffff;--re-color-text-darker:#e0e0e2;--re-color-text-base:#d0d0d4;--re-color-text-dark:#b2b2b6;--re-color-text-light:#909093;--re-color-text-lighter:#606062;--re-color-text-lightest:#303131;--re-color-border-darker:#8e8e91;--re-color-border-dark:#6b6b6f;--re-color-border-base:#5b5b5f;--re-color-border-light:#4d4d51;--re-color-border-lighter:#3b3b3d;--re-color-border-lightest:#2c2c2e;--re-color-fill-darker:#6b6b6f;--re-color-fill-dark:#5b5b5f;--re-color-fill-base:#4d4d51;--re-color-fill-light:#3b3b3d;--re-color-fill-lighter:#323236;--re-color-fill-lightest:#2c2c2e;--re-color-fill-blank:#1b1b1f;--re-color-fill-transparent:transparent;--re-color-primary-base:#ac99ff;--re-color-primary-active:#8d7dd1;--re-color-primary-hover:#9787e0;--re-color-primary-shade-9:#a08fea;--re-color-primary-shade-8:#9384d6;--re-color-primary-shade-7:#877ac1;--re-color-primary-shade-6:#7a6fad;--re-color-primary-shade-5:#6e6598;--re-color-primary-shade-4:#625b83;--re-color-primary-shade-3:#55506f;--re-color-primary-shade-2:#49465a;--re-color-primary-shade-1:#3c3b46;--re-color-success-base:#06c173;--re-color-success-active:#059e5e;--re-color-success-hover:#05aa65;--re-color-success-shade-9:#0ab36c;--re-color-success-shade-8:#0ea466;--re-color-success-shade-7:#13965f;--re-color-success-shade-6:#178759;--re-color-success-shade-5:#1b7952;--re-color-success-shade-4:#1f6b4b;--re-color-success-shade-3:#235c45;--re-color-success-shade-2:#284e3e;--re-color-success-shade-1:#2c3f38;--re-color-danger-base:#ef717f;--re-color-danger-active:#c45d68;--re-color-danger-hover:#d26370;--re-color-danger-shade-9:#dc6b77;--re-color-danger-shade-8:#c9646f;--re-color-danger-shade-7:#b65e68;--re-color-danger-shade-6:#a35760;--re-color-danger-shade-5:#905158;--re-color-danger-shade-4:#7c4b50;--re-color-danger-shade-3:#694448;--re-color-danger-shade-2:#563e41;--re-color-danger-shade-1:#433739;--re-color-warning-base:#e6a219;--re-color-warning-active:#bd8515;--re-color-warning-hover:#ca8f16;--re-color-warning-shade-9:#d4971b;--re-color-warning-shade-8:#c28b1e;--re-color-warning-shade-7:#af8020;--re-color-warning-shade-6:#9d7523;--re-color-warning-shade-5:#8b6a25;--re-color-warning-shade-4:#795e27;--re-color-warning-shade-3:#67532a;--re-color-warning-shade-2:#54482c;--re-color-warning-shade-1:#423c2f;--re-color-info-base:#a7a7a9;--re-color-info-active:#89898b;--re-color-info-hover:#939395;--re-color-info-shade-9:#9b9b9d;--re-color-info-shade-8:#8f8f91;--re-color-info-shade-7:#838485;--re-color-info-shade-6:#777879;--re-color-info-shade-5:#6c6c6d;--re-color-info-shade-4:#606061;--re-color-info-shade-3:#545455;--re-color-info-shade-2:#484949;--re-color-info-shade-1:#3c3d3d}:root{--re-root-font-size:16px;--re-base-font-size:14px;--re-base-border-radius:4px;font-size:var(--re-root-font-size);--base-font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Microsoft YaHei, 微软雅黑, Arial, Noto Sans SC, sans-serif;--code-font-family: JetBrains Mono, ui-monospace, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace}*,*::before,*::after{box-sizing:border-box;font-weight:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{margin:0;padding:0;font-size:var(--re-base-font-size);font-family:var(--base-font-family)}.re-button{display:inline-flex;align-items:center;justify-content:center;font-size:var(--re-base-font-size);text-align:center;cursor:pointer;white-space:nowrap;box-sizing:border-box;transition:width .05s ease,height .05s ease,background-color .03s ease,transform .03s ease;-webkit-user-select:none;user-select:none;outline:none;vertical-align:middle;height:32px;line-height:1;-webkit-appearance:none;appearance:none;position:relative;padding:8px 16px;border-radius:4px;border-width:1px;border-style:solid;background-color:var(--re-button-bgcolor);color:var(--re-button-color);border-color:var(--re-button-border-color)}.re-button__content{display:inline-flex;align-items:center}@keyframes rotating{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.re-button__loading{animation:rotating 2s linear infinite}.re-button__loading+*{margin-left:4px}.re-button__icon{width:1em;height:1em}.re-button__icon+span{margin-left:4px}.re-button.is-dashed{border-style:dashed}.re-button.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-fill-blank)}.re-button.is-link,.re-button.is-text{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button.is-link{padding:2px;height:auto;text-decoration:underline}.re-button.is-text{padding:0;height:auto}.re-button.is-text.is-text-padding,.re-button.is-text.is-text-bg{padding:8px 16px;height:32px;border:0 solid rgba(0,0,0,0)}.re-button.is-plain:hover:not(.is-disabled){--re-button-border-color:var(--re-color-primary-base);--re-button-bgcolor:var(--re-color-fill-blank)}.re-button.is-round{border-radius:20px}.re-button.is-circle{width:32px;border-radius:50%;padding:8px}.re-button+.re-button{margin-left:10px}.re-button{--re-button-bgcolor:var(--re-color-fill-blank);--re-button-color:var(--re-color-text-base);--re-button-border-color:var(--re-color-border-base)}.re-button:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-shade-1);--re-button-color:var(--re-color-primary-base);--re-button-border-color:var(--re-color-primary-shade-4)}.re-button:active:not(.is-disabled){transform:scale(0.99);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-primary-shade-2);--re-button-color:var(--re-color-primary-base);--re-button-border-color:var(--re-color-primary-shade-5)}.re-button:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-border-darker)}.re-button.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-fill-blank);--re-button-border-color:var(--re-color-border-base);--re-button-color:var(--re-color-text-lighter)}.re-button.is-link,.re-button.is-text{--re-button-color:var(--re-color-text-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button.is-link:hover:not(.is-disabled),.re-button.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-primary-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button.is-link:active:not(.is-disabled),.re-button.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-primary-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button.is-link.is-disabled,.re-button.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-text-lighter)}.re-button.is-text.is-text-padding,.re-button.is-text.is-text-bg{--re-button-border-color:transparent}.re-button.is-text.is-text-padding:hover:not(.is-disabled),.re-button.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button.is-text.is-text-padding:active:not(.is-disabled),.re-button.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--primary{--re-button-bgcolor:var(--re-color-primary-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-primary-base)}.re-button--primary:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-primary-hover)}.re-button--primary:active:not(.is-disabled){transform:scale(0.99);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-primary-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-primary-active)}.re-button--primary:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-primary-shade-4)}.re-button--primary.is-plain,.re-button--primary.is-dashed{--re-button-bgcolor:var(--re-color-primary-shade-1);--re-button-border-color:var(--re-color-primary-shade-6);--re-button-color:var(--re-color-primary-base)}.re-button--primary.is-plain:hover:not(.is-disabled),.re-button--primary.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-primary-base)}.re-button--primary.is-plain.is-disabled,.re-button--primary.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-primary-shade-1);--re-button-border-color:var(--re-color-primary-shade-4);--re-button-color:var(--re-color-primary-shade-4)}.re-button--primary.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-base);--re-button-color:var(--re-color-fill-blank)}.re-button--primary.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-primary-active)}.re-button--primary.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-shade-1);--re-button-color:var(--re-color-primary-base)}.re-button--primary.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-shade-2);--re-button-border-color:var(--re-color-primary-active);--re-button-color:var(--re-color-primary-active)}.re-button--primary.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button--primary.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-primary-shade-4);--re-button-border-color:var(--re-color-primary-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--primary.is-link,.re-button--primary.is-text{--re-button-color:var(--re-color-primary-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--primary.is-link:hover:not(.is-disabled),.re-button--primary.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-primary-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--primary.is-link:active:not(.is-disabled),.re-button--primary.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-primary-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--primary.is-link.is-disabled,.re-button--primary.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-primary-shade-4)}.re-button--primary.is-text.is-text-padding,.re-button--primary.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--primary.is-text.is-text-padding:hover:not(.is-disabled),.re-button--primary.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--primary.is-text.is-text-padding:active:not(.is-disabled),.re-button--primary.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--primary.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--primary.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--primary.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--primary.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--success{--re-button-bgcolor:var(--re-color-success-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-success-base)}.re-button--success:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-success-hover)}.re-button--success:active:not(.is-disabled){transform:scale(0.99);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-success-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-success-active)}.re-button--success:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-success-shade-4)}.re-button--success.is-plain,.re-button--success.is-dashed{--re-button-bgcolor:var(--re-color-success-shade-1);--re-button-border-color:var(--re-color-success-shade-6);--re-button-color:var(--re-color-success-base)}.re-button--success.is-plain:hover:not(.is-disabled),.re-button--success.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-success-base)}.re-button--success.is-plain.is-disabled,.re-button--success.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-success-shade-1);--re-button-border-color:var(--re-color-success-shade-4);--re-button-color:var(--re-color-success-shade-4)}.re-button--success.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-base);--re-button-color:var(--re-color-fill-blank)}.re-button--success.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-success-active)}.re-button--success.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-shade-1);--re-button-color:var(--re-color-success-base)}.re-button--success.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-shade-2);--re-button-border-color:var(--re-color-success-active);--re-button-color:var(--re-color-success-active)}.re-button--success.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button--success.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-success-shade-4);--re-button-border-color:var(--re-color-success-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--success.is-link,.re-button--success.is-text{--re-button-color:var(--re-color-success-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--success.is-link:hover:not(.is-disabled),.re-button--success.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-success-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--success.is-link:active:not(.is-disabled),.re-button--success.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-success-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--success.is-link.is-disabled,.re-button--success.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-success-shade-4)}.re-button--success.is-text.is-text-padding,.re-button--success.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--success.is-text.is-text-padding:hover:not(.is-disabled),.re-button--success.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--success.is-text.is-text-padding:active:not(.is-disabled),.re-button--success.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--success.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--success.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--success.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--success.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--danger{--re-button-bgcolor:var(--re-color-danger-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-danger-base)}.re-button--danger:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-danger-hover)}.re-button--danger:active:not(.is-disabled){transform:scale(0.99);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-danger-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-danger-active)}.re-button--danger:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-danger-shade-4)}.re-button--danger.is-plain,.re-button--danger.is-dashed{--re-button-bgcolor:var(--re-color-danger-shade-1);--re-button-border-color:var(--re-color-danger-shade-6);--re-button-color:var(--re-color-danger-base)}.re-button--danger.is-plain:hover:not(.is-disabled),.re-button--danger.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-danger-base)}.re-button--danger.is-plain.is-disabled,.re-button--danger.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-danger-shade-1);--re-button-border-color:var(--re-color-danger-shade-4);--re-button-color:var(--re-color-danger-shade-4)}.re-button--danger.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-base);--re-button-color:var(--re-color-fill-blank)}.re-button--danger.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-danger-active)}.re-button--danger.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-shade-1);--re-button-color:var(--re-color-danger-base)}.re-button--danger.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-shade-2);--re-button-border-color:var(--re-color-danger-active);--re-button-color:var(--re-color-danger-active)}.re-button--danger.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button--danger.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-danger-shade-4);--re-button-border-color:var(--re-color-danger-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--danger.is-link,.re-button--danger.is-text{--re-button-color:var(--re-color-danger-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--danger.is-link:hover:not(.is-disabled),.re-button--danger.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-danger-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--danger.is-link:active:not(.is-disabled),.re-button--danger.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-danger-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--danger.is-link.is-disabled,.re-button--danger.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-danger-shade-4)}.re-button--danger.is-text.is-text-padding,.re-button--danger.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--danger.is-text.is-text-padding:hover:not(.is-disabled),.re-button--danger.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--danger.is-text.is-text-padding:active:not(.is-disabled),.re-button--danger.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--danger.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--danger.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--danger.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--danger.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--warning{--re-button-bgcolor:var(--re-color-warning-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-warning-base)}.re-button--warning:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-warning-hover)}.re-button--warning:active:not(.is-disabled){transform:scale(0.99);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-warning-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-warning-active)}.re-button--warning:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-warning-shade-4)}.re-button--warning.is-plain,.re-button--warning.is-dashed{--re-button-bgcolor:var(--re-color-warning-shade-1);--re-button-border-color:var(--re-color-warning-shade-6);--re-button-color:var(--re-color-warning-base)}.re-button--warning.is-plain:hover:not(.is-disabled),.re-button--warning.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-warning-base)}.re-button--warning.is-plain.is-disabled,.re-button--warning.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-warning-shade-1);--re-button-border-color:var(--re-color-warning-shade-4);--re-button-color:var(--re-color-warning-shade-4)}.re-button--warning.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-base);--re-button-color:var(--re-color-fill-blank)}.re-button--warning.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-warning-active)}.re-button--warning.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-shade-1);--re-button-color:var(--re-color-warning-base)}.re-button--warning.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-shade-2);--re-button-border-color:var(--re-color-warning-active);--re-button-color:var(--re-color-warning-active)}.re-button--warning.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button--warning.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-warning-shade-4);--re-button-border-color:var(--re-color-warning-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--warning.is-link,.re-button--warning.is-text{--re-button-color:var(--re-color-warning-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--warning.is-link:hover:not(.is-disabled),.re-button--warning.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-warning-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--warning.is-link:active:not(.is-disabled),.re-button--warning.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-warning-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--warning.is-link.is-disabled,.re-button--warning.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-warning-shade-4)}.re-button--warning.is-text.is-text-padding,.re-button--warning.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--warning.is-text.is-text-padding:hover:not(.is-disabled),.re-button--warning.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--warning.is-text.is-text-padding:active:not(.is-disabled),.re-button--warning.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--warning.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--warning.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--warning.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--warning.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--info{--re-button-bgcolor:var(--re-color-info-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-info-base)}.re-button--info:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-info-hover)}.re-button--info:active:not(.is-disabled){transform:scale(0.99);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-info-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-info-active)}.re-button--info:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-info-shade-4)}.re-button--info.is-plain,.re-button--info.is-dashed{--re-button-bgcolor:var(--re-color-info-shade-1);--re-button-border-color:var(--re-color-info-shade-6);--re-button-color:var(--re-color-info-base)}.re-button--info.is-plain:hover:not(.is-disabled),.re-button--info.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-info-base)}.re-button--info.is-plain.is-disabled,.re-button--info.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-info-shade-1);--re-button-border-color:var(--re-color-info-shade-4);--re-button-color:var(--re-color-info-shade-4)}.re-button--info.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-base);--re-button-color:var(--re-color-fill-blank)}.re-button--info.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-info-active)}.re-button--info.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-shade-1);--re-button-color:var(--re-color-info-base)}.re-button--info.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-shade-2);--re-button-border-color:var(--re-color-info-active);--re-button-color:var(--re-color-info-active)}.re-button--info.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button--info.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-info-shade-4);--re-button-border-color:var(--re-color-info-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--info.is-link,.re-button--info.is-text{--re-button-color:var(--re-color-info-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--info.is-link:hover:not(.is-disabled),.re-button--info.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-info-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--info.is-link:active:not(.is-disabled),.re-button--info.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-info-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--info.is-link.is-disabled,.re-button--info.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-info-shade-4)}.re-button--info.is-text.is-text-padding,.re-button--info.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--info.is-text.is-text-padding:hover:not(.is-disabled),.re-button--info.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--info.is-text.is-text-padding:active:not(.is-disabled),.re-button--info.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--info.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--info.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--info.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--info.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--large{padding:12px 20px;height:40px;font-size:16px;border-radius:4px}.re-button--large.is-circle{width:40px;padding:12px}.re-button--small{padding:6px 12px;height:28px;font-size:12px;border-radius:4px}.re-button--small.is-circle{width:28px;padding:6px}.re-button--mini{padding:4px 8px;height:24px;font-size:12px;border-radius:2px}.re-button--mini.is-circle{width:24px;padding:4px}.re-button-group{display:inline-flex;align-items:center}.re-button-group--horizontal .re-button{flex:1;min-width:0;margin-left:0;margin-right:0}.re-button-group--horizontal .re-button:not(:first-child,:last-child){margin-left:-1px;border-radius:0;border-left-color:var(--re-color-fill-blank)}.re-button-group--horizontal .re-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.re-button-group--horizontal .re-button:last-child{margin-left:-1px;border-left-color:var(--re-color-fill-blank);border-top-left-radius:0;border-bottom-left-radius:0}.re-button-group--vertical{flex-direction:column;align-items:stretch}.re-button-group--vertical .re-button{flex:1;min-height:0;margin-left:0;margin-right:0}.re-button-group--vertical .re-button:not(:first-child,:last-child){margin-top:-1px;border-radius:0;border-top-color:var(--re-color-fill-blank)}.re-button-group--vertical .re-button:first-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.re-button-group--vertical .re-button:last-child{margin-top:-1px;border-top-color:var(--re-color-fill-blank);border-top-right-radius:0;border-top-left-radius:0}.re-colors--primary{width:60rem;border-radius:4px;overflow:hidden;color:#fff;max-width:100%}.re-colors__code{overflow-x:auto}.re-colors__code pre{padding:1em}.re-colors--secondary{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;max-width:100%}@media(max-width: 768px){.re-colors--secondary{grid-template-columns:repeat(1, 1fr)}}.re-colors--neutral{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem;max-width:100%;overflow:hidden}.re-colors__group{min-width:0}.re-colors__panel{border-radius:4px;overflow:hidden;color:#fff}.re-colors__base{color:#fff;height:6rem;box-shadow:10px 10px;padding:1rem}.re-colors__shades{display:flex;align-items:center;flex-wrap:nowrap}.re-colors__shade{flex:1;height:3.2rem;padding:.2rem}.re-colors__collects{border-radius:4px;overflow:hidden;margin-bottom:1rem;height:7rem;padding:1rem}.re-colors__borders{display:flex;justify-content:space-between}.re-colors__border-content{border-radius:50%;margin-left:1rem;background-color:#fff;height:5rem;width:5rem;display:flex;justify-content:center;align-items:center;flex-shrink:0}.re-colors__grids{background-color:#fff;background-image:linear-gradient(45deg, #ededf0 25%, transparent 25%),linear-gradient(-45deg, #ededf0 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #ededf0 75%),linear-gradient(-45deg, transparent 75%, #ededf0 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0px}.re-colors__grids.is-dark{background-image:linear-gradient(45deg, #303131 25%, transparent 25%),linear-gradient(-45deg, #303131 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #303131 75%),linear-gradient(-45deg, transparent 75%, #303131 75%)}.re-filter-panel{display:flex;align-items:start;overflow:hidden;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;border-radius:4px}.re-filter-panel__inner{flex:1;min-width:0;display:flex;flex-wrap:wrap}.re-filter-panel__extra{margin-top:1em}.re-svg-icon{display:inline-block;vertical-align:middle}.re-svg-icon__spinner{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.re-popover.re-tooltip{padding:0;filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.1))}.re-popover__title{font-size:var(--re-root-font-size);padding:.5em 1em;font-weight:500}.re-popover__content{padding:0 1em 1em 1em;font-size:var(--re-base-font-size)}.re-tooltip.is-light{--re-tooltip-font-size:12px;--re-tooltip-border-radius:4px;--re-tooltip-bgcolor:var(--re-color-fill-blank);--re-tooltip-color:var(--re-color-text-base);--re-tooltip-border-color:var(--re-color-border-light)}.re-tooltip.is-dark{--re-tooltip-font-size:12px;--re-tooltip-border-radius:4px;--re-tooltip-bgcolor:var(--re-color-text-darker);--re-tooltip-color:var(--re-color-fill-blank);--re-tooltip-border-color:var(--re-color-text-darker)}.re-tooltip{padding:6px 12px;color:var(--re-tooltip-color);background-color:var(--re-tooltip-bgcolor);border-radius:var(--re-tooltip-border-radius);border:1px solid var(--re-tooltip-border-color)}.re-tooltip__content{font-size:var(--re-tooltip-font-size);line-height:1}.re-tooltip__arrow{background-color:var(--re-tooltip-bgcolor);border-width:1px;border-style:solid;z-index:-1;transform:rotate(45deg)}.re-tooltip__arrow[data-placement^=top]{border-color:rgba(0,0,0,0) var(--re-tooltip-border-color) var(--re-tooltip-border-color) rgba(0,0,0,0)}.re-tooltip__arrow[data-placement^=bottom]{border-color:var(--re-tooltip-border-color) rgba(0,0,0,0) rgba(0,0,0,0) var(--re-tooltip-border-color)}.re-tooltip__arrow[data-placement^=left]{border-color:var(--re-tooltip-border-color) var(--re-tooltip-border-color) rgba(0,0,0,0) rgba(0,0,0,0)}.re-tooltip__arrow[data-placement^=right]{border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--re-tooltip-border-color) var(--re-tooltip-border-color)}.re-popconfirm{--re-popconfirm-icon-color:var(--re-color-warning-base)}.re-popconfirm.re-tooltip{padding:0;filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.1))}.re-popconfirm__header{display:flex;align-items:center;padding:1em;font-weight:500}.re-popconfirm__title{line-height:1.5}.re-popconfirm__icon{flex-shrink:0;margin-right:5px;color:var(--re-popconfirm-icon-color)}.re-popconfirm__content{line-height:1.5;padding:0 1em}.re-popconfirm__footer{padding:1em;text-align:right}