@testsmith/api-spector 0.0.4 → 0.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,1865 +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
- .bottom-full {
538
- bottom: 100%;
539
- }
540
- .left-0 {
541
- left: 0px;
542
- }
543
- .left-1\/2 {
544
- left: 50%;
545
- }
546
- .right-0 {
547
- right: 0px;
548
- }
549
- .right-1 {
550
- right: 0.25rem;
551
- }
552
- .top-0 {
553
- top: 0px;
554
- }
555
- .top-1 {
556
- top: 0.25rem;
557
- }
558
- .top-full {
559
- top: 100%;
560
- }
561
- .z-50 {
562
- z-index: 50;
563
- }
564
- .z-\[200\] {
565
- z-index: 200;
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-8 {
784
- width: 2rem;
785
- }
786
- .w-\[420px\] {
787
- width: 420px;
788
- }
789
- .w-\[480px\] {
790
- width: 480px;
791
- }
792
- .w-\[500px\] {
793
- width: 500px;
794
- }
795
- .w-\[520px\] {
796
- width: 520px;
797
- }
798
- .w-\[560px\] {
799
- width: 560px;
800
- }
801
- .w-\[680px\] {
802
- width: 680px;
803
- }
804
- .w-\[780px\] {
805
- width: 780px;
806
- }
807
- .w-full {
808
- width: 100%;
809
- }
810
- .w-px {
811
- width: 1px;
812
- }
813
- .min-w-0 {
814
- min-width: 0px;
815
- }
816
- .min-w-\[100px\] {
817
- min-width: 100px;
818
- }
819
- .min-w-\[120px\] {
820
- min-width: 120px;
821
- }
822
- .min-w-\[160px\] {
823
- min-width: 160px;
824
- }
825
- .min-w-\[220px\] {
826
- min-width: 220px;
827
- }
828
- .min-w-\[240px\] {
829
- min-width: 240px;
830
- }
831
- .min-w-\[72px\] {
832
- min-width: 72px;
833
- }
834
- .max-w-4xl {
835
- max-width: 56rem;
836
- }
837
- .max-w-\[120px\] {
838
- max-width: 120px;
839
- }
840
- .max-w-\[140px\] {
841
- max-width: 140px;
842
- }
843
- .max-w-\[180px\] {
844
- max-width: 180px;
845
- }
846
- .max-w-\[200px\] {
847
- max-width: 200px;
848
- }
849
- .max-w-\[260px\] {
850
- max-width: 260px;
851
- }
852
- .max-w-\[420px\] {
853
- max-width: 420px;
854
- }
855
- .max-w-\[60px\] {
856
- max-width: 60px;
857
- }
858
- .max-w-\[64px\] {
859
- max-width: 64px;
860
- }
861
- .max-w-sm {
862
- max-width: 24rem;
863
- }
864
- .max-w-xs {
865
- max-width: 20rem;
866
- }
867
- .flex-1 {
868
- flex: 1 1 0%;
869
- }
870
- .flex-shrink-0 {
871
- flex-shrink: 0;
872
- }
873
- .shrink-0 {
874
- flex-shrink: 0;
875
- }
876
- .border-collapse {
877
- border-collapse: collapse;
878
- }
879
- .-translate-x-1\/2 {
880
- --tw-translate-x: -50%;
881
- 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));
882
- }
883
- .transform {
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
- @keyframes pulse {
887
-
888
- 50% {
889
- opacity: .5;
890
- }
891
- }
892
- .animate-pulse {
893
- animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
894
- }
895
- .cursor-default {
896
- cursor: default;
897
- }
898
- .cursor-pointer {
899
- cursor: pointer;
900
- }
901
- .select-none {
902
- -webkit-user-select: none;
903
- -moz-user-select: none;
904
- user-select: none;
905
- }
906
- .select-all {
907
- -webkit-user-select: all;
908
- -moz-user-select: all;
909
- user-select: all;
910
- }
911
- .resize-none {
912
- resize: none;
913
- }
914
- .resize-y {
915
- resize: vertical;
916
- }
917
- .grid-cols-2 {
918
- grid-template-columns: repeat(2, minmax(0, 1fr));
919
- }
920
- .flex-col {
921
- flex-direction: column;
922
- }
923
- .flex-wrap {
924
- flex-wrap: wrap;
925
- }
926
- .items-start {
927
- align-items: flex-start;
928
- }
929
- .items-end {
930
- align-items: flex-end;
931
- }
932
- .items-center {
933
- align-items: center;
934
- }
935
- .items-baseline {
936
- align-items: baseline;
937
- }
938
- .justify-end {
939
- justify-content: flex-end;
940
- }
941
- .justify-center {
942
- justify-content: center;
943
- }
944
- .justify-between {
945
- justify-content: space-between;
946
- }
947
- .gap-0 {
948
- gap: 0px;
949
- }
950
- .gap-0\.5 {
951
- gap: 0.125rem;
952
- }
953
- .gap-1 {
954
- gap: 0.25rem;
955
- }
956
- .gap-1\.5 {
957
- gap: 0.375rem;
958
- }
959
- .gap-2 {
960
- gap: 0.5rem;
961
- }
962
- .gap-3 {
963
- gap: 0.75rem;
964
- }
965
- .gap-4 {
966
- gap: 1rem;
967
- }
968
- .gap-6 {
969
- gap: 1.5rem;
970
- }
971
- .space-y-1 > :not([hidden]) ~ :not([hidden]) {
972
- --tw-space-y-reverse: 0;
973
- margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
974
- margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
975
- }
976
- .self-end {
977
- align-self: flex-end;
978
- }
979
- .overflow-auto {
980
- overflow: auto;
981
- }
982
- .overflow-hidden {
983
- overflow: hidden;
984
- }
985
- .overflow-x-auto {
986
- overflow-x: auto;
987
- }
988
- .overflow-y-auto {
989
- overflow-y: auto;
990
- }
991
- .overflow-x-hidden {
992
- overflow-x: hidden;
993
- }
994
- .truncate {
995
- overflow: hidden;
996
- text-overflow: ellipsis;
997
- white-space: nowrap;
998
- }
999
- .whitespace-nowrap {
1000
- white-space: nowrap;
1001
- }
1002
- .whitespace-pre-wrap {
1003
- white-space: pre-wrap;
1004
- }
1005
- .break-all {
1006
- word-break: break-all;
1007
- }
1008
- .rounded {
1009
- border-radius: 0.25rem;
1010
- }
1011
- .rounded-full {
1012
- border-radius: 9999px;
1013
- }
1014
- .rounded-lg {
1015
- border-radius: 0.5rem;
1016
- }
1017
- .rounded-sm {
1018
- border-radius: 0.125rem;
1019
- }
1020
- .rounded-xl {
1021
- border-radius: 0.75rem;
1022
- }
1023
- .rounded-r {
1024
- border-top-right-radius: 0.25rem;
1025
- border-bottom-right-radius: 0.25rem;
1026
- }
1027
- .border {
1028
- border-width: 1px;
1029
- }
1030
- .border-x {
1031
- border-left-width: 1px;
1032
- border-right-width: 1px;
1033
- }
1034
- .border-b {
1035
- border-bottom-width: 1px;
1036
- }
1037
- .border-b-2 {
1038
- border-bottom-width: 2px;
1039
- }
1040
- .border-l {
1041
- border-left-width: 1px;
1042
- }
1043
- .border-l-2 {
1044
- border-left-width: 2px;
1045
- }
1046
- .border-r {
1047
- border-right-width: 1px;
1048
- }
1049
- .border-t {
1050
- border-top-width: 1px;
1051
- }
1052
- .border-blue-500 {
1053
- border-color: var(--ts-blue-500);
1054
- }
1055
- .border-blue-700 {
1056
- border-color: var(--ts-blue-700);
1057
- }
1058
- .border-blue-800 {
1059
- --tw-border-opacity: 1;
1060
- border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
1061
- }
1062
- .border-blue-800\/40 {
1063
- border-color: rgb(30 64 175 / 0.4);
1064
- }
1065
- .border-blue-800\/50 {
1066
- border-color: rgb(30 64 175 / 0.5);
1067
- }
1068
- .border-emerald-700 {
1069
- --tw-border-opacity: 1;
1070
- border-color: rgb(4 120 87 / var(--tw-border-opacity, 1));
1071
- }
1072
- .border-emerald-800 {
1073
- border-color: var(--ts-green-800);
1074
- }
1075
- .border-red-600 {
1076
- --tw-border-opacity: 1;
1077
- border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
1078
- }
1079
- .border-red-700 {
1080
- --tw-border-opacity: 1;
1081
- border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
1082
- }
1083
- .border-red-700\/50 {
1084
- border-color: rgb(185 28 28 / 0.5);
1085
- }
1086
- .border-red-800 {
1087
- --tw-border-opacity: 1;
1088
- border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
1089
- }
1090
- .border-red-800\/50 {
1091
- border-color: rgb(153 27 27 / 0.5);
1092
- }
1093
- .border-red-800\/60 {
1094
- border-color: rgb(153 27 27 / 0.6);
1095
- }
1096
- .border-surface-700 {
1097
- border-color: var(--surface-700);
1098
- }
1099
- .border-surface-800 {
1100
- border-color: var(--surface-800);
1101
- }
1102
- .border-transparent {
1103
- border-color: transparent;
1104
- }
1105
- .border-white\/10 {
1106
- border-color: rgb(255 255 255 / 0.1);
1107
- }
1108
- .border-yellow-800 {
1109
- --tw-border-opacity: 1;
1110
- border-color: rgb(133 77 14 / var(--tw-border-opacity, 1));
1111
- }
1112
- .border-b-blue-500 {
1113
- border-bottom-color: var(--ts-blue-500);
1114
- }
1115
- .bg-\[\#1e1b2e\] {
1116
- --tw-bg-opacity: 1;
1117
- background-color: rgb(30 27 46 / var(--tw-bg-opacity, 1));
1118
- }
1119
- .bg-amber-400 {
1120
- --tw-bg-opacity: 1;
1121
- background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
1122
- }
1123
- .bg-amber-700 {
1124
- --tw-bg-opacity: 1;
1125
- background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
1126
- }
1127
- .bg-black\/50 {
1128
- background-color: rgb(0 0 0 / 0.5);
1129
- }
1130
- .bg-black\/60 {
1131
- background-color: rgb(0 0 0 / 0.6);
1132
- }
1133
- .bg-blue-400 {
1134
- background-color: var(--ts-blue-400);
1135
- }
1136
- .bg-blue-600 {
1137
- background-color: var(--ts-blue-600);
1138
- }
1139
- .bg-blue-700 {
1140
- background-color: var(--ts-blue-700);
1141
- }
1142
- .bg-blue-900\/20 {
1143
- background-color: rgb(30 58 138 / 0.2);
1144
- }
1145
- .bg-blue-900\/30 {
1146
- background-color: rgb(30 58 138 / 0.3);
1147
- }
1148
- .bg-blue-900\/50 {
1149
- background-color: rgb(30 58 138 / 0.5);
1150
- }
1151
- .bg-blue-950\/40 {
1152
- background-color: rgb(23 37 84 / 0.4);
1153
- }
1154
- .bg-blue-950\/50 {
1155
- background-color: rgb(23 37 84 / 0.5);
1156
- }
1157
- .bg-cyan-700 {
1158
- --tw-bg-opacity: 1;
1159
- background-color: rgb(14 116 144 / var(--tw-bg-opacity, 1));
1160
- }
1161
- .bg-emerald-400 {
1162
- background-color: var(--ts-green-400);
1163
- }
1164
- .bg-emerald-500 {
1165
- --tw-bg-opacity: 1;
1166
- background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
1167
- }
1168
- .bg-emerald-700 {
1169
- --tw-bg-opacity: 1;
1170
- background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
1171
- }
1172
- .bg-emerald-950\/30 {
1173
- background-color: rgb(2 44 34 / 0.3);
1174
- }
1175
- .bg-orange-500 {
1176
- --tw-bg-opacity: 1;
1177
- background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
1178
- }
1179
- .bg-red-500 {
1180
- --tw-bg-opacity: 1;
1181
- background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
1182
- }
1183
- .bg-red-700 {
1184
- --tw-bg-opacity: 1;
1185
- background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
1186
- }
1187
- .bg-red-800 {
1188
- --tw-bg-opacity: 1;
1189
- background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
1190
- }
1191
- .bg-red-900\/20 {
1192
- background-color: rgb(127 29 29 / 0.2);
1193
- }
1194
- .bg-red-900\/30 {
1195
- background-color: rgb(127 29 29 / 0.3);
1196
- }
1197
- .bg-red-900\/40 {
1198
- background-color: rgb(127 29 29 / 0.4);
1199
- }
1200
- .bg-red-900\/50 {
1201
- background-color: rgb(127 29 29 / 0.5);
1202
- }
1203
- .bg-red-950 {
1204
- --tw-bg-opacity: 1;
1205
- background-color: rgb(69 10 10 / var(--tw-bg-opacity, 1));
1206
- }
1207
- .bg-red-950\/20 {
1208
- background-color: rgb(69 10 10 / 0.2);
1209
- }
1210
- .bg-red-950\/30 {
1211
- background-color: rgb(69 10 10 / 0.3);
1212
- }
1213
- .bg-red-950\/50 {
1214
- background-color: rgb(69 10 10 / 0.5);
1215
- }
1216
- .bg-surface-700 {
1217
- background-color: var(--surface-700);
1218
- }
1219
- .bg-surface-800 {
1220
- background-color: var(--surface-800);
1221
- }
1222
- .bg-surface-900 {
1223
- background-color: var(--surface-900);
1224
- }
1225
- .bg-surface-950 {
1226
- background-color: var(--surface-950);
1227
- }
1228
- .bg-transparent {
1229
- background-color: transparent;
1230
- }
1231
- .bg-yellow-950 {
1232
- --tw-bg-opacity: 1;
1233
- background-color: rgb(66 32 6 / var(--tw-bg-opacity, 1));
1234
- }
1235
- .p-0\.5 {
1236
- padding: 0.125rem;
1237
- }
1238
- .p-2 {
1239
- padding: 0.5rem;
1240
- }
1241
- .p-3 {
1242
- padding: 0.75rem;
1243
- }
1244
- .p-4 {
1245
- padding: 1rem;
1246
- }
1247
- .p-5 {
1248
- padding: 1.25rem;
1249
- }
1250
- .p-6 {
1251
- padding: 1.5rem;
1252
- }
1253
- .p-8 {
1254
- padding: 2rem;
1255
- }
1256
- .px-0\.5 {
1257
- padding-left: 0.125rem;
1258
- padding-right: 0.125rem;
1259
- }
1260
- .px-1 {
1261
- padding-left: 0.25rem;
1262
- padding-right: 0.25rem;
1263
- }
1264
- .px-1\.5 {
1265
- padding-left: 0.375rem;
1266
- padding-right: 0.375rem;
1267
- }
1268
- .px-2 {
1269
- padding-left: 0.5rem;
1270
- padding-right: 0.5rem;
1271
- }
1272
- .px-2\.5 {
1273
- padding-left: 0.625rem;
1274
- padding-right: 0.625rem;
1275
- }
1276
- .px-3 {
1277
- padding-left: 0.75rem;
1278
- padding-right: 0.75rem;
1279
- }
1280
- .px-4 {
1281
- padding-left: 1rem;
1282
- padding-right: 1rem;
1283
- }
1284
- .px-5 {
1285
- padding-left: 1.25rem;
1286
- padding-right: 1.25rem;
1287
- }
1288
- .px-6 {
1289
- padding-left: 1.5rem;
1290
- padding-right: 1.5rem;
1291
- }
1292
- .py-0\.5 {
1293
- padding-top: 0.125rem;
1294
- padding-bottom: 0.125rem;
1295
- }
1296
- .py-1 {
1297
- padding-top: 0.25rem;
1298
- padding-bottom: 0.25rem;
1299
- }
1300
- .py-1\.5 {
1301
- padding-top: 0.375rem;
1302
- padding-bottom: 0.375rem;
1303
- }
1304
- .py-2 {
1305
- padding-top: 0.5rem;
1306
- padding-bottom: 0.5rem;
1307
- }
1308
- .py-2\.5 {
1309
- padding-top: 0.625rem;
1310
- padding-bottom: 0.625rem;
1311
- }
1312
- .py-3 {
1313
- padding-top: 0.75rem;
1314
- padding-bottom: 0.75rem;
1315
- }
1316
- .py-4 {
1317
- padding-top: 1rem;
1318
- padding-bottom: 1rem;
1319
- }
1320
- .py-6 {
1321
- padding-top: 1.5rem;
1322
- padding-bottom: 1.5rem;
1323
- }
1324
- .py-8 {
1325
- padding-top: 2rem;
1326
- padding-bottom: 2rem;
1327
- }
1328
- .py-px {
1329
- padding-top: 1px;
1330
- padding-bottom: 1px;
1331
- }
1332
- .pb-1 {
1333
- padding-bottom: 0.25rem;
1334
- }
1335
- .pb-1\.5 {
1336
- padding-bottom: 0.375rem;
1337
- }
1338
- .pb-2 {
1339
- padding-bottom: 0.5rem;
1340
- }
1341
- .pb-3 {
1342
- padding-bottom: 0.75rem;
1343
- }
1344
- .pl-1 {
1345
- padding-left: 0.25rem;
1346
- }
1347
- .pl-2 {
1348
- padding-left: 0.5rem;
1349
- }
1350
- .pr-1 {
1351
- padding-right: 0.25rem;
1352
- }
1353
- .pr-2 {
1354
- padding-right: 0.5rem;
1355
- }
1356
- .pr-4 {
1357
- padding-right: 1rem;
1358
- }
1359
- .pt-1 {
1360
- padding-top: 0.25rem;
1361
- }
1362
- .pt-16 {
1363
- padding-top: 4rem;
1364
- }
1365
- .pt-20 {
1366
- padding-top: 5rem;
1367
- }
1368
- .pt-3 {
1369
- padding-top: 0.75rem;
1370
- }
1371
- .pt-\[20vh\] {
1372
- padding-top: 20vh;
1373
- }
1374
- .text-left {
1375
- text-align: left;
1376
- }
1377
- .text-center {
1378
- text-align: center;
1379
- }
1380
- .text-right {
1381
- text-align: right;
1382
- }
1383
- .align-top {
1384
- vertical-align: top;
1385
- }
1386
- .font-mono {
1387
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
1388
- }
1389
- .font-sans {
1390
- font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1391
- }
1392
- .text-2xl {
1393
- font-size: 1.5rem;
1394
- line-height: 2rem;
1395
- }
1396
- .text-4xl {
1397
- font-size: 2.25rem;
1398
- line-height: 2.5rem;
1399
- }
1400
- .text-\[10px\] {
1401
- font-size: 10px;
1402
- }
1403
- .text-\[11px\] {
1404
- font-size: 11px;
1405
- }
1406
- .text-\[9px\] {
1407
- font-size: 9px;
1408
- }
1409
- .text-base {
1410
- font-size: 1rem;
1411
- line-height: 1.5rem;
1412
- }
1413
- .text-lg {
1414
- font-size: 1.125rem;
1415
- line-height: 1.75rem;
1416
- }
1417
- .text-sm {
1418
- font-size: 0.875rem;
1419
- line-height: 1.25rem;
1420
- }
1421
- .text-xs {
1422
- font-size: 0.75rem;
1423
- line-height: 1rem;
1424
- }
1425
- .font-bold {
1426
- font-weight: 700;
1427
- }
1428
- .font-medium {
1429
- font-weight: 500;
1430
- }
1431
- .font-normal {
1432
- font-weight: 400;
1433
- }
1434
- .font-semibold {
1435
- font-weight: 600;
1436
- }
1437
- .uppercase {
1438
- text-transform: uppercase;
1439
- }
1440
- .capitalize {
1441
- text-transform: capitalize;
1442
- }
1443
- .normal-case {
1444
- text-transform: none;
1445
- }
1446
- .italic {
1447
- font-style: italic;
1448
- }
1449
- .leading-4 {
1450
- line-height: 1rem;
1451
- }
1452
- .leading-5 {
1453
- line-height: 1.25rem;
1454
- }
1455
- .leading-none {
1456
- line-height: 1;
1457
- }
1458
- .leading-relaxed {
1459
- line-height: 1.625;
1460
- }
1461
- .tracking-normal {
1462
- letter-spacing: 0em;
1463
- }
1464
- .tracking-wide {
1465
- letter-spacing: 0.025em;
1466
- }
1467
- .tracking-wider {
1468
- letter-spacing: 0.05em;
1469
- }
1470
- .tracking-widest {
1471
- letter-spacing: 0.1em;
1472
- }
1473
- .text-\[var\(--text-primary\)\] {
1474
- color: var(--text-primary);
1475
- }
1476
- .text-amber-300 {
1477
- --tw-text-opacity: 1;
1478
- color: rgb(252 211 77 / var(--tw-text-opacity, 1));
1479
- }
1480
- .text-amber-400 {
1481
- --tw-text-opacity: 1;
1482
- color: rgb(251 191 36 / var(--tw-text-opacity, 1));
1483
- }
1484
- .text-amber-600 {
1485
- --tw-text-opacity: 1;
1486
- color: rgb(217 119 6 / var(--tw-text-opacity, 1));
1487
- }
1488
- .text-blue-200 {
1489
- --tw-text-opacity: 1;
1490
- color: rgb(191 219 254 / var(--tw-text-opacity, 1));
1491
- }
1492
- .text-blue-300 {
1493
- --tw-text-opacity: 1;
1494
- color: rgb(147 197 253 / var(--tw-text-opacity, 1));
1495
- }
1496
- .text-blue-400 {
1497
- color: var(--ts-blue-400);
1498
- }
1499
- .text-blue-500 {
1500
- color: var(--ts-blue-500);
1501
- }
1502
- .text-cyan-200 {
1503
- --tw-text-opacity: 1;
1504
- color: rgb(165 243 252 / var(--tw-text-opacity, 1));
1505
- }
1506
- .text-cyan-400 {
1507
- --tw-text-opacity: 1;
1508
- color: rgb(34 211 238 / var(--tw-text-opacity, 1));
1509
- }
1510
- .text-emerald-300 {
1511
- --tw-text-opacity: 1;
1512
- color: rgb(110 231 183 / var(--tw-text-opacity, 1));
1513
- }
1514
- .text-emerald-400 {
1515
- color: var(--ts-green-400);
1516
- }
1517
- .text-emerald-500 {
1518
- --tw-text-opacity: 1;
1519
- color: rgb(16 185 129 / var(--tw-text-opacity, 1));
1520
- }
1521
- .text-gray-300 {
1522
- --tw-text-opacity: 1;
1523
- color: rgb(209 213 219 / var(--tw-text-opacity, 1));
1524
- }
1525
- .text-gray-400 {
1526
- --tw-text-opacity: 1;
1527
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
1528
- }
1529
- .text-orange-400 {
1530
- --tw-text-opacity: 1;
1531
- color: rgb(251 146 60 / var(--tw-text-opacity, 1));
1532
- }
1533
- .text-purple-400 {
1534
- --tw-text-opacity: 1;
1535
- color: rgb(192 132 252 / var(--tw-text-opacity, 1));
1536
- }
1537
- .text-red-200 {
1538
- --tw-text-opacity: 1;
1539
- color: rgb(254 202 202 / var(--tw-text-opacity, 1));
1540
- }
1541
- .text-red-300 {
1542
- --tw-text-opacity: 1;
1543
- color: rgb(252 165 165 / var(--tw-text-opacity, 1));
1544
- }
1545
- .text-red-400 {
1546
- --tw-text-opacity: 1;
1547
- color: rgb(248 113 113 / var(--tw-text-opacity, 1));
1548
- }
1549
- .text-red-500 {
1550
- --tw-text-opacity: 1;
1551
- color: rgb(239 68 68 / var(--tw-text-opacity, 1));
1552
- }
1553
- .text-surface-100 {
1554
- color: var(--surface-100);
1555
- }
1556
- .text-surface-200 {
1557
- color: var(--surface-200);
1558
- }
1559
- .text-surface-400 {
1560
- color: var(--surface-400);
1561
- }
1562
- .text-surface-500 {
1563
- color: var(--surface-500);
1564
- }
1565
- .text-surface-700 {
1566
- color: var(--surface-700);
1567
- }
1568
- .text-white {
1569
- --tw-text-opacity: 1;
1570
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1571
- }
1572
- .placeholder-surface-700::-moz-placeholder {
1573
- color: var(--surface-700);
1574
- }
1575
- .placeholder-surface-700::placeholder {
1576
- color: var(--surface-700);
1577
- }
1578
- .accent-blue-500 {
1579
- accent-color: var(--ts-blue-500);
1580
- }
1581
- .opacity-0 {
1582
- opacity: 0;
1583
- }
1584
- .opacity-30 {
1585
- opacity: 0.3;
1586
- }
1587
- .opacity-50 {
1588
- opacity: 0.5;
1589
- }
1590
- .shadow-2xl {
1591
- --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
1592
- --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
1593
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1594
- }
1595
- .shadow-lg {
1596
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1597
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1598
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1599
- }
1600
- .shadow-xl {
1601
- --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
1602
- --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
1603
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1604
- }
1605
- .ring-1 {
1606
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1607
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1608
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1609
- }
1610
- .ring-red-500 {
1611
- --tw-ring-opacity: 1;
1612
- --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
1613
- }
1614
- .filter {
1615
- 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);
1616
- }
1617
- .transition-all {
1618
- transition-property: all;
1619
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1620
- transition-duration: 150ms;
1621
- }
1622
- .transition-colors {
1623
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
1624
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1625
- transition-duration: 150ms;
1626
- }
1627
- .transition-opacity {
1628
- transition-property: opacity;
1629
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1630
- transition-duration: 150ms;
1631
- }
1632
- .ease-in-out {
1633
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1634
- }
1635
-
1636
- /* ─── Testsmith brand tokens ────────────────────────────────────────────────── */
1637
- :root {
1638
- /* Blue (#205d96) scale */
1639
- --ts-blue-400: #6aa3c8;
1640
- --ts-blue-500: #3d7fb2;
1641
- --ts-blue-600: #205d96;
1642
- --ts-blue-700: #1a4e7e;
1643
-
1644
- /* Green (#9fc93c) scale */
1645
- --ts-green-400: #9fc93c;
1646
- --ts-green-800: #4a5e1d;
1647
- --ts-green-900: #2d3a12;
1648
-
1649
- /* Drag region height */
1650
- --drag-region: 28px;
1651
- }
1652
-
1653
- /* ─── Dark theme (default) ─────────────────────────────────────────────────── */
1654
- /* Charcoal-purple scale — lifted from near-black to a comfortable slate */
1655
- :root {
1656
- --surface-50: #f0eff4;
1657
- --surface-100: #dddce3;
1658
- --surface-200: #c4c2cb;
1659
- --surface-400: #9d9aa8;
1660
- --surface-500: #7a7785;
1661
- --surface-700: #615e6d;
1662
- --surface-800: #3d3b48;
1663
- --surface-900: #312f3b;
1664
- --surface-950: #272630;
1665
- --text-primary: #e4e3ea;
1666
- --text-muted: #9d9aa8;
1667
-
1668
- --bg-app: #272630;
1669
- --border: #3d3b48;
1670
- }
1671
-
1672
- /* ─── Light theme ──────────────────────────────────────────────────────────── */
1673
- /* Warm stone scale — pulled down from near-white to a readable grey-paper */
1674
- :root.light {
1675
- --surface-50: #272630;
1676
- --surface-100: #312f3b;
1677
- --surface-200: #3d3b48;
1678
- --surface-400: #615e6d;
1679
- --surface-500: #716e7b;
1680
- --surface-700: #908e9a;
1681
- --surface-800: #c4c2cb;
1682
- --surface-900: #d5d3dc;
1683
- --surface-950: #e2e0e9;
1684
- --text-primary: #1c1b24;
1685
- --text-muted: #615e6d;
1686
-
1687
- --bg-app: #e2e0e9;
1688
- --border: #c4c2cb;
1689
-
1690
- /* Green: darken for legibility on light background (#9fc93c → ~35% lightness) */
1691
- --ts-green-400: #567818;
1692
- }
1693
-
1694
- * { box-sizing: border-box; }
1695
-
1696
- body {
1697
- margin: 0;
1698
- padding: 0;
1699
- font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
1700
- font-size: 13px;
1701
- background: var(--bg-app);
1702
- color: var(--text-primary);
1703
- overflow: hidden;
1704
- }
1705
-
1706
- .drag-region { -webkit-app-region: drag; height: var(--drag-region); }
1707
- .no-drag { -webkit-app-region: no-drag; }
1708
-
1709
- ::-webkit-scrollbar { width: 6px; height: 6px; }
1710
- ::-webkit-scrollbar-track { background: transparent; }
1711
- ::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
1712
-
1713
- .cm-editor { height: 100%; }
1714
- .cm-scroller { overflow: auto; }
1715
-
1716
- /* ─── Light mode: re-map white to readable primary text ───────────────────── */
1717
- /* In dark mode "text-white" means "foreground text". In light mode it becomes */
1718
- /* invisible (white-on-white). Override to the semantic primary text color. */
1719
- :root.light .text-white,
1720
- :root.light .hover\:text-white:hover {
1721
- color: var(--text-primary) !important;
1722
- }
1723
- /* Exception: coloured action buttons must keep white text regardless */
1724
- :root.light .bg-blue-500,
1725
- :root.light .bg-blue-600,
1726
- :root.light .bg-blue-700,
1727
- :root.light .hover\:bg-blue-500:hover,
1728
- :root.light .hover\:bg-blue-600:hover,
1729
- :root.light .bg-emerald-600,
1730
- :root.light .bg-red-600,
1731
- :root.light .bg-amber-600,
1732
- :root.light .bg-orange-600 {
1733
- color: #ffffff !important;
1734
- }
1735
- /* Inputs & textareas need dark placeholder text in light mode */
1736
- :root.light input::-moz-placeholder, :root.light textarea::-moz-placeholder {
1737
- color: var(--text-muted) !important;
1738
- opacity: 1;
1739
- }
1740
- :root.light input::placeholder,
1741
- :root.light textarea::placeholder {
1742
- color: var(--text-muted) !important;
1743
- opacity: 1;
1744
- }
1745
- /* Ensure surface-800 interactive backgrounds are clearly visible in light mode */
1746
- :root.light .bg-surface-800 {
1747
- background-color: var(--surface-800);
1748
- }
1749
- /* Option elements inherit white bg from OS in light mode – ensure readable text */
1750
- :root.light option {
1751
- color: #1c1b24;
1752
- background: #d5d3dc;
1753
- }
1754
-
1755
- /* ─── Light mode: semantic status colors ────────────────────────────────────── */
1756
- /* Red — errors, failures */
1757
- :root.light .text-red-300 { color: #b91c1c !important; } /* red-700 */
1758
- :root.light .text-red-400 { color: #dc2626 !important; } /* red-600 */
1759
- :root.light .text-red-500 { color: #991b1b !important; } /* red-800 */
1760
- :root.light .bg-red-900\/30 { background-color: #fee2e2 !important; } /* red-100 */
1761
- :root.light .bg-red-900\/20 { background-color: #fef2f2 !important; } /* red-50 */
1762
- :root.light .border-red-700 { border-color: #fca5a5 !important; } /* red-300 */
1763
- :root.light .border-red-800 { border-color: #fca5a5 !important; } /* red-300 */
1764
-
1765
- /* Emerald — success, passed tests, diff additions */
1766
- :root.light .text-emerald-300 { color: #15803d !important; } /* green-700 */
1767
- :root.light .text-emerald-400 { color: #16a34a !important; } /* green-600 */
1768
- :root.light .bg-emerald-900\/20 { background-color: #f0fdf4 !important; } /* green-50 */
1769
- :root.light .bg-emerald-900\/30 { background-color: #dcfce7 !important; } /* green-100 */
1770
- :root.light .border-emerald-800 { border-color: #86efac !important; } /* green-300 */
1771
- :root.light .border-emerald-700 { border-color: #86efac !important; } /* green-300 */
1772
-
1773
- /* Amber — warnings */
1774
- :root.light .text-amber-300 { color: #b45309 !important; } /* amber-700 */
1775
- :root.light .text-amber-400 { color: #d97706 !important; } /* amber-500 */ .last\:border-0:last-child {
1776
- border-width: 0px;
1777
- } .hover\:scale-150:hover {
1778
- --tw-scale-x: 1.5;
1779
- --tw-scale-y: 1.5;
1780
- 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));
1781
- } .hover\:border-blue-500:hover {
1782
- border-color: var(--ts-blue-500);
1783
- } .hover\:border-surface-500:hover {
1784
- border-color: var(--surface-500);
1785
- } .hover\:bg-blue-500:hover {
1786
- background-color: var(--ts-blue-500);
1787
- } .hover\:bg-blue-600:hover {
1788
- background-color: var(--ts-blue-600);
1789
- } .hover\:bg-emerald-600:hover {
1790
- --tw-bg-opacity: 1;
1791
- background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
1792
- } .hover\:bg-red-600:hover {
1793
- --tw-bg-opacity: 1;
1794
- background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
1795
- } .hover\:bg-red-800:hover {
1796
- --tw-bg-opacity: 1;
1797
- background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
1798
- } .hover\:bg-red-900\/40:hover {
1799
- background-color: rgb(127 29 29 / 0.4);
1800
- } .hover\:bg-red-950\/50:hover {
1801
- background-color: rgb(69 10 10 / 0.5);
1802
- } .hover\:bg-surface-700:hover {
1803
- background-color: var(--surface-700);
1804
- } .hover\:bg-surface-800:hover {
1805
- background-color: var(--surface-800);
1806
- } .hover\:text-\[var\(--text-primary\)\]:hover {
1807
- color: var(--text-primary);
1808
- } .hover\:text-blue-300:hover {
1809
- --tw-text-opacity: 1;
1810
- color: rgb(147 197 253 / var(--tw-text-opacity, 1));
1811
- } .hover\:text-blue-400:hover {
1812
- color: var(--ts-blue-400);
1813
- } .hover\:text-emerald-400:hover {
1814
- color: var(--ts-green-400);
1815
- } .hover\:text-red-300:hover {
1816
- --tw-text-opacity: 1;
1817
- color: rgb(252 165 165 / var(--tw-text-opacity, 1));
1818
- } .hover\:text-red-400:hover {
1819
- --tw-text-opacity: 1;
1820
- color: rgb(248 113 113 / var(--tw-text-opacity, 1));
1821
- } .hover\:text-surface-200:hover {
1822
- color: var(--surface-200);
1823
- } .hover\:text-surface-400:hover {
1824
- color: var(--surface-400);
1825
- } .hover\:text-white:hover {
1826
- --tw-text-opacity: 1;
1827
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1828
- } .focus\:border-blue-500:focus {
1829
- border-color: var(--ts-blue-500);
1830
- } .focus\:outline-none:focus {
1831
- outline: 2px solid transparent;
1832
- outline-offset: 2px;
1833
- } .focus\:ring-1:focus {
1834
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1835
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1836
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1837
- } .focus\:ring-blue-500:focus {
1838
- --tw-ring-color: var(--ts-blue-500);
1839
- } .focus\:ring-red-500:focus {
1840
- --tw-ring-opacity: 1;
1841
- --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
1842
- } .disabled\:bg-surface-700:disabled {
1843
- background-color: var(--surface-700);
1844
- } .disabled\:bg-surface-800:disabled {
1845
- background-color: var(--surface-800);
1846
- } .disabled\:text-surface-400:disabled {
1847
- color: var(--surface-400);
1848
- } .disabled\:text-surface-500:disabled {
1849
- color: var(--surface-500);
1850
- } .disabled\:opacity-30:disabled {
1851
- opacity: 0.3;
1852
- } .disabled\:opacity-40:disabled {
1853
- opacity: 0.4;
1854
- } .disabled\:opacity-50:disabled {
1855
- opacity: 0.5;
1856
- } .group\/tip:hover .group-hover\/tip\:block {
1857
- display: block;
1858
- } .group:hover .group-hover\:opacity-100 {
1859
- opacity: 1;
1860
- } @media (min-width: 1024px) {
1861
-
1862
- .lg\:block {
1863
- display: block;
1864
- }
1865
- }