@testsmith/api-spector 0.0.5 → 0.0.8

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.
@@ -1,1877 +0,0 @@
1
- *, ::before, ::after {
2
- --tw-border-spacing-x: 0;
3
- --tw-border-spacing-y: 0;
4
- --tw-translate-x: 0;
5
- --tw-translate-y: 0;
6
- --tw-rotate: 0;
7
- --tw-skew-x: 0;
8
- --tw-skew-y: 0;
9
- --tw-scale-x: 1;
10
- --tw-scale-y: 1;
11
- --tw-pan-x: ;
12
- --tw-pan-y: ;
13
- --tw-pinch-zoom: ;
14
- --tw-scroll-snap-strictness: proximity;
15
- --tw-gradient-from-position: ;
16
- --tw-gradient-via-position: ;
17
- --tw-gradient-to-position: ;
18
- --tw-ordinal: ;
19
- --tw-slashed-zero: ;
20
- --tw-numeric-figure: ;
21
- --tw-numeric-spacing: ;
22
- --tw-numeric-fraction: ;
23
- --tw-ring-inset: ;
24
- --tw-ring-offset-width: 0px;
25
- --tw-ring-offset-color: #fff;
26
- --tw-ring-color: rgb(147 197 253 / 0.5);
27
- --tw-ring-offset-shadow: 0 0 #0000;
28
- --tw-ring-shadow: 0 0 #0000;
29
- --tw-shadow: 0 0 #0000;
30
- --tw-shadow-colored: 0 0 #0000;
31
- --tw-blur: ;
32
- --tw-brightness: ;
33
- --tw-contrast: ;
34
- --tw-grayscale: ;
35
- --tw-hue-rotate: ;
36
- --tw-invert: ;
37
- --tw-saturate: ;
38
- --tw-sepia: ;
39
- --tw-drop-shadow: ;
40
- --tw-backdrop-blur: ;
41
- --tw-backdrop-brightness: ;
42
- --tw-backdrop-contrast: ;
43
- --tw-backdrop-grayscale: ;
44
- --tw-backdrop-hue-rotate: ;
45
- --tw-backdrop-invert: ;
46
- --tw-backdrop-opacity: ;
47
- --tw-backdrop-saturate: ;
48
- --tw-backdrop-sepia: ;
49
- --tw-contain-size: ;
50
- --tw-contain-layout: ;
51
- --tw-contain-paint: ;
52
- --tw-contain-style: ;
53
- }
54
-
55
- ::backdrop {
56
- --tw-border-spacing-x: 0;
57
- --tw-border-spacing-y: 0;
58
- --tw-translate-x: 0;
59
- --tw-translate-y: 0;
60
- --tw-rotate: 0;
61
- --tw-skew-x: 0;
62
- --tw-skew-y: 0;
63
- --tw-scale-x: 1;
64
- --tw-scale-y: 1;
65
- --tw-pan-x: ;
66
- --tw-pan-y: ;
67
- --tw-pinch-zoom: ;
68
- --tw-scroll-snap-strictness: proximity;
69
- --tw-gradient-from-position: ;
70
- --tw-gradient-via-position: ;
71
- --tw-gradient-to-position: ;
72
- --tw-ordinal: ;
73
- --tw-slashed-zero: ;
74
- --tw-numeric-figure: ;
75
- --tw-numeric-spacing: ;
76
- --tw-numeric-fraction: ;
77
- --tw-ring-inset: ;
78
- --tw-ring-offset-width: 0px;
79
- --tw-ring-offset-color: #fff;
80
- --tw-ring-color: rgb(147 197 253 / 0.5);
81
- --tw-ring-offset-shadow: 0 0 #0000;
82
- --tw-ring-shadow: 0 0 #0000;
83
- --tw-shadow: 0 0 #0000;
84
- --tw-shadow-colored: 0 0 #0000;
85
- --tw-blur: ;
86
- --tw-brightness: ;
87
- --tw-contrast: ;
88
- --tw-grayscale: ;
89
- --tw-hue-rotate: ;
90
- --tw-invert: ;
91
- --tw-saturate: ;
92
- --tw-sepia: ;
93
- --tw-drop-shadow: ;
94
- --tw-backdrop-blur: ;
95
- --tw-backdrop-brightness: ;
96
- --tw-backdrop-contrast: ;
97
- --tw-backdrop-grayscale: ;
98
- --tw-backdrop-hue-rotate: ;
99
- --tw-backdrop-invert: ;
100
- --tw-backdrop-opacity: ;
101
- --tw-backdrop-saturate: ;
102
- --tw-backdrop-sepia: ;
103
- --tw-contain-size: ;
104
- --tw-contain-layout: ;
105
- --tw-contain-paint: ;
106
- --tw-contain-style: ;
107
- }/*
108
- ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
109
- *//*
110
- 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
111
- 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
112
- */
113
-
114
- *,
115
- ::before,
116
- ::after {
117
- box-sizing: border-box; /* 1 */
118
- border-width: 0; /* 2 */
119
- border-style: solid; /* 2 */
120
- border-color: #e5e7eb; /* 2 */
121
- }
122
-
123
- ::before,
124
- ::after {
125
- --tw-content: '';
126
- }
127
-
128
- /*
129
- 1. Use a consistent sensible line-height in all browsers.
130
- 2. Prevent adjustments of font size after orientation changes in iOS.
131
- 3. Use a more readable tab size.
132
- 4. Use the user's configured `sans` font-family by default.
133
- 5. Use the user's configured `sans` font-feature-settings by default.
134
- 6. Use the user's configured `sans` font-variation-settings by default.
135
- 7. Disable tap highlights on iOS
136
- */
137
-
138
- html,
139
- :host {
140
- line-height: 1.5; /* 1 */
141
- -webkit-text-size-adjust: 100%; /* 2 */
142
- -moz-tab-size: 4; /* 3 */
143
- -o-tab-size: 4;
144
- tab-size: 4; /* 3 */
145
- font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
146
- font-feature-settings: normal; /* 5 */
147
- font-variation-settings: normal; /* 6 */
148
- -webkit-tap-highlight-color: transparent; /* 7 */
149
- }
150
-
151
- /*
152
- 1. Remove the margin in all browsers.
153
- 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
154
- */
155
-
156
- body {
157
- margin: 0; /* 1 */
158
- line-height: inherit; /* 2 */
159
- }
160
-
161
- /*
162
- 1. Add the correct height in Firefox.
163
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
164
- 3. Ensure horizontal rules are visible by default.
165
- */
166
-
167
- hr {
168
- height: 0; /* 1 */
169
- color: inherit; /* 2 */
170
- border-top-width: 1px; /* 3 */
171
- }
172
-
173
- /*
174
- Add the correct text decoration in Chrome, Edge, and Safari.
175
- */
176
-
177
- abbr:where([title]) {
178
- -webkit-text-decoration: underline dotted;
179
- text-decoration: underline dotted;
180
- }
181
-
182
- /*
183
- Remove the default font size and weight for headings.
184
- */
185
-
186
- h1,
187
- h2,
188
- h3,
189
- h4,
190
- h5,
191
- h6 {
192
- font-size: inherit;
193
- font-weight: inherit;
194
- }
195
-
196
- /*
197
- Reset links to optimize for opt-in styling instead of opt-out.
198
- */
199
-
200
- a {
201
- color: inherit;
202
- text-decoration: inherit;
203
- }
204
-
205
- /*
206
- Add the correct font weight in Edge and Safari.
207
- */
208
-
209
- b,
210
- strong {
211
- font-weight: bolder;
212
- }
213
-
214
- /*
215
- 1. Use the user's configured `mono` font-family by default.
216
- 2. Use the user's configured `mono` font-feature-settings by default.
217
- 3. Use the user's configured `mono` font-variation-settings by default.
218
- 4. Correct the odd `em` font sizing in all browsers.
219
- */
220
-
221
- code,
222
- kbd,
223
- samp,
224
- pre {
225
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
226
- font-feature-settings: normal; /* 2 */
227
- font-variation-settings: normal; /* 3 */
228
- font-size: 1em; /* 4 */
229
- }
230
-
231
- /*
232
- Add the correct font size in all browsers.
233
- */
234
-
235
- small {
236
- font-size: 80%;
237
- }
238
-
239
- /*
240
- Prevent `sub` and `sup` elements from affecting the line height in all browsers.
241
- */
242
-
243
- sub,
244
- sup {
245
- font-size: 75%;
246
- line-height: 0;
247
- position: relative;
248
- vertical-align: baseline;
249
- }
250
-
251
- sub {
252
- bottom: -0.25em;
253
- }
254
-
255
- sup {
256
- top: -0.5em;
257
- }
258
-
259
- /*
260
- 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)
261
- 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)
262
- 3. Remove gaps between table borders by default.
263
- */
264
-
265
- table {
266
- text-indent: 0; /* 1 */
267
- border-color: inherit; /* 2 */
268
- border-collapse: collapse; /* 3 */
269
- }
270
-
271
- /*
272
- 1. Change the font styles in all browsers.
273
- 2. Remove the margin in Firefox and Safari.
274
- 3. Remove default padding in all browsers.
275
- */
276
-
277
- button,
278
- input,
279
- optgroup,
280
- select,
281
- textarea {
282
- font-family: inherit; /* 1 */
283
- font-feature-settings: inherit; /* 1 */
284
- font-variation-settings: inherit; /* 1 */
285
- font-size: 100%; /* 1 */
286
- font-weight: inherit; /* 1 */
287
- line-height: inherit; /* 1 */
288
- letter-spacing: inherit; /* 1 */
289
- color: inherit; /* 1 */
290
- margin: 0; /* 2 */
291
- padding: 0; /* 3 */
292
- }
293
-
294
- /*
295
- Remove the inheritance of text transform in Edge and Firefox.
296
- */
297
-
298
- button,
299
- select {
300
- text-transform: none;
301
- }
302
-
303
- /*
304
- 1. Correct the inability to style clickable types in iOS and Safari.
305
- 2. Remove default button styles.
306
- */
307
-
308
- button,
309
- input:where([type='button']),
310
- input:where([type='reset']),
311
- input:where([type='submit']) {
312
- -webkit-appearance: button; /* 1 */
313
- background-color: transparent; /* 2 */
314
- background-image: none; /* 2 */
315
- }
316
-
317
- /*
318
- Use the modern Firefox focus style for all focusable elements.
319
- */
320
-
321
- :-moz-focusring {
322
- outline: auto;
323
- }
324
-
325
- /*
326
- Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
327
- */
328
-
329
- :-moz-ui-invalid {
330
- box-shadow: none;
331
- }
332
-
333
- /*
334
- Add the correct vertical alignment in Chrome and Firefox.
335
- */
336
-
337
- progress {
338
- vertical-align: baseline;
339
- }
340
-
341
- /*
342
- Correct the cursor style of increment and decrement buttons in Safari.
343
- */
344
-
345
- ::-webkit-inner-spin-button,
346
- ::-webkit-outer-spin-button {
347
- height: auto;
348
- }
349
-
350
- /*
351
- 1. Correct the odd appearance in Chrome and Safari.
352
- 2. Correct the outline style in Safari.
353
- */
354
-
355
- [type='search'] {
356
- -webkit-appearance: textfield; /* 1 */
357
- outline-offset: -2px; /* 2 */
358
- }
359
-
360
- /*
361
- Remove the inner padding in Chrome and Safari on macOS.
362
- */
363
-
364
- ::-webkit-search-decoration {
365
- -webkit-appearance: none;
366
- }
367
-
368
- /*
369
- 1. Correct the inability to style clickable types in iOS and Safari.
370
- 2. Change font properties to `inherit` in Safari.
371
- */
372
-
373
- ::-webkit-file-upload-button {
374
- -webkit-appearance: button; /* 1 */
375
- font: inherit; /* 2 */
376
- }
377
-
378
- /*
379
- Add the correct display in Chrome and Safari.
380
- */
381
-
382
- summary {
383
- display: list-item;
384
- }
385
-
386
- /*
387
- Removes the default spacing and border for appropriate elements.
388
- */
389
-
390
- blockquote,
391
- dl,
392
- dd,
393
- h1,
394
- h2,
395
- h3,
396
- h4,
397
- h5,
398
- h6,
399
- hr,
400
- figure,
401
- p,
402
- pre {
403
- margin: 0;
404
- }
405
-
406
- fieldset {
407
- margin: 0;
408
- padding: 0;
409
- }
410
-
411
- legend {
412
- padding: 0;
413
- }
414
-
415
- ol,
416
- ul,
417
- menu {
418
- list-style: none;
419
- margin: 0;
420
- padding: 0;
421
- }
422
-
423
- /*
424
- Reset default styling for dialogs.
425
- */
426
- dialog {
427
- padding: 0;
428
- }
429
-
430
- /*
431
- Prevent resizing textareas horizontally by default.
432
- */
433
-
434
- textarea {
435
- resize: vertical;
436
- }
437
-
438
- /*
439
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
440
- 2. Set the default placeholder color to the user's configured gray 400 color.
441
- */
442
-
443
- input::-moz-placeholder, textarea::-moz-placeholder {
444
- opacity: 1; /* 1 */
445
- color: #9ca3af; /* 2 */
446
- }
447
-
448
- input::placeholder,
449
- textarea::placeholder {
450
- opacity: 1; /* 1 */
451
- color: #9ca3af; /* 2 */
452
- }
453
-
454
- /*
455
- Set the default cursor for buttons.
456
- */
457
-
458
- button,
459
- [role="button"] {
460
- cursor: pointer;
461
- }
462
-
463
- /*
464
- Make sure disabled buttons don't get the pointer cursor.
465
- */
466
- :disabled {
467
- cursor: default;
468
- }
469
-
470
- /*
471
- 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
472
- 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
473
- This can trigger a poorly considered lint error in some tools but is included by design.
474
- */
475
-
476
- img,
477
- svg,
478
- video,
479
- canvas,
480
- audio,
481
- iframe,
482
- embed,
483
- object {
484
- display: block; /* 1 */
485
- vertical-align: middle; /* 2 */
486
- }
487
-
488
- /*
489
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
490
- */
491
-
492
- img,
493
- video {
494
- max-width: 100%;
495
- height: auto;
496
- }
497
-
498
- /* Make elements with the HTML hidden attribute stay hidden by default */
499
- [hidden]:where(:not([hidden="until-found"])) {
500
- display: none;
501
- }
502
- .sr-only {
503
- position: absolute;
504
- width: 1px;
505
- height: 1px;
506
- padding: 0;
507
- margin: -1px;
508
- overflow: hidden;
509
- clip: rect(0, 0, 0, 0);
510
- white-space: nowrap;
511
- border-width: 0;
512
- }
513
- .pointer-events-none {
514
- pointer-events: none;
515
- }
516
- .visible {
517
- visibility: visible;
518
- }
519
- .static {
520
- position: static;
521
- }
522
- .fixed {
523
- position: fixed;
524
- }
525
- .absolute {
526
- position: absolute;
527
- }
528
- .relative {
529
- position: relative;
530
- }
531
- .sticky {
532
- position: sticky;
533
- }
534
- .inset-0 {
535
- inset: 0px;
536
- }
537
- .left-0 {
538
- left: 0px;
539
- }
540
- .left-1\/2 {
541
- left: 50%;
542
- }
543
- .right-0 {
544
- right: 0px;
545
- }
546
- .right-1 {
547
- right: 0.25rem;
548
- }
549
- .top-0 {
550
- top: 0px;
551
- }
552
- .top-1 {
553
- top: 0.25rem;
554
- }
555
- .top-full {
556
- top: 100%;
557
- }
558
- .z-50 {
559
- z-index: 50;
560
- }
561
- .z-\[200\] {
562
- z-index: 200;
563
- }
564
- .z-\[300\] {
565
- z-index: 300;
566
- }
567
- .z-\[60\] {
568
- z-index: 60;
569
- }
570
- .mx-0\.5 {
571
- margin-left: 0.125rem;
572
- margin-right: 0.125rem;
573
- }
574
- .mx-1 {
575
- margin-left: 0.25rem;
576
- margin-right: 0.25rem;
577
- }
578
- .mx-3 {
579
- margin-left: 0.75rem;
580
- margin-right: 0.75rem;
581
- }
582
- .mx-4 {
583
- margin-left: 1rem;
584
- margin-right: 1rem;
585
- }
586
- .mx-auto {
587
- margin-left: auto;
588
- margin-right: auto;
589
- }
590
- .my-2 {
591
- margin-top: 0.5rem;
592
- margin-bottom: 0.5rem;
593
- }
594
- .-mb-px {
595
- margin-bottom: -1px;
596
- }
597
- .mb-1 {
598
- margin-bottom: 0.25rem;
599
- }
600
- .mb-1\.5 {
601
- margin-bottom: 0.375rem;
602
- }
603
- .mb-2 {
604
- margin-bottom: 0.5rem;
605
- }
606
- .ml-0\.5 {
607
- margin-left: 0.125rem;
608
- }
609
- .ml-1 {
610
- margin-left: 0.25rem;
611
- }
612
- .ml-1\.5 {
613
- margin-left: 0.375rem;
614
- }
615
- .ml-2 {
616
- margin-left: 0.5rem;
617
- }
618
- .ml-4 {
619
- margin-left: 1rem;
620
- }
621
- .ml-auto {
622
- margin-left: auto;
623
- }
624
- .mr-1 {
625
- margin-right: 0.25rem;
626
- }
627
- .mt-0\.5 {
628
- margin-top: 0.125rem;
629
- }
630
- .mt-1 {
631
- margin-top: 0.25rem;
632
- }
633
- .mt-2 {
634
- margin-top: 0.5rem;
635
- }
636
- .mt-4 {
637
- margin-top: 1rem;
638
- }
639
- .mt-px {
640
- margin-top: 1px;
641
- }
642
- .block {
643
- display: block;
644
- }
645
- .inline-block {
646
- display: inline-block;
647
- }
648
- .inline {
649
- display: inline;
650
- }
651
- .flex {
652
- display: flex;
653
- }
654
- .table {
655
- display: table;
656
- }
657
- .grid {
658
- display: grid;
659
- }
660
- .contents {
661
- display: contents;
662
- }
663
- .hidden {
664
- display: none;
665
- }
666
- .h-1\.5 {
667
- height: 0.375rem;
668
- }
669
- .h-10 {
670
- height: 2.5rem;
671
- }
672
- .h-2 {
673
- height: 0.5rem;
674
- }
675
- .h-24 {
676
- height: 6rem;
677
- }
678
- .h-3 {
679
- height: 0.75rem;
680
- }
681
- .h-3\.5 {
682
- height: 0.875rem;
683
- }
684
- .h-4 {
685
- height: 1rem;
686
- }
687
- .h-7 {
688
- height: 1.75rem;
689
- }
690
- .h-full {
691
- height: 100%;
692
- }
693
- .h-screen {
694
- height: 100vh;
695
- }
696
- .max-h-44 {
697
- max-height: 11rem;
698
- }
699
- .max-h-80 {
700
- max-height: 20rem;
701
- }
702
- .max-h-\[45vh\] {
703
- max-height: 45vh;
704
- }
705
- .max-h-\[70vh\] {
706
- max-height: 70vh;
707
- }
708
- .max-h-\[80vh\] {
709
- max-height: 80vh;
710
- }
711
- .min-h-0 {
712
- min-height: 0px;
713
- }
714
- .min-h-\[160px\] {
715
- min-height: 160px;
716
- }
717
- .w-1\.5 {
718
- width: 0.375rem;
719
- }
720
- .w-10 {
721
- width: 2.5rem;
722
- }
723
- .w-12 {
724
- width: 3rem;
725
- }
726
- .w-14 {
727
- width: 3.5rem;
728
- }
729
- .w-16 {
730
- width: 4rem;
731
- }
732
- .w-2 {
733
- width: 0.5rem;
734
- }
735
- .w-20 {
736
- width: 5rem;
737
- }
738
- .w-24 {
739
- width: 6rem;
740
- }
741
- .w-28 {
742
- width: 7rem;
743
- }
744
- .w-3 {
745
- width: 0.75rem;
746
- }
747
- .w-3\.5 {
748
- width: 0.875rem;
749
- }
750
- .w-32 {
751
- width: 8rem;
752
- }
753
- .w-36 {
754
- width: 9rem;
755
- }
756
- .w-4 {
757
- width: 1rem;
758
- }
759
- .w-44 {
760
- width: 11rem;
761
- }
762
- .w-48 {
763
- width: 12rem;
764
- }
765
- .w-5 {
766
- width: 1.25rem;
767
- }
768
- .w-52 {
769
- width: 13rem;
770
- }
771
- .w-56 {
772
- width: 14rem;
773
- }
774
- .w-6 {
775
- width: 1.5rem;
776
- }
777
- .w-64 {
778
- width: 16rem;
779
- }
780
- .w-7 {
781
- width: 1.75rem;
782
- }
783
- .w-72 {
784
- width: 18rem;
785
- }
786
- .w-8 {
787
- width: 2rem;
788
- }
789
- .w-\[420px\] {
790
- width: 420px;
791
- }
792
- .w-\[480px\] {
793
- width: 480px;
794
- }
795
- .w-\[500px\] {
796
- width: 500px;
797
- }
798
- .w-\[520px\] {
799
- width: 520px;
800
- }
801
- .w-\[560px\] {
802
- width: 560px;
803
- }
804
- .w-\[680px\] {
805
- width: 680px;
806
- }
807
- .w-\[780px\] {
808
- width: 780px;
809
- }
810
- .w-full {
811
- width: 100%;
812
- }
813
- .w-px {
814
- width: 1px;
815
- }
816
- .min-w-0 {
817
- min-width: 0px;
818
- }
819
- .min-w-\[100px\] {
820
- min-width: 100px;
821
- }
822
- .min-w-\[120px\] {
823
- min-width: 120px;
824
- }
825
- .min-w-\[160px\] {
826
- min-width: 160px;
827
- }
828
- .min-w-\[220px\] {
829
- min-width: 220px;
830
- }
831
- .min-w-\[260px\] {
832
- min-width: 260px;
833
- }
834
- .min-w-\[72px\] {
835
- min-width: 72px;
836
- }
837
- .max-w-4xl {
838
- max-width: 56rem;
839
- }
840
- .max-w-\[120px\] {
841
- max-width: 120px;
842
- }
843
- .max-w-\[140px\] {
844
- max-width: 140px;
845
- }
846
- .max-w-\[180px\] {
847
- max-width: 180px;
848
- }
849
- .max-w-\[200px\] {
850
- max-width: 200px;
851
- }
852
- .max-w-\[260px\] {
853
- max-width: 260px;
854
- }
855
- .max-w-\[420px\] {
856
- max-width: 420px;
857
- }
858
- .max-w-\[60px\] {
859
- max-width: 60px;
860
- }
861
- .max-w-\[64px\] {
862
- max-width: 64px;
863
- }
864
- .max-w-sm {
865
- max-width: 24rem;
866
- }
867
- .max-w-xs {
868
- max-width: 20rem;
869
- }
870
- .flex-1 {
871
- flex: 1 1 0%;
872
- }
873
- .flex-shrink-0 {
874
- flex-shrink: 0;
875
- }
876
- .shrink-0 {
877
- flex-shrink: 0;
878
- }
879
- .border-collapse {
880
- border-collapse: collapse;
881
- }
882
- .-translate-x-1\/2 {
883
- --tw-translate-x: -50%;
884
- 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));
885
- }
886
- .rotate-180 {
887
- --tw-rotate: 180deg;
888
- 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));
889
- }
890
- .transform {
891
- 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));
892
- }
893
- @keyframes pulse {
894
-
895
- 50% {
896
- opacity: .5;
897
- }
898
- }
899
- .animate-pulse {
900
- animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
901
- }
902
- .cursor-default {
903
- cursor: default;
904
- }
905
- .cursor-pointer {
906
- cursor: pointer;
907
- }
908
- .select-none {
909
- -webkit-user-select: none;
910
- -moz-user-select: none;
911
- user-select: none;
912
- }
913
- .select-all {
914
- -webkit-user-select: all;
915
- -moz-user-select: all;
916
- user-select: all;
917
- }
918
- .resize-none {
919
- resize: none;
920
- }
921
- .resize-y {
922
- resize: vertical;
923
- }
924
- .grid-cols-2 {
925
- grid-template-columns: repeat(2, minmax(0, 1fr));
926
- }
927
- .flex-col {
928
- flex-direction: column;
929
- }
930
- .flex-wrap {
931
- flex-wrap: wrap;
932
- }
933
- .items-start {
934
- align-items: flex-start;
935
- }
936
- .items-end {
937
- align-items: flex-end;
938
- }
939
- .items-center {
940
- align-items: center;
941
- }
942
- .items-baseline {
943
- align-items: baseline;
944
- }
945
- .justify-end {
946
- justify-content: flex-end;
947
- }
948
- .justify-center {
949
- justify-content: center;
950
- }
951
- .justify-between {
952
- justify-content: space-between;
953
- }
954
- .gap-0 {
955
- gap: 0px;
956
- }
957
- .gap-0\.5 {
958
- gap: 0.125rem;
959
- }
960
- .gap-1 {
961
- gap: 0.25rem;
962
- }
963
- .gap-1\.5 {
964
- gap: 0.375rem;
965
- }
966
- .gap-2 {
967
- gap: 0.5rem;
968
- }
969
- .gap-3 {
970
- gap: 0.75rem;
971
- }
972
- .gap-4 {
973
- gap: 1rem;
974
- }
975
- .gap-6 {
976
- gap: 1.5rem;
977
- }
978
- .space-y-1 > :not([hidden]) ~ :not([hidden]) {
979
- --tw-space-y-reverse: 0;
980
- margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
981
- margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
982
- }
983
- .self-end {
984
- align-self: flex-end;
985
- }
986
- .overflow-auto {
987
- overflow: auto;
988
- }
989
- .overflow-hidden {
990
- overflow: hidden;
991
- }
992
- .overflow-x-auto {
993
- overflow-x: auto;
994
- }
995
- .overflow-y-auto {
996
- overflow-y: auto;
997
- }
998
- .overflow-x-hidden {
999
- overflow-x: hidden;
1000
- }
1001
- .truncate {
1002
- overflow: hidden;
1003
- text-overflow: ellipsis;
1004
- white-space: nowrap;
1005
- }
1006
- .whitespace-nowrap {
1007
- white-space: nowrap;
1008
- }
1009
- .whitespace-pre-wrap {
1010
- white-space: pre-wrap;
1011
- }
1012
- .break-all {
1013
- word-break: break-all;
1014
- }
1015
- .rounded {
1016
- border-radius: 0.25rem;
1017
- }
1018
- .rounded-full {
1019
- border-radius: 9999px;
1020
- }
1021
- .rounded-lg {
1022
- border-radius: 0.5rem;
1023
- }
1024
- .rounded-sm {
1025
- border-radius: 0.125rem;
1026
- }
1027
- .rounded-xl {
1028
- border-radius: 0.75rem;
1029
- }
1030
- .rounded-r {
1031
- border-top-right-radius: 0.25rem;
1032
- border-bottom-right-radius: 0.25rem;
1033
- }
1034
- .border {
1035
- border-width: 1px;
1036
- }
1037
- .border-x {
1038
- border-left-width: 1px;
1039
- border-right-width: 1px;
1040
- }
1041
- .border-b {
1042
- border-bottom-width: 1px;
1043
- }
1044
- .border-b-2 {
1045
- border-bottom-width: 2px;
1046
- }
1047
- .border-l {
1048
- border-left-width: 1px;
1049
- }
1050
- .border-l-2 {
1051
- border-left-width: 2px;
1052
- }
1053
- .border-r {
1054
- border-right-width: 1px;
1055
- }
1056
- .border-t {
1057
- border-top-width: 1px;
1058
- }
1059
- .border-blue-500 {
1060
- border-color: var(--ts-blue-500);
1061
- }
1062
- .border-blue-700 {
1063
- border-color: var(--ts-blue-700);
1064
- }
1065
- .border-blue-800 {
1066
- --tw-border-opacity: 1;
1067
- border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
1068
- }
1069
- .border-blue-800\/40 {
1070
- border-color: rgb(30 64 175 / 0.4);
1071
- }
1072
- .border-blue-800\/50 {
1073
- border-color: rgb(30 64 175 / 0.5);
1074
- }
1075
- .border-emerald-700 {
1076
- --tw-border-opacity: 1;
1077
- border-color: rgb(4 120 87 / var(--tw-border-opacity, 1));
1078
- }
1079
- .border-emerald-800 {
1080
- border-color: var(--ts-green-800);
1081
- }
1082
- .border-red-600 {
1083
- --tw-border-opacity: 1;
1084
- border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
1085
- }
1086
- .border-red-700 {
1087
- --tw-border-opacity: 1;
1088
- border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
1089
- }
1090
- .border-red-700\/50 {
1091
- border-color: rgb(185 28 28 / 0.5);
1092
- }
1093
- .border-red-800 {
1094
- --tw-border-opacity: 1;
1095
- border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
1096
- }
1097
- .border-red-800\/50 {
1098
- border-color: rgb(153 27 27 / 0.5);
1099
- }
1100
- .border-red-800\/60 {
1101
- border-color: rgb(153 27 27 / 0.6);
1102
- }
1103
- .border-surface-700 {
1104
- border-color: var(--surface-700);
1105
- }
1106
- .border-surface-800 {
1107
- border-color: var(--surface-800);
1108
- }
1109
- .border-transparent {
1110
- border-color: transparent;
1111
- }
1112
- .border-white\/10 {
1113
- border-color: rgb(255 255 255 / 0.1);
1114
- }
1115
- .border-yellow-800 {
1116
- --tw-border-opacity: 1;
1117
- border-color: rgb(133 77 14 / var(--tw-border-opacity, 1));
1118
- }
1119
- .border-b-blue-500 {
1120
- border-bottom-color: var(--ts-blue-500);
1121
- }
1122
- .bg-\[\#1e1b2e\] {
1123
- --tw-bg-opacity: 1;
1124
- background-color: rgb(30 27 46 / var(--tw-bg-opacity, 1));
1125
- }
1126
- .bg-amber-400 {
1127
- --tw-bg-opacity: 1;
1128
- background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
1129
- }
1130
- .bg-amber-700 {
1131
- --tw-bg-opacity: 1;
1132
- background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
1133
- }
1134
- .bg-black\/50 {
1135
- background-color: rgb(0 0 0 / 0.5);
1136
- }
1137
- .bg-black\/60 {
1138
- background-color: rgb(0 0 0 / 0.6);
1139
- }
1140
- .bg-blue-400 {
1141
- background-color: var(--ts-blue-400);
1142
- }
1143
- .bg-blue-600 {
1144
- background-color: var(--ts-blue-600);
1145
- }
1146
- .bg-blue-700 {
1147
- background-color: var(--ts-blue-700);
1148
- }
1149
- .bg-blue-900\/20 {
1150
- background-color: rgb(30 58 138 / 0.2);
1151
- }
1152
- .bg-blue-900\/30 {
1153
- background-color: rgb(30 58 138 / 0.3);
1154
- }
1155
- .bg-blue-900\/50 {
1156
- background-color: rgb(30 58 138 / 0.5);
1157
- }
1158
- .bg-blue-950\/40 {
1159
- background-color: rgb(23 37 84 / 0.4);
1160
- }
1161
- .bg-blue-950\/50 {
1162
- background-color: rgb(23 37 84 / 0.5);
1163
- }
1164
- .bg-cyan-700 {
1165
- --tw-bg-opacity: 1;
1166
- background-color: rgb(14 116 144 / var(--tw-bg-opacity, 1));
1167
- }
1168
- .bg-emerald-400 {
1169
- background-color: var(--ts-green-400);
1170
- }
1171
- .bg-emerald-500 {
1172
- --tw-bg-opacity: 1;
1173
- background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
1174
- }
1175
- .bg-emerald-700 {
1176
- --tw-bg-opacity: 1;
1177
- background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
1178
- }
1179
- .bg-emerald-950\/30 {
1180
- background-color: rgb(2 44 34 / 0.3);
1181
- }
1182
- .bg-orange-500 {
1183
- --tw-bg-opacity: 1;
1184
- background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
1185
- }
1186
- .bg-red-500 {
1187
- --tw-bg-opacity: 1;
1188
- background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
1189
- }
1190
- .bg-red-700 {
1191
- --tw-bg-opacity: 1;
1192
- background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
1193
- }
1194
- .bg-red-800 {
1195
- --tw-bg-opacity: 1;
1196
- background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
1197
- }
1198
- .bg-red-900\/20 {
1199
- background-color: rgb(127 29 29 / 0.2);
1200
- }
1201
- .bg-red-900\/30 {
1202
- background-color: rgb(127 29 29 / 0.3);
1203
- }
1204
- .bg-red-900\/40 {
1205
- background-color: rgb(127 29 29 / 0.4);
1206
- }
1207
- .bg-red-900\/50 {
1208
- background-color: rgb(127 29 29 / 0.5);
1209
- }
1210
- .bg-red-950 {
1211
- --tw-bg-opacity: 1;
1212
- background-color: rgb(69 10 10 / var(--tw-bg-opacity, 1));
1213
- }
1214
- .bg-red-950\/20 {
1215
- background-color: rgb(69 10 10 / 0.2);
1216
- }
1217
- .bg-red-950\/30 {
1218
- background-color: rgb(69 10 10 / 0.3);
1219
- }
1220
- .bg-red-950\/50 {
1221
- background-color: rgb(69 10 10 / 0.5);
1222
- }
1223
- .bg-surface-700 {
1224
- background-color: var(--surface-700);
1225
- }
1226
- .bg-surface-800 {
1227
- background-color: var(--surface-800);
1228
- }
1229
- .bg-surface-900 {
1230
- background-color: var(--surface-900);
1231
- }
1232
- .bg-surface-950 {
1233
- background-color: var(--surface-950);
1234
- }
1235
- .bg-transparent {
1236
- background-color: transparent;
1237
- }
1238
- .bg-yellow-950 {
1239
- --tw-bg-opacity: 1;
1240
- background-color: rgb(66 32 6 / var(--tw-bg-opacity, 1));
1241
- }
1242
- .p-0\.5 {
1243
- padding: 0.125rem;
1244
- }
1245
- .p-2 {
1246
- padding: 0.5rem;
1247
- }
1248
- .p-3 {
1249
- padding: 0.75rem;
1250
- }
1251
- .p-4 {
1252
- padding: 1rem;
1253
- }
1254
- .p-5 {
1255
- padding: 1.25rem;
1256
- }
1257
- .p-6 {
1258
- padding: 1.5rem;
1259
- }
1260
- .p-8 {
1261
- padding: 2rem;
1262
- }
1263
- .px-0\.5 {
1264
- padding-left: 0.125rem;
1265
- padding-right: 0.125rem;
1266
- }
1267
- .px-1 {
1268
- padding-left: 0.25rem;
1269
- padding-right: 0.25rem;
1270
- }
1271
- .px-1\.5 {
1272
- padding-left: 0.375rem;
1273
- padding-right: 0.375rem;
1274
- }
1275
- .px-2 {
1276
- padding-left: 0.5rem;
1277
- padding-right: 0.5rem;
1278
- }
1279
- .px-2\.5 {
1280
- padding-left: 0.625rem;
1281
- padding-right: 0.625rem;
1282
- }
1283
- .px-3 {
1284
- padding-left: 0.75rem;
1285
- padding-right: 0.75rem;
1286
- }
1287
- .px-4 {
1288
- padding-left: 1rem;
1289
- padding-right: 1rem;
1290
- }
1291
- .px-5 {
1292
- padding-left: 1.25rem;
1293
- padding-right: 1.25rem;
1294
- }
1295
- .px-6 {
1296
- padding-left: 1.5rem;
1297
- padding-right: 1.5rem;
1298
- }
1299
- .py-0\.5 {
1300
- padding-top: 0.125rem;
1301
- padding-bottom: 0.125rem;
1302
- }
1303
- .py-1 {
1304
- padding-top: 0.25rem;
1305
- padding-bottom: 0.25rem;
1306
- }
1307
- .py-1\.5 {
1308
- padding-top: 0.375rem;
1309
- padding-bottom: 0.375rem;
1310
- }
1311
- .py-2 {
1312
- padding-top: 0.5rem;
1313
- padding-bottom: 0.5rem;
1314
- }
1315
- .py-2\.5 {
1316
- padding-top: 0.625rem;
1317
- padding-bottom: 0.625rem;
1318
- }
1319
- .py-3 {
1320
- padding-top: 0.75rem;
1321
- padding-bottom: 0.75rem;
1322
- }
1323
- .py-4 {
1324
- padding-top: 1rem;
1325
- padding-bottom: 1rem;
1326
- }
1327
- .py-6 {
1328
- padding-top: 1.5rem;
1329
- padding-bottom: 1.5rem;
1330
- }
1331
- .py-8 {
1332
- padding-top: 2rem;
1333
- padding-bottom: 2rem;
1334
- }
1335
- .py-px {
1336
- padding-top: 1px;
1337
- padding-bottom: 1px;
1338
- }
1339
- .pb-1 {
1340
- padding-bottom: 0.25rem;
1341
- }
1342
- .pb-1\.5 {
1343
- padding-bottom: 0.375rem;
1344
- }
1345
- .pb-2 {
1346
- padding-bottom: 0.5rem;
1347
- }
1348
- .pb-3 {
1349
- padding-bottom: 0.75rem;
1350
- }
1351
- .pl-1 {
1352
- padding-left: 0.25rem;
1353
- }
1354
- .pl-2 {
1355
- padding-left: 0.5rem;
1356
- }
1357
- .pr-1 {
1358
- padding-right: 0.25rem;
1359
- }
1360
- .pr-2 {
1361
- padding-right: 0.5rem;
1362
- }
1363
- .pr-4 {
1364
- padding-right: 1rem;
1365
- }
1366
- .pt-1 {
1367
- padding-top: 0.25rem;
1368
- }
1369
- .pt-16 {
1370
- padding-top: 4rem;
1371
- }
1372
- .pt-20 {
1373
- padding-top: 5rem;
1374
- }
1375
- .pt-3 {
1376
- padding-top: 0.75rem;
1377
- }
1378
- .pt-\[20vh\] {
1379
- padding-top: 20vh;
1380
- }
1381
- .text-left {
1382
- text-align: left;
1383
- }
1384
- .text-center {
1385
- text-align: center;
1386
- }
1387
- .text-right {
1388
- text-align: right;
1389
- }
1390
- .align-top {
1391
- vertical-align: top;
1392
- }
1393
- .font-mono {
1394
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
1395
- }
1396
- .font-sans {
1397
- font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1398
- }
1399
- .text-2xl {
1400
- font-size: 1.5rem;
1401
- line-height: 2rem;
1402
- }
1403
- .text-4xl {
1404
- font-size: 2.25rem;
1405
- line-height: 2.5rem;
1406
- }
1407
- .text-\[10px\] {
1408
- font-size: 10px;
1409
- }
1410
- .text-\[11px\] {
1411
- font-size: 11px;
1412
- }
1413
- .text-\[9px\] {
1414
- font-size: 9px;
1415
- }
1416
- .text-base {
1417
- font-size: 1rem;
1418
- line-height: 1.5rem;
1419
- }
1420
- .text-lg {
1421
- font-size: 1.125rem;
1422
- line-height: 1.75rem;
1423
- }
1424
- .text-sm {
1425
- font-size: 0.875rem;
1426
- line-height: 1.25rem;
1427
- }
1428
- .text-xs {
1429
- font-size: 0.75rem;
1430
- line-height: 1rem;
1431
- }
1432
- .font-bold {
1433
- font-weight: 700;
1434
- }
1435
- .font-medium {
1436
- font-weight: 500;
1437
- }
1438
- .font-normal {
1439
- font-weight: 400;
1440
- }
1441
- .font-semibold {
1442
- font-weight: 600;
1443
- }
1444
- .uppercase {
1445
- text-transform: uppercase;
1446
- }
1447
- .capitalize {
1448
- text-transform: capitalize;
1449
- }
1450
- .normal-case {
1451
- text-transform: none;
1452
- }
1453
- .italic {
1454
- font-style: italic;
1455
- }
1456
- .leading-4 {
1457
- line-height: 1rem;
1458
- }
1459
- .leading-5 {
1460
- line-height: 1.25rem;
1461
- }
1462
- .leading-none {
1463
- line-height: 1;
1464
- }
1465
- .leading-relaxed {
1466
- line-height: 1.625;
1467
- }
1468
- .tracking-normal {
1469
- letter-spacing: 0em;
1470
- }
1471
- .tracking-wide {
1472
- letter-spacing: 0.025em;
1473
- }
1474
- .tracking-wider {
1475
- letter-spacing: 0.05em;
1476
- }
1477
- .tracking-widest {
1478
- letter-spacing: 0.1em;
1479
- }
1480
- .text-\[var\(--text-primary\)\] {
1481
- color: var(--text-primary);
1482
- }
1483
- .text-amber-300 {
1484
- --tw-text-opacity: 1;
1485
- color: rgb(252 211 77 / var(--tw-text-opacity, 1));
1486
- }
1487
- .text-amber-400 {
1488
- --tw-text-opacity: 1;
1489
- color: rgb(251 191 36 / var(--tw-text-opacity, 1));
1490
- }
1491
- .text-amber-600 {
1492
- --tw-text-opacity: 1;
1493
- color: rgb(217 119 6 / var(--tw-text-opacity, 1));
1494
- }
1495
- .text-blue-200 {
1496
- --tw-text-opacity: 1;
1497
- color: rgb(191 219 254 / var(--tw-text-opacity, 1));
1498
- }
1499
- .text-blue-300 {
1500
- --tw-text-opacity: 1;
1501
- color: rgb(147 197 253 / var(--tw-text-opacity, 1));
1502
- }
1503
- .text-blue-400 {
1504
- color: var(--ts-blue-400);
1505
- }
1506
- .text-blue-500 {
1507
- color: var(--ts-blue-500);
1508
- }
1509
- .text-cyan-200 {
1510
- --tw-text-opacity: 1;
1511
- color: rgb(165 243 252 / var(--tw-text-opacity, 1));
1512
- }
1513
- .text-cyan-400 {
1514
- --tw-text-opacity: 1;
1515
- color: rgb(34 211 238 / var(--tw-text-opacity, 1));
1516
- }
1517
- .text-emerald-300 {
1518
- --tw-text-opacity: 1;
1519
- color: rgb(110 231 183 / var(--tw-text-opacity, 1));
1520
- }
1521
- .text-emerald-400 {
1522
- color: var(--ts-green-400);
1523
- }
1524
- .text-emerald-500 {
1525
- --tw-text-opacity: 1;
1526
- color: rgb(16 185 129 / var(--tw-text-opacity, 1));
1527
- }
1528
- .text-gray-300 {
1529
- --tw-text-opacity: 1;
1530
- color: rgb(209 213 219 / var(--tw-text-opacity, 1));
1531
- }
1532
- .text-gray-400 {
1533
- --tw-text-opacity: 1;
1534
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
1535
- }
1536
- .text-orange-400 {
1537
- --tw-text-opacity: 1;
1538
- color: rgb(251 146 60 / var(--tw-text-opacity, 1));
1539
- }
1540
- .text-purple-400 {
1541
- --tw-text-opacity: 1;
1542
- color: rgb(192 132 252 / var(--tw-text-opacity, 1));
1543
- }
1544
- .text-red-200 {
1545
- --tw-text-opacity: 1;
1546
- color: rgb(254 202 202 / var(--tw-text-opacity, 1));
1547
- }
1548
- .text-red-300 {
1549
- --tw-text-opacity: 1;
1550
- color: rgb(252 165 165 / var(--tw-text-opacity, 1));
1551
- }
1552
- .text-red-400 {
1553
- --tw-text-opacity: 1;
1554
- color: rgb(248 113 113 / var(--tw-text-opacity, 1));
1555
- }
1556
- .text-red-500 {
1557
- --tw-text-opacity: 1;
1558
- color: rgb(239 68 68 / var(--tw-text-opacity, 1));
1559
- }
1560
- .text-surface-100 {
1561
- color: var(--surface-100);
1562
- }
1563
- .text-surface-200 {
1564
- color: var(--surface-200);
1565
- }
1566
- .text-surface-400 {
1567
- color: var(--surface-400);
1568
- }
1569
- .text-surface-500 {
1570
- color: var(--surface-500);
1571
- }
1572
- .text-surface-700 {
1573
- color: var(--surface-700);
1574
- }
1575
- .text-white {
1576
- --tw-text-opacity: 1;
1577
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1578
- }
1579
- .placeholder-surface-700::-moz-placeholder {
1580
- color: var(--surface-700);
1581
- }
1582
- .placeholder-surface-700::placeholder {
1583
- color: var(--surface-700);
1584
- }
1585
- .accent-blue-500 {
1586
- accent-color: var(--ts-blue-500);
1587
- }
1588
- .opacity-0 {
1589
- opacity: 0;
1590
- }
1591
- .opacity-30 {
1592
- opacity: 0.3;
1593
- }
1594
- .opacity-50 {
1595
- opacity: 0.5;
1596
- }
1597
- .shadow-2xl {
1598
- --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
1599
- --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
1600
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1601
- }
1602
- .shadow-lg {
1603
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1604
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1605
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1606
- }
1607
- .shadow-xl {
1608
- --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
1609
- --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
1610
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1611
- }
1612
- .ring-1 {
1613
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1614
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1615
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1616
- }
1617
- .ring-red-500 {
1618
- --tw-ring-opacity: 1;
1619
- --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
1620
- }
1621
- .filter {
1622
- 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);
1623
- }
1624
- .transition-all {
1625
- transition-property: all;
1626
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1627
- transition-duration: 150ms;
1628
- }
1629
- .transition-colors {
1630
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
1631
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1632
- transition-duration: 150ms;
1633
- }
1634
- .transition-opacity {
1635
- transition-property: opacity;
1636
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1637
- transition-duration: 150ms;
1638
- }
1639
- .ease-in-out {
1640
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1641
- }
1642
- .\[writing-mode\:vertical-rl\] {
1643
- writing-mode: vertical-rl;
1644
- }
1645
-
1646
- /* ─── Testsmith brand tokens ────────────────────────────────────────────────── */
1647
- :root {
1648
- /* Blue (#205d96) scale */
1649
- --ts-blue-400: #6aa3c8;
1650
- --ts-blue-500: #3d7fb2;
1651
- --ts-blue-600: #205d96;
1652
- --ts-blue-700: #1a4e7e;
1653
-
1654
- /* Green (#9fc93c) scale */
1655
- --ts-green-400: #9fc93c;
1656
- --ts-green-800: #4a5e1d;
1657
- --ts-green-900: #2d3a12;
1658
-
1659
- /* Drag region height */
1660
- --drag-region: 28px;
1661
- }
1662
-
1663
- /* ─── Dark theme (default) ─────────────────────────────────────────────────── */
1664
- /* Charcoal-purple scale — lifted from near-black to a comfortable slate */
1665
- :root {
1666
- --surface-50: #f0eff4;
1667
- --surface-100: #dddce3;
1668
- --surface-200: #c4c2cb;
1669
- --surface-400: #9d9aa8;
1670
- --surface-500: #7a7785;
1671
- --surface-700: #615e6d;
1672
- --surface-800: #3d3b48;
1673
- --surface-900: #312f3b;
1674
- --surface-950: #272630;
1675
- --text-primary: #e4e3ea;
1676
- --text-muted: #9d9aa8;
1677
-
1678
- --bg-app: #272630;
1679
- --border: #3d3b48;
1680
- }
1681
-
1682
- /* ─── Light theme ──────────────────────────────────────────────────────────── */
1683
- /* Warm stone scale — pulled down from near-white to a readable grey-paper */
1684
- :root.light {
1685
- --surface-50: #272630;
1686
- --surface-100: #312f3b;
1687
- --surface-200: #3d3b48;
1688
- --surface-400: #615e6d;
1689
- --surface-500: #716e7b;
1690
- --surface-700: #908e9a;
1691
- --surface-800: #c4c2cb;
1692
- --surface-900: #d5d3dc;
1693
- --surface-950: #e2e0e9;
1694
- --text-primary: #1c1b24;
1695
- --text-muted: #615e6d;
1696
-
1697
- --bg-app: #e2e0e9;
1698
- --border: #c4c2cb;
1699
-
1700
- /* Green: darken for legibility on light background (#9fc93c → ~35% lightness) */
1701
- --ts-green-400: #567818;
1702
- }
1703
-
1704
- * { box-sizing: border-box; }
1705
-
1706
- body {
1707
- margin: 0;
1708
- padding: 0;
1709
- font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
1710
- font-size: 13px;
1711
- background: var(--bg-app);
1712
- color: var(--text-primary);
1713
- overflow: hidden;
1714
- }
1715
-
1716
- .drag-region { -webkit-app-region: drag; height: var(--drag-region); }
1717
- .no-drag { -webkit-app-region: no-drag; }
1718
-
1719
- ::-webkit-scrollbar { width: 6px; height: 6px; }
1720
- ::-webkit-scrollbar-track { background: transparent; }
1721
- ::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
1722
-
1723
- .cm-editor { height: 100%; }
1724
- .cm-scroller { overflow: auto; }
1725
-
1726
- /* ─── Light mode: re-map white to readable primary text ───────────────────── */
1727
- /* In dark mode "text-white" means "foreground text". In light mode it becomes */
1728
- /* invisible (white-on-white). Override to the semantic primary text color. */
1729
- :root.light .text-white,
1730
- :root.light .hover\:text-white:hover {
1731
- color: var(--text-primary) !important;
1732
- }
1733
- /* Exception: coloured action buttons must keep white text regardless */
1734
- :root.light .bg-blue-500,
1735
- :root.light .bg-blue-600,
1736
- :root.light .bg-blue-700,
1737
- :root.light .hover\:bg-blue-500:hover,
1738
- :root.light .hover\:bg-blue-600:hover,
1739
- :root.light .bg-emerald-600,
1740
- :root.light .bg-red-600,
1741
- :root.light .bg-amber-600,
1742
- :root.light .bg-orange-600 {
1743
- color: #ffffff !important;
1744
- }
1745
- /* Inputs & textareas need dark placeholder text in light mode */
1746
- :root.light input::-moz-placeholder, :root.light textarea::-moz-placeholder {
1747
- color: var(--text-muted) !important;
1748
- opacity: 1;
1749
- }
1750
- :root.light input::placeholder,
1751
- :root.light textarea::placeholder {
1752
- color: var(--text-muted) !important;
1753
- opacity: 1;
1754
- }
1755
- /* Ensure surface-800 interactive backgrounds are clearly visible in light mode */
1756
- :root.light .bg-surface-800 {
1757
- background-color: var(--surface-800);
1758
- }
1759
- /* Option elements inherit white bg from OS in light mode – ensure readable text */
1760
- :root.light option {
1761
- color: #1c1b24;
1762
- background: #d5d3dc;
1763
- }
1764
-
1765
- /* ─── Light mode: semantic status colors ────────────────────────────────────── */
1766
- /* Red — errors, failures */
1767
- :root.light .text-red-300 { color: #b91c1c !important; } /* red-700 */
1768
- :root.light .text-red-400 { color: #dc2626 !important; } /* red-600 */
1769
- :root.light .text-red-500 { color: #991b1b !important; } /* red-800 */
1770
- :root.light .bg-red-900\/30 { background-color: #fee2e2 !important; } /* red-100 */
1771
- :root.light .bg-red-900\/20 { background-color: #fef2f2 !important; } /* red-50 */
1772
- :root.light .border-red-700 { border-color: #fca5a5 !important; } /* red-300 */
1773
- :root.light .border-red-800 { border-color: #fca5a5 !important; } /* red-300 */
1774
-
1775
- /* Emerald — success, passed tests, diff additions */
1776
- :root.light .text-emerald-300 { color: #15803d !important; } /* green-700 */
1777
- :root.light .text-emerald-400 { color: #16a34a !important; } /* green-600 */
1778
- :root.light .bg-emerald-900\/20 { background-color: #f0fdf4 !important; } /* green-50 */
1779
- :root.light .bg-emerald-900\/30 { background-color: #dcfce7 !important; } /* green-100 */
1780
- :root.light .border-emerald-800 { border-color: #86efac !important; } /* green-300 */
1781
- :root.light .border-emerald-700 { border-color: #86efac !important; } /* green-300 */
1782
-
1783
- /* Amber — warnings */
1784
- :root.light .text-amber-300 { color: #b45309 !important; } /* amber-700 */
1785
- :root.light .text-amber-400 { color: #d97706 !important; } /* amber-500 */ .last\:border-0:last-child {
1786
- border-width: 0px;
1787
- } .hover\:scale-150:hover {
1788
- --tw-scale-x: 1.5;
1789
- --tw-scale-y: 1.5;
1790
- 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));
1791
- } .hover\:border-blue-500:hover {
1792
- border-color: var(--ts-blue-500);
1793
- } .hover\:border-surface-500:hover {
1794
- border-color: var(--surface-500);
1795
- } .hover\:bg-blue-500:hover {
1796
- background-color: var(--ts-blue-500);
1797
- } .hover\:bg-blue-600:hover {
1798
- background-color: var(--ts-blue-600);
1799
- } .hover\:bg-emerald-600:hover {
1800
- --tw-bg-opacity: 1;
1801
- background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
1802
- } .hover\:bg-red-600:hover {
1803
- --tw-bg-opacity: 1;
1804
- background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
1805
- } .hover\:bg-red-800:hover {
1806
- --tw-bg-opacity: 1;
1807
- background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
1808
- } .hover\:bg-red-900\/40:hover {
1809
- background-color: rgb(127 29 29 / 0.4);
1810
- } .hover\:bg-red-950\/50:hover {
1811
- background-color: rgb(69 10 10 / 0.5);
1812
- } .hover\:bg-surface-700:hover {
1813
- background-color: var(--surface-700);
1814
- } .hover\:bg-surface-800:hover {
1815
- background-color: var(--surface-800);
1816
- } .hover\:text-\[var\(--text-primary\)\]:hover {
1817
- color: var(--text-primary);
1818
- } .hover\:text-blue-300:hover {
1819
- --tw-text-opacity: 1;
1820
- color: rgb(147 197 253 / var(--tw-text-opacity, 1));
1821
- } .hover\:text-blue-400:hover {
1822
- color: var(--ts-blue-400);
1823
- } .hover\:text-emerald-400:hover {
1824
- color: var(--ts-green-400);
1825
- } .hover\:text-red-300:hover {
1826
- --tw-text-opacity: 1;
1827
- color: rgb(252 165 165 / var(--tw-text-opacity, 1));
1828
- } .hover\:text-red-400:hover {
1829
- --tw-text-opacity: 1;
1830
- color: rgb(248 113 113 / var(--tw-text-opacity, 1));
1831
- } .hover\:text-surface-200:hover {
1832
- color: var(--surface-200);
1833
- } .hover\:text-surface-400:hover {
1834
- color: var(--surface-400);
1835
- } .hover\:text-white:hover {
1836
- --tw-text-opacity: 1;
1837
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1838
- } .focus\:border-blue-500:focus {
1839
- border-color: var(--ts-blue-500);
1840
- } .focus\:outline-none:focus {
1841
- outline: 2px solid transparent;
1842
- outline-offset: 2px;
1843
- } .focus\:ring-1:focus {
1844
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1845
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1846
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1847
- } .focus\:ring-blue-500:focus {
1848
- --tw-ring-color: var(--ts-blue-500);
1849
- } .focus\:ring-red-500:focus {
1850
- --tw-ring-opacity: 1;
1851
- --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
1852
- } .disabled\:bg-surface-700:disabled {
1853
- background-color: var(--surface-700);
1854
- } .disabled\:bg-surface-800:disabled {
1855
- background-color: var(--surface-800);
1856
- } .disabled\:text-surface-400:disabled {
1857
- color: var(--surface-400);
1858
- } .disabled\:text-surface-500:disabled {
1859
- color: var(--surface-500);
1860
- } .disabled\:opacity-30:disabled {
1861
- opacity: 0.3;
1862
- } .disabled\:opacity-40:disabled {
1863
- opacity: 0.4;
1864
- } .disabled\:opacity-50:disabled {
1865
- opacity: 0.5;
1866
- } .group\/tip:hover .group-hover\/tip\:block {
1867
- display: block;
1868
- } .group:hover .group-hover\:flex {
1869
- display: flex;
1870
- } .group:hover .group-hover\:opacity-100 {
1871
- opacity: 1;
1872
- } @media (min-width: 1024px) {
1873
-
1874
- .lg\:block {
1875
- display: block;
1876
- }
1877
- }