pxd 0.0.13 → 0.0.15

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 (71) hide show
  1. package/dist/components/active-graph/index.vue +163 -0
  2. package/dist/components/active-graph/index.vue.d.ts +19 -0
  3. package/dist/components/avatar/index.vue +28 -7
  4. package/dist/components/avatar/index.vue.d.ts +9 -1
  5. package/dist/components/button/index.vue +9 -5
  6. package/dist/components/button/index.vue.d.ts +6 -4
  7. package/dist/components/checkbox/index.vue +4 -3
  8. package/dist/components/checkbox/index.vue.d.ts +2 -2
  9. package/dist/components/checkbox-group/index.vue +5 -1
  10. package/dist/components/config-provider/index.vue +3 -1
  11. package/dist/components/config-provider/index.vue.d.ts +1 -0
  12. package/dist/components/description/index.vue +31 -0
  13. package/dist/components/description/index.vue.d.ts +19 -0
  14. package/dist/components/error/index.vue +17 -13
  15. package/dist/components/gauge/index.vue +12 -17
  16. package/dist/components/gauge/index.vue.d.ts +2 -2
  17. package/dist/components/hold-button/index.vue +1 -1
  18. package/dist/components/index.d.ts +4 -1
  19. package/dist/components/index.js +4 -1
  20. package/dist/components/input/index.vue +27 -19
  21. package/dist/components/input/index.vue.d.ts +12 -9
  22. package/dist/components/kbd/index.vue +1 -1
  23. package/dist/components/link-button/index.vue +1 -1
  24. package/dist/components/more-button/index.vue +2 -2
  25. package/dist/components/note/index.vue +14 -7
  26. package/dist/components/note/index.vue.d.ts +35 -7
  27. package/dist/components/progress/index.vue +9 -15
  28. package/dist/components/progress/index.vue.d.ts +2 -2
  29. package/dist/components/radio/index.vue +2 -2
  30. package/dist/components/radio/index.vue.d.ts +2 -2
  31. package/dist/components/radio-group/index.vue.d.ts +2 -2
  32. package/dist/components/scrollable/index.vue +2 -3
  33. package/dist/components/slider/index.vue +35 -27
  34. package/dist/components/slider/index.vue.d.ts +5 -4
  35. package/dist/components/snippet/index.vue +4 -3
  36. package/dist/components/textarea/index.vue +18 -10
  37. package/dist/components/textarea/index.vue.d.ts +16 -5
  38. package/dist/components/{color-scheme → theme-switcher}/index.vue +5 -2
  39. package/dist/components/toggle/index.vue +2 -2
  40. package/dist/components/toggle/index.vue.d.ts +2 -2
  41. package/dist/components/tooltip/index.vue +265 -0
  42. package/dist/components/tooltip/index.vue.d.ts +36 -0
  43. package/dist/composables/useConfigProviderContext.d.ts +1 -0
  44. package/dist/composables/useConfigProviderContext.js +3 -1
  45. package/dist/composables/useModelValue.d.ts +1 -1
  46. package/dist/composables/useRandomValueContext.js +6 -6
  47. package/dist/index.d.ts +1 -1
  48. package/dist/index.js +1 -1
  49. package/dist/locales/en-US.d.ts +32 -0
  50. package/dist/locales/en-US.js +31 -0
  51. package/dist/locales/index.d.ts +2 -0
  52. package/dist/locales/index.js +2 -0
  53. package/dist/locales/zh-CN.d.ts +32 -0
  54. package/dist/locales/zh-CN.js +31 -0
  55. package/dist/styles/dst.css +277 -0
  56. package/dist/styles/styles.css +2 -0
  57. package/dist/styles/tw.css +361 -355
  58. package/dist/utils/colors.d.ts +1 -0
  59. package/dist/utils/colors.js +13 -0
  60. package/dist/utils/date.d.ts +12 -0
  61. package/dist/utils/date.js +40 -0
  62. package/dist/utils/fn.d.ts +1 -0
  63. package/dist/utils/fn.js +17 -0
  64. package/dist/utils/random.d.ts +1 -1
  65. package/dist/utils/random.js +2 -2
  66. package/dist/utils/uid.d.ts +1 -0
  67. package/dist/utils/uid.js +4 -0
  68. package/package.json +27 -7
  69. package/dist/styles/index.css +0 -2
  70. package/dist/styles/tokens.css +0 -238
  71. /package/dist/components/{color-scheme → theme-switcher}/index.vue.d.ts +0 -0
