@vishu1301/script-writing 0.4.9 → 0.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css DELETED
@@ -1,1086 +0,0 @@
1
- /* app/globals.css */
2
- @layer properties;
3
- @layer theme, base, components, utilities;
4
- @layer theme {
5
- :root,
6
- :host {
7
- --color-sky-500: oklch(68.5% 0.169 237.323);
8
- --color-blue-400: oklch(70.7% 0.165 254.624);
9
- --color-slate-50: oklch(98.4% 0.003 247.858);
10
- --color-slate-100: oklch(96.8% 0.007 247.896);
11
- --color-slate-200: oklch(92.9% 0.013 255.508);
12
- --color-slate-300: oklch(86.9% 0.022 252.894);
13
- --color-slate-600: oklch(44.6% 0.043 257.281);
14
- --color-zinc-50: oklch(98.5% 0 0);
15
- --color-zinc-100: oklch(96.7% 0.001 286.375);
16
- --color-zinc-200: oklch(92% 0.004 286.32);
17
- --color-zinc-300: oklch(87.1% 0.006 286.286);
18
- --color-zinc-400: oklch(70.5% 0.015 286.067);
19
- --color-zinc-600: oklch(44.2% 0.017 285.786);
20
- --color-zinc-700: oklch(37% 0.013 285.805);
21
- --color-zinc-800: oklch(27.4% 0.006 286.033);
22
- --color-zinc-900: oklch(21% 0.006 285.885);
23
- --color-zinc-950: oklch(14.1% 0.005 285.823);
24
- --color-white: #fff;
25
- --spacing: 0.25rem;
26
- --text-xs: 0.75rem;
27
- --text-xs--line-height: calc(1 / 0.75);
28
- --text-sm: 0.875rem;
29
- --text-sm--line-height: calc(1.25 / 0.875);
30
- --text-base: 1rem;
31
- --text-base--line-height: calc(1.5 / 1);
32
- --font-weight-medium: 500;
33
- --font-weight-semibold: 600;
34
- --font-weight-bold: 700;
35
- --tracking-wide: 0.025em;
36
- --tracking-widest: 0.1em;
37
- --radius-sm: 0.25rem;
38
- --radius-md: 0.375rem;
39
- --radius-xl: 0.75rem;
40
- --blur-md: 12px;
41
- --blur-xl: 24px;
42
- --default-transition-duration: 150ms;
43
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
44
- --default-font-family: var(--font-geist-sans);
45
- --default-mono-font-family: var(--font-geist-mono);
46
- }
47
- }
48
- @layer base {
49
- *,
50
- ::after,
51
- ::before,
52
- ::backdrop,
53
- ::file-selector-button {
54
- box-sizing: border-box;
55
- margin: 0;
56
- padding: 0;
57
- border: 0 solid;
58
- }
59
- html,
60
- :host {
61
- line-height: 1.5;
62
- -webkit-text-size-adjust: 100%;
63
- tab-size: 4;
64
- 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");
65
- font-feature-settings: var(--default-font-feature-settings, normal);
66
- font-variation-settings: var(--default-font-variation-settings, normal);
67
- -webkit-tap-highlight-color: transparent;
68
- }
69
- hr {
70
- height: 0;
71
- color: inherit;
72
- border-top-width: 1px;
73
- }
74
- abbr:where([title]) {
75
- -webkit-text-decoration: underline dotted;
76
- text-decoration: underline dotted;
77
- }
78
- h1,
79
- h2,
80
- h3,
81
- h4,
82
- h5,
83
- h6 {
84
- font-size: inherit;
85
- font-weight: inherit;
86
- }
87
- a {
88
- color: inherit;
89
- -webkit-text-decoration: inherit;
90
- text-decoration: inherit;
91
- }
92
- b,
93
- strong {
94
- font-weight: bolder;
95
- }
96
- code,
97
- kbd,
98
- samp,
99
- pre {
100
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
101
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
102
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
103
- font-size: 1em;
104
- }
105
- small {
106
- font-size: 80%;
107
- }
108
- sub,
109
- sup {
110
- font-size: 75%;
111
- line-height: 0;
112
- position: relative;
113
- vertical-align: baseline;
114
- }
115
- sub {
116
- bottom: -0.25em;
117
- }
118
- sup {
119
- top: -0.5em;
120
- }
121
- table {
122
- text-indent: 0;
123
- border-color: inherit;
124
- border-collapse: collapse;
125
- }
126
- :-moz-focusring {
127
- outline: auto;
128
- }
129
- progress {
130
- vertical-align: baseline;
131
- }
132
- summary {
133
- display: list-item;
134
- }
135
- ol,
136
- ul,
137
- menu {
138
- list-style: none;
139
- }
140
- img,
141
- svg,
142
- video,
143
- canvas,
144
- audio,
145
- iframe,
146
- embed,
147
- object {
148
- display: block;
149
- vertical-align: middle;
150
- }
151
- img,
152
- video {
153
- max-width: 100%;
154
- height: auto;
155
- }
156
- button,
157
- input,
158
- select,
159
- optgroup,
160
- textarea,
161
- ::file-selector-button {
162
- font: inherit;
163
- font-feature-settings: inherit;
164
- font-variation-settings: inherit;
165
- letter-spacing: inherit;
166
- color: inherit;
167
- border-radius: 0;
168
- background-color: transparent;
169
- opacity: 1;
170
- }
171
- :where(select:is([multiple], [size])) optgroup {
172
- font-weight: bolder;
173
- }
174
- :where(select:is([multiple], [size])) optgroup option {
175
- padding-inline-start: 20px;
176
- }
177
- ::file-selector-button {
178
- margin-inline-end: 4px;
179
- }
180
- ::placeholder {
181
- opacity: 1;
182
- }
183
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
184
- ::placeholder {
185
- color: currentcolor;
186
- @supports (color: color-mix(in lab, red, red)) {
187
- color: color-mix(in oklab, currentcolor 50%, transparent);
188
- }
189
- }
190
- }
191
- textarea {
192
- resize: vertical;
193
- }
194
- ::-webkit-search-decoration {
195
- -webkit-appearance: none;
196
- }
197
- ::-webkit-date-and-time-value {
198
- min-height: 1lh;
199
- text-align: inherit;
200
- }
201
- ::-webkit-datetime-edit {
202
- display: inline-flex;
203
- }
204
- ::-webkit-datetime-edit-fields-wrapper {
205
- padding: 0;
206
- }
207
- ::-webkit-datetime-edit,
208
- ::-webkit-datetime-edit-year-field,
209
- ::-webkit-datetime-edit-month-field,
210
- ::-webkit-datetime-edit-day-field,
211
- ::-webkit-datetime-edit-hour-field,
212
- ::-webkit-datetime-edit-minute-field,
213
- ::-webkit-datetime-edit-second-field,
214
- ::-webkit-datetime-edit-millisecond-field,
215
- ::-webkit-datetime-edit-meridiem-field {
216
- padding-block: 0;
217
- }
218
- ::-webkit-calendar-picker-indicator {
219
- line-height: 1;
220
- }
221
- :-moz-ui-invalid {
222
- box-shadow: none;
223
- }
224
- button,
225
- input:where([type=button], [type=reset], [type=submit]),
226
- ::file-selector-button {
227
- appearance: button;
228
- }
229
- ::-webkit-inner-spin-button,
230
- ::-webkit-outer-spin-button {
231
- height: auto;
232
- }
233
- [hidden]:where(:not([hidden=until-found])) {
234
- display: none !important;
235
- }
236
- }
237
- @layer utilities {
238
- .sr-only {
239
- position: absolute;
240
- width: 1px;
241
- height: 1px;
242
- padding: 0;
243
- margin: -1px;
244
- overflow: hidden;
245
- clip-path: inset(50%);
246
- white-space: nowrap;
247
- border-width: 0;
248
- }
249
- .absolute {
250
- position: absolute;
251
- }
252
- .fixed {
253
- position: fixed;
254
- }
255
- .relative {
256
- position: relative;
257
- }
258
- .sticky {
259
- position: sticky;
260
- }
261
- .start {
262
- inset-inline-start: var(--spacing);
263
- }
264
- .end {
265
- inset-inline-end: var(--spacing);
266
- }
267
- .top-2 {
268
- top: calc(var(--spacing) * 2);
269
- }
270
- .top-6 {
271
- top: calc(var(--spacing) * 6);
272
- }
273
- .top-\[calc\(100\%\+6px\)\] {
274
- top: calc(100% + 6px);
275
- }
276
- .top-\[calc\(100\%\+8px\)\] {
277
- top: calc(100% + 8px);
278
- }
279
- .right-6 {
280
- right: calc(var(--spacing) * 6);
281
- }
282
- .bottom-6 {
283
- bottom: calc(var(--spacing) * 6);
284
- }
285
- .-left-16 {
286
- left: calc(var(--spacing) * -16);
287
- }
288
- .left-0 {
289
- left: calc(var(--spacing) * 0);
290
- }
291
- .left-1\/2 {
292
- left: calc(1 / 2 * 100%);
293
- }
294
- .z-50 {
295
- z-index: 50;
296
- }
297
- .container {
298
- width: 100%;
299
- @media (width >= 40rem) {
300
- max-width: 40rem;
301
- }
302
- @media (width >= 48rem) {
303
- max-width: 48rem;
304
- }
305
- @media (width >= 64rem) {
306
- max-width: 64rem;
307
- }
308
- @media (width >= 80rem) {
309
- max-width: 80rem;
310
- }
311
- @media (width >= 96rem) {
312
- max-width: 96rem;
313
- }
314
- }
315
- .mx-auto {
316
- margin-inline: auto;
317
- }
318
- .mr-3 {
319
- margin-right: calc(var(--spacing) * 3);
320
- }
321
- .mb-3 {
322
- margin-bottom: calc(var(--spacing) * 3);
323
- }
324
- .mb-12 {
325
- margin-bottom: calc(var(--spacing) * 12);
326
- }
327
- .line-clamp-1 {
328
- overflow: hidden;
329
- display: -webkit-box;
330
- -webkit-box-orient: vertical;
331
- -webkit-line-clamp: 1;
332
- }
333
- .block {
334
- display: block;
335
- }
336
- .flex {
337
- display: flex;
338
- }
339
- .hidden {
340
- display: none;
341
- }
342
- .h-3 {
343
- height: calc(var(--spacing) * 3);
344
- }
345
- .h-3\.5 {
346
- height: calc(var(--spacing) * 3.5);
347
- }
348
- .h-5 {
349
- height: calc(var(--spacing) * 5);
350
- }
351
- .h-12 {
352
- height: calc(var(--spacing) * 12);
353
- }
354
- .max-h-56 {
355
- max-height: calc(var(--spacing) * 56);
356
- }
357
- .max-h-60 {
358
- max-height: calc(var(--spacing) * 60);
359
- }
360
- .min-h-\[2\.5rem\] {
361
- min-height: 2.5rem;
362
- }
363
- .min-h-\[297mm\] {
364
- min-height: 297mm;
365
- }
366
- .min-h-screen {
367
- min-height: 100vh;
368
- }
369
- .w-3 {
370
- width: calc(var(--spacing) * 3);
371
- }
372
- .w-3\.5 {
373
- width: calc(var(--spacing) * 3.5);
374
- }
375
- .w-5 {
376
- width: calc(var(--spacing) * 5);
377
- }
378
- .w-12 {
379
- width: calc(var(--spacing) * 12);
380
- }
381
- .w-64 {
382
- width: calc(var(--spacing) * 64);
383
- }
384
- .w-72 {
385
- width: calc(var(--spacing) * 72);
386
- }
387
- .w-\[210mm\] {
388
- width: 210mm;
389
- }
390
- .w-auto {
391
- width: auto;
392
- }
393
- .w-fit {
394
- width: fit-content;
395
- }
396
- .w-full {
397
- width: 100%;
398
- }
399
- .max-w-fit {
400
- max-width: fit-content;
401
- }
402
- .min-w-\[3rem\] {
403
- min-width: 3rem;
404
- }
405
- .min-w-\[240px\] {
406
- min-width: 240px;
407
- }
408
- .flex-1 {
409
- flex: 1;
410
- }
411
- .shrink-0 {
412
- flex-shrink: 0;
413
- }
414
- .origin-bottom-right {
415
- transform-origin: 100% 100%;
416
- }
417
- .-translate-x-1 {
418
- --tw-translate-x: calc(var(--spacing) * -1);
419
- translate: var(--tw-translate-x) var(--tw-translate-y);
420
- }
421
- .-translate-x-1\/2 {
422
- --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
423
- translate: var(--tw-translate-x) var(--tw-translate-y);
424
- }
425
- .-translate-x-2 {
426
- --tw-translate-x: calc(var(--spacing) * -2);
427
- translate: var(--tw-translate-x) var(--tw-translate-y);
428
- }
429
- .rotate-0 {
430
- rotate: 0deg;
431
- }
432
- .rotate-90 {
433
- rotate: 90deg;
434
- }
435
- .cursor-pointer {
436
- cursor: pointer;
437
- }
438
- .appearance-none {
439
- appearance: none;
440
- }
441
- .flex-col {
442
- flex-direction: column;
443
- }
444
- .items-center {
445
- align-items: center;
446
- }
447
- .items-end {
448
- align-items: flex-end;
449
- }
450
- .justify-between {
451
- justify-content: space-between;
452
- }
453
- .justify-center {
454
- justify-content: center;
455
- }
456
- .gap-1 {
457
- gap: calc(var(--spacing) * 1);
458
- }
459
- .gap-2 {
460
- gap: calc(var(--spacing) * 2);
461
- }
462
- .gap-3 {
463
- gap: calc(var(--spacing) * 3);
464
- }
465
- .gap-4 {
466
- gap: calc(var(--spacing) * 4);
467
- }
468
- .gap-6 {
469
- gap: calc(var(--spacing) * 6);
470
- }
471
- .gap-12 {
472
- gap: calc(var(--spacing) * 12);
473
- }
474
- .space-y-1\.5 {
475
- :where(& > :not(:last-child)) {
476
- --tw-space-y-reverse: 0;
477
- margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
478
- margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
479
- }
480
- }
481
- .space-y-4 {
482
- :where(& > :not(:last-child)) {
483
- --tw-space-y-reverse: 0;
484
- margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
485
- margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
486
- }
487
- }
488
- .overflow-hidden {
489
- overflow: hidden;
490
- }
491
- .overflow-x-auto {
492
- overflow-x: auto;
493
- }
494
- .overflow-y-auto {
495
- overflow-y: auto;
496
- }
497
- .rounded-full {
498
- border-radius: calc(infinity * 1px);
499
- }
500
- .rounded-md {
501
- border-radius: var(--radius-md);
502
- }
503
- .rounded-sm {
504
- border-radius: var(--radius-sm);
505
- }
506
- .rounded-xl {
507
- border-radius: var(--radius-xl);
508
- }
509
- .border {
510
- border-style: var(--tw-border-style);
511
- border-width: 1px;
512
- }
513
- .border-slate-200 {
514
- border-color: var(--color-slate-200);
515
- }
516
- .border-slate-200\/80 {
517
- border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);
518
- @supports (color: color-mix(in lab, red, red)) {
519
- border-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);
520
- }
521
- }
522
- .border-white\/10 {
523
- border-color: color-mix(in srgb, #fff 10%, transparent);
524
- @supports (color: color-mix(in lab, red, red)) {
525
- border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
526
- }
527
- }
528
- .border-zinc-100 {
529
- border-color: var(--color-zinc-100);
530
- }
531
- .border-zinc-200\/50 {
532
- border-color: color-mix(in srgb, oklch(92% 0.004 286.32) 50%, transparent);
533
- @supports (color: color-mix(in lab, red, red)) {
534
- border-color: color-mix(in oklab, var(--color-zinc-200) 50%, transparent);
535
- }
536
- }
537
- .border-zinc-300\/70 {
538
- border-color: color-mix(in srgb, oklch(87.1% 0.006 286.286) 70%, transparent);
539
- @supports (color: color-mix(in lab, red, red)) {
540
- border-color: color-mix(in oklab, var(--color-zinc-300) 70%, transparent);
541
- }
542
- }
543
- .bg-\[\#fdfdfc\] {
544
- background-color: #fdfdfc;
545
- }
546
- .bg-transparent {
547
- background-color: transparent;
548
- }
549
- .bg-white {
550
- background-color: var(--color-white);
551
- }
552
- .bg-white\/80 {
553
- background-color: color-mix(in srgb, #fff 80%, transparent);
554
- @supports (color: color-mix(in lab, red, red)) {
555
- background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
556
- }
557
- }
558
- .bg-zinc-50 {
559
- background-color: var(--color-zinc-50);
560
- }
561
- .bg-zinc-100\/50 {
562
- background-color: color-mix(in srgb, oklch(96.7% 0.001 286.375) 50%, transparent);
563
- @supports (color: color-mix(in lab, red, red)) {
564
- background-color: color-mix(in oklab, var(--color-zinc-100) 50%, transparent);
565
- }
566
- }
567
- .bg-zinc-200\/70 {
568
- background-color: color-mix(in srgb, oklch(92% 0.004 286.32) 70%, transparent);
569
- @supports (color: color-mix(in lab, red, red)) {
570
- background-color: color-mix(in oklab, var(--color-zinc-200) 70%, transparent);
571
- }
572
- }
573
- .bg-zinc-900 {
574
- background-color: var(--color-zinc-900);
575
- }
576
- .bg-zinc-950 {
577
- background-color: var(--color-zinc-950);
578
- }
579
- .p-1\.5 {
580
- padding: calc(var(--spacing) * 1.5);
581
- }
582
- .p-4 {
583
- padding: calc(var(--spacing) * 4);
584
- }
585
- .p-8 {
586
- padding: calc(var(--spacing) * 8);
587
- }
588
- .px-1\.5 {
589
- padding-inline: calc(var(--spacing) * 1.5);
590
- }
591
- .px-2 {
592
- padding-inline: calc(var(--spacing) * 2);
593
- }
594
- .px-4 {
595
- padding-inline: calc(var(--spacing) * 4);
596
- }
597
- .py-1 {
598
- padding-block: calc(var(--spacing) * 1);
599
- }
600
- .py-2 {
601
- padding-block: calc(var(--spacing) * 2);
602
- }
603
- .py-2\.5 {
604
- padding-block: calc(var(--spacing) * 2.5);
605
- }
606
- .py-\[1in\] {
607
- padding-block: 1in;
608
- }
609
- .pr-\[1in\] {
610
- padding-right: 1in;
611
- }
612
- .pb-24 {
613
- padding-bottom: calc(var(--spacing) * 24);
614
- }
615
- .pl-\[1\.5in\] {
616
- padding-left: 1.5in;
617
- }
618
- .text-left {
619
- text-align: left;
620
- }
621
- .text-right {
622
- text-align: right;
623
- }
624
- .font-sans {
625
- font-family: var(--font-geist-sans);
626
- }
627
- .text-base {
628
- font-size: var(--text-base);
629
- line-height: var(--tw-leading, var(--text-base--line-height));
630
- }
631
- .text-sm {
632
- font-size: var(--text-sm);
633
- line-height: var(--tw-leading, var(--text-sm--line-height));
634
- }
635
- .text-xs {
636
- font-size: var(--text-xs);
637
- line-height: var(--tw-leading, var(--text-xs--line-height));
638
- }
639
- .text-\[11px\] {
640
- font-size: 11px;
641
- }
642
- .text-\[12px\] {
643
- font-size: 12px;
644
- }
645
- .font-bold {
646
- --tw-font-weight: var(--font-weight-bold);
647
- font-weight: var(--font-weight-bold);
648
- }
649
- .font-medium {
650
- --tw-font-weight: var(--font-weight-medium);
651
- font-weight: var(--font-weight-medium);
652
- }
653
- .font-semibold {
654
- --tw-font-weight: var(--font-weight-semibold);
655
- font-weight: var(--font-weight-semibold);
656
- }
657
- .tracking-\[0\.1em\] {
658
- --tw-tracking: 0.1em;
659
- letter-spacing: 0.1em;
660
- }
661
- .tracking-wide {
662
- --tw-tracking: var(--tracking-wide);
663
- letter-spacing: var(--tracking-wide);
664
- }
665
- .tracking-widest {
666
- --tw-tracking: var(--tracking-widest);
667
- letter-spacing: var(--tracking-widest);
668
- }
669
- .break-words {
670
- overflow-wrap: break-word;
671
- }
672
- .break-all {
673
- word-break: break-all;
674
- }
675
- .whitespace-nowrap {
676
- white-space: nowrap;
677
- }
678
- .text-slate-200 {
679
- color: var(--color-slate-200);
680
- }
681
- .text-slate-300 {
682
- color: var(--color-slate-300);
683
- }
684
- .text-slate-600 {
685
- color: var(--color-slate-600);
686
- }
687
- .text-white {
688
- color: var(--color-white);
689
- }
690
- .text-zinc-400 {
691
- color: var(--color-zinc-400);
692
- }
693
- .text-zinc-400\/80 {
694
- color: color-mix(in srgb, oklch(70.5% 0.015 286.067) 80%, transparent);
695
- @supports (color: color-mix(in lab, red, red)) {
696
- color: color-mix(in oklab, var(--color-zinc-400) 80%, transparent);
697
- }
698
- }
699
- .text-zinc-600 {
700
- color: var(--color-zinc-600);
701
- }
702
- .text-zinc-700 {
703
- color: var(--color-zinc-700);
704
- }
705
- .text-zinc-800 {
706
- color: var(--color-zinc-800);
707
- }
708
- .text-zinc-900 {
709
- color: var(--color-zinc-900);
710
- }
711
- .lowercase {
712
- text-transform: lowercase;
713
- }
714
- .uppercase {
715
- text-transform: uppercase;
716
- }
717
- .antialiased {
718
- -webkit-font-smoothing: antialiased;
719
- -moz-osx-font-smoothing: grayscale;
720
- }
721
- .opacity-0 {
722
- opacity: 0%;
723
- }
724
- .shadow-2xl {
725
- --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
726
- box-shadow:
727
- var(--tw-inset-shadow),
728
- var(--tw-inset-ring-shadow),
729
- var(--tw-ring-offset-shadow),
730
- var(--tw-ring-shadow),
731
- var(--tw-shadow);
732
- }
733
- .shadow-lg {
734
- --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));
735
- box-shadow:
736
- var(--tw-inset-shadow),
737
- var(--tw-inset-ring-shadow),
738
- var(--tw-ring-offset-shadow),
739
- var(--tw-ring-shadow),
740
- var(--tw-shadow);
741
- }
742
- .shadow-sm {
743
- --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));
744
- box-shadow:
745
- var(--tw-inset-shadow),
746
- var(--tw-inset-ring-shadow),
747
- var(--tw-ring-offset-shadow),
748
- var(--tw-ring-shadow),
749
- var(--tw-shadow);
750
- }
751
- .shadow-xl {
752
- --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));
753
- box-shadow:
754
- var(--tw-inset-shadow),
755
- var(--tw-inset-ring-shadow),
756
- var(--tw-ring-offset-shadow),
757
- var(--tw-ring-shadow),
758
- var(--tw-shadow);
759
- }
760
- .shadow-slate-200\/40 {
761
- --tw-shadow-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 40%, transparent);
762
- @supports (color: color-mix(in lab, red, red)) {
763
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-200) 40%, transparent) var(--tw-shadow-alpha), transparent);
764
- }
765
- }
766
- .shadow-slate-200\/60 {
767
- --tw-shadow-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 60%, transparent);
768
- @supports (color: color-mix(in lab, red, red)) {
769
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-200) 60%, transparent) var(--tw-shadow-alpha), transparent);
770
- }
771
- }
772
- .shadow-zinc-300\/60 {
773
- --tw-shadow-color: color-mix(in srgb, oklch(87.1% 0.006 286.286) 60%, transparent);
774
- @supports (color: color-mix(in lab, red, red)) {
775
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-zinc-300) 60%, transparent) var(--tw-shadow-alpha), transparent);
776
- }
777
- }
778
- .shadow-zinc-900\/20 {
779
- --tw-shadow-color: color-mix(in srgb, oklch(21% 0.006 285.885) 20%, transparent);
780
- @supports (color: color-mix(in lab, red, red)) {
781
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-zinc-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
782
- }
783
- }
784
- .outline {
785
- outline-style: var(--tw-outline-style);
786
- outline-width: 1px;
787
- }
788
- .backdrop-blur-md {
789
- --tw-backdrop-blur: blur(var(--blur-md));
790
- -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,);
791
- 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,);
792
- }
793
- .backdrop-blur-xl {
794
- --tw-backdrop-blur: blur(var(--blur-xl));
795
- -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,);
796
- 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,);
797
- }
798
- .transition {
799
- transition-property:
800
- color,
801
- background-color,
802
- border-color,
803
- outline-color,
804
- text-decoration-color,
805
- fill,
806
- stroke,
807
- --tw-gradient-from,
808
- --tw-gradient-via,
809
- --tw-gradient-to,
810
- opacity,
811
- box-shadow,
812
- transform,
813
- translate,
814
- scale,
815
- rotate,
816
- filter,
817
- -webkit-backdrop-filter,
818
- backdrop-filter,
819
- display,
820
- content-visibility,
821
- overlay,
822
- pointer-events;
823
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
824
- transition-duration: var(--tw-duration, var(--default-transition-duration));
825
- }
826
- .transition-all {
827
- transition-property: all;
828
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
829
- transition-duration: var(--tw-duration, var(--default-transition-duration));
830
- }
831
- .transition-colors {
832
- transition-property:
833
- color,
834
- background-color,
835
- border-color,
836
- outline-color,
837
- text-decoration-color,
838
- fill,
839
- stroke,
840
- --tw-gradient-from,
841
- --tw-gradient-via,
842
- --tw-gradient-to;
843
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
844
- transition-duration: var(--tw-duration, var(--default-transition-duration));
845
- }
846
- .duration-150 {
847
- --tw-duration: 150ms;
848
- transition-duration: 150ms;
849
- }
850
- .duration-200 {
851
- --tw-duration: 200ms;
852
- transition-duration: 200ms;
853
- }
854
- .duration-300 {
855
- --tw-duration: 300ms;
856
- transition-duration: 300ms;
857
- }
858
- .outline-none {
859
- --tw-outline-style: none;
860
- outline-style: none;
861
- }
862
- .select-none {
863
- -webkit-user-select: none;
864
- user-select: none;
865
- }
866
- .select-text {
867
- -webkit-user-select: text;
868
- user-select: text;
869
- }
870
- .group-hover\:translate-x-0 {
871
- &:is(:where(.group):hover *) {
872
- @media (hover: hover) {
873
- --tw-translate-x: calc(var(--spacing) * 0);
874
- translate: var(--tw-translate-x) var(--tw-translate-y);
875
- }
876
- }
877
- }
878
- .group-hover\:text-sky-500 {
879
- &:is(:where(.group):hover *) {
880
- @media (hover: hover) {
881
- color: var(--color-sky-500);
882
- }
883
- }
884
- }
885
- .group-hover\:opacity-100 {
886
- &:is(:where(.group):hover *) {
887
- @media (hover: hover) {
888
- opacity: 100%;
889
- }
890
- }
891
- }
892
- .selection\:bg-zinc-300 {
893
- & *::selection {
894
- background-color: var(--color-zinc-300);
895
- }
896
- &::selection {
897
- background-color: var(--color-zinc-300);
898
- }
899
- }
900
- .hover\:scale-105 {
901
- &:hover {
902
- @media (hover: hover) {
903
- --tw-scale-x: 105%;
904
- --tw-scale-y: 105%;
905
- --tw-scale-z: 105%;
906
- scale: var(--tw-scale-x) var(--tw-scale-y);
907
- }
908
- }
909
- }
910
- .hover\:bg-slate-50 {
911
- &:hover {
912
- @media (hover: hover) {
913
- background-color: var(--color-slate-50);
914
- }
915
- }
916
- }
917
- .hover\:bg-zinc-200\/50 {
918
- &:hover {
919
- @media (hover: hover) {
920
- background-color: color-mix(in srgb, oklch(92% 0.004 286.32) 50%, transparent);
921
- @supports (color: color-mix(in lab, red, red)) {
922
- background-color: color-mix(in oklab, var(--color-zinc-200) 50%, transparent);
923
- }
924
- }
925
- }
926
- }
927
- .hover\:bg-zinc-800 {
928
- &:hover {
929
- @media (hover: hover) {
930
- background-color: var(--color-zinc-800);
931
- }
932
- }
933
- }
934
- .hover\:bg-zinc-800\/10 {
935
- &:hover {
936
- @media (hover: hover) {
937
- background-color: color-mix(in srgb, oklch(27.4% 0.006 286.033) 10%, transparent);
938
- @supports (color: color-mix(in lab, red, red)) {
939
- background-color: color-mix(in oklab, var(--color-zinc-800) 10%, transparent);
940
- }
941
- }
942
- }
943
- }
944
- .hover\:text-zinc-800 {
945
- &:hover {
946
- @media (hover: hover) {
947
- color: var(--color-zinc-800);
948
- }
949
- }
950
- }
951
- .focus\:ring-1 {
952
- &:focus {
953
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
954
- box-shadow:
955
- var(--tw-inset-shadow),
956
- var(--tw-inset-ring-shadow),
957
- var(--tw-ring-offset-shadow),
958
- var(--tw-ring-shadow),
959
- var(--tw-shadow);
960
- }
961
- }
962
- .focus\:ring-blue-400 {
963
- &:focus {
964
- --tw-ring-color: var(--color-blue-400);
965
- }
966
- }
967
- .active\:scale-95 {
968
- &:active {
969
- --tw-scale-x: 95%;
970
- --tw-scale-y: 95%;
971
- --tw-scale-z: 95%;
972
- scale: var(--tw-scale-x) var(--tw-scale-y);
973
- }
974
- }
975
- .active\:bg-slate-100 {
976
- &:active {
977
- background-color: var(--color-slate-100);
978
- }
979
- }
980
- .sm\:inline {
981
- @media (width >= 40rem) {
982
- display: inline;
983
- }
984
- }
985
- .md\:rounded-md {
986
- @media (width >= 48rem) {
987
- border-radius: var(--radius-md);
988
- }
989
- }
990
- .md\:p-12 {
991
- @media (width >= 48rem) {
992
- padding: calc(var(--spacing) * 12);
993
- }
994
- }
995
- }
996
- :root {
997
- --background: #ffffff;
998
- --foreground: #171717;
999
- }
1000
- @media (prefers-color-scheme: dark) {
1001
- :root {
1002
- --background: #0a0a0a;
1003
- --foreground: #ededed;
1004
- }
1005
- }
1006
- @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
1007
- @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
1008
- @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
1009
- @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
1010
- @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
1011
- @property --tw-font-weight { syntax: "*"; inherits: false; }
1012
- @property --tw-tracking { syntax: "*"; inherits: false; }
1013
- @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1014
- @property --tw-shadow-color { syntax: "*"; inherits: false; }
1015
- @property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
1016
- @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1017
- @property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
1018
- @property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
1019
- @property --tw-ring-color { syntax: "*"; inherits: false; }
1020
- @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1021
- @property --tw-inset-ring-color { syntax: "*"; inherits: false; }
1022
- @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1023
- @property --tw-ring-inset { syntax: "*"; inherits: false; }
1024
- @property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
1025
- @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
1026
- @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1027
- @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
1028
- @property --tw-backdrop-blur { syntax: "*"; inherits: false; }
1029
- @property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
1030
- @property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
1031
- @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
1032
- @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
1033
- @property --tw-backdrop-invert { syntax: "*"; inherits: false; }
1034
- @property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
1035
- @property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
1036
- @property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
1037
- @property --tw-duration { syntax: "*"; inherits: false; }
1038
- @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
1039
- @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
1040
- @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
1041
- @layer properties {
1042
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1043
- *,
1044
- ::before,
1045
- ::after,
1046
- ::backdrop {
1047
- --tw-translate-x: 0;
1048
- --tw-translate-y: 0;
1049
- --tw-translate-z: 0;
1050
- --tw-space-y-reverse: 0;
1051
- --tw-border-style: solid;
1052
- --tw-font-weight: initial;
1053
- --tw-tracking: initial;
1054
- --tw-shadow: 0 0 #0000;
1055
- --tw-shadow-color: initial;
1056
- --tw-shadow-alpha: 100%;
1057
- --tw-inset-shadow: 0 0 #0000;
1058
- --tw-inset-shadow-color: initial;
1059
- --tw-inset-shadow-alpha: 100%;
1060
- --tw-ring-color: initial;
1061
- --tw-ring-shadow: 0 0 #0000;
1062
- --tw-inset-ring-color: initial;
1063
- --tw-inset-ring-shadow: 0 0 #0000;
1064
- --tw-ring-inset: initial;
1065
- --tw-ring-offset-width: 0px;
1066
- --tw-ring-offset-color: #fff;
1067
- --tw-ring-offset-shadow: 0 0 #0000;
1068
- --tw-outline-style: solid;
1069
- --tw-backdrop-blur: initial;
1070
- --tw-backdrop-brightness: initial;
1071
- --tw-backdrop-contrast: initial;
1072
- --tw-backdrop-grayscale: initial;
1073
- --tw-backdrop-hue-rotate: initial;
1074
- --tw-backdrop-invert: initial;
1075
- --tw-backdrop-opacity: initial;
1076
- --tw-backdrop-saturate: initial;
1077
- --tw-backdrop-sepia: initial;
1078
- --tw-duration: initial;
1079
- --tw-scale-x: 1;
1080
- --tw-scale-y: 1;
1081
- --tw-scale-z: 1;
1082
- }
1083
- }
1084
- }
1085
- /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
1086
- /*# sourceMappingURL=index.css.map */