@motiadev/plugin-observability 0.13.2-beta.164-110989 → 0.14.0-beta.164

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 (77) hide show
  1. package/dist/api.d.ts +3 -0
  2. package/dist/api.d.ts.map +1 -0
  3. package/dist/components/events/code/argument.d.ts +7 -0
  4. package/dist/components/events/code/argument.d.ts.map +1 -0
  5. package/dist/components/events/code/closing-parenthesis.d.ts +7 -0
  6. package/dist/components/events/code/closing-parenthesis.d.ts.map +1 -0
  7. package/dist/components/events/code/function-call-content.d.ts +9 -0
  8. package/dist/components/events/code/function-call-content.d.ts.map +1 -0
  9. package/dist/components/events/code/function-call.d.ts +10 -0
  10. package/dist/components/events/code/function-call.d.ts.map +1 -0
  11. package/dist/components/events/code/utils.d.ts +2 -0
  12. package/dist/components/events/code/utils.d.ts.map +1 -0
  13. package/dist/components/events/event-icon.d.ts +8 -0
  14. package/dist/components/events/event-icon.d.ts.map +1 -0
  15. package/dist/components/events/trace-emit-event.d.ts +6 -0
  16. package/dist/components/events/trace-emit-event.d.ts.map +1 -0
  17. package/dist/components/events/trace-event.d.ts +6 -0
  18. package/dist/components/events/trace-event.d.ts.map +1 -0
  19. package/dist/components/events/trace-log-event.d.ts +6 -0
  20. package/dist/components/events/trace-log-event.d.ts.map +1 -0
  21. package/dist/components/events/trace-state-event.d.ts +6 -0
  22. package/dist/components/events/trace-state-event.d.ts.map +1 -0
  23. package/dist/components/events/trace-stream-event.d.ts +6 -0
  24. package/dist/components/events/trace-stream-event.d.ts.map +1 -0
  25. package/dist/components/hooks/use-get-endtime.d.ts +3 -0
  26. package/dist/components/hooks/use-get-endtime.d.ts.map +1 -0
  27. package/dist/components/observability-page.d.ts +2 -0
  28. package/dist/components/observability-page.d.ts.map +1 -0
  29. package/dist/components/observability-tab-label.d.ts +2 -0
  30. package/dist/components/observability-tab-label.d.ts.map +1 -0
  31. package/dist/components/search-bar.d.ts +2 -0
  32. package/dist/components/search-bar.d.ts.map +1 -0
  33. package/dist/components/trace-empty-state.d.ts +2 -0
  34. package/dist/components/trace-empty-state.d.ts.map +1 -0
  35. package/dist/components/trace-group-item.d.ts +14 -0
  36. package/dist/components/trace-group-item.d.ts.map +1 -0
  37. package/dist/components/trace-item/trace-event-item.d.ts +9 -0
  38. package/dist/components/trace-item/trace-event-item.d.ts.map +1 -0
  39. package/dist/components/trace-item/trace-item-detail.d.ts +9 -0
  40. package/dist/components/trace-item/trace-item-detail.d.ts.map +1 -0
  41. package/dist/components/trace-item/trace-item.d.ts +14 -0
  42. package/dist/components/trace-item/trace-item.d.ts.map +1 -0
  43. package/dist/components/trace-status.d.ts +9 -0
  44. package/dist/components/trace-status.d.ts.map +1 -0
  45. package/dist/components/trace-timeline.d.ts +3 -0
  46. package/dist/components/trace-timeline.d.ts.map +1 -0
  47. package/dist/components/traces-groups.d.ts +3 -0
  48. package/dist/components/traces-groups.d.ts.map +1 -0
  49. package/dist/components/ui/copy-button.d.ts +8 -0
  50. package/dist/components/ui/copy-button.d.ts.map +1 -0
  51. package/dist/components/ui/popover.d.ts +7 -0
  52. package/dist/components/ui/popover.d.ts.map +1 -0
  53. package/dist/hooks/use-filtered-trace-groups.d.ts +3 -0
  54. package/dist/hooks/use-filtered-trace-groups.d.ts.map +1 -0
  55. package/dist/hooks/use-get-endtime.d.ts +3 -0
  56. package/dist/hooks/use-get-endtime.d.ts.map +1 -0
  57. package/dist/index.cjs +142 -0
  58. package/dist/index.d.ts +3 -89
  59. package/dist/index.d.ts.map +1 -1
  60. package/dist/index.js +5061 -1896
  61. package/dist/lib/utils.d.ts +2 -0
  62. package/dist/lib/utils.d.ts.map +1 -0
  63. package/dist/plugin-observability.css +1 -0
  64. package/dist/plugin.cjs +1 -0
  65. package/dist/plugin.d.ts +2 -6
  66. package/dist/plugin.d.ts.map +1 -1
  67. package/dist/plugin.js +36 -36
  68. package/dist/stores/use-observability-store.d.ts +11 -0
  69. package/dist/stores/use-observability-store.d.ts.map +1 -0
  70. package/dist/types/observability.d.ts +79 -0
  71. package/dist/types/observability.d.ts.map +1 -0
  72. package/package.json +29 -23
  73. package/dist/index.css.css +0 -1377
  74. package/dist/index.css.css.map +0 -1
  75. package/dist/index.css.js +0 -0
  76. package/dist/index.js.map +0 -1
  77. package/dist/plugin.js.map +0 -1
