payload-richtext-tiptap 0.0.19 → 0.0.20

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/src/styles.css +1435 -2413
  2. package/package.json +1 -1
@@ -1,2465 +1,1487 @@
1
- .\!container {
2
- width: 100% !important;
3
- margin-right: auto !important;
4
- margin-left: auto !important;
5
- padding-right: 2rem !important;
6
- padding-left: 2rem !important;
7
- }
8
-
9
- .container {
10
- width: 100%;
11
- margin-right: auto;
12
- margin-left: auto;
13
- padding-right: 2rem;
14
- padding-left: 2rem;
15
- }
16
-
17
- @media (min-width: 1400px) {
18
- .\!container {
19
- max-width: 1400px !important;
20
- }
21
-
22
- .container {
23
- max-width: 1400px;
24
- }
25
- }
26
-
27
- .aspect-h-9 {
28
- --tw-aspect-h: 9;
29
- }
30
-
31
- .aspect-w-16 {
32
- position: relative;
33
- padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
34
- --tw-aspect-w: 16;
35
- }
36
-
37
- .aspect-w-16 > * {
38
- position: absolute;
39
- height: 100%;
40
- width: 100%;
41
- top: 0;
42
- right: 0;
43
- bottom: 0;
44
- left: 0;
45
- }
46
-
47
- .prose {
48
- color: var(--tw-prose-body);
49
- max-width: 65ch;
50
- }
51
-
52
- .prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
53
- margin-top: 1.25em;
54
- margin-bottom: 1.25em;
55
- }
56
-
57
- .prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
58
- color: var(--tw-prose-lead);
59
- font-size: 1.25em;
60
- line-height: 1.6;
61
- margin-top: 1.2em;
62
- margin-bottom: 1.2em;
63
- }
64
-
65
- .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
66
- color: var(--tw-prose-links);
67
- text-decoration: underline;
68
- font-weight: 500;
69
- }
70
-
71
- .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
72
- color: var(--tw-prose-bold);
73
- font-weight: 600;
74
- }
75
-
76
- .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
77
- color: inherit;
78
- }
79
-
80
- .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
81
- color: inherit;
82
- }
83
-
84
- .prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
85
- color: inherit;
86
- }
87
-
88
- .prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
89
- list-style-type: decimal;
90
- margin-top: 1.25em;
91
- margin-bottom: 1.25em;
92
- padding-inline-start: 1.625em;
93
- }
94
-
95
- .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
96
- list-style-type: upper-alpha;
97
- }
98
-
99
- .prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
100
- list-style-type: lower-alpha;
101
- }
102
-
103
- .prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
104
- list-style-type: upper-alpha;
105
- }
106
-
107
- .prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
108
- list-style-type: lower-alpha;
109
- }
110
-
111
- .prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
112
- list-style-type: upper-roman;
113
- }
114
-
115
- .prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
116
- list-style-type: lower-roman;
117
- }
118
-
119
- .prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
120
- list-style-type: upper-roman;
121
- }
122
-
123
- .prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
124
- list-style-type: lower-roman;
125
- }
126
-
127
- .prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
128
- list-style-type: decimal;
129
- }
130
-
131
- .prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
132
- list-style-type: disc;
133
- margin-top: 1.25em;
134
- margin-bottom: 1.25em;
135
- padding-inline-start: 1.625em;
136
- }
137
-
138
- .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
139
- font-weight: 400;
140
- color: var(--tw-prose-counters);
141
- }
142
-
143
- .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
144
- color: var(--tw-prose-bullets);
145
- }
146
-
147
- .prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
148
- color: var(--tw-prose-headings);
149
- font-weight: 600;
150
- margin-top: 1.25em;
151
- }
152
-
153
- .prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
154
- border-color: var(--tw-prose-hr);
155
- border-top-width: 1px;
156
- margin-top: 3em;
157
- margin-bottom: 3em;
158
- }
159
-
160
- .prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
161
- font-weight: 500;
162
- font-style: italic;
163
- color: var(--tw-prose-quotes);
164
- border-inline-start-width: 0.25rem;
165
- border-inline-start-color: var(--tw-prose-quote-borders);
166
- quotes: "\201C""\201D""\2018""\2019";
167
- margin-top: 1.6em;
168
- margin-bottom: 1.6em;
169
- padding-inline-start: 1em;
170
- }
171
-
172
- .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
173
- content: open-quote;
174
- }
175
-
176
- .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
177
- content: close-quote;
178
- }
179
-
180
- .prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
181
- color: var(--tw-prose-headings);
182
- font-weight: 800;
183
- font-size: 2.25em;
184
- margin-top: 0;
185
- margin-bottom: 0.8888889em;
186
- line-height: 1.1111111;
187
- }
188
-
189
- .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
190
- font-weight: 900;
191
- color: inherit;
192
- }
193
-
194
- .prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
195
- color: var(--tw-prose-headings);
196
- font-weight: 700;
197
- font-size: 1.5em;
198
- margin-top: 2em;
199
- margin-bottom: 1em;
200
- line-height: 1.3333333;
201
- }
202
-
203
- .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
204
- font-weight: 800;
205
- color: inherit;
206
- }
207
-
208
- .prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
209
- color: var(--tw-prose-headings);
210
- font-weight: 600;
211
- font-size: 1.25em;
212
- margin-top: 1.6em;
213
- margin-bottom: 0.6em;
214
- line-height: 1.6;
215
- }
216
-
217
- .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
218
- font-weight: 700;
219
- color: inherit;
220
- }
221
-
222
- .prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
223
- color: var(--tw-prose-headings);
224
- font-weight: 600;
225
- margin-top: 1.5em;
226
- margin-bottom: 0.5em;
227
- line-height: 1.5;
228
- }
229
-
230
- .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
231
- font-weight: 700;
232
- color: inherit;
233
- }
234
-
235
- .prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
236
- margin-top: 2em;
237
- margin-bottom: 2em;
238
- }
239
-
240
- .prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
241
- display: block;
242
- margin-top: 2em;
243
- margin-bottom: 2em;
244
- }
245
-
246
- .prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
247
- margin-top: 2em;
248
- margin-bottom: 2em;
249
- }
250
-
251
- .prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
252
- font-weight: 500;
253
- font-family: inherit;
254
- color: var(--tw-prose-kbd);
255
- box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
256
- font-size: 0.875em;
257
- border-radius: 0.3125rem;
258
- padding-top: 0.1875em;
259
- padding-inline-end: 0.375em;
260
- padding-bottom: 0.1875em;
261
- padding-inline-start: 0.375em;
262
- }
263
-
264
- .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
265
- color: var(--tw-prose-code);
266
- font-weight: 600;
267
- font-size: 0.875em;
268
- }
269
-
270
- .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
271
- content: "`";
272
- }
273
-
274
- .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
275
- content: "`";
276
- }
277
-
278
- .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
279
- color: inherit;
280
- }
281
-
282
- .prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
283
- color: inherit;
284
- }
285
-
286
- .prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
287
- color: inherit;
288
- font-size: 0.875em;
289
- }
290
-
291
- .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
292
- color: inherit;
293
- font-size: 0.9em;
294
- }
295
-
296
- .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
297
- color: inherit;
298
- }
299
-
300
- .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
301
- color: inherit;
302
- }
303
-
304
- .prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
305
- color: inherit;
306
- }
307
-
308
- .prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
309
- color: var(--tw-prose-pre-code);
310
- background-color: var(--tw-prose-pre-bg);
311
- overflow-x: auto;
312
- font-weight: 400;
313
- font-size: 0.875em;
314
- line-height: 1.7142857;
315
- margin-top: 1.7142857em;
316
- margin-bottom: 1.7142857em;
317
- border-radius: 0.375rem;
318
- padding-top: 0.8571429em;
319
- padding-inline-end: 1.1428571em;
320
- padding-bottom: 0.8571429em;
321
- padding-inline-start: 1.1428571em;
322
- }
323
-
324
- .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
325
- background-color: transparent;
326
- border-width: 0;
327
- border-radius: 0;
328
- padding: 0;
329
- font-weight: inherit;
330
- color: inherit;
331
- font-size: inherit;
332
- font-family: inherit;
333
- line-height: inherit;
334
- }
335
-
336
- .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
337
- content: none;
338
- }
339
-
340
- .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
341
- content: none;
342
- }
343
-
344
- .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
345
- width: 100%;
346
- table-layout: auto;
347
- text-align: start;
348
- margin-top: 2em;
349
- margin-bottom: 2em;
350
- font-size: 0.875em;
351
- line-height: 1.7142857;
352
- }
353
-
354
- .prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
355
- border-bottom-width: 1px;
356
- border-bottom-color: var(--tw-prose-th-borders);
357
- }
358
-
359
- .prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
360
- color: var(--tw-prose-headings);
361
- font-weight: 600;
362
- vertical-align: bottom;
363
- padding-inline-end: 0.5714286em;
364
- padding-bottom: 0.5714286em;
365
- padding-inline-start: 0.5714286em;
366
- }
367
-
368
- .prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
369
- border-bottom-width: 1px;
370
- border-bottom-color: var(--tw-prose-td-borders);
371
- }
372
-
373
- .prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
374
- border-bottom-width: 0;
375
- }
376
-
377
- .prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
378
- vertical-align: baseline;
379
- }
380
-
381
- .prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
382
- border-top-width: 1px;
383
- border-top-color: var(--tw-prose-th-borders);
384
- }
385
-
386
- .prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
387
- vertical-align: top;
388
- }
389
-
390
- .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
391
- margin-top: 0;
392
- margin-bottom: 0;
393
- }
394
-
395
- .prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
396
- color: var(--tw-prose-captions);
397
- font-size: 0.875em;
398
- line-height: 1.4285714;
399
- margin-top: 0.8571429em;
400
- }
401
-
402
- .prose {
403
- --tw-prose-body: #374151;
404
- --tw-prose-headings: #111827;
405
- --tw-prose-lead: #4b5563;
406
- --tw-prose-links: #111827;
407
- --tw-prose-bold: #111827;
408
- --tw-prose-counters: #6b7280;
409
- --tw-prose-bullets: #d1d5db;
410
- --tw-prose-hr: #e5e7eb;
411
- --tw-prose-quotes: #111827;
412
- --tw-prose-quote-borders: #e5e7eb;
413
- --tw-prose-captions: #6b7280;
414
- --tw-prose-kbd: #111827;
415
- --tw-prose-kbd-shadows: 17 24 39;
416
- --tw-prose-code: #111827;
417
- --tw-prose-pre-code: #e5e7eb;
418
- --tw-prose-pre-bg: #1f2937;
419
- --tw-prose-th-borders: #d1d5db;
420
- --tw-prose-td-borders: #e5e7eb;
421
- --tw-prose-invert-body: #d1d5db;
422
- --tw-prose-invert-headings: #fff;
423
- --tw-prose-invert-lead: #9ca3af;
424
- --tw-prose-invert-links: #fff;
425
- --tw-prose-invert-bold: #fff;
426
- --tw-prose-invert-counters: #9ca3af;
427
- --tw-prose-invert-bullets: #4b5563;
428
- --tw-prose-invert-hr: #374151;
429
- --tw-prose-invert-quotes: #f3f4f6;
430
- --tw-prose-invert-quote-borders: #374151;
431
- --tw-prose-invert-captions: #9ca3af;
432
- --tw-prose-invert-kbd: #fff;
433
- --tw-prose-invert-kbd-shadows: 255 255 255;
434
- --tw-prose-invert-code: #fff;
435
- --tw-prose-invert-pre-code: #d1d5db;
436
- --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
437
- --tw-prose-invert-th-borders: #4b5563;
438
- --tw-prose-invert-td-borders: #374151;
439
- font-size: 1rem;
440
- line-height: 1.75;
441
- }
442
-
443
- .prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
444
- margin-top: 0;
445
- margin-bottom: 0;
446
- }
447
-
448
- .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
449
- margin-top: 0.5em;
450
- margin-bottom: 0.5em;
451
- }
452
-
453
- .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
454
- padding-inline-start: 0.375em;
455
- }
456
-
457
- .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
458
- padding-inline-start: 0.375em;
459
- }
460
-
461
- .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
462
- margin-top: 0.75em;
463
- margin-bottom: 0.75em;
464
- }
465
-
466
- .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
467
- margin-top: 1.25em;
468
- }
469
-
470
- .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
471
- margin-bottom: 1.25em;
472
- }
473
-
474
- .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
475
- margin-top: 1.25em;
476
- }
477
-
478
- .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
479
- margin-bottom: 1.25em;
480
- }
481
-
482
- .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
483
- margin-top: 0.75em;
484
- margin-bottom: 0.75em;
485
- }
486
-
487
- .prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
488
- margin-top: 1.25em;
489
- margin-bottom: 1.25em;
490
- }
491
-
492
- .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
493
- margin-top: 0.5em;
494
- padding-inline-start: 1.625em;
495
- }
496
-
497
- .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
498
- margin-top: 0;
499
- }
500
-
501
- .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
502
- margin-top: 0;
503
- }
504
-
505
- .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
506
- margin-top: 0;
507
- }
508
-
509
- .prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
510
- margin-top: 0;
511
- }
512
-
513
- .prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
514
- padding-inline-start: 0;
515
- }
516
-
517
- .prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
518
- padding-inline-end: 0;
519
- }
520
-
521
- .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
522
- padding-top: 0.5714286em;
523
- padding-inline-end: 0.5714286em;
524
- padding-bottom: 0.5714286em;
525
- padding-inline-start: 0.5714286em;
526
- }
527
-
528
- .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
529
- padding-inline-start: 0;
530
- }
531
-
532
- .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
533
- padding-inline-end: 0;
534
- }
535
-
536
- .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
537
- margin-top: 2em;
538
- margin-bottom: 2em;
539
- }
540
-
541
- .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
542
- margin-top: 0;
543
- }
544
-
545
- .prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
546
- margin-bottom: 0;
547
- }
548
-
549
- .prose-sm {
550
- font-size: 0.875rem;
551
- line-height: 1.7142857;
552
- }
553
-
554
- .prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
555
- margin-top: 1.1428571em;
556
- margin-bottom: 1.1428571em;
557
- }
558
-
559
- .prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
560
- font-size: 1.2857143em;
561
- line-height: 1.5555556;
562
- margin-top: 0.8888889em;
563
- margin-bottom: 0.8888889em;
564
- }
565
-
566
- .prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
567
- margin-top: 1.3333333em;
568
- margin-bottom: 1.3333333em;
569
- padding-inline-start: 1.1111111em;
570
- }
571
-
572
- .prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
573
- font-size: 2.1428571em;
574
- margin-top: 0;
575
- margin-bottom: 0.8em;
576
- line-height: 1.2;
577
- }
578
-
579
- .prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
580
- font-size: 1.4285714em;
581
- margin-top: 1.6em;
582
- margin-bottom: 0.8em;
583
- line-height: 1.4;
584
- }
585
-
586
- .prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
587
- font-size: 1.2857143em;
588
- margin-top: 1.5555556em;
589
- margin-bottom: 0.4444444em;
590
- line-height: 1.5555556;
591
- }
592
-
593
- .prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
594
- margin-top: 1.4285714em;
595
- margin-bottom: 0.5714286em;
596
- line-height: 1.4285714;
597
- }
598
-
599
- .prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
600
- margin-top: 1.7142857em;
601
- margin-bottom: 1.7142857em;
602
- }
603
-
604
- .prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
605
- margin-top: 1.7142857em;
606
- margin-bottom: 1.7142857em;
607
- }
608
-
609
- .prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
610
- margin-top: 0;
611
- margin-bottom: 0;
612
- }
613
-
614
- .prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
615
- margin-top: 1.7142857em;
616
- margin-bottom: 1.7142857em;
617
- }
618
-
619
- .prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
620
- font-size: 0.8571429em;
621
- border-radius: 0.3125rem;
622
- padding-top: 0.1428571em;
623
- padding-inline-end: 0.3571429em;
624
- padding-bottom: 0.1428571em;
625
- padding-inline-start: 0.3571429em;
626
- }
627
-
628
- .prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
629
- font-size: 0.8571429em;
630
- }
631
-
632
- .prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
633
- font-size: 0.9em;
634
- }
635
-
636
- .prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
637
- font-size: 0.8888889em;
638
- }
639
-
640
- .prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
641
- font-size: 0.8571429em;
642
- line-height: 1.6666667;
643
- margin-top: 1.6666667em;
644
- margin-bottom: 1.6666667em;
645
- border-radius: 0.25rem;
646
- padding-top: 0.6666667em;
647
- padding-inline-end: 1em;
648
- padding-bottom: 0.6666667em;
649
- padding-inline-start: 1em;
650
- }
651
-
652
- .prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
653
- margin-top: 1.1428571em;
654
- margin-bottom: 1.1428571em;
655
- padding-inline-start: 1.5714286em;
656
- }
657
-
658
- .prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
659
- margin-top: 1.1428571em;
660
- margin-bottom: 1.1428571em;
661
- padding-inline-start: 1.5714286em;
662
- }
663
-
664
- .prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
665
- margin-top: 0.2857143em;
666
- margin-bottom: 0.2857143em;
667
- }
668
-
669
- .prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
670
- padding-inline-start: 0.4285714em;
671
- }
672
-
673
- .prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
674
- padding-inline-start: 0.4285714em;
675
- }
676
-
677
- .prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
678
- margin-top: 0.5714286em;
679
- margin-bottom: 0.5714286em;
680
- }
681
-
682
- .prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
683
- margin-top: 1.1428571em;
684
- }
685
-
686
- .prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
687
- margin-bottom: 1.1428571em;
688
- }
689
-
690
- .prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
691
- margin-top: 1.1428571em;
692
- }
693
-
694
- .prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
695
- margin-bottom: 1.1428571em;
696
- }
697
-
698
- .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
699
- margin-top: 0.5714286em;
700
- margin-bottom: 0.5714286em;
701
- }
702
-
703
- .prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
704
- margin-top: 1.1428571em;
705
- margin-bottom: 1.1428571em;
706
- }
707
-
708
- .prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
709
- margin-top: 1.1428571em;
710
- }
711
-
712
- .prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
713
- margin-top: 0.2857143em;
714
- padding-inline-start: 1.5714286em;
715
- }
716
-
717
- .prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
718
- margin-top: 2.8571429em;
719
- margin-bottom: 2.8571429em;
720
- }
721
-
722
- .prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
723
- margin-top: 0;
724
- }
725
-
726
- .prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
727
- margin-top: 0;
728
- }
729
-
730
- .prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
731
- margin-top: 0;
732
- }
733
-
734
- .prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
735
- margin-top: 0;
736
- }
737
-
738
- .prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
739
- font-size: 0.8571429em;
740
- line-height: 1.5;
741
- }
742
-
743
- .prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
744
- padding-inline-end: 1em;
745
- padding-bottom: 0.6666667em;
746
- padding-inline-start: 1em;
747
- }
748
-
749
- .prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
750
- padding-inline-start: 0;
751
- }
752
-
753
- .prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
754
- padding-inline-end: 0;
755
- }
756
-
757
- .prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
758
- padding-top: 0.6666667em;
759
- padding-inline-end: 1em;
760
- padding-bottom: 0.6666667em;
761
- padding-inline-start: 1em;
762
- }
763
-
764
- .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
765
- padding-inline-start: 0;
766
- }
767
-
768
- .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
769
- padding-inline-end: 0;
770
- }
771
-
772
- .prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
773
- margin-top: 1.7142857em;
774
- margin-bottom: 1.7142857em;
775
- }
776
-
777
- .prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
778
- margin-top: 0;
779
- margin-bottom: 0;
780
- }
781
-
782
- .prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
783
- font-size: 0.8571429em;
784
- line-height: 1.3333333;
785
- margin-top: 0.6666667em;
786
- }
787
-
788
- .prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
789
- margin-top: 0;
790
- }
791
-
792
- .prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
793
- margin-bottom: 0;
794
- }
795
-
796
- .pointer-events-none {
797
- pointer-events: none;
798
- }
799
-
800
- .visible {
801
- visibility: visible;
802
- }
803
-
804
- .static {
805
- position: static;
806
- }
807
-
808
- .fixed {
809
- position: fixed;
810
- }
811
-
812
- .absolute {
813
- position: absolute;
814
- }
815
-
816
- .relative {
817
- position: relative;
818
- }
819
-
820
- .sticky {
821
- position: sticky;
822
- }
823
-
824
- .left-0 {
825
- left: 0px;
826
- }
827
-
828
- .right-2 {
829
- right: 0.5rem;
830
- }
831
-
832
- .top-0 {
833
- top: 0px;
834
- }
835
-
836
- .top-1\/2 {
837
- top: 50%;
838
- }
839
-
840
- .z-\[9999\] {
841
- z-index: 9999;
842
- }
843
-
844
- .z-\[999\] {
845
- z-index: 999;
846
- }
847
-
848
- .col-\[1\/-1\] {
849
- grid-column: 1/-1;
850
- }
851
-
852
- .-m-2 {
853
- margin: -0.5rem;
854
- }
855
-
856
- .m-0 {
857
- margin: 0px;
858
- }
859
-
860
- .m-2 {
861
- margin: 0.5rem;
862
- }
863
-
864
- .mx-1 {
865
- margin-left: 0.25rem;
866
- margin-right: 0.25rem;
867
- }
868
-
869
- .mx-2 {
870
- margin-left: 0.5rem;
871
- margin-right: 0.5rem;
872
- }
873
-
874
- .mx-auto {
875
- margin-left: auto;
876
- margin-right: auto;
877
- }
878
-
879
- .my-1 {
880
- margin-top: 0.25rem;
881
- margin-bottom: 0.25rem;
882
- }
883
-
884
- .my-4 {
885
- margin-top: 1rem;
886
- margin-bottom: 1rem;
887
- }
888
-
889
- .\!mt-0 {
890
- margin-top: 0px !important;
891
- }
892
-
893
- .-ml-3 {
894
- margin-left: -0.75rem;
895
- }
896
-
897
- .-ml-6 {
898
- margin-left: -1.5rem;
899
- }
900
-
901
- .mb-0 {
902
- margin-bottom: 0px;
903
- }
904
-
905
- .mb-1 {
906
- margin-bottom: 0.25rem;
907
- }
908
-
909
- .mb-1\.5 {
910
- margin-bottom: 0.375rem;
911
- }
912
-
913
- .mb-2 {
914
- margin-bottom: 0.5rem;
915
- }
916
-
917
- .mb-4 {
918
- margin-bottom: 1rem;
919
- }
920
-
921
- .mb-8 {
922
- margin-bottom: 2rem;
923
- }
924
-
925
- .ml-0 {
926
- margin-left: 0px;
927
- }
928
-
929
- .ml-1 {
930
- margin-left: 0.25rem;
931
- }
932
-
933
- .ml-1\.5 {
934
- margin-left: 0.375rem;
935
- }
936
-
937
- .ml-2 {
938
- margin-left: 0.5rem;
939
- }
940
-
941
- .ml-3 {
942
- margin-left: 0.75rem;
943
- }
944
-
945
- .ml-auto {
946
- margin-left: auto;
947
- }
948
-
949
- .mr-0 {
950
- margin-right: 0px;
951
- }
952
-
953
- .mr-1 {
954
- margin-right: 0.25rem;
955
- }
956
-
957
- .mr-2 {
958
- margin-right: 0.5rem;
959
- }
960
-
961
- .mr-4 {
962
- margin-right: 1rem;
963
- }
964
-
965
- .mr-auto {
966
- margin-right: auto;
967
- }
968
-
969
- .mt-0 {
970
- margin-top: 0px;
971
- }
972
-
973
- .mt-1 {
974
- margin-top: 0.25rem;
975
- }
976
-
977
- .mt-2 {
978
- margin-top: 0.5rem;
979
- }
980
-
981
- .mt-2\.5 {
982
- margin-top: 0.625rem;
983
- }
984
-
985
- .mt-3 {
986
- margin-top: 0.75rem;
987
- }
988
-
989
- .mt-4 {
990
- margin-top: 1rem;
991
- }
992
-
993
- .block {
994
- display: block;
995
- }
996
-
997
- .inline {
998
- display: inline;
999
- }
1000
-
1001
- .flex {
1002
- display: flex;
1003
- }
1004
-
1005
- .inline-flex {
1006
- display: inline-flex;
1007
- }
1008
-
1009
- .table {
1010
- display: table;
1011
- }
1012
-
1013
- .grid {
1014
- display: grid;
1015
- }
1016
-
1017
- .contents {
1018
- display: contents;
1019
- }
1020
-
1021
- .\!h-\[120px\] {
1022
- height: 120px !important;
1023
- }
1024
-
1025
- .h-0 {
1026
- height: 0px;
1027
- }
1028
-
1029
- .h-1 {
1030
- height: 0.25rem;
1031
- }
1032
-
1033
- .h-1\.5 {
1034
- height: 0.375rem;
1035
- }
1036
-
1037
- .h-12 {
1038
- height: 3rem;
1039
- }
1040
-
1041
- .h-2 {
1042
- height: 0.5rem;
1043
- }
1044
-
1045
- .h-2\.5 {
1046
- height: 0.625rem;
1047
- }
1048
-
1049
- .h-3 {
1050
- height: 0.75rem;
1051
- }
1052
-
1053
- .h-4 {
1054
- height: 1rem;
1055
- }
1056
-
1057
- .h-5 {
1058
- height: 1.25rem;
1059
- }
1060
-
1061
- .h-6 {
1062
- height: 1.5rem;
1063
- }
1064
-
1065
- .h-8 {
1066
- height: 2rem;
1067
- }
1068
-
1069
- .h-\[1px\] {
1070
- height: 1px;
1071
- }
1072
-
1073
- .h-\[4\.5rem\] {
1074
- height: 4.5rem;
1075
- }
1076
-
1077
- .h-\[64px\] {
1078
- height: 64px;
1079
- }
1080
-
1081
- .h-full {
1082
- height: 100%;
1083
- }
1084
-
1085
- .max-h-80 {
1086
- max-height: 20rem;
1087
- }
1088
-
1089
- .max-h-\[20rem\] {
1090
- max-height: 20rem;
1091
- }
1092
-
1093
- .max-h-\[400px\] {
1094
- max-height: 400px;
1095
- }
1096
-
1097
- .max-h-\[min\(80vh\2c 24rem\)\] {
1098
- max-height: min(80vh,24rem);
1099
- }
1100
-
1101
- .min-h-\[1\.5rem\] {
1102
- min-height: 1.5rem;
1103
- }
1104
-
1105
- .min-h-\[10rem\] {
1106
- min-height: 10rem;
1107
- }
1108
-
1109
- .min-h-full {
1110
- min-height: 100%;
1111
- }
1112
-
1113
- .\!w-\[212px\] {
1114
- width: 212px !important;
1115
- }
1116
-
1117
- .w-0 {
1118
- width: 0px;
1119
- }
1120
-
1121
- .w-1 {
1122
- width: 0.25rem;
1123
- }
1124
-
1125
- .w-1\.5 {
1126
- width: 0.375rem;
1127
- }
1128
-
1129
- .w-12 {
1130
- width: 3rem;
1131
- }
1132
-
1133
- .w-2 {
1134
- width: 0.5rem;
1135
- }
1136
-
1137
- .w-2\.5 {
1138
- width: 0.625rem;
1139
- }
1140
-
1141
- .w-3 {
1142
- width: 0.75rem;
1143
- }
1144
-
1145
- .w-4 {
1146
- width: 1rem;
1147
- }
1148
-
1149
- .w-5 {
1150
- width: 1.25rem;
1151
- }
1152
-
1153
- .w-6 {
1154
- width: 1.5rem;
1155
- }
1156
-
1157
- .w-8 {
1158
- width: 2rem;
1159
- }
1160
-
1161
- .w-80 {
1162
- width: 20rem;
1163
- }
1164
-
1165
- .w-9 {
1166
- width: 2.25rem;
1167
- }
1168
-
1169
- .w-\[1px\] {
1170
- width: 1px;
1171
- }
1172
-
1173
- .w-\[32px\] {
1174
- width: 32px;
1175
- }
1176
-
1177
- .w-auto {
1178
- width: auto;
1179
- }
1180
-
1181
- .w-full {
1182
- width: 100%;
1183
- }
1184
-
1185
- .min-w-\[1\.5rem\] {
1186
- min-width: 1.5rem;
1187
- }
1188
-
1189
- .min-w-\[12rem\] {
1190
- min-width: 12rem;
1191
- }
1192
-
1193
- .min-w-\[15rem\] {
1194
- min-width: 15rem;
1195
- }
1196
-
1197
- .min-w-\[16rem\] {
1198
- min-width: 16rem;
1199
- }
1200
-
1201
- .min-w-\[20rem\] {
1202
- min-width: 20rem;
1203
- }
1204
-
1205
- .min-w-\[276px\] {
1206
- min-width: 276px;
1207
- }
1208
-
1209
- .min-w-\[2rem\] {
1210
- min-width: 2rem;
1211
- }
1212
-
1213
- .min-w-\[300px\] {
1214
- min-width: 300px;
1215
- }
1216
-
1217
- .max-w-\[15rem\] {
1218
- max-width: 15rem;
1219
- }
1220
-
1221
- .max-w-\[328px\] {
1222
- max-width: 328px;
1223
- }
1224
-
1225
- .max-w-\[4rem\] {
1226
- max-width: 4rem;
1227
- }
1228
-
1229
- .flex-1 {
1230
- flex: 1 1 0%;
1231
- }
1232
-
1233
- .flex-none {
1234
- flex: none;
1235
- }
1236
-
1237
- .shrink-0 {
1238
- flex-shrink: 0;
1239
- }
1240
-
1241
- .-translate-y-1\/2 {
1242
- --tw-translate-y: -50%;
1243
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1244
- }
1245
-
1246
- .translate-x-0 {
1247
- --tw-translate-x: 0px;
1248
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1249
- }
1250
-
1251
- .translate-x-3 {
1252
- --tw-translate-x: 0.75rem;
1253
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1254
- }
1255
-
1256
- .translate-x-4 {
1257
- --tw-translate-x: 1rem;
1258
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1259
- }
1260
-
1261
- @keyframes bounce {
1262
- 0%, 100% {
1263
- transform: translateY(-25%);
1264
- animation-timing-function: cubic-bezier(0.8,0,1,1);
1265
- }
1266
-
1267
- 50% {
1268
- transform: none;
1269
- animation-timing-function: cubic-bezier(0,0,0.2,1);
1270
- }
1271
- }
1272
-
1273
- .animate-bounce {
1274
- animation: bounce 1s infinite;
1275
- }
1276
-
1277
- @keyframes spin {
1278
- to {
1279
- transform: rotate(360deg);
1280
- }
1281
- }
1282
-
1283
- .animate-spin {
1284
- animation: spin 1s linear infinite;
1285
- }
1286
-
1287
- .cursor-not-allowed {
1288
- cursor: not-allowed;
1289
- }
1290
-
1291
- .cursor-pointer {
1292
- cursor: pointer;
1293
- }
1294
-
1295
- .cursor-text {
1296
- cursor: text;
1297
- }
1298
-
1299
- .touch-none {
1300
- touch-action: none;
1301
- }
1302
-
1303
- .select-none {
1304
- -webkit-user-select: none;
1305
- -moz-user-select: none;
1306
- user-select: none;
1307
- }
1308
-
1309
- .appearance-none {
1310
- -webkit-appearance: none;
1311
- -moz-appearance: none;
1312
- appearance: none;
1313
- }
1314
-
1315
- .grid-cols-1 {
1316
- grid-template-columns: repeat(1, minmax(0, 1fr));
1317
- }
1318
-
1319
- .flex-row {
1320
- flex-direction: row;
1321
- }
1322
-
1323
- .flex-col {
1324
- flex-direction: column;
1325
- }
1326
-
1327
- .flex-wrap {
1328
- flex-wrap: wrap;
1329
- }
1330
-
1331
- .items-start {
1332
- align-items: flex-start;
1333
- }
1334
-
1335
- .items-center {
1336
- align-items: center;
1337
- }
1338
-
1339
- .justify-start {
1340
- justify-content: flex-start;
1341
- }
1342
-
1343
- .justify-center {
1344
- justify-content: center;
1345
- }
1346
-
1347
- .justify-between {
1348
- justify-content: space-between;
1349
- }
1350
-
1351
- .gap-0 {
1352
- gap: 0px;
1353
- }
1354
-
1355
- .gap-0\.5 {
1356
- gap: 0.125rem;
1357
- }
1358
-
1359
- .gap-1 {
1360
- gap: 0.25rem;
1361
- }
1362
-
1363
- .gap-2 {
1364
- gap: 0.5rem;
1365
- }
1366
-
1367
- .gap-x-1 {
1368
- -moz-column-gap: 0.25rem;
1369
- column-gap: 0.25rem;
1370
- }
1371
-
1372
- .gap-x-1\.5 {
1373
- -moz-column-gap: 0.375rem;
1374
- column-gap: 0.375rem;
1375
- }
1376
-
1377
- .gap-x-6 {
1378
- -moz-column-gap: 1.5rem;
1379
- column-gap: 1.5rem;
1380
- }
1381
-
1382
- .gap-y-2 {
1383
- row-gap: 0.5rem;
1384
- }
1385
-
1386
- .overflow-auto {
1387
- overflow: auto;
1388
- }
1389
-
1390
- .overflow-hidden {
1391
- overflow: hidden;
1392
- }
1393
-
1394
- .overflow-visible {
1395
- overflow: visible;
1396
- }
1397
-
1398
- .overflow-y-visible {
1399
- overflow-y: visible;
1400
- }
1401
-
1402
- .truncate {
1403
- overflow: hidden;
1404
- text-overflow: ellipsis;
1405
- white-space: nowrap;
1406
- }
1407
-
1408
- .whitespace-nowrap {
1409
- white-space: nowrap;
1410
- }
1411
-
1412
- .break-all {
1413
- word-break: break-all;
1414
- }
1415
-
1416
- .rounded {
1417
- border-radius: 0.25rem;
1418
- }
1419
-
1420
- .rounded-\[inherit\] {
1421
- border-radius: inherit;
1422
- }
1423
-
1424
- .rounded-full {
1425
- border-radius: 9999px;
1426
- }
1427
-
1428
- .rounded-lg {
1429
- border-radius: 0.5rem;
1430
- }
1431
-
1432
- .rounded-md {
1433
- border-radius: 0.375rem;
1434
- }
1435
-
1436
- .border {
1437
- border-width: 1px;
1438
- }
1439
-
1440
- .border-0 {
1441
- border-width: 0px;
1442
- }
1443
-
1444
- .border-2 {
1445
- border-width: 2px;
1446
- }
1447
-
1448
- .border-b {
1449
- border-bottom-width: 1px;
1450
- }
1451
-
1452
- .border-b-2 {
1453
- border-bottom-width: 2px;
1454
- }
1455
-
1456
- .border-l {
1457
- border-left-width: 1px;
1458
- }
1459
-
1460
- .border-r {
1461
- border-right-width: 1px;
1462
- }
1463
-
1464
- .border-s-4 {
1465
- border-inline-start-width: 4px;
1466
- }
1467
-
1468
- .border-t {
1469
- border-top-width: 1px;
1470
- }
1471
-
1472
- .border-black {
1473
- --tw-border-opacity: 1;
1474
- border-color: rgb(0 0 0 / var(--tw-border-opacity));
1475
- }
1476
-
1477
- .border-black\/10 {
1478
- border-color: rgb(0 0 0 / 0.1);
1479
- }
1480
-
1481
- .border-current {
1482
- border-color: currentColor;
1483
- }
1484
-
1485
- .border-gray-300 {
1486
- --tw-border-opacity: 1;
1487
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1488
- }
1489
-
1490
- .border-neutral-100 {
1491
- --tw-border-opacity: 1;
1492
- border-color: rgb(245 245 245 / var(--tw-border-opacity));
1493
- }
1494
-
1495
- .border-neutral-200 {
1496
- --tw-border-opacity: 1;
1497
- border-color: rgb(229 229 229 / var(--tw-border-opacity));
1498
- }
1499
-
1500
- .border-transparent {
1501
- border-color: transparent;
1502
- }
1503
-
1504
- .border-white {
1505
- --tw-border-opacity: 1;
1506
- border-color: rgb(255 255 255 / var(--tw-border-opacity));
1507
- }
1508
-
1509
- .border-b-black\/10 {
1510
- border-bottom-color: rgb(0 0 0 / 0.1);
1511
- }
1512
-
1513
- .border-l-transparent {
1514
- border-left-color: transparent;
1515
- }
1516
-
1517
- .border-r-neutral-200 {
1518
- --tw-border-opacity: 1;
1519
- border-right-color: rgb(229 229 229 / var(--tw-border-opacity));
1520
- }
1521
-
1522
- .border-r-transparent {
1523
- border-right-color: transparent;
1524
- }
1525
-
1526
- .border-t-transparent {
1527
- border-top-color: transparent;
1528
- }
1529
-
1530
- .bg-\[\#FFA2A2\] {
1531
- --tw-bg-opacity: 1;
1532
- background-color: rgb(255 162 162 / var(--tw-bg-opacity));
1533
- }
1534
-
1535
- .bg-black {
1536
- --tw-bg-opacity: 1;
1537
- background-color: rgb(0 0 0 / var(--tw-bg-opacity));
1538
- }
1539
-
1540
- .bg-black\/10 {
1541
- background-color: rgb(0 0 0 / 0.1);
1542
- }
1543
-
1544
- .bg-black\/5 {
1545
- background-color: rgb(0 0 0 / 0.05);
1546
- }
1547
-
1548
- .bg-black\/60 {
1549
- background-color: rgb(0 0 0 / 0.6);
1550
- }
1551
-
1552
- .bg-blue-400 {
1553
- --tw-bg-opacity: 1;
1554
- background-color: rgb(96 165 250 / var(--tw-bg-opacity));
1555
- }
1556
-
1557
- .bg-blue-500 {
1558
- --tw-bg-opacity: 1;
1559
- background-color: rgb(59 130 246 / var(--tw-bg-opacity));
1560
- }
1561
-
1562
- .bg-gray-50 {
1563
- --tw-bg-opacity: 1;
1564
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1565
- }
1566
-
1567
- .bg-green-400 {
1568
- --tw-bg-opacity: 1;
1569
- background-color: rgb(74 222 128 / var(--tw-bg-opacity));
1570
- }
1571
-
1572
- .bg-green-500 {
1573
- --tw-bg-opacity: 1;
1574
- background-color: rgb(34 197 94 / var(--tw-bg-opacity));
1575
- }
1576
-
1577
- .bg-neutral-100 {
1578
- --tw-bg-opacity: 1;
1579
- background-color: rgb(245 245 245 / var(--tw-bg-opacity));
1580
- }
1581
-
1582
- .bg-neutral-200 {
1583
- --tw-bg-opacity: 1;
1584
- background-color: rgb(229 229 229 / var(--tw-bg-opacity));
1585
- }
1586
-
1587
- .bg-neutral-50 {
1588
- --tw-bg-opacity: 1;
1589
- background-color: rgb(250 250 250 / var(--tw-bg-opacity));
1590
- }
1591
-
1592
- .bg-neutral-900 {
1593
- --tw-bg-opacity: 1;
1594
- background-color: rgb(23 23 23 / var(--tw-bg-opacity));
1595
- }
1596
-
1597
- .bg-red-400 {
1598
- --tw-bg-opacity: 1;
1599
- background-color: rgb(248 113 113 / var(--tw-bg-opacity));
1600
- }
1601
-
1602
- .bg-red-500 {
1603
- --tw-bg-opacity: 1;
1604
- background-color: rgb(239 68 68 / var(--tw-bg-opacity));
1605
- }
1606
-
1607
- .bg-slate-100 {
1608
- --tw-bg-opacity: 1;
1609
- background-color: rgb(241 245 249 / var(--tw-bg-opacity));
1610
- }
1611
-
1612
- .bg-transparent {
1613
- background-color: transparent;
1614
- }
1615
-
1616
- .bg-white {
1617
- --tw-bg-opacity: 1;
1618
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1619
- }
1620
-
1621
- .bg-yellow-400 {
1622
- --tw-bg-opacity: 1;
1623
- background-color: rgb(250 204 21 / var(--tw-bg-opacity));
1624
- }
1625
-
1626
- .bg-yellow-500 {
1627
- --tw-bg-opacity: 1;
1628
- background-color: rgb(234 179 8 / var(--tw-bg-opacity));
1629
- }
1630
-
1631
- .bg-zinc-100 {
1632
- --tw-bg-opacity: 1;
1633
- background-color: rgb(244 244 245 / var(--tw-bg-opacity));
1634
- }
1635
-
1636
- .bg-opacity-10 {
1637
- --tw-bg-opacity: 0.1;
1638
- }
1639
-
1640
- .bg-opacity-80 {
1641
- --tw-bg-opacity: 0.8;
1642
- }
1643
-
1644
- .fill-neutral-300 {
1645
- fill: #d4d4d4;
1646
- }
1647
-
1648
- .object-cover {
1649
- -o-object-fit: cover;
1650
- object-fit: cover;
1651
- }
1652
-
1653
- .p-0 {
1654
- padding: 0px;
1655
- }
1656
-
1657
- .p-1 {
1658
- padding: 0.25rem;
1659
- }
1660
-
1661
- .p-1\.5 {
1662
- padding: 0.375rem;
1663
- }
1664
-
1665
- .p-2 {
1666
- padding: 0.5rem;
1667
- }
1668
-
1669
- .p-4 {
1670
- padding: 1rem;
1671
- }
1672
-
1673
- .p-8 {
1674
- padding: 2rem;
1675
- }
1676
-
1677
- .p-\[0\.2rem\] {
1678
- padding: 0.2rem;
1679
- }
1680
-
1681
- .p-\[1px\] {
1682
- padding: 1px;
1683
- }
1684
-
1685
- .px-0 {
1686
- padding-left: 0px;
1687
- padding-right: 0px;
1688
- }
1689
-
1690
- .px-0\.5 {
1691
- padding-left: 0.125rem;
1692
- padding-right: 0.125rem;
1693
- }
1694
-
1695
- .px-1 {
1696
- padding-left: 0.25rem;
1697
- padding-right: 0.25rem;
1698
- }
1699
-
1700
- .px-1\.5 {
1701
- padding-left: 0.375rem;
1702
- padding-right: 0.375rem;
1703
- }
1704
-
1705
- .px-2 {
1706
- padding-left: 0.5rem;
1707
- padding-right: 0.5rem;
1708
- }
1709
-
1710
- .px-2\.5 {
1711
- padding-left: 0.625rem;
1712
- padding-right: 0.625rem;
1713
- }
1714
-
1715
- .px-3 {
1716
- padding-left: 0.75rem;
1717
- padding-right: 0.75rem;
1718
- }
1719
-
1720
- .px-4 {
1721
- padding-left: 1rem;
1722
- padding-right: 1rem;
1723
- }
1724
-
1725
- .px-6 {
1726
- padding-left: 1.5rem;
1727
- padding-right: 1.5rem;
1728
- }
1729
-
1730
- .px-8 {
1731
- padding-left: 2rem;
1732
- padding-right: 2rem;
1733
- }
1734
-
1735
- .py-1 {
1736
- padding-top: 0.25rem;
1737
- padding-bottom: 0.25rem;
1738
- }
1739
-
1740
- .py-1\.5 {
1741
- padding-top: 0.375rem;
1742
- padding-bottom: 0.375rem;
1743
- }
1744
-
1745
- .py-10 {
1746
- padding-top: 2.5rem;
1747
- padding-bottom: 2.5rem;
1748
- }
1749
-
1750
- .py-2 {
1751
- padding-top: 0.5rem;
1752
- padding-bottom: 0.5rem;
1753
- }
1754
-
1755
- .py-4 {
1756
- padding-top: 1rem;
1757
- padding-bottom: 1rem;
1758
- }
1759
-
1760
- .py-8 {
1761
- padding-top: 2rem;
1762
- padding-bottom: 2rem;
1763
- }
1764
-
1765
- .pb-2 {
1766
- padding-bottom: 0.5rem;
1767
- }
1768
-
1769
- .pr-4 {
1770
- padding-right: 1rem;
1771
- }
1772
-
1773
- .pt-2 {
1774
- padding-top: 0.5rem;
1775
- }
1776
-
1777
- .text-left {
1778
- text-align: left;
1779
- }
1780
-
1781
- .text-center {
1782
- text-align: center;
1783
- }
1784
-
1785
- .text-right {
1786
- text-align: right;
1787
- }
1788
-
1789
- .text-2xl {
1790
- font-size: 1.5rem;
1791
- line-height: 2rem;
1792
- }
1793
-
1794
- .text-\[\.65rem\] {
1795
- font-size: .65rem;
1796
- }
1797
-
1798
- .text-\[0\.625rem\] {
1799
- font-size: 0.625rem;
1800
- }
1801
-
1802
- .text-\[0\.65rem\] {
1803
- font-size: 0.65rem;
1804
- }
1805
-
1806
- .text-base {
1807
- font-size: 1rem;
1808
- line-height: 1.5rem;
1809
- }
1810
-
1811
- .text-lg {
1812
- font-size: 1.125rem;
1813
- line-height: 1.75rem;
1814
- }
1815
-
1816
- .text-sm {
1817
- font-size: 0.875rem;
1818
- line-height: 1.25rem;
1819
- }
1820
-
1821
- .text-xl {
1822
- font-size: 1.25rem;
1823
- line-height: 1.75rem;
1824
- }
1825
-
1826
- .text-xs {
1827
- font-size: 0.75rem;
1828
- line-height: 1rem;
1829
- }
1830
-
1831
- .font-bold {
1832
- font-weight: 700;
1833
- }
1834
-
1835
- .font-medium {
1836
- font-weight: 500;
1837
- }
1838
-
1839
- .font-semibold {
1840
- font-weight: 600;
1841
- }
1842
-
1843
- .uppercase {
1844
- text-transform: uppercase;
1845
- }
1846
-
1847
- .capitalize {
1848
- text-transform: capitalize;
1849
- }
1850
-
1851
- .italic {
1852
- font-style: italic;
1853
- }
1854
-
1855
- .leading-none {
1856
- line-height: 1;
1857
- }
1858
-
1859
- .leading-relaxed {
1860
- line-height: 1.625;
1861
- }
1862
-
1863
- .leading-tight {
1864
- line-height: 1.25;
1865
- }
1866
-
1867
- .tracking-wider {
1868
- letter-spacing: 0.05em;
1869
- }
1870
-
1871
- .text-black {
1872
- --tw-text-opacity: 1;
1873
- color: rgb(0 0 0 / var(--tw-text-opacity));
1874
- }
1875
-
1876
- .text-black\/80 {
1877
- color: rgb(0 0 0 / 0.8);
1878
- }
1879
-
1880
- .text-blue-500 {
1881
- --tw-text-opacity: 1;
1882
- color: rgb(59 130 246 / var(--tw-text-opacity));
1883
- }
1884
-
1885
- .text-gray-900 {
1886
- --tw-text-opacity: 1;
1887
- color: rgb(17 24 39 / var(--tw-text-opacity));
1888
- }
1889
-
1890
- .text-neutral-400 {
1891
- --tw-text-opacity: 1;
1892
- color: rgb(163 163 163 / var(--tw-text-opacity));
1893
- }
1894
-
1895
- .text-neutral-500 {
1896
- --tw-text-opacity: 1;
1897
- color: rgb(115 115 115 / var(--tw-text-opacity));
1898
- }
1899
-
1900
- .text-neutral-800 {
1901
- --tw-text-opacity: 1;
1902
- color: rgb(38 38 38 / var(--tw-text-opacity));
1903
- }
1904
-
1905
- .text-neutral-900 {
1906
- --tw-text-opacity: 1;
1907
- color: rgb(23 23 23 / var(--tw-text-opacity));
1908
- }
1909
-
1910
- .text-purple-500 {
1911
- --tw-text-opacity: 1;
1912
- color: rgb(168 85 247 / var(--tw-text-opacity));
1913
- }
1914
-
1915
- .text-purple-600 {
1916
- --tw-text-opacity: 1;
1917
- color: rgb(147 51 234 / var(--tw-text-opacity));
1918
- }
1919
-
1920
- .text-red-500 {
1921
- --tw-text-opacity: 1;
1922
- color: rgb(239 68 68 / var(--tw-text-opacity));
1923
- }
1924
-
1925
- .text-white {
1926
- --tw-text-opacity: 1;
1927
- color: rgb(255 255 255 / var(--tw-text-opacity));
1928
- }
1929
-
1930
- .underline {
1931
- text-decoration-line: underline;
1932
- }
1933
-
1934
- .caret-black {
1935
- caret-color: #000;
1936
- }
1937
-
1938
- .opacity-0 {
1939
- opacity: 0;
1940
- }
1941
-
1942
- .opacity-20 {
1943
- opacity: 0.2;
1944
- }
1945
-
1946
- .shadow-2xl {
1947
- --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
1948
- --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
1949
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1950
- }
1951
-
1952
- .shadow-sm {
1953
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1954
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1955
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1956
- }
1957
-
1958
- .outline-none {
1959
- outline: 2px solid transparent;
1960
- outline-offset: 2px;
1961
- }
1962
-
1963
- .outline {
1964
- outline-style: solid;
1965
- }
1966
-
1967
- .outline-offset-0 {
1968
- outline-offset: 0px;
1969
- }
1970
-
1971
- .ring-1 {
1972
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1973
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1974
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1975
- }
1976
-
1977
- .ring-current {
1978
- --tw-ring-color: currentColor;
1979
- }
1980
-
1981
- .ring-offset-2 {
1982
- --tw-ring-offset-width: 2px;
1983
- }
1984
-
1985
- .blur {
1986
- --tw-blur: blur(8px);
1987
- 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);
1988
- }
1989
-
1990
- .filter {
1991
- 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);
1992
- }
1993
-
1994
- .transition-all {
1995
- transition-property: all;
1996
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1997
- transition-duration: 150ms;
1998
- }
1999
-
2000
- .transition-colors {
2001
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2002
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2003
- transition-duration: 150ms;
2004
- }
2005
-
2006
- .transition-transform {
2007
- transition-property: transform;
2008
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2009
- transition-duration: 150ms;
2010
- }
2011
-
2012
- .duration-300 {
2013
- transition-duration: 300ms;
2014
- }
2015
-
2016
- @keyframes enter {
2017
- from {
2018
- opacity: var(--tw-enter-opacity, 1);
2019
- transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
2020
- }
2021
- }
2022
-
2023
- @keyframes exit {
2024
- to {
2025
- opacity: var(--tw-exit-opacity, 1);
2026
- transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
2027
- }
2028
- }
2029
-
2030
- .duration-300 {
2031
- animation-duration: 300ms;
2032
- }
2033
-
2034
- .\[animation-delay\:-0\.15s\] {
2035
- animation-delay: -0.15s;
2036
- }
2037
-
2038
- .\[animation-delay\:-0\.3s\] {
2039
- animation-delay: -0.3s;
2040
- }
2041
-
2042
- .first\:ml-0:first-child {
2043
- margin-left: 0px;
2044
- }
2045
-
2046
- .first\:mt-0:first-child {
2047
- margin-top: 0px;
2048
- }
2049
-
2050
- .first\:mt-0\.5:first-child {
2051
- margin-top: 0.125rem;
2052
- }
2053
-
2054
- .first\:mt-1:first-child {
2055
- margin-top: 0.25rem;
2056
- }
2057
-
2058
- .first\:mt-1\.5:first-child {
2059
- margin-top: 0.375rem;
2060
- }
2061
-
2062
- .last\:mr-0:last-child {
2063
- margin-right: 0px;
2064
- }
2065
-
2066
- .last\:mt-0:last-child {
2067
- margin-top: 0px;
2068
- }
2069
-
2070
- .hover\:bg-black:hover {
2071
- --tw-bg-opacity: 1;
2072
- background-color: rgb(0 0 0 / var(--tw-bg-opacity));
2073
- }
2074
-
2075
- .hover\:bg-black\/10:hover {
2076
- background-color: rgb(0 0 0 / 0.1);
2077
- }
2078
-
2079
- .hover\:bg-black\/5:hover {
2080
- background-color: rgb(0 0 0 / 0.05);
2081
- }
2082
-
2083
- .hover\:bg-neutral-100:hover {
2084
- --tw-bg-opacity: 1;
2085
- background-color: rgb(245 245 245 / var(--tw-bg-opacity));
2086
- }
2087
-
2088
- .hover\:bg-neutral-300:hover {
2089
- --tw-bg-opacity: 1;
2090
- background-color: rgb(212 212 212 / var(--tw-bg-opacity));
2091
- }
2092
-
2093
- .hover\:bg-neutral-50:hover {
2094
- --tw-bg-opacity: 1;
2095
- background-color: rgb(250 250 250 / var(--tw-bg-opacity));
2096
- }
2097
-
2098
- .hover\:bg-neutral-800:hover {
2099
- --tw-bg-opacity: 1;
2100
- background-color: rgb(38 38 38 / var(--tw-bg-opacity));
2101
- }
2102
-
2103
- .hover\:bg-red-500:hover {
2104
- --tw-bg-opacity: 1;
2105
- background-color: rgb(239 68 68 / var(--tw-bg-opacity));
2106
- }
2107
-
2108
- .hover\:bg-opacity-20:hover {
2109
- --tw-bg-opacity: 0.2;
2110
- }
2111
-
2112
- .hover\:bg-opacity-5:hover {
2113
- --tw-bg-opacity: 0.05;
2114
- }
2115
-
2116
- .hover\:text-black:hover {
2117
- --tw-text-opacity: 1;
2118
- color: rgb(0 0 0 / var(--tw-text-opacity));
2119
- }
2120
-
2121
- .hover\:text-neutral-700:hover {
2122
- --tw-text-opacity: 1;
2123
- color: rgb(64 64 64 / var(--tw-text-opacity));
2124
- }
2125
-
2126
- .hover\:text-neutral-800:hover {
2127
- --tw-text-opacity: 1;
2128
- color: rgb(38 38 38 / var(--tw-text-opacity));
2129
- }
2130
-
2131
- .hover\:text-purple-600:hover {
2132
- --tw-text-opacity: 1;
2133
- color: rgb(147 51 234 / var(--tw-text-opacity));
2134
- }
2135
-
2136
- .hover\:ring-1:hover {
2137
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2138
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2139
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2140
- }
2141
-
2142
- .focus\:bg-transparent:focus {
2143
- background-color: transparent;
2144
- }
2145
-
2146
- .focus\:outline-none:focus {
2147
- outline: 2px solid transparent;
2148
- outline-offset: 2px;
2149
- }
2150
-
2151
- .focus\:outline:focus {
2152
- outline-style: solid;
2153
- }
2154
-
2155
- .focus\:outline-1:focus {
2156
- outline-width: 1px;
2157
- }
2158
-
2159
- .focus\:outline-black:focus {
2160
- outline-color: #000;
2161
- }
2162
-
2163
- .focus\:outline-neutral-300:focus {
2164
- outline-color: #d4d4d4;
2165
- }
2166
-
2167
- .focus\:ring-0:focus {
2168
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2169
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2170
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2171
- }
2172
-
2173
- .active\:bg-black\/10:active {
2174
- background-color: rgb(0 0 0 / 0.1);
2175
- }
2176
-
2177
- .active\:bg-neutral-200:active {
2178
- --tw-bg-opacity: 1;
2179
- background-color: rgb(229 229 229 / var(--tw-bg-opacity));
2180
- }
2181
-
2182
- .active\:bg-neutral-900:active {
2183
- --tw-bg-opacity: 1;
2184
- background-color: rgb(23 23 23 / var(--tw-bg-opacity));
2185
- }
2186
-
2187
- .active\:bg-transparent:active {
2188
- background-color: transparent;
2189
- }
2190
-
2191
- .active\:text-neutral-800:active {
2192
- --tw-text-opacity: 1;
2193
- color: rgb(38 38 38 / var(--tw-text-opacity));
2194
- }
2195
-
2196
- .active\:text-purple-600:active {
2197
- --tw-text-opacity: 1;
2198
- color: rgb(147 51 234 / var(--tw-text-opacity));
2199
- }
2200
-
2201
- .active\:outline:active {
2202
- outline-style: solid;
2203
- }
2204
-
2205
- .active\:outline-black:active {
2206
- outline-color: #000;
2207
- }
2208
-
2209
- .disabled\:opacity-50:disabled {
2210
- opacity: 0.5;
2211
- }
2212
-
2213
- .dark\:border-black:is([data-theme="dark"] *) {
2214
- --tw-border-opacity: 1;
2215
- border-color: rgb(0 0 0 / var(--tw-border-opacity));
2216
- }
2217
-
2218
- .dark\:border-neutral-800:is([data-theme="dark"] *) {
2219
- --tw-border-opacity: 1;
2220
- border-color: rgb(38 38 38 / var(--tw-border-opacity));
2221
- }
2222
-
2223
- .dark\:border-neutral-900:is([data-theme="dark"] *) {
2224
- --tw-border-opacity: 1;
2225
- border-color: rgb(23 23 23 / var(--tw-border-opacity));
2226
- }
2227
-
2228
- .dark\:border-white:is([data-theme="dark"] *) {
2229
- --tw-border-opacity: 1;
2230
- border-color: rgb(255 255 255 / var(--tw-border-opacity));
2231
- }
2232
-
2233
- .dark\:border-r-neutral-800:is([data-theme="dark"] *) {
2234
- --tw-border-opacity: 1;
2235
- border-right-color: rgb(38 38 38 / var(--tw-border-opacity));
2236
- }
2237
-
2238
- .dark\:bg-black:is([data-theme="dark"] *) {
2239
- --tw-bg-opacity: 1;
2240
- background-color: rgb(0 0 0 / var(--tw-bg-opacity));
2241
- }
2242
-
2243
- .dark\:bg-green-400:is([data-theme="dark"] *) {
2244
- --tw-bg-opacity: 1;
2245
- background-color: rgb(74 222 128 / var(--tw-bg-opacity));
2246
- }
2247
-
2248
- .dark\:bg-neutral-300:is([data-theme="dark"] *) {
2249
- --tw-bg-opacity: 1;
2250
- background-color: rgb(212 212 212 / var(--tw-bg-opacity));
2251
- }
2252
-
2253
- .dark\:bg-neutral-800:is([data-theme="dark"] *) {
2254
- --tw-bg-opacity: 1;
2255
- background-color: rgb(38 38 38 / var(--tw-bg-opacity));
2256
- }
2257
-
2258
- .dark\:bg-neutral-900:is([data-theme="dark"] *) {
2259
- --tw-bg-opacity: 1;
2260
- background-color: rgb(23 23 23 / var(--tw-bg-opacity));
2261
- }
2262
-
2263
- .dark\:bg-red-400:is([data-theme="dark"] *) {
2264
- --tw-bg-opacity: 1;
2265
- background-color: rgb(248 113 113 / var(--tw-bg-opacity));
2266
- }
2267
-
2268
- .dark\:bg-white:is([data-theme="dark"] *) {
2269
- --tw-bg-opacity: 1;
2270
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2271
- }
2272
-
2273
- .dark\:bg-white\/10:is([data-theme="dark"] *) {
2274
- background-color: rgb(255 255 255 / 0.1);
2275
- }
2276
-
2277
- .dark\:bg-white\/20:is([data-theme="dark"] *) {
2278
- background-color: rgb(255 255 255 / 0.2);
2279
- }
2280
-
2281
- .dark\:bg-yellow-400:is([data-theme="dark"] *) {
2282
- --tw-bg-opacity: 1;
2283
- background-color: rgb(250 204 21 / var(--tw-bg-opacity));
2284
- }
2285
-
2286
- .dark\:text-black:is([data-theme="dark"] *) {
2287
- --tw-text-opacity: 1;
2288
- color: rgb(0 0 0 / var(--tw-text-opacity));
2289
- }
2290
-
2291
- .dark\:text-neutral-100:is([data-theme="dark"] *) {
2292
- --tw-text-opacity: 1;
2293
- color: rgb(245 245 245 / var(--tw-text-opacity));
2294
- }
2295
-
2296
- .dark\:text-neutral-200:is([data-theme="dark"] *) {
2297
- --tw-text-opacity: 1;
2298
- color: rgb(229 229 229 / var(--tw-text-opacity));
2299
- }
2300
-
2301
- .dark\:text-neutral-300:is([data-theme="dark"] *) {
2302
- --tw-text-opacity: 1;
2303
- color: rgb(212 212 212 / var(--tw-text-opacity));
1
+ .ProseMirror {
2
+ :focus-visible {
3
+ outline: 0;
4
+ }
5
+ font-size: 16px;
6
+ .is-empty::before {
7
+ --tw-text-opacity: 1;
8
+ color: rgb(115 115 115 / var(--tw-text-opacity))
9
+ }
10
+ .is-empty:is([data-theme="dark"] *)::before {
11
+ --tw-text-opacity: 1;
12
+ color: rgb(163 163 163 / var(--tw-text-opacity))
13
+ }
14
+ & > *:first-child:first-child,
15
+ [data-type='column'] > *:first-child {
16
+ margin-top: 0px
17
+ }
18
+ & > *:first-child:last-child,
19
+ [data-type='column'] > *:last-child {
20
+ margin-bottom: 0px
21
+ }
22
+ & > * + * {
23
+ margin-top: 0.75em;
24
+ }
25
+ .node-imageUpload {
26
+ border-radius: 0.25rem
27
+ }
28
+ .node-imageUpload {
29
+ border-width: 2px
30
+ }
31
+ .node-imageUpload {
32
+ border-style: dotted
33
+ }
34
+ .node-imageUpload {
35
+ --tw-border-opacity: 1;
36
+ border-color: rgb(0 0 0 / var(--tw-border-opacity))
37
+ }
38
+ .node-imageUpload {
39
+ --tw-border-opacity: 0.1
40
+ }
41
+ .node-imageUpload {
42
+ padding: 0.5rem
43
+ }
44
+ .node-imageUpload:is([data-theme="dark"] *) {
45
+ --tw-border-opacity: 1;
46
+ border-color: rgb(115 115 115 / var(--tw-border-opacity))
47
+ }
48
+ .node-imageUpload {
49
+ transition: border 160ms cubic-bezier(0.45, 0.05, 0.55, 0.95);
50
+ &:hover {
51
+ --tw-border-opacity: 0.3
52
+ }
53
+ &:has(.is-active),
54
+ &.has-focus {
55
+ --tw-border-opacity: 0.4
56
+ }
57
+ }
58
+ [data-type='columns'] {
59
+ &.has-focus [data-type='column'],
60
+ &:hover [data-type='column'] {
61
+ --tw-border-opacity: 1;
62
+ border-color: rgb(212 212 212 / var(--tw-border-opacity))
63
+ }
64
+ &.has-focus [data-type='column']:is([data-theme="dark"] *),
65
+ &:hover [data-type='column']:is([data-theme="dark"] *) {
66
+ --tw-border-opacity: 1;
67
+ border-color: rgb(64 64 64 / var(--tw-border-opacity))
68
+ }
69
+ [data-type='column'].has-focus {
70
+ --tw-border-opacity: 1;
71
+ border-color: rgb(163 163 163 / var(--tw-border-opacity))
72
+ }
73
+ [data-type='column'].has-focus:is([data-theme="dark"] *) {
74
+ --tw-border-opacity: 1;
75
+ border-color: rgb(82 82 82 / var(--tw-border-opacity))
76
+ }
77
+ }
78
+ [data-type='column'] {
79
+ border-radius: 0.25rem
80
+ }
81
+ [data-type='column'] {
82
+ border-width: 2px
83
+ }
84
+ [data-type='column'] {
85
+ border-style: dotted
86
+ }
87
+ [data-type='column'] {
88
+ border-color: transparent
89
+ }
90
+ [data-type='column'] {
91
+ padding: 0.25rem
92
+ }
93
+ [data-type='column'] {
94
+ transition: border 160ms cubic-bezier(0.45, 0.05, 0.55, 0.95);
95
+ &:hover {
96
+ --tw-border-opacity: 1;
97
+ border-color: rgb(245 245 245 / var(--tw-border-opacity))
98
+ }
99
+ &:hover:is([data-theme="dark"] *) {
100
+ --tw-border-opacity: 1;
101
+ border-color: rgb(23 23 23 / var(--tw-border-opacity))
102
+ }
103
+ &:has(.is-active),
104
+ &.has-focus {
105
+ --tw-border-opacity: 1;
106
+ border-color: rgb(245 245 245 / var(--tw-border-opacity))
107
+ }
108
+ &:has(.is-active):is([data-theme="dark"] *),
109
+ &.has-focus:is([data-theme="dark"] *) {
110
+ --tw-border-opacity: 1;
111
+ border-color: rgb(23 23 23 / var(--tw-border-opacity))
112
+ }
113
+ }
114
+ .node-imageBlock {
115
+ & img {
116
+ overflow: hidden
117
+ }
118
+ & img {
119
+ border-radius: 0.75rem
120
+ }
121
+ & img {
122
+ border-width: 2px
123
+ }
124
+ & img {
125
+ border-color: transparent
126
+ }
127
+ &:hover img {
128
+ border-width: 2px
129
+ }
130
+ &:hover img {
131
+ --tw-border-opacity: 1;
132
+ border-color: rgb(245 245 245 / var(--tw-border-opacity))
133
+ }
134
+ &:hover img:is([data-theme="dark"] *) {
135
+ --tw-border-opacity: 1;
136
+ border-color: rgb(23 23 23 / var(--tw-border-opacity))
137
+ }
138
+ &:has(.is-active) img,
139
+ &.has-focus img {
140
+ border-width: 2px
141
+ }
142
+ &:has(.is-active) img,
143
+ &.has-focus img {
144
+ --tw-border-opacity: 1;
145
+ border-color: rgb(38 38 38 / var(--tw-border-opacity))
146
+ }
147
+ &:has(.is-active) img:is([data-theme="dark"] *),
148
+ &.has-focus img:is([data-theme="dark"] *) {
149
+ --tw-border-opacity: 1;
150
+ border-color: rgb(229 229 229 / var(--tw-border-opacity))
151
+ }
152
+ }
153
+ .node-aiWriter,
154
+ .node-aiImage,
155
+ .node-tableOfContentsNode {
156
+ &.has-focus [data-node-view-wrapper] > * {
157
+ border-radius: 0.5rem
158
+ }
159
+ &.has-focus [data-node-view-wrapper] > * {
160
+ --tw-shadow: 0 0 0 2px;
161
+ --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
162
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
163
+ }
164
+ &.has-focus [data-node-view-wrapper] > * {
165
+ --tw-shadow-color: rgb(0 0 0 / 0.3);
166
+ --tw-shadow: var(--tw-shadow-colored)
167
+ }
168
+ &.has-focus [data-node-view-wrapper] > * {
169
+ transition-property: all;
170
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
171
+ transition-duration: 150ms
172
+ }
173
+ &.has-focus [data-node-view-wrapper] > *:is([data-theme="dark"] *) {
174
+ --tw-shadow-color: rgb(255 255 255 / 0.3);
175
+ --tw-shadow: var(--tw-shadow-colored)
176
+ }
177
+ }
178
+ .ProseMirror-gapcursor + .node-imageBlock,
179
+ .ProseMirror-gapcursor + .node-imageUpload,
180
+ .ProseMirror-gapcursor + [data-type='blockquoteFigure'] {
181
+ outline-color: #404040
182
+ }
183
+ .ProseMirror-gapcursor + .node-imageBlock:hover,
184
+ .ProseMirror-gapcursor + .node-imageUpload:hover,
185
+ .ProseMirror-gapcursor + [data-type='blockquoteFigure']:hover {
186
+ outline-color: #525252
187
+ }
188
+ .ProseMirror-gapcursor + .node-imageBlock:is([data-theme="dark"] *),
189
+ .ProseMirror-gapcursor + .node-imageUpload:is([data-theme="dark"] *),
190
+ .ProseMirror-gapcursor + [data-type='blockquoteFigure']:is([data-theme="dark"] *) {
191
+ outline-color: #d4d4d4
192
+ }
193
+ .ProseMirror-gapcursor + .node-imageBlock:hover:is([data-theme="dark"] *),
194
+ .ProseMirror-gapcursor + .node-imageUpload:hover:is([data-theme="dark"] *),
195
+ .ProseMirror-gapcursor + [data-type='blockquoteFigure']:hover:is([data-theme="dark"] *) {
196
+ outline-color: #a3a3a3
197
+ }
198
+ [data-type='blockquoteFigure'] > div {
199
+ border-radius: 0.5rem
200
+ }
201
+ [data-type='blockquoteFigure'] > div {
202
+ border-top-left-radius: 0px
203
+ }
204
+ [data-type='blockquoteFigure'] > div {
205
+ border-bottom-left-radius: 0px
206
+ }
207
+ [data-type='blockquoteFigure'] > div {
208
+ border-left-width: 4px
209
+ }
210
+ [data-type='blockquoteFigure'] > div {
211
+ --tw-border-opacity: 1;
212
+ border-left-color: rgb(64 64 64 / var(--tw-border-opacity))
213
+ }
214
+ [data-type='blockquoteFigure'] > div {
215
+ --tw-bg-opacity: 0.8
216
+ }
217
+ [data-type='blockquoteFigure'] > div {
218
+ padding-top: 0.5rem;
219
+ padding-bottom: 0.5rem
220
+ }
221
+ [data-type='blockquoteFigure'] > div {
222
+ padding-left: 1rem;
223
+ padding-right: 1rem
224
+ }
225
+ [data-type='blockquoteFigure'] > div:is([data-theme="dark"] *) {
226
+ --tw-border-opacity: 1;
227
+ border-left-color: rgb(212 212 212 / var(--tw-border-opacity))
228
+ }
229
+ [data-type='blockquoteFigure'] > blockquote {
230
+ font-size: 1.125rem;
231
+ line-height: 1.75rem
232
+ }
233
+ [data-type='blockquoteFigure'] > blockquote {
234
+ --tw-text-opacity: 1;
235
+ color: rgb(0 0 0 / var(--tw-text-opacity))
236
+ }
237
+ [data-type='blockquoteFigure'] > blockquote:is([data-theme="dark"] *) {
238
+ --tw-text-opacity: 1;
239
+ color: rgb(255 255 255 / var(--tw-text-opacity))
240
+ }
241
+ [data-type='blockquoteFigure'] figcaption {
242
+ margin-top: 1rem
243
+ }
244
+ [data-type='blockquoteFigure'] figcaption {
245
+ overflow: hidden
246
+ }
247
+ [data-type='blockquoteFigure'] figcaption {
248
+ font-size: 0.875rem;
249
+ line-height: 1.25rem
250
+ }
251
+ [data-type='blockquoteFigure'] figcaption {
252
+ --tw-text-opacity: 1;
253
+ color: rgb(115 115 115 / var(--tw-text-opacity))
254
+ }
255
+ [data-type='blockquoteFigure'] figcaption {
256
+ transition-property: all;
257
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
258
+ transition-duration: 150ms
259
+ }
260
+ [data-type='blockquoteFigure'] figcaption:is([data-theme="dark"] *) {
261
+ --tw-text-opacity: 1;
262
+ color: rgb(163 163 163 / var(--tw-text-opacity))
263
+ }
264
+ z-index: 0;
265
+ padding-right: 2rem;
266
+ padding-left: 0px;
267
+ padding-right: 0px;
268
+ padding-bottom: 4rem;
269
+ caret-color: #000;
270
+ outline-width: 0px
2304
271
  }
2305
272
 
2306
- .dark\:text-neutral-400:is([data-theme="dark"] *) {
2307
- --tw-text-opacity: 1;
2308
- color: rgb(163 163 163 / var(--tw-text-opacity));
273
+ .ProseMirror:is([data-theme="dark"] *) {
274
+ caret-color: #fff
2309
275
  }
2310
276
 
2311
- .dark\:text-neutral-500:is([data-theme="dark"] *) {
2312
- --tw-text-opacity: 1;
2313
- color: rgb(115 115 115 / var(--tw-text-opacity));
277
+ .ProseMirror {
278
+ & > * {
279
+ /* @apply mx-auto max-w-2xl; */
280
+ }
281
+ & > iframe {
282
+ display: block
283
+ }
284
+ .selection {
285
+ display: inline
286
+ }
287
+ *::-moz-selection {
288
+ background-color: rgb(0 0 0 / 0.1)
289
+ }
290
+ .selection,
291
+ *::selection {
292
+ background-color: rgb(0 0 0 / 0.1)
293
+ }
294
+ *:is([data-theme="dark"] *)::-moz-selection {
295
+ background-color: rgb(255 255 255 / 0.2)
296
+ }
297
+ .selection:is([data-theme="dark"] *),
298
+ *:is([data-theme="dark"] *)::selection {
299
+ background-color: rgb(255 255 255 / 0.2)
300
+ }
301
+ & > .react-renderer {
302
+ margin-top: 3rem;
303
+ margin-bottom: 3rem
304
+ }
305
+ & > .react-renderer:first-child {
306
+ margin-top: 0px
307
+ }
308
+ & > .react-renderer:last-child {
309
+ margin-bottom: 0px
310
+ }
311
+ &.resize-cursor {
312
+ cursor: col-resize
313
+ }
314
+ .ProseMirror-gapcursor {
315
+ position: relative
316
+ }
317
+ .ProseMirror-gapcursor {
318
+ margin-left: auto;
319
+ margin-right: auto
320
+ }
321
+ .ProseMirror-gapcursor {
322
+ width: 100%
323
+ }
324
+ .ProseMirror-gapcursor {
325
+ /* max-w-2xl */
326
+ &:after {
327
+ top: -1.5em
328
+ }
329
+ &:after {
330
+ left: 0px
331
+ }
332
+ &:after {
333
+ right: 0px
334
+ }
335
+ &:after {
336
+ margin-left: auto;
337
+ margin-right: auto
338
+ }
339
+ &:after {
340
+ width: 100%
341
+ }
342
+ &:after {
343
+ border-top-color: rgb(0 0 0 / 0.4)
344
+ }
345
+ &:is([data-theme="dark"] *):after {
346
+ border-top-color: rgb(255 255 255 / 0.4)
347
+ }
348
+ &:after {
349
+ /* max-w-2xl */
350
+ }
351
+ }
2314
352
  }
2315
353
 
2316
- .dark\:text-neutral-600:is([data-theme="dark"] *) {
2317
- --tw-text-opacity: 1;
2318
- color: rgb(82 82 82 / var(--tw-text-opacity));
354
+ [data-theme='slash-command'] {
355
+ width: 1000vw;
2319
356
  }
2320
357
 
2321
- .dark\:text-purple-400:is([data-theme="dark"] *) {
2322
- --tw-text-opacity: 1;
2323
- color: rgb(192 132 252 / var(--tw-text-opacity));
358
+ .spinner-animation {
359
+ animation: spinner 1.6s linear infinite;
360
+ animation-delay: -1.6s;
2324
361
  }
2325
362
 
2326
- .dark\:text-red-500:is([data-theme="dark"] *) {
2327
- --tw-text-opacity: 1;
2328
- color: rgb(239 68 68 / var(--tw-text-opacity));
363
+ .spinner-animation-secondary {
364
+ animation-delay: -1s;
2329
365
  }
2330
366
 
2331
- .dark\:text-white:is([data-theme="dark"] *) {
2332
- --tw-text-opacity: 1;
2333
- color: rgb(255 255 255 / var(--tw-text-opacity));
2334
- }
367
+ @keyframes spinner {
368
+ 12.5% {
369
+ x: 13px;
370
+ y: 1px;
371
+ }
2335
372
 
2336
- .dark\:text-white\/80:is([data-theme="dark"] *) {
2337
- color: rgb(255 255 255 / 0.8);
2338
- }
373
+ 25% {
374
+ x: 13px;
375
+ y: 1px;
376
+ }
2339
377
 
2340
- .dark\:caret-white:is([data-theme="dark"] *) {
2341
- caret-color: #fff;
2342
- }
378
+ 37.5% {
379
+ x: 13px;
380
+ y: 13px;
381
+ }
2343
382
 
2344
- .dark\:hover\:bg-neutral-200:hover:is([data-theme="dark"] *) {
2345
- --tw-bg-opacity: 1;
2346
- background-color: rgb(229 229 229 / var(--tw-bg-opacity));
2347
- }
383
+ 50% {
384
+ x: 13px;
385
+ y: 13px;
386
+ }
2348
387
 
2349
- .dark\:hover\:bg-neutral-700:hover:is([data-theme="dark"] *) {
2350
- --tw-bg-opacity: 1;
2351
- background-color: rgb(64 64 64 / var(--tw-bg-opacity));
2352
- }
388
+ 62.5% {
389
+ x: 1px;
390
+ y: 13px;
391
+ }
2353
392
 
2354
- .dark\:hover\:bg-neutral-800:hover:is([data-theme="dark"] *) {
2355
- --tw-bg-opacity: 1;
2356
- background-color: rgb(38 38 38 / var(--tw-bg-opacity));
2357
- }
393
+ 75% {
394
+ x: 1px;
395
+ y: 13px;
396
+ }
2358
397
 
2359
- .dark\:hover\:bg-neutral-900:hover:is([data-theme="dark"] *) {
2360
- --tw-bg-opacity: 1;
2361
- background-color: rgb(23 23 23 / var(--tw-bg-opacity));
398
+ 87.5% {
399
+ x: 1px;
400
+ y: 1px;
401
+ }
2362
402
  }
2363
403
 
2364
- .dark\:hover\:bg-red-500:hover:is([data-theme="dark"] *) {
2365
- --tw-bg-opacity: 1;
2366
- background-color: rgb(239 68 68 / var(--tw-bg-opacity));
404
+ .ProseMirror {
405
+ /* Image Block */
406
+ figure[data-type='imageBlock'] {
407
+ margin: 0px
408
+ }
409
+ figure[data-type='imageBlock'] {
410
+ img {
411
+ display: block
412
+ }
413
+ img {
414
+ width: 100%
415
+ }
416
+ img {
417
+ border-radius: 0.25rem
418
+ }
419
+ }
420
+ /* Block Quote */
421
+ figure[data-type='blockquoteFigure'] {
422
+ margin-top: 3.5rem;
423
+ margin-bottom: 3.5rem
424
+ }
425
+ figure[data-type='blockquoteFigure'] {
426
+ --tw-text-opacity: 1;
427
+ color: rgb(0 0 0 / var(--tw-text-opacity))
428
+ }
429
+ figure[data-type='blockquoteFigure']:is([data-theme="dark"] *) {
430
+ --tw-text-opacity: 1;
431
+ color: rgb(255 255 255 / var(--tw-text-opacity))
432
+ }
433
+ & > blockquote,
434
+ [data-type='blockquoteFigure'] {
435
+ blockquote {
436
+ margin: 0px
437
+ }
438
+ blockquote {
439
+ & > *:first-child {
440
+ margin-top: 0px
441
+ }
442
+ & > *:last-child {
443
+ margin-bottom: 0px
444
+ }
445
+ }
446
+ }
447
+ /* Columns */
448
+ [data-type='columns'] {
449
+ margin-top: 3.5rem
450
+ }
451
+ [data-type='columns'] {
452
+ margin-bottom: 3rem
453
+ }
454
+ [data-type='columns'] {
455
+ display: grid
456
+ }
457
+ [data-type='columns'] {
458
+ gap: 1rem
459
+ }
460
+ [data-type='columns'] {
461
+ &.layout-sidebar-left {
462
+ grid-template-columns: 40fr 60fr;
463
+ }
464
+ &.layout-sidebar-right {
465
+ grid-template-columns: 60fr 40fr;
466
+ }
467
+ &.layout-two-column {
468
+ grid-template-columns: 1fr 1fr;
469
+ }
470
+ }
471
+ [data-type='column'] {
472
+ overflow: auto
473
+ }
474
+ code {
475
+ border-radius: 0.125rem
476
+ }
477
+ code {
478
+ --tw-bg-opacity: 1;
479
+ background-color: rgb(23 23 23 / var(--tw-bg-opacity))
480
+ }
481
+ code {
482
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
483
+ }
484
+ code {
485
+ --tw-text-opacity: 1;
486
+ color: rgb(255 255 255 / var(--tw-text-opacity))
487
+ }
488
+ code {
489
+ caret-color: #fff
490
+ }
491
+ code {
492
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
493
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
494
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
495
+ }
496
+ code {
497
+ &::-moz-selection {
498
+ background-color: rgb(255 255 255 / 0.3)
499
+ }
500
+ &::selection {
501
+ background-color: rgb(255 255 255 / 0.3)
502
+ }
503
+ }
504
+ pre {
505
+ margin-top: 3rem;
506
+ margin-bottom: 3rem
507
+ }
508
+ pre {
509
+ border-radius: 0.25rem
510
+ }
511
+ pre {
512
+ border-width: 1px
513
+ }
514
+ pre {
515
+ --tw-border-opacity: 1;
516
+ border-color: rgb(0 0 0 / var(--tw-border-opacity))
517
+ }
518
+ pre {
519
+ --tw-bg-opacity: 1;
520
+ background-color: rgb(64 64 64 / var(--tw-bg-opacity))
521
+ }
522
+ pre {
523
+ padding: 1rem
524
+ }
525
+ pre {
526
+ --tw-text-opacity: 1;
527
+ color: rgb(255 255 255 / var(--tw-text-opacity))
528
+ }
529
+ pre {
530
+ caret-color: #fff
531
+ }
532
+ pre:is([data-theme="dark"] *) {
533
+ --tw-border-opacity: 1;
534
+ border-color: rgb(38 38 38 / var(--tw-border-opacity))
535
+ }
536
+ pre:is([data-theme="dark"] *) {
537
+ --tw-bg-opacity: 1;
538
+ background-color: rgb(23 23 23 / var(--tw-bg-opacity))
539
+ }
540
+ pre {
541
+ *::-moz-selection {
542
+ background-color: rgb(255 255 255 / 0.2)
543
+ }
544
+ *::selection {
545
+ background-color: rgb(255 255 255 / 0.2)
546
+ }
547
+ code {
548
+ background-color: inherit
549
+ }
550
+ code {
551
+ padding: 0px
552
+ }
553
+ code {
554
+ color: inherit
555
+ }
556
+ code {
557
+ --tw-shadow: 0 0 #0000;
558
+ --tw-shadow-colored: 0 0 #0000;
559
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
560
+ }
561
+ .hljs-comment,
562
+ .hljs-quote {
563
+ --tw-text-opacity: 1;
564
+ color: rgb(163 163 163 / var(--tw-text-opacity))
565
+ }
566
+ .hljs-variable,
567
+ .hljs-template-variable,
568
+ .hljs-attribute,
569
+ .hljs-tag,
570
+ .hljs-name,
571
+ .hljs-regexp,
572
+ .hljs-link,
573
+ .hljs-name,
574
+ .hljs-selector-id,
575
+ .hljs-selector-class {
576
+ --tw-text-opacity: 1;
577
+ color: rgb(252 165 165 / var(--tw-text-opacity))
578
+ }
579
+ .hljs-number,
580
+ .hljs-meta,
581
+ .hljs-built_in,
582
+ .hljs-builtin-name,
583
+ .hljs-literal,
584
+ .hljs-type,
585
+ .hljs-params {
586
+ --tw-text-opacity: 1;
587
+ color: rgb(253 186 116 / var(--tw-text-opacity))
588
+ }
589
+ .hljs-string,
590
+ .hljs-symbol,
591
+ .hljs-bullet {
592
+ --tw-text-opacity: 1;
593
+ color: rgb(190 242 100 / var(--tw-text-opacity))
594
+ }
595
+ .hljs-title,
596
+ .hljs-section {
597
+ --tw-text-opacity: 1;
598
+ color: rgb(253 224 71 / var(--tw-text-opacity))
599
+ }
600
+ .hljs-keyword,
601
+ .hljs-selector-tag {
602
+ --tw-text-opacity: 1;
603
+ color: rgb(94 234 212 / var(--tw-text-opacity))
604
+ }
605
+ .hljs-emphasis {
606
+ font-style: italic;
607
+ }
608
+ .hljs-strong {
609
+ font-weight: 700;
610
+ }
611
+ }
612
+ .collaboration-cursor {
613
+ &__caret {
614
+ pointer-events: none
615
+ }
616
+ &__caret {
617
+ position: relative
618
+ }
619
+ &__caret {
620
+ margin-left: -1px
621
+ }
622
+ &__caret {
623
+ margin-right: -1px
624
+ }
625
+ &__caret {
626
+ overflow-wrap: normal;
627
+ word-break: normal
628
+ }
629
+ &__caret {
630
+ border-right-width: 1px
631
+ }
632
+ &__caret {
633
+ border-left-width: 1px
634
+ }
635
+ &__caret {
636
+ --tw-border-opacity: 1;
637
+ border-color: rgb(0 0 0 / var(--tw-border-opacity))
638
+ }
639
+ &__label {
640
+ position: absolute
641
+ }
642
+ &__label {
643
+ left: -1px
644
+ }
645
+ &__label {
646
+ top: -1.4em
647
+ }
648
+ &__label {
649
+ -webkit-user-select: none;
650
+ -moz-user-select: none;
651
+ user-select: none
652
+ }
653
+ &__label {
654
+ white-space: nowrap
655
+ }
656
+ &__label {
657
+ border-radius: 0.25rem
658
+ }
659
+ &__label {
660
+ border-top-left-radius: 0px
661
+ }
662
+ &__label {
663
+ padding-top: 0.125rem;
664
+ padding-bottom: 0.125rem
665
+ }
666
+ &__label {
667
+ padding-left: 0.375rem;
668
+ padding-right: 0.375rem
669
+ }
670
+ &__label {
671
+ font-size: 0.75rem;
672
+ line-height: 1rem
673
+ }
674
+ &__label {
675
+ font-weight: 600
676
+ }
677
+ &__label {
678
+ line-height: 1
679
+ }
680
+ &__label {
681
+ --tw-text-opacity: 1;
682
+ color: rgb(0 0 0 / var(--tw-text-opacity))
683
+ }
684
+ }
685
+ ol {
686
+ list-style-type: decimal
687
+ }
688
+ ul {
689
+ list-style-type: disc
690
+ }
691
+ ul,
692
+ ol {
693
+ margin-top: 1.5rem;
694
+ margin-bottom: 1.5rem
695
+ }
696
+ ul,
697
+ ol {
698
+ padding-top: 0px;
699
+ padding-bottom: 0px
700
+ }
701
+ ul,
702
+ ol {
703
+ padding-left: 2rem;
704
+ padding-right: 2rem
705
+ }
706
+ ul:first-child,
707
+ ol:first-child {
708
+ margin-top: 0px
709
+ }
710
+ ul:last-child,
711
+ ol:last-child {
712
+ margin-bottom: 0px
713
+ }
714
+ ul,
715
+ ol {
716
+ ul,
717
+ ol,
718
+ li {
719
+ margin-top: 0.25rem;
720
+ margin-bottom: 0.25rem
721
+ }
722
+ p {
723
+ margin-top: 0px
724
+ }
725
+ p {
726
+ margin-bottom: 0.25rem
727
+ }
728
+ }
729
+ & > ul,
730
+ & > ol {
731
+ margin-top: 2rem;
732
+ margin-bottom: 2rem
733
+ }
734
+ & > ul:first-child,
735
+ & > ol:first-child {
736
+ margin-top: 0px
737
+ }
738
+ & > ul:last-child,
739
+ & > ol:last-child {
740
+ margin-bottom: 0px
741
+ }
742
+ ul[data-type='taskList'] {
743
+ list-style-type: none
744
+ }
745
+ ul[data-type='taskList'] {
746
+ padding: 0px
747
+ }
748
+ ul[data-type='taskList'] {
749
+ p {
750
+ margin: 0px
751
+ }
752
+ li {
753
+ display: flex
754
+ }
755
+ li {
756
+ > label {
757
+ margin-top: 0.25rem
758
+ }
759
+ > label {
760
+ margin-right: 0.5rem
761
+ }
762
+ > label {
763
+ flex: 1 1 auto
764
+ }
765
+ > label {
766
+ flex-shrink: 0
767
+ }
768
+ > label {
769
+ flex-grow: 0
770
+ }
771
+ > label {
772
+ -webkit-user-select: none;
773
+ -moz-user-select: none;
774
+ user-select: none
775
+ }
776
+ > div {
777
+ flex: 1 1 auto
778
+ }
779
+ &[data-checked='true'] {
780
+ text-decoration-line: line-through
781
+ }
782
+ }
783
+ }
784
+ /* Placeholder Styles */
785
+ .is-empty::before {
786
+ pointer-events: none
787
+ }
788
+ .is-empty::before {
789
+ float: left
790
+ }
791
+ .is-empty::before {
792
+ height: 0px
793
+ }
794
+ .is-empty::before {
795
+ width: 100%
796
+ }
797
+ .is-empty::before {
798
+ color: rgb(0 0 0 / 0.4)
799
+ }
800
+ .is-empty:is([data-theme="dark"] *)::before {
801
+ color: rgb(255 255 255 / 0.4)
802
+ }
803
+ &.ProseMirror-focused {
804
+ /* Slashmenu Placeholder */
805
+ >p.has-focus.is-empty::before {
806
+ content: 'Type / to browse options';
807
+ }
808
+ >[data-type='columns']>[data-type='column']>p.is-empty.has-focus::before {
809
+ content: 'Type / to browse options';
810
+ }
811
+ >[dir='rtl']>p.has-focus.is-empty::before {
812
+ text-align: right;
813
+ }
814
+ }
815
+ /* Default Placeholder */
816
+ &>.is-editor-empty::before {
817
+ content: 'Click here to start writing …';
818
+ }
819
+ /* Blockquote Placeholder */
820
+ blockquote .is-empty:not(.is-editor-empty):first-child:last-child::before {
821
+ content: 'Enter a quote';
822
+ }
823
+ blockquote+figcaption.is-empty:not(.is-editor-empty)::before {
824
+ content: 'Author';
825
+ }
826
+ [data-placeholder][data-suggestion]::before,
827
+ [data-placeholder][data-suggestion] *::before {
828
+ content: none !important;
829
+ }
2367
830
  }
2368
831
 
2369
- .dark\:hover\:bg-white\/10:hover:is([data-theme="dark"] *) {
2370
- background-color: rgb(255 255 255 / 0.1);
2371
- }
832
+ /* Additional languages EN*/
2372
833
 
2373
- .dark\:hover\:bg-white\/20:hover:is([data-theme="dark"] *) {
2374
- background-color: rgb(255 255 255 / 0.2);
834
+ .ProseMirror:lang(en) {
835
+ /* Placeholder Styles */
836
+ .is-empty::before {
837
+ content: 'Click here to start writing …';
838
+ }
839
+ &:lang(ar)>p.has-focus.is-empty::before {
840
+ content: 'Type / to browse options';
841
+ }
2375
842
  }
2376
843
 
2377
- .dark\:hover\:bg-opacity-20:hover:is([data-theme="dark"] *) {
2378
- --tw-bg-opacity: 0.2;
2379
- }
844
+ /* Additional languages AR*/
2380
845
 
2381
- .dark\:hover\:text-neutral-200:hover:is([data-theme="dark"] *) {
2382
- --tw-text-opacity: 1;
2383
- color: rgb(229 229 229 / var(--tw-text-opacity));
846
+ .ProseMirror:lang(ar) {
847
+ /* Placeholder Styles */
848
+ .is-empty::before {
849
+ content: 'انقر هنا للبدء في الكتابة…';
850
+ }
851
+ &:lang(ar)>p.has-focus.is-empty::before {
852
+ content: 'اكتب / لاستعراض الخيارات';
853
+ }
2384
854
  }
2385
855
 
2386
- .dark\:hover\:text-neutral-300:hover:is([data-theme="dark"] *) {
2387
- --tw-text-opacity: 1;
2388
- color: rgb(212 212 212 / var(--tw-text-opacity));
2389
- }
856
+ /* Additional languages FA*/
2390
857
 
2391
- .dark\:hover\:text-purple-200:hover:is([data-theme="dark"] *) {
2392
- --tw-text-opacity: 1;
2393
- color: rgb(233 213 255 / var(--tw-text-opacity));
858
+ .ProseMirror:lang(fa) {
859
+ /* Placeholder Styles */
860
+ .is-empty::before {
861
+ content: 'برای شروع نوشتن اینجا کلیک کنید…';
862
+ }
863
+ &:lang(ar)>p.has-focus.is-empty::before {
864
+ content: 'برای مرور گزینه ها، / را تایپ کنید';
865
+ }
2394
866
  }
2395
867
 
2396
- .dark\:hover\:text-purple-300:hover:is([data-theme="dark"] *) {
2397
- --tw-text-opacity: 1;
2398
- color: rgb(216 180 254 / var(--tw-text-opacity));
2399
- }
868
+ /* Additional languages FR*/
2400
869
 
2401
- .dark\:hover\:text-red-500:hover:is([data-theme="dark"] *) {
2402
- --tw-text-opacity: 1;
2403
- color: rgb(239 68 68 / var(--tw-text-opacity));
870
+ .ProseMirror:lang(fr) {
871
+ /* Placeholder Styles */
872
+ .is-empty::before {
873
+ content: 'Cliquez ici pour commencer à écrire…';
874
+ }
875
+ &:lang(ar)>p.has-focus.is-empty::before {
876
+ content: 'Tapez / pour parcourir les options';
877
+ }
2404
878
  }
2405
879
 
2406
- .dark\:focus\:outline-neutral-700:focus:is([data-theme="dark"] *) {
2407
- outline-color: #404040;
2408
- }
880
+ /* Additional languages ES*/
2409
881
 
2410
- .dark\:focus\:outline-white:focus:is([data-theme="dark"] *) {
2411
- outline-color: #fff;
882
+ .ProseMirror:lang(es) {
883
+ /* Placeholder Styles */
884
+ .is-empty::before {
885
+ content: 'Haz clic aquí para empezar a escribir…';
886
+ }
887
+ >p.has-focus.is-empty::before {
888
+ content: 'Escriba / para buscar opciones';
889
+ }
2412
890
  }
2413
891
 
2414
- .dark\:active\:bg-neutral-300:active:is([data-theme="dark"] *) {
2415
- --tw-bg-opacity: 1;
2416
- background-color: rgb(212 212 212 / var(--tw-bg-opacity));
2417
- }
892
+ /* Additional languages RU*/
2418
893
 
2419
- .dark\:active\:bg-neutral-700:active:is([data-theme="dark"] *) {
2420
- --tw-bg-opacity: 1;
2421
- background-color: rgb(64 64 64 / var(--tw-bg-opacity));
894
+ .ProseMirror:lang(ru) {
895
+ /* Placeholder Styles */
896
+ .is-empty::before {
897
+ content: 'Нажмите здесь, чтобы начать писать…';
898
+ }
899
+ >p.has-focus.is-empty::before {
900
+ content: 'Введите / для просмотра вариантов';
901
+ }
2422
902
  }
2423
903
 
2424
- .dark\:active\:bg-neutral-800:active:is([data-theme="dark"] *) {
2425
- --tw-bg-opacity: 1;
2426
- background-color: rgb(38 38 38 / var(--tw-bg-opacity));
2427
- }
904
+ /* Additional languages TR*/
2428
905
 
2429
- .dark\:active\:text-neutral-200:active:is([data-theme="dark"] *) {
2430
- --tw-text-opacity: 1;
2431
- color: rgb(229 229 229 / var(--tw-text-opacity));
906
+ .ProseMirror:lang(tr) {
907
+ /* Placeholder Styles */
908
+ .is-empty::before {
909
+ content: 'Seçenekleri göz atmak için / yazın…';
910
+ }
911
+ >p.has-focus.is-empty::before {
912
+ content: 'Seçenekleri gözden geçirmek için / tuşlayın';
913
+ }
2432
914
  }
2433
915
 
2434
- .dark\:active\:text-purple-400:active:is([data-theme="dark"] *) {
2435
- --tw-text-opacity: 1;
2436
- color: rgb(192 132 252 / var(--tw-text-opacity));
2437
- }
916
+ /* Additional languages DE*/
2438
917
 
2439
- .dark\:active\:outline-white:active:is([data-theme="dark"] *) {
2440
- outline-color: #fff;
918
+ .ProseMirror:lang(de) {
919
+ /* Placeholder Styles */
920
+ .is-empty::before {
921
+ content: 'Klicken Sie hier, um mit dem Schreiben zu beginnen…';
922
+ }
923
+ >p.has-focus.is-empty::before {
924
+ content: 'Tippen Sie / ein, um Optionen zu durchsuchen';
925
+ }
2441
926
  }
2442
927
 
2443
- @media (min-width: 1024px) {
2444
- .lg\:relative {
2445
- position: relative;
928
+ .ProseMirror {
929
+ .tableWrapper {
930
+ margin-top: 3rem;
931
+ margin-bottom: 3rem
2446
932
  }
2447
-
2448
- .lg\:h-auto {
2449
- height: auto;
933
+ table {
934
+ box-sizing: border-box
2450
935
  }
2451
-
2452
- .lg\:bg-white\/30 {
2453
- background-color: rgb(255 255 255 / 0.3);
936
+ table {
937
+ width: 100%
2454
938
  }
2455
-
2456
- .lg\:backdrop-blur-xl {
2457
- --tw-backdrop-blur: blur(24px);
2458
- -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);
2459
- 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);
939
+ table {
940
+ border-collapse: collapse
2460
941
  }
2461
-
2462
- .lg\:dark\:bg-black\/30:is([data-theme="dark"] *) {
2463
- background-color: rgb(0 0 0 / 0.3);
942
+ table {
943
+ border-radius: 0.25rem
944
+ }
945
+ table {
946
+ border-color: rgb(0 0 0 / 0.1)
947
+ }
948
+ table:is([data-theme="dark"] *) {
949
+ border-color: rgb(255 255 255 / 0.2)
950
+ }
951
+ table {
952
+ td,
953
+ th {
954
+ position: relative
955
+ }
956
+ td,
957
+ th {
958
+ min-width: 100px
959
+ }
960
+ td,
961
+ th {
962
+ border-width: 1px
963
+ }
964
+ td,
965
+ th {
966
+ border-color: rgb(0 0 0 / 0.1)
967
+ }
968
+ td,
969
+ th {
970
+ padding: 0.5rem
971
+ }
972
+ td,
973
+ th {
974
+ text-align: left
975
+ }
976
+ td,
977
+ th {
978
+ vertical-align: top
979
+ }
980
+ td:is([data-theme="dark"] *),
981
+ th:is([data-theme="dark"] *) {
982
+ border-color: rgb(255 255 255 / 0.2)
983
+ }
984
+ td,
985
+ th {
986
+ &:first-of-type:not(a) {
987
+ margin-top: 0px
988
+ }
989
+ p {
990
+ margin: 0px
991
+ }
992
+ p {
993
+ & + p {
994
+ margin-top: 0.75rem
995
+ }
996
+ }
997
+ }
998
+ th {
999
+ font-weight: 700
1000
+ }
1001
+ .column-resize-handle {
1002
+ pointer-events: none
1003
+ }
1004
+ .column-resize-handle {
1005
+ position: absolute
1006
+ }
1007
+ .column-resize-handle {
1008
+ bottom: -2px
1009
+ }
1010
+ .column-resize-handle {
1011
+ right: -0.25rem
1012
+ }
1013
+ .column-resize-handle {
1014
+ top: 0px
1015
+ }
1016
+ .column-resize-handle {
1017
+ display: flex
1018
+ }
1019
+ .column-resize-handle {
1020
+ width: 0.5rem
1021
+ }
1022
+ .column-resize-handle {
1023
+ &::before {
1024
+ margin-left: 0.5rem
1025
+ }
1026
+ &::before {
1027
+ height: 100%
1028
+ }
1029
+ &::before {
1030
+ width: 1px
1031
+ }
1032
+ &::before {
1033
+ background-color: rgb(0 0 0 / 0.2)
1034
+ }
1035
+ &:is([data-theme="dark"] *)::before {
1036
+ background-color: rgb(255 255 255 / 0.2)
1037
+ }
1038
+ &::before {
1039
+ content: '';
1040
+ }
1041
+ }
1042
+ .selectedCell {
1043
+ border-style: double
1044
+ }
1045
+ .selectedCell {
1046
+ border-color: rgb(0 0 0 / 0.2)
1047
+ }
1048
+ .selectedCell {
1049
+ background-color: rgb(0 0 0 / 0.05)
1050
+ }
1051
+ .selectedCell:is([data-theme="dark"] *) {
1052
+ border-color: rgb(255 255 255 / 0.2)
1053
+ }
1054
+ .selectedCell:is([data-theme="dark"] *) {
1055
+ background-color: rgb(255 255 255 / 0.1)
1056
+ }
1057
+ .grip-column,
1058
+ .grip-row {
1059
+ position: absolute
1060
+ }
1061
+ .grip-column,
1062
+ .grip-row {
1063
+ z-index: 10
1064
+ }
1065
+ .grip-column,
1066
+ .grip-row {
1067
+ display: flex
1068
+ }
1069
+ .grip-column,
1070
+ .grip-row {
1071
+ cursor: pointer
1072
+ }
1073
+ .grip-column,
1074
+ .grip-row {
1075
+ align-items: center
1076
+ }
1077
+ .grip-column,
1078
+ .grip-row {
1079
+ justify-content: center
1080
+ }
1081
+ .grip-column,
1082
+ .grip-row {
1083
+ background-color: rgb(0 0 0 / 0.05)
1084
+ }
1085
+ .grip-column:is([data-theme="dark"] *),
1086
+ .grip-row:is([data-theme="dark"] *) {
1087
+ background-color: rgb(255 255 255 / 0.1)
1088
+ }
1089
+ .grip-column {
1090
+ left: 0px
1091
+ }
1092
+ .grip-column {
1093
+ top: -0.75rem
1094
+ }
1095
+ .grip-column {
1096
+ margin-left: -1px
1097
+ }
1098
+ .grip-column {
1099
+ height: 0.75rem
1100
+ }
1101
+ .grip-column {
1102
+ width: calc(100% + 1px)
1103
+ }
1104
+ .grip-column {
1105
+ border-left-width: 1px
1106
+ }
1107
+ .grip-column {
1108
+ border-color: rgb(0 0 0 / 0.2)
1109
+ }
1110
+ .grip-column:is([data-theme="dark"] *) {
1111
+ border-color: rgb(255 255 255 / 0.2)
1112
+ }
1113
+ .grip-column {
1114
+ &:hover,
1115
+ &.selected {
1116
+ &::before {
1117
+ content: '';
1118
+ }
1119
+ &::before {
1120
+ width: 0.625rem
1121
+ }
1122
+ }
1123
+ &:hover {
1124
+ background-color: rgb(0 0 0 / 0.1)
1125
+ }
1126
+ &:hover:is([data-theme="dark"] *) {
1127
+ background-color: rgb(255 255 255 / 0.2)
1128
+ }
1129
+ &:hover {
1130
+ &::before {
1131
+ border-bottom-width: 2px
1132
+ }
1133
+ &::before {
1134
+ border-style: dotted
1135
+ }
1136
+ &::before {
1137
+ border-color: rgb(0 0 0 / 0.6)
1138
+ }
1139
+ &:is([data-theme="dark"] *)::before {
1140
+ border-color: rgb(255 255 255 / 0.6)
1141
+ }
1142
+ }
1143
+ &.first {
1144
+ border-top-left-radius: 0.125rem
1145
+ }
1146
+ &.first {
1147
+ border-color: transparent
1148
+ }
1149
+ &.last {
1150
+ border-top-right-radius: 0.125rem
1151
+ }
1152
+ &.selected {
1153
+ border-color: rgb(0 0 0 / 0.3)
1154
+ }
1155
+ &.selected {
1156
+ background-color: rgb(0 0 0 / 0.3)
1157
+ }
1158
+ &.selected {
1159
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1160
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1161
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
1162
+ }
1163
+ &.selected:is([data-theme="dark"] *) {
1164
+ border-color: rgb(255 255 255 / 0.3)
1165
+ }
1166
+ &.selected:is([data-theme="dark"] *) {
1167
+ background-color: rgb(255 255 255 / 0.3)
1168
+ }
1169
+ &.selected {
1170
+ &::before {
1171
+ border-bottom-width: 2px
1172
+ }
1173
+ &::before {
1174
+ border-style: dotted
1175
+ }
1176
+ }
1177
+ }
1178
+ .grip-row {
1179
+ left: -0.75rem
1180
+ }
1181
+ .grip-row {
1182
+ top: 0px
1183
+ }
1184
+ .grip-row {
1185
+ margin-top: -1px
1186
+ }
1187
+ .grip-row {
1188
+ height: calc(100% + 1px)
1189
+ }
1190
+ .grip-row {
1191
+ width: 0.75rem
1192
+ }
1193
+ .grip-row {
1194
+ border-top-width: 1px
1195
+ }
1196
+ .grip-row {
1197
+ border-color: rgb(0 0 0 / 0.2)
1198
+ }
1199
+ .grip-row:is([data-theme="dark"] *) {
1200
+ border-color: rgb(255 255 255 / 0.2)
1201
+ }
1202
+ .grip-row {
1203
+ &:hover,
1204
+ &.selected {
1205
+ &::before {
1206
+ height: 0.625rem
1207
+ }
1208
+ &::before {
1209
+ content: '';
1210
+ }
1211
+ }
1212
+ &:hover {
1213
+ background-color: rgb(0 0 0 / 0.1)
1214
+ }
1215
+ &:hover:is([data-theme="dark"] *) {
1216
+ background-color: rgb(255 255 255 / 0.2)
1217
+ }
1218
+ &:hover {
1219
+ &::before {
1220
+ border-left-width: 2px
1221
+ }
1222
+ &::before {
1223
+ border-style: dotted
1224
+ }
1225
+ &::before {
1226
+ border-color: rgb(0 0 0 / 0.6)
1227
+ }
1228
+ &:is([data-theme="dark"] *)::before {
1229
+ border-color: rgb(255 255 255 / 0.6)
1230
+ }
1231
+ }
1232
+ &.first {
1233
+ border-top-left-radius: 0.125rem
1234
+ }
1235
+ &.first {
1236
+ border-color: transparent
1237
+ }
1238
+ &.last {
1239
+ border-bottom-left-radius: 0.125rem
1240
+ }
1241
+ &.selected {
1242
+ border-color: rgb(0 0 0 / 0.3)
1243
+ }
1244
+ &.selected {
1245
+ background-color: rgb(0 0 0 / 0.3)
1246
+ }
1247
+ &.selected {
1248
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1249
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1250
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
1251
+ }
1252
+ &.selected:is([data-theme="dark"] *) {
1253
+ border-color: rgb(255 255 255 / 0.3)
1254
+ }
1255
+ &.selected:is([data-theme="dark"] *) {
1256
+ background-color: rgb(255 255 255 / 0.3)
1257
+ }
1258
+ &.selected {
1259
+ &::before {
1260
+ border-left-width: 2px
1261
+ }
1262
+ &::before {
1263
+ border-style: dotted
1264
+ }
1265
+ }
1266
+ }
1267
+ }
1268
+ p {
1269
+ margin-top: 1.5rem;
1270
+ margin-bottom: 1.5rem
1271
+ }
1272
+ p {
1273
+ padding-bottom: 2rem
1274
+ }
1275
+ p {
1276
+ line-height: 1.625
1277
+ }
1278
+ p:first-child {
1279
+ margin-top: 0px
1280
+ }
1281
+ p:first-child {
1282
+ padding-bottom: 1.5rem
1283
+ }
1284
+ p:last-child {
1285
+ margin-bottom: 0px
1286
+ }
1287
+ & > p {
1288
+ margin-top: 1.5rem;
1289
+ margin-bottom: 1.5rem
1290
+ }
1291
+ & > p:first-child {
1292
+ margin-top: 0px
1293
+ }
1294
+ & > p:last-child {
1295
+ margin-bottom: 0px
1296
+ }
1297
+ h1 {
1298
+ font-size: 1.875rem;
1299
+ line-height: 2.25rem
1300
+ }
1301
+ h2 {
1302
+ font-size: 1.5rem;
1303
+ line-height: 2rem
1304
+ }
1305
+ h3 {
1306
+ font-size: 1.25rem;
1307
+ line-height: 1.75rem
1308
+ }
1309
+ h4 {
1310
+ font-size: 1.125rem;
1311
+ line-height: 1.75rem
1312
+ }
1313
+ h5 {
1314
+ font-size: 1rem;
1315
+ line-height: 1.5rem
1316
+ }
1317
+ h6 {
1318
+ font-size: 0.875rem;
1319
+ line-height: 1.25rem
1320
+ }
1321
+ h1,
1322
+ h2,
1323
+ h3,
1324
+ h4,
1325
+ h5,
1326
+ h6 {
1327
+ font-weight: 700
1328
+ }
1329
+ h1:first-child,
1330
+ h2:first-child,
1331
+ h3:first-child,
1332
+ h4:first-child,
1333
+ h5:first-child,
1334
+ h6:first-child {
1335
+ margin-top: 0px
1336
+ }
1337
+ h1:last-child,
1338
+ h2:last-child,
1339
+ h3:last-child,
1340
+ h4:last-child,
1341
+ h5:last-child,
1342
+ h6:last-child {
1343
+ margin-bottom: 0px
1344
+ }
1345
+ h1,
1346
+ h2,
1347
+ h3 {
1348
+ margin-top: 3rem
1349
+ }
1350
+ h4,
1351
+ h5,
1352
+ h6 {
1353
+ margin-top: 2rem
1354
+ }
1355
+ a.link {
1356
+ font-weight: 800
1357
+ }
1358
+ a.link {
1359
+ --tw-text-opacity: 1;
1360
+ color: rgb(59 130 246 / var(--tw-text-opacity))
1361
+ }
1362
+ a.link:is([data-theme="dark"] *) {
1363
+ --tw-text-opacity: 1;
1364
+ color: rgb(96 165 250 / var(--tw-text-opacity))
1365
+ }
1366
+ mark {
1367
+ border-radius: 0.125rem
1368
+ }
1369
+ mark {
1370
+ --tw-bg-opacity: 1;
1371
+ background-color: rgb(239 68 68 / var(--tw-bg-opacity))
1372
+ }
1373
+ mark {
1374
+ -webkit-box-decoration-break: clone;
1375
+ box-decoration-break: clone
1376
+ }
1377
+ mark {
1378
+ padding-top: 0.25rem;
1379
+ padding-bottom: 0.25rem
1380
+ }
1381
+ mark {
1382
+ padding-left: 0px;
1383
+ padding-right: 0px
1384
+ }
1385
+ mark {
1386
+ color: inherit
1387
+ }
1388
+ mark:is([data-theme="dark"] *) {
1389
+ --tw-bg-opacity: 1;
1390
+ background-color: rgb(248 113 113 / var(--tw-bg-opacity))
1391
+ }
1392
+ & img {
1393
+ height: auto
1394
+ }
1395
+ & img {
1396
+ width: 100%
1397
+ }
1398
+ & img {
1399
+ max-width: 100%
1400
+ }
1401
+ [data-type='horizontalRule'] {
1402
+ margin-top: 2rem;
1403
+ margin-bottom: 2rem
1404
+ }
1405
+ [data-type='horizontalRule'] {
1406
+ cursor: pointer
1407
+ }
1408
+ [data-type='horizontalRule'] {
1409
+ padding-top: 1rem;
1410
+ padding-bottom: 1rem
1411
+ }
1412
+ [data-type='horizontalRule'] {
1413
+ transition-property: all;
1414
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1415
+ transition-duration: 150ms
1416
+ }
1417
+ [data-type='horizontalRule'] {
1418
+ transition-duration: 100ms
1419
+ }
1420
+ [data-type='horizontalRule'] {
1421
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
1422
+ }
1423
+ [data-type='horizontalRule'] {
1424
+ animation-duration: 100ms
1425
+ }
1426
+ [data-type='horizontalRule'] {
1427
+ animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
1428
+ }
1429
+ [data-type='horizontalRule'] {
1430
+ &.ProseMirror-selectednode {
1431
+ background-color: rgb(0 0 0 / 0.05)
1432
+ }
1433
+ &.ProseMirror-selectednode:is([data-theme="dark"] *) {
1434
+ background-color: rgb(255 255 255 / 0.1)
1435
+ }
1436
+ &.ProseMirror-selectednode {
1437
+ hr {
1438
+ border-top-color: rgb(0 0 0 / 0.3)
1439
+ }
1440
+ hr:is([data-theme="dark"] *) {
1441
+ border-top-color: rgb(255 255 255 / 0.3)
1442
+ }
1443
+ }
1444
+ &:hover:not(&.ProseMirror-selectednode) {
1445
+ background-color: rgb(0 0 0 / 0.05)
1446
+ }
1447
+ &:hover:not(&.ProseMirror-selectednode):is([data-theme="dark"] *) {
1448
+ background-color: rgb(255 255 255 / 0.1)
1449
+ }
1450
+ hr {
1451
+ border-width: 0px
1452
+ }
1453
+ hr {
1454
+ border-top-width: 1px
1455
+ }
1456
+ hr {
1457
+ border-color: rgb(0 0 0 / 0.2)
1458
+ }
1459
+ hr {
1460
+ background-color: rgb(0 0 0 / 0.8)
1461
+ }
1462
+ hr:is([data-theme="dark"] *) {
1463
+ border-color: rgb(255 255 255 / 0.2)
1464
+ }
1465
+ hr:is([data-theme="dark"] *) {
1466
+ background-color: rgb(255 255 255 / 0.8)
1467
+ }
1468
+ }
1469
+ .ProseMirror p[dir='rtl'],
1470
+ .ProseMirror h1[dir='rtl'],
1471
+ .ProseMirror h2[dir='rtl'],
1472
+ .ProseMirror h3[dir='rtl'],
1473
+ .ProseMirror h4[dir='rtl'],
1474
+ .ProseMirror h5[dir='rtl'],
1475
+ .ProseMirror h6[dir='rtl'] {
1476
+ text-align: right;
1477
+ }
1478
+ .ProseMirror p[dir='ltr'],
1479
+ .ProseMirror h1[dir='ltr'],
1480
+ .ProseMirror h2[dir='ltr'],
1481
+ .ProseMirror h3[dir='ltr'],
1482
+ .ProseMirror h4[dir='ltr'],
1483
+ .ProseMirror h5[dir='ltr'],
1484
+ .ProseMirror h6[dir='ltr'] {
1485
+ text-align: left;
2464
1486
  }
2465
1487
  }