@@ -0,0 +1,32 @@
1
+ declare const _default: {
2
+ date: {
3
+ month: {
4
+ 0: string;
5
+ 1: string;
6
+ 2: string;
7
+ 3: string;
8
+ 4: string;
9
+ 5: string;
10
+ 6: string;
11
+ 7: string;
12
+ 8: string;
13
+ 9: string;
14
+ 10: string;
15
+ 11: string;
16
+ };
17
+ day: {
18
+ 0: string;
19
+ 1: string;
20
+ 2: string;
21
+ 3: string;
22
+ 4: string;
23
+ 5: string;
24
+ 6: string;
25
+ };
26
+ };
27
+ compare: {
28
+ less: string;
29
+ more: string;
30
+ };
31
+ };
32
+ export default _default;
@@ -0,0 +1,31 @@
1
+ export default {
2
+ date: {
3
+ month: {
4
+ 0: "\u4E00\u6708",
5
+ 1: "\u4E8C\u6708",
6
+ 2: "\u4E09\u6708",
7
+ 3: "\u56DB\u6708",
8
+ 4: "\u4E94\u6708",
9
+ 5: "\u516D\u6708",
10
+ 6: "\u4E03\u6708",
11
+ 7: "\u516B\u6708",
12
+ 8: "\u4E5D\u6708",
13
+ 9: "\u5341\u6708",
14
+ 10: "\u5341\u4E00\u6708",
15
+ 11: "\u5341\u4E8C\u6708"
16
+ },
17
+ day: {
18
+ 0: "\u65E5",
19
+ 1: "\u4E00",
20
+ 2: "\u4E8C",
21
+ 3: "\u4E09",
22
+ 4: "\u56DB",
23
+ 5: "\u4E94",
24
+ 6: "\u516D"
25
+ }
26
+ },
27
+ compare: {
28
+ less: "\u5C11",
29
+ more: "\u591A"
30
+ }
31
+ };
@@ -0,0 +1,277 @@
1
+ :root {
2
+ --radius: 0.5rem;
3
+
4
+ --background-100: #fff;
5
+ --background-200: #f8f8f8;
6
+
7
+ --ring: var(--color-blue-900-value);
8
+ --primary: var(--color-gray-1000-value);
9
+
10
+ --color-gray-alpha-100: hsla(0, 0%, 0%, 0.05);
11
+ --color-gray-alpha-200: hsla(0, 0%, 0%, 0.08);
12
+ --color-gray-alpha-300: hsla(0, 0%, 0%, 0.12);
13
+ --color-gray-alpha-400: hsla(0, 0%, 0%, 0.17);
14
+ --color-gray-alpha-500: hsla(0, 0%, 0%, 0.21);
15
+ --color-gray-alpha-600: hsla(0, 0%, 0%, 0.34);
16
+ --color-gray-alpha-700: hsla(0, 0%, 0%, 0.44);
17
+ --color-gray-alpha-800: hsla(0, 0%, 0%, 0.51);
18
+ --color-gray-alpha-900: hsla(0, 0%, 0%, 0.61);
19
+ --color-gray-alpha-1000: hsla(0, 0%, 0%, 0.91);
20
+
21
+ --color-gray-100-value: 0, 0%, 95%;
22
+ --color-gray-200-value: 0, 0%, 93%;
23
+ --color-gray-300-value: 0, 0%, 90%;
24
+ --color-gray-400-value: 0, 0%, 85%;
25
+ --color-gray-500-value: 0, 0%, 79%;
26
+ --color-gray-600-value: 0, 0%, 66%;
27
+ --color-gray-700-value: 0, 0%, 56%;
28
+ --color-gray-800-value: 0, 0%, 49%;
29
+ --color-gray-900-value: 0, 0%, 40%;
30
+ --color-gray-1000-value: 0, 0%, 9%;
31
+
32
+ --color-blue-100-value: 212, 100%, 97%;
33
+ --color-blue-200-value: 210, 100%, 96%;
34
+ --color-blue-300-value: 210, 100%, 94%;
35
+ --color-blue-400-value: 209, 100%, 90%;
36
+ --color-blue-500-value: 209, 100%, 80%;
37
+ --color-blue-600-value: 208, 100%, 66%;
38
+ --color-blue-700-value: 212, 100%, 48%;
39
+ --color-blue-800-value: 212, 100%, 41%;
40
+ --color-blue-900-value: 211, 100%, 42%;
41
+ --color-blue-1000-value: 211, 100%, 15%;
42
+
43
+ --color-red-100-value: 0, 100%, 97%;
44
+ --color-red-200-value: 0, 100%, 96%;
45
+ --color-red-300-value: 0, 100%, 95%;
46
+ --color-red-400-value: 0, 90%, 92%;
47
+ --color-red-500-value: 0, 82%, 85%;
48
+ --color-red-600-value: 359, 90%, 71%;
49
+ --color-red-700-value: 358, 75%, 59%;
50
+ --color-red-800-value: 358, 70%, 52%;
51
+ --color-red-900-value: 358, 66%, 48%;
52
+ --color-red-1000-value: 355, 49%, 15%;
53
+
54
+ --color-amber-100-value: 39, 100%, 95%;
55
+ --color-amber-200-value: 44, 100%, 92%;
56
+ --color-amber-300-value: 43, 96%, 90%;
57
+ --color-amber-400-value: 42, 100%, 78%;
58
+ --color-amber-500-value: 38, 100%, 71%;
59
+ --color-amber-600-value: 36, 90%, 62%;
60
+ --color-amber-700-value: 39, 100%, 57%;
61
+ --color-amber-800-value: 35, 100%, 52%;
62
+ --color-amber-900-value: 30, 100%, 32%;
63
+ --color-amber-1000-value: 20, 79%, 17%;
64
+
65
+ --color-green-100-value: 120, 60%, 96%;
66
+ --color-green-200-value: 120, 60%, 95%;
67
+ --color-green-300-value: 120, 60%, 91%;
68
+ --color-green-400-value: 122, 60%, 86%;
69
+ --color-green-500-value: 124, 60%, 75%;
70
+ --color-green-600-value: 125, 60%, 64%;
71
+ --color-green-700-value: 131, 41%, 46%;
72
+ --color-green-800-value: 132, 43%, 39%;
73
+ --color-green-900-value: 133, 50%, 32%;
74
+ --color-green-1000-value: 128, 29%, 15%;
75
+
76
+ --color-teal-100-value: 169, 70%, 96%;
77
+ --color-teal-200-value: 167, 70%, 94%;
78
+ --color-teal-300-value: 168, 70%, 90%;
79
+ --color-teal-400-value: 170, 70%, 85%;
80
+ --color-teal-500-value: 170, 70%, 72%;
81
+ --color-teal-600-value: 170, 70%, 57%;
82
+ --color-teal-700-value: 173, 80%, 36%;
83
+ --color-teal-800-value: 173, 83%, 30%;
84
+ --color-teal-900-value: 174, 91%, 25%;
85
+ --color-teal-1000-value: 171, 80%, 13%;
86
+
87
+ --color-purple-100-value: 276, 100%, 97%;
88
+ --color-purple-200-value: 277, 87%, 97%;
89
+ --color-purple-300-value: 274, 78%, 95%;
90
+ --color-purple-400-value: 276, 71%, 92%;
91
+ --color-purple-500-value: 274, 70%, 82%;
92
+ --color-purple-600-value: 273, 72%, 73%;
93
+ --color-purple-700-value: 272, 51%, 54%;
94
+ --color-purple-800-value: 272, 47%, 45%;
95
+ --color-purple-900-value: 274, 71%, 43%;
96
+ --color-purple-1000-value: 276, 100%, 15%;
97
+
98
+ --color-pink-100-value: 330, 100%, 96%;
99
+ --color-pink-200-value: 340, 90%, 96%;
100
+ --color-pink-300-value: 340, 82%, 94%;
101
+ --color-pink-400-value: 341, 76%, 91%;
102
+ --color-pink-500-value: 340, 75%, 84%;
103
+ --color-pink-600-value: 341, 75%, 73%;
104
+ --color-pink-700-value: 336, 80%, 58%;
105
+ --color-pink-800-value: 336, 74%, 51%;
106
+ --color-pink-900-value: 336, 65%, 45%;
107
+ --color-pink-1000-value: 333, 74%, 15%;
108
+
109
+ color-scheme: light;
110
+ background-color: var(--color-background);
111
+ color: var(--color-foreground);
112
+ }
113
+
114
+ :root.dark {
115
+ --background-100: #121212;
116
+ --background-200: #000;
117
+
118
+ --color-gray-alpha-100: hsla(0, 0%, 100%, .06);
119
+ --color-gray-alpha-200: hsla(0, 0%, 100%, .09);
120
+ --color-gray-alpha-300: hsla(0, 0%, 100%, .13);
121
+ --color-gray-alpha-400: hsla(0, 0%, 100%, .14);
122
+ --color-gray-alpha-500: hsla(0, 0%, 100%, .24);
123
+ --color-gray-alpha-600: hsla(0, 0%, 100%, .51);
124
+ --color-gray-alpha-700: hsla(0, 0%, 100%, .54);
125
+ --color-gray-alpha-800: hsla(0, 0%, 100%, .47);
126
+ --color-gray-alpha-900: hsla(0, 0%, 100%, .61);
127
+ --color-gray-alpha-1000: hsla(0, 0%, 100%, .92);
128
+
129
+ --color-gray-100-value: 0, 0%, 10%;
130
+ --color-gray-200-value: 0, 0%, 12%;
131
+ --color-gray-300-value: 0, 0%, 16%;
132
+ --color-gray-400-value: 0, 0%, 18%;
133
+ --color-gray-500-value: 0, 0%, 27%;
134
+ --color-gray-600-value: 0, 0%, 53%;
135
+ --color-gray-700-value: 0, 0%, 56%;
136
+ --color-gray-800-value: 0, 0%, 49%;
137
+ --color-gray-900-value: 0, 0%, 63%;
138
+ --color-gray-1000-value: 0, 0%, 93%;
139
+
140
+ --color-blue-100-value: 216, 50%, 12%;
141
+ --color-blue-200-value: 214, 59%, 15%;
142
+ --color-blue-300-value: 213, 71%, 20%;
143
+ --color-blue-400-value: 212, 78%, 23%;
144
+ --color-blue-500-value: 211, 86%, 27%;
145
+ --color-blue-600-value: 206, 100%, 50%;
146
+ --color-blue-700-value: 212, 100%, 48%;
147
+ --color-blue-800-value: 212, 100%, 41%;
148
+ --color-blue-900-value: 210, 100%, 66%;
149
+ --color-blue-1000-value: 206, 100%, 96%;
150
+
151
+ --color-red-100-value: 357, 37%, 12%;
152
+ --color-red-200-value: 357, 46%, 16%;
153
+ --color-red-300-value: 356, 54%, 22%;
154
+ --color-red-400-value: 357, 55%, 26%;
155
+ --color-red-500-value: 357, 60%, 32%;
156
+ --color-red-600-value: 358, 75%, 59%;
157
+ --color-red-700-value: 358, 75%, 59%;
158
+ --color-red-800-value: 358, 69%, 52%;
159
+ --color-red-900-value: 358, 100%, 69%;
160
+ --color-red-1000-value: 353, 90%, 96%;
161
+
162
+ --color-amber-100-value: 35, 100%, 8%;
163
+ --color-amber-200-value: 32, 100%, 10%;
164
+ --color-amber-300-value: 33, 100%, 15%;
165
+ --color-amber-400-value: 35, 100%, 17%;
166
+ --color-amber-500-value: 35, 91%, 22%;
167
+ --color-amber-600-value: 39, 85%, 49%;
168
+ --color-amber-700-value: 39, 100%, 57%;
169
+ --color-amber-800-value: 35, 100%, 52%;
170
+ --color-amber-900-value: 39, 90%, 50%;
171
+ --color-amber-1000-value: 40, 94%, 93%;
172
+
173
+ --color-green-100-value: 136, 50%, 9%;
174
+ --color-green-200-value: 137, 50%, 12%;
175
+ --color-green-300-value: 136, 50%, 14%;
176
+ --color-green-400-value: 135, 70%, 16%;
177
+ --color-green-500-value: 135, 70%, 23%;
178
+ --color-green-600-value: 135, 70%, 34%;
179
+ --color-green-700-value: 131, 41%, 46%;
180
+ --color-green-800-value: 132, 43%, 39%;
181
+ --color-green-900-value: 131, 43%, 57%;
182
+ --color-green-1000-value: 136, 73%, 94%;
183
+
184
+ --color-teal-100-value: 169, 78%, 7%;
185
+ --color-teal-200-value: 170, 74%, 9%;
186
+ --color-teal-300-value: 171, 75%, 13%;
187
+ --color-teal-400-value: 171, 85%, 13%;
188
+ --color-teal-500-value: 172, 85%, 20%;
189
+ --color-teal-600-value: 172, 85%, 32%;
190
+ --color-teal-700-value: 173, 80%, 36%;
191
+ --color-teal-800-value: 173, 83%, 30%;
192
+ --color-teal-900-value: 174, 90%, 41%;
193
+ --color-teal-1000-value: 166, 71%, 93%;
194
+
195
+ --color-purple-100-value: 283, 30%, 12%;
196
+ --color-purple-200-value: 281, 38%, 16%;
197
+ --color-purple-300-value: 279, 44%, 23%;
198
+ --color-purple-400-value: 277, 46%, 28%;
199
+ --color-purple-500-value: 274, 49%, 35%;
200
+ --color-purple-600-value: 272, 51%, 54%;
201
+ --color-purple-700-value: 272, 51%, 54%;
202
+ --color-purple-800-value: 272, 47%, 45%;
203
+ --color-purple-900-value: 275, 80%, 71%;
204
+ --color-purple-1000-value: 281, 73%, 96%;
205
+
206
+ --color-pink-100-value: 335, 32%, 12%;
207
+ --color-pink-200-value: 335, 43%, 16%;
208
+ --color-pink-300-value: 335, 47%, 21%;
209
+ --color-pink-400-value: 335, 51%, 22%;
210
+ --color-pink-500-value: 335, 57%, 27%;
211
+ --color-pink-600-value: 336, 75%, 40%;
212
+ --color-pink-700-value: 336, 80%, 58%;
213
+ --color-pink-800-value: 336, 74%, 51%;
214
+ --color-pink-900-value: 341, 90%, 67%;
215
+ --color-pink-1000-value: 333, 90%, 96%;
216
+
217
+ color-scheme: dark;
218
+ }
219
+
220
+ .scrollbar-hidden {
221
+ scrollbar-width: none;
222
+ -ms-overflow-style: none;
223
+ -webkit-overflow-scrolling: touch;
224
+ }
225
+
226
+ .scrollbar-hidden::-webkit-scrollbar {
227
+ display: none;
228
+ }
229
+
230
+ .rounded-inherit {
231
+ border-radius: inherit;
232
+ }
233
+
234
+ .peer:focus-visible ~ .peer-focus-ring {
235
+ box-shadow: 0 0 0 2px var(--background-100),0 0 0 4px hsl(var(--ring))
236
+ }
237
+
238
+ .self-focus-ring:focus-visible {
239
+ box-shadow: 0 0 0 2px var(--background-100),0 0 0 4px hsl(var(--ring))
240
+ }
241
+
242
+ .z-1 {
243
+ z-index: 1;
244
+ }
245
+
246
+ .size-em {
247
+ width: 1em;
248
+ height: 1em;
249
+ }
250
+
251
+ .smallest {
252
+ position: absolute;
253
+ width: 1px;
254
+ height: 1px;
255
+ padding: 0;
256
+ margin: -1px;
257
+ overflow: hidden;
258
+ clip: rect(0, 0, 0, 0);
259
+ white-space: nowrap;
260
+ border-width: 0;
261
+ }
262
+
263
+ * {
264
+ border-color: var(--color-border);
265
+ }
266
+
267
+ @media (prefers-reduced-motion: no-preference) {
268
+ .pxd-transition--fade-enter-active,
269
+ .pxd-transition--fade-leave-active {
270
+ transition: opacity 0.3s ease;
271
+ }
272
+
273
+ .pxd-transition--fade-enter-from,
274
+ .pxd-transition--fade-leave-to {
275
+ opacity: 0;
276
+ }
277
+ }
@@ -0,0 +1,2 @@
1
+ /*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */
2
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial;--tw-content:"";--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-700:hsl(var(--color-red-700-value));--color-red-800:hsl(var(--color-red-800-value));--color-amber-700:hsl(var(--color-amber-700-value));--color-amber-800:hsl(var(--color-amber-800-value));--color-yellow-500:oklch(79.5% .184 86.047);--color-green-300:hsl(var(--color-green-300-value));--color-green-500:hsl(var(--color-green-500-value));--color-green-700:hsl(var(--color-green-700-value));--color-green-900:hsl(var(--color-green-900-value));--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-900:oklch(38% .189 293.745);--color-gray-300:hsl(var(--color-gray-300-value));--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--font-weight-normal:400;--font-weight-medium:500;--radius-xs:.125rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--color-primary:hsl(var(--primary));--color-foreground:hsl(var(--color-gray-1000-value));--color-background:var(--background-100);--color-gray-alpha-100:var(--color-gray-alpha-100);--color-gray-alpha-200:var(--color-gray-alpha-200);--color-gray-alpha-300:var(--color-gray-alpha-300);--color-gray-alpha-400:var(--color-gray-alpha-400);--color-gray-alpha-500:var(--color-gray-alpha-500);--color-gray-alpha-600:var(--color-gray-alpha-600);--color-gray-alpha-700:var(--color-gray-alpha-700);--color-gray-alpha-800:var(--color-gray-alpha-800);--color-gray-alpha-900:var(--color-gray-alpha-900);--color-gray-alpha-1000:var(--color-gray-alpha-1000);--color-gray-1000:hsl(var(--color-gray-1000-value))}}@layer base{*{border-color:hsl(var(--color-gray-300-value))}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.smallest{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.-inset-px{inset:-1px}.inset-0{inset:calc(var(--spacing)*0)}.-top-1{top:calc(var(--spacing)*-1)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.-bottom-1{bottom:calc(var(--spacing)*-1)}.bottom-0{bottom:calc(var(--spacing)*0)}.-left-1{left:calc(var(--spacing)*-1)}.left-0{left:calc(var(--spacing)*0)}.left-px{left:1px}.isolate{isolation:isolate}.z-10{z-index:10}.m-0{margin:calc(var(--spacing)*0)}.mx-px{margin-inline:1px}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mr-1\.5{margin-right:calc(var(--spacing)*1.5)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.-ml-0\.5{margin-left:calc(var(--spacing)*-.5)}.-ml-3{margin-left:calc(var(--spacing)*-3)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-1\.5{margin-left:calc(var(--spacing)*1.5)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.scrollbar-hidden{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.scrollbar-hidden::-webkit-scrollbar{display:none}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.size-\(--s\){width:var(--s);height:var(--s)}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-\[calc\(1em\/4\)\]{width:.25em;height:.25em}.size-em{width:1em;height:1em}.h-\(--ss\){height:var(--ss)}.h-0\.5{height:calc(var(--spacing)*.5)}.h-1\/2{height:50%}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-4\.5{height:calc(var(--spacing)*4.5)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7\.5{height:calc(var(--spacing)*7.5)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-full{height:100%}.h-max{height:max-content}.max-h-full{max-height:100%}.min-h-3\.5{min-height:calc(var(--spacing)*3.5)}.min-h-7\.5{min-height:calc(var(--spacing)*7.5)}.min-h-9{min-height:calc(var(--spacing)*9)}.min-h-10{min-height:calc(var(--spacing)*10)}.w-\(--ss\){width:var(--ss)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-7{width:calc(var(--spacing)*7)}.w-9{width:calc(var(--spacing)*9)}.w-11{width:calc(var(--spacing)*11)}.w-full{width:100%}.w-max{width:max-content}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-3{min-width:calc(var(--spacing)*3)}.min-w-4{min-width:calc(var(--spacing)*4)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\(--tx\){--tw-translate-x:var(--tx);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-130{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-y-90{--tw-scale-y:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-\[85deg\]{rotate:-85deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform-gpu{transform:translateZ(0)var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.justify-stretch{justify-content:stretch}.gap-\(--gap\){gap:var(--gap)}.gap-\(--xs-gap\){gap:var(--xs-gap)}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-visible{overflow:visible}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-inherit{border-radius:inherit}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-tl-inherit{border-top-left-radius:inherit}.rounded-tr-inherit{border-top-right-radius:inherit}.rounded-br-inherit{border-bottom-right-radius:inherit}.rounded-bl-inherit{border-bottom-left-radius:inherit}.border{border-style:var(--tw-border-style);border-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-amber-100{border-color:hsl(var(--color-amber-100-value))}.border-amber-500{border-color:hsl(var(--color-amber-500-value))}.border-blue-100{border-color:hsl(var(--color-blue-100-value))}.border-blue-500{border-color:hsl(var(--color-blue-500-value))}.border-gray-100{border-color:hsl(var(--color-gray-100-value))}.border-gray-300{border-color:hsl(var(--color-gray-300-value))}.border-gray-500{border-color:hsl(var(--color-gray-500-value))}.border-gray-600{border-color:hsl(var(--color-gray-600-value))}.border-gray-900{border-color:hsl(var(--color-gray-900-value))}.border-gray-1000{border-color:hsl(var(--color-gray-1000-value))}.border-gray-alpha-300{border-color:var(--color-gray-alpha-300)}.border-gray-alpha-400{border-color:var(--color-gray-alpha-400)}.border-input{border-color:var(--color-gray-alpha-300)}.border-red-100{border-color:hsl(var(--color-red-100-value))}.border-red-500{border-color:hsl(var(--color-red-500-value))}.border-teal-100{border-color:hsl(var(--color-teal-100-value))}.border-teal-400{border-color:hsl(var(--color-teal-400-value))}.border-transparent{border-color:#0000}.border-violet-100{border-color:var(--color-violet-100)}.border-violet-400{border-color:var(--color-violet-400)}.border-white{border-color:var(--color-white)}.bg-\(--ibc\){background-color:var(--ibc)}.bg-\(--mc\){background-color:var(--mc)}.bg-\(--sc\){background-color:var(--sc)}.bg-amber-200{background-color:hsl(var(--color-amber-200-value))}.bg-amber-700{background-color:hsl(var(--color-amber-700-value))}.bg-amber-800{background-color:hsl(var(--color-amber-800-value))}.bg-background{background-color:var(--background-100)}.bg-background-secondary{background-color:var(--background-200)}.bg-blue-200{background-color:hsl(var(--color-blue-200-value))}.bg-blue-700{background-color:hsl(var(--color-blue-700-value))}.bg-current{background-color:currentColor}.bg-gray-100{background-color:hsl(var(--color-gray-100-value))}.bg-gray-200{background-color:hsl(var(--color-gray-200-value))}.bg-gray-600{background-color:hsl(var(--color-gray-600-value))}.bg-gray-900{background-color:hsl(var(--color-gray-900-value))}.bg-gray-1000{background-color:hsl(var(--color-gray-1000-value))}.bg-gray-alpha-400{background-color:var(--color-gray-alpha-400)}.bg-green-200{background-color:hsl(var(--color-green-200-value))}.bg-green-600{background-color:hsl(var(--color-green-600-value))}.bg-green-700{background-color:hsl(var(--color-green-700-value))}.bg-green-800{background-color:hsl(var(--color-green-800-value))}.bg-pink-200{background-color:hsl(var(--color-pink-200-value))}.bg-pink-700{background-color:hsl(var(--color-pink-700-value))}.bg-primary{background-color:hsl(var(--primary))}.bg-purple-200{background-color:hsl(var(--color-purple-200-value))}.bg-purple-700{background-color:hsl(var(--color-purple-700-value))}.bg-red-200{background-color:hsl(var(--color-red-200-value))}.bg-red-600{background-color:hsl(var(--color-red-600-value))}.bg-red-700{background-color:hsl(var(--color-red-700-value))}.bg-red-800{background-color:hsl(var(--color-red-800-value))}.bg-teal-200{background-color:hsl(var(--color-teal-200-value))}.bg-teal-700{background-color:hsl(var(--color-teal-700-value))}.bg-transparent{background-color:#0000}.bg-violet-200{background-color:var(--color-violet-200)}.bg-white{background-color:var(--color-white)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-linear-\[135deg\,\#0070f3\,\#f81ce5\]{--tw-gradient-position:135deg,#0070f3,#f81ce5;background-image:linear-gradient(var(--tw-gradient-stops,135deg,#0070f3,#f81ce5))}.bg-linear-\[135deg\,\#ff1e56\,\#0096ff\]{--tw-gradient-position:135deg,#ff1e56,#0096ff;background-image:linear-gradient(var(--tw-gradient-stops,135deg,#ff1e56,#0096ff))}.bg-linear-\[315deg\,\#42d392_25\%\,\#647eff\]{--tw-gradient-position:315deg,#42d392 25%,#647eff;background-image:linear-gradient(var(--tw-gradient-stops,315deg,#42d392 25%,#647eff))}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-px{padding:1px}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.pr-0\.5{padding-right:calc(var(--spacing)*.5)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-5{padding-right:calc(var(--spacing)*5)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-14{padding-right:calc(var(--spacing)*14)}.pl-0\.5{padding-left:calc(var(--spacing)*.5)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[13px\]{font-size:13px}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.text-nowrap{text-wrap:nowrap}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-amber-900{color:hsl(var(--color-amber-900-value))}.text-black{color:var(--color-black)}.text-blue-900{color:hsl(var(--color-blue-900-value))}.text-foreground{color:hsl(var(--color-gray-1000-value))}.text-foreground-secondary{color:hsl(var(--color-gray-900-value))}.text-gray-100{color:hsl(var(--color-gray-100-value))}.text-gray-500{color:hsl(var(--color-gray-500-value))}.text-gray-700{color:hsl(var(--color-gray-700-value))}.text-gray-900{color:hsl(var(--color-gray-900-value))}.text-gray-1000{color:hsl(var(--color-gray-1000-value))}.text-green-900{color:hsl(var(--color-green-900-value))}.text-pink-900{color:hsl(var(--color-pink-900-value))}.text-purple-900{color:hsl(var(--color-purple-900-value))}.text-red-900{color:hsl(var(--color-red-900-value))}.text-teal-900{color:hsl(var(--color-teal-900-value))}.text-violet-900{color:var(--color-violet-900)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.\!no-underline{text-decoration-line:none!important}.underline{text-decoration-line:underline}.opacity-\(--sv\){opacity:var(--sv)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.shadow-\[0_0_0_1px_var\(--color-gray-300\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--color-gray-300));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer:focus-visible~.peer-focus-ring,.self-focus-ring:focus-visible{box-shadow:0 0 0 2px var(--background-100),0 0 0 4px hsl(var(--ring))}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--sv\:0\]{--sv:0}.\[--tx\:0\]{--tx:0}@media (hover:hover){.group-hover\/checkbox\:bg-gray-200:is(:where(.group\/checkbox):hover *),.group-hover\/radio\:bg-gray-200:is(:where(.group\/radio):hover *){background-color:hsl(var(--color-gray-200-value))}}.group-active\/slider\:will-change-\[width\,left\]:is(:where(.group\/slider):active *){will-change:width,left}.peer-checked\:bg-\(--abc\):is(:where(.peer):checked~*){background-color:var(--abc)}.peer-checked\:opacity-50:is(:where(.peer):checked~*){opacity:.5}.peer-checked\:opacity-100:is(:where(.peer):checked~*){opacity:1}.peer-checked\:\[--tx\:100\%\]:is(:where(.peer):checked~*){--tx:100%}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.placeholder\:select-none::placeholder{-webkit-user-select:none;user-select:none}.before\:content-\[attr\(data-prompt\)\]:before{content:var(--tw-content);--tw-content:attr(data-prompt);content:var(--tw-content)}.before\:select-none:before{content:var(--tw-content);-webkit-user-select:none;user-select:none}.after\:size-2:after{content:var(--tw-content);width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.after\:scale-40:after{content:var(--tw-content);--tw-scale-x:40%;--tw-scale-y:40%;--tw-scale-z:40%;scale:var(--tw-scale-x)var(--tw-scale-y)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:bg-gray-500:after{content:var(--tw-content);background-color:hsl(var(--color-gray-500-value))}.after\:bg-gray-1000:after{content:var(--tw-content);background-color:hsl(var(--color-gray-1000-value))}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:content-\[attr\(aria-label\)\]:after{content:var(--tw-content);--tw-content:attr(aria-label);content:var(--tw-content)}.peer-checked\:after\:scale-100:is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.peer-checked\:after\:opacity-100:is(:where(.peer):checked~*):after{content:var(--tw-content);opacity:1}.empty\:hidden:empty{display:none}@media (hover:hover){.hover\:scale-130:hover{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:bg-\(--shc\):hover{background-color:var(--shc)}.hover\:bg-amber-700:hover{background-color:hsl(var(--color-amber-700-value))}.hover\:bg-background-hover:hover{background-color:hsl(var(--color-gray-200-value))}.hover\:bg-gray-100:hover{background-color:hsl(var(--color-gray-100-value))}.hover\:bg-gray-alpha-200:hover{background-color:var(--color-gray-alpha-200)}.hover\:bg-green-700:hover{background-color:hsl(var(--color-green-700-value))}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab,hsl(var(--primary))80%,transparent)}}.hover\:bg-red-700:hover{background-color:hsl(var(--color-red-700-value))}.hover\:text-gray-1000:hover{color:hsl(var(--color-gray-1000-value))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-60:hover{opacity:.6}.hover\:\[--sv\:1\]:hover{--sv:1}}.active\:z-10:active{z-index:10}.active\:scale-130:active{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:bg-\(--shc\):active{background-color:var(--shc)}.active\:bg-amber-900:active{background-color:hsl(var(--color-amber-900-value))}.active\:bg-background-active:active{background-color:hsl(var(--color-gray-300-value))}.active\:bg-gray-100:active{background-color:hsl(var(--color-gray-100-value))}.active\:bg-gray-900:active{background-color:hsl(var(--color-gray-900-value))}.active\:bg-gray-alpha-300:active{background-color:var(--color-gray-alpha-300)}.active\:bg-green-900:active{background-color:hsl(var(--color-green-900-value))}.active\:bg-red-900:active{background-color:hsl(var(--color-red-900-value))}.active\:opacity-80:active{opacity:.8}.active\:opacity-100:active{opacity:1}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:text-gray-700:disabled{color:hsl(var(--color-gray-700-value))}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-spin{animation:var(--animate-spin)}.motion-safe\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:duration-200{--tw-duration:.2s;transition-duration:.2s}.motion-safe\:after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@media (prefers-reduced-motion:reduce){.motion-reduce\:opacity-20{opacity:.2}.motion-reduce\:opacity-50{opacity:.5}.motion-reduce\:opacity-80{opacity:.8}}@media (min-width:40rem){.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-\(--sm-gap\){gap:var(--sm-gap)}}@media (min-width:48rem){.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:gap-\(--md-gap\){gap:var(--md-gap)}}@media (min-width:64rem){.lg\:flex-col{flex-direction:column}.lg\:flex-row{flex-direction:row}.lg\:gap-\(--lg-gap\){gap:var(--lg-gap)}}@media (min-width:80rem){.xl\:flex-col{flex-direction:column}.xl\:flex-row{flex-direction:row}.xl\:gap-\(--xl-gap\){gap:var(--xl-gap)}}.dark\:text-gray-100:is(.dark *){color:hsl(var(--color-gray-100-value))}.dark\:text-gray-1000:is(.dark *){color:hsl(var(--color-gray-1000-value))}.\[\&\:nth-child\(n\+2\)\]\:-ml-3:nth-child(n+2){margin-left:calc(var(--spacing)*-3)}}:root{--radius:.5rem;--background-100:#fff;--background-200:#f8f8f8;--ring:var(--color-blue-900-value);--primary:var(--color-gray-1000-value);--color-gray-alpha-100:#0000000d;--color-gray-alpha-200:#00000014;--color-gray-alpha-300:#0000001f;--color-gray-alpha-400:#0000002b;--color-gray-alpha-500:#00000036;--color-gray-alpha-600:#00000057;--color-gray-alpha-700:#00000070;--color-gray-alpha-800:#00000082;--color-gray-alpha-900:#0000009c;--color-gray-alpha-1000:#000000e8;--color-gray-100-value:0,0%,95%;--color-gray-200-value:0,0%,93%;--color-gray-300-value:0,0%,90%;--color-gray-400-value:0,0%,85%;--color-gray-500-value:0,0%,79%;--color-gray-600-value:0,0%,66%;--color-gray-700-value:0,0%,56%;--color-gray-800-value:0,0%,49%;--color-gray-900-value:0,0%,40%;--color-gray-1000-value:0,0%,9%;--color-blue-100-value:212,100%,97%;--color-blue-200-value:210,100%,96%;--color-blue-300-value:210,100%,94%;--color-blue-400-value:209,100%,90%;--color-blue-500-value:209,100%,80%;--color-blue-600-value:208,100%,66%;--color-blue-700-value:212,100%,48%;--color-blue-800-value:212,100%,41%;--color-blue-900-value:211,100%,42%;--color-blue-1000-value:211,100%,15%;--color-red-100-value:0,100%,97%;--color-red-200-value:0,100%,96%;--color-red-300-value:0,100%,95%;--color-red-400-value:0,90%,92%;--color-red-500-value:0,82%,85%;--color-red-600-value:359,90%,71%;--color-red-700-value:358,75%,59%;--color-red-800-value:358,70%,52%;--color-red-900-value:358,66%,48%;--color-red-1000-value:355,49%,15%;--color-amber-100-value:39,100%,95%;--color-amber-200-value:44,100%,92%;--color-amber-300-value:43,96%,90%;--color-amber-400-value:42,100%,78%;--color-amber-500-value:38,100%,71%;--color-amber-600-value:36,90%,62%;--color-amber-700-value:39,100%,57%;--color-amber-800-value:35,100%,52%;--color-amber-900-value:30,100%,32%;--color-amber-1000-value:20,79%,17%;--color-green-100-value:120,60%,96%;--color-green-200-value:120,60%,95%;--color-green-300-value:120,60%,91%;--color-green-400-value:122,60%,86%;--color-green-500-value:124,60%,75%;--color-green-600-value:125,60%,64%;--color-green-700-value:131,41%,46%;--color-green-800-value:132,43%,39%;--color-green-900-value:133,50%,32%;--color-green-1000-value:128,29%,15%;--color-teal-100-value:169,70%,96%;--color-teal-200-value:167,70%,94%;--color-teal-300-value:168,70%,90%;--color-teal-400-value:170,70%,85%;--color-teal-500-value:170,70%,72%;--color-teal-600-value:170,70%,57%;--color-teal-700-value:173,80%,36%;--color-teal-800-value:173,83%,30%;--color-teal-900-value:174,91%,25%;--color-teal-1000-value:171,80%,13%;--color-purple-100-value:276,100%,97%;--color-purple-200-value:277,87%,97%;--color-purple-300-value:274,78%,95%;--color-purple-400-value:276,71%,92%;--color-purple-500-value:274,70%,82%;--color-purple-600-value:273,72%,73%;--color-purple-700-value:272,51%,54%;--color-purple-800-value:272,47%,45%;--color-purple-900-value:274,71%,43%;--color-purple-1000-value:276,100%,15%;--color-pink-100-value:330,100%,96%;--color-pink-200-value:340,90%,96%;--color-pink-300-value:340,82%,94%;--color-pink-400-value:341,76%,91%;--color-pink-500-value:340,75%,84%;--color-pink-600-value:341,75%,73%;--color-pink-700-value:336,80%,58%;--color-pink-800-value:336,74%,51%;--color-pink-900-value:336,65%,45%;--color-pink-1000-value:333,74%,15%;color-scheme:light;background-color:var(--color-background);color:var(--color-foreground)}:root.dark{--background-100:#121212;--background-200:#000;--color-gray-alpha-100:#ffffff0f;--color-gray-alpha-200:#ffffff17;--color-gray-alpha-300:#ffffff21;--color-gray-alpha-400:#ffffff24;--color-gray-alpha-500:#ffffff3d;--color-gray-alpha-600:#ffffff82;--color-gray-alpha-700:#ffffff8a;--color-gray-alpha-800:#ffffff78;--color-gray-alpha-900:#ffffff9c;--color-gray-alpha-1000:#ffffffeb;--color-gray-100-value:0,0%,10%;--color-gray-200-value:0,0%,12%;--color-gray-300-value:0,0%,16%;--color-gray-400-value:0,0%,18%;--color-gray-500-value:0,0%,27%;--color-gray-600-value:0,0%,53%;--color-gray-700-value:0,0%,56%;--color-gray-800-value:0,0%,49%;--color-gray-900-value:0,0%,63%;--color-gray-1000-value:0,0%,93%;--color-blue-100-value:216,50%,12%;--color-blue-200-value:214,59%,15%;--color-blue-300-value:213,71%,20%;--color-blue-400-value:212,78%,23%;--color-blue-500-value:211,86%,27%;--color-blue-600-value:206,100%,50%;--color-blue-700-value:212,100%,48%;--color-blue-800-value:212,100%,41%;--color-blue-900-value:210,100%,66%;--color-blue-1000-value:206,100%,96%;--color-red-100-value:357,37%,12%;--color-red-200-value:357,46%,16%;--color-red-300-value:356,54%,22%;--color-red-400-value:357,55%,26%;--color-red-500-value:357,60%,32%;--color-red-600-value:358,75%,59%;--color-red-700-value:358,75%,59%;--color-red-800-value:358,69%,52%;--color-red-900-value:358,100%,69%;--color-red-1000-value:353,90%,96%;--color-amber-100-value:35,100%,8%;--color-amber-200-value:32,100%,10%;--color-amber-300-value:33,100%,15%;--color-amber-400-value:35,100%,17%;--color-amber-500-value:35,91%,22%;--color-amber-600-value:39,85%,49%;--color-amber-700-value:39,100%,57%;--color-amber-800-value:35,100%,52%;--color-amber-900-value:39,90%,50%;--color-amber-1000-value:40,94%,93%;--color-green-100-value:136,50%,9%;--color-green-200-value:137,50%,12%;--color-green-300-value:136,50%,14%;--color-green-400-value:135,70%,16%;--color-green-500-value:135,70%,23%;--color-green-600-value:135,70%,34%;--color-green-700-value:131,41%,46%;--color-green-800-value:132,43%,39%;--color-green-900-value:131,43%,57%;--color-green-1000-value:136,73%,94%;--color-teal-100-value:169,78%,7%;--color-teal-200-value:170,74%,9%;--color-teal-300-value:171,75%,13%;--color-teal-400-value:171,85%,13%;--color-teal-500-value:172,85%,20%;--color-teal-600-value:172,85%,32%;--color-teal-700-value:173,80%,36%;--color-teal-800-value:173,83%,30%;--color-teal-900-value:174,90%,41%;--color-teal-1000-value:166,71%,93%;--color-purple-100-value:283,30%,12%;--color-purple-200-value:281,38%,16%;--color-purple-300-value:279,44%,23%;--color-purple-400-value:277,46%,28%;--color-purple-500-value:274,49%,35%;--color-purple-600-value:272,51%,54%;--color-purple-700-value:272,51%,54%;--color-purple-800-value:272,47%,45%;--color-purple-900-value:275,80%,71%;--color-purple-1000-value:281,73%,96%;--color-pink-100-value:335,32%,12%;--color-pink-200-value:335,43%,16%;--color-pink-300-value:335,47%,21%;--color-pink-400-value:335,51%,22%;--color-pink-500-value:335,57%,27%;--color-pink-600-value:336,75%,40%;--color-pink-700-value:336,80%,58%;--color-pink-800-value:336,74%,51%;--color-pink-900-value:341,90%,67%;--color-pink-1000-value:333,90%,96%;color-scheme:dark}@media (prefers-reduced-motion:no-preference){.pxd-transition--fade-enter-active,.pxd-transition--fade-leave-active{transition:opacity .3s}.pxd-transition--fade-enter-from,.pxd-transition--fade-leave-to{opacity:0}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}