@@ -1,1377 +0,0 @@
1
- /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
2
- @layer properties;
3
- @layer theme, base, components, utilities;
4
- @layer theme {
5
- :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-400: oklch(70.4% 0.191 22.216);
11
- --color-red-800: oklch(44.4% 0.177 26.899);
12
- --color-green-500: oklch(72.3% 0.219 149.579);
13
- --color-emerald-500: oklch(69.6% 0.17 162.48);
14
- --color-blue-100: oklch(93.2% 0.032 255.585);
15
- --color-blue-500: oklch(62.3% 0.214 259.815);
16
- --color-blue-600: oklch(54.6% 0.245 262.881);
17
- --color-pink-500: oklch(65.6% 0.241 354.308);
18
- --color-gray-400: oklch(70.7% 0.022 261.325);
19
- --color-gray-500: oklch(55.1% 0.027 264.364);
20
- --spacing: 0.25rem;
21
- --container-2xl: 42rem;
22
- --text-xs: 0.75rem;
23
- --text-xs--line-height: calc(1 / 0.75);
24
- --text-sm: 0.875rem;
25
- --text-sm--line-height: calc(1.25 / 0.875);
26
- --text-lg: 1.125rem;
27
- --text-lg--line-height: calc(1.75 / 1.125);
28
- --font-weight-medium: 500;
29
- --font-weight-semibold: 600;
30
- --font-weight-bold: 700;
31
- --radius-sm: 0.25rem;
32
- --radius-md: 0.375rem;
33
- --blur-xs: 4px;
34
- --blur-md: 12px;
35
- --default-transition-duration: 150ms;
36
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
37
- --default-font-family: var(--font-sans);
38
- --default-mono-font-family: var(--font-mono);
39
- --font-weight-500: var(--font-weight-500);
40
- --font-weight-600: var(--font-weight-600);
41
- --font-weight-700: var(--font-weight-700);
42
- }
43
- }
44
- @layer base {
45
- *, ::after, ::before, ::backdrop, ::file-selector-button {
46
- box-sizing: border-box;
47
- margin: 0;
48
- padding: 0;
49
- border: 0 solid;
50
- }
51
- html, :host {
52
- line-height: 1.5;
53
- -webkit-text-size-adjust: 100%;
54
- tab-size: 4;
55
- 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");
56
- font-feature-settings: var(--default-font-feature-settings, normal);
57
- font-variation-settings: var(--default-font-variation-settings, normal);
58
- -webkit-tap-highlight-color: transparent;
59
- }
60
- hr {
61
- height: 0;
62
- color: inherit;
63
- border-top-width: 1px;
64
- }
65
- abbr:where([title]) {
66
- -webkit-text-decoration: underline dotted;
67
- text-decoration: underline dotted;
68
- }
69
- h1, h2, h3, h4, h5, h6 {
70
- font-size: inherit;
71
- font-weight: inherit;
72
- }
73
- a {
74
- color: inherit;
75
- -webkit-text-decoration: inherit;
76
- text-decoration: inherit;
77
- }
78
- b, strong {
79
- font-weight: bolder;
80
- }
81
- code, kbd, samp, pre {
82
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
83
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
84
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
85
- font-size: 1em;
86
- }
87
- small {
88
- font-size: 80%;
89
- }
90
- sub, sup {
91
- font-size: 75%;
92
- line-height: 0;
93
- position: relative;
94
- vertical-align: baseline;
95
- }
96
- sub {
97
- bottom: -0.25em;
98
- }
99
- sup {
100
- top: -0.5em;
101
- }
102
- table {
103
- text-indent: 0;
104
- border-color: inherit;
105
- border-collapse: collapse;
106
- }
107
- :-moz-focusring {
108
- outline: auto;
109
- }
110
- progress {
111
- vertical-align: baseline;
112
- }
113
- summary {
114
- display: list-item;
115
- }
116
- ol, ul, menu {
117
- list-style: none;
118
- }
119
- img, svg, video, canvas, audio, iframe, embed, object {
120
- display: block;
121
- vertical-align: middle;
122
- }
123
- img, video {
124
- max-width: 100%;
125
- height: auto;
126
- }
127
- button, input, select, optgroup, textarea, ::file-selector-button {
128
- font: inherit;
129
- font-feature-settings: inherit;
130
- font-variation-settings: inherit;
131
- letter-spacing: inherit;
132
- color: inherit;
133
- border-radius: 0;
134
- background-color: transparent;
135
- opacity: 1;
136
- }
137
- :where(select:is([multiple], [size])) optgroup {
138
- font-weight: bolder;
139
- }
140
- :where(select:is([multiple], [size])) optgroup option {
141
- padding-inline-start: 20px;
142
- }
143
- ::file-selector-button {
144
- margin-inline-end: 4px;
145
- }
146
- ::placeholder {
147
- opacity: 1;
148
- }
149
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
150
- ::placeholder {
151
- color: currentcolor;
152
- @supports (color: color-mix(in lab, red, red)) {
153
- color: color-mix(in oklab, currentcolor 50%, transparent);
154
- }
155
- }
156
- }
157
- textarea {
158
- resize: vertical;
159
- }
160
- ::-webkit-search-decoration {
161
- -webkit-appearance: none;
162
- }
163
- ::-webkit-date-and-time-value {
164
- min-height: 1lh;
165
- text-align: inherit;
166
- }
167
- ::-webkit-datetime-edit {
168
- display: inline-flex;
169
- }
170
- ::-webkit-datetime-edit-fields-wrapper {
171
- padding: 0;
172
- }
173
- ::-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 {
174
- padding-block: 0;
175
- }
176
- ::-webkit-calendar-picker-indicator {
177
- line-height: 1;
178
- }
179
- :-moz-ui-invalid {
180
- box-shadow: none;
181
- }
182
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
183
- appearance: button;
184
- }
185
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
186
- height: auto;
187
- }
188
- [hidden]:where(:not([hidden="until-found"])) {
189
- display: none !important;
190
- }
191
- }
192
- @layer utilities {
193
- .invisible {
194
- visibility: hidden;
195
- }
196
- .visible {
197
- visibility: visible;
198
- }
199
- .absolute {
200
- position: absolute;
201
- }
202
- .relative {
203
- position: relative;
204
- }
205
- .sticky {
206
- position: sticky;
207
- }
208
- .top-0 {
209
- top: calc(var(--spacing) * 0);
210
- }
211
- .top-1\/2 {
212
- top: calc(1/2 * 100%);
213
- }
214
- .top-4 {
215
- top: calc(var(--spacing) * 4);
216
- }
217
- .right-3 {
218
- right: calc(var(--spacing) * 3);
219
- }
220
- .right-4 {
221
- right: calc(var(--spacing) * 4);
222
- }
223
- .left-0 {
224
- left: calc(var(--spacing) * 0);
225
- }
226
- .left-3 {
227
- left: calc(var(--spacing) * 3);
228
- }
229
- .z-9 {
230
- z-index: 9;
231
- }
232
- .z-10 {
233
- z-index: 10;
234
- }
235
- .z-50 {
236
- z-index: 50;
237
- }
238
- .mb-4 {
239
- margin-bottom: calc(var(--spacing) * 4);
240
- }
241
- .-ml-\[26px\] {
242
- margin-left: calc(26px * -1);
243
- }
244
- .ml-2 {
245
- margin-left: calc(var(--spacing) * 2);
246
- }
247
- .flex {
248
- display: flex;
249
- }
250
- .grid {
251
- display: grid;
252
- }
253
- .inline-block {
254
- display: inline-block;
255
- }
256
- .h-1 {
257
- height: calc(var(--spacing) * 1);
258
- }
259
- .h-4 {
260
- height: calc(var(--spacing) * 4);
261
- }
262
- .h-\[24px\] {
263
- height: 24px;
264
- }
265
- .h-\[32px\] {
266
- height: 32px;
267
- }
268
- .h-\[34px\] {
269
- height: 34px;
270
- }
271
- .h-\[37px\] {
272
- height: 37px;
273
- }
274
- .h-full {
275
- height: 100%;
276
- }
277
- .max-h-\[32px\] {
278
- max-height: 32px;
279
- }
280
- .max-h-\[50vh\] {
281
- max-height: 50vh;
282
- }
283
- .min-h-full {
284
- min-height: 100%;
285
- }
286
- .w-1 {
287
- width: calc(var(--spacing) * 1);
288
- }
289
- .w-4 {
290
- width: calc(var(--spacing) * 4);
291
- }
292
- .w-72 {
293
- width: calc(var(--spacing) * 72);
294
- }
295
- .w-\[200px\] {
296
- width: 200px;
297
- }
298
- .w-\[300px\] {
299
- width: 300px;
300
- }
301
- .w-auto {
302
- width: auto;
303
- }
304
- .w-full {
305
- width: 100%;
306
- }
307
- .max-w-2xl {
308
- max-width: var(--container-2xl);
309
- }
310
- .max-w-\[200px\] {
311
- max-width: 200px;
312
- }
313
- .min-w-0 {
314
- min-width: calc(var(--spacing) * 0);
315
- }
316
- .min-w-12 {
317
- min-width: calc(var(--spacing) * 12);
318
- }
319
- .min-w-\[200px\] {
320
- min-width: 200px;
321
- }
322
- .min-w-\[1000px\] {
323
- min-width: 1000px;
324
- }
325
- .flex-1 {
326
- flex: 1;
327
- }
328
- .shrink-0 {
329
- flex-shrink: 0;
330
- }
331
- .origin-\(--radix-popover-content-transform-origin\) {
332
- transform-origin: var(--radix-popover-content-transform-origin);
333
- }
334
- .-translate-y-1\/2 {
335
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
336
- translate: var(--tw-translate-x) var(--tw-translate-y);
337
- }
338
- .cursor-pointer {
339
- cursor: pointer;
340
- }
341
- .grid-cols-\[300px_1fr\] {
342
- grid-template-columns: 300px 1fr;
343
- }
344
- .grid-cols-\[auto_1fr\] {
345
- grid-template-columns: auto 1fr;
346
- }
347
- .grid-cols-\[auto_auto_auto_1fr\] {
348
- grid-template-columns: auto auto auto 1fr;
349
- }
350
- .grid-rows-\[auto_1fr\] {
351
- grid-template-rows: auto 1fr;
352
- }
353
- .flex-col {
354
- flex-direction: column;
355
- }
356
- .flex-row {
357
- flex-direction: row;
358
- }
359
- .place-items-center {
360
- place-items: center;
361
- }
362
- .place-items-start {
363
- place-items: start;
364
- }
365
- .items-center {
366
- align-items: center;
367
- }
368
- .justify-between {
369
- justify-content: space-between;
370
- }
371
- .justify-center {
372
- justify-content: center;
373
- }
374
- .gap-1 {
375
- gap: calc(var(--spacing) * 1);
376
- }
377
- .gap-2 {
378
- gap: calc(var(--spacing) * 2);
379
- }
380
- .gap-4 {
381
- gap: calc(var(--spacing) * 4);
382
- }
383
- .space-y-1 {
384
- :where(& > :not(:last-child)) {
385
- --tw-space-y-reverse: 0;
386
- margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
387
- margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
388
- }
389
- }
390
- .gap-x-2 {
391
- column-gap: calc(var(--spacing) * 2);
392
- }
393
- .gap-y-3 {
394
- row-gap: calc(var(--spacing) * 3);
395
- }
396
- .truncate {
397
- overflow: hidden;
398
- text-overflow: ellipsis;
399
- white-space: nowrap;
400
- }
401
- .overflow-auto {
402
- overflow: auto;
403
- }
404
- .overflow-hidden {
405
- overflow: hidden;
406
- }
407
- .overflow-y-auto {
408
- overflow-y: auto;
409
- }
410
- .rounded-\[4px\] {
411
- border-radius: 4px;
412
- }
413
- .rounded-full {
414
- border-radius: calc(infinity * 1px);
415
- }
416
- .rounded-md {
417
- border-radius: var(--radius-md);
418
- }
419
- .rounded-sm {
420
- border-radius: var(--radius-sm);
421
- }
422
- .border {
423
- border-style: var(--tw-border-style);
424
- border-width: 1px;
425
- }
426
- .border-r {
427
- border-right-style: var(--tw-border-style);
428
- border-right-width: 1px;
429
- }
430
- .border-b {
431
- border-bottom-style: var(--tw-border-style);
432
- border-bottom-width: 1px;
433
- }
434
- .border-l-1 {
435
- border-left-style: var(--tw-border-style);
436
- border-left-width: 1px;
437
- }
438
- .border-border {
439
- border-color: var(--border);
440
- }
441
- .border-gray-500\/40 {
442
- border-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 40%, transparent);
443
- @supports (color: color-mix(in lab, red, red)) {
444
- border-color: color-mix(in oklab, var(--color-gray-500) 40%, transparent);
445
- }
446
- }
447
- .bg-background {
448
- background-color: var(--background);
449
- }
450
- .bg-blue-500 {
451
- background-color: var(--color-blue-500);
452
- }
453
- .bg-card {
454
- background-color: var(--card);
455
- }
456
- .bg-emerald-500 {
457
- background-color: var(--color-emerald-500);
458
- }
459
- .bg-muted-foreground\/10 {
460
- background-color: var(--muted-foreground);
461
- @supports (color: color-mix(in lab, red, red)) {
462
- background-color: color-mix(in oklab, var(--muted-foreground) 10%, transparent);
463
- }
464
- }
465
- .bg-popover {
466
- background-color: var(--popover);
467
- }
468
- .bg-red-800\/10 {
469
- background-color: color-mix(in srgb, oklch(44.4% 0.177 26.899) 10%, transparent);
470
- @supports (color: color-mix(in lab, red, red)) {
471
- background-color: color-mix(in oklab, var(--color-red-800) 10%, transparent);
472
- }
473
- }
474
- .bg-\[repeating-linear-gradient\(140deg\,\#2862FE\,\#2862FE_8px\,\#2358E5_8px\,\#2358E5_16px\)\] {
475
- background-image: repeating-linear-gradient(140deg,#2862FE,#2862FE 8px,#2358E5 8px,#2358E5 16px);
476
- }
477
- .bg-\[repeating-linear-gradient\(140deg\,\#BEFE29\,\#BEFE29_8px\,\#ABE625_8px\,\#ABE625_16px\)\] {
478
- background-image: repeating-linear-gradient(140deg,#BEFE29,#BEFE29 8px,#ABE625 8px,#ABE625 16px);
479
- }
480
- .bg-\[repeating-linear-gradient\(140deg\,\#EA2069\,\#EA2069_8px\,\#D41E60_8px\,\#D41E60_16px\)\] {
481
- background-image: repeating-linear-gradient(140deg,#EA2069,#EA2069 8px,#D41E60 8px,#D41E60 16px);
482
- }
483
- .p-2 {
484
- padding: calc(var(--spacing) * 2);
485
- }
486
- .p-3 {
487
- padding: calc(var(--spacing) * 3);
488
- }
489
- .p-4 {
490
- padding: calc(var(--spacing) * 4);
491
- }
492
- .px-2 {
493
- padding-inline: calc(var(--spacing) * 2);
494
- }
495
- .px-9\! {
496
- padding-inline: calc(var(--spacing) * 9) !important;
497
- }
498
- .px-\[4px\] {
499
- padding-inline: 4px;
500
- }
501
- .py-4 {
502
- padding-block: calc(var(--spacing) * 4);
503
- }
504
- .py-\[2px\] {
505
- padding-block: 2px;
506
- }
507
- .pl-4 {
508
- padding-left: calc(var(--spacing) * 4);
509
- }
510
- .pl-6 {
511
- padding-left: calc(var(--spacing) * 6);
512
- }
513
- .text-center {
514
- text-align: center;
515
- }
516
- .text-left {
517
- text-align: left;
518
- }
519
- .font-mono {
520
- font-family: var(--font-mono);
521
- }
522
- .text-lg {
523
- font-size: var(--text-lg);
524
- line-height: var(--tw-leading, var(--text-lg--line-height));
525
- }
526
- .text-sm {
527
- font-size: var(--text-sm);
528
- line-height: var(--tw-leading, var(--text-sm--line-height));
529
- }
530
- .text-xs {
531
- font-size: var(--text-xs);
532
- line-height: var(--tw-leading, var(--text-xs--line-height));
533
- }
534
- .font-bold {
535
- --tw-font-weight: var(--font-weight-bold);
536
- font-weight: var(--font-weight-bold);
537
- }
538
- .font-medium {
539
- --tw-font-weight: var(--font-weight-medium);
540
- font-weight: var(--font-weight-medium);
541
- }
542
- .font-semibold {
543
- --tw-font-weight: var(--font-weight-semibold);
544
- font-weight: var(--font-weight-semibold);
545
- }
546
- .tracking-\[1px\] {
547
- --tw-tracking: 1px;
548
- letter-spacing: 1px;
549
- }
550
- .text-blue-100 {
551
- color: var(--color-blue-100);
552
- }
553
- .text-blue-500 {
554
- color: var(--color-blue-500);
555
- }
556
- .text-blue-600 {
557
- color: var(--color-blue-600);
558
- }
559
- .text-emerald-500 {
560
- color: var(--color-emerald-500);
561
- }
562
- .text-foreground {
563
- color: var(--foreground);
564
- }
565
- .text-gray-400 {
566
- color: var(--color-gray-400);
567
- }
568
- .text-green-500 {
569
- color: var(--color-green-500);
570
- }
571
- .text-muted-foreground {
572
- color: var(--muted-foreground);
573
- }
574
- .text-muted-foreground\/50 {
575
- color: var(--muted-foreground);
576
- @supports (color: color-mix(in lab, red, red)) {
577
- color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
578
- }
579
- }
580
- .text-pink-500 {
581
- color: var(--color-pink-500);
582
- }
583
- .text-popover-foreground {
584
- color: var(--popover-foreground);
585
- }
586
- .text-red-800 {
587
- color: var(--color-red-800);
588
- }
589
- .shadow-md {
590
- --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
591
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
592
- }
593
- .outline-hidden {
594
- --tw-outline-style: none;
595
- outline-style: none;
596
- @media (forced-colors: active) {
597
- outline: 2px solid transparent;
598
- outline-offset: 2px;
599
- }
600
- }
601
- .outline {
602
- outline-style: var(--tw-outline-style);
603
- outline-width: 1px;
604
- }
605
- .outline-2 {
606
- outline-style: var(--tw-outline-style);
607
- outline-width: 2px;
608
- }
609
- .outline-emerald-500\/50 {
610
- outline-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 50%, transparent);
611
- @supports (color: color-mix(in lab, red, red)) {
612
- outline-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent);
613
- }
614
- }
615
- .backdrop-blur-md {
616
- --tw-backdrop-blur: blur(var(--blur-md));
617
- -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,);
618
- 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,);
619
- }
620
- .backdrop-blur-xs {
621
- --tw-backdrop-blur: blur(var(--blur-xs));
622
- -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,);
623
- 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,);
624
- }
625
- .backdrop-filter {
626
- -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,);
627
- 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,);
628
- }
629
- .transition-all {
630
- transition-property: all;
631
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
632
- transition-duration: var(--tw-duration, var(--default-transition-duration));
633
- }
634
- .transition-colors {
635
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
636
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
637
- transition-duration: var(--tw-duration, var(--default-transition-duration));
638
- }
639
- .duration-200 {
640
- --tw-duration: 200ms;
641
- transition-duration: 200ms;
642
- }
643
- .select-none {
644
- -webkit-user-select: none;
645
- user-select: none;
646
- }
647
- .running {
648
- animation-play-state: running;
649
- }
650
- .hover\:bg-muted-foreground\/10 {
651
- &:hover {
652
- @media (hover: hover) {
653
- background-color: var(--muted-foreground);
654
- @supports (color: color-mix(in lab, red, red)) {
655
- background-color: color-mix(in oklab, var(--muted-foreground) 10%, transparent);
656
- }
657
- }
658
- }
659
- }
660
- .hover\:bg-muted\/50 {
661
- &:hover {
662
- @media (hover: hover) {
663
- background-color: var(--muted);
664
- @supports (color: color-mix(in lab, red, red)) {
665
- background-color: color-mix(in oklab, var(--muted) 50%, transparent);
666
- }
667
- }
668
- }
669
- }
670
- .hover\:bg-muted\/70 {
671
- &:hover {
672
- @media (hover: hover) {
673
- background-color: var(--muted);
674
- @supports (color: color-mix(in lab, red, red)) {
675
- background-color: color-mix(in oklab, var(--muted) 70%, transparent);
676
- }
677
- }
678
- }
679
- }
680
- .hover\:text-muted-foreground {
681
- &:hover {
682
- @media (hover: hover) {
683
- color: var(--muted-foreground);
684
- }
685
- }
686
- }
687
- .hover\:opacity-80 {
688
- &:hover {
689
- @media (hover: hover) {
690
- opacity: 80%;
691
- }
692
- }
693
- }
694
- .data-\[side\=bottom\]\:slide-in-from-top-2 {
695
- &[data-side="bottom"] {
696
- --tw-enter-translate-y: calc(2*var(--spacing)*-1);
697
- }
698
- }
699
- .data-\[side\=left\]\:slide-in-from-right-2 {
700
- &[data-side="left"] {
701
- --tw-enter-translate-x: calc(2*var(--spacing));
702
- }
703
- }
704
- .data-\[side\=right\]\:slide-in-from-left-2 {
705
- &[data-side="right"] {
706
- --tw-enter-translate-x: calc(2*var(--spacing)*-1);
707
- }
708
- }
709
- .data-\[side\=top\]\:slide-in-from-bottom-2 {
710
- &[data-side="top"] {
711
- --tw-enter-translate-y: calc(2*var(--spacing));
712
- }
713
- }
714
- .data-\[state\=closed\]\:animate-out {
715
- &[data-state="closed"] {
716
- animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
717
- }
718
- }
719
- .data-\[state\=closed\]\:fade-out-0 {
720
- &[data-state="closed"] {
721
- --tw-exit-opacity: calc(0/100);
722
- --tw-exit-opacity: 0;
723
- }
724
- }
725
- .data-\[state\=closed\]\:zoom-out-95 {
726
- &[data-state="closed"] {
727
- --tw-exit-scale: calc(95*1%);
728
- --tw-exit-scale: .95;
729
- }
730
- }
731
- .data-\[state\=open\]\:animate-in {
732
- &[data-state="open"] {
733
- animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
734
- }
735
- }
736
- .data-\[state\=open\]\:fade-in-0 {
737
- &[data-state="open"] {
738
- --tw-enter-opacity: calc(0/100);
739
- --tw-enter-opacity: 0;
740
- }
741
- }
742
- .data-\[state\=open\]\:zoom-in-95 {
743
- &[data-state="open"] {
744
- --tw-enter-scale: calc(95*1%);
745
- --tw-enter-scale: .95;
746
- }
747
- }
748
- .dark\:text-red-400 {
749
- &:is(.dark *) {
750
- color: var(--color-red-400);
751
- }
752
- }
753
- }
754
- :root {
755
- --default-font-family: "DM Sans", ui-sans-serif, sans-serif;
756
- --font-dm-mono: "DM Mono", ui-monospace, monospace;
757
- line-height: 1.5;
758
- font-size: 16px;
759
- color-scheme: light dark;
760
- 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" ), serif;
761
- font-synthesis: none;
762
- text-rendering: optimizeLegibility;
763
- -webkit-font-smoothing: antialiased;
764
- -moz-osx-font-smoothing: grayscale;
765
- width: 100%;
766
- font-optical-sizing: auto;
767
- --font-weight-500: 500;
768
- --font-weight-600: 600;
769
- --font-weight-700: 700;
770
- --accent-1000: #2862fe;
771
- --accent-970: #2862fef7;
772
- --accent-950: #2862fef2;
773
- --accent-900: #2862fee5;
774
- --accent-800: #2862fecc;
775
- --accent-700: #2862feb2;
776
- --accent-600: #2862fe99;
777
- --accent-500: #2862fe80;
778
- --accent-400: #2862fe66;
779
- --accent-300: #2862fe4d;
780
- --accent-200: #2862fe33;
781
- --accent-100: #2862fe1a;
782
- --accent-50: #2862fe0d;
783
- --accent-30: #2862fe08;
784
- --dark-1000: #0a0a0a;
785
- --dark-970: #0a0a0af7;
786
- --dark-950: #0a0a0af2;
787
- --dark-900: #0a0a0ae5;
788
- --dark-800: #0a0a0acc;
789
- --dark-700: #0a0a0ab2;
790
- --dark-600: #0a0a0a99;
791
- --dark-500: #0a0a0a80;
792
- --dark-400: #0a0a0a66;
793
- --dark-300: #0a0a0a4d;
794
- --dark-200: #0a0a0a33;
795
- --dark-100: #0a0a0a1a;
796
- --dark-50: #0a0a0a0d;
797
- --dark-30: #0a0a0a08;
798
- --light-1000: #ffffff;
799
- --light-970: #fffffff7;
800
- --light-950: #fffffff2;
801
- --light-900: #ffffffe5;
802
- --light-800: #ffffffcc;
803
- --light-700: #ffffffb2;
804
- --light-600: #ffffff99;
805
- --light-500: #ffffff80;
806
- --light-400: #ffffff66;
807
- --light-300: #ffffff4d;
808
- --light-200: #ffffff33;
809
- --light-100: #ffffff1a;
810
- --light-50: #ffffff0d;
811
- --light-30: #ffffff08;
812
- --error: #d61355;
813
- --canvas-background: #ebebeb;
814
- --background: var(--light-1000);
815
- --foreground: var(--dark-1000);
816
- --surface-content: var(--dark-30);
817
- --surface-component: var(--dark-50);
818
- --surface-light-100: var(--dark-100);
819
- --surface-light-200: var(--dark-200);
820
- --border: var(--dark-100);
821
- --border-accent: var(--accent-1000);
822
- --states-hover: var(--dark-30);
823
- --states-selected: var(--dark-100);
824
- --states-active: var(--accent-1000);
825
- --text-header: var(--dark-1000);
826
- --text-body: var(--dark-600);
827
- --text-placeholder: var(--dark-400);
828
- --text-accent: var(--accent-1000);
829
- --text-error: var(--error);
830
- --icon-active: var(--dark-1000);
831
- --icon-light: var(--dark-600);
832
- --icon-component: var(--dark-400);
833
- --icon-accent: var(--accent-1000);
834
- --primary: var(--accent-1000);
835
- --primary-foreground: var(--light-1000);
836
- --secondary: var(--surface-component);
837
- --secondary-foreground: var(--text-body);
838
- --muted: var(--surface-light-100);
839
- --muted-foreground: var(--text-body);
840
- --accent: var(--accent-1000);
841
- --accent-foreground: var(--light-1000);
842
- --destructive: var(--error);
843
- --destructive-foreground: var(--light-1000);
844
- --card: var(--surface-content);
845
- --card-foreground: var(--foreground);
846
- --popover: var(--surface-content);
847
- --popover-foreground: var(--foreground);
848
- --input: var(--states-hover);
849
- --ring: var(--border-accent);
850
- --chart-1: var(--accent-1000);
851
- --chart-2: var(--accent-800);
852
- --chart-3: var(--accent-600);
853
- --chart-4: var(--accent-400);
854
- --chart-5: var(--accent-200);
855
- --header: var(--background);
856
- --header-foreground: var(--text-header);
857
- --header-primary: var(--primary);
858
- --header-primary-foreground: var(--primary-foreground);
859
- --header-accent: var(--surface-component);
860
- --header-accent-foreground: var(--text-body);
861
- --header-border: var(--border);
862
- --header-ring: var(--ring);
863
- --sidebar: var(--background);
864
- --sidebar-foreground: var(--text-header);
865
- --sidebar-primary: var(--primary);
866
- --sidebar-primary-foreground: var(--primary-foreground);
867
- --sidebar-accent: var(--surface-component);
868
- --sidebar-accent-foreground: var(--text-body);
869
- --sidebar-border: var(--border);
870
- --sidebar-ring: var(--ring);
871
- }
872
- .dark {
873
- --canvas-background: #030303;
874
- --background: var(--dark-1000);
875
- --foreground: var(--light-1000);
876
- --surface-content: var(--light-30);
877
- --surface-component: var(--light-50);
878
- --surface-light-100: var(--light-100);
879
- --surface-light-200: var(--light-200);
880
- --border: var(--light-100);
881
- --states-hover: var(--light-30);
882
- --states-selected: var(--light-100);
883
- --text-header: var(--light-1000);
884
- --text-body: var(--light-600);
885
- --text-placeholder: var(--light-400);
886
- --icon-active: var(--light-1000);
887
- --icon-light: var(--light-600);
888
- --icon-component: var(--light-400);
889
- --secondary-foreground: var(--light-600);
890
- --muted-foreground: var(--light-600);
891
- --card: var(--surface-content);
892
- --card-foreground: var(--foreground);
893
- --popover: var(--surface-content);
894
- --popover-foreground: var(--foreground);
895
- --input: var(--states-hover);
896
- --ring: var(--border-accent);
897
- --chart-1: var(--accent-1000);
898
- --chart-2: var(--accent-800);
899
- --chart-3: var(--accent-600);
900
- --chart-4: var(--accent-400);
901
- --chart-5: var(--accent-200);
902
- --header: var(--background);
903
- --header-foreground: var(--text-header);
904
- --header-primary: var(--primary);
905
- --header-primary-foreground: var(--primary-foreground);
906
- --header-accent: var(--surface-component);
907
- --header-accent-foreground: var(--text-body);
908
- --header-border: var(--border);
909
- --header-ring: var(--ring);
910
- --sidebar: var(--background);
911
- --sidebar-foreground: var(--text-header);
912
- --sidebar-primary: var(--primary);
913
- --sidebar-primary-foreground: var(--primary-foreground);
914
- --sidebar-accent: var(--surface-component);
915
- --sidebar-accent-foreground: var(--text-body);
916
- --sidebar-border: var(--border);
917
- --sidebar-ring: var(--ring);
918
- }
919
- @layer base {
920
- * {
921
- border-color: var(--border);
922
- }
923
- body {
924
- background-color: var(--background);
925
- color: var(--foreground);
926
- }
927
- }
928
- @layer theme, base, components, utilities;
929
- @layer theme;
930
- @layer base {
931
- *, ::after, ::before, ::backdrop, ::file-selector-button {
932
- box-sizing: border-box;
933
- margin: 0;
934
- padding: 0;
935
- border: 0 solid;
936
- }
937
- html, :host {
938
- line-height: 1.5;
939
- -webkit-text-size-adjust: 100%;
940
- tab-size: 4;
941
- 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");
942
- font-feature-settings: var(--default-font-feature-settings, normal);
943
- font-variation-settings: var(--default-font-variation-settings, normal);
944
- -webkit-tap-highlight-color: transparent;
945
- }
946
- hr {
947
- height: 0;
948
- color: inherit;
949
- border-top-width: 1px;
950
- }
951
- abbr:where([title]) {
952
- -webkit-text-decoration: underline dotted;
953
- text-decoration: underline dotted;
954
- }
955
- h1, h2, h3, h4, h5, h6 {
956
- font-size: inherit;
957
- font-weight: inherit;
958
- }
959
- a {
960
- color: inherit;
961
- -webkit-text-decoration: inherit;
962
- text-decoration: inherit;
963
- }
964
- b, strong {
965
- font-weight: bolder;
966
- }
967
- code, kbd, samp, pre {
968
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
969
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
970
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
971
- font-size: 1em;
972
- }
973
- small {
974
- font-size: 80%;
975
- }
976
- sub, sup {
977
- font-size: 75%;
978
- line-height: 0;
979
- position: relative;
980
- vertical-align: baseline;
981
- }
982
- sub {
983
- bottom: -0.25em;
984
- }
985
- sup {
986
- top: -0.5em;
987
- }
988
- table {
989
- text-indent: 0;
990
- border-color: inherit;
991
- border-collapse: collapse;
992
- }
993
- :-moz-focusring {
994
- outline: auto;
995
- }
996
- progress {
997
- vertical-align: baseline;
998
- }
999
- summary {
1000
- display: list-item;
1001
- }
1002
- ol, ul, menu {
1003
- list-style: none;
1004
- }
1005
- img, svg, video, canvas, audio, iframe, embed, object {
1006
- display: block;
1007
- vertical-align: middle;
1008
- }
1009
- img, video {
1010
- max-width: 100%;
1011
- height: auto;
1012
- }
1013
- button, input, select, optgroup, textarea, ::file-selector-button {
1014
- font: inherit;
1015
- font-feature-settings: inherit;
1016
- font-variation-settings: inherit;
1017
- letter-spacing: inherit;
1018
- color: inherit;
1019
- border-radius: 0;
1020
- background-color: transparent;
1021
- opacity: 1;
1022
- }
1023
- :where(select:is([multiple], [size])) optgroup {
1024
- font-weight: bolder;
1025
- }
1026
- :where(select:is([multiple], [size])) optgroup option {
1027
- padding-inline-start: 20px;
1028
- }
1029
- ::file-selector-button {
1030
- margin-inline-end: 4px;
1031
- }
1032
- ::placeholder {
1033
- opacity: 1;
1034
- }
1035
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
1036
- ::placeholder {
1037
- color: currentcolor;
1038
- @supports (color: color-mix(in lab, red, red)) {
1039
- color: color-mix(in oklab, currentcolor 50%, transparent);
1040
- }
1041
- }
1042
- }
1043
- textarea {
1044
- resize: vertical;
1045
- }
1046
- ::-webkit-search-decoration {
1047
- -webkit-appearance: none;
1048
- }
1049
- ::-webkit-date-and-time-value {
1050
- min-height: 1lh;
1051
- text-align: inherit;
1052
- }
1053
- ::-webkit-datetime-edit {
1054
- display: inline-flex;
1055
- }
1056
- ::-webkit-datetime-edit-fields-wrapper {
1057
- padding: 0;
1058
- }
1059
- ::-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 {
1060
- padding-block: 0;
1061
- }
1062
- ::-webkit-calendar-picker-indicator {
1063
- line-height: 1;
1064
- }
1065
- :-moz-ui-invalid {
1066
- box-shadow: none;
1067
- }
1068
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
1069
- appearance: button;
1070
- }
1071
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
1072
- height: auto;
1073
- }
1074
- [hidden]:where(:not([hidden="until-found"])) {
1075
- display: none !important;
1076
- }
1077
- }
1078
- @layer utilities;
1079
- @property --tw-animation-delay {
1080
- syntax: "*";
1081
- inherits: false;
1082
- initial-value: 0s;
1083
- }
1084
- @property --tw-animation-direction {
1085
- syntax: "*";
1086
- inherits: false;
1087
- initial-value: normal;
1088
- }
1089
- @property --tw-animation-duration {
1090
- syntax: "*";
1091
- inherits: false;
1092
- }
1093
- @property --tw-animation-fill-mode {
1094
- syntax: "*";
1095
- inherits: false;
1096
- initial-value: none;
1097
- }
1098
- @property --tw-animation-iteration-count {
1099
- syntax: "*";
1100
- inherits: false;
1101
- initial-value: 1;
1102
- }
1103
- @property --tw-enter-blur {
1104
- syntax: "*";
1105
- inherits: false;
1106
- initial-value: 0;
1107
- }
1108
- @property --tw-enter-opacity {
1109
- syntax: "*";
1110
- inherits: false;
1111
- initial-value: 1;
1112
- }
1113
- @property --tw-enter-rotate {
1114
- syntax: "*";
1115
- inherits: false;
1116
- initial-value: 0;
1117
- }
1118
- @property --tw-enter-scale {
1119
- syntax: "*";
1120
- inherits: false;
1121
- initial-value: 1;
1122
- }
1123
- @property --tw-enter-translate-x {
1124
- syntax: "*";
1125
- inherits: false;
1126
- initial-value: 0;
1127
- }
1128
- @property --tw-enter-translate-y {
1129
- syntax: "*";
1130
- inherits: false;
1131
- initial-value: 0;
1132
- }
1133
- @property --tw-exit-blur {
1134
- syntax: "*";
1135
- inherits: false;
1136
- initial-value: 0;
1137
- }
1138
- @property --tw-exit-opacity {
1139
- syntax: "*";
1140
- inherits: false;
1141
- initial-value: 1;
1142
- }
1143
- @property --tw-exit-rotate {
1144
- syntax: "*";
1145
- inherits: false;
1146
- initial-value: 0;
1147
- }
1148
- @property --tw-exit-scale {
1149
- syntax: "*";
1150
- inherits: false;
1151
- initial-value: 1;
1152
- }
1153
- @property --tw-exit-translate-x {
1154
- syntax: "*";
1155
- inherits: false;
1156
- initial-value: 0;
1157
- }
1158
- @property --tw-exit-translate-y {
1159
- syntax: "*";
1160
- inherits: false;
1161
- initial-value: 0;
1162
- }
1163
- @property --tw-translate-x {
1164
- syntax: "*";
1165
- inherits: false;
1166
- initial-value: 0;
1167
- }
1168
- @property --tw-translate-y {
1169
- syntax: "*";
1170
- inherits: false;
1171
- initial-value: 0;
1172
- }
1173
- @property --tw-translate-z {
1174
- syntax: "*";
1175
- inherits: false;
1176
- initial-value: 0;
1177
- }
1178
- @property --tw-space-y-reverse {
1179
- syntax: "*";
1180
- inherits: false;
1181
- initial-value: 0;
1182
- }
1183
- @property --tw-border-style {
1184
- syntax: "*";
1185
- inherits: false;
1186
- initial-value: solid;
1187
- }
1188
- @property --tw-font-weight {
1189
- syntax: "*";
1190
- inherits: false;
1191
- }
1192
- @property --tw-tracking {
1193
- syntax: "*";
1194
- inherits: false;
1195
- }
1196
- @property --tw-shadow {
1197
- syntax: "*";
1198
- inherits: false;
1199
- initial-value: 0 0 #0000;
1200
- }
1201
- @property --tw-shadow-color {
1202
- syntax: "*";
1203
- inherits: false;
1204
- }
1205
- @property --tw-shadow-alpha {
1206
- syntax: "<percentage>";
1207
- inherits: false;
1208
- initial-value: 100%;
1209
- }
1210
- @property --tw-inset-shadow {
1211
- syntax: "*";
1212
- inherits: false;
1213
- initial-value: 0 0 #0000;
1214
- }
1215
- @property --tw-inset-shadow-color {
1216
- syntax: "*";
1217
- inherits: false;
1218
- }
1219
- @property --tw-inset-shadow-alpha {
1220
- syntax: "<percentage>";
1221
- inherits: false;
1222
- initial-value: 100%;
1223
- }
1224
- @property --tw-ring-color {
1225
- syntax: "*";
1226
- inherits: false;
1227
- }
1228
- @property --tw-ring-shadow {
1229
- syntax: "*";
1230
- inherits: false;
1231
- initial-value: 0 0 #0000;
1232
- }
1233
- @property --tw-inset-ring-color {
1234
- syntax: "*";
1235
- inherits: false;
1236
- }
1237
- @property --tw-inset-ring-shadow {
1238
- syntax: "*";
1239
- inherits: false;
1240
- initial-value: 0 0 #0000;
1241
- }
1242
- @property --tw-ring-inset {
1243
- syntax: "*";
1244
- inherits: false;
1245
- }
1246
- @property --tw-ring-offset-width {
1247
- syntax: "<length>";
1248
- inherits: false;
1249
- initial-value: 0px;
1250
- }
1251
- @property --tw-ring-offset-color {
1252
- syntax: "*";
1253
- inherits: false;
1254
- initial-value: #fff;
1255
- }
1256
- @property --tw-ring-offset-shadow {
1257
- syntax: "*";
1258
- inherits: false;
1259
- initial-value: 0 0 #0000;
1260
- }
1261
- @property --tw-outline-style {
1262
- syntax: "*";
1263
- inherits: false;
1264
- initial-value: solid;
1265
- }
1266
- @property --tw-backdrop-blur {
1267
- syntax: "*";
1268
- inherits: false;
1269
- }
1270
- @property --tw-backdrop-brightness {
1271
- syntax: "*";
1272
- inherits: false;
1273
- }
1274
- @property --tw-backdrop-contrast {
1275
- syntax: "*";
1276
- inherits: false;
1277
- }
1278
- @property --tw-backdrop-grayscale {
1279
- syntax: "*";
1280
- inherits: false;
1281
- }
1282
- @property --tw-backdrop-hue-rotate {
1283
- syntax: "*";
1284
- inherits: false;
1285
- }
1286
- @property --tw-backdrop-invert {
1287
- syntax: "*";
1288
- inherits: false;
1289
- }
1290
- @property --tw-backdrop-opacity {
1291
- syntax: "*";
1292
- inherits: false;
1293
- }
1294
- @property --tw-backdrop-saturate {
1295
- syntax: "*";
1296
- inherits: false;
1297
- }
1298
- @property --tw-backdrop-sepia {
1299
- syntax: "*";
1300
- inherits: false;
1301
- }
1302
- @property --tw-duration {
1303
- syntax: "*";
1304
- inherits: false;
1305
- }
1306
- @keyframes enter {
1307
- from {
1308
- opacity: var(--tw-enter-opacity,1);
1309
- transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
1310
- filter: blur(var(--tw-enter-blur,0));
1311
- }
1312
- }
1313
- @keyframes exit {
1314
- to {
1315
- opacity: var(--tw-exit-opacity,1);
1316
- transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
1317
- filter: blur(var(--tw-exit-blur,0));
1318
- }
1319
- }
1320
- @layer properties {
1321
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1322
- *, ::before, ::after, ::backdrop {
1323
- --tw-translate-x: 0;
1324
- --tw-translate-y: 0;
1325
- --tw-translate-z: 0;
1326
- --tw-space-y-reverse: 0;
1327
- --tw-border-style: solid;
1328
- --tw-font-weight: initial;
1329
- --tw-tracking: initial;
1330
- --tw-shadow: 0 0 #0000;
1331
- --tw-shadow-color: initial;
1332
- --tw-shadow-alpha: 100%;
1333
- --tw-inset-shadow: 0 0 #0000;
1334
- --tw-inset-shadow-color: initial;
1335
- --tw-inset-shadow-alpha: 100%;
1336
- --tw-ring-color: initial;
1337
- --tw-ring-shadow: 0 0 #0000;
1338
- --tw-inset-ring-color: initial;
1339
- --tw-inset-ring-shadow: 0 0 #0000;
1340
- --tw-ring-inset: initial;
1341
- --tw-ring-offset-width: 0px;
1342
- --tw-ring-offset-color: #fff;
1343
- --tw-ring-offset-shadow: 0 0 #0000;
1344
- --tw-outline-style: solid;
1345
- --tw-backdrop-blur: initial;
1346
- --tw-backdrop-brightness: initial;
1347
- --tw-backdrop-contrast: initial;
1348
- --tw-backdrop-grayscale: initial;
1349
- --tw-backdrop-hue-rotate: initial;
1350
- --tw-backdrop-invert: initial;
1351
- --tw-backdrop-opacity: initial;
1352
- --tw-backdrop-saturate: initial;
1353
- --tw-backdrop-sepia: initial;
1354
- --tw-duration: initial;
1355
- --tw-animation-delay: 0s;
1356
- --tw-animation-direction: normal;
1357
- --tw-animation-duration: initial;
1358
- --tw-animation-fill-mode: none;
1359
- --tw-animation-iteration-count: 1;
1360
- --tw-enter-blur: 0;
1361
- --tw-enter-opacity: 1;
1362
- --tw-enter-rotate: 0;
1363
- --tw-enter-scale: 1;
1364
- --tw-enter-translate-x: 0;
1365
- --tw-enter-translate-y: 0;
1366
- --tw-exit-blur: 0;
1367
- --tw-exit-opacity: 1;
1368
- --tw-exit-rotate: 0;
1369
- --tw-exit-scale: 1;
1370
- --tw-exit-translate-x: 0;
1371
- --tw-exit-translate-y: 0;
1372
- }
1373
- }
1374
- }
1375
-
1376
-
1377
- /*# sourceMappingURL=index.css.css.map*/