@modelcontextprotocol/inspector 1.0.1 → 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 -361
  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 -290
  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 -355
  39. package/client/dist/assets/OAuthCallback-DKaW5Tk8.js +0 -55
  40. package/client/dist/assets/OAuthDebugCallback-Bx3X7Zkh.js +0 -64
  41. package/client/dist/assets/index-CH-qD91V.js +0 -67487
  42. package/client/dist/assets/index-DXy0twoH.css +0 -2786
  43. package/client/dist/index.html +0 -14
  44. package/server/build/index.js +0 -889
  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,2786 +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-0 {
1022
- min-height: 0px;
1023
- }
1024
- .min-h-\[100px\] {
1025
- min-height: 100px;
1026
- }
1027
- .min-h-\[60px\] {
1028
- min-height: 60px;
1029
- }
1030
- .w-1\/3 {
1031
- width: 33.333333%;
1032
- }
1033
- .w-12 {
1034
- width: 3rem;
1035
- }
1036
- .w-2 {
1037
- width: 0.5rem;
1038
- }
1039
- .w-2\/5 {
1040
- width: 40%;
1041
- }
1042
- .w-3 {
1043
- width: 0.75rem;
1044
- }
1045
- .w-3\.5 {
1046
- width: 0.875rem;
1047
- }
1048
- .w-4 {
1049
- width: 1rem;
1050
- }
1051
- .w-5 {
1052
- width: 1.25rem;
1053
- }
1054
- .w-6 {
1055
- width: 1.5rem;
1056
- }
1057
- .w-72 {
1058
- width: 18rem;
1059
- }
1060
- .w-8 {
1061
- width: 2rem;
1062
- }
1063
- .w-9 {
1064
- width: 2.25rem;
1065
- }
1066
- .w-\[100px\] {
1067
- width: 100px;
1068
- }
1069
- .w-full {
1070
- width: 100%;
1071
- }
1072
- .min-w-0 {
1073
- min-width: 0px;
1074
- }
1075
- .min-w-\[8rem\] {
1076
- min-width: 8rem;
1077
- }
1078
- .min-w-\[var\(--radix-select-trigger-width\)\] {
1079
- min-width: var(--radix-select-trigger-width);
1080
- }
1081
- .max-w-\[200px\] {
1082
- max-width: 200px;
1083
- }
1084
- .max-w-full {
1085
- max-width: 100%;
1086
- }
1087
- .max-w-lg {
1088
- max-width: 32rem;
1089
- }
1090
- .max-w-md {
1091
- max-width: 28rem;
1092
- }
1093
- .max-w-xs {
1094
- max-width: 20rem;
1095
- }
1096
- .flex-1 {
1097
- flex: 1 1 0%;
1098
- }
1099
- .flex-shrink-0 {
1100
- flex-shrink: 0;
1101
- }
1102
- .shrink-0 {
1103
- flex-shrink: 0;
1104
- }
1105
- .origin-\[--radix-tooltip-content-transform-origin\] {
1106
- transform-origin: var(--radix-tooltip-content-transform-origin);
1107
- }
1108
- .-translate-y-1\/2 {
1109
- --tw-translate-y: -50%;
1110
- 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));
1111
- }
1112
- .translate-x-\[-50\%\] {
1113
- --tw-translate-x: -50%;
1114
- 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));
1115
- }
1116
- .translate-y-\[-50\%\] {
1117
- --tw-translate-y: -50%;
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
- .transform {
1121
- 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));
1122
- }
1123
- @keyframes pulse {
1124
-
1125
- 50% {
1126
- opacity: .5;
1127
- }
1128
- }
1129
- .animate-pulse {
1130
- animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1131
- }
1132
- @keyframes spin {
1133
-
1134
- to {
1135
- transform: rotate(360deg);
1136
- }
1137
- }
1138
- .animate-spin {
1139
- animation: spin 1s linear infinite;
1140
- }
1141
- .cursor-default {
1142
- cursor: default;
1143
- }
1144
- .cursor-pointer {
1145
- cursor: pointer;
1146
- }
1147
- .cursor-row-resize {
1148
- cursor: row-resize;
1149
- }
1150
- .select-none {
1151
- -webkit-user-select: none;
1152
- -moz-user-select: none;
1153
- user-select: none;
1154
- }
1155
- .select-all {
1156
- -webkit-user-select: all;
1157
- -moz-user-select: all;
1158
- user-select: all;
1159
- }
1160
- .resize-none {
1161
- resize: none;
1162
- }
1163
- .grid-cols-1 {
1164
- grid-template-columns: repeat(1, minmax(0, 1fr));
1165
- }
1166
- .grid-cols-2 {
1167
- grid-template-columns: repeat(2, minmax(0, 1fr));
1168
- }
1169
- .grid-cols-3 {
1170
- grid-template-columns: repeat(3, minmax(0, 1fr));
1171
- }
1172
- .flex-col {
1173
- flex-direction: column;
1174
- }
1175
- .flex-col-reverse {
1176
- flex-direction: column-reverse;
1177
- }
1178
- .flex-wrap {
1179
- flex-wrap: wrap;
1180
- }
1181
- .items-start {
1182
- align-items: flex-start;
1183
- }
1184
- .items-center {
1185
- align-items: center;
1186
- }
1187
- .justify-end {
1188
- justify-content: flex-end;
1189
- }
1190
- .justify-center {
1191
- justify-content: center;
1192
- }
1193
- .justify-between {
1194
- justify-content: space-between;
1195
- }
1196
- .gap-1 {
1197
- gap: 0.25rem;
1198
- }
1199
- .gap-2 {
1200
- gap: 0.5rem;
1201
- }
1202
- .gap-3 {
1203
- gap: 0.75rem;
1204
- }
1205
- .gap-4 {
1206
- gap: 1rem;
1207
- }
1208
- .gap-6 {
1209
- gap: 1.5rem;
1210
- }
1211
- .space-x-2 > :not([hidden]) ~ :not([hidden]) {
1212
- --tw-space-x-reverse: 0;
1213
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1214
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1215
- }
1216
- .space-y-1 > :not([hidden]) ~ :not([hidden]) {
1217
- --tw-space-y-reverse: 0;
1218
- margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
1219
- margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
1220
- }
1221
- .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
1222
- --tw-space-y-reverse: 0;
1223
- margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
1224
- margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
1225
- }
1226
- .space-y-2 > :not([hidden]) ~ :not([hidden]) {
1227
- --tw-space-y-reverse: 0;
1228
- margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1229
- margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1230
- }
1231
- .space-y-3 > :not([hidden]) ~ :not([hidden]) {
1232
- --tw-space-y-reverse: 0;
1233
- margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
1234
- margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
1235
- }
1236
- .space-y-4 > :not([hidden]) ~ :not([hidden]) {
1237
- --tw-space-y-reverse: 0;
1238
- margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1239
- margin-bottom: calc(1rem * var(--tw-space-y-reverse));
1240
- }
1241
- .space-y-6 > :not([hidden]) ~ :not([hidden]) {
1242
- --tw-space-y-reverse: 0;
1243
- margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
1244
- margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
1245
- }
1246
- .overflow-auto {
1247
- overflow: auto;
1248
- }
1249
- .overflow-hidden {
1250
- overflow: hidden;
1251
- }
1252
- .overflow-x-auto {
1253
- overflow-x: auto;
1254
- }
1255
- .overflow-y-auto {
1256
- overflow-y: auto;
1257
- }
1258
- .overflow-x-hidden {
1259
- overflow-x: hidden;
1260
- }
1261
- .truncate {
1262
- overflow: hidden;
1263
- text-overflow: ellipsis;
1264
- white-space: nowrap;
1265
- }
1266
- .whitespace-nowrap {
1267
- white-space: nowrap;
1268
- }
1269
- .whitespace-pre-wrap {
1270
- white-space: pre-wrap;
1271
- }
1272
- .break-all {
1273
- word-break: break-all;
1274
- }
1275
- .rounded {
1276
- border-radius: 0.25rem;
1277
- }
1278
- .rounded-full {
1279
- border-radius: 9999px;
1280
- }
1281
- .rounded-lg {
1282
- border-radius: var(--radius);
1283
- }
1284
- .rounded-md {
1285
- border-radius: calc(var(--radius) - 2px);
1286
- }
1287
- .rounded-sm {
1288
- border-radius: calc(var(--radius) - 4px);
1289
- }
1290
- .border {
1291
- border-width: 1px;
1292
- }
1293
- .border-2 {
1294
- border-width: 2px;
1295
- }
1296
- .border-b {
1297
- border-bottom-width: 1px;
1298
- }
1299
- .border-l {
1300
- border-left-width: 1px;
1301
- }
1302
- .border-r {
1303
- border-right-width: 1px;
1304
- }
1305
- .border-t {
1306
- border-top-width: 1px;
1307
- }
1308
- .border-solid {
1309
- border-style: solid;
1310
- }
1311
- .border-dashed {
1312
- border-style: dashed;
1313
- }
1314
- .border-blue-200 {
1315
- --tw-border-opacity: 1;
1316
- border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
1317
- }
1318
- .border-blue-300 {
1319
- --tw-border-opacity: 1;
1320
- border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
1321
- }
1322
- .border-blue-500 {
1323
- --tw-border-opacity: 1;
1324
- border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
1325
- }
1326
- .border-border {
1327
- border-color: hsl(var(--border));
1328
- }
1329
- .border-destructive {
1330
- border-color: hsl(var(--destructive));
1331
- }
1332
- .border-destructive\/50 {
1333
- border-color: hsl(var(--destructive) / 0.5);
1334
- }
1335
- .border-gray-200 {
1336
- --tw-border-opacity: 1;
1337
- border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
1338
- }
1339
- .border-gray-300 {
1340
- --tw-border-opacity: 1;
1341
- border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1342
- }
1343
- .border-green-200 {
1344
- --tw-border-opacity: 1;
1345
- border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
1346
- }
1347
- .border-input {
1348
- border-color: hsl(var(--input));
1349
- }
1350
- .border-primary {
1351
- border-color: hsl(var(--primary));
1352
- }
1353
- .border-red-200 {
1354
- --tw-border-opacity: 1;
1355
- border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
1356
- }
1357
- .border-red-300 {
1358
- --tw-border-opacity: 1;
1359
- border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
1360
- }
1361
- .border-red-500 {
1362
- --tw-border-opacity: 1;
1363
- border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
1364
- }
1365
- .border-slate-300 {
1366
- --tw-border-opacity: 1;
1367
- border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
1368
- }
1369
- .border-transparent {
1370
- border-color: transparent;
1371
- }
1372
- .border-yellow-300 {
1373
- --tw-border-opacity: 1;
1374
- border-color: rgb(253 224 71 / var(--tw-border-opacity, 1));
1375
- }
1376
- .border-t-transparent {
1377
- border-top-color: transparent;
1378
- }
1379
- .bg-accent {
1380
- background-color: hsl(var(--accent));
1381
- }
1382
- .bg-background {
1383
- background-color: hsl(var(--background));
1384
- }
1385
- .bg-black\/80 {
1386
- background-color: rgb(0 0 0 / 0.8);
1387
- }
1388
- .bg-blue-100 {
1389
- --tw-bg-opacity: 1;
1390
- background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
1391
- }
1392
- .bg-blue-50 {
1393
- --tw-bg-opacity: 1;
1394
- background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
1395
- }
1396
- .bg-border {
1397
- background-color: hsl(var(--border));
1398
- }
1399
- .bg-card {
1400
- background-color: hsl(var(--card));
1401
- }
1402
- .bg-destructive {
1403
- background-color: hsl(var(--destructive));
1404
- }
1405
- .bg-gray-100 {
1406
- --tw-bg-opacity: 1;
1407
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
1408
- }
1409
- .bg-gray-50 {
1410
- --tw-bg-opacity: 1;
1411
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1412
- }
1413
- .bg-gray-500 {
1414
- --tw-bg-opacity: 1;
1415
- background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
1416
- }
1417
- .bg-gray-900 {
1418
- --tw-bg-opacity: 1;
1419
- background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
1420
- }
1421
- .bg-green-100 {
1422
- --tw-bg-opacity: 1;
1423
- background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
1424
- }
1425
- .bg-green-50 {
1426
- --tw-bg-opacity: 1;
1427
- background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
1428
- }
1429
- .bg-green-500 {
1430
- --tw-bg-opacity: 1;
1431
- background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
1432
- }
1433
- .bg-muted {
1434
- background-color: hsl(var(--muted));
1435
- }
1436
- .bg-muted\/30 {
1437
- background-color: hsl(var(--muted) / 0.3);
1438
- }
1439
- .bg-popover {
1440
- background-color: hsl(var(--popover));
1441
- }
1442
- .bg-primary {
1443
- background-color: hsl(var(--primary));
1444
- }
1445
- .bg-red-100 {
1446
- --tw-bg-opacity: 1;
1447
- background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
1448
- }
1449
- .bg-red-50 {
1450
- --tw-bg-opacity: 1;
1451
- background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
1452
- }
1453
- .bg-red-500 {
1454
- --tw-bg-opacity: 1;
1455
- background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
1456
- }
1457
- .bg-secondary {
1458
- background-color: hsl(var(--secondary));
1459
- }
1460
- .bg-slate-100 {
1461
- --tw-bg-opacity: 1;
1462
- background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
1463
- }
1464
- .bg-transparent {
1465
- background-color: transparent;
1466
- }
1467
- .bg-yellow-100 {
1468
- --tw-bg-opacity: 1;
1469
- background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
1470
- }
1471
- .bg-yellow-200 {
1472
- --tw-bg-opacity: 1;
1473
- background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));
1474
- }
1475
- .object-contain {
1476
- -o-object-fit: contain;
1477
- object-fit: contain;
1478
- }
1479
- .p-0 {
1480
- padding: 0px;
1481
- }
1482
- .p-1 {
1483
- padding: 0.25rem;
1484
- }
1485
- .p-2 {
1486
- padding: 0.5rem;
1487
- }
1488
- .p-3 {
1489
- padding: 0.75rem;
1490
- }
1491
- .p-4 {
1492
- padding: 1rem;
1493
- }
1494
- .p-6 {
1495
- padding: 1.5rem;
1496
- }
1497
- .px-1 {
1498
- padding-left: 0.25rem;
1499
- padding-right: 0.25rem;
1500
- }
1501
- .px-12 {
1502
- padding-left: 3rem;
1503
- padding-right: 3rem;
1504
- }
1505
- .px-2 {
1506
- padding-left: 0.5rem;
1507
- padding-right: 0.5rem;
1508
- }
1509
- .px-3 {
1510
- padding-left: 0.75rem;
1511
- padding-right: 0.75rem;
1512
- }
1513
- .px-4 {
1514
- padding-left: 1rem;
1515
- padding-right: 1rem;
1516
- }
1517
- .px-8 {
1518
- padding-left: 2rem;
1519
- padding-right: 2rem;
1520
- }
1521
- .py-0 {
1522
- padding-top: 0px;
1523
- padding-bottom: 0px;
1524
- }
1525
- .py-0\.5 {
1526
- padding-top: 0.125rem;
1527
- padding-bottom: 0.125rem;
1528
- }
1529
- .py-1 {
1530
- padding-top: 0.25rem;
1531
- padding-bottom: 0.25rem;
1532
- }
1533
- .py-1\.5 {
1534
- padding-top: 0.375rem;
1535
- padding-bottom: 0.375rem;
1536
- }
1537
- .py-12 {
1538
- padding-top: 3rem;
1539
- padding-bottom: 3rem;
1540
- }
1541
- .py-2 {
1542
- padding-top: 0.5rem;
1543
- padding-bottom: 0.5rem;
1544
- }
1545
- .py-3 {
1546
- padding-top: 0.75rem;
1547
- padding-bottom: 0.75rem;
1548
- }
1549
- .py-4 {
1550
- padding-top: 1rem;
1551
- padding-bottom: 1rem;
1552
- }
1553
- .py-6 {
1554
- padding-top: 1.5rem;
1555
- padding-bottom: 1.5rem;
1556
- }
1557
- .py-8 {
1558
- padding-top: 2rem;
1559
- padding-bottom: 2rem;
1560
- }
1561
- .pb-4 {
1562
- padding-bottom: 1rem;
1563
- }
1564
- .pl-10 {
1565
- padding-left: 2.5rem;
1566
- }
1567
- .pl-2 {
1568
- padding-left: 0.5rem;
1569
- }
1570
- .pr-6 {
1571
- padding-right: 1.5rem;
1572
- }
1573
- .pr-8 {
1574
- padding-right: 2rem;
1575
- }
1576
- .text-left {
1577
- text-align: left;
1578
- }
1579
- .text-center {
1580
- text-align: center;
1581
- }
1582
- .font-mono {
1583
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
1584
- }
1585
- .text-2xl {
1586
- font-size: 1.5rem;
1587
- line-height: 2rem;
1588
- }
1589
- .text-lg {
1590
- font-size: 1.125rem;
1591
- line-height: 1.75rem;
1592
- }
1593
- .text-sm {
1594
- font-size: 0.875rem;
1595
- line-height: 1.25rem;
1596
- }
1597
- .text-xs {
1598
- font-size: 0.75rem;
1599
- line-height: 1rem;
1600
- }
1601
- .font-bold {
1602
- font-weight: 700;
1603
- }
1604
- .font-medium {
1605
- font-weight: 500;
1606
- }
1607
- .font-normal {
1608
- font-weight: 400;
1609
- }
1610
- .font-semibold {
1611
- font-weight: 600;
1612
- }
1613
- .capitalize {
1614
- text-transform: capitalize;
1615
- }
1616
- .italic {
1617
- font-style: italic;
1618
- }
1619
- .leading-none {
1620
- line-height: 1;
1621
- }
1622
- .leading-relaxed {
1623
- line-height: 1.625;
1624
- }
1625
- .tracking-tight {
1626
- letter-spacing: -0.025em;
1627
- }
1628
- .tracking-widest {
1629
- letter-spacing: 0.1em;
1630
- }
1631
- .text-amber-600 {
1632
- --tw-text-opacity: 1;
1633
- color: rgb(217 119 6 / var(--tw-text-opacity, 1));
1634
- }
1635
- .text-blue-500 {
1636
- --tw-text-opacity: 1;
1637
- color: rgb(59 130 246 / var(--tw-text-opacity, 1));
1638
- }
1639
- .text-blue-600 {
1640
- --tw-text-opacity: 1;
1641
- color: rgb(37 99 235 / var(--tw-text-opacity, 1));
1642
- }
1643
- .text-blue-700 {
1644
- --tw-text-opacity: 1;
1645
- color: rgb(29 78 216 / var(--tw-text-opacity, 1));
1646
- }
1647
- .text-blue-800 {
1648
- --tw-text-opacity: 1;
1649
- color: rgb(30 64 175 / var(--tw-text-opacity, 1));
1650
- }
1651
- .text-current {
1652
- color: currentColor;
1653
- }
1654
- .text-destructive {
1655
- color: hsl(var(--destructive));
1656
- }
1657
- .text-destructive-foreground {
1658
- color: hsl(var(--destructive-foreground));
1659
- }
1660
- .text-foreground {
1661
- color: hsl(var(--foreground));
1662
- }
1663
- .text-foreground\/50 {
1664
- color: hsl(var(--foreground) / 0.5);
1665
- }
1666
- .text-gray-100 {
1667
- --tw-text-opacity: 1;
1668
- color: rgb(243 244 246 / var(--tw-text-opacity, 1));
1669
- }
1670
- .text-gray-400 {
1671
- --tw-text-opacity: 1;
1672
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
1673
- }
1674
- .text-gray-500 {
1675
- --tw-text-opacity: 1;
1676
- color: rgb(107 114 128 / var(--tw-text-opacity, 1));
1677
- }
1678
- .text-gray-600 {
1679
- --tw-text-opacity: 1;
1680
- color: rgb(75 85 99 / var(--tw-text-opacity, 1));
1681
- }
1682
- .text-gray-700 {
1683
- --tw-text-opacity: 1;
1684
- color: rgb(55 65 81 / var(--tw-text-opacity, 1));
1685
- }
1686
- .text-gray-800 {
1687
- --tw-text-opacity: 1;
1688
- color: rgb(31 41 55 / var(--tw-text-opacity, 1));
1689
- }
1690
- .text-gray-900 {
1691
- --tw-text-opacity: 1;
1692
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1693
- }
1694
- .text-green-500 {
1695
- --tw-text-opacity: 1;
1696
- color: rgb(34 197 94 / var(--tw-text-opacity, 1));
1697
- }
1698
- .text-green-600 {
1699
- --tw-text-opacity: 1;
1700
- color: rgb(22 163 74 / var(--tw-text-opacity, 1));
1701
- }
1702
- .text-green-700 {
1703
- --tw-text-opacity: 1;
1704
- color: rgb(21 128 61 / var(--tw-text-opacity, 1));
1705
- }
1706
- .text-green-800 {
1707
- --tw-text-opacity: 1;
1708
- color: rgb(22 101 52 / var(--tw-text-opacity, 1));
1709
- }
1710
- .text-muted-foreground {
1711
- color: hsl(var(--muted-foreground));
1712
- }
1713
- .text-popover-foreground {
1714
- color: hsl(var(--popover-foreground));
1715
- }
1716
- .text-primary {
1717
- color: hsl(var(--primary));
1718
- }
1719
- .text-primary-foreground {
1720
- color: hsl(var(--primary-foreground));
1721
- }
1722
- .text-purple-600 {
1723
- --tw-text-opacity: 1;
1724
- color: rgb(147 51 234 / var(--tw-text-opacity, 1));
1725
- }
1726
- .text-red-500 {
1727
- --tw-text-opacity: 1;
1728
- color: rgb(239 68 68 / var(--tw-text-opacity, 1));
1729
- }
1730
- .text-red-600 {
1731
- --tw-text-opacity: 1;
1732
- color: rgb(220 38 38 / var(--tw-text-opacity, 1));
1733
- }
1734
- .text-red-700 {
1735
- --tw-text-opacity: 1;
1736
- color: rgb(185 28 28 / var(--tw-text-opacity, 1));
1737
- }
1738
- .text-red-800 {
1739
- --tw-text-opacity: 1;
1740
- color: rgb(153 27 27 / var(--tw-text-opacity, 1));
1741
- }
1742
- .text-secondary-foreground {
1743
- color: hsl(var(--secondary-foreground));
1744
- }
1745
- .text-slate-700 {
1746
- --tw-text-opacity: 1;
1747
- color: rgb(51 65 85 / var(--tw-text-opacity, 1));
1748
- }
1749
- .text-white {
1750
- --tw-text-opacity: 1;
1751
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1752
- }
1753
- .text-yellow-500 {
1754
- --tw-text-opacity: 1;
1755
- color: rgb(234 179 8 / var(--tw-text-opacity, 1));
1756
- }
1757
- .text-yellow-600 {
1758
- --tw-text-opacity: 1;
1759
- color: rgb(202 138 4 / var(--tw-text-opacity, 1));
1760
- }
1761
- .text-yellow-900 {
1762
- --tw-text-opacity: 1;
1763
- color: rgb(113 63 18 / var(--tw-text-opacity, 1));
1764
- }
1765
- .underline-offset-4 {
1766
- text-underline-offset: 4px;
1767
- }
1768
- .opacity-0 {
1769
- opacity: 0;
1770
- }
1771
- .opacity-100 {
1772
- opacity: 1;
1773
- }
1774
- .opacity-20 {
1775
- opacity: 0.2;
1776
- }
1777
- .opacity-50 {
1778
- opacity: 0.5;
1779
- }
1780
- .opacity-60 {
1781
- opacity: 0.6;
1782
- }
1783
- .opacity-70 {
1784
- opacity: 0.7;
1785
- }
1786
- .opacity-90 {
1787
- opacity: 0.9;
1788
- }
1789
- .shadow {
1790
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1791
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1792
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1793
- }
1794
- .shadow-lg {
1795
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1796
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1797
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1798
- }
1799
- .shadow-md {
1800
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1801
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
1802
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1803
- }
1804
- .shadow-sm {
1805
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1806
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1807
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1808
- }
1809
- .outline-none {
1810
- outline: 2px solid transparent;
1811
- outline-offset: 2px;
1812
- }
1813
- .outline {
1814
- outline-style: solid;
1815
- }
1816
- .ring-0 {
1817
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1818
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1819
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1820
- }
1821
- .ring-offset-background {
1822
- --tw-ring-offset-color: hsl(var(--background));
1823
- }
1824
- .blur {
1825
- --tw-blur: blur(8px);
1826
- 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);
1827
- }
1828
- .filter {
1829
- 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);
1830
- }
1831
- .transition {
1832
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1833
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1834
- transition-duration: 150ms;
1835
- }
1836
- .transition-all {
1837
- transition-property: all;
1838
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1839
- transition-duration: 150ms;
1840
- }
1841
- .transition-colors {
1842
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
1843
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1844
- transition-duration: 150ms;
1845
- }
1846
- .transition-opacity {
1847
- transition-property: opacity;
1848
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1849
- transition-duration: 150ms;
1850
- }
1851
- .transition-transform {
1852
- transition-property: transform;
1853
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1854
- transition-duration: 150ms;
1855
- }
1856
- .duration-200 {
1857
- transition-duration: 200ms;
1858
- }
1859
- .duration-300 {
1860
- transition-duration: 300ms;
1861
- }
1862
- .ease-in-out {
1863
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1864
- }
1865
- @keyframes enter {
1866
-
1867
- from {
1868
- opacity: var(--tw-enter-opacity, 1);
1869
- 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));
1870
- }
1871
- }
1872
- @keyframes exit {
1873
-
1874
- to {
1875
- opacity: var(--tw-exit-opacity, 1);
1876
- 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));
1877
- }
1878
- }
1879
- .animate-in {
1880
- animation-name: enter;
1881
- animation-duration: 150ms;
1882
- --tw-enter-opacity: initial;
1883
- --tw-enter-scale: initial;
1884
- --tw-enter-rotate: initial;
1885
- --tw-enter-translate-x: initial;
1886
- --tw-enter-translate-y: initial;
1887
- }
1888
- .fade-in-0 {
1889
- --tw-enter-opacity: 0;
1890
- }
1891
- .zoom-in-95 {
1892
- --tw-enter-scale: .95;
1893
- }
1894
- .duration-200 {
1895
- animation-duration: 200ms;
1896
- }
1897
- .duration-300 {
1898
- animation-duration: 300ms;
1899
- }
1900
- .ease-in-out {
1901
- animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1902
- }
1903
- .running {
1904
- animation-play-state: running;
1905
- }
1906
-
1907
- :root {
1908
- font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
1909
- line-height: 1.5;
1910
- font-weight: 400;
1911
-
1912
- color-scheme: light dark;
1913
- color: rgba(255, 255, 255, 0.87);
1914
- background-color: #242424;
1915
-
1916
- font-synthesis: none;
1917
- text-rendering: optimizeLegibility;
1918
- -webkit-font-smoothing: antialiased;
1919
- -moz-osx-font-smoothing: grayscale;
1920
- }
1921
-
1922
- a {
1923
- font-weight: 500;
1924
- color: #646cff;
1925
- text-decoration: inherit;
1926
- }
1927
- a:hover {
1928
- color: #535bf2;
1929
- }
1930
-
1931
- body {
1932
- margin: 0;
1933
- place-items: center;
1934
- min-width: 320px;
1935
- min-height: 100vh;
1936
- }
1937
-
1938
- h1 {
1939
- font-size: 3.2em;
1940
- line-height: 1.1;
1941
- }
1942
-
1943
- @media (prefers-color-scheme: light) {
1944
- :root {
1945
- color: #213547;
1946
- background-color: #ffffff;
1947
- }
1948
- a:hover {
1949
- color: #747bff;
1950
- }
1951
- }
1952
-
1953
- .file\:border-0::file-selector-button {
1954
- border-width: 0px;
1955
- }
1956
-
1957
- .file\:bg-transparent::file-selector-button {
1958
- background-color: transparent;
1959
- }
1960
-
1961
- .file\:text-sm::file-selector-button {
1962
- font-size: 0.875rem;
1963
- line-height: 1.25rem;
1964
- }
1965
-
1966
- .file\:font-medium::file-selector-button {
1967
- font-weight: 500;
1968
- }
1969
-
1970
- .file\:text-foreground::file-selector-button {
1971
- color: hsl(var(--foreground));
1972
- }
1973
-
1974
- .placeholder\:text-muted-foreground::-moz-placeholder {
1975
- color: hsl(var(--muted-foreground));
1976
- }
1977
-
1978
- .placeholder\:text-muted-foreground::placeholder {
1979
- color: hsl(var(--muted-foreground));
1980
- }
1981
-
1982
- .hover\:border-\[\#646cff\]:hover {
1983
- --tw-border-opacity: 1;
1984
- border-color: rgb(100 108 255 / var(--tw-border-opacity, 1));
1985
- }
1986
-
1987
- .hover\:bg-accent:hover {
1988
- background-color: hsl(var(--accent));
1989
- }
1990
-
1991
- .hover\:bg-accent\/50:hover {
1992
- background-color: hsl(var(--accent) / 0.5);
1993
- }
1994
-
1995
- .hover\:bg-destructive\/90:hover {
1996
- background-color: hsl(var(--destructive) / 0.9);
1997
- }
1998
-
1999
- .hover\:bg-gray-100:hover {
2000
- --tw-bg-opacity: 1;
2001
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
2002
- }
2003
-
2004
- .hover\:bg-gray-50:hover {
2005
- --tw-bg-opacity: 1;
2006
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
2007
- }
2008
-
2009
- .hover\:bg-gray-800\/10:hover {
2010
- background-color: rgb(31 41 55 / 0.1);
2011
- }
2012
-
2013
- .hover\:bg-gray-800\/20:hover {
2014
- background-color: rgb(31 41 55 / 0.2);
2015
- }
2016
-
2017
- .hover\:bg-primary\/90:hover {
2018
- background-color: hsl(var(--primary) / 0.9);
2019
- }
2020
-
2021
- .hover\:bg-red-50:hover {
2022
- --tw-bg-opacity: 1;
2023
- background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
2024
- }
2025
-
2026
- .hover\:bg-secondary:hover {
2027
- background-color: hsl(var(--secondary));
2028
- }
2029
-
2030
- .hover\:bg-secondary\/80:hover {
2031
- background-color: hsl(var(--secondary) / 0.8);
2032
- }
2033
-
2034
- .hover\:bg-yellow-200:hover {
2035
- --tw-bg-opacity: 1;
2036
- background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));
2037
- }
2038
-
2039
- .hover\:text-accent-foreground:hover {
2040
- color: hsl(var(--accent-foreground));
2041
- }
2042
-
2043
- .hover\:text-blue-700:hover {
2044
- --tw-text-opacity: 1;
2045
- color: rgb(29 78 216 / var(--tw-text-opacity, 1));
2046
- }
2047
-
2048
- .hover\:text-blue-800:hover {
2049
- --tw-text-opacity: 1;
2050
- color: rgb(30 64 175 / var(--tw-text-opacity, 1));
2051
- }
2052
-
2053
- .hover\:text-foreground:hover {
2054
- color: hsl(var(--foreground));
2055
- }
2056
-
2057
- .hover\:text-red-700:hover {
2058
- --tw-text-opacity: 1;
2059
- color: rgb(185 28 28 / var(--tw-text-opacity, 1));
2060
- }
2061
-
2062
- .hover\:underline:hover {
2063
- text-decoration-line: underline;
2064
- }
2065
-
2066
- .hover\:opacity-100:hover {
2067
- opacity: 1;
2068
- }
2069
-
2070
- .focus\:bg-accent:focus {
2071
- background-color: hsl(var(--accent));
2072
- }
2073
-
2074
- .focus\:text-accent-foreground:focus {
2075
- color: hsl(var(--accent-foreground));
2076
- }
2077
-
2078
- .focus\:opacity-100:focus {
2079
- opacity: 1;
2080
- }
2081
-
2082
- .focus\:outline-none:focus {
2083
- outline: 2px solid transparent;
2084
- outline-offset: 2px;
2085
- }
2086
-
2087
- .focus\:ring-1:focus {
2088
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2089
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2090
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2091
- }
2092
-
2093
- .focus\:ring-2:focus {
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(2px + 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\:ring-blue-500:focus {
2100
- --tw-ring-opacity: 1;
2101
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
2102
- }
2103
-
2104
- .focus\:ring-ring:focus {
2105
- --tw-ring-color: hsl(var(--ring));
2106
- }
2107
-
2108
- .focus\:ring-offset-2:focus {
2109
- --tw-ring-offset-width: 2px;
2110
- }
2111
-
2112
- .focus-visible\:outline-none:focus-visible {
2113
- outline: 2px solid transparent;
2114
- outline-offset: 2px;
2115
- }
2116
-
2117
- .focus-visible\:ring-1:focus-visible {
2118
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2119
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2120
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2121
- }
2122
-
2123
- .focus-visible\:ring-2:focus-visible {
2124
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2125
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2126
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2127
- }
2128
-
2129
- .focus-visible\:ring-blue-500:focus-visible {
2130
- --tw-ring-opacity: 1;
2131
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
2132
- }
2133
-
2134
- .focus-visible\:ring-red-500:focus-visible {
2135
- --tw-ring-opacity: 1;
2136
- --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
2137
- }
2138
-
2139
- .focus-visible\:ring-ring:focus-visible {
2140
- --tw-ring-color: hsl(var(--ring));
2141
- }
2142
-
2143
- .focus-visible\:ring-offset-1:focus-visible {
2144
- --tw-ring-offset-width: 1px;
2145
- }
2146
-
2147
- .focus-visible\:ring-offset-2:focus-visible {
2148
- --tw-ring-offset-width: 2px;
2149
- }
2150
-
2151
- .focus-visible\:ring-offset-background:focus-visible {
2152
- --tw-ring-offset-color: hsl(var(--background));
2153
- }
2154
-
2155
- .disabled\:pointer-events-none:disabled {
2156
- pointer-events: none;
2157
- }
2158
-
2159
- .disabled\:cursor-not-allowed:disabled {
2160
- cursor: not-allowed;
2161
- }
2162
-
2163
- .disabled\:opacity-50:disabled {
2164
- opacity: 0.5;
2165
- }
2166
-
2167
- .group:hover .group-hover\:text-gray-400 {
2168
- --tw-text-opacity: 1;
2169
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
2170
- }
2171
-
2172
- .group:hover .group-hover\:text-green-500 {
2173
- --tw-text-opacity: 1;
2174
- color: rgb(34 197 94 / var(--tw-text-opacity, 1));
2175
- }
2176
-
2177
- .group:hover .group-hover\:text-red-500 {
2178
- --tw-text-opacity: 1;
2179
- color: rgb(239 68 68 / var(--tw-text-opacity, 1));
2180
- }
2181
-
2182
- .group:hover .group-hover\:opacity-100 {
2183
- opacity: 1;
2184
- }
2185
-
2186
- .group.destructive .group-\[\.destructive\]\:border-muted\/40 {
2187
- border-color: hsl(var(--muted) / 0.4);
2188
- }
2189
-
2190
- .group.destructive .group-\[\.destructive\]\:text-red-300 {
2191
- --tw-text-opacity: 1;
2192
- color: rgb(252 165 165 / var(--tw-text-opacity, 1));
2193
- }
2194
-
2195
- .group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover {
2196
- border-color: hsl(var(--destructive) / 0.3);
2197
- }
2198
-
2199
- .group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover {
2200
- background-color: hsl(var(--destructive));
2201
- }
2202
-
2203
- .group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover {
2204
- color: hsl(var(--destructive-foreground));
2205
- }
2206
-
2207
- .group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover {
2208
- --tw-text-opacity: 1;
2209
- color: rgb(254 242 242 / var(--tw-text-opacity, 1));
2210
- }
2211
-
2212
- .group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus {
2213
- --tw-ring-color: hsl(var(--destructive));
2214
- }
2215
-
2216
- .group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus {
2217
- --tw-ring-opacity: 1;
2218
- --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
2219
- }
2220
-
2221
- .group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus {
2222
- --tw-ring-offset-color: #dc2626;
2223
- }
2224
-
2225
- .peer:disabled ~ .peer-disabled\:cursor-not-allowed {
2226
- cursor: not-allowed;
2227
- }
2228
-
2229
- .peer:disabled ~ .peer-disabled\:opacity-70 {
2230
- opacity: 0.7;
2231
- }
2232
-
2233
- .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
2234
- pointer-events: none;
2235
- }
2236
-
2237
- .data-\[disabled\]\:pointer-events-none[data-disabled] {
2238
- pointer-events: none;
2239
- }
2240
-
2241
- .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
2242
- --tw-translate-y: 0.25rem;
2243
- 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));
2244
- }
2245
-
2246
- .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
2247
- --tw-translate-x: -0.25rem;
2248
- 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));
2249
- }
2250
-
2251
- .data-\[side\=right\]\:translate-x-1[data-side="right"] {
2252
- --tw-translate-x: 0.25rem;
2253
- 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));
2254
- }
2255
-
2256
- .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
2257
- --tw-translate-y: -0.25rem;
2258
- 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));
2259
- }
2260
-
2261
- .data-\[state\=checked\]\:translate-x-4[data-state="checked"] {
2262
- --tw-translate-x: 1rem;
2263
- 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));
2264
- }
2265
-
2266
- .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
2267
- --tw-translate-x: 0px;
2268
- 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));
2269
- }
2270
-
2271
- .data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"] {
2272
- --tw-translate-x: 0px;
2273
- 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));
2274
- }
2275
-
2276
- .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"] {
2277
- --tw-translate-x: var(--radix-toast-swipe-end-x);
2278
- 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));
2279
- }
2280
-
2281
- .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"] {
2282
- --tw-translate-x: var(--radix-toast-swipe-move-x);
2283
- 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));
2284
- }
2285
-
2286
- .data-\[selected\=true\]\:bg-accent[data-selected="true"] {
2287
- background-color: hsl(var(--accent));
2288
- }
2289
-
2290
- .data-\[state\=active\]\:bg-background[data-state="active"] {
2291
- background-color: hsl(var(--background));
2292
- }
2293
-
2294
- .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
2295
- background-color: hsl(var(--primary));
2296
- }
2297
-
2298
- .data-\[state\=open\]\:bg-accent[data-state="open"] {
2299
- background-color: hsl(var(--accent));
2300
- }
2301
-
2302
- .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
2303
- background-color: hsl(var(--input));
2304
- }
2305
-
2306
- .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
2307
- color: hsl(var(--accent-foreground));
2308
- }
2309
-
2310
- .data-\[state\=active\]\:text-foreground[data-state="active"] {
2311
- color: hsl(var(--foreground));
2312
- }
2313
-
2314
- .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
2315
- color: hsl(var(--primary-foreground));
2316
- }
2317
-
2318
- .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
2319
- color: hsl(var(--muted-foreground));
2320
- }
2321
-
2322
- .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
2323
- opacity: 0.5;
2324
- }
2325
-
2326
- .data-\[disabled\]\:opacity-50[data-disabled] {
2327
- opacity: 0.5;
2328
- }
2329
-
2330
- .data-\[state\=active\]\:shadow[data-state="active"] {
2331
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2332
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
2333
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2334
- }
2335
-
2336
- .data-\[swipe\=move\]\:transition-none[data-swipe="move"] {
2337
- transition-property: none;
2338
- }
2339
-
2340
- .data-\[state\=open\]\:animate-in[data-state="open"] {
2341
- animation-name: enter;
2342
- animation-duration: 150ms;
2343
- --tw-enter-opacity: initial;
2344
- --tw-enter-scale: initial;
2345
- --tw-enter-rotate: initial;
2346
- --tw-enter-translate-x: initial;
2347
- --tw-enter-translate-y: initial;
2348
- }
2349
-
2350
- .data-\[state\=closed\]\:animate-out[data-state="closed"] {
2351
- animation-name: exit;
2352
- animation-duration: 150ms;
2353
- --tw-exit-opacity: initial;
2354
- --tw-exit-scale: initial;
2355
- --tw-exit-rotate: initial;
2356
- --tw-exit-translate-x: initial;
2357
- --tw-exit-translate-y: initial;
2358
- }
2359
-
2360
- .data-\[swipe\=end\]\:animate-out[data-swipe="end"] {
2361
- animation-name: exit;
2362
- animation-duration: 150ms;
2363
- --tw-exit-opacity: initial;
2364
- --tw-exit-scale: initial;
2365
- --tw-exit-rotate: initial;
2366
- --tw-exit-translate-x: initial;
2367
- --tw-exit-translate-y: initial;
2368
- }
2369
-
2370
- .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
2371
- --tw-exit-opacity: 0;
2372
- }
2373
-
2374
- .data-\[state\=closed\]\:fade-out-80[data-state="closed"] {
2375
- --tw-exit-opacity: 0.8;
2376
- }
2377
-
2378
- .data-\[state\=open\]\:fade-in-0[data-state="open"] {
2379
- --tw-enter-opacity: 0;
2380
- }
2381
-
2382
- .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
2383
- --tw-exit-scale: .95;
2384
- }
2385
-
2386
- .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
2387
- --tw-enter-scale: .95;
2388
- }
2389
-
2390
- .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
2391
- --tw-enter-translate-y: -0.5rem;
2392
- }
2393
-
2394
- .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
2395
- --tw-enter-translate-x: 0.5rem;
2396
- }
2397
-
2398
- .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
2399
- --tw-enter-translate-x: -0.5rem;
2400
- }
2401
-
2402
- .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
2403
- --tw-enter-translate-y: 0.5rem;
2404
- }
2405
-
2406
- .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
2407
- --tw-exit-translate-x: -50%;
2408
- }
2409
-
2410
- .data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"] {
2411
- --tw-exit-translate-x: 100%;
2412
- }
2413
-
2414
- .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
2415
- --tw-exit-translate-y: -48%;
2416
- }
2417
-
2418
- .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] {
2419
- --tw-enter-translate-x: -50%;
2420
- }
2421
-
2422
- .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] {
2423
- --tw-enter-translate-y: -48%;
2424
- }
2425
-
2426
- .data-\[state\=open\]\:slide-in-from-top-full[data-state="open"] {
2427
- --tw-enter-translate-y: -100%;
2428
- }
2429
-
2430
- .dark\:border-border:is(.dark *) {
2431
- border-color: hsl(var(--border));
2432
- }
2433
-
2434
- .dark\:border-destructive:is(.dark *) {
2435
- border-color: hsl(var(--destructive));
2436
- }
2437
-
2438
- .dark\:border-gray-600:is(.dark *) {
2439
- --tw-border-opacity: 1;
2440
- border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
2441
- }
2442
-
2443
- .dark\:border-gray-800:is(.dark *) {
2444
- --tw-border-opacity: 1;
2445
- border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
2446
- }
2447
-
2448
- .dark\:border-red-800:is(.dark *) {
2449
- --tw-border-opacity: 1;
2450
- border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
2451
- }
2452
-
2453
- .dark\:border-slate-600:is(.dark *) {
2454
- --tw-border-opacity: 1;
2455
- border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
2456
- }
2457
-
2458
- .dark\:border-yellow-700:is(.dark *) {
2459
- --tw-border-opacity: 1;
2460
- border-color: rgb(161 98 7 / var(--tw-border-opacity, 1));
2461
- }
2462
-
2463
- .dark\:bg-blue-900:is(.dark *) {
2464
- --tw-bg-opacity: 1;
2465
- background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
2466
- }
2467
-
2468
- .dark\:bg-gray-800:is(.dark *) {
2469
- --tw-bg-opacity: 1;
2470
- background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
2471
- }
2472
-
2473
- .dark\:bg-gray-900:is(.dark *) {
2474
- --tw-bg-opacity: 1;
2475
- background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
2476
- }
2477
-
2478
- .dark\:bg-green-900:is(.dark *) {
2479
- --tw-bg-opacity: 1;
2480
- background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
2481
- }
2482
-
2483
- .dark\:bg-red-900:is(.dark *) {
2484
- --tw-bg-opacity: 1;
2485
- background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
2486
- }
2487
-
2488
- .dark\:bg-red-900\/20:is(.dark *) {
2489
- background-color: rgb(127 29 29 / 0.2);
2490
- }
2491
-
2492
- .dark\:bg-red-950\/30:is(.dark *) {
2493
- background-color: rgb(69 10 10 / 0.3);
2494
- }
2495
-
2496
- .dark\:bg-slate-800:is(.dark *) {
2497
- --tw-bg-opacity: 1;
2498
- background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
2499
- }
2500
-
2501
- .dark\:bg-yellow-800:is(.dark *) {
2502
- --tw-bg-opacity: 1;
2503
- background-color: rgb(133 77 14 / var(--tw-bg-opacity, 1));
2504
- }
2505
-
2506
- .dark\:bg-yellow-900\/40:is(.dark *) {
2507
- background-color: rgb(113 63 18 / 0.4);
2508
- }
2509
-
2510
- .dark\:text-blue-200:is(.dark *) {
2511
- --tw-text-opacity: 1;
2512
- color: rgb(191 219 254 / var(--tw-text-opacity, 1));
2513
- }
2514
-
2515
- .dark\:text-blue-400:is(.dark *) {
2516
- --tw-text-opacity: 1;
2517
- color: rgb(96 165 250 / var(--tw-text-opacity, 1));
2518
- }
2519
-
2520
- .dark\:text-gray-100:is(.dark *) {
2521
- --tw-text-opacity: 1;
2522
- color: rgb(243 244 246 / var(--tw-text-opacity, 1));
2523
- }
2524
-
2525
- .dark\:text-gray-200:is(.dark *) {
2526
- --tw-text-opacity: 1;
2527
- color: rgb(229 231 235 / var(--tw-text-opacity, 1));
2528
- }
2529
-
2530
- .dark\:text-gray-300:is(.dark *) {
2531
- --tw-text-opacity: 1;
2532
- color: rgb(209 213 219 / var(--tw-text-opacity, 1));
2533
- }
2534
-
2535
- .dark\:text-gray-400:is(.dark *) {
2536
- --tw-text-opacity: 1;
2537
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
2538
- }
2539
-
2540
- .dark\:text-green-200:is(.dark *) {
2541
- --tw-text-opacity: 1;
2542
- color: rgb(187 247 208 / var(--tw-text-opacity, 1));
2543
- }
2544
-
2545
- .dark\:text-green-700:is(.dark *) {
2546
- --tw-text-opacity: 1;
2547
- color: rgb(21 128 61 / var(--tw-text-opacity, 1));
2548
- }
2549
-
2550
- .dark\:text-red-200:is(.dark *) {
2551
- --tw-text-opacity: 1;
2552
- color: rgb(254 202 202 / var(--tw-text-opacity, 1));
2553
- }
2554
-
2555
- .dark\:text-red-400:is(.dark *) {
2556
- --tw-text-opacity: 1;
2557
- color: rgb(248 113 113 / var(--tw-text-opacity, 1));
2558
- }
2559
-
2560
- .dark\:text-slate-300:is(.dark *) {
2561
- --tw-text-opacity: 1;
2562
- color: rgb(203 213 225 / var(--tw-text-opacity, 1));
2563
- }
2564
-
2565
- .dark\:text-white:is(.dark *) {
2566
- --tw-text-opacity: 1;
2567
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2568
- }
2569
-
2570
- .dark\:text-yellow-100:is(.dark *) {
2571
- --tw-text-opacity: 1;
2572
- color: rgb(254 249 195 / var(--tw-text-opacity, 1));
2573
- }
2574
-
2575
- .dark\:text-yellow-500:is(.dark *) {
2576
- --tw-text-opacity: 1;
2577
- color: rgb(234 179 8 / var(--tw-text-opacity, 1));
2578
- }
2579
-
2580
- .dark\:hover\:bg-gray-700:hover:is(.dark *) {
2581
- --tw-bg-opacity: 1;
2582
- background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
2583
- }
2584
-
2585
- .dark\:hover\:bg-gray-800\/20:hover:is(.dark *) {
2586
- background-color: rgb(31 41 55 / 0.2);
2587
- }
2588
-
2589
- .dark\:hover\:bg-input\/40:hover:is(.dark *) {
2590
- background-color: hsl(var(--input) / 0.4);
2591
- }
2592
-
2593
- .dark\:hover\:bg-secondary:hover:is(.dark *) {
2594
- background-color: hsl(var(--secondary));
2595
- }
2596
-
2597
- .dark\:hover\:bg-yellow-800:hover:is(.dark *) {
2598
- --tw-bg-opacity: 1;
2599
- background-color: rgb(133 77 14 / var(--tw-bg-opacity, 1));
2600
- }
2601
-
2602
- .dark\:hover\:text-blue-300:hover:is(.dark *) {
2603
- --tw-text-opacity: 1;
2604
- color: rgb(147 197 253 / var(--tw-text-opacity, 1));
2605
- }
2606
-
2607
- .group:hover .dark\:group-hover\:text-gray-100:is(.dark *) {
2608
- --tw-text-opacity: 1;
2609
- color: rgb(243 244 246 / var(--tw-text-opacity, 1));
2610
- }
2611
-
2612
- @media (min-width: 640px) {
2613
-
2614
- .sm\:bottom-0 {
2615
- bottom: 0px;
2616
- }
2617
-
2618
- .sm\:right-0 {
2619
- right: 0px;
2620
- }
2621
-
2622
- .sm\:top-auto {
2623
- top: auto;
2624
- }
2625
-
2626
- .sm\:flex-row {
2627
- flex-direction: row;
2628
- }
2629
-
2630
- .sm\:flex-col {
2631
- flex-direction: column;
2632
- }
2633
-
2634
- .sm\:justify-end {
2635
- justify-content: flex-end;
2636
- }
2637
-
2638
- .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
2639
- --tw-space-x-reverse: 0;
2640
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
2641
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
2642
- }
2643
-
2644
- .sm\:rounded-lg {
2645
- border-radius: var(--radius);
2646
- }
2647
-
2648
- .sm\:text-left {
2649
- text-align: left;
2650
- }
2651
-
2652
- .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state="open"] {
2653
- --tw-enter-translate-y: 100%;
2654
- }
2655
- }
2656
-
2657
- @media (min-width: 768px) {
2658
-
2659
- .md\:max-w-\[420px\] {
2660
- max-width: 420px;
2661
- }
2662
-
2663
- .md\:grid-cols-2 {
2664
- grid-template-columns: repeat(2, minmax(0, 1fr));
2665
- }
2666
- }
2667
-
2668
- .\[\&\+div\]\:text-xs+div {
2669
- font-size: 0.75rem;
2670
- line-height: 1rem;
2671
- }
2672
-
2673
- .\[\&\>span\]\:line-clamp-1>span {
2674
- overflow: hidden;
2675
- display: -webkit-box;
2676
- -webkit-box-orient: vertical;
2677
- -webkit-line-clamp: 1;
2678
- }
2679
-
2680
- .\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div {
2681
- --tw-translate-y: -3px;
2682
- 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));
2683
- }
2684
-
2685
- .\[\&\>svg\]\:absolute>svg {
2686
- position: absolute;
2687
- }
2688
-
2689
- .\[\&\>svg\]\:left-4>svg {
2690
- left: 1rem;
2691
- }
2692
-
2693
- .\[\&\>svg\]\:top-4>svg {
2694
- top: 1rem;
2695
- }
2696
-
2697
- .\[\&\>svg\]\:text-destructive>svg {
2698
- color: hsl(var(--destructive));
2699
- }
2700
-
2701
- .\[\&\>svg\]\:text-foreground>svg {
2702
- color: hsl(var(--foreground));
2703
- }
2704
-
2705
- .\[\&\>svg\~\*\]\:pl-7>svg~* {
2706
- padding-left: 1.75rem;
2707
- }
2708
-
2709
- .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
2710
- padding-left: 0.5rem;
2711
- padding-right: 0.5rem;
2712
- }
2713
-
2714
- .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
2715
- padding-top: 0.375rem;
2716
- padding-bottom: 0.375rem;
2717
- }
2718
-
2719
- .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
2720
- font-size: 0.75rem;
2721
- line-height: 1rem;
2722
- }
2723
-
2724
- .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
2725
- font-weight: 500;
2726
- }
2727
-
2728
- .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
2729
- color: hsl(var(--muted-foreground));
2730
- }
2731
-
2732
- .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] {
2733
- padding-top: 0px;
2734
- }
2735
-
2736
- .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
2737
- padding-left: 0.5rem;
2738
- padding-right: 0.5rem;
2739
- }
2740
-
2741
- .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
2742
- height: 1.25rem;
2743
- }
2744
-
2745
- .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
2746
- width: 1.25rem;
2747
- }
2748
-
2749
- .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
2750
- height: 3rem;
2751
- }
2752
-
2753
- .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
2754
- padding-left: 0.5rem;
2755
- padding-right: 0.5rem;
2756
- }
2757
-
2758
- .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
2759
- padding-top: 0.75rem;
2760
- padding-bottom: 0.75rem;
2761
- }
2762
-
2763
- .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
2764
- height: 1.25rem;
2765
- }
2766
-
2767
- .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
2768
- width: 1.25rem;
2769
- }
2770
-
2771
- .\[\&_p\]\:leading-relaxed p {
2772
- line-height: 1.625;
2773
- }
2774
-
2775
- .\[\&_svg\]\:pointer-events-none svg {
2776
- pointer-events: none;
2777
- }
2778
-
2779
- .\[\&_svg\]\:size-4 svg {
2780
- width: 1rem;
2781
- height: 1rem;
2782
- }
2783
-
2784
- .\[\&_svg\]\:shrink-0 svg {
2785
- flex-shrink: 0;
2786
- }