@modelcontextprotocol/inspector 1.0.0 → 2.0.0-rc.1

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