@mhamz.01/easyflow-whiteboard 2.111.0 → 2.112.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/styles.css +898 -2172
  2. package/package.json +1 -1
package/dist/styles.css CHANGED
@@ -1,2109 +1,968 @@
1
1
  /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
- @layer theme, base, components, utilities;
4
- @layer theme {
5
- :root, :host {
6
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
7
- "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
- --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
9
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
10
- "Courier New", monospace;
11
- --color-red-500: oklch(63.7% 0.237 25.331);
12
- --color-orange-500: oklch(70.5% 0.213 47.604);
13
- --color-emerald-500: oklch(69.6% 0.17 162.48);
14
- --color-blue-400: oklch(70.7% 0.165 254.624);
15
- --color-blue-500: oklch(62.3% 0.214 259.815);
16
- --color-gray-100: oklch(96.7% 0.003 264.542);
17
- --color-gray-200: oklch(92.8% 0.006 264.531);
18
- --color-gray-400: oklch(70.7% 0.022 261.325);
19
- --color-gray-500: oklch(55.1% 0.027 264.364);
20
- --color-gray-600: oklch(44.6% 0.03 256.802);
21
- --color-gray-700: oklch(37.3% 0.034 259.733);
22
- --color-gray-900: oklch(21% 0.034 264.665);
23
- --color-neutral-100: oklch(97% 0 0);
24
- --color-neutral-200: oklch(92.2% 0 0);
25
- --color-neutral-300: oklch(87% 0 0);
26
- --color-neutral-400: oklch(70.8% 0 0);
27
- --color-neutral-500: oklch(55.6% 0 0);
28
- --color-neutral-700: oklch(37.1% 0 0);
29
- --color-neutral-800: oklch(26.9% 0 0);
30
- --color-neutral-900: oklch(20.5% 0 0);
31
- --color-black: #000;
32
- --color-white: #fff;
33
- --spacing: 0.25rem;
34
- --text-xs: 0.75rem;
35
- --text-xs--line-height: calc(1 / 0.75);
36
- --text-sm: 0.875rem;
37
- --text-sm--line-height: calc(1.25 / 0.875);
38
- --text-lg: 1.125rem;
39
- --text-lg--line-height: calc(1.75 / 1.125);
40
- --font-weight-normal: 400;
41
- --font-weight-medium: 500;
42
- --font-weight-semibold: 600;
43
- --font-weight-bold: 700;
44
- --tracking-tighter: -0.05em;
45
- --tracking-tight: -0.025em;
46
- --tracking-wide: 0.025em;
47
- --tracking-wider: 0.05em;
48
- --tracking-widest: 0.1em;
49
- --leading-tight: 1.25;
50
- --leading-snug: 1.375;
51
- --leading-relaxed: 1.625;
52
- --radius-sm: 0.25rem;
53
- --radius-md: 0.375rem;
54
- --radius-lg: 0.5rem;
55
- --radius-xl: 0.75rem;
56
- --radius-2xl: 1rem;
57
- --ease-out: cubic-bezier(0, 0, 0.2, 1);
58
- --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
59
- --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
60
- --blur-sm: 8px;
61
- --blur-md: 12px;
62
- --blur-xl: 24px;
63
- --blur-2xl: 40px;
64
- --default-transition-duration: 150ms;
65
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
66
- --default-font-family: var(--font-sans);
67
- --default-mono-font-family: var(--font-mono);
68
- }
3
+ .pointer-events-auto {
4
+ pointer-events: auto;
69
5
  }
70
- @layer base {
71
- *, ::after, ::before, ::backdrop, ::file-selector-button {
72
- box-sizing: border-box;
73
- margin: 0;
74
- padding: 0;
75
- border: 0 solid;
76
- }
77
- html, :host {
78
- line-height: 1.5;
79
- -webkit-text-size-adjust: 100%;
80
- tab-size: 4;
81
- font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
82
- font-feature-settings: var(--default-font-feature-settings, normal);
83
- font-variation-settings: var(--default-font-variation-settings, normal);
84
- -webkit-tap-highlight-color: transparent;
85
- }
86
- hr {
87
- height: 0;
88
- color: inherit;
89
- border-top-width: 1px;
90
- }
91
- abbr:where([title]) {
92
- -webkit-text-decoration: underline dotted;
93
- text-decoration: underline dotted;
94
- }
95
- h1, h2, h3, h4, h5, h6 {
96
- font-size: inherit;
97
- font-weight: inherit;
98
- }
99
- a {
100
- color: inherit;
101
- -webkit-text-decoration: inherit;
102
- text-decoration: inherit;
103
- }
104
- b, strong {
105
- font-weight: bolder;
106
- }
107
- code, kbd, samp, pre {
108
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
109
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
110
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
111
- font-size: 1em;
112
- }
113
- small {
114
- font-size: 80%;
115
- }
116
- sub, sup {
117
- font-size: 75%;
118
- line-height: 0;
119
- position: relative;
120
- vertical-align: baseline;
121
- }
122
- sub {
123
- bottom: -0.25em;
124
- }
125
- sup {
126
- top: -0.5em;
127
- }
128
- table {
129
- text-indent: 0;
130
- border-color: inherit;
131
- border-collapse: collapse;
132
- }
133
- :-moz-focusring {
134
- outline: auto;
135
- }
136
- progress {
137
- vertical-align: baseline;
138
- }
139
- summary {
140
- display: list-item;
141
- }
142
- ol, ul, menu {
143
- list-style: none;
144
- }
145
- img, svg, video, canvas, audio, iframe, embed, object {
146
- display: block;
147
- vertical-align: middle;
148
- }
149
- img, video {
150
- max-width: 100%;
151
- height: auto;
152
- }
153
- button, input, select, optgroup, textarea, ::file-selector-button {
154
- font: inherit;
155
- font-feature-settings: inherit;
156
- font-variation-settings: inherit;
157
- letter-spacing: inherit;
158
- color: inherit;
159
- border-radius: 0;
160
- background-color: transparent;
161
- opacity: 1;
162
- }
163
- :where(select:is([multiple], [size])) optgroup {
164
- font-weight: bolder;
165
- }
166
- :where(select:is([multiple], [size])) optgroup option {
167
- padding-inline-start: 20px;
168
- }
169
- ::file-selector-button {
170
- margin-inline-end: 4px;
171
- }
172
- ::placeholder {
173
- opacity: 1;
174
- }
175
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
176
- ::placeholder {
177
- color: currentcolor;
178
- @supports (color: color-mix(in lab, red, red)) {
179
- color: color-mix(in oklab, currentcolor 50%, transparent);
180
- }
181
- }
182
- }
183
- textarea {
184
- resize: vertical;
185
- }
186
- ::-webkit-search-decoration {
187
- -webkit-appearance: none;
188
- }
189
- ::-webkit-date-and-time-value {
190
- min-height: 1lh;
191
- text-align: inherit;
192
- }
193
- ::-webkit-datetime-edit {
194
- display: inline-flex;
195
- }
196
- ::-webkit-datetime-edit-fields-wrapper {
197
- padding: 0;
198
- }
199
- ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
200
- padding-block: 0;
201
- }
202
- ::-webkit-calendar-picker-indicator {
203
- line-height: 1;
204
- }
205
- :-moz-ui-invalid {
206
- box-shadow: none;
207
- }
208
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
209
- appearance: button;
210
- }
211
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
212
- height: auto;
213
- }
214
- [hidden]:where(:not([hidden="until-found"])) {
215
- display: none !important;
216
- }
6
+ .pointer-events-none {
7
+ pointer-events: none;
217
8
  }
218
- @layer utilities {
219
- .pointer-events-auto {
220
- pointer-events: auto;
221
- }
222
- .pointer-events-none {
223
- pointer-events: none;
224
- }
225
- .invisible {
226
- visibility: hidden;
227
- }
228
- .visible {
229
- visibility: visible;
230
- }
231
- .absolute {
232
- position: absolute;
233
- }
234
- .fixed {
235
- position: fixed;
236
- }
237
- .relative {
238
- position: relative;
239
- }
240
- .static {
241
- position: static;
242
- }
243
- .-inset-px {
244
- inset: -1px;
245
- }
246
- .inset-0 {
247
- inset: calc(var(--spacing) * 0);
248
- }
249
- .start {
250
- inset-inline-start: var(--spacing);
251
- }
252
- .end {
253
- inset-inline-end: var(--spacing);
254
- }
255
- .-top-11 {
256
- top: calc(var(--spacing) * -11);
257
- }
258
- .top-0 {
259
- top: calc(var(--spacing) * 0);
260
- }
261
- .top-1\/2 {
262
- top: calc(1 / 2 * 100%);
263
- }
264
- .top-3 {
265
- top: calc(var(--spacing) * 3);
266
- }
267
- .top-4 {
268
- top: calc(var(--spacing) * 4);
269
- }
270
- .top-6 {
271
- top: calc(var(--spacing) * 6);
272
- }
273
- .top-full {
274
- top: 100%;
275
- }
276
- .right-0 {
277
- right: calc(var(--spacing) * 0);
278
- }
279
- .right-4 {
280
- right: calc(var(--spacing) * 4);
281
- }
282
- .bottom-0 {
283
- bottom: calc(var(--spacing) * 0);
284
- }
285
- .bottom-3 {
286
- bottom: calc(var(--spacing) * 3);
287
- }
288
- .bottom-4 {
289
- bottom: calc(var(--spacing) * 4);
290
- }
291
- .bottom-6 {
292
- bottom: calc(var(--spacing) * 6);
293
- }
294
- .bottom-full {
295
- bottom: 100%;
296
- }
297
- .-left-\[1px\] {
298
- left: calc(1px * -1);
299
- }
300
- .left-0 {
301
- left: calc(var(--spacing) * 0);
302
- }
303
- .left-1\/2 {
304
- left: calc(1 / 2 * 100%);
305
- }
306
- .left-2 {
307
- left: calc(var(--spacing) * 2);
308
- }
309
- .left-3 {
310
- left: calc(var(--spacing) * 3);
311
- }
312
- .left-4 {
313
- left: calc(var(--spacing) * 4);
314
- }
315
- .-z-10 {
316
- z-index: calc(10 * -1);
317
- }
318
- .z-10 {
319
- z-index: 10;
320
- }
321
- .z-20 {
322
- z-index: 20;
323
- }
324
- .z-40 {
325
- z-index: 40;
326
- }
327
- .z-50 {
328
- z-index: 50;
329
- }
330
- .z-\[60\] {
331
- z-index: 60;
332
- }
333
- .z-\[100\] {
334
- z-index: 100;
335
- }
336
- .-mx-1 {
337
- margin-inline: calc(var(--spacing) * -1);
338
- }
339
- .mx-1 {
340
- margin-inline: calc(var(--spacing) * 1);
341
- }
342
- .mx-\[5px\] {
343
- margin-inline: 5px;
344
- }
345
- .my-1 {
346
- margin-block: calc(var(--spacing) * 1);
347
- }
348
- .mt-0\.5 {
349
- margin-top: calc(var(--spacing) * 0.5);
350
- }
351
- .mt-1 {
352
- margin-top: calc(var(--spacing) * 1);
353
- }
354
- .mt-2 {
355
- margin-top: calc(var(--spacing) * 2);
356
- }
357
- .mt-3 {
358
- margin-top: calc(var(--spacing) * 3);
359
- }
360
- .mt-4 {
361
- margin-top: calc(var(--spacing) * 4);
362
- }
363
- .mt-5 {
364
- margin-top: calc(var(--spacing) * 5);
365
- }
366
- .mb-1 {
367
- margin-bottom: calc(var(--spacing) * 1);
368
- }
369
- .mb-2 {
370
- margin-bottom: calc(var(--spacing) * 2);
371
- }
372
- .mb-4 {
373
- margin-bottom: calc(var(--spacing) * 4);
374
- }
375
- .ml-2 {
376
- margin-left: calc(var(--spacing) * 2);
377
- }
378
- .ml-auto {
379
- margin-left: auto;
380
- }
381
- .line-clamp-2 {
382
- overflow: hidden;
383
- display: -webkit-box;
384
- -webkit-box-orient: vertical;
385
- -webkit-line-clamp: 2;
386
- }
387
- .block {
388
- display: block;
389
- }
390
- .flex {
391
- display: flex;
392
- }
393
- .grid {
394
- display: grid;
395
- }
396
- .hidden {
397
- display: none;
398
- }
399
- .size-2 {
400
- width: calc(var(--spacing) * 2);
401
- height: calc(var(--spacing) * 2);
402
- }
403
- .size-3\.5 {
404
- width: calc(var(--spacing) * 3.5);
405
- height: calc(var(--spacing) * 3.5);
406
- }
407
- .size-4 {
408
- width: calc(var(--spacing) * 4);
409
- height: calc(var(--spacing) * 4);
410
- }
411
- .h-0 {
412
- height: calc(var(--spacing) * 0);
413
- }
414
- .h-1 {
415
- height: calc(var(--spacing) * 1);
416
- }
417
- .h-1\.5 {
418
- height: calc(var(--spacing) * 1.5);
419
- }
420
- .h-2 {
421
- height: calc(var(--spacing) * 2);
422
- }
423
- .h-3 {
424
- height: calc(var(--spacing) * 3);
425
- }
426
- .h-3\.5 {
427
- height: calc(var(--spacing) * 3.5);
428
- }
429
- .h-4 {
430
- height: calc(var(--spacing) * 4);
431
- }
432
- .h-5 {
433
- height: calc(var(--spacing) * 5);
434
- }
435
- .h-6 {
436
- height: calc(var(--spacing) * 6);
437
- }
438
- .h-7 {
439
- height: calc(var(--spacing) * 7);
440
- }
441
- .h-8 {
442
- height: calc(var(--spacing) * 8);
443
- }
444
- .h-9 {
445
- height: calc(var(--spacing) * 9);
446
- }
447
- .h-10 {
448
- height: calc(var(--spacing) * 10);
449
- }
450
- .h-12 {
451
- height: calc(var(--spacing) * 12);
452
- }
453
- .h-\[1px\] {
454
- height: 1px;
455
- }
456
- .h-\[2px\] {
457
- height: 2px;
458
- }
459
- .h-\[14px\] {
460
- height: 14px;
461
- }
462
- .h-\[22px\] {
463
- height: 22px;
464
- }
465
- .h-\[48px\] {
466
- height: 48px;
467
- }
468
- .h-\[100px\] {
469
- height: 100px;
470
- }
471
- .h-\[300px\] {
472
- height: 300px;
473
- }
474
- .h-auto {
475
- height: auto;
476
- }
477
- .h-full {
478
- height: 100%;
479
- }
480
- .h-px {
481
- height: 1px;
482
- }
483
- .h-screen {
484
- height: 100vh;
485
- }
486
- .max-h-\(--radix-dropdown-menu-content-available-height\) {
487
- max-height: var(--radix-dropdown-menu-content-available-height);
488
- }
489
- .max-h-80 {
490
- max-height: calc(var(--spacing) * 80);
491
- }
492
- .max-h-\[60vh\] {
493
- max-height: 60vh;
494
- }
495
- .max-h-\[70vh\] {
496
- max-height: 70vh;
497
- }
498
- .max-h-\[85vh\] {
499
- max-height: 85vh;
500
- }
501
- .w-1 {
502
- width: calc(var(--spacing) * 1);
503
- }
504
- .w-1\.5 {
505
- width: calc(var(--spacing) * 1.5);
506
- }
507
- .w-2 {
508
- width: calc(var(--spacing) * 2);
509
- }
510
- .w-3 {
511
- width: calc(var(--spacing) * 3);
512
- }
513
- .w-3\.5 {
514
- width: calc(var(--spacing) * 3.5);
515
- }
516
- .w-4 {
517
- width: calc(var(--spacing) * 4);
518
- }
519
- .w-5 {
520
- width: calc(var(--spacing) * 5);
521
- }
522
- .w-6 {
523
- width: calc(var(--spacing) * 6);
524
- }
525
- .w-7 {
526
- width: calc(var(--spacing) * 7);
527
- }
528
- .w-8 {
529
- width: calc(var(--spacing) * 8);
530
- }
531
- .w-9 {
532
- width: calc(var(--spacing) * 9);
533
- }
534
- .w-10 {
535
- width: calc(var(--spacing) * 10);
536
- }
537
- .w-64 {
538
- width: calc(var(--spacing) * 64);
539
- }
540
- .w-\[3px\] {
541
- width: 3px;
542
- }
543
- .w-\[14px\] {
544
- width: 14px;
545
- }
546
- .w-\[310px\] {
547
- width: 310px;
548
- }
549
- .w-\[320px\] {
550
- width: 320px;
551
- }
552
- .w-\[340px\] {
553
- width: 340px;
554
- }
555
- .w-\[380px\] {
556
- width: 380px;
557
- }
558
- .w-\[400px\] {
559
- width: 400px;
560
- }
561
- .w-\[calc\(100\%-80px\)\] {
562
- width: calc(100% - 80px);
563
- }
564
- .w-fit {
565
- width: fit-content;
566
- }
567
- .w-full {
568
- width: 100%;
569
- }
570
- .w-px {
571
- width: 1px;
572
- }
573
- .w-screen {
574
- width: 100vw;
575
- }
576
- .max-w-\[120px\] {
577
- max-width: 120px;
578
- }
579
- .max-w-\[180px\] {
580
- max-width: 180px;
581
- }
582
- .max-w-full {
583
- max-width: 100%;
584
- }
585
- .min-w-0 {
586
- min-width: calc(var(--spacing) * 0);
587
- }
588
- .min-w-\[8rem\] {
589
- min-width: 8rem;
590
- }
591
- .min-w-\[48px\] {
592
- min-width: 48px;
593
- }
594
- .flex-1 {
595
- flex: 1;
596
- }
597
- .flex-shrink {
598
- flex-shrink: 1;
599
- }
600
- .flex-shrink-0 {
601
- flex-shrink: 0;
602
- }
603
- .shrink-0 {
604
- flex-shrink: 0;
605
- }
606
- .grow {
607
- flex-grow: 1;
608
- }
609
- .origin-\(--radix-dropdown-menu-content-transform-origin\) {
610
- transform-origin: var(--radix-dropdown-menu-content-transform-origin);
611
- }
612
- .-translate-x-1\/2 {
613
- --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
614
- translate: var(--tw-translate-x) var(--tw-translate-y);
615
- }
616
- .-translate-x-12 {
617
- --tw-translate-x: calc(var(--spacing) * -12);
618
- translate: var(--tw-translate-x) var(--tw-translate-y);
619
- }
620
- .translate-x-0 {
621
- --tw-translate-x: calc(var(--spacing) * 0);
622
- translate: var(--tw-translate-x) var(--tw-translate-y);
623
- }
624
- .-translate-y-1\/2 {
625
- --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
626
- translate: var(--tw-translate-x) var(--tw-translate-y);
627
- }
628
- .scale-95 {
629
- --tw-scale-x: 95%;
630
- --tw-scale-y: 95%;
631
- --tw-scale-z: 95%;
632
- scale: var(--tw-scale-x) var(--tw-scale-y);
633
- }
634
- .scale-100 {
635
- --tw-scale-x: 100%;
636
- --tw-scale-y: 100%;
637
- --tw-scale-z: 100%;
638
- scale: var(--tw-scale-x) var(--tw-scale-y);
639
- }
640
- .scale-\[1\.03\] {
641
- scale: 1.03;
642
- }
643
- .scale-\[1\.04\] {
644
- scale: 1.04;
645
- }
646
- .rotate-0 {
647
- rotate: 0deg;
648
- }
649
- .rotate-180 {
650
- rotate: 180deg;
651
- }
652
- .transform {
653
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
654
- }
655
- .animate-pulse {
656
- animation: var(--animate-pulse);
657
- }
658
- .cursor-default {
659
- cursor: default;
660
- }
661
- .cursor-grab {
662
- cursor: grab;
663
- }
664
- .cursor-grabbing {
665
- cursor: grabbing;
666
- }
667
- .cursor-pointer {
668
- cursor: pointer;
669
- }
670
- .touch-none {
671
- touch-action: none;
672
- }
673
- .resize {
674
- resize: both;
675
- }
676
- .snap-x {
677
- scroll-snap-type: x var(--tw-scroll-snap-strictness);
678
- }
679
- .snap-mandatory {
680
- --tw-scroll-snap-strictness: mandatory;
681
- }
682
- .snap-center {
683
- scroll-snap-align: center;
684
- }
685
- .list-inside {
686
- list-style-position: inside;
687
- }
688
- .list-disc {
689
- list-style-type: disc;
690
- }
691
- .appearance-none {
692
- appearance: none;
693
- }
694
- .grid-cols-2 {
695
- grid-template-columns: repeat(2, minmax(0, 1fr));
696
- }
697
- .grid-cols-4 {
698
- grid-template-columns: repeat(4, minmax(0, 1fr));
699
- }
700
- .grid-cols-6 {
701
- grid-template-columns: repeat(6, minmax(0, 1fr));
702
- }
703
- .flex-col {
704
- flex-direction: column;
705
- }
706
- .flex-wrap {
707
- flex-wrap: wrap;
708
- }
709
- .items-center {
710
- align-items: center;
711
- }
712
- .items-start {
713
- align-items: flex-start;
714
- }
715
- .justify-between {
716
- justify-content: space-between;
717
- }
718
- .justify-center {
719
- justify-content: center;
720
- }
721
- .gap-0\.5 {
722
- gap: calc(var(--spacing) * 0.5);
723
- }
724
- .gap-1 {
725
- gap: calc(var(--spacing) * 1);
726
- }
727
- .gap-1\.5 {
728
- gap: calc(var(--spacing) * 1.5);
729
- }
730
- .gap-2 {
731
- gap: calc(var(--spacing) * 2);
732
- }
733
- .gap-2\.5 {
734
- gap: calc(var(--spacing) * 2.5);
735
- }
736
- .gap-3 {
737
- gap: calc(var(--spacing) * 3);
738
- }
739
- .gap-\[3px\] {
740
- gap: 3px;
741
- }
742
- .gap-\[5px\] {
743
- gap: 5px;
744
- }
745
- .gap-\[6px\] {
746
- gap: 6px;
747
- }
748
- .space-y-1 {
749
- :where(& > :not(:last-child)) {
750
- --tw-space-y-reverse: 0;
751
- margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
752
- margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
753
- }
754
- }
755
- .space-y-1\.5 {
756
- :where(& > :not(:last-child)) {
757
- --tw-space-y-reverse: 0;
758
- margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
759
- margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
760
- }
761
- }
762
- .space-y-2 {
763
- :where(& > :not(:last-child)) {
764
- --tw-space-y-reverse: 0;
765
- margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
766
- margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
767
- }
768
- }
769
- .space-y-3 {
770
- :where(& > :not(:last-child)) {
771
- --tw-space-y-reverse: 0;
772
- margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
773
- margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
774
- }
775
- }
776
- .space-y-4 {
777
- :where(& > :not(:last-child)) {
778
- --tw-space-y-reverse: 0;
779
- margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
780
- margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
781
- }
782
- }
783
- .space-y-6 {
784
- :where(& > :not(:last-child)) {
785
- --tw-space-y-reverse: 0;
786
- margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
787
- margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
788
- }
789
- }
790
- .-space-x-1\.5 {
791
- :where(& > :not(:last-child)) {
792
- --tw-space-x-reverse: 0;
793
- margin-inline-start: calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse));
794
- margin-inline-end: calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)));
795
- }
796
- }
797
- .truncate {
798
- overflow: hidden;
799
- text-overflow: ellipsis;
800
- white-space: nowrap;
801
- }
802
- .overflow-hidden {
803
- overflow: hidden;
804
- }
805
- .overflow-visible {
806
- overflow: visible;
807
- }
808
- .overflow-x-auto {
809
- overflow-x: auto;
810
- }
811
- .overflow-x-hidden {
812
- overflow-x: hidden;
813
- }
814
- .overflow-y-auto {
815
- overflow-y: auto;
816
- }
817
- .scroll-smooth {
818
- scroll-behavior: smooth;
819
- }
820
- .rounded {
821
- border-radius: 0.25rem;
822
- }
823
- .rounded-2xl {
824
- border-radius: var(--radius-2xl);
825
- }
826
- .rounded-\[3px\] {
827
- border-radius: 3px;
828
- }
829
- .rounded-\[18px\] {
830
- border-radius: 18px;
831
- }
832
- .rounded-\[24px\] {
833
- border-radius: 24px;
834
- }
835
- .rounded-full {
836
- border-radius: calc(infinity * 1px);
837
- }
838
- .rounded-lg {
839
- border-radius: var(--radius-lg);
840
- }
841
- .rounded-md {
842
- border-radius: var(--radius-md);
843
- }
844
- .rounded-sm {
845
- border-radius: var(--radius-sm);
846
- }
847
- .rounded-xl {
848
- border-radius: var(--radius-xl);
849
- }
850
- .rounded-l-2xl {
851
- border-top-left-radius: var(--radius-2xl);
852
- border-bottom-left-radius: var(--radius-2xl);
853
- }
854
- .rounded-r-2xl {
855
- border-top-right-radius: var(--radius-2xl);
856
- border-bottom-right-radius: var(--radius-2xl);
857
- }
858
- .rounded-r-full {
859
- border-top-right-radius: calc(infinity * 1px);
860
- border-bottom-right-radius: calc(infinity * 1px);
861
- }
862
- .border {
863
- border-style: var(--tw-border-style);
864
- border-width: 1px;
865
- }
866
- .border-2 {
867
- border-style: var(--tw-border-style);
868
- border-width: 2px;
869
- }
870
- .border-t {
871
- border-top-style: var(--tw-border-style);
872
- border-top-width: 1px;
873
- }
874
- .border-b {
875
- border-bottom-style: var(--tw-border-style);
876
- border-bottom-width: 1px;
877
- }
878
- .border-\[\#2C2C2E\] {
879
- border-color: #2C2C2E;
880
- }
881
- .border-\[\#10B981\] {
882
- border-color: #10B981;
883
- }
884
- .border-\[\#10B981\]\/20 {
885
- border-color: color-mix(in oklab, #10B981 20%, transparent);
886
- }
887
- .border-\[\#029AFF\] {
888
- border-color: #029AFF;
889
- }
890
- .border-\[\#029AFF\]\/20 {
891
- border-color: color-mix(in oklab, #029AFF 20%, transparent);
892
- }
893
- .border-\[\#333\] {
894
- border-color: #333;
895
- }
896
- .border-\[\#28282b\] {
897
- border-color: #28282b;
898
- }
899
- .border-\[\#121214\] {
900
- border-color: #121214;
901
- }
902
- .border-\[\#232326\] {
903
- border-color: #232326;
904
- }
905
- .border-\[\#252526\] {
906
- border-color: #252526;
907
- }
908
- .border-\[\#A1A1A1\] {
909
- border-color: #A1A1A1;
910
- }
911
- .border-\[rgba\(161\,161\,161\,0\.8\)\] {
912
- border-color: rgba(161,161,161,0.8);
913
- }
914
- .border-gray-700 {
915
- border-color: var(--color-gray-700);
916
- }
917
- .border-neutral-200 {
918
- border-color: var(--color-neutral-200);
919
- }
920
- .border-neutral-500 {
921
- border-color: var(--color-neutral-500);
922
- }
923
- .border-neutral-700 {
924
- border-color: var(--color-neutral-700);
925
- }
926
- .border-neutral-800 {
927
- border-color: var(--color-neutral-800);
928
- }
929
- .border-transparent {
930
- border-color: transparent;
931
- }
932
- .border-white\/5 {
933
- border-color: color-mix(in srgb, #fff 5%, transparent);
934
- @supports (color: color-mix(in lab, red, red)) {
935
- border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
936
- }
937
- }
938
- .border-white\/10 {
939
- border-color: color-mix(in srgb, #fff 10%, transparent);
940
- @supports (color: color-mix(in lab, red, red)) {
941
- border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
942
- }
943
- }
944
- .border-white\/15 {
945
- border-color: color-mix(in srgb, #fff 15%, transparent);
946
- @supports (color: color-mix(in lab, red, red)) {
947
- border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
948
- }
949
- }
950
- .bg-\[\#0b0b0b\] {
951
- background-color: #0b0b0b;
952
- }
953
- .bg-\[\#1A1A1E\]\/90 {
954
- background-color: color-mix(in oklab, #1A1A1E 90%, transparent);
955
- }
956
- .bg-\[\#1A1A1E\]\/95 {
957
- background-color: color-mix(in oklab, #1A1A1E 95%, transparent);
958
- }
959
- .bg-\[\#1C1C1E\] {
960
- background-color: #1C1C1E;
961
- }
962
- .bg-\[\#2C2C2E\] {
963
- background-color: #2C2C2E;
964
- }
965
- .bg-\[\#3A3A3C\] {
966
- background-color: #3A3A3C;
967
- }
968
- .bg-\[\#10B981\] {
969
- background-color: #10B981;
970
- }
971
- .bg-\[\#10B981\]\/10 {
972
- background-color: color-mix(in oklab, #10B981 10%, transparent);
973
- }
974
- .bg-\[\#029AFF\] {
975
- background-color: #029AFF;
976
- }
977
- .bg-\[\#029AFF\]\/10 {
978
- background-color: color-mix(in oklab, #029AFF 10%, transparent);
979
- }
980
- .bg-\[\#09090A\] {
981
- background-color: #09090A;
982
- }
983
- .bg-\[\#121214\] {
984
- background-color: #121214;
985
- }
986
- .bg-\[\#121214\]\/95 {
987
- background-color: color-mix(in oklab, #121214 95%, transparent);
988
- }
989
- .bg-\[\#161617\] {
990
- background-color: #161617;
991
- }
992
- .bg-\[\#A1A1A1\] {
993
- background-color: #A1A1A1;
994
- }
995
- .bg-\[rgba\(5\,5\,5\,0\.97\)\] {
996
- background-color: rgba(5,5,5,0.97);
997
- }
998
- .bg-black\/95 {
999
- background-color: color-mix(in srgb, #000 95%, transparent);
1000
- @supports (color: color-mix(in lab, red, red)) {
1001
- background-color: color-mix(in oklab, var(--color-black) 95%, transparent);
1002
- }
1003
- }
1004
- .bg-current {
1005
- background-color: currentcolor;
1006
- }
1007
- .bg-emerald-500 {
1008
- background-color: var(--color-emerald-500);
1009
- }
1010
- .bg-gray-200 {
1011
- background-color: var(--color-gray-200);
1012
- }
1013
- .bg-gray-900 {
1014
- background-color: var(--color-gray-900);
1015
- }
1016
- .bg-neutral-500 {
1017
- background-color: var(--color-neutral-500);
1018
- }
1019
- .bg-neutral-700 {
1020
- background-color: var(--color-neutral-700);
1021
- }
1022
- .bg-neutral-800 {
1023
- background-color: var(--color-neutral-800);
1024
- }
1025
- .bg-neutral-800\/50 {
1026
- background-color: color-mix(in srgb, oklch(26.9% 0 0) 50%, transparent);
1027
- @supports (color: color-mix(in lab, red, red)) {
1028
- background-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent);
1029
- }
1030
- }
1031
- .bg-neutral-900 {
1032
- background-color: var(--color-neutral-900);
1033
- }
1034
- .bg-orange-500 {
1035
- background-color: var(--color-orange-500);
1036
- }
1037
- .bg-red-500 {
1038
- background-color: var(--color-red-500);
1039
- }
1040
- .bg-transparent {
1041
- background-color: transparent;
1042
- }
1043
- .bg-white {
1044
- background-color: var(--color-white);
1045
- }
1046
- .bg-white\/5 {
1047
- background-color: color-mix(in srgb, #fff 5%, transparent);
1048
- @supports (color: color-mix(in lab, red, red)) {
1049
- background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
1050
- }
1051
- }
1052
- .bg-white\/8 {
1053
- background-color: color-mix(in srgb, #fff 8%, transparent);
1054
- @supports (color: color-mix(in lab, red, red)) {
1055
- background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
1056
- }
1057
- }
1058
- .bg-white\/10 {
1059
- background-color: color-mix(in srgb, #fff 10%, transparent);
1060
- @supports (color: color-mix(in lab, red, red)) {
1061
- background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1062
- }
1063
- }
1064
- .bg-white\/12 {
1065
- background-color: color-mix(in srgb, #fff 12%, transparent);
1066
- @supports (color: color-mix(in lab, red, red)) {
1067
- background-color: color-mix(in oklab, var(--color-white) 12%, transparent);
1068
- }
1069
- }
1070
- .bg-white\/15 {
1071
- background-color: color-mix(in srgb, #fff 15%, transparent);
1072
- @supports (color: color-mix(in lab, red, red)) {
1073
- background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
1074
- }
1075
- }
1076
- .bg-white\/30 {
1077
- background-color: color-mix(in srgb, #fff 30%, transparent);
1078
- @supports (color: color-mix(in lab, red, red)) {
1079
- background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
1080
- }
1081
- }
1082
- .bg-white\/55 {
1083
- background-color: color-mix(in srgb, #fff 55%, transparent);
1084
- @supports (color: color-mix(in lab, red, red)) {
1085
- background-color: color-mix(in oklab, var(--color-white) 55%, transparent);
1086
- }
1087
- }
1088
- .bg-white\/60 {
1089
- background-color: color-mix(in srgb, #fff 60%, transparent);
1090
- @supports (color: color-mix(in lab, red, red)) {
1091
- background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
1092
- }
1093
- }
1094
- .bg-white\/\[0\.02\] {
1095
- background-color: color-mix(in srgb, #fff 2%, transparent);
1096
- @supports (color: color-mix(in lab, red, red)) {
1097
- background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
1098
- }
1099
- }
1100
- .bg-gradient-to-b {
1101
- --tw-gradient-position: to bottom in oklab;
1102
- background-image: linear-gradient(var(--tw-gradient-stops));
1103
- }
1104
- .bg-gradient-to-l {
1105
- --tw-gradient-position: to left in oklab;
1106
- background-image: linear-gradient(var(--tw-gradient-stops));
1107
- }
1108
- .bg-gradient-to-r {
1109
- --tw-gradient-position: to right in oklab;
1110
- background-image: linear-gradient(var(--tw-gradient-stops));
1111
- }
1112
- .bg-gradient-to-t {
1113
- --tw-gradient-position: to top in oklab;
1114
- background-image: linear-gradient(var(--tw-gradient-stops));
1115
- }
1116
- .from-\[\#0b0b0b\] {
1117
- --tw-gradient-from: #0b0b0b;
1118
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1119
- }
1120
- .from-\[\#029AFF\]\/20 {
1121
- --tw-gradient-from: color-mix(in oklab, #029AFF 20%, transparent);
1122
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1123
- }
1124
- .from-\[\#09090A\] {
1125
- --tw-gradient-from: #09090A;
1126
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1127
- }
1128
- .from-white\/10 {
1129
- --tw-gradient-from: color-mix(in srgb, #fff 10%, transparent);
1130
- @supports (color: color-mix(in lab, red, red)) {
1131
- --tw-gradient-from: color-mix(in oklab, var(--color-white) 10%, transparent);
1132
- }
1133
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1134
- }
1135
- .to-\[\#7000FF\]\/20 {
1136
- --tw-gradient-to: color-mix(in oklab, #7000FF 20%, transparent);
1137
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1138
- }
1139
- .to-transparent {
1140
- --tw-gradient-to: transparent;
1141
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1142
- }
1143
- .to-white\/5 {
1144
- --tw-gradient-to: color-mix(in srgb, #fff 5%, transparent);
1145
- @supports (color: color-mix(in lab, red, red)) {
1146
- --tw-gradient-to: color-mix(in oklab, var(--color-white) 5%, transparent);
1147
- }
1148
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1149
- }
1150
- .fill-current {
1151
- fill: currentcolor;
1152
- }
1153
- .p-0 {
1154
- padding: calc(var(--spacing) * 0);
1155
- }
1156
- .p-1 {
1157
- padding: calc(var(--spacing) * 1);
1158
- }
1159
- .p-1\.5 {
1160
- padding: calc(var(--spacing) * 1.5);
1161
- }
1162
- .p-2 {
1163
- padding: calc(var(--spacing) * 2);
1164
- }
1165
- .p-2\.5 {
1166
- padding: calc(var(--spacing) * 2.5);
1167
- }
1168
- .p-3 {
1169
- padding: calc(var(--spacing) * 3);
1170
- }
1171
- .p-4 {
1172
- padding: calc(var(--spacing) * 4);
1173
- }
1174
- .p-5 {
1175
- padding: calc(var(--spacing) * 5);
1176
- }
1177
- .px-1 {
1178
- padding-inline: calc(var(--spacing) * 1);
1179
- }
1180
- .px-1\.5 {
1181
- padding-inline: calc(var(--spacing) * 1.5);
1182
- }
1183
- .px-2 {
1184
- padding-inline: calc(var(--spacing) * 2);
1185
- }
1186
- .px-3 {
1187
- padding-inline: calc(var(--spacing) * 3);
1188
- }
1189
- .px-4 {
1190
- padding-inline: calc(var(--spacing) * 4);
1191
- }
1192
- .px-5 {
1193
- padding-inline: calc(var(--spacing) * 5);
1194
- }
1195
- .px-\[10px\] {
1196
- padding-inline: 10px;
1197
- }
1198
- .py-0\.5 {
1199
- padding-block: calc(var(--spacing) * 0.5);
1200
- }
1201
- .py-1 {
1202
- padding-block: calc(var(--spacing) * 1);
1203
- }
1204
- .py-1\.5 {
1205
- padding-block: calc(var(--spacing) * 1.5);
1206
- }
1207
- .py-2 {
1208
- padding-block: calc(var(--spacing) * 2);
1209
- }
1210
- .py-2\.5 {
1211
- padding-block: calc(var(--spacing) * 2.5);
1212
- }
1213
- .py-3 {
1214
- padding-block: calc(var(--spacing) * 3);
1215
- }
1216
- .py-4 {
1217
- padding-block: calc(var(--spacing) * 4);
1218
- }
1219
- .pt-2 {
1220
- padding-top: calc(var(--spacing) * 2);
1221
- }
1222
- .pt-4 {
1223
- padding-top: calc(var(--spacing) * 4);
1224
- }
1225
- .pr-1 {
1226
- padding-right: calc(var(--spacing) * 1);
1227
- }
1228
- .pr-2 {
1229
- padding-right: calc(var(--spacing) * 2);
1230
- }
1231
- .pb-0 {
1232
- padding-bottom: calc(var(--spacing) * 0);
1233
- }
1234
- .pb-1 {
1235
- padding-bottom: calc(var(--spacing) * 1);
1236
- }
1237
- .pb-5 {
1238
- padding-bottom: calc(var(--spacing) * 5);
1239
- }
1240
- .pl-3 {
1241
- padding-left: calc(var(--spacing) * 3);
1242
- }
1243
- .pl-6 {
1244
- padding-left: calc(var(--spacing) * 6);
1245
- }
1246
- .pl-8 {
1247
- padding-left: calc(var(--spacing) * 8);
1248
- }
1249
- .text-center {
1250
- text-align: center;
1251
- }
1252
- .text-left {
1253
- text-align: left;
1254
- }
1255
- .font-mono {
1256
- font-family: var(--font-mono);
1257
- }
1258
- .font-sans {
1259
- font-family: var(--font-sans);
1260
- }
1261
- .font-serif {
1262
- font-family: var(--font-serif);
1263
- }
1264
- .text-lg {
1265
- font-size: var(--text-lg);
1266
- line-height: var(--tw-leading, var(--text-lg--line-height));
1267
- }
1268
- .text-sm {
1269
- font-size: var(--text-sm);
1270
- line-height: var(--tw-leading, var(--text-sm--line-height));
1271
- }
1272
- .text-xs {
1273
- font-size: var(--text-xs);
1274
- line-height: var(--tw-leading, var(--text-xs--line-height));
1275
- }
1276
- .text-\[8px\] {
1277
- font-size: 8px;
1278
- }
1279
- .text-\[9px\] {
1280
- font-size: 9px;
1281
- }
1282
- .text-\[10px\] {
1283
- font-size: 10px;
1284
- }
1285
- .text-\[11px\] {
1286
- font-size: 11px;
1287
- }
1288
- .text-\[13px\] {
1289
- font-size: 13px;
1290
- }
1291
- .text-\[15px\] {
1292
- font-size: 15px;
1293
- }
1294
- .text-\[16px\] {
1295
- font-size: 16px;
1296
- }
1297
- .leading-none {
1298
- --tw-leading: 1;
1299
- line-height: 1;
1300
- }
1301
- .leading-relaxed {
1302
- --tw-leading: var(--leading-relaxed);
1303
- line-height: var(--leading-relaxed);
1304
- }
1305
- .leading-snug {
1306
- --tw-leading: var(--leading-snug);
1307
- line-height: var(--leading-snug);
1308
- }
1309
- .leading-tight {
1310
- --tw-leading: var(--leading-tight);
1311
- line-height: var(--leading-tight);
1312
- }
1313
- .font-bold {
1314
- --tw-font-weight: var(--font-weight-bold);
1315
- font-weight: var(--font-weight-bold);
1316
- }
1317
- .font-medium {
1318
- --tw-font-weight: var(--font-weight-medium);
1319
- font-weight: var(--font-weight-medium);
1320
- }
1321
- .font-normal {
1322
- --tw-font-weight: var(--font-weight-normal);
1323
- font-weight: var(--font-weight-normal);
1324
- }
1325
- .font-semibold {
1326
- --tw-font-weight: var(--font-weight-semibold);
1327
- font-weight: var(--font-weight-semibold);
1328
- }
1329
- .tracking-\[0\.1em\] {
1330
- --tw-tracking: 0.1em;
1331
- letter-spacing: 0.1em;
1332
- }
1333
- .tracking-\[0\.2em\] {
1334
- --tw-tracking: 0.2em;
1335
- letter-spacing: 0.2em;
1336
- }
1337
- .tracking-tight {
1338
- --tw-tracking: var(--tracking-tight);
1339
- letter-spacing: var(--tracking-tight);
1340
- }
1341
- .tracking-tighter {
1342
- --tw-tracking: var(--tracking-tighter);
1343
- letter-spacing: var(--tracking-tighter);
1344
- }
1345
- .tracking-wide {
1346
- --tw-tracking: var(--tracking-wide);
1347
- letter-spacing: var(--tracking-wide);
1348
- }
1349
- .tracking-wider {
1350
- --tw-tracking: var(--tracking-wider);
1351
- letter-spacing: var(--tracking-wider);
1352
- }
1353
- .tracking-widest {
1354
- --tw-tracking: var(--tracking-widest);
1355
- letter-spacing: var(--tracking-widest);
1356
- }
1357
- .whitespace-nowrap {
1358
- white-space: nowrap;
1359
- }
1360
- .text-\[\#10B981\] {
1361
- color: #10B981;
1362
- }
1363
- .text-\[\#029AFF\] {
1364
- color: #029AFF;
1365
- }
1366
- .text-black {
1367
- color: var(--color-black);
1368
- }
1369
- .text-current {
1370
- color: currentcolor;
1371
- }
1372
- .text-gray-100 {
1373
- color: var(--color-gray-100);
1374
- }
1375
- .text-gray-400 {
1376
- color: var(--color-gray-400);
1377
- }
1378
- .text-gray-500 {
1379
- color: var(--color-gray-500);
1380
- }
1381
- .text-gray-600 {
1382
- color: var(--color-gray-600);
1383
- }
1384
- .text-neutral-100 {
1385
- color: var(--color-neutral-100);
1386
- }
1387
- .text-neutral-200 {
1388
- color: var(--color-neutral-200);
1389
- }
1390
- .text-neutral-300 {
1391
- color: var(--color-neutral-300);
1392
- }
1393
- .text-neutral-400 {
1394
- color: var(--color-neutral-400);
1395
- }
1396
- .text-neutral-500 {
1397
- color: var(--color-neutral-500);
1398
- }
1399
- .text-red-500 {
1400
- color: var(--color-red-500);
1401
- }
1402
- .text-transparent {
1403
- color: transparent;
1404
- }
1405
- .text-white {
1406
- color: var(--color-white);
1407
- }
1408
- .text-white\/40 {
1409
- color: color-mix(in srgb, #fff 40%, transparent);
1410
- @supports (color: color-mix(in lab, red, red)) {
1411
- color: color-mix(in oklab, var(--color-white) 40%, transparent);
1412
- }
1413
- }
1414
- .text-white\/50 {
1415
- color: color-mix(in srgb, #fff 50%, transparent);
1416
- @supports (color: color-mix(in lab, red, red)) {
1417
- color: color-mix(in oklab, var(--color-white) 50%, transparent);
1418
- }
1419
- }
1420
- .text-white\/70 {
1421
- color: color-mix(in srgb, #fff 70%, transparent);
1422
- @supports (color: color-mix(in lab, red, red)) {
1423
- color: color-mix(in oklab, var(--color-white) 70%, transparent);
1424
- }
1425
- }
1426
- .capitalize {
1427
- text-transform: capitalize;
1428
- }
1429
- .uppercase {
1430
- text-transform: uppercase;
1431
- }
1432
- .italic {
1433
- font-style: italic;
1434
- }
1435
- .tabular-nums {
1436
- --tw-numeric-spacing: tabular-nums;
1437
- font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
1438
- }
1439
- .line-through {
1440
- text-decoration-line: line-through;
1441
- }
1442
- .accent-neutral-200 {
1443
- accent-color: var(--color-neutral-200);
1444
- }
1445
- .opacity-0 {
1446
- opacity: 0%;
1447
- }
1448
- .opacity-30 {
1449
- opacity: 30%;
1450
- }
1451
- .opacity-60 {
1452
- opacity: 60%;
1453
- }
1454
- .opacity-70 {
1455
- opacity: 70%;
1456
- }
1457
- .opacity-100 {
1458
- opacity: 100%;
1459
- }
1460
- .shadow {
1461
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1462
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1463
- }
1464
- .shadow-2xl {
1465
- --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
1466
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1467
- }
1468
- .shadow-\[0_0_15px_\#029AFF\] {
1469
- --tw-shadow: 0 0 15px var(--tw-shadow-color, #029AFF);
1470
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1471
- }
1472
- .shadow-\[0_20px_50px_rgba\(0\,0\,0\,0\.5\)\] {
1473
- --tw-shadow: 0 20px 50px var(--tw-shadow-color, rgba(0,0,0,0.5));
1474
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1475
- }
1476
- .shadow-\[0_32px_64px_rgba\(0\,0\,0\,0\.6\)\] {
1477
- --tw-shadow: 0 32px 64px var(--tw-shadow-color, rgba(0,0,0,0.6));
1478
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1479
- }
1480
- .shadow-lg {
1481
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1482
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1483
- }
1484
- .shadow-md {
1485
- --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1486
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1487
- }
1488
- .shadow-sm {
1489
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1490
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1491
- }
1492
- .shadow-xl {
1493
- --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1494
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1495
- }
1496
- .ring-1 {
1497
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1498
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1499
- }
1500
- .ring-2 {
1501
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1502
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1503
- }
1504
- .shadow-\[\#10B981\]\/20 {
1505
- --tw-shadow-color: color-mix(in srgb, #10B981 20%, transparent);
1506
- @supports (color: color-mix(in lab, red, red)) {
1507
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #10B981 20%, transparent) var(--tw-shadow-alpha), transparent);
1508
- }
1509
- }
1510
- .shadow-black\/20 {
1511
- --tw-shadow-color: color-mix(in srgb, #000 20%, transparent);
1512
- @supports (color: color-mix(in lab, red, red)) {
1513
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
1514
- }
1515
- }
1516
- .ring-\[\#029AFF\] {
1517
- --tw-ring-color: #029AFF;
1518
- }
1519
- .ring-\[\#161617\] {
1520
- --tw-ring-color: #161617;
1521
- }
1522
- .outline-hidden {
1523
- --tw-outline-style: none;
1524
- outline-style: none;
1525
- @media (forced-colors: active) {
1526
- outline: 2px solid transparent;
1527
- outline-offset: 2px;
1528
- }
1529
- }
1530
- .outline {
1531
- outline-style: var(--tw-outline-style);
1532
- outline-width: 1px;
1533
- }
1534
- .outline-2 {
1535
- outline-style: var(--tw-outline-style);
1536
- outline-width: 2px;
1537
- }
1538
- .outline-neutral-400 {
1539
- outline-color: var(--color-neutral-400);
1540
- }
1541
- .blur {
1542
- --tw-blur: blur(8px);
1543
- 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,);
1544
- }
1545
- .blur-md {
1546
- --tw-blur: blur(var(--blur-md));
1547
- 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,);
1548
- }
1549
- .backdrop-blur-2xl {
1550
- --tw-backdrop-blur: blur(var(--blur-2xl));
1551
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1552
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1553
- }
1554
- .backdrop-blur-md {
1555
- --tw-backdrop-blur: blur(var(--blur-md));
1556
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1557
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1558
- }
1559
- .backdrop-blur-sm {
1560
- --tw-backdrop-blur: blur(var(--blur-sm));
1561
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1562
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1563
- }
1564
- .backdrop-blur-xl {
1565
- --tw-backdrop-blur: blur(var(--blur-xl));
1566
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1567
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1568
- }
1569
- .transition {
1570
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
1571
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1572
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1573
- }
1574
- .transition-\[color\,box-shadow\] {
1575
- transition-property: color,box-shadow;
1576
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1577
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1578
- }
1579
- .transition-all {
1580
- transition-property: all;
1581
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1582
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1583
- }
1584
- .transition-colors {
1585
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1586
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1587
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1588
- }
1589
- .transition-opacity {
1590
- transition-property: opacity;
1591
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1592
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1593
- }
1594
- .transition-transform {
1595
- transition-property: transform, translate, scale, rotate;
1596
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1597
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1598
- }
1599
- .duration-150 {
1600
- --tw-duration: 150ms;
1601
- transition-duration: 150ms;
1602
- }
1603
- .duration-200 {
1604
- --tw-duration: 200ms;
1605
- transition-duration: 200ms;
1606
- }
1607
- .duration-300 {
1608
- --tw-duration: 300ms;
1609
- transition-duration: 300ms;
1610
- }
1611
- .duration-500 {
1612
- --tw-duration: 500ms;
1613
- transition-duration: 500ms;
1614
- }
1615
- .ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\] {
1616
- --tw-ease: cubic-bezier(0.23,1,0.32,1);
1617
- transition-timing-function: cubic-bezier(0.23,1,0.32,1);
1618
- }
1619
- .ease-in-out {
1620
- --tw-ease: var(--ease-in-out);
1621
- transition-timing-function: var(--ease-in-out);
1622
- }
1623
- .ease-out {
1624
- --tw-ease: var(--ease-out);
1625
- transition-timing-function: var(--ease-out);
1626
- }
1627
- .select-none {
1628
- -webkit-user-select: none;
1629
- user-select: none;
1630
- }
1631
- .group-hover\:scale-110 {
1632
- &:is(:where(.group):hover *) {
1633
- @media (hover: hover) {
1634
- --tw-scale-x: 110%;
1635
- --tw-scale-y: 110%;
1636
- --tw-scale-z: 110%;
1637
- scale: var(--tw-scale-x) var(--tw-scale-y);
1638
- }
1639
- }
1640
- }
1641
- .group-hover\:bg-\[\#029AFF\] {
1642
- &:is(:where(.group):hover *) {
1643
- @media (hover: hover) {
1644
- background-color: #029AFF;
1645
- }
1646
- }
1647
- }
1648
- .group-hover\:text-\[\#10B981\] {
1649
- &:is(:where(.group):hover *) {
1650
- @media (hover: hover) {
1651
- color: #10B981;
1652
- }
1653
- }
1654
- }
1655
- .group-hover\:text-gray-400 {
1656
- &:is(:where(.group):hover *) {
1657
- @media (hover: hover) {
1658
- color: var(--color-gray-400);
1659
- }
1660
- }
1661
- }
1662
- .group-hover\:text-white {
1663
- &:is(:where(.group):hover *) {
1664
- @media (hover: hover) {
1665
- color: var(--color-white);
1666
- }
1667
- }
1668
- }
1669
- .group-hover\:opacity-100 {
1670
- &:is(:where(.group):hover *) {
1671
- @media (hover: hover) {
1672
- opacity: 100%;
1673
- }
1674
- }
1675
- }
1676
- .group-hover\/title\:text-\[\#029AFF\] {
1677
- &:is(:where(.group\/title):hover *) {
1678
- @media (hover: hover) {
1679
- color: #029AFF;
1680
- }
1681
- }
1682
- }
1683
- .group-hover\/tooltip\:opacity-100 {
1684
- &:is(:where(.group\/tooltip):hover *) {
1685
- @media (hover: hover) {
1686
- opacity: 100%;
1687
- }
1688
- }
1689
- }
1690
- .group-data-\[disabled\=true\]\:pointer-events-none {
1691
- &:is(:where(.group)[data-disabled="true"] *) {
1692
- pointer-events: none;
1693
- }
1694
- }
1695
- .group-data-\[disabled\=true\]\:opacity-50 {
1696
- &:is(:where(.group)[data-disabled="true"] *) {
1697
- opacity: 50%;
1698
- }
1699
- }
1700
- .peer-disabled\:cursor-not-allowed {
1701
- &:is(:where(.peer):disabled ~ *) {
1702
- cursor: not-allowed;
1703
- }
1704
- }
1705
- .peer-disabled\:opacity-50 {
1706
- &:is(:where(.peer):disabled ~ *) {
1707
- opacity: 50%;
1708
- }
1709
- }
1710
- .selection\:bg-\[\#029AFF\]\/40 {
1711
- & *::selection {
1712
- background-color: color-mix(in oklab, #029AFF 40%, transparent);
1713
- }
1714
- &::selection {
1715
- background-color: color-mix(in oklab, #029AFF 40%, transparent);
1716
- }
1717
- }
1718
- .after\:absolute {
1719
- &::after {
1720
- content: var(--tw-content);
1721
- position: absolute;
1722
- }
1723
- }
1724
- .after\:top-0 {
1725
- &::after {
1726
- content: var(--tw-content);
1727
- top: calc(var(--spacing) * 0);
1728
- }
9
+ .invisible {
10
+ visibility: hidden;
11
+ }
12
+ .visible {
13
+ visibility: visible;
14
+ }
15
+ .absolute {
16
+ position: absolute;
17
+ }
18
+ .fixed {
19
+ position: fixed;
20
+ }
21
+ .relative {
22
+ position: relative;
23
+ }
24
+ .static {
25
+ position: static;
26
+ }
27
+ .-inset-px {
28
+ inset: -1px;
29
+ }
30
+ .top-1\/2 {
31
+ top: calc(1 / 2 * 100%);
32
+ }
33
+ .top-full {
34
+ top: 100%;
35
+ }
36
+ .bottom-full {
37
+ bottom: 100%;
38
+ }
39
+ .-left-\[1px\] {
40
+ left: calc(1px * -1);
41
+ }
42
+ .left-1\/2 {
43
+ left: calc(1 / 2 * 100%);
44
+ }
45
+ .-z-10 {
46
+ z-index: calc(10 * -1);
47
+ }
48
+ .z-10 {
49
+ z-index: 10;
50
+ }
51
+ .z-20 {
52
+ z-index: 20;
53
+ }
54
+ .z-40 {
55
+ z-index: 40;
56
+ }
57
+ .z-50 {
58
+ z-index: 50;
59
+ }
60
+ .z-\[60\] {
61
+ z-index: 60;
62
+ }
63
+ .z-\[100\] {
64
+ z-index: 100;
65
+ }
66
+ .mx-\[5px\] {
67
+ margin-inline: 5px;
68
+ }
69
+ .ml-auto {
70
+ margin-left: auto;
71
+ }
72
+ .line-clamp-2 {
73
+ overflow: hidden;
74
+ display: -webkit-box;
75
+ -webkit-box-orient: vertical;
76
+ -webkit-line-clamp: 2;
77
+ }
78
+ .block {
79
+ display: block;
80
+ }
81
+ .flex {
82
+ display: flex;
83
+ }
84
+ .grid {
85
+ display: grid;
86
+ }
87
+ .hidden {
88
+ display: none;
89
+ }
90
+ .h-\[1px\] {
91
+ height: 1px;
92
+ }
93
+ .h-\[2px\] {
94
+ height: 2px;
95
+ }
96
+ .h-\[14px\] {
97
+ height: 14px;
98
+ }
99
+ .h-\[22px\] {
100
+ height: 22px;
101
+ }
102
+ .h-\[48px\] {
103
+ height: 48px;
104
+ }
105
+ .h-\[100px\] {
106
+ height: 100px;
107
+ }
108
+ .h-\[300px\] {
109
+ height: 300px;
110
+ }
111
+ .h-auto {
112
+ height: auto;
113
+ }
114
+ .h-full {
115
+ height: 100%;
116
+ }
117
+ .h-px {
118
+ height: 1px;
119
+ }
120
+ .h-screen {
121
+ height: 100vh;
122
+ }
123
+ .max-h-\(--radix-dropdown-menu-content-available-height\) {
124
+ max-height: var(--radix-dropdown-menu-content-available-height);
125
+ }
126
+ .max-h-\[60vh\] {
127
+ max-height: 60vh;
128
+ }
129
+ .max-h-\[70vh\] {
130
+ max-height: 70vh;
131
+ }
132
+ .max-h-\[85vh\] {
133
+ max-height: 85vh;
134
+ }
135
+ .w-\[3px\] {
136
+ width: 3px;
137
+ }
138
+ .w-\[14px\] {
139
+ width: 14px;
140
+ }
141
+ .w-\[310px\] {
142
+ width: 310px;
143
+ }
144
+ .w-\[320px\] {
145
+ width: 320px;
146
+ }
147
+ .w-\[340px\] {
148
+ width: 340px;
149
+ }
150
+ .w-\[380px\] {
151
+ width: 380px;
152
+ }
153
+ .w-\[400px\] {
154
+ width: 400px;
155
+ }
156
+ .w-\[calc\(100\%-80px\)\] {
157
+ width: calc(100% - 80px);
158
+ }
159
+ .w-fit {
160
+ width: fit-content;
161
+ }
162
+ .w-full {
163
+ width: 100%;
164
+ }
165
+ .w-px {
166
+ width: 1px;
167
+ }
168
+ .w-screen {
169
+ width: 100vw;
170
+ }
171
+ .max-w-\[120px\] {
172
+ max-width: 120px;
173
+ }
174
+ .max-w-\[180px\] {
175
+ max-width: 180px;
176
+ }
177
+ .max-w-full {
178
+ max-width: 100%;
179
+ }
180
+ .min-w-\[8rem\] {
181
+ min-width: 8rem;
182
+ }
183
+ .min-w-\[48px\] {
184
+ min-width: 48px;
185
+ }
186
+ .flex-1 {
187
+ flex: 1;
188
+ }
189
+ .flex-shrink {
190
+ flex-shrink: 1;
191
+ }
192
+ .flex-shrink-0 {
193
+ flex-shrink: 0;
194
+ }
195
+ .shrink-0 {
196
+ flex-shrink: 0;
197
+ }
198
+ .grow {
199
+ flex-grow: 1;
200
+ }
201
+ .origin-\(--radix-dropdown-menu-content-transform-origin\) {
202
+ transform-origin: var(--radix-dropdown-menu-content-transform-origin);
203
+ }
204
+ .-translate-x-1\/2 {
205
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
206
+ translate: var(--tw-translate-x) var(--tw-translate-y);
207
+ }
208
+ .-translate-y-1\/2 {
209
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
210
+ translate: var(--tw-translate-x) var(--tw-translate-y);
211
+ }
212
+ .scale-95 {
213
+ --tw-scale-x: 95%;
214
+ --tw-scale-y: 95%;
215
+ --tw-scale-z: 95%;
216
+ scale: var(--tw-scale-x) var(--tw-scale-y);
217
+ }
218
+ .scale-100 {
219
+ --tw-scale-x: 100%;
220
+ --tw-scale-y: 100%;
221
+ --tw-scale-z: 100%;
222
+ scale: var(--tw-scale-x) var(--tw-scale-y);
223
+ }
224
+ .scale-\[1\.03\] {
225
+ scale: 1.03;
226
+ }
227
+ .scale-\[1\.04\] {
228
+ scale: 1.04;
229
+ }
230
+ .rotate-0 {
231
+ rotate: 0deg;
232
+ }
233
+ .rotate-180 {
234
+ rotate: 180deg;
235
+ }
236
+ .transform {
237
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
238
+ }
239
+ .cursor-default {
240
+ cursor: default;
241
+ }
242
+ .cursor-grab {
243
+ cursor: grab;
244
+ }
245
+ .cursor-grabbing {
246
+ cursor: grabbing;
247
+ }
248
+ .cursor-pointer {
249
+ cursor: pointer;
250
+ }
251
+ .touch-none {
252
+ touch-action: none;
253
+ }
254
+ .resize {
255
+ resize: both;
256
+ }
257
+ .snap-x {
258
+ scroll-snap-type: x var(--tw-scroll-snap-strictness);
259
+ }
260
+ .snap-mandatory {
261
+ --tw-scroll-snap-strictness: mandatory;
262
+ }
263
+ .snap-center {
264
+ scroll-snap-align: center;
265
+ }
266
+ .list-inside {
267
+ list-style-position: inside;
268
+ }
269
+ .list-disc {
270
+ list-style-type: disc;
271
+ }
272
+ .appearance-none {
273
+ appearance: none;
274
+ }
275
+ .grid-cols-2 {
276
+ grid-template-columns: repeat(2, minmax(0, 1fr));
277
+ }
278
+ .grid-cols-4 {
279
+ grid-template-columns: repeat(4, minmax(0, 1fr));
280
+ }
281
+ .grid-cols-6 {
282
+ grid-template-columns: repeat(6, minmax(0, 1fr));
283
+ }
284
+ .flex-col {
285
+ flex-direction: column;
286
+ }
287
+ .flex-wrap {
288
+ flex-wrap: wrap;
289
+ }
290
+ .items-center {
291
+ align-items: center;
292
+ }
293
+ .items-start {
294
+ align-items: flex-start;
295
+ }
296
+ .justify-between {
297
+ justify-content: space-between;
298
+ }
299
+ .justify-center {
300
+ justify-content: center;
301
+ }
302
+ .gap-\[3px\] {
303
+ gap: 3px;
304
+ }
305
+ .gap-\[5px\] {
306
+ gap: 5px;
307
+ }
308
+ .gap-\[6px\] {
309
+ gap: 6px;
310
+ }
311
+ .truncate {
312
+ overflow: hidden;
313
+ text-overflow: ellipsis;
314
+ white-space: nowrap;
315
+ }
316
+ .overflow-hidden {
317
+ overflow: hidden;
318
+ }
319
+ .overflow-visible {
320
+ overflow: visible;
321
+ }
322
+ .overflow-x-auto {
323
+ overflow-x: auto;
324
+ }
325
+ .overflow-x-hidden {
326
+ overflow-x: hidden;
327
+ }
328
+ .overflow-y-auto {
329
+ overflow-y: auto;
330
+ }
331
+ .scroll-smooth {
332
+ scroll-behavior: smooth;
333
+ }
334
+ .rounded-\[3px\] {
335
+ border-radius: 3px;
336
+ }
337
+ .rounded-\[18px\] {
338
+ border-radius: 18px;
339
+ }
340
+ .rounded-\[24px\] {
341
+ border-radius: 24px;
342
+ }
343
+ .rounded-full {
344
+ border-radius: calc(infinity * 1px);
345
+ }
346
+ .rounded-r-full {
347
+ border-top-right-radius: calc(infinity * 1px);
348
+ border-bottom-right-radius: calc(infinity * 1px);
349
+ }
350
+ .border {
351
+ border-style: var(--tw-border-style);
352
+ border-width: 1px;
353
+ }
354
+ .border-2 {
355
+ border-style: var(--tw-border-style);
356
+ border-width: 2px;
357
+ }
358
+ .border-t {
359
+ border-top-style: var(--tw-border-style);
360
+ border-top-width: 1px;
361
+ }
362
+ .border-b {
363
+ border-bottom-style: var(--tw-border-style);
364
+ border-bottom-width: 1px;
365
+ }
366
+ .border-\[\#2C2C2E\] {
367
+ border-color: #2C2C2E;
368
+ }
369
+ .border-\[\#10B981\] {
370
+ border-color: #10B981;
371
+ }
372
+ .border-\[\#10B981\]\/20 {
373
+ border-color: color-mix(in oklab, #10B981 20%, transparent);
374
+ }
375
+ .border-\[\#029AFF\] {
376
+ border-color: #029AFF;
377
+ }
378
+ .border-\[\#029AFF\]\/20 {
379
+ border-color: color-mix(in oklab, #029AFF 20%, transparent);
380
+ }
381
+ .border-\[\#333\] {
382
+ border-color: #333;
383
+ }
384
+ .border-\[\#28282b\] {
385
+ border-color: #28282b;
386
+ }
387
+ .border-\[\#121214\] {
388
+ border-color: #121214;
389
+ }
390
+ .border-\[\#232326\] {
391
+ border-color: #232326;
392
+ }
393
+ .border-\[\#252526\] {
394
+ border-color: #252526;
395
+ }
396
+ .border-\[\#A1A1A1\] {
397
+ border-color: #A1A1A1;
398
+ }
399
+ .border-\[rgba\(161\,161\,161\,0\.8\)\] {
400
+ border-color: rgba(161,161,161,0.8);
401
+ }
402
+ .border-transparent {
403
+ border-color: transparent;
404
+ }
405
+ .bg-\[\#0b0b0b\] {
406
+ background-color: #0b0b0b;
407
+ }
408
+ .bg-\[\#1A1A1E\]\/90 {
409
+ background-color: color-mix(in oklab, #1A1A1E 90%, transparent);
410
+ }
411
+ .bg-\[\#1A1A1E\]\/95 {
412
+ background-color: color-mix(in oklab, #1A1A1E 95%, transparent);
413
+ }
414
+ .bg-\[\#1C1C1E\] {
415
+ background-color: #1C1C1E;
416
+ }
417
+ .bg-\[\#2C2C2E\] {
418
+ background-color: #2C2C2E;
419
+ }
420
+ .bg-\[\#3A3A3C\] {
421
+ background-color: #3A3A3C;
422
+ }
423
+ .bg-\[\#10B981\] {
424
+ background-color: #10B981;
425
+ }
426
+ .bg-\[\#10B981\]\/10 {
427
+ background-color: color-mix(in oklab, #10B981 10%, transparent);
428
+ }
429
+ .bg-\[\#029AFF\] {
430
+ background-color: #029AFF;
431
+ }
432
+ .bg-\[\#029AFF\]\/10 {
433
+ background-color: color-mix(in oklab, #029AFF 10%, transparent);
434
+ }
435
+ .bg-\[\#09090A\] {
436
+ background-color: #09090A;
437
+ }
438
+ .bg-\[\#121214\] {
439
+ background-color: #121214;
440
+ }
441
+ .bg-\[\#121214\]\/95 {
442
+ background-color: color-mix(in oklab, #121214 95%, transparent);
443
+ }
444
+ .bg-\[\#161617\] {
445
+ background-color: #161617;
446
+ }
447
+ .bg-\[\#A1A1A1\] {
448
+ background-color: #A1A1A1;
449
+ }
450
+ .bg-\[rgba\(5\,5\,5\,0\.97\)\] {
451
+ background-color: rgba(5,5,5,0.97);
452
+ }
453
+ .bg-current {
454
+ background-color: currentcolor;
455
+ }
456
+ .bg-transparent {
457
+ background-color: transparent;
458
+ }
459
+ .bg-gradient-to-b {
460
+ --tw-gradient-position: to bottom in oklab;
461
+ background-image: linear-gradient(var(--tw-gradient-stops));
462
+ }
463
+ .bg-gradient-to-l {
464
+ --tw-gradient-position: to left in oklab;
465
+ background-image: linear-gradient(var(--tw-gradient-stops));
466
+ }
467
+ .bg-gradient-to-r {
468
+ --tw-gradient-position: to right in oklab;
469
+ background-image: linear-gradient(var(--tw-gradient-stops));
470
+ }
471
+ .bg-gradient-to-t {
472
+ --tw-gradient-position: to top in oklab;
473
+ background-image: linear-gradient(var(--tw-gradient-stops));
474
+ }
475
+ .from-\[\#0b0b0b\] {
476
+ --tw-gradient-from: #0b0b0b;
477
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
478
+ }
479
+ .from-\[\#029AFF\]\/20 {
480
+ --tw-gradient-from: color-mix(in oklab, #029AFF 20%, transparent);
481
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
482
+ }
483
+ .from-\[\#09090A\] {
484
+ --tw-gradient-from: #09090A;
485
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
486
+ }
487
+ .to-\[\#7000FF\]\/20 {
488
+ --tw-gradient-to: color-mix(in oklab, #7000FF 20%, transparent);
489
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
490
+ }
491
+ .to-transparent {
492
+ --tw-gradient-to: transparent;
493
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
494
+ }
495
+ .fill-current {
496
+ fill: currentcolor;
497
+ }
498
+ .px-\[10px\] {
499
+ padding-inline: 10px;
500
+ }
501
+ .text-center {
502
+ text-align: center;
503
+ }
504
+ .text-left {
505
+ text-align: left;
506
+ }
507
+ .text-\[8px\] {
508
+ font-size: 8px;
509
+ }
510
+ .text-\[9px\] {
511
+ font-size: 9px;
512
+ }
513
+ .text-\[10px\] {
514
+ font-size: 10px;
515
+ }
516
+ .text-\[11px\] {
517
+ font-size: 11px;
518
+ }
519
+ .text-\[13px\] {
520
+ font-size: 13px;
521
+ }
522
+ .text-\[15px\] {
523
+ font-size: 15px;
524
+ }
525
+ .text-\[16px\] {
526
+ font-size: 16px;
527
+ }
528
+ .leading-none {
529
+ --tw-leading: 1;
530
+ line-height: 1;
531
+ }
532
+ .tracking-\[0\.1em\] {
533
+ --tw-tracking: 0.1em;
534
+ letter-spacing: 0.1em;
535
+ }
536
+ .tracking-\[0\.2em\] {
537
+ --tw-tracking: 0.2em;
538
+ letter-spacing: 0.2em;
539
+ }
540
+ .whitespace-nowrap {
541
+ white-space: nowrap;
542
+ }
543
+ .text-\[\#10B981\] {
544
+ color: #10B981;
545
+ }
546
+ .text-\[\#029AFF\] {
547
+ color: #029AFF;
548
+ }
549
+ .text-current {
550
+ color: currentcolor;
551
+ }
552
+ .text-transparent {
553
+ color: transparent;
554
+ }
555
+ .capitalize {
556
+ text-transform: capitalize;
557
+ }
558
+ .uppercase {
559
+ text-transform: uppercase;
560
+ }
561
+ .italic {
562
+ font-style: italic;
563
+ }
564
+ .tabular-nums {
565
+ --tw-numeric-spacing: tabular-nums;
566
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
567
+ }
568
+ .line-through {
569
+ text-decoration-line: line-through;
570
+ }
571
+ .opacity-0 {
572
+ opacity: 0%;
573
+ }
574
+ .opacity-30 {
575
+ opacity: 30%;
576
+ }
577
+ .opacity-60 {
578
+ opacity: 60%;
579
+ }
580
+ .opacity-70 {
581
+ opacity: 70%;
582
+ }
583
+ .opacity-100 {
584
+ opacity: 100%;
585
+ }
586
+ .shadow-\[0_0_15px_\#029AFF\] {
587
+ --tw-shadow: 0 0 15px var(--tw-shadow-color, #029AFF);
588
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
589
+ }
590
+ .shadow-\[0_20px_50px_rgba\(0\,0\,0\,0\.5\)\] {
591
+ --tw-shadow: 0 20px 50px var(--tw-shadow-color, rgba(0,0,0,0.5));
592
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
593
+ }
594
+ .shadow-\[0_32px_64px_rgba\(0\,0\,0\,0\.6\)\] {
595
+ --tw-shadow: 0 32px 64px var(--tw-shadow-color, rgba(0,0,0,0.6));
596
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
597
+ }
598
+ .ring-1 {
599
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
600
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
601
+ }
602
+ .ring-2 {
603
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
604
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
605
+ }
606
+ .shadow-\[\#10B981\]\/20 {
607
+ --tw-shadow-color: color-mix(in srgb, #10B981 20%, transparent);
608
+ @supports (color: color-mix(in lab, red, red)) {
609
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #10B981 20%, transparent) var(--tw-shadow-alpha), transparent);
1729
610
  }
1730
- .after\:left-1\/2 {
1731
- &::after {
1732
- content: var(--tw-content);
1733
- left: calc(1 / 2 * 100%);
1734
- }
611
+ }
612
+ .ring-\[\#029AFF\] {
613
+ --tw-ring-color: #029AFF;
614
+ }
615
+ .ring-\[\#161617\] {
616
+ --tw-ring-color: #161617;
617
+ }
618
+ .outline-hidden {
619
+ --tw-outline-style: none;
620
+ outline-style: none;
621
+ @media (forced-colors: active) {
622
+ outline: 2px solid transparent;
623
+ outline-offset: 2px;
1735
624
  }
1736
- .after\:-translate-x-1\/2 {
1737
- &::after {
1738
- content: var(--tw-content);
1739
- --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
1740
- translate: var(--tw-translate-x) var(--tw-translate-y);
625
+ }
626
+ .outline {
627
+ outline-style: var(--tw-outline-style);
628
+ outline-width: 1px;
629
+ }
630
+ .outline-2 {
631
+ outline-style: var(--tw-outline-style);
632
+ outline-width: 2px;
633
+ }
634
+ .transition {
635
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
636
+ transition-timing-function: var(--tw-ease, ease);
637
+ transition-duration: var(--tw-duration, 0s);
638
+ }
639
+ .transition-\[color\,box-shadow\] {
640
+ transition-property: color,box-shadow;
641
+ transition-timing-function: var(--tw-ease, ease);
642
+ transition-duration: var(--tw-duration, 0s);
643
+ }
644
+ .transition-all {
645
+ transition-property: all;
646
+ transition-timing-function: var(--tw-ease, ease);
647
+ transition-duration: var(--tw-duration, 0s);
648
+ }
649
+ .transition-colors {
650
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
651
+ transition-timing-function: var(--tw-ease, ease);
652
+ transition-duration: var(--tw-duration, 0s);
653
+ }
654
+ .transition-opacity {
655
+ transition-property: opacity;
656
+ transition-timing-function: var(--tw-ease, ease);
657
+ transition-duration: var(--tw-duration, 0s);
658
+ }
659
+ .transition-transform {
660
+ transition-property: transform, translate, scale, rotate;
661
+ transition-timing-function: var(--tw-ease, ease);
662
+ transition-duration: var(--tw-duration, 0s);
663
+ }
664
+ .duration-150 {
665
+ --tw-duration: 150ms;
666
+ transition-duration: 150ms;
667
+ }
668
+ .duration-200 {
669
+ --tw-duration: 200ms;
670
+ transition-duration: 200ms;
671
+ }
672
+ .duration-300 {
673
+ --tw-duration: 300ms;
674
+ transition-duration: 300ms;
675
+ }
676
+ .duration-500 {
677
+ --tw-duration: 500ms;
678
+ transition-duration: 500ms;
679
+ }
680
+ .ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\] {
681
+ --tw-ease: cubic-bezier(0.23,1,0.32,1);
682
+ transition-timing-function: cubic-bezier(0.23,1,0.32,1);
683
+ }
684
+ .select-none {
685
+ -webkit-user-select: none;
686
+ user-select: none;
687
+ }
688
+ .group-hover\:scale-110 {
689
+ &:is(:where(.group):hover *) {
690
+ @media (hover: hover) {
691
+ --tw-scale-x: 110%;
692
+ --tw-scale-y: 110%;
693
+ --tw-scale-z: 110%;
694
+ scale: var(--tw-scale-x) var(--tw-scale-y);
1741
695
  }
1742
696
  }
1743
- .after\:-translate-y-full {
1744
- &::after {
1745
- content: var(--tw-content);
1746
- --tw-translate-y: -100%;
1747
- translate: var(--tw-translate-x) var(--tw-translate-y);
697
+ }
698
+ .group-hover\:bg-\[\#029AFF\] {
699
+ &:is(:where(.group):hover *) {
700
+ @media (hover: hover) {
701
+ background-color: #029AFF;
1748
702
  }
1749
703
  }
1750
- .after\:border-4 {
1751
- &::after {
1752
- content: var(--tw-content);
1753
- border-style: var(--tw-border-style);
1754
- border-width: 4px;
704
+ }
705
+ .group-hover\:text-\[\#10B981\] {
706
+ &:is(:where(.group):hover *) {
707
+ @media (hover: hover) {
708
+ color: #10B981;
1755
709
  }
1756
710
  }
1757
- .after\:border-transparent {
1758
- &::after {
1759
- content: var(--tw-content);
1760
- border-color: transparent;
711
+ }
712
+ .group-hover\:opacity-100 {
713
+ &:is(:where(.group):hover *) {
714
+ @media (hover: hover) {
715
+ opacity: 100%;
1761
716
  }
1762
717
  }
1763
- .after\:border-b-gray-900 {
1764
- &::after {
1765
- content: var(--tw-content);
1766
- border-bottom-color: var(--color-gray-900);
718
+ }
719
+ .group-hover\/title\:text-\[\#029AFF\] {
720
+ &:is(:where(.group\/title):hover *) {
721
+ @media (hover: hover) {
722
+ color: #029AFF;
1767
723
  }
1768
724
  }
1769
- .after\:content-\[\'\'\] {
1770
- &::after {
1771
- --tw-content: '';
1772
- content: var(--tw-content);
725
+ }
726
+ .group-hover\/tooltip\:opacity-100 {
727
+ &:is(:where(.group\/tooltip):hover *) {
728
+ @media (hover: hover) {
729
+ opacity: 100%;
1773
730
  }
1774
731
  }
1775
- .hover\:border-\[\#3e3e42\] {
1776
- &:hover {
1777
- @media (hover: hover) {
1778
- border-color: #3e3e42;
1779
- }
1780
- }
732
+ }
733
+ .group-data-\[disabled\=true\]\:pointer-events-none {
734
+ &:is(:where(.group)[data-disabled="true"] *) {
735
+ pointer-events: none;
1781
736
  }
1782
- .hover\:border-\[\#10B981\] {
1783
- &:hover {
1784
- @media (hover: hover) {
1785
- border-color: #10B981;
1786
- }
1787
- }
737
+ }
738
+ .group-data-\[disabled\=true\]\:opacity-50 {
739
+ &:is(:where(.group)[data-disabled="true"] *) {
740
+ opacity: 50%;
1788
741
  }
1789
- .hover\:border-neutral-500 {
1790
- &:hover {
1791
- @media (hover: hover) {
1792
- border-color: var(--color-neutral-500);
1793
- }
1794
- }
742
+ }
743
+ .peer-disabled\:cursor-not-allowed {
744
+ &:is(:where(.peer):disabled ~ *) {
745
+ cursor: not-allowed;
1795
746
  }
1796
- .hover\:border-white\/5 {
1797
- &:hover {
1798
- @media (hover: hover) {
1799
- border-color: color-mix(in srgb, #fff 5%, transparent);
1800
- @supports (color: color-mix(in lab, red, red)) {
1801
- border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
1802
- }
1803
- }
1804
- }
747
+ }
748
+ .peer-disabled\:opacity-50 {
749
+ &:is(:where(.peer):disabled ~ *) {
750
+ opacity: 50%;
1805
751
  }
1806
- .hover\:bg-\[\#10B981\] {
1807
- &:hover {
1808
- @media (hover: hover) {
1809
- background-color: #10B981;
1810
- }
1811
- }
752
+ }
753
+ .selection\:bg-\[\#029AFF\]\/40 {
754
+ & *::selection {
755
+ background-color: color-mix(in oklab, #029AFF 40%, transparent);
1812
756
  }
1813
- .hover\:bg-\[\#029AFF\] {
1814
- &:hover {
1815
- @media (hover: hover) {
1816
- background-color: #029AFF;
1817
- }
1818
- }
757
+ &::selection {
758
+ background-color: color-mix(in oklab, #029AFF 40%, transparent);
1819
759
  }
1820
- .hover\:bg-gray-100 {
1821
- &:hover {
1822
- @media (hover: hover) {
1823
- background-color: var(--color-gray-100);
1824
- }
1825
- }
760
+ }
761
+ .after\:absolute {
762
+ &::after {
763
+ content: var(--tw-content);
764
+ position: absolute;
1826
765
  }
1827
- .hover\:bg-neutral-800 {
1828
- &:hover {
1829
- @media (hover: hover) {
1830
- background-color: var(--color-neutral-800);
1831
- }
1832
- }
766
+ }
767
+ .after\:left-1\/2 {
768
+ &::after {
769
+ content: var(--tw-content);
770
+ left: calc(1 / 2 * 100%);
1833
771
  }
1834
- .hover\:bg-white\/5 {
1835
- &:hover {
1836
- @media (hover: hover) {
1837
- background-color: color-mix(in srgb, #fff 5%, transparent);
1838
- @supports (color: color-mix(in lab, red, red)) {
1839
- background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
1840
- }
1841
- }
1842
- }
772
+ }
773
+ .after\:-translate-x-1\/2 {
774
+ &::after {
775
+ content: var(--tw-content);
776
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
777
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1843
778
  }
1844
- .hover\:bg-white\/10 {
1845
- &:hover {
1846
- @media (hover: hover) {
1847
- background-color: color-mix(in srgb, #fff 10%, transparent);
1848
- @supports (color: color-mix(in lab, red, red)) {
1849
- background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1850
- }
1851
- }
1852
- }
779
+ }
780
+ .after\:-translate-y-full {
781
+ &::after {
782
+ content: var(--tw-content);
783
+ --tw-translate-y: -100%;
784
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1853
785
  }
1854
- .hover\:bg-white\/20 {
1855
- &:hover {
1856
- @media (hover: hover) {
1857
- background-color: color-mix(in srgb, #fff 20%, transparent);
1858
- @supports (color: color-mix(in lab, red, red)) {
1859
- background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
1860
- }
1861
- }
1862
- }
786
+ }
787
+ .after\:border-4 {
788
+ &::after {
789
+ content: var(--tw-content);
790
+ border-style: var(--tw-border-style);
791
+ border-width: 4px;
1863
792
  }
1864
- .hover\:text-\[\#10B981\]\/50 {
1865
- &:hover {
1866
- @media (hover: hover) {
1867
- color: color-mix(in oklab, #10B981 50%, transparent);
1868
- }
1869
- }
793
+ }
794
+ .after\:border-transparent {
795
+ &::after {
796
+ content: var(--tw-content);
797
+ border-color: transparent;
1870
798
  }
1871
- .hover\:text-black {
1872
- &:hover {
1873
- @media (hover: hover) {
1874
- color: var(--color-black);
1875
- }
1876
- }
799
+ }
800
+ .after\:content-\[\'\'\] {
801
+ &::after {
802
+ --tw-content: '';
803
+ content: var(--tw-content);
1877
804
  }
1878
- .hover\:text-blue-400 {
1879
- &:hover {
1880
- @media (hover: hover) {
1881
- color: var(--color-blue-400);
1882
- }
805
+ }
806
+ .hover\:border-\[\#3e3e42\] {
807
+ &:hover {
808
+ @media (hover: hover) {
809
+ border-color: #3e3e42;
1883
810
  }
1884
811
  }
1885
- .hover\:text-gray-900 {
1886
- &:hover {
1887
- @media (hover: hover) {
1888
- color: var(--color-gray-900);
1889
- }
812
+ }
813
+ .hover\:border-\[\#10B981\] {
814
+ &:hover {
815
+ @media (hover: hover) {
816
+ border-color: #10B981;
1890
817
  }
1891
818
  }
1892
- .hover\:text-white {
1893
- &:hover {
1894
- @media (hover: hover) {
1895
- color: var(--color-white);
1896
- }
819
+ }
820
+ .hover\:bg-\[\#10B981\] {
821
+ &:hover {
822
+ @media (hover: hover) {
823
+ background-color: #10B981;
1897
824
  }
1898
825
  }
1899
- .hover\:underline {
1900
- &:hover {
1901
- @media (hover: hover) {
1902
- text-decoration-line: underline;
1903
- }
826
+ }
827
+ .hover\:bg-\[\#029AFF\] {
828
+ &:hover {
829
+ @media (hover: hover) {
830
+ background-color: #029AFF;
1904
831
  }
1905
832
  }
1906
- .hover\:ring-4 {
1907
- &:hover {
1908
- @media (hover: hover) {
1909
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1910
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1911
- }
833
+ }
834
+ .hover\:text-\[\#10B981\]\/50 {
835
+ &:hover {
836
+ @media (hover: hover) {
837
+ color: color-mix(in oklab, #10B981 50%, transparent);
1912
838
  }
1913
839
  }
1914
- .focus-visible\:ring-2 {
1915
- &:focus-visible {
1916
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1917
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
840
+ }
841
+ .hover\:underline {
842
+ &:hover {
843
+ @media (hover: hover) {
844
+ text-decoration-line: underline;
1918
845
  }
1919
846
  }
1920
- .focus-visible\:ring-4 {
1921
- &:focus-visible {
847
+ }
848
+ .hover\:ring-4 {
849
+ &:hover {
850
+ @media (hover: hover) {
1922
851
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1923
852
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1924
853
  }
1925
854
  }
1926
- .focus-visible\:ring-blue-500 {
1927
- &:focus-visible {
1928
- --tw-ring-color: var(--color-blue-500);
1929
- }
1930
- }
1931
- .focus-visible\:ring-offset-2 {
1932
- &:focus-visible {
1933
- --tw-ring-offset-width: 2px;
1934
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1935
- }
1936
- }
1937
- .focus-visible\:outline-hidden {
1938
- &:focus-visible {
1939
- --tw-outline-style: none;
1940
- outline-style: none;
1941
- @media (forced-colors: active) {
1942
- outline: 2px solid transparent;
1943
- outline-offset: 2px;
1944
- }
1945
- }
1946
- }
1947
- .focus-visible\:outline-none {
1948
- &:focus-visible {
1949
- --tw-outline-style: none;
1950
- outline-style: none;
1951
- }
1952
- }
1953
- .active\:scale-95 {
1954
- &:active {
1955
- --tw-scale-x: 95%;
1956
- --tw-scale-y: 95%;
1957
- --tw-scale-z: 95%;
1958
- scale: var(--tw-scale-x) var(--tw-scale-y);
1959
- }
1960
- }
1961
- .active\:bg-white\/20 {
1962
- &:active {
1963
- background-color: color-mix(in srgb, #fff 20%, transparent);
1964
- @supports (color: color-mix(in lab, red, red)) {
1965
- background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
1966
- }
1967
- }
1968
- }
1969
- .active\:bg-white\/30 {
1970
- &:active {
1971
- background-color: color-mix(in srgb, #fff 30%, transparent);
1972
- @supports (color: color-mix(in lab, red, red)) {
1973
- background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
1974
- }
1975
- }
1976
- }
1977
- .disabled\:pointer-events-none {
1978
- &:disabled {
1979
- pointer-events: none;
1980
- }
1981
- }
1982
- .disabled\:cursor-not-allowed {
1983
- &:disabled {
1984
- cursor: not-allowed;
1985
- }
1986
- }
1987
- .disabled\:opacity-40 {
1988
- &:disabled {
1989
- opacity: 40%;
1990
- }
1991
- }
1992
- .disabled\:opacity-50 {
1993
- &:disabled {
1994
- opacity: 50%;
1995
- }
1996
- }
1997
- .data-\[disabled\]\:pointer-events-none {
1998
- &[data-disabled] {
1999
- pointer-events: none;
2000
- }
2001
- }
2002
- .data-\[disabled\]\:opacity-50 {
2003
- &[data-disabled] {
2004
- opacity: 50%;
2005
- }
2006
- }
2007
- .data-\[inset\]\:pl-8 {
2008
- &[data-inset] {
2009
- padding-left: calc(var(--spacing) * 8);
2010
- }
855
+ }
856
+ .focus-visible\:ring-2 {
857
+ &:focus-visible {
858
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
859
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2011
860
  }
2012
- .data-\[orientation\=horizontal\]\:h-1\.5 {
2013
- &[data-orientation="horizontal"] {
2014
- height: calc(var(--spacing) * 1.5);
2015
- }
861
+ }
862
+ .focus-visible\:ring-4 {
863
+ &:focus-visible {
864
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
865
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2016
866
  }
2017
- .data-\[orientation\=horizontal\]\:h-full {
2018
- &[data-orientation="horizontal"] {
2019
- height: 100%;
2020
- }
867
+ }
868
+ .focus-visible\:ring-offset-2 {
869
+ &:focus-visible {
870
+ --tw-ring-offset-width: 2px;
871
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2021
872
  }
2022
- .data-\[orientation\=horizontal\]\:w-full {
2023
- &[data-orientation="horizontal"] {
2024
- width: 100%;
873
+ }
874
+ .focus-visible\:outline-hidden {
875
+ &:focus-visible {
876
+ --tw-outline-style: none;
877
+ outline-style: none;
878
+ @media (forced-colors: active) {
879
+ outline: 2px solid transparent;
880
+ outline-offset: 2px;
2025
881
  }
2026
882
  }
2027
- .data-\[orientation\=vertical\]\:h-full {
2028
- &[data-orientation="vertical"] {
2029
- height: 100%;
2030
- }
883
+ }
884
+ .focus-visible\:outline-none {
885
+ &:focus-visible {
886
+ --tw-outline-style: none;
887
+ outline-style: none;
2031
888
  }
2032
- .data-\[orientation\=vertical\]\:min-h-44 {
2033
- &[data-orientation="vertical"] {
2034
- min-height: calc(var(--spacing) * 44);
2035
- }
889
+ }
890
+ .active\:scale-95 {
891
+ &:active {
892
+ --tw-scale-x: 95%;
893
+ --tw-scale-y: 95%;
894
+ --tw-scale-z: 95%;
895
+ scale: var(--tw-scale-x) var(--tw-scale-y);
2036
896
  }
2037
- .data-\[orientation\=vertical\]\:w-1\.5 {
2038
- &[data-orientation="vertical"] {
2039
- width: calc(var(--spacing) * 1.5);
2040
- }
897
+ }
898
+ .disabled\:pointer-events-none {
899
+ &:disabled {
900
+ pointer-events: none;
2041
901
  }
2042
- .data-\[orientation\=vertical\]\:w-auto {
2043
- &[data-orientation="vertical"] {
2044
- width: auto;
2045
- }
902
+ }
903
+ .disabled\:cursor-not-allowed {
904
+ &:disabled {
905
+ cursor: not-allowed;
2046
906
  }
2047
- .data-\[orientation\=vertical\]\:w-full {
2048
- &[data-orientation="vertical"] {
2049
- width: 100%;
2050
- }
907
+ }
908
+ .disabled\:opacity-40 {
909
+ &:disabled {
910
+ opacity: 40%;
2051
911
  }
2052
- .data-\[orientation\=vertical\]\:flex-col {
2053
- &[data-orientation="vertical"] {
2054
- flex-direction: column;
2055
- }
912
+ }
913
+ .disabled\:opacity-50 {
914
+ &:disabled {
915
+ opacity: 50%;
2056
916
  }
2057
- .md\:bottom-6 {
2058
- @media (width >= 48rem) {
2059
- bottom: calc(var(--spacing) * 6);
2060
- }
917
+ }
918
+ .data-\[disabled\]\:pointer-events-none {
919
+ &[data-disabled] {
920
+ pointer-events: none;
2061
921
  }
2062
- .md\:block {
2063
- @media (width >= 48rem) {
2064
- display: block;
2065
- }
922
+ }
923
+ .data-\[disabled\]\:opacity-50 {
924
+ &[data-disabled] {
925
+ opacity: 50%;
2066
926
  }
2067
- .md\:flex {
2068
- @media (width >= 48rem) {
2069
- display: flex;
2070
- }
927
+ }
928
+ .data-\[orientation\=horizontal\]\:h-full {
929
+ &[data-orientation="horizontal"] {
930
+ height: 100%;
2071
931
  }
2072
- .md\:hidden {
2073
- @media (width >= 48rem) {
2074
- display: none;
2075
- }
932
+ }
933
+ .data-\[orientation\=horizontal\]\:w-full {
934
+ &[data-orientation="horizontal"] {
935
+ width: 100%;
2076
936
  }
2077
- .md\:w-auto {
2078
- @media (width >= 48rem) {
2079
- width: auto;
2080
- }
937
+ }
938
+ .data-\[orientation\=vertical\]\:h-full {
939
+ &[data-orientation="vertical"] {
940
+ height: 100%;
2081
941
  }
2082
- .md\:snap-none {
2083
- @media (width >= 48rem) {
2084
- scroll-snap-type: none;
2085
- }
942
+ }
943
+ .data-\[orientation\=vertical\]\:w-auto {
944
+ &[data-orientation="vertical"] {
945
+ width: auto;
2086
946
  }
2087
- .md\:overflow-x-visible {
2088
- @media (width >= 48rem) {
2089
- overflow-x: visible;
2090
- }
947
+ }
948
+ .data-\[orientation\=vertical\]\:w-full {
949
+ &[data-orientation="vertical"] {
950
+ width: 100%;
2091
951
  }
2092
- .\[\&_svg\]\:pointer-events-none {
2093
- & svg {
2094
- pointer-events: none;
2095
- }
952
+ }
953
+ .data-\[orientation\=vertical\]\:flex-col {
954
+ &[data-orientation="vertical"] {
955
+ flex-direction: column;
2096
956
  }
2097
- .\[\&_svg\]\:shrink-0 {
2098
- & svg {
2099
- flex-shrink: 0;
2100
- }
957
+ }
958
+ .\[\&_svg\]\:pointer-events-none {
959
+ & svg {
960
+ pointer-events: none;
2101
961
  }
2102
- .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
2103
- & svg:not([class*='size-']) {
2104
- width: calc(var(--spacing) * 4);
2105
- height: calc(var(--spacing) * 4);
2106
- }
962
+ }
963
+ .\[\&_svg\]\:shrink-0 {
964
+ & svg {
965
+ flex-shrink: 0;
2107
966
  }
2108
967
  }
2109
968
  .easyflow-whiteboard {
@@ -2270,16 +1129,6 @@
2270
1129
  inherits: false;
2271
1130
  initial-value: proximity;
2272
1131
  }
2273
- @property --tw-space-y-reverse {
2274
- syntax: "*";
2275
- inherits: false;
2276
- initial-value: 0;
2277
- }
2278
- @property --tw-space-x-reverse {
2279
- syntax: "*";
2280
- inherits: false;
2281
- initial-value: 0;
2282
- }
2283
1132
  @property --tw-border-style {
2284
1133
  syntax: "*";
2285
1134
  inherits: false;
@@ -2331,10 +1180,6 @@
2331
1180
  syntax: "*";
2332
1181
  inherits: false;
2333
1182
  }
2334
- @property --tw-font-weight {
2335
- syntax: "*";
2336
- inherits: false;
2337
- }
2338
1183
  @property --tw-tracking {
2339
1184
  syntax: "*";
2340
1185
  inherits: false;
@@ -2429,95 +1274,6 @@
2429
1274
  inherits: false;
2430
1275
  initial-value: solid;
2431
1276
  }
2432
- @property --tw-blur {
2433
- syntax: "*";
2434
- inherits: false;
2435
- }
2436
- @property --tw-brightness {
2437
- syntax: "*";
2438
- inherits: false;
2439
- }
2440
- @property --tw-contrast {
2441
- syntax: "*";
2442
- inherits: false;
2443
- }
2444
- @property --tw-grayscale {
2445
- syntax: "*";
2446
- inherits: false;
2447
- }
2448
- @property --tw-hue-rotate {
2449
- syntax: "*";
2450
- inherits: false;
2451
- }
2452
- @property --tw-invert {
2453
- syntax: "*";
2454
- inherits: false;
2455
- }
2456
- @property --tw-opacity {
2457
- syntax: "*";
2458
- inherits: false;
2459
- }
2460
- @property --tw-saturate {
2461
- syntax: "*";
2462
- inherits: false;
2463
- }
2464
- @property --tw-sepia {
2465
- syntax: "*";
2466
- inherits: false;
2467
- }
2468
- @property --tw-drop-shadow {
2469
- syntax: "*";
2470
- inherits: false;
2471
- }
2472
- @property --tw-drop-shadow-color {
2473
- syntax: "*";
2474
- inherits: false;
2475
- }
2476
- @property --tw-drop-shadow-alpha {
2477
- syntax: "<percentage>";
2478
- inherits: false;
2479
- initial-value: 100%;
2480
- }
2481
- @property --tw-drop-shadow-size {
2482
- syntax: "*";
2483
- inherits: false;
2484
- }
2485
- @property --tw-backdrop-blur {
2486
- syntax: "*";
2487
- inherits: false;
2488
- }
2489
- @property --tw-backdrop-brightness {
2490
- syntax: "*";
2491
- inherits: false;
2492
- }
2493
- @property --tw-backdrop-contrast {
2494
- syntax: "*";
2495
- inherits: false;
2496
- }
2497
- @property --tw-backdrop-grayscale {
2498
- syntax: "*";
2499
- inherits: false;
2500
- }
2501
- @property --tw-backdrop-hue-rotate {
2502
- syntax: "*";
2503
- inherits: false;
2504
- }
2505
- @property --tw-backdrop-invert {
2506
- syntax: "*";
2507
- inherits: false;
2508
- }
2509
- @property --tw-backdrop-opacity {
2510
- syntax: "*";
2511
- inherits: false;
2512
- }
2513
- @property --tw-backdrop-saturate {
2514
- syntax: "*";
2515
- inherits: false;
2516
- }
2517
- @property --tw-backdrop-sepia {
2518
- syntax: "*";
2519
- inherits: false;
2520
- }
2521
1277
  @property --tw-duration {
2522
1278
  syntax: "*";
2523
1279
  inherits: false;
@@ -2531,11 +1287,6 @@
2531
1287
  initial-value: "";
2532
1288
  inherits: false;
2533
1289
  }
2534
- @keyframes pulse {
2535
- 50% {
2536
- opacity: 0.5;
2537
- }
2538
- }
2539
1290
  @layer properties {
2540
1291
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
2541
1292
  *, ::before, ::after, ::backdrop {
@@ -2551,8 +1302,6 @@
2551
1302
  --tw-skew-x: initial;
2552
1303
  --tw-skew-y: initial;
2553
1304
  --tw-scroll-snap-strictness: proximity;
2554
- --tw-space-y-reverse: 0;
2555
- --tw-space-x-reverse: 0;
2556
1305
  --tw-border-style: solid;
2557
1306
  --tw-gradient-position: initial;
2558
1307
  --tw-gradient-from: #0000;
@@ -2564,7 +1313,6 @@
2564
1313
  --tw-gradient-via-position: 50%;
2565
1314
  --tw-gradient-to-position: 100%;
2566
1315
  --tw-leading: initial;
2567
- --tw-font-weight: initial;
2568
1316
  --tw-tracking: initial;
2569
1317
  --tw-ordinal: initial;
2570
1318
  --tw-slashed-zero: initial;
@@ -2586,28 +1334,6 @@
2586
1334
  --tw-ring-offset-color: #fff;
2587
1335
  --tw-ring-offset-shadow: 0 0 #0000;
2588
1336
  --tw-outline-style: solid;
2589
- --tw-blur: initial;
2590
- --tw-brightness: initial;
2591
- --tw-contrast: initial;
2592
- --tw-grayscale: initial;
2593
- --tw-hue-rotate: initial;
2594
- --tw-invert: initial;
2595
- --tw-opacity: initial;
2596
- --tw-saturate: initial;
2597
- --tw-sepia: initial;
2598
- --tw-drop-shadow: initial;
2599
- --tw-drop-shadow-color: initial;
2600
- --tw-drop-shadow-alpha: 100%;
2601
- --tw-drop-shadow-size: initial;
2602
- --tw-backdrop-blur: initial;
2603
- --tw-backdrop-brightness: initial;
2604
- --tw-backdrop-contrast: initial;
2605
- --tw-backdrop-grayscale: initial;
2606
- --tw-backdrop-hue-rotate: initial;
2607
- --tw-backdrop-invert: initial;
2608
- --tw-backdrop-opacity: initial;
2609
- --tw-backdrop-saturate: initial;
2610
- --tw-backdrop-sepia: initial;
2611
1337
  --tw-duration: initial;
2612
1338
  --tw-ease: initial;
2613
1339
  --tw-content: "";