@mcpc-tech/unplugin-dev-inspector-mcp 0.0.1-beta.6 → 0.0.1-beta.7

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 (31) hide show
  1. package/client/dist/inspector.css +1877 -718
  2. package/client/dist/inspector.iife.js +2944 -28
  3. package/dist/{core-CDdmTA45.d.ts → index-B0f8zOdL.d.ts} +1 -8
  4. package/dist/{core-Cvv4dT99.d.cts → index-Ba8zduFe.d.cts} +1 -8
  5. package/dist/index.cjs +14677 -2
  6. package/dist/index.js +14650 -1
  7. package/package.json +27 -29
  8. package/dist/core-DipwB-fy.js +0 -4402
  9. package/dist/core-Dj8x3Kt7.cjs +0 -4439
  10. package/dist/esbuild.cjs +0 -7
  11. package/dist/esbuild.d.cts +0 -7
  12. package/dist/esbuild.d.ts +0 -7
  13. package/dist/esbuild.js +0 -7
  14. package/dist/index.d.cts +0 -2
  15. package/dist/index.d.ts +0 -2
  16. package/dist/rollup.cjs +0 -7
  17. package/dist/rollup.d.cts +0 -7
  18. package/dist/rollup.d.ts +0 -7
  19. package/dist/rollup.js +0 -7
  20. package/dist/rspack.cjs +0 -7
  21. package/dist/rspack.d.cts +0 -6
  22. package/dist/rspack.d.ts +0 -6
  23. package/dist/rspack.js +0 -7
  24. package/dist/vite.cjs +0 -7
  25. package/dist/vite.d.cts +0 -7
  26. package/dist/vite.d.ts +0 -7
  27. package/dist/vite.js +0 -7
  28. package/dist/webpack.cjs +0 -7
  29. package/dist/webpack.d.cts +0 -7
  30. package/dist/webpack.d.ts +0 -7
  31. package/dist/webpack.js +0 -7
package/client/dist/inspector.css CHANGED
@@ -1,67 +1,121 @@
1
1
  /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
- @layer properties;
3
- @layer theme, base, components, utilities;
2
+ @layer properties {
3
+ @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
+ *, :before, :after, ::backdrop {
5
+ --tw-translate-x: 0;
6
+ --tw-translate-y: 0;
7
+ --tw-translate-z: 0;
8
+ --tw-scale-x: 1;
9
+ --tw-scale-y: 1;
10
+ --tw-scale-z: 1;
11
+ --tw-space-y-reverse: 0;
12
+ --tw-divide-y-reverse: 0;
13
+ --tw-border-style: solid;
14
+ --tw-gradient-position: initial;
15
+ --tw-gradient-from: #0000;
16
+ --tw-gradient-via: #0000;
17
+ --tw-gradient-to: #0000;
18
+ --tw-gradient-stops: initial;
19
+ --tw-gradient-via-stops: initial;
20
+ --tw-gradient-from-position: 0%;
21
+ --tw-gradient-via-position: 50%;
22
+ --tw-gradient-to-position: 100%;
23
+ --tw-leading: initial;
24
+ --tw-font-weight: initial;
25
+ --tw-tracking: initial;
26
+ --tw-shadow: 0 0 #0000;
27
+ --tw-shadow-color: initial;
28
+ --tw-shadow-alpha: 100%;
29
+ --tw-inset-shadow: 0 0 #0000;
30
+ --tw-inset-shadow-color: initial;
31
+ --tw-inset-shadow-alpha: 100%;
32
+ --tw-ring-color: initial;
33
+ --tw-ring-shadow: 0 0 #0000;
34
+ --tw-inset-ring-color: initial;
35
+ --tw-inset-ring-shadow: 0 0 #0000;
36
+ --tw-ring-inset: initial;
37
+ --tw-ring-offset-width: 0px;
38
+ --tw-ring-offset-color: #fff;
39
+ --tw-ring-offset-shadow: 0 0 #0000;
40
+ --tw-outline-style: solid;
41
+ --tw-backdrop-blur: initial;
42
+ --tw-backdrop-brightness: initial;
43
+ --tw-backdrop-contrast: initial;
44
+ --tw-backdrop-grayscale: initial;
45
+ --tw-backdrop-hue-rotate: initial;
46
+ --tw-backdrop-invert: initial;
47
+ --tw-backdrop-opacity: initial;
48
+ --tw-backdrop-saturate: initial;
49
+ --tw-backdrop-sepia: initial;
50
+ --tw-duration: initial;
51
+ --tw-ease: initial;
52
+ }
53
+ }
54
+ }
55
+
4
56
  @layer theme {
5
57
  :root, :host {
6
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
7
- "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
- "Courier New", monospace;
10
- --color-red-50: oklch(97.1% 0.013 17.38);
11
- --color-red-100: oklch(93.6% 0.032 17.717);
12
- --color-red-500: oklch(63.7% 0.237 25.331);
13
- --color-red-600: oklch(57.7% 0.245 27.325);
14
- --color-red-700: oklch(50.5% 0.213 27.518);
15
- --color-yellow-50: oklch(98.7% 0.026 102.212);
16
- --color-yellow-700: oklch(55.4% 0.135 66.442);
17
- --color-green-50: oklch(98.2% 0.018 155.826);
18
- --color-green-500: oklch(72.3% 0.219 149.579);
19
- --color-green-600: oklch(62.7% 0.194 149.214);
20
- --color-green-700: oklch(52.7% 0.154 150.069);
21
- --color-blue-50: oklch(97% 0.014 254.604);
22
- --color-blue-300: oklch(80.9% 0.105 251.813);
23
- --color-blue-500: oklch(62.3% 0.214 259.815);
24
- --color-blue-600: oklch(54.6% 0.245 262.881);
25
- --color-blue-700: oklch(48.8% 0.243 264.376);
26
- --color-gray-50: oklch(98.5% 0.002 247.839);
27
- --color-gray-100: oklch(96.7% 0.003 264.542);
28
- --color-gray-200: oklch(92.8% 0.006 264.531);
29
- --color-gray-300: oklch(87.2% 0.01 258.338);
30
- --color-gray-400: oklch(70.7% 0.022 261.325);
31
- --color-gray-500: oklch(55.1% 0.027 264.364);
32
- --color-gray-600: oklch(44.6% 0.03 256.802);
33
- --color-gray-700: oklch(37.3% 0.034 259.733);
34
- --color-gray-800: oklch(27.8% 0.033 256.848);
35
- --color-gray-900: oklch(21% 0.034 264.665);
58
+ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
59
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
60
+ --color-red-400: oklch(70.4% .191 22.216);
61
+ --color-red-500: oklch(63.7% .237 25.331);
62
+ --color-red-600: oklch(57.7% .245 27.325);
63
+ --color-green-400: oklch(79.2% .209 151.711);
64
+ --color-green-500: oklch(72.3% .219 149.579);
65
+ --color-green-600: oklch(62.7% .194 149.214);
66
+ --color-blue-500: oklch(62.3% .214 259.815);
67
+ --color-blue-600: oklch(54.6% .245 262.881);
68
+ --color-indigo-700: oklch(45.7% .24 277.023);
69
+ --color-indigo-800: oklch(39.8% .195 277.366);
70
+ --color-purple-600: oklch(55.8% .288 302.321);
71
+ --color-purple-700: oklch(49.6% .265 301.924);
72
+ --color-purple-800: oklch(43.8% .218 303.724);
73
+ --color-gray-50: oklch(98.5% .002 247.839);
74
+ --color-gray-100: oklch(96.7% .003 264.542);
75
+ --color-gray-200: oklch(92.8% .006 264.531);
76
+ --color-gray-300: oklch(87.2% .01 258.338);
77
+ --color-gray-400: oklch(70.7% .022 261.325);
78
+ --color-gray-500: oklch(55.1% .027 264.364);
79
+ --color-gray-600: oklch(44.6% .03 256.802);
80
+ --color-gray-700: oklch(37.3% .034 259.733);
81
+ --color-gray-800: oklch(27.8% .033 256.848);
82
+ --color-gray-900: oklch(21% .034 264.665);
36
83
  --color-black: #000;
37
84
  --color-white: #fff;
38
- --spacing: 0.25rem;
85
+ --spacing: .25rem;
39
86
  --container-lg: 32rem;
40
- --text-xs: 0.75rem;
41
- --text-xs--line-height: calc(1 / 0.75);
42
- --text-sm: 0.875rem;
43
- --text-sm--line-height: calc(1.25 / 0.875);
87
+ --text-xs: .75rem;
88
+ --text-xs--line-height: calc(1 / .75);
89
+ --text-sm: .875rem;
90
+ --text-sm--line-height: calc(1.25 / .875);
44
91
  --text-base: 1rem;
45
92
  --text-base--line-height: calc(1.5 / 1);
46
93
  --text-lg: 1.125rem;
47
94
  --text-lg--line-height: calc(1.75 / 1.125);
48
- --text-3xl: 1.875rem;
49
- --text-3xl--line-height: calc(2.25 / 1.875);
50
95
  --font-weight-medium: 500;
51
96
  --font-weight-semibold: 600;
52
97
  --font-weight-bold: 700;
53
- --radius-xs: 0.125rem;
54
- --radius-md: 0.375rem;
55
- --radius-lg: 0.5rem;
56
- --ease-out: cubic-bezier(0, 0, 0.2, 1);
98
+ --tracking-wide: .025em;
99
+ --leading-tight: 1.25;
100
+ --leading-relaxed: 1.625;
101
+ --radius-xs: .125rem;
102
+ --radius-sm: .25rem;
103
+ --radius-md: .375rem;
104
+ --radius-lg: .5rem;
105
+ --radius-xl: .75rem;
106
+ --ease-out: cubic-bezier(0, 0, .2, 1);
57
107
  --animate-spin: spin 1s linear infinite;
58
- --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
59
- --default-transition-duration: 150ms;
60
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
108
+ --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
109
+ --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
110
+ --blur-xl: 24px;
111
+ --default-transition-duration: .15s;
112
+ --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
61
113
  --default-font-family: var(--font-sans);
62
114
  --default-mono-font-family: var(--font-mono);
115
+ --radius: .5rem;
63
116
  --color-background: hsl(var(--background));
64
117
  --color-foreground: hsl(var(--foreground));
118
+ --color-popover: hsl(var(--popover));
65
119
  --color-popover-foreground: hsl(var(--popover-foreground));
66
120
  --color-primary: hsl(var(--primary));
67
121
  --color-primary-foreground: hsl(var(--primary-foreground));
@@ -72,1558 +126,2663 @@
72
126
  --color-accent: hsl(var(--accent));
73
127
  --color-accent-foreground: hsl(var(--accent-foreground));
74
128
  --color-destructive: hsl(var(--destructive));
129
+ --color-border: hsl(var(--border));
75
130
  --color-input: hsl(var(--input));
76
131
  --color-ring: hsl(var(--ring));
77
132
  }
78
133
  }
134
+
79
135
  @layer base {
80
- *, ::after, ::before, ::backdrop, ::file-selector-button {
136
+ *, :after, :before, ::backdrop {
81
137
  box-sizing: border-box;
138
+ border: 0 solid;
82
139
  margin: 0;
83
140
  padding: 0;
141
+ }
142
+
143
+ ::file-selector-button {
144
+ box-sizing: border-box;
84
145
  border: 0 solid;
146
+ margin: 0;
147
+ padding: 0;
85
148
  }
149
+
86
150
  html, :host {
87
- line-height: 1.5;
88
151
  -webkit-text-size-adjust: 100%;
89
152
  tab-size: 4;
153
+ line-height: 1.5;
90
154
  font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
91
155
  font-feature-settings: var(--default-font-feature-settings, normal);
92
156
  font-variation-settings: var(--default-font-variation-settings, normal);
93
157
  -webkit-tap-highlight-color: transparent;
94
158
  }
159
+
95
160
  hr {
96
161
  height: 0;
97
162
  color: inherit;
98
163
  border-top-width: 1px;
99
164
  }
165
+
100
166
  abbr:where([title]) {
101
167
  -webkit-text-decoration: underline dotted;
102
168
  text-decoration: underline dotted;
103
169
  }
170
+
104
171
  h1, h2, h3, h4, h5, h6 {
105
172
  font-size: inherit;
106
173
  font-weight: inherit;
107
174
  }
175
+
108
176
  a {
109
177
  color: inherit;
110
178
  -webkit-text-decoration: inherit;
179
+ -webkit-text-decoration: inherit;
180
+ -webkit-text-decoration: inherit;
111
181
  text-decoration: inherit;
112
182
  }
183
+
113
184
  b, strong {
114
185
  font-weight: bolder;
115
186
  }
187
+
116
188
  code, kbd, samp, pre {
117
189
  font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
118
190
  font-feature-settings: var(--default-mono-font-feature-settings, normal);
119
191
  font-variation-settings: var(--default-mono-font-variation-settings, normal);
120
192
  font-size: 1em;
121
193
  }
194
+
122
195
  small {
123
196
  font-size: 80%;
124
197
  }
198
+
125
199
  sub, sup {
200
+ vertical-align: baseline;
126
201
  font-size: 75%;
127
202
  line-height: 0;
128
203
  position: relative;
129
- vertical-align: baseline;
130
204
  }
205
+
131
206
  sub {
132
- bottom: -0.25em;
207
+ bottom: -.25em;
133
208
  }
209
+
134
210
  sup {
135
- top: -0.5em;
211
+ top: -.5em;
136
212
  }
213
+
137
214
  table {
138
215
  text-indent: 0;
139
216
  border-color: inherit;
140
217
  border-collapse: collapse;
141
218
  }
219
+
142
220
  :-moz-focusring {
143
221
  outline: auto;
144
222
  }
223
+
145
224
  progress {
146
225
  vertical-align: baseline;
147
226
  }
227
+
148
228
  summary {
149
229
  display: list-item;
150
230
  }
231
+
151
232
  ol, ul, menu {
152
233
  list-style: none;
153
234
  }
235
+
154
236
  img, svg, video, canvas, audio, iframe, embed, object {
155
- display: block;
156
237
  vertical-align: middle;
238
+ display: block;
157
239
  }
240
+
158
241
  img, video {
159
242
  max-width: 100%;
160
243
  height: auto;
161
244
  }
162
- button, input, select, optgroup, textarea, ::file-selector-button {
245
+
246
+ button, input, select, optgroup, textarea {
163
247
  font: inherit;
164
248
  font-feature-settings: inherit;
165
249
  font-variation-settings: inherit;
166
250
  letter-spacing: inherit;
167
251
  color: inherit;
252
+ opacity: 1;
253
+ background-color: #0000;
168
254
  border-radius: 0;
169
- background-color: transparent;
255
+ }
256
+
257
+ ::file-selector-button {
258
+ font: inherit;
259
+ font-feature-settings: inherit;
260
+ font-variation-settings: inherit;
261
+ letter-spacing: inherit;
262
+ color: inherit;
170
263
  opacity: 1;
264
+ background-color: #0000;
265
+ border-radius: 0;
171
266
  }
267
+
172
268
  :where(select:is([multiple], [size])) optgroup {
173
269
  font-weight: bolder;
174
270
  }
271
+
175
272
  :where(select:is([multiple], [size])) optgroup option {
176
273
  padding-inline-start: 20px;
177
274
  }
275
+
178
276
  ::file-selector-button {
179
277
  margin-inline-end: 4px;
180
278
  }
279
+
181
280
  ::placeholder {
182
281
  opacity: 1;
183
282
  }
184
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
283
+
284
+ @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
185
285
  ::placeholder {
186
- color: currentcolor;
187
- @supports (color: color-mix(in lab, red, red)) {
286
+ color: currentColor;
287
+ }
288
+
289
+ @supports (color: color-mix(in lab, red, red)) {
290
+ ::placeholder {
188
291
  color: color-mix(in oklab, currentcolor 50%, transparent);
189
292
  }
190
293
  }
191
294
  }
295
+
192
296
  textarea {
193
297
  resize: vertical;
194
298
  }
299
+
195
300
  ::-webkit-search-decoration {
196
301
  -webkit-appearance: none;
197
302
  }
303
+
198
304
  ::-webkit-date-and-time-value {
199
305
  min-height: 1lh;
200
306
  text-align: inherit;
201
307
  }
308
+
202
309
  ::-webkit-datetime-edit {
203
310
  display: inline-flex;
204
311
  }
312
+
205
313
  ::-webkit-datetime-edit-fields-wrapper {
206
314
  padding: 0;
207
315
  }
208
- ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
316
+
317
+ ::-webkit-datetime-edit {
318
+ padding-block: 0;
319
+ }
320
+
321
+ ::-webkit-datetime-edit-year-field {
322
+ padding-block: 0;
323
+ }
324
+
325
+ ::-webkit-datetime-edit-month-field {
326
+ padding-block: 0;
327
+ }
328
+
329
+ ::-webkit-datetime-edit-day-field {
209
330
  padding-block: 0;
210
331
  }
332
+
333
+ ::-webkit-datetime-edit-hour-field {
334
+ padding-block: 0;
335
+ }
336
+
337
+ ::-webkit-datetime-edit-minute-field {
338
+ padding-block: 0;
339
+ }
340
+
341
+ ::-webkit-datetime-edit-second-field {
342
+ padding-block: 0;
343
+ }
344
+
345
+ ::-webkit-datetime-edit-millisecond-field {
346
+ padding-block: 0;
347
+ }
348
+
349
+ ::-webkit-datetime-edit-meridiem-field {
350
+ padding-block: 0;
351
+ }
352
+
211
353
  ::-webkit-calendar-picker-indicator {
212
354
  line-height: 1;
213
355
  }
356
+
214
357
  :-moz-ui-invalid {
215
358
  box-shadow: none;
216
359
  }
217
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
360
+
361
+ button, input:where([type="button"], [type="reset"], [type="submit"]) {
362
+ appearance: button;
363
+ }
364
+
365
+ ::file-selector-button {
218
366
  appearance: button;
219
367
  }
220
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
368
+
369
+ ::-webkit-inner-spin-button {
370
+ height: auto;
371
+ }
372
+
373
+ ::-webkit-outer-spin-button {
221
374
  height: auto;
222
375
  }
376
+
223
377
  [hidden]:where(:not([hidden="until-found"])) {
224
378
  display: none !important;
225
379
  }
380
+
381
+ :root, :host {
382
+ --background: 0 0% 100%;
383
+ --foreground: 0 0% 3.9%;
384
+ --card: 0 0% 100%;
385
+ --card-foreground: 0 0% 3.9%;
386
+ --popover: 0 0% 100%;
387
+ --popover-foreground: 0 0% 3.9%;
388
+ --primary: 0 0% 9%;
389
+ --primary-foreground: 0 0% 98%;
390
+ --secondary: 0 0% 96.1%;
391
+ --secondary-foreground: 0 0% 9%;
392
+ --muted: 0 0% 96.1%;
393
+ --muted-foreground: 0 0% 45.1%;
394
+ --accent: 0 0% 96.1%;
395
+ --accent-foreground: 0 0% 9%;
396
+ --destructive: 0 84.2% 60.2%;
397
+ --destructive-foreground: 0 0% 98%;
398
+ --border: 0 0% 89.8%;
399
+ --input: 0 0% 89.8%;
400
+ --ring: 0 0% 3.9%;
401
+ --chart-1: 12 76% 61%;
402
+ --chart-2: 173 58% 39%;
403
+ --chart-3: 197 37% 24%;
404
+ --chart-4: 43 74% 66%;
405
+ --chart-5: 27 87% 67%;
406
+ }
407
+
408
+ .dark, :host(.dark) {
409
+ --background: 0 0% 3.9%;
410
+ --foreground: 0 0% 98%;
411
+ --card: 0 0% 3.9%;
412
+ --card-foreground: 0 0% 98%;
413
+ --popover: 0 0% 3.9%;
414
+ --popover-foreground: 0 0% 98%;
415
+ --primary: 0 0% 98%;
416
+ --primary-foreground: 0 0% 9%;
417
+ --secondary: 0 0% 14.9%;
418
+ --secondary-foreground: 0 0% 98%;
419
+ --muted: 0 0% 14.9%;
420
+ --muted-foreground: 0 0% 63.9%;
421
+ --accent: 0 0% 14.9%;
422
+ --accent-foreground: 0 0% 98%;
423
+ --destructive: 0 62.8% 30.6%;
424
+ --destructive-foreground: 0 0% 98%;
425
+ --border: 0 0% 14.9%;
426
+ --input: 0 0% 14.9%;
427
+ --ring: 0 0% 83.1%;
428
+ --chart-1: 220 70% 50%;
429
+ --chart-2: 160 60% 45%;
430
+ --chart-3: 30 80% 55%;
431
+ --chart-4: 280 65% 60%;
432
+ --chart-5: 340 75% 55%;
433
+ }
226
434
  }
435
+
436
+ @layer components;
437
+
227
438
  @layer utilities {
439
+ .pointer-events-auto {
440
+ pointer-events: auto;
441
+ }
442
+
228
443
  .pointer-events-none {
229
444
  pointer-events: none;
230
445
  }
446
+
231
447
  .visible {
232
448
  visibility: visible;
233
449
  }
450
+
234
451
  .sr-only {
235
- position: absolute;
452
+ clip-path: inset(50%);
453
+ white-space: nowrap;
454
+ border-width: 0;
236
455
  width: 1px;
237
456
  height: 1px;
238
- padding: 0;
239
457
  margin: -1px;
458
+ padding: 0;
459
+ position: absolute;
240
460
  overflow: hidden;
241
- clip-path: inset(50%);
242
- white-space: nowrap;
243
- border-width: 0;
244
461
  }
462
+
245
463
  .absolute {
246
464
  position: absolute;
247
465
  }
466
+
248
467
  .fixed {
249
468
  position: fixed;
250
469
  }
470
+
251
471
  .relative {
252
472
  position: relative;
253
473
  }
474
+
254
475
  .inset-0 {
255
476
  inset: calc(var(--spacing) * 0);
256
477
  }
478
+
479
+ .-top-1 {
480
+ top: calc(var(--spacing) * -1);
481
+ }
482
+
483
+ .top-1\/2 {
484
+ top: 50%;
485
+ }
486
+
487
+ .top-2 {
488
+ top: calc(var(--spacing) * 2);
489
+ }
490
+
257
491
  .top-4 {
258
492
  top: calc(var(--spacing) * 4);
259
493
  }
494
+
260
495
  .top-5 {
261
496
  top: calc(var(--spacing) * 5);
262
497
  }
498
+
263
499
  .top-\[50\%\] {
264
500
  top: 50%;
265
501
  }
502
+
503
+ .-right-1 {
504
+ right: calc(var(--spacing) * -1);
505
+ }
506
+
507
+ .right-0 {
508
+ right: calc(var(--spacing) * 0);
509
+ }
510
+
511
+ .right-2 {
512
+ right: calc(var(--spacing) * 2);
513
+ }
514
+
266
515
  .right-4 {
267
516
  right: calc(var(--spacing) * 4);
268
517
  }
518
+
269
519
  .right-5 {
270
520
  right: calc(var(--spacing) * 5);
271
521
  }
272
- .bottom-5 {
273
- bottom: calc(var(--spacing) * 5);
522
+
523
+ .bottom-4 {
524
+ bottom: calc(var(--spacing) * 4);
525
+ }
526
+
527
+ .bottom-8 {
528
+ bottom: calc(var(--spacing) * 8);
529
+ }
530
+
531
+ .left-1\/2 {
532
+ left: 50%;
533
+ }
534
+
535
+ .left-2 {
536
+ left: calc(var(--spacing) * 2);
537
+ }
538
+
539
+ .left-3 {
540
+ left: calc(var(--spacing) * 3);
274
541
  }
542
+
543
+ .left-4 {
544
+ left: calc(var(--spacing) * 4);
545
+ }
546
+
275
547
  .left-\[50\%\] {
276
548
  left: 50%;
277
549
  }
550
+
278
551
  .z-50 {
279
552
  z-index: 50;
280
553
  }
554
+
281
555
  .z-\[999997\] {
282
556
  z-index: 999997;
283
557
  }
558
+
284
559
  .z-\[999998\] {
285
560
  z-index: 999998;
286
561
  }
562
+
287
563
  .z-\[999999\] {
288
564
  z-index: 999999;
289
565
  }
566
+
290
567
  .z-\[1000000\] {
291
568
  z-index: 1000000;
292
569
  }
570
+
571
+ .container {
572
+ width: 100%;
573
+ }
574
+
575
+ @media (min-width: 40rem) {
576
+ .container {
577
+ max-width: 40rem;
578
+ }
579
+ }
580
+
581
+ @media (min-width: 48rem) {
582
+ .container {
583
+ max-width: 48rem;
584
+ }
585
+ }
586
+
587
+ @media (min-width: 64rem) {
588
+ .container {
589
+ max-width: 64rem;
590
+ }
591
+ }
592
+
593
+ @media (min-width: 80rem) {
594
+ .container {
595
+ max-width: 80rem;
596
+ }
597
+ }
598
+
599
+ @media (min-width: 96rem) {
600
+ .container {
601
+ max-width: 96rem;
602
+ }
603
+ }
604
+
605
+ .-mx-1 {
606
+ margin-inline: calc(var(--spacing) * -1);
607
+ }
608
+
609
+ .mx-8 {
610
+ margin-inline: calc(var(--spacing) * 8);
611
+ }
612
+
613
+ .my-1 {
614
+ margin-block: calc(var(--spacing) * 1);
615
+ }
616
+
617
+ .mt-0 {
618
+ margin-top: calc(var(--spacing) * 0);
619
+ }
620
+
621
+ .mt-0\.5 {
622
+ margin-top: calc(var(--spacing) * .5);
623
+ }
624
+
293
625
  .mt-1 {
294
626
  margin-top: calc(var(--spacing) * 1);
295
627
  }
628
+
629
+ .mt-2 {
630
+ margin-top: calc(var(--spacing) * 2);
631
+ }
632
+
296
633
  .mt-4 {
297
634
  margin-top: calc(var(--spacing) * 4);
298
635
  }
299
- .mr-2 {
300
- margin-right: calc(var(--spacing) * 2);
636
+
637
+ .mb-0 {
638
+ margin-bottom: calc(var(--spacing) * 0);
301
639
  }
640
+
302
641
  .mb-1 {
303
642
  margin-bottom: calc(var(--spacing) * 1);
304
643
  }
644
+
305
645
  .mb-2 {
306
646
  margin-bottom: calc(var(--spacing) * 2);
307
647
  }
648
+
649
+ .line-clamp-2 {
650
+ -webkit-line-clamp: 2;
651
+ -webkit-box-orient: vertical;
652
+ display: -webkit-box;
653
+ overflow: hidden;
654
+ }
655
+
308
656
  .block {
309
657
  display: block;
310
658
  }
311
- .contents {
312
- display: contents;
313
- }
659
+
314
660
  .flex {
315
661
  display: flex;
316
662
  }
663
+
317
664
  .grid {
318
665
  display: grid;
319
666
  }
667
+
320
668
  .hidden {
321
669
  display: none;
322
670
  }
671
+
323
672
  .inline-block {
324
673
  display: inline-block;
325
674
  }
675
+
326
676
  .inline-flex {
327
677
  display: inline-flex;
328
678
  }
679
+
680
+ .field-sizing-content {
681
+ field-sizing: content;
682
+ }
683
+
684
+ .aspect-square {
685
+ aspect-ratio: 1;
686
+ }
687
+
329
688
  .size-4 {
330
689
  width: calc(var(--spacing) * 4);
331
690
  height: calc(var(--spacing) * 4);
332
691
  }
692
+
333
693
  .size-8 {
334
694
  width: calc(var(--spacing) * 8);
335
695
  height: calc(var(--spacing) * 8);
336
696
  }
697
+
337
698
  .size-9 {
338
699
  width: calc(var(--spacing) * 9);
339
700
  height: calc(var(--spacing) * 9);
340
701
  }
702
+
341
703
  .size-10 {
342
704
  width: calc(var(--spacing) * 10);
343
705
  height: calc(var(--spacing) * 10);
344
706
  }
707
+
708
+ .h-1\.5 {
709
+ height: calc(var(--spacing) * 1.5);
710
+ }
711
+
712
+ .h-3\.5 {
713
+ height: calc(var(--spacing) * 3.5);
714
+ }
715
+
716
+ .h-4 {
717
+ height: calc(var(--spacing) * 4);
718
+ }
719
+
345
720
  .h-5 {
346
721
  height: calc(var(--spacing) * 5);
347
722
  }
723
+
348
724
  .h-6 {
349
725
  height: calc(var(--spacing) * 6);
350
726
  }
727
+
351
728
  .h-8 {
352
729
  height: calc(var(--spacing) * 8);
353
730
  }
731
+
354
732
  .h-9 {
355
733
  height: calc(var(--spacing) * 9);
356
734
  }
735
+
357
736
  .h-10 {
358
737
  height: calc(var(--spacing) * 10);
359
738
  }
739
+
360
740
  .h-12 {
361
741
  height: calc(var(--spacing) * 12);
362
742
  }
363
- .max-h-48 {
364
- max-height: calc(var(--spacing) * 48);
743
+
744
+ .h-14 {
745
+ height: calc(var(--spacing) * 14);
746
+ }
747
+
748
+ .h-\[18px\] {
749
+ height: 18px;
750
+ }
751
+
752
+ .h-\[calc\(100vh-15rem\)\] {
753
+ height: calc(100vh - 15rem);
754
+ }
755
+
756
+ .h-\[var\(--radix-select-trigger-height\)\] {
757
+ height: var(--radix-select-trigger-height);
758
+ }
759
+
760
+ .h-full {
761
+ height: 100%;
365
762
  }
366
- .max-h-64 {
367
- max-height: calc(var(--spacing) * 64);
763
+
764
+ .h-px {
765
+ height: 1px;
766
+ }
767
+
768
+ .max-h-96 {
769
+ max-height: calc(var(--spacing) * 96);
770
+ }
771
+
772
+ .max-h-\[6lh\] {
773
+ max-height: 6lh;
774
+ }
775
+
776
+ .max-h-\[calc\(100vh-15rem\)\] {
777
+ max-height: calc(100vh - 15rem);
368
778
  }
369
- .max-h-80 {
370
- max-height: calc(var(--spacing) * 80);
779
+
780
+ .min-h-0 {
781
+ min-height: calc(var(--spacing) * 0);
371
782
  }
372
- .max-h-\[600px\] {
373
- max-height: 600px;
783
+
784
+ .min-h-\[80px\] {
785
+ min-height: 80px;
374
786
  }
787
+
788
+ .w-3\.5 {
789
+ width: calc(var(--spacing) * 3.5);
790
+ }
791
+
792
+ .w-4 {
793
+ width: calc(var(--spacing) * 4);
794
+ }
795
+
375
796
  .w-5 {
376
797
  width: calc(var(--spacing) * 5);
377
798
  }
378
- .w-6 {
379
- width: calc(var(--spacing) * 6);
799
+
800
+ .w-8 {
801
+ width: calc(var(--spacing) * 8);
802
+ }
803
+
804
+ .w-10 {
805
+ width: calc(var(--spacing) * 10);
806
+ }
807
+
808
+ .w-\[160px\] {
809
+ width: 160px;
810
+ }
811
+
812
+ .w-\[300px\] {
813
+ width: 300px;
380
814
  }
381
- .w-12 {
382
- width: calc(var(--spacing) * 12);
815
+
816
+ .w-\[600px\] {
817
+ width: 600px;
383
818
  }
819
+
820
+ .w-auto {
821
+ width: auto;
822
+ }
823
+
384
824
  .w-fit {
385
825
  width: fit-content;
386
826
  }
827
+
387
828
  .w-full {
388
829
  width: 100%;
389
830
  }
831
+
832
+ .w-px {
833
+ width: 1px;
834
+ }
835
+
836
+ .max-w-\[300px\] {
837
+ max-width: 300px;
838
+ }
839
+
840
+ .max-w-\[500px\] {
841
+ max-width: 500px;
842
+ }
843
+
390
844
  .max-w-\[calc\(100\%-2rem\)\] {
391
845
  max-width: calc(100% - 2rem);
392
846
  }
847
+
393
848
  .min-w-0 {
394
849
  min-width: calc(var(--spacing) * 0);
395
850
  }
396
- .min-w-\[120px\] {
397
- min-width: 120px;
851
+
852
+ .min-w-\[8rem\] {
853
+ min-width: 8rem;
854
+ }
855
+
856
+ .min-w-\[18px\] {
857
+ min-width: 18px;
858
+ }
859
+
860
+ .min-w-\[100px\] {
861
+ min-width: 100px;
862
+ }
863
+
864
+ .min-w-\[var\(--radix-select-trigger-width\)\] {
865
+ min-width: var(--radix-select-trigger-width);
398
866
  }
867
+
399
868
  .flex-1 {
400
869
  flex: 1;
401
870
  }
402
- .shrink-0 {
871
+
872
+ .flex-shrink-0, .shrink-0 {
403
873
  flex-shrink: 0;
404
874
  }
875
+
876
+ .origin-\(--radix-popover-content-transform-origin\) {
877
+ transform-origin: var(--radix-popover-content-transform-origin);
878
+ }
879
+
880
+ .-translate-x-1\/2 {
881
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
882
+ translate: var(--tw-translate-x) var(--tw-translate-y);
883
+ }
884
+
405
885
  .translate-x-\[-50\%\] {
406
886
  --tw-translate-x: -50%;
407
887
  translate: var(--tw-translate-x) var(--tw-translate-y);
408
888
  }
889
+
890
+ .-translate-y-1\/2 {
891
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
892
+ translate: var(--tw-translate-x) var(--tw-translate-y);
893
+ }
894
+
895
+ .translate-y-0 {
896
+ --tw-translate-y: calc(var(--spacing) * 0);
897
+ translate: var(--tw-translate-x) var(--tw-translate-y);
898
+ }
899
+
900
+ .translate-y-4 {
901
+ --tw-translate-y: calc(var(--spacing) * 4);
902
+ translate: var(--tw-translate-x) var(--tw-translate-y);
903
+ }
904
+
409
905
  .translate-y-\[-50\%\] {
410
906
  --tw-translate-y: -50%;
411
907
  translate: var(--tw-translate-x) var(--tw-translate-y);
412
908
  }
909
+
910
+ .scale-90 {
911
+ --tw-scale-x: 90%;
912
+ --tw-scale-y: 90%;
913
+ --tw-scale-z: 90%;
914
+ scale: var(--tw-scale-x) var(--tw-scale-y);
915
+ }
916
+
917
+ .scale-100 {
918
+ --tw-scale-x: 100%;
919
+ --tw-scale-y: 100%;
920
+ --tw-scale-z: 100%;
921
+ scale: var(--tw-scale-x) var(--tw-scale-y);
922
+ }
923
+
924
+ .scale-110 {
925
+ --tw-scale-x: 110%;
926
+ --tw-scale-y: 110%;
927
+ --tw-scale-z: 110%;
928
+ scale: var(--tw-scale-x) var(--tw-scale-y);
929
+ }
930
+
931
+ .animate-ping {
932
+ animation: var(--animate-ping);
933
+ }
934
+
413
935
  .animate-pulse {
414
936
  animation: var(--animate-pulse);
415
937
  }
938
+
416
939
  .animate-spin {
417
940
  animation: var(--animate-spin);
418
941
  }
942
+
943
+ .cursor-default {
944
+ cursor: default;
945
+ }
946
+
419
947
  .cursor-pointer {
420
948
  cursor: pointer;
421
949
  }
422
- .grid-cols-2 {
423
- grid-template-columns: repeat(2, minmax(0, 1fr));
950
+
951
+ .resize {
952
+ resize: both;
424
953
  }
954
+
955
+ .resize-none {
956
+ resize: none;
957
+ }
958
+
425
959
  .flex-col {
426
960
  flex-direction: column;
427
961
  }
962
+
428
963
  .flex-col-reverse {
429
964
  flex-direction: column-reverse;
430
965
  }
966
+
967
+ .flex-row-reverse {
968
+ flex-direction: row-reverse;
969
+ }
970
+
431
971
  .items-center {
432
972
  align-items: center;
433
973
  }
974
+
975
+ .items-end {
976
+ align-items: flex-end;
977
+ }
978
+
434
979
  .items-start {
435
980
  align-items: flex-start;
436
981
  }
982
+
983
+ .justify-between {
984
+ justify-content: space-between;
985
+ }
986
+
437
987
  .justify-center {
438
988
  justify-content: center;
439
989
  }
990
+
991
+ .justify-end {
992
+ justify-content: flex-end;
993
+ }
994
+
440
995
  .gap-1 {
441
996
  gap: calc(var(--spacing) * 1);
442
997
  }
998
+
443
999
  .gap-1\.5 {
444
1000
  gap: calc(var(--spacing) * 1.5);
445
1001
  }
1002
+
446
1003
  .gap-2 {
447
1004
  gap: calc(var(--spacing) * 2);
448
1005
  }
1006
+
449
1007
  .gap-3 {
450
1008
  gap: calc(var(--spacing) * 3);
451
1009
  }
1010
+
452
1011
  .gap-4 {
453
1012
  gap: calc(var(--spacing) * 4);
454
1013
  }
455
- .space-y-1 {
456
- :where(& > :not(:last-child)) {
457
- --tw-space-y-reverse: 0;
458
- margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
459
- margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
460
- }
461
- }
462
- .space-y-2 {
463
- :where(& > :not(:last-child)) {
464
- --tw-space-y-reverse: 0;
465
- margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
466
- margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
467
- }
468
- }
469
- .space-y-3 {
470
- :where(& > :not(:last-child)) {
471
- --tw-space-y-reverse: 0;
472
- margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
473
- margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
474
- }
475
- }
476
- .space-y-4 {
477
- :where(& > :not(:last-child)) {
478
- --tw-space-y-reverse: 0;
479
- margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
480
- margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
481
- }
1014
+
1015
+ :where(.space-y-2 > :not(:last-child)) {
1016
+ --tw-space-y-reverse: 0;
1017
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
1018
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
1019
+ }
1020
+
1021
+ :where(.space-y-3 > :not(:last-child)) {
1022
+ --tw-space-y-reverse: 0;
1023
+ margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
1024
+ margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
1025
+ }
1026
+
1027
+ :where(.space-y-4 > :not(:last-child)) {
1028
+ --tw-space-y-reverse: 0;
1029
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
1030
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
1031
+ }
1032
+
1033
+ :where(.divide-y > :not(:last-child)) {
1034
+ --tw-divide-y-reverse: 0;
1035
+ border-bottom-style: var(--tw-border-style);
1036
+ border-top-style: var(--tw-border-style);
1037
+ border-top-width: calc(1px * var(--tw-divide-y-reverse));
1038
+ border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
482
1039
  }
1040
+
483
1041
  .truncate {
484
- overflow: hidden;
485
1042
  text-overflow: ellipsis;
486
1043
  white-space: nowrap;
1044
+ overflow: hidden;
487
1045
  }
1046
+
488
1047
  .overflow-auto {
489
1048
  overflow: auto;
490
1049
  }
1050
+
491
1051
  .overflow-hidden {
492
1052
  overflow: hidden;
493
1053
  }
1054
+
494
1055
  .overflow-y-auto {
495
1056
  overflow-y: auto;
496
1057
  }
1058
+
497
1059
  .rounded {
498
- border-radius: 0.25rem;
1060
+ border-radius: var(--radius);
499
1061
  }
1062
+
500
1063
  .rounded-full {
501
- border-radius: calc(infinity * 1px);
1064
+ border-radius: 3.40282e38px;
502
1065
  }
1066
+
503
1067
  .rounded-lg {
504
1068
  border-radius: var(--radius-lg);
505
1069
  }
1070
+
506
1071
  .rounded-md {
507
1072
  border-radius: var(--radius-md);
508
1073
  }
1074
+
1075
+ .rounded-none {
1076
+ border-radius: 0;
1077
+ }
1078
+
1079
+ .rounded-sm {
1080
+ border-radius: var(--radius-sm);
1081
+ }
1082
+
1083
+ .rounded-xl {
1084
+ border-radius: var(--radius-xl);
1085
+ }
1086
+
509
1087
  .rounded-xs {
510
1088
  border-radius: var(--radius-xs);
511
1089
  }
1090
+
512
1091
  .border {
513
1092
  border-style: var(--tw-border-style);
514
1093
  border-width: 1px;
515
1094
  }
1095
+
516
1096
  .border-0 {
517
1097
  border-style: var(--tw-border-style);
518
- border-width: 0px;
1098
+ border-width: 0;
519
1099
  }
1100
+
520
1101
  .border-2 {
521
1102
  border-style: var(--tw-border-style);
522
1103
  border-width: 2px;
523
1104
  }
1105
+
1106
+ .border-t {
1107
+ border-top-style: var(--tw-border-style);
1108
+ border-top-width: 1px;
1109
+ }
1110
+
524
1111
  .border-b {
525
1112
  border-bottom-style: var(--tw-border-style);
526
1113
  border-bottom-width: 1px;
527
1114
  }
1115
+
528
1116
  .border-l-2 {
529
1117
  border-left-style: var(--tw-border-style);
530
1118
  border-left-width: 2px;
531
1119
  }
1120
+
1121
+ .border-none {
1122
+ --tw-border-style: none;
1123
+ border-style: none;
1124
+ }
1125
+
532
1126
  .border-black {
533
1127
  border-color: var(--color-black);
534
1128
  }
1129
+
1130
+ .border-current {
1131
+ border-color: currentColor;
1132
+ }
1133
+
535
1134
  .border-gray-100 {
536
1135
  border-color: var(--color-gray-100);
537
1136
  }
1137
+
538
1138
  .border-gray-200 {
539
1139
  border-color: var(--color-gray-200);
540
1140
  }
541
- .border-gray-300 {
542
- border-color: var(--color-gray-300);
1141
+
1142
+ .border-gray-400 {
1143
+ border-color: var(--color-gray-400);
543
1144
  }
1145
+
544
1146
  .border-input {
545
1147
  border-color: var(--color-input);
546
1148
  }
1149
+
547
1150
  .border-muted {
548
1151
  border-color: var(--color-muted);
549
1152
  }
550
- .border-red-100 {
551
- border-color: var(--color-red-100);
1153
+
1154
+ .border-red-500\/20 {
1155
+ border-color: #fb2c3633;
1156
+ }
1157
+
1158
+ @supports (color: color-mix(in lab, red, red)) {
1159
+ .border-red-500\/20 {
1160
+ border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
1161
+ }
552
1162
  }
1163
+
553
1164
  .border-transparent {
554
- border-color: transparent;
1165
+ border-color: #0000;
1166
+ }
1167
+
1168
+ .border-white\/10 {
1169
+ border-color: #ffffff1a;
1170
+ }
1171
+
1172
+ @supports (color: color-mix(in lab, red, red)) {
1173
+ .border-white\/10 {
1174
+ border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1175
+ }
1176
+ }
1177
+
1178
+ .bg-accent {
1179
+ background-color: var(--color-accent);
555
1180
  }
1181
+
556
1182
  .bg-background {
557
1183
  background-color: var(--color-background);
558
1184
  }
559
- .bg-black {
560
- background-color: var(--color-black);
1185
+
1186
+ .bg-background\/50 {
1187
+ background-color: color-mix(in srgb, hsl(var(--background)) 50%, transparent);
561
1188
  }
1189
+
1190
+ @supports (color: color-mix(in lab, red, red)) {
1191
+ .bg-background\/50 {
1192
+ background-color: color-mix(in oklab, var(--color-background) 50%, transparent);
1193
+ }
1194
+ }
1195
+
562
1196
  .bg-black\/50 {
563
- background-color: color-mix(in srgb, #000 50%, transparent);
564
- @supports (color: color-mix(in lab, red, red)) {
1197
+ background-color: #00000080;
1198
+ }
1199
+
1200
+ @supports (color: color-mix(in lab, red, red)) {
1201
+ .bg-black\/50 {
565
1202
  background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
566
1203
  }
567
1204
  }
1205
+
1206
+ .bg-black\/80 {
1207
+ background-color: #000c;
1208
+ }
1209
+
1210
+ @supports (color: color-mix(in lab, red, red)) {
1211
+ .bg-black\/80 {
1212
+ background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
1213
+ }
1214
+ }
1215
+
568
1216
  .bg-black\/\[0\.06\] {
569
- background-color: color-mix(in srgb, #000 6%, transparent);
570
- @supports (color: color-mix(in lab, red, red)) {
1217
+ background-color: #0000000f;
1218
+ }
1219
+
1220
+ @supports (color: color-mix(in lab, red, red)) {
1221
+ .bg-black\/\[0\.06\] {
571
1222
  background-color: color-mix(in oklab, var(--color-black) 6%, transparent);
572
1223
  }
573
1224
  }
574
- .bg-blue-50 {
575
- background-color: var(--color-blue-50);
1225
+
1226
+ .bg-blue-500 {
1227
+ background-color: var(--color-blue-500);
576
1228
  }
1229
+
577
1230
  .bg-destructive {
578
1231
  background-color: var(--color-destructive);
579
1232
  }
1233
+
580
1234
  .bg-gray-50 {
581
1235
  background-color: var(--color-gray-50);
582
1236
  }
583
- .bg-gray-100 {
584
- background-color: var(--color-gray-100);
1237
+
1238
+ .bg-gray-200 {
1239
+ background-color: var(--color-gray-200);
585
1240
  }
1241
+
586
1242
  .bg-gray-900 {
587
1243
  background-color: var(--color-gray-900);
588
1244
  }
589
- .bg-green-50 {
590
- background-color: var(--color-green-50);
1245
+
1246
+ .bg-muted {
1247
+ background-color: var(--color-muted);
1248
+ }
1249
+
1250
+ .bg-muted\/30 {
1251
+ background-color: color-mix(in srgb, hsl(var(--muted)) 30%, transparent);
1252
+ }
1253
+
1254
+ @supports (color: color-mix(in lab, red, red)) {
1255
+ .bg-muted\/30 {
1256
+ background-color: color-mix(in oklab, var(--color-muted) 30%, transparent);
1257
+ }
1258
+ }
1259
+
1260
+ .bg-popover {
1261
+ background-color: var(--color-popover);
591
1262
  }
1263
+
592
1264
  .bg-primary {
593
1265
  background-color: var(--color-primary);
594
1266
  }
595
- .bg-red-50 {
596
- background-color: var(--color-red-50);
1267
+
1268
+ .bg-red-500 {
1269
+ background-color: var(--color-red-500);
1270
+ }
1271
+
1272
+ .bg-red-500\/10 {
1273
+ background-color: #fb2c361a;
1274
+ }
1275
+
1276
+ @supports (color: color-mix(in lab, red, red)) {
1277
+ .bg-red-500\/10 {
1278
+ background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
1279
+ }
597
1280
  }
1281
+
598
1282
  .bg-secondary {
599
1283
  background-color: var(--color-secondary);
600
1284
  }
1285
+
601
1286
  .bg-transparent {
602
- background-color: transparent;
1287
+ background-color: #0000;
603
1288
  }
1289
+
604
1290
  .bg-white {
605
1291
  background-color: var(--color-white);
606
1292
  }
607
- .bg-yellow-50 {
608
- background-color: var(--color-yellow-50);
1293
+
1294
+ .bg-white\/10 {
1295
+ background-color: #ffffff1a;
1296
+ }
1297
+
1298
+ @supports (color: color-mix(in lab, red, red)) {
1299
+ .bg-white\/10 {
1300
+ background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1301
+ }
1302
+ }
1303
+
1304
+ .bg-white\/20 {
1305
+ background-color: #fff3;
1306
+ }
1307
+
1308
+ @supports (color: color-mix(in lab, red, red)) {
1309
+ .bg-white\/20 {
1310
+ background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
1311
+ }
1312
+ }
1313
+
1314
+ .bg-gradient-to-br {
1315
+ --tw-gradient-position: to bottom right in oklab;
1316
+ background-image: linear-gradient(var(--tw-gradient-stops));
1317
+ }
1318
+
1319
+ .from-purple-600 {
1320
+ --tw-gradient-from: var(--color-purple-600);
1321
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1322
+ }
1323
+
1324
+ .from-purple-700 {
1325
+ --tw-gradient-from: var(--color-purple-700);
1326
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
609
1327
  }
1328
+
1329
+ .via-purple-700 {
1330
+ --tw-gradient-via: var(--color-purple-700);
1331
+ --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
1332
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
1333
+ }
1334
+
1335
+ .via-purple-800 {
1336
+ --tw-gradient-via: var(--color-purple-800);
1337
+ --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
1338
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
1339
+ }
1340
+
1341
+ .to-indigo-700 {
1342
+ --tw-gradient-to: var(--color-indigo-700);
1343
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1344
+ }
1345
+
1346
+ .to-indigo-800 {
1347
+ --tw-gradient-to: var(--color-indigo-800);
1348
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1349
+ }
1350
+
1351
+ .p-1 {
1352
+ padding: calc(var(--spacing) * 1);
1353
+ }
1354
+
610
1355
  .p-2 {
611
1356
  padding: calc(var(--spacing) * 2);
612
1357
  }
1358
+
613
1359
  .p-3 {
614
1360
  padding: calc(var(--spacing) * 3);
615
1361
  }
1362
+
616
1363
  .p-4 {
617
1364
  padding: calc(var(--spacing) * 4);
618
1365
  }
619
- .p-5 {
620
- padding: calc(var(--spacing) * 5);
621
- }
1366
+
622
1367
  .p-6 {
623
1368
  padding: calc(var(--spacing) * 6);
624
1369
  }
1370
+
1371
+ .px-1 {
1372
+ padding-inline: calc(var(--spacing) * 1);
1373
+ }
1374
+
625
1375
  .px-1\.5 {
626
1376
  padding-inline: calc(var(--spacing) * 1.5);
627
1377
  }
1378
+
628
1379
  .px-2 {
629
1380
  padding-inline: calc(var(--spacing) * 2);
630
1381
  }
1382
+
631
1383
  .px-3 {
632
1384
  padding-inline: calc(var(--spacing) * 3);
633
1385
  }
1386
+
634
1387
  .px-3\.5 {
635
1388
  padding-inline: calc(var(--spacing) * 3.5);
636
1389
  }
1390
+
637
1391
  .px-4 {
638
1392
  padding-inline: calc(var(--spacing) * 4);
639
1393
  }
1394
+
640
1395
  .px-6 {
641
1396
  padding-inline: calc(var(--spacing) * 6);
642
1397
  }
1398
+
643
1399
  .py-0\.5 {
644
- padding-block: calc(var(--spacing) * 0.5);
1400
+ padding-block: calc(var(--spacing) * .5);
645
1401
  }
1402
+
646
1403
  .py-1 {
647
1404
  padding-block: calc(var(--spacing) * 1);
648
1405
  }
1406
+
1407
+ .py-1\.5 {
1408
+ padding-block: calc(var(--spacing) * 1.5);
1409
+ }
1410
+
649
1411
  .py-2 {
650
1412
  padding-block: calc(var(--spacing) * 2);
651
1413
  }
1414
+
652
1415
  .py-2\.5 {
653
1416
  padding-block: calc(var(--spacing) * 2.5);
654
1417
  }
1418
+
655
1419
  .py-3 {
656
1420
  padding-block: calc(var(--spacing) * 3);
657
1421
  }
1422
+
658
1423
  .py-4 {
659
1424
  padding-block: calc(var(--spacing) * 4);
660
1425
  }
1426
+
1427
+ .pt-4 {
1428
+ padding-top: calc(var(--spacing) * 4);
1429
+ }
1430
+
1431
+ .pr-2 {
1432
+ padding-right: calc(var(--spacing) * 2);
1433
+ }
1434
+
1435
+ .pb-4 {
1436
+ padding-bottom: calc(var(--spacing) * 4);
1437
+ }
1438
+
661
1439
  .pl-4 {
662
1440
  padding-left: calc(var(--spacing) * 4);
663
1441
  }
1442
+
1443
+ .pl-8 {
1444
+ padding-left: calc(var(--spacing) * 8);
1445
+ }
1446
+
664
1447
  .text-center {
665
1448
  text-align: center;
666
1449
  }
667
- .text-3xl {
668
- font-size: var(--text-3xl);
669
- line-height: var(--tw-leading, var(--text-3xl--line-height));
1450
+
1451
+ .font-sans {
1452
+ font-family: var(--font-sans);
670
1453
  }
1454
+
671
1455
  .text-base {
672
1456
  font-size: var(--text-base);
673
1457
  line-height: var(--tw-leading, var(--text-base--line-height));
674
1458
  }
1459
+
675
1460
  .text-lg {
676
1461
  font-size: var(--text-lg);
677
1462
  line-height: var(--tw-leading, var(--text-lg--line-height));
678
1463
  }
1464
+
679
1465
  .text-sm {
680
1466
  font-size: var(--text-sm);
681
1467
  line-height: var(--tw-leading, var(--text-sm--line-height));
682
1468
  }
1469
+
683
1470
  .text-xs {
684
1471
  font-size: var(--text-xs);
685
1472
  line-height: var(--tw-leading, var(--text-xs--line-height));
686
1473
  }
1474
+
1475
+ .text-\[10px\] {
1476
+ font-size: 10px;
1477
+ }
1478
+
687
1479
  .leading-none {
688
1480
  --tw-leading: 1;
689
1481
  line-height: 1;
690
1482
  }
1483
+
1484
+ .leading-relaxed {
1485
+ --tw-leading: var(--leading-relaxed);
1486
+ line-height: var(--leading-relaxed);
1487
+ }
1488
+
1489
+ .leading-tight {
1490
+ --tw-leading: var(--leading-tight);
1491
+ line-height: var(--leading-tight);
1492
+ }
1493
+
691
1494
  .font-bold {
692
1495
  --tw-font-weight: var(--font-weight-bold);
693
1496
  font-weight: var(--font-weight-bold);
694
1497
  }
1498
+
695
1499
  .font-medium {
696
1500
  --tw-font-weight: var(--font-weight-medium);
697
1501
  font-weight: var(--font-weight-medium);
698
1502
  }
1503
+
699
1504
  .font-semibold {
700
1505
  --tw-font-weight: var(--font-weight-semibold);
701
1506
  font-weight: var(--font-weight-semibold);
702
1507
  }
703
- .break-all {
704
- word-break: break-all;
1508
+
1509
+ .tracking-wide {
1510
+ --tw-tracking: var(--tracking-wide);
1511
+ letter-spacing: var(--tracking-wide);
705
1512
  }
1513
+
706
1514
  .whitespace-nowrap {
707
1515
  white-space: nowrap;
708
1516
  }
1517
+
1518
+ .whitespace-pre-wrap {
1519
+ white-space: pre-wrap;
1520
+ }
1521
+
1522
+ .text-black {
1523
+ color: var(--color-black);
1524
+ }
1525
+
709
1526
  .text-blue-500 {
710
1527
  color: var(--color-blue-500);
711
1528
  }
1529
+
712
1530
  .text-blue-600 {
713
1531
  color: var(--color-blue-600);
714
1532
  }
715
- .text-blue-700 {
716
- color: var(--color-blue-700);
1533
+
1534
+ .text-destructive {
1535
+ color: var(--color-destructive);
717
1536
  }
1537
+
718
1538
  .text-foreground {
719
1539
  color: var(--color-foreground);
720
1540
  }
1541
+
721
1542
  .text-gray-400 {
722
1543
  color: var(--color-gray-400);
723
1544
  }
1545
+
724
1546
  .text-gray-500 {
725
1547
  color: var(--color-gray-500);
726
1548
  }
1549
+
727
1550
  .text-gray-600 {
728
1551
  color: var(--color-gray-600);
729
1552
  }
1553
+
730
1554
  .text-gray-700 {
731
1555
  color: var(--color-gray-700);
732
1556
  }
1557
+
733
1558
  .text-gray-900 {
734
1559
  color: var(--color-gray-900);
735
1560
  }
1561
+
1562
+ .text-green-400 {
1563
+ color: var(--color-green-400);
1564
+ }
1565
+
736
1566
  .text-green-500 {
737
1567
  color: var(--color-green-500);
738
1568
  }
1569
+
739
1570
  .text-green-600 {
740
1571
  color: var(--color-green-600);
741
1572
  }
742
- .text-green-700 {
743
- color: var(--color-green-700);
744
- }
1573
+
745
1574
  .text-muted-foreground {
746
1575
  color: var(--color-muted-foreground);
747
1576
  }
1577
+
748
1578
  .text-popover-foreground {
749
1579
  color: var(--color-popover-foreground);
750
1580
  }
1581
+
751
1582
  .text-primary {
752
1583
  color: var(--color-primary);
753
1584
  }
1585
+
754
1586
  .text-primary-foreground {
755
1587
  color: var(--color-primary-foreground);
756
1588
  }
1589
+
757
1590
  .text-red-500 {
758
1591
  color: var(--color-red-500);
759
1592
  }
1593
+
760
1594
  .text-red-600 {
761
1595
  color: var(--color-red-600);
762
1596
  }
763
- .text-red-700 {
764
- color: var(--color-red-700);
765
- }
1597
+
766
1598
  .text-secondary-foreground {
767
1599
  color: var(--color-secondary-foreground);
768
1600
  }
1601
+
769
1602
  .text-white {
770
1603
  color: var(--color-white);
771
1604
  }
772
- .text-yellow-700 {
773
- color: var(--color-yellow-700);
1605
+
1606
+ .text-white\/30 {
1607
+ color: #ffffff4d;
1608
+ }
1609
+
1610
+ @supports (color: color-mix(in lab, red, red)) {
1611
+ .text-white\/30 {
1612
+ color: color-mix(in oklab, var(--color-white) 30%, transparent);
1613
+ }
1614
+ }
1615
+
1616
+ .text-white\/70 {
1617
+ color: #ffffffb3;
1618
+ }
1619
+
1620
+ @supports (color: color-mix(in lab, red, red)) {
1621
+ .text-white\/70 {
1622
+ color: color-mix(in oklab, var(--color-white) 70%, transparent);
1623
+ }
774
1624
  }
1625
+
775
1626
  .uppercase {
776
1627
  text-transform: uppercase;
777
1628
  }
1629
+
778
1630
  .underline-offset-4 {
779
1631
  text-underline-offset: 4px;
780
1632
  }
781
- .opacity-70 {
782
- opacity: 70%;
1633
+
1634
+ .antialiased {
1635
+ -webkit-font-smoothing: antialiased;
1636
+ -moz-osx-font-smoothing: grayscale;
783
1637
  }
784
- .shadow {
785
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
786
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1638
+
1639
+ .placeholder-white\/40::placeholder {
1640
+ color: #fff6;
787
1641
  }
788
- .shadow-lg {
789
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
790
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1642
+
1643
+ @supports (color: color-mix(in lab, red, red)) {
1644
+ .placeholder-white\/40::placeholder {
1645
+ color: color-mix(in oklab, var(--color-white) 40%, transparent);
1646
+ }
791
1647
  }
792
- .shadow-sm {
793
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
794
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1648
+
1649
+ .opacity-0 {
1650
+ opacity: 0;
1651
+ }
1652
+
1653
+ .opacity-20 {
1654
+ opacity: .2;
1655
+ }
1656
+
1657
+ .opacity-50 {
1658
+ opacity: .5;
1659
+ }
1660
+
1661
+ .opacity-70 {
1662
+ opacity: .7;
1663
+ }
1664
+
1665
+ .opacity-100 {
1666
+ opacity: 1;
1667
+ }
1668
+
1669
+ .shadow-2xl {
1670
+ --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
1671
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1672
+ }
1673
+
1674
+ .shadow-\[0_0_15px_rgba\(59\,130\,246\,0\.5\)\] {
1675
+ --tw-shadow: 0 0 15px var(--tw-shadow-color, #3b82f680);
1676
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1677
+ }
1678
+
1679
+ .shadow-lg {
1680
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
1681
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
795
1682
  }
1683
+
1684
+ .shadow-md {
1685
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
1686
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1687
+ }
1688
+
1689
+ .shadow-none {
1690
+ --tw-shadow: 0 0 #0000;
1691
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1692
+ }
1693
+
1694
+ .shadow-sm {
1695
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
1696
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1697
+ }
1698
+
1699
+ .shadow-xl {
1700
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
1701
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1702
+ }
1703
+
796
1704
  .shadow-xs {
797
- --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1705
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
1706
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1707
+ }
1708
+
1709
+ .ring-0 {
1710
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1711
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1712
+ }
1713
+
1714
+ .ring-1 {
1715
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
798
1716
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
799
1717
  }
1718
+
1719
+ .ring-border {
1720
+ --tw-ring-color: var(--color-border);
1721
+ }
1722
+
800
1723
  .ring-offset-background {
801
1724
  --tw-ring-offset-color: var(--color-background);
802
1725
  }
1726
+
1727
+ .outline-hidden {
1728
+ --tw-outline-style: none;
1729
+ outline-style: none;
1730
+ }
1731
+
1732
+ @media (forced-colors: active) {
1733
+ .outline-hidden {
1734
+ outline-offset: 2px;
1735
+ outline: 2px solid #0000;
1736
+ }
1737
+ }
1738
+
803
1739
  .outline {
804
1740
  outline-style: var(--tw-outline-style);
805
1741
  outline-width: 1px;
806
1742
  }
1743
+
1744
+ .backdrop-blur-xl {
1745
+ --tw-backdrop-blur: blur(var(--blur-xl));
1746
+ -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
1747
+ backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
1748
+ }
1749
+
807
1750
  .transition-\[color\,box-shadow\] {
808
- transition-property: color,box-shadow;
1751
+ transition-property: color, box-shadow;
809
1752
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
810
1753
  transition-duration: var(--tw-duration, var(--default-transition-duration));
811
1754
  }
1755
+
812
1756
  .transition-all {
813
1757
  transition-property: all;
814
1758
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
815
1759
  transition-duration: var(--tw-duration, var(--default-transition-duration));
816
1760
  }
1761
+
817
1762
  .transition-colors {
818
1763
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
819
1764
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
820
1765
  transition-duration: var(--tw-duration, var(--default-transition-duration));
821
1766
  }
1767
+
822
1768
  .transition-opacity {
823
1769
  transition-property: opacity;
824
1770
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
825
1771
  transition-duration: var(--tw-duration, var(--default-transition-duration));
826
1772
  }
1773
+
827
1774
  .transition-transform {
828
1775
  transition-property: transform, translate, scale, rotate;
829
1776
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
830
1777
  transition-duration: var(--tw-duration, var(--default-transition-duration));
831
1778
  }
1779
+
1780
+ .delay-75 {
1781
+ transition-delay: 75ms;
1782
+ }
1783
+
832
1784
  .duration-200 {
833
- --tw-duration: 200ms;
834
- transition-duration: 200ms;
1785
+ --tw-duration: .2s;
1786
+ transition-duration: .2s;
835
1787
  }
1788
+
836
1789
  .duration-300 {
837
- --tw-duration: 300ms;
838
- transition-duration: 300ms;
1790
+ --tw-duration: .3s;
1791
+ transition-duration: .3s;
1792
+ }
1793
+
1794
+ .duration-500 {
1795
+ --tw-duration: .5s;
1796
+ transition-duration: .5s;
1797
+ }
1798
+
1799
+ .ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\] {
1800
+ --tw-ease: cubic-bezier(.23, 1, .32, 1);
1801
+ transition-timing-function: cubic-bezier(.23, 1, .32, 1);
839
1802
  }
1803
+
840
1804
  .ease-out {
841
1805
  --tw-ease: var(--ease-out);
842
1806
  transition-timing-function: var(--ease-out);
843
1807
  }
1808
+
844
1809
  .outline-none {
845
1810
  --tw-outline-style: none;
846
1811
  outline-style: none;
847
1812
  }
848
- .group-data-\[state\=open\]\:rotate-180 {
849
- &:is(:where(.group)[data-state="open"] *) {
850
- rotate: 180deg;
851
- }
1813
+
1814
+ .select-none {
1815
+ -webkit-user-select: none;
1816
+ user-select: none;
852
1817
  }
853
- .selection\:bg-primary {
854
- & *::selection {
855
- background-color: var(--color-primary);
856
- }
857
- &::selection {
858
- background-color: var(--color-primary);
859
- }
1818
+
1819
+ .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *) {
1820
+ rotate: 180deg;
860
1821
  }
861
- .selection\:text-primary-foreground {
862
- & *::selection {
863
- color: var(--color-primary-foreground);
864
- }
865
- &::selection {
866
- color: var(--color-primary-foreground);
867
- }
1822
+
1823
+ .group-\[\.is-assistant\]\:bg-secondary:is(:where(.group).is-assistant *) {
1824
+ background-color: var(--color-secondary);
868
1825
  }
869
- .file\:inline-flex {
870
- &::file-selector-button {
871
- display: inline-flex;
872
- }
1826
+
1827
+ .group-\[\.is-assistant\]\:text-foreground:is(:where(.group).is-assistant *) {
1828
+ color: var(--color-foreground);
873
1829
  }
874
- .file\:h-7 {
875
- &::file-selector-button {
876
- height: calc(var(--spacing) * 7);
877
- }
1830
+
1831
+ .group-\[\.is-user\]\:bg-primary:is(:where(.group).is-user *) {
1832
+ background-color: var(--color-primary);
878
1833
  }
879
- .file\:border-0 {
880
- &::file-selector-button {
881
- border-style: var(--tw-border-style);
882
- border-width: 0px;
883
- }
1834
+
1835
+ .group-\[\.is-user\]\:text-primary-foreground:is(:where(.group).is-user *) {
1836
+ color: var(--color-primary-foreground);
884
1837
  }
885
- .file\:bg-transparent {
886
- &::file-selector-button {
887
- background-color: transparent;
888
- }
1838
+
1839
+ .selection\:bg-primary ::selection {
1840
+ background-color: var(--color-primary);
889
1841
  }
890
- .file\:text-sm {
891
- &::file-selector-button {
892
- font-size: var(--text-sm);
893
- line-height: var(--tw-leading, var(--text-sm--line-height));
894
- }
1842
+
1843
+ .selection\:bg-primary::selection {
1844
+ background-color: var(--color-primary);
895
1845
  }
896
- .file\:font-medium {
897
- &::file-selector-button {
898
- --tw-font-weight: var(--font-weight-medium);
899
- font-weight: var(--font-weight-medium);
900
- }
1846
+
1847
+ .selection\:text-primary-foreground ::selection {
1848
+ color: var(--color-primary-foreground);
901
1849
  }
902
- .file\:text-foreground {
903
- &::file-selector-button {
904
- color: var(--color-foreground);
905
- }
1850
+
1851
+ .selection\:text-primary-foreground::selection {
1852
+ color: var(--color-primary-foreground);
906
1853
  }
907
- .placeholder\:text-muted-foreground {
908
- &::placeholder {
909
- color: var(--color-muted-foreground);
910
- }
1854
+
1855
+ .file\:inline-flex::file-selector-button {
1856
+ display: inline-flex;
911
1857
  }
912
- .last\:border-b-0 {
913
- &:last-child {
914
- border-bottom-style: var(--tw-border-style);
915
- border-bottom-width: 0px;
916
- }
1858
+
1859
+ .file\:h-7::file-selector-button {
1860
+ height: calc(var(--spacing) * 7);
917
1861
  }
918
- .hover\:scale-110 {
919
- &:hover {
920
- @media (hover: hover) {
921
- --tw-scale-x: 110%;
922
- --tw-scale-y: 110%;
923
- --tw-scale-z: 110%;
924
- scale: var(--tw-scale-x) var(--tw-scale-y);
925
- }
926
- }
1862
+
1863
+ .file\:border-0::file-selector-button {
1864
+ border-style: var(--tw-border-style);
1865
+ border-width: 0;
927
1866
  }
928
- .hover\:border-blue-300 {
929
- &:hover {
930
- @media (hover: hover) {
931
- border-color: var(--color-blue-300);
932
- }
933
- }
1867
+
1868
+ .file\:bg-transparent::file-selector-button {
1869
+ background-color: #0000;
934
1870
  }
935
- .hover\:border-gray-300 {
936
- &:hover {
937
- @media (hover: hover) {
938
- border-color: var(--color-gray-300);
939
- }
940
- }
1871
+
1872
+ .file\:text-sm::file-selector-button {
1873
+ font-size: var(--text-sm);
1874
+ line-height: var(--tw-leading, var(--text-sm--line-height));
941
1875
  }
942
- .hover\:bg-accent {
943
- &:hover {
944
- @media (hover: hover) {
945
- background-color: var(--color-accent);
946
- }
947
- }
1876
+
1877
+ .file\:font-medium::file-selector-button {
1878
+ --tw-font-weight: var(--font-weight-medium);
1879
+ font-weight: var(--font-weight-medium);
948
1880
  }
949
- .hover\:bg-black {
950
- &:hover {
951
- @media (hover: hover) {
952
- background-color: var(--color-black);
953
- }
954
- }
1881
+
1882
+ .file\:text-foreground::file-selector-button {
1883
+ color: var(--color-foreground);
955
1884
  }
956
- .hover\:bg-destructive\/90 {
957
- &:hover {
958
- @media (hover: hover) {
959
- background-color: color-mix(in srgb, hsl(var(--destructive)) 90%, transparent);
960
- @supports (color: color-mix(in lab, red, red)) {
961
- background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent);
962
- }
963
- }
964
- }
1885
+
1886
+ .placeholder\:text-muted-foreground::placeholder {
1887
+ color: var(--color-muted-foreground);
965
1888
  }
966
- .hover\:bg-gray-50 {
967
- &:hover {
968
- @media (hover: hover) {
969
- background-color: var(--color-gray-50);
970
- }
1889
+
1890
+ @media (hover: hover) {
1891
+ .hover\:scale-110:hover {
1892
+ --tw-scale-x: 110%;
1893
+ --tw-scale-y: 110%;
1894
+ --tw-scale-z: 110%;
1895
+ scale: var(--tw-scale-x) var(--tw-scale-y);
971
1896
  }
972
- }
973
- .hover\:bg-gray-800 {
974
- &:hover {
975
- @media (hover: hover) {
976
- background-color: var(--color-gray-800);
977
- }
1897
+
1898
+ .hover\:bg-accent:hover {
1899
+ background-color: var(--color-accent);
978
1900
  }
979
- }
980
- .hover\:bg-primary\/90 {
981
- &:hover {
982
- @media (hover: hover) {
983
- background-color: color-mix(in srgb, hsl(var(--primary)) 90%, transparent);
984
- @supports (color: color-mix(in lab, red, red)) {
985
- background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);
986
- }
987
- }
1901
+
1902
+ .hover\:bg-destructive\/90:hover {
1903
+ background-color: color-mix(in srgb, hsl(var(--destructive)) 90%, transparent);
988
1904
  }
989
- }
990
- .hover\:bg-secondary\/80 {
991
- &:hover {
992
- @media (hover: hover) {
993
- background-color: color-mix(in srgb, hsl(var(--secondary)) 80%, transparent);
994
- @supports (color: color-mix(in lab, red, red)) {
995
- background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);
996
- }
1905
+
1906
+ @supports (color: color-mix(in lab, red, red)) {
1907
+ .hover\:bg-destructive\/90:hover {
1908
+ background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent);
997
1909
  }
998
1910
  }
999
- }
1000
- .hover\:text-accent-foreground {
1001
- &:hover {
1002
- @media (hover: hover) {
1003
- color: var(--color-accent-foreground);
1004
- }
1911
+
1912
+ .hover\:bg-gray-50:hover {
1913
+ background-color: var(--color-gray-50);
1005
1914
  }
1006
- }
1007
- .hover\:text-foreground {
1008
- &:hover {
1009
- @media (hover: hover) {
1010
- color: var(--color-foreground);
1011
- }
1915
+
1916
+ .hover\:bg-primary\/90:hover {
1917
+ background-color: color-mix(in srgb, hsl(var(--primary)) 90%, transparent);
1012
1918
  }
1013
- }
1014
- .hover\:underline {
1015
- &:hover {
1016
- @media (hover: hover) {
1017
- text-decoration-line: underline;
1919
+
1920
+ @supports (color: color-mix(in lab, red, red)) {
1921
+ .hover\:bg-primary\/90:hover {
1922
+ background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);
1018
1923
  }
1019
1924
  }
1020
- }
1021
- .hover\:opacity-100 {
1022
- &:hover {
1023
- @media (hover: hover) {
1024
- opacity: 100%;
1925
+
1926
+ .hover\:bg-secondary\/80:hover {
1927
+ background-color: color-mix(in srgb, hsl(var(--secondary)) 80%, transparent);
1928
+ }
1929
+
1930
+ @supports (color: color-mix(in lab, red, red)) {
1931
+ .hover\:bg-secondary\/80:hover {
1932
+ background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);
1025
1933
  }
1026
1934
  }
1027
- }
1028
- .hover\:shadow-xl {
1029
- &:hover {
1030
- @media (hover: hover) {
1031
- --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1032
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1935
+
1936
+ .hover\:bg-white\/20:hover {
1937
+ background-color: #fff3;
1938
+ }
1939
+
1940
+ @supports (color: color-mix(in lab, red, red)) {
1941
+ .hover\:bg-white\/20:hover {
1942
+ background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
1033
1943
  }
1034
1944
  }
1035
- }
1036
- .focus\:border-blue-500 {
1037
- &:focus {
1038
- border-color: var(--color-blue-500);
1945
+
1946
+ .hover\:from-purple-700:hover {
1947
+ --tw-gradient-from: var(--color-purple-700);
1948
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1039
1949
  }
1040
- }
1041
- .focus\:ring-1 {
1042
- &:focus {
1043
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1044
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1950
+
1951
+ .hover\:via-purple-800:hover {
1952
+ --tw-gradient-via: var(--color-purple-800);
1953
+ --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
1954
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
1045
1955
  }
1046
- }
1047
- .focus\:ring-2 {
1048
- &:focus {
1049
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1956
+
1957
+ .hover\:to-indigo-800:hover {
1958
+ --tw-gradient-to: var(--color-indigo-800);
1959
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1960
+ }
1961
+
1962
+ .hover\:text-accent-foreground:hover {
1963
+ color: var(--color-accent-foreground);
1964
+ }
1965
+
1966
+ .hover\:text-foreground:hover {
1967
+ color: var(--color-foreground);
1968
+ }
1969
+
1970
+ .hover\:text-gray-600:hover {
1971
+ color: var(--color-gray-600);
1972
+ }
1973
+
1974
+ .hover\:underline:hover {
1975
+ text-decoration-line: underline;
1976
+ }
1977
+
1978
+ .hover\:opacity-100:hover {
1979
+ opacity: 1;
1980
+ }
1981
+
1982
+ .hover\:shadow-xl:hover {
1983
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
1050
1984
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1051
1985
  }
1052
1986
  }
1053
- .focus\:ring-blue-500 {
1054
- &:focus {
1055
- --tw-ring-color: var(--color-blue-500);
1056
- }
1987
+
1988
+ .focus\:bg-accent:focus {
1989
+ background-color: var(--color-accent);
1057
1990
  }
1058
- .focus\:ring-ring {
1059
- &:focus {
1060
- --tw-ring-color: var(--color-ring);
1061
- }
1991
+
1992
+ .focus\:text-accent-foreground:focus {
1993
+ color: var(--color-accent-foreground);
1062
1994
  }
1063
- .focus\:ring-offset-2 {
1064
- &:focus {
1065
- --tw-ring-offset-width: 2px;
1066
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1067
- }
1995
+
1996
+ .focus\:ring-2:focus {
1997
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1998
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1068
1999
  }
1069
- .focus\:outline-hidden {
1070
- &:focus {
1071
- --tw-outline-style: none;
1072
- outline-style: none;
1073
- @media (forced-colors: active) {
1074
- outline: 2px solid transparent;
1075
- outline-offset: 2px;
1076
- }
1077
- }
2000
+
2001
+ .focus\:ring-ring:focus {
2002
+ --tw-ring-color: var(--color-ring);
1078
2003
  }
1079
- .focus\:outline-none {
1080
- &:focus {
1081
- --tw-outline-style: none;
1082
- outline-style: none;
1083
- }
2004
+
2005
+ .focus\:ring-offset-2:focus {
2006
+ --tw-ring-offset-width: 2px;
2007
+ --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1084
2008
  }
1085
- .focus-visible\:border-ring {
1086
- &:focus-visible {
1087
- border-color: var(--color-ring);
1088
- }
2009
+
2010
+ .focus\:outline-hidden:focus {
2011
+ --tw-outline-style: none;
2012
+ outline-style: none;
1089
2013
  }
1090
- .focus-visible\:ring-\[3px\] {
1091
- &:focus-visible {
1092
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1093
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2014
+
2015
+ @media (forced-colors: active) {
2016
+ .focus\:outline-hidden:focus {
2017
+ outline-offset: 2px;
2018
+ outline: 2px solid #0000;
1094
2019
  }
1095
2020
  }
1096
- .focus-visible\:ring-destructive\/20 {
1097
- &:focus-visible {
1098
- --tw-ring-color: color-mix(in srgb, hsl(var(--destructive)) 20%, transparent);
1099
- @supports (color: color-mix(in lab, red, red)) {
1100
- --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
1101
- }
1102
- }
2021
+
2022
+ .focus\:outline-none:focus {
2023
+ --tw-outline-style: none;
2024
+ outline-style: none;
1103
2025
  }
1104
- .focus-visible\:ring-ring\/50 {
1105
- &:focus-visible {
1106
- --tw-ring-color: color-mix(in srgb, hsl(var(--ring)) 50%, transparent);
1107
- @supports (color: color-mix(in lab, red, red)) {
1108
- --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
1109
- }
1110
- }
2026
+
2027
+ .focus-visible\:border-ring:focus-visible {
2028
+ border-color: var(--color-ring);
1111
2029
  }
1112
- .disabled\:pointer-events-none {
1113
- &:disabled {
1114
- pointer-events: none;
1115
- }
2030
+
2031
+ .focus-visible\:ring-0:focus-visible {
2032
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2033
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1116
2034
  }
1117
- .disabled\:cursor-not-allowed {
1118
- &:disabled {
1119
- cursor: not-allowed;
1120
- }
2035
+
2036
+ .focus-visible\:ring-2:focus-visible {
2037
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2038
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1121
2039
  }
1122
- .disabled\:opacity-50 {
1123
- &:disabled {
1124
- opacity: 50%;
1125
- }
2040
+
2041
+ .focus-visible\:ring-\[3px\]:focus-visible {
2042
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2043
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1126
2044
  }
1127
- .has-\[\>svg\]\:px-2\.5 {
1128
- &:has(>svg) {
1129
- padding-inline: calc(var(--spacing) * 2.5);
1130
- }
2045
+
2046
+ .focus-visible\:ring-destructive\/20:focus-visible {
2047
+ --tw-ring-color: color-mix(in srgb, hsl(var(--destructive)) 20%, transparent);
1131
2048
  }
1132
- .has-\[\>svg\]\:px-3 {
1133
- &:has(>svg) {
1134
- padding-inline: calc(var(--spacing) * 3);
2049
+
2050
+ @supports (color: color-mix(in lab, red, red)) {
2051
+ .focus-visible\:ring-destructive\/20:focus-visible {
2052
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
1135
2053
  }
1136
2054
  }
1137
- .has-\[\>svg\]\:px-4 {
1138
- &:has(>svg) {
1139
- padding-inline: calc(var(--spacing) * 4);
1140
- }
2055
+
2056
+ .focus-visible\:ring-ring:focus-visible {
2057
+ --tw-ring-color: var(--color-ring);
1141
2058
  }
1142
- .aria-invalid\:border-destructive {
1143
- &[aria-invalid="true"] {
1144
- border-color: var(--color-destructive);
1145
- }
2059
+
2060
+ .focus-visible\:ring-ring\/50:focus-visible {
2061
+ --tw-ring-color: color-mix(in srgb, hsl(var(--ring)) 50%, transparent);
1146
2062
  }
1147
- .aria-invalid\:ring-destructive\/20 {
1148
- &[aria-invalid="true"] {
1149
- --tw-ring-color: color-mix(in srgb, hsl(var(--destructive)) 20%, transparent);
1150
- @supports (color: color-mix(in lab, red, red)) {
1151
- --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
1152
- }
2063
+
2064
+ @supports (color: color-mix(in lab, red, red)) {
2065
+ .focus-visible\:ring-ring\/50:focus-visible {
2066
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
1153
2067
  }
1154
2068
  }
1155
- .data-\[state\=open\]\:bg-accent {
1156
- &[data-state="open"] {
1157
- background-color: var(--color-accent);
1158
- }
2069
+
2070
+ .focus-visible\:ring-offset-2:focus-visible {
2071
+ --tw-ring-offset-width: 2px;
2072
+ --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2073
+ }
2074
+
2075
+ .focus-visible\:outline-none:focus-visible {
2076
+ --tw-outline-style: none;
2077
+ outline-style: none;
2078
+ }
2079
+
2080
+ .disabled\:pointer-events-none:disabled {
2081
+ pointer-events: none;
2082
+ }
2083
+
2084
+ .disabled\:cursor-not-allowed:disabled {
2085
+ cursor: not-allowed;
2086
+ }
2087
+
2088
+ .disabled\:opacity-50:disabled {
2089
+ opacity: .5;
2090
+ }
2091
+
2092
+ .has-\[\>svg\]\:px-2\.5:has( > svg) {
2093
+ padding-inline: calc(var(--spacing) * 2.5);
1159
2094
  }
1160
- .data-\[state\=open\]\:text-muted-foreground {
1161
- &[data-state="open"] {
1162
- color: var(--color-muted-foreground);
2095
+
2096
+ .has-\[\>svg\]\:px-3:has( > svg) {
2097
+ padding-inline: calc(var(--spacing) * 3);
2098
+ }
2099
+
2100
+ .has-\[\>svg\]\:px-4:has( > svg) {
2101
+ padding-inline: calc(var(--spacing) * 4);
2102
+ }
2103
+
2104
+ .aria-invalid\:border-destructive[aria-invalid="true"] {
2105
+ border-color: var(--color-destructive);
2106
+ }
2107
+
2108
+ .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
2109
+ --tw-ring-color: color-mix(in srgb, hsl(var(--destructive)) 20%, transparent);
2110
+ }
2111
+
2112
+ @supports (color: color-mix(in lab, red, red)) {
2113
+ .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
2114
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
1163
2115
  }
1164
2116
  }
1165
- .sm\:max-w-lg {
1166
- @media (width >= 40rem) {
2117
+
2118
+ .data-\[disabled\]\:pointer-events-none[data-disabled] {
2119
+ pointer-events: none;
2120
+ }
2121
+
2122
+ .data-\[disabled\]\:opacity-50[data-disabled] {
2123
+ opacity: .5;
2124
+ }
2125
+
2126
+ .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
2127
+ --tw-translate-y: calc(var(--spacing) * 1);
2128
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2129
+ }
2130
+
2131
+ .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
2132
+ --tw-translate-x: calc(var(--spacing) * -1);
2133
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2134
+ }
2135
+
2136
+ .data-\[side\=right\]\:translate-x-1[data-side="right"] {
2137
+ --tw-translate-x: calc(var(--spacing) * 1);
2138
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2139
+ }
2140
+
2141
+ .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
2142
+ --tw-translate-y: calc(var(--spacing) * -1);
2143
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2144
+ }
2145
+
2146
+ .data-\[state\=open\]\:bg-accent[data-state="open"] {
2147
+ background-color: var(--color-accent);
2148
+ }
2149
+
2150
+ .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
2151
+ color: var(--color-muted-foreground);
2152
+ }
2153
+
2154
+ @media (min-width: 40rem) {
2155
+ .sm\:max-w-\[425px\] {
2156
+ max-width: 425px;
2157
+ }
2158
+
2159
+ .sm\:max-w-lg {
1167
2160
  max-width: var(--container-lg);
1168
2161
  }
1169
- }
1170
- .sm\:flex-row {
1171
- @media (width >= 40rem) {
2162
+
2163
+ .sm\:flex-row {
1172
2164
  flex-direction: row;
1173
2165
  }
1174
- }
1175
- .sm\:justify-end {
1176
- @media (width >= 40rem) {
2166
+
2167
+ .sm\:justify-end {
1177
2168
  justify-content: flex-end;
1178
2169
  }
1179
- }
1180
- .sm\:text-left {
1181
- @media (width >= 40rem) {
2170
+
2171
+ .sm\:text-left {
1182
2172
  text-align: left;
1183
2173
  }
1184
2174
  }
1185
- .md\:grid-cols-4 {
1186
- @media (width >= 48rem) {
1187
- grid-template-columns: repeat(4, minmax(0, 1fr));
1188
- }
1189
- }
1190
- .md\:text-sm {
1191
- @media (width >= 48rem) {
2175
+
2176
+ @media (min-width: 48rem) {
2177
+ .md\:text-sm {
1192
2178
  font-size: var(--text-sm);
1193
2179
  line-height: var(--tw-leading, var(--text-sm--line-height));
1194
2180
  }
1195
2181
  }
1196
- .dark\:border-gray-300 {
1197
- @media (prefers-color-scheme: dark) {
2182
+
2183
+ @media (prefers-color-scheme: dark) {
2184
+ .dark\:border-black\/5 {
2185
+ border-color: #0000000d;
2186
+ }
2187
+
2188
+ @supports (color: color-mix(in lab, red, red)) {
2189
+ .dark\:border-black\/5 {
2190
+ border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
2191
+ }
2192
+ }
2193
+
2194
+ .dark\:border-gray-300 {
1198
2195
  border-color: var(--color-gray-300);
1199
2196
  }
1200
- }
1201
- .dark\:border-input {
1202
- @media (prefers-color-scheme: dark) {
2197
+
2198
+ .dark\:border-gray-700 {
2199
+ border-color: var(--color-gray-700);
2200
+ }
2201
+
2202
+ .dark\:border-input {
1203
2203
  border-color: var(--color-input);
1204
2204
  }
1205
- }
1206
- .dark\:border-white {
1207
- @media (prefers-color-scheme: dark) {
2205
+
2206
+ .dark\:border-white {
1208
2207
  border-color: var(--color-white);
1209
2208
  }
1210
- }
1211
- .dark\:bg-destructive\/60 {
1212
- @media (prefers-color-scheme: dark) {
2209
+
2210
+ .dark\:bg-black {
2211
+ background-color: var(--color-black);
2212
+ }
2213
+
2214
+ .dark\:bg-black\/5 {
2215
+ background-color: #0000000d;
2216
+ }
2217
+
2218
+ @supports (color: color-mix(in lab, red, red)) {
2219
+ .dark\:bg-black\/5 {
2220
+ background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
2221
+ }
2222
+ }
2223
+
2224
+ .dark\:bg-black\/10 {
2225
+ background-color: #0000001a;
2226
+ }
2227
+
2228
+ @supports (color: color-mix(in lab, red, red)) {
2229
+ .dark\:bg-black\/10 {
2230
+ background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
2231
+ }
2232
+ }
2233
+
2234
+ .dark\:bg-destructive\/60 {
1213
2235
  background-color: color-mix(in srgb, hsl(var(--destructive)) 60%, transparent);
1214
- @supports (color: color-mix(in lab, red, red)) {
2236
+ }
2237
+
2238
+ @supports (color: color-mix(in lab, red, red)) {
2239
+ .dark\:bg-destructive\/60 {
1215
2240
  background-color: color-mix(in oklab, var(--color-destructive) 60%, transparent);
1216
2241
  }
1217
2242
  }
1218
- }
1219
- .dark\:bg-gray-100 {
1220
- @media (prefers-color-scheme: dark) {
2243
+
2244
+ .dark\:bg-gray-100 {
1221
2245
  background-color: var(--color-gray-100);
1222
2246
  }
1223
- }
1224
- .dark\:bg-input\/30 {
1225
- @media (prefers-color-scheme: dark) {
2247
+
2248
+ .dark\:bg-gray-700 {
2249
+ background-color: var(--color-gray-700);
2250
+ }
2251
+
2252
+ .dark\:bg-gray-800 {
2253
+ background-color: var(--color-gray-800);
2254
+ }
2255
+
2256
+ .dark\:bg-gray-900 {
2257
+ background-color: var(--color-gray-900);
2258
+ }
2259
+
2260
+ .dark\:bg-input\/30 {
1226
2261
  background-color: color-mix(in srgb, hsl(var(--input)) 30%, transparent);
1227
- @supports (color: color-mix(in lab, red, red)) {
2262
+ }
2263
+
2264
+ @supports (color: color-mix(in lab, red, red)) {
2265
+ .dark\:bg-input\/30 {
1228
2266
  background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
1229
2267
  }
1230
2268
  }
1231
- }
1232
- .dark\:bg-white {
1233
- @media (prefers-color-scheme: dark) {
1234
- background-color: var(--color-white);
2269
+
2270
+ .dark\:bg-transparent {
2271
+ background-color: #0000;
1235
2272
  }
1236
- }
1237
- .dark\:bg-white\/\[0\.12\] {
1238
- @media (prefers-color-scheme: dark) {
1239
- background-color: color-mix(in srgb, #fff 12%, transparent);
1240
- @supports (color: color-mix(in lab, red, red)) {
2273
+
2274
+ .dark\:bg-white\/90 {
2275
+ background-color: #ffffffe6;
2276
+ }
2277
+
2278
+ @supports (color: color-mix(in lab, red, red)) {
2279
+ .dark\:bg-white\/90 {
2280
+ background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
2281
+ }
2282
+ }
2283
+
2284
+ .dark\:bg-white\/\[0\.12\] {
2285
+ background-color: #ffffff1f;
2286
+ }
2287
+
2288
+ @supports (color: color-mix(in lab, red, red)) {
2289
+ .dark\:bg-white\/\[0\.12\] {
1241
2290
  background-color: color-mix(in oklab, var(--color-white) 12%, transparent);
1242
2291
  }
1243
2292
  }
1244
- }
1245
- .dark\:text-blue-500 {
1246
- @media (prefers-color-scheme: dark) {
2293
+
2294
+ .dark\:text-black {
2295
+ color: var(--color-black);
2296
+ }
2297
+
2298
+ .dark\:text-black\/30 {
2299
+ color: #0000004d;
2300
+ }
2301
+
2302
+ @supports (color: color-mix(in lab, red, red)) {
2303
+ .dark\:text-black\/30 {
2304
+ color: color-mix(in oklab, var(--color-black) 30%, transparent);
2305
+ }
2306
+ }
2307
+
2308
+ .dark\:text-black\/70 {
2309
+ color: #000000b3;
2310
+ }
2311
+
2312
+ @supports (color: color-mix(in lab, red, red)) {
2313
+ .dark\:text-black\/70 {
2314
+ color: color-mix(in oklab, var(--color-black) 70%, transparent);
2315
+ }
2316
+ }
2317
+
2318
+ .dark\:text-blue-500 {
1247
2319
  color: var(--color-blue-500);
1248
2320
  }
1249
- }
1250
- .dark\:text-gray-300 {
1251
- @media (prefers-color-scheme: dark) {
2321
+
2322
+ .dark\:text-gray-100 {
2323
+ color: var(--color-gray-100);
2324
+ }
2325
+
2326
+ .dark\:text-gray-300 {
1252
2327
  color: var(--color-gray-300);
1253
2328
  }
1254
- }
1255
- .dark\:text-gray-900 {
1256
- @media (prefers-color-scheme: dark) {
2329
+
2330
+ .dark\:text-gray-400 {
2331
+ color: var(--color-gray-400);
2332
+ }
2333
+
2334
+ .dark\:text-gray-900 {
1257
2335
  color: var(--color-gray-900);
1258
2336
  }
1259
- }
1260
- .dark\:text-green-500 {
1261
- @media (prefers-color-scheme: dark) {
2337
+
2338
+ .dark\:text-green-500 {
1262
2339
  color: var(--color-green-500);
1263
2340
  }
1264
- }
1265
- .dark\:text-red-500 {
1266
- @media (prefers-color-scheme: dark) {
2341
+
2342
+ .dark\:text-green-600 {
2343
+ color: var(--color-green-600);
2344
+ }
2345
+
2346
+ .dark\:text-red-400 {
2347
+ color: var(--color-red-400);
2348
+ }
2349
+
2350
+ .dark\:text-red-500 {
1267
2351
  color: var(--color-red-500);
1268
2352
  }
1269
- }
1270
- .dark\:hover\:bg-accent\/50 {
1271
- @media (prefers-color-scheme: dark) {
1272
- &:hover {
1273
- @media (hover: hover) {
1274
- background-color: color-mix(in srgb, hsl(var(--accent)) 50%, transparent);
1275
- @supports (color: color-mix(in lab, red, red)) {
1276
- background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
1277
- }
1278
- }
2353
+
2354
+ .dark\:text-white {
2355
+ color: var(--color-white);
2356
+ }
2357
+
2358
+ .dark\:placeholder-black\/40::placeholder {
2359
+ color: #0006;
2360
+ }
2361
+
2362
+ @supports (color: color-mix(in lab, red, red)) {
2363
+ .dark\:placeholder-black\/40::placeholder {
2364
+ color: color-mix(in oklab, var(--color-black) 40%, transparent);
1279
2365
  }
1280
2366
  }
1281
- }
1282
- .dark\:hover\:bg-input\/50 {
1283
- @media (prefers-color-scheme: dark) {
1284
- &:hover {
1285
- @media (hover: hover) {
1286
- background-color: color-mix(in srgb, hsl(var(--input)) 50%, transparent);
1287
- @supports (color: color-mix(in lab, red, red)) {
1288
- background-color: color-mix(in oklab, var(--color-input) 50%, transparent);
1289
- }
2367
+
2368
+ @media (hover: hover) {
2369
+ .dark\:hover\:bg-accent\/50:hover {
2370
+ background-color: color-mix(in srgb, hsl(var(--accent)) 50%, transparent);
2371
+ }
2372
+
2373
+ @supports (color: color-mix(in lab, red, red)) {
2374
+ .dark\:hover\:bg-accent\/50:hover {
2375
+ background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
1290
2376
  }
1291
2377
  }
1292
- }
1293
- }
1294
- .dark\:hover\:bg-white {
1295
- @media (prefers-color-scheme: dark) {
1296
- &:hover {
1297
- @media (hover: hover) {
1298
- background-color: var(--color-white);
2378
+
2379
+ .dark\:hover\:bg-black\/10:hover {
2380
+ background-color: #0000001a;
2381
+ }
2382
+
2383
+ @supports (color: color-mix(in lab, red, red)) {
2384
+ .dark\:hover\:bg-black\/10:hover {
2385
+ background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
1299
2386
  }
1300
2387
  }
1301
- }
1302
- }
1303
- .dark\:focus-visible\:ring-destructive\/40 {
1304
- @media (prefers-color-scheme: dark) {
1305
- &:focus-visible {
1306
- --tw-ring-color: color-mix(in srgb, hsl(var(--destructive)) 40%, transparent);
1307
- @supports (color: color-mix(in lab, red, red)) {
1308
- --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
2388
+
2389
+ .dark\:hover\:bg-input\/50:hover {
2390
+ background-color: color-mix(in srgb, hsl(var(--input)) 50%, transparent);
2391
+ }
2392
+
2393
+ @supports (color: color-mix(in lab, red, red)) {
2394
+ .dark\:hover\:bg-input\/50:hover {
2395
+ background-color: color-mix(in oklab, var(--color-input) 50%, transparent);
1309
2396
  }
1310
2397
  }
2398
+
2399
+ .dark\:hover\:text-gray-300:hover {
2400
+ color: var(--color-gray-300);
2401
+ }
1311
2402
  }
1312
- }
1313
- .dark\:aria-invalid\:ring-destructive\/40 {
1314
- @media (prefers-color-scheme: dark) {
1315
- &[aria-invalid="true"] {
1316
- --tw-ring-color: color-mix(in srgb, hsl(var(--destructive)) 40%, transparent);
1317
- @supports (color: color-mix(in lab, red, red)) {
1318
- --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
1319
- }
2403
+
2404
+ .dark\:focus-visible\:ring-destructive\/40:focus-visible {
2405
+ --tw-ring-color: color-mix(in srgb, hsl(var(--destructive)) 40%, transparent);
2406
+ }
2407
+
2408
+ @supports (color: color-mix(in lab, red, red)) {
2409
+ .dark\:focus-visible\:ring-destructive\/40:focus-visible {
2410
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
1320
2411
  }
1321
2412
  }
1322
- }
1323
- .\[\&_svg\]\:pointer-events-none {
1324
- & svg {
1325
- pointer-events: none;
2413
+
2414
+ .dark\:aria-invalid\:ring-destructive\/40[aria-invalid="true"] {
2415
+ --tw-ring-color: color-mix(in srgb, hsl(var(--destructive)) 40%, transparent);
1326
2416
  }
1327
- }
1328
- .\[\&_svg\]\:shrink-0 {
1329
- & svg {
1330
- flex-shrink: 0;
2417
+
2418
+ @supports (color: color-mix(in lab, red, red)) {
2419
+ .dark\:aria-invalid\:ring-destructive\/40[aria-invalid="true"] {
2420
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
2421
+ }
1331
2422
  }
1332
2423
  }
1333
- .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
1334
- & svg:not([class*='size-']) {
1335
- width: calc(var(--spacing) * 4);
1336
- height: calc(var(--spacing) * 4);
1337
- }
2424
+
2425
+ .\[\&_button\:first-child\]\:rounded-bl-xl button:first-child {
2426
+ border-bottom-left-radius: var(--radius-xl);
1338
2427
  }
1339
- .\[\&\>svg\]\:pointer-events-none {
1340
- &>svg {
1341
- pointer-events: none;
1342
- }
2428
+
2429
+ .\[\&_svg\]\:pointer-events-none svg {
2430
+ pointer-events: none;
1343
2431
  }
1344
- .\[\&\>svg\]\:size-3 {
1345
- &>svg {
1346
- width: calc(var(--spacing) * 3);
1347
- height: calc(var(--spacing) * 3);
1348
- }
2432
+
2433
+ .\[\&_svg\]\:shrink-0 svg {
2434
+ flex-shrink: 0;
1349
2435
  }
1350
- .\[a\&\]\:hover\:bg-accent {
1351
- a& {
1352
- &:hover {
1353
- @media (hover: hover) {
1354
- background-color: var(--color-accent);
1355
- }
1356
- }
1357
- }
2436
+
2437
+ .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
2438
+ width: calc(var(--spacing) * 4);
2439
+ height: calc(var(--spacing) * 4);
1358
2440
  }
1359
- .\[a\&\]\:hover\:bg-destructive\/90 {
1360
- a& {
1361
- &:hover {
1362
- @media (hover: hover) {
1363
- background-color: color-mix(in srgb, hsl(var(--destructive)) 90%, transparent);
1364
- @supports (color: color-mix(in lab, red, red)) {
1365
- background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent);
1366
- }
1367
- }
1368
- }
1369
- }
2441
+
2442
+ .\[\&\>div\]\:max-w-\[80\%\] > div {
2443
+ max-width: 80%;
1370
2444
  }
1371
- .\[a\&\]\:hover\:bg-primary\/90 {
1372
- a& {
1373
- &:hover {
1374
- @media (hover: hover) {
1375
- background-color: color-mix(in srgb, hsl(var(--primary)) 90%, transparent);
1376
- @supports (color: color-mix(in lab, red, red)) {
1377
- background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);
1378
- }
1379
- }
2445
+
2446
+ .\[\&\>span\]\:line-clamp-1 > span {
2447
+ -webkit-line-clamp: 1;
2448
+ -webkit-box-orient: vertical;
2449
+ display: -webkit-box;
2450
+ overflow: hidden;
2451
+ }
2452
+
2453
+ .\[\&\>svg\]\:pointer-events-none > svg {
2454
+ pointer-events: none;
2455
+ }
2456
+
2457
+ .\[\&\>svg\]\:size-3 > svg {
2458
+ width: calc(var(--spacing) * 3);
2459
+ height: calc(var(--spacing) * 3);
2460
+ }
2461
+
2462
+ .\[\&\[aria-expanded\=\"true\"\]\]\:bg-accent[aria-expanded="true"] {
2463
+ background-color: var(--color-accent);
2464
+ }
2465
+
2466
+ .\[\&\[aria-expanded\=\"true\"\]\]\:text-foreground[aria-expanded="true"] {
2467
+ color: var(--color-foreground);
2468
+ }
2469
+
2470
+ @media (hover: hover) {
2471
+ a.\[a\&\]\:hover\:bg-accent:hover {
2472
+ background-color: var(--color-accent);
2473
+ }
2474
+
2475
+ a.\[a\&\]\:hover\:bg-destructive\/90:hover {
2476
+ background-color: color-mix(in srgb, hsl(var(--destructive)) 90%, transparent);
2477
+ }
2478
+
2479
+ @supports (color: color-mix(in lab, red, red)) {
2480
+ a.\[a\&\]\:hover\:bg-destructive\/90:hover {
2481
+ background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent);
1380
2482
  }
1381
2483
  }
1382
- }
1383
- .\[a\&\]\:hover\:bg-secondary\/90 {
1384
- a& {
1385
- &:hover {
1386
- @media (hover: hover) {
1387
- background-color: color-mix(in srgb, hsl(var(--secondary)) 90%, transparent);
1388
- @supports (color: color-mix(in lab, red, red)) {
1389
- background-color: color-mix(in oklab, var(--color-secondary) 90%, transparent);
1390
- }
1391
- }
2484
+
2485
+ a.\[a\&\]\:hover\:bg-primary\/90:hover {
2486
+ background-color: color-mix(in srgb, hsl(var(--primary)) 90%, transparent);
2487
+ }
2488
+
2489
+ @supports (color: color-mix(in lab, red, red)) {
2490
+ a.\[a\&\]\:hover\:bg-primary\/90:hover {
2491
+ background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);
1392
2492
  }
1393
2493
  }
1394
- }
1395
- .\[a\&\]\:hover\:text-accent-foreground {
1396
- a& {
1397
- &:hover {
1398
- @media (hover: hover) {
1399
- color: var(--color-accent-foreground);
1400
- }
2494
+
2495
+ a.\[a\&\]\:hover\:bg-secondary\/90:hover {
2496
+ background-color: color-mix(in srgb, hsl(var(--secondary)) 90%, transparent);
2497
+ }
2498
+
2499
+ @supports (color: color-mix(in lab, red, red)) {
2500
+ a.\[a\&\]\:hover\:bg-secondary\/90:hover {
2501
+ background-color: color-mix(in oklab, var(--color-secondary) 90%, transparent);
1401
2502
  }
1402
2503
  }
2504
+
2505
+ a.\[a\&\]\:hover\:text-accent-foreground:hover {
2506
+ color: var(--color-accent-foreground);
2507
+ }
1403
2508
  }
1404
2509
  }
1405
- :root {
1406
- --background: 0 0% 100%;
1407
- --foreground: 222.2 84% 4.9%;
1408
- --card: 0 0% 100%;
1409
- --card-foreground: 222.2 84% 4.9%;
1410
- --popover: 0 0% 100%;
1411
- --popover-foreground: 222.2 84% 4.9%;
1412
- --primary: 222.2 47.4% 11.2%;
1413
- --primary-foreground: 210 40% 98%;
1414
- --secondary: 210 40% 96.1%;
1415
- --secondary-foreground: 222.2 47.4% 11.2%;
1416
- --muted: 210 40% 96.1%;
1417
- --muted-foreground: 215.4 16.3% 46.9%;
1418
- --accent: 210 40% 96.1%;
1419
- --accent-foreground: 222.2 47.4% 11.2%;
1420
- --destructive: 0 84.2% 60.2%;
1421
- --destructive-foreground: 210 40% 98%;
1422
- --border: 214.3 31.8% 91.4%;
1423
- --input: 214.3 31.8% 91.4%;
1424
- --ring: 222.2 84% 4.9%;
1425
- --radius: 0.5rem;
1426
- }
1427
- .dark {
1428
- --background: 222.2 84% 4.9%;
1429
- --foreground: 210 40% 98%;
1430
- --card: 222.2 84% 4.9%;
1431
- --card-foreground: 210 40% 98%;
1432
- --popover: 222.2 84% 4.9%;
1433
- --popover-foreground: 210 40% 98%;
1434
- --primary: 210 40% 98%;
1435
- --primary-foreground: 222.2 47.4% 11.2%;
1436
- --secondary: 217.2 32.6% 17.5%;
1437
- --secondary-foreground: 210 40% 98%;
1438
- --muted: 217.2 32.6% 17.5%;
1439
- --muted-foreground: 215 20.2% 65.1%;
1440
- --accent: 217.2 32.6% 17.5%;
1441
- --accent-foreground: 210 40% 98%;
1442
- --destructive: 0 62.8% 30.6%;
1443
- --destructive-foreground: 210 40% 98%;
1444
- --border: 217.2 32.6% 17.5%;
1445
- --input: 217.2 32.6% 17.5%;
1446
- --ring: 212.7 26.8% 83.9%;
1447
- }
1448
- .toast-enter {
1449
- animation: slide-in 0.25s ease;
1450
- }
1451
- @keyframes slide-in {
1452
- from {
1453
- opacity: 0;
1454
- transform: translateY(-8px);
1455
- }
1456
- to {
1457
- opacity: 1;
1458
- transform: translateY(0);
1459
- }
1460
- }
2510
+
1461
2511
  @property --tw-translate-x {
1462
2512
  syntax: "*";
1463
2513
  inherits: false;
1464
2514
  initial-value: 0;
1465
2515
  }
2516
+
1466
2517
  @property --tw-translate-y {
1467
2518
  syntax: "*";
1468
2519
  inherits: false;
1469
2520
  initial-value: 0;
1470
2521
  }
2522
+
1471
2523
  @property --tw-translate-z {
1472
2524
  syntax: "*";
1473
2525
  inherits: false;
1474
2526
  initial-value: 0;
1475
2527
  }
2528
+
2529
+ @property --tw-scale-x {
2530
+ syntax: "*";
2531
+ inherits: false;
2532
+ initial-value: 1;
2533
+ }
2534
+
2535
+ @property --tw-scale-y {
2536
+ syntax: "*";
2537
+ inherits: false;
2538
+ initial-value: 1;
2539
+ }
2540
+
2541
+ @property --tw-scale-z {
2542
+ syntax: "*";
2543
+ inherits: false;
2544
+ initial-value: 1;
2545
+ }
2546
+
1476
2547
  @property --tw-space-y-reverse {
1477
2548
  syntax: "*";
1478
2549
  inherits: false;
1479
2550
  initial-value: 0;
1480
2551
  }
2552
+
2553
+ @property --tw-divide-y-reverse {
2554
+ syntax: "*";
2555
+ inherits: false;
2556
+ initial-value: 0;
2557
+ }
2558
+
1481
2559
  @property --tw-border-style {
1482
2560
  syntax: "*";
1483
2561
  inherits: false;
1484
2562
  initial-value: solid;
1485
2563
  }
1486
- @property --tw-leading {
2564
+
2565
+ @property --tw-gradient-position {
1487
2566
  syntax: "*";
2567
+ inherits: false
2568
+ }
2569
+
2570
+ @property --tw-gradient-from {
2571
+ syntax: "<color>";
1488
2572
  inherits: false;
2573
+ initial-value: #0000;
1489
2574
  }
1490
- @property --tw-font-weight {
2575
+
2576
+ @property --tw-gradient-via {
2577
+ syntax: "<color>";
2578
+ inherits: false;
2579
+ initial-value: #0000;
2580
+ }
2581
+
2582
+ @property --tw-gradient-to {
2583
+ syntax: "<color>";
2584
+ inherits: false;
2585
+ initial-value: #0000;
2586
+ }
2587
+
2588
+ @property --tw-gradient-stops {
1491
2589
  syntax: "*";
2590
+ inherits: false
2591
+ }
2592
+
2593
+ @property --tw-gradient-via-stops {
2594
+ syntax: "*";
2595
+ inherits: false
2596
+ }
2597
+
2598
+ @property --tw-gradient-from-position {
2599
+ syntax: "<length-percentage>";
2600
+ inherits: false;
2601
+ initial-value: 0%;
2602
+ }
2603
+
2604
+ @property --tw-gradient-via-position {
2605
+ syntax: "<length-percentage>";
2606
+ inherits: false;
2607
+ initial-value: 50%;
2608
+ }
2609
+
2610
+ @property --tw-gradient-to-position {
2611
+ syntax: "<length-percentage>";
1492
2612
  inherits: false;
2613
+ initial-value: 100%;
1493
2614
  }
2615
+
2616
+ @property --tw-leading {
2617
+ syntax: "*";
2618
+ inherits: false
2619
+ }
2620
+
2621
+ @property --tw-font-weight {
2622
+ syntax: "*";
2623
+ inherits: false
2624
+ }
2625
+
2626
+ @property --tw-tracking {
2627
+ syntax: "*";
2628
+ inherits: false
2629
+ }
2630
+
1494
2631
  @property --tw-shadow {
1495
2632
  syntax: "*";
1496
2633
  inherits: false;
1497
2634
  initial-value: 0 0 #0000;
1498
2635
  }
2636
+
1499
2637
  @property --tw-shadow-color {
1500
2638
  syntax: "*";
1501
- inherits: false;
2639
+ inherits: false
1502
2640
  }
2641
+
1503
2642
  @property --tw-shadow-alpha {
1504
2643
  syntax: "<percentage>";
1505
2644
  inherits: false;
1506
2645
  initial-value: 100%;
1507
2646
  }
2647
+
1508
2648
  @property --tw-inset-shadow {
1509
2649
  syntax: "*";
1510
2650
  inherits: false;
1511
2651
  initial-value: 0 0 #0000;
1512
2652
  }
2653
+
1513
2654
  @property --tw-inset-shadow-color {
1514
2655
  syntax: "*";
1515
- inherits: false;
2656
+ inherits: false
1516
2657
  }
2658
+
1517
2659
  @property --tw-inset-shadow-alpha {
1518
2660
  syntax: "<percentage>";
1519
2661
  inherits: false;
1520
2662
  initial-value: 100%;
1521
2663
  }
2664
+
1522
2665
  @property --tw-ring-color {
1523
2666
  syntax: "*";
1524
- inherits: false;
2667
+ inherits: false
1525
2668
  }
2669
+
1526
2670
  @property --tw-ring-shadow {
1527
2671
  syntax: "*";
1528
2672
  inherits: false;
1529
2673
  initial-value: 0 0 #0000;
1530
2674
  }
2675
+
1531
2676
  @property --tw-inset-ring-color {
1532
2677
  syntax: "*";
1533
- inherits: false;
2678
+ inherits: false
1534
2679
  }
2680
+
1535
2681
  @property --tw-inset-ring-shadow {
1536
2682
  syntax: "*";
1537
2683
  inherits: false;
1538
2684
  initial-value: 0 0 #0000;
1539
2685
  }
2686
+
1540
2687
  @property --tw-ring-inset {
1541
2688
  syntax: "*";
1542
- inherits: false;
2689
+ inherits: false
1543
2690
  }
2691
+
1544
2692
  @property --tw-ring-offset-width {
1545
2693
  syntax: "<length>";
1546
2694
  inherits: false;
1547
- initial-value: 0px;
2695
+ initial-value: 0;
1548
2696
  }
2697
+
1549
2698
  @property --tw-ring-offset-color {
1550
2699
  syntax: "*";
1551
2700
  inherits: false;
1552
2701
  initial-value: #fff;
1553
2702
  }
2703
+
1554
2704
  @property --tw-ring-offset-shadow {
1555
2705
  syntax: "*";
1556
2706
  inherits: false;
1557
2707
  initial-value: 0 0 #0000;
1558
2708
  }
2709
+
1559
2710
  @property --tw-outline-style {
1560
2711
  syntax: "*";
1561
2712
  inherits: false;
1562
2713
  initial-value: solid;
1563
2714
  }
1564
- @property --tw-duration {
2715
+
2716
+ @property --tw-backdrop-blur {
1565
2717
  syntax: "*";
1566
- inherits: false;
2718
+ inherits: false
1567
2719
  }
1568
- @property --tw-ease {
2720
+
2721
+ @property --tw-backdrop-brightness {
1569
2722
  syntax: "*";
1570
- inherits: false;
2723
+ inherits: false
1571
2724
  }
1572
- @property --tw-scale-x {
2725
+
2726
+ @property --tw-backdrop-contrast {
1573
2727
  syntax: "*";
1574
- inherits: false;
1575
- initial-value: 1;
2728
+ inherits: false
1576
2729
  }
1577
- @property --tw-scale-y {
2730
+
2731
+ @property --tw-backdrop-grayscale {
1578
2732
  syntax: "*";
1579
- inherits: false;
1580
- initial-value: 1;
2733
+ inherits: false
1581
2734
  }
1582
- @property --tw-scale-z {
2735
+
2736
+ @property --tw-backdrop-hue-rotate {
1583
2737
  syntax: "*";
1584
- inherits: false;
1585
- initial-value: 1;
2738
+ inherits: false
2739
+ }
2740
+
2741
+ @property --tw-backdrop-invert {
2742
+ syntax: "*";
2743
+ inherits: false
2744
+ }
2745
+
2746
+ @property --tw-backdrop-opacity {
2747
+ syntax: "*";
2748
+ inherits: false
2749
+ }
2750
+
2751
+ @property --tw-backdrop-saturate {
2752
+ syntax: "*";
2753
+ inherits: false
2754
+ }
2755
+
2756
+ @property --tw-backdrop-sepia {
2757
+ syntax: "*";
2758
+ inherits: false
2759
+ }
2760
+
2761
+ @property --tw-duration {
2762
+ syntax: "*";
2763
+ inherits: false
2764
+ }
2765
+
2766
+ @property --tw-ease {
2767
+ syntax: "*";
2768
+ inherits: false
1586
2769
  }
2770
+
1587
2771
  @keyframes spin {
1588
2772
  to {
1589
2773
  transform: rotate(360deg);
1590
2774
  }
1591
2775
  }
1592
- @keyframes pulse {
1593
- 50% {
1594
- opacity: 0.5;
2776
+
2777
+ @keyframes ping {
2778
+ 75%, 100% {
2779
+ opacity: 0;
2780
+ transform: scale(2);
1595
2781
  }
1596
2782
  }
1597
- @layer properties {
1598
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1599
- *, ::before, ::after, ::backdrop {
1600
- --tw-translate-x: 0;
1601
- --tw-translate-y: 0;
1602
- --tw-translate-z: 0;
1603
- --tw-space-y-reverse: 0;
1604
- --tw-border-style: solid;
1605
- --tw-leading: initial;
1606
- --tw-font-weight: initial;
1607
- --tw-shadow: 0 0 #0000;
1608
- --tw-shadow-color: initial;
1609
- --tw-shadow-alpha: 100%;
1610
- --tw-inset-shadow: 0 0 #0000;
1611
- --tw-inset-shadow-color: initial;
1612
- --tw-inset-shadow-alpha: 100%;
1613
- --tw-ring-color: initial;
1614
- --tw-ring-shadow: 0 0 #0000;
1615
- --tw-inset-ring-color: initial;
1616
- --tw-inset-ring-shadow: 0 0 #0000;
1617
- --tw-ring-inset: initial;
1618
- --tw-ring-offset-width: 0px;
1619
- --tw-ring-offset-color: #fff;
1620
- --tw-ring-offset-shadow: 0 0 #0000;
1621
- --tw-outline-style: solid;
1622
- --tw-duration: initial;
1623
- --tw-ease: initial;
1624
- --tw-scale-x: 1;
1625
- --tw-scale-y: 1;
1626
- --tw-scale-z: 1;
1627
- }
2783
+
2784
+ @keyframes pulse {
2785
+ 50% {
2786
+ opacity: .5;
1628
2787
  }
1629
- }
2788
+ }