@manifest-editor/components 1.3.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -27,6 +27,620 @@
27
27
  max-width: 1536px;
28
28
  }
29
29
  }
30
+ .prose {
31
+ color: var(--tw-prose-body);
32
+ max-width: 65ch;
33
+ }
34
+ .prose :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
35
+ margin-top: 1.25em;
36
+ margin-bottom: 1.25em;
37
+ }
38
+ .prose :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
39
+ color: var(--tw-prose-lead);
40
+ font-size: 1.25em;
41
+ line-height: 1.6;
42
+ margin-top: 1.2em;
43
+ margin-bottom: 1.2em;
44
+ }
45
+ .prose :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
46
+ color: var(--tw-prose-links);
47
+ text-decoration: underline;
48
+ font-weight: 500;
49
+ }
50
+ .prose :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
51
+ color: var(--tw-prose-bold);
52
+ font-weight: 600;
53
+ }
54
+ .prose :where(a strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
55
+ color: inherit;
56
+ }
57
+ .prose :where(blockquote strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
58
+ color: inherit;
59
+ }
60
+ .prose :where(thead th strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
61
+ color: inherit;
62
+ }
63
+ .prose :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
64
+ list-style-type: decimal;
65
+ margin-top: 1.25em;
66
+ margin-bottom: 1.25em;
67
+ padding-inline-start: 1.625em;
68
+ }
69
+ .prose :where(ol[type=A]):not(:where([class~=not-prose], [class~=not-prose] *)) {
70
+ list-style-type: upper-alpha;
71
+ }
72
+ .prose :where(ol[type=a]):not(:where([class~=not-prose], [class~=not-prose] *)) {
73
+ list-style-type: lower-alpha;
74
+ }
75
+ .prose :where(ol[type=A s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
76
+ list-style-type: upper-alpha;
77
+ }
78
+ .prose :where(ol[type=a s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
79
+ list-style-type: lower-alpha;
80
+ }
81
+ .prose :where(ol[type=I]):not(:where([class~=not-prose], [class~=not-prose] *)) {
82
+ list-style-type: upper-roman;
83
+ }
84
+ .prose :where(ol[type=i]):not(:where([class~=not-prose], [class~=not-prose] *)) {
85
+ list-style-type: lower-roman;
86
+ }
87
+ .prose :where(ol[type=I s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
88
+ list-style-type: upper-roman;
89
+ }
90
+ .prose :where(ol[type=i s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
91
+ list-style-type: lower-roman;
92
+ }
93
+ .prose :where(ol[type="1"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
94
+ list-style-type: decimal;
95
+ }
96
+ .prose :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
97
+ list-style-type: disc;
98
+ margin-top: 1.25em;
99
+ margin-bottom: 1.25em;
100
+ padding-inline-start: 1.625em;
101
+ }
102
+ .prose :where(ol > li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
103
+ font-weight: 400;
104
+ color: var(--tw-prose-counters);
105
+ }
106
+ .prose :where(ul > li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
107
+ color: var(--tw-prose-bullets);
108
+ }
109
+ .prose :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
110
+ color: var(--tw-prose-headings);
111
+ font-weight: 600;
112
+ margin-top: 1.25em;
113
+ }
114
+ .prose :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
115
+ border-color: var(--tw-prose-hr);
116
+ border-top-width: 1px;
117
+ margin-top: 3em;
118
+ margin-bottom: 3em;
119
+ }
120
+ .prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
121
+ font-weight: 500;
122
+ font-style: italic;
123
+ color: var(--tw-prose-quotes);
124
+ border-inline-start-width: 0.25rem;
125
+ border-inline-start-color: var(--tw-prose-quote-borders);
126
+ quotes: "\201c""\201d""\2018""\2019";
127
+ margin-top: 1.6em;
128
+ margin-bottom: 1.6em;
129
+ padding-inline-start: 1em;
130
+ }
131
+ .prose :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *))::before {
132
+ content: open-quote;
133
+ }
134
+ .prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *))::after {
135
+ content: close-quote;
136
+ }
137
+ .prose :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
138
+ color: var(--tw-prose-headings);
139
+ font-weight: 800;
140
+ font-size: 2.25em;
141
+ margin-top: 0;
142
+ margin-bottom: 0.8888889em;
143
+ line-height: 1.1111111;
144
+ }
145
+ .prose :where(h1 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
146
+ font-weight: 900;
147
+ color: inherit;
148
+ }
149
+ .prose :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
150
+ color: var(--tw-prose-headings);
151
+ font-weight: 700;
152
+ font-size: 1.5em;
153
+ margin-top: 2em;
154
+ margin-bottom: 1em;
155
+ line-height: 1.3333333;
156
+ }
157
+ .prose :where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
158
+ font-weight: 800;
159
+ color: inherit;
160
+ }
161
+ .prose :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
162
+ color: var(--tw-prose-headings);
163
+ font-weight: 600;
164
+ font-size: 1.25em;
165
+ margin-top: 1.6em;
166
+ margin-bottom: 0.6em;
167
+ line-height: 1.6;
168
+ }
169
+ .prose :where(h3 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
170
+ font-weight: 700;
171
+ color: inherit;
172
+ }
173
+ .prose :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
174
+ color: var(--tw-prose-headings);
175
+ font-weight: 600;
176
+ margin-top: 1.5em;
177
+ margin-bottom: 0.5em;
178
+ line-height: 1.5;
179
+ }
180
+ .prose :where(h4 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
181
+ font-weight: 700;
182
+ color: inherit;
183
+ }
184
+ .prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
185
+ margin-top: 2em;
186
+ margin-bottom: 2em;
187
+ }
188
+ .prose :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
189
+ display: block;
190
+ margin-top: 2em;
191
+ margin-bottom: 2em;
192
+ }
193
+ .prose :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
194
+ margin-top: 2em;
195
+ margin-bottom: 2em;
196
+ }
197
+ .prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
198
+ font-weight: 500;
199
+ font-family: inherit;
200
+ color: var(--tw-prose-kbd);
201
+ box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
202
+ font-size: 0.875em;
203
+ border-radius: 0.3125rem;
204
+ padding-top: 0.1875em;
205
+ padding-inline-end: 0.375em;
206
+ padding-bottom: 0.1875em;
207
+ padding-inline-start: 0.375em;
208
+ }
209
+ .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
210
+ color: var(--tw-prose-code);
211
+ font-weight: 600;
212
+ font-size: 0.875em;
213
+ }
214
+ .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *))::before {
215
+ content: "`";
216
+ }
217
+ .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *))::after {
218
+ content: "`";
219
+ }
220
+ .prose :where(a code):not(:where([class~=not-prose], [class~=not-prose] *)) {
221
+ color: inherit;
222
+ }
223
+ .prose :where(h1 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
224
+ color: inherit;
225
+ }
226
+ .prose :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
227
+ color: inherit;
228
+ font-size: 0.875em;
229
+ }
230
+ .prose :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
231
+ color: inherit;
232
+ font-size: 0.9em;
233
+ }
234
+ .prose :where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
235
+ color: inherit;
236
+ }
237
+ .prose :where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)) {
238
+ color: inherit;
239
+ }
240
+ .prose :where(thead th code):not(:where([class~=not-prose], [class~=not-prose] *)) {
241
+ color: inherit;
242
+ }
243
+ .prose :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
244
+ color: var(--tw-prose-pre-code);
245
+ background-color: var(--tw-prose-pre-bg);
246
+ overflow-x: auto;
247
+ font-weight: 400;
248
+ font-size: 0.875em;
249
+ line-height: 1.7142857;
250
+ margin-top: 1.7142857em;
251
+ margin-bottom: 1.7142857em;
252
+ border-radius: 0.375rem;
253
+ padding-top: 0.8571429em;
254
+ padding-inline-end: 1.1428571em;
255
+ padding-bottom: 0.8571429em;
256
+ padding-inline-start: 1.1428571em;
257
+ }
258
+ .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) {
259
+ background-color: transparent;
260
+ border-width: 0;
261
+ border-radius: 0;
262
+ padding: 0;
263
+ font-weight: inherit;
264
+ color: inherit;
265
+ font-size: inherit;
266
+ font-family: inherit;
267
+ line-height: inherit;
268
+ }
269
+ .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *))::before {
270
+ content: none;
271
+ }
272
+ .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *))::after {
273
+ content: none;
274
+ }
275
+ .prose :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
276
+ width: 100%;
277
+ table-layout: auto;
278
+ text-align: start;
279
+ margin-top: 2em;
280
+ margin-bottom: 2em;
281
+ font-size: 0.875em;
282
+ line-height: 1.7142857;
283
+ }
284
+ .prose :where(thead):not(:where([class~=not-prose], [class~=not-prose] *)) {
285
+ border-bottom-width: 1px;
286
+ border-bottom-color: var(--tw-prose-th-borders);
287
+ }
288
+ .prose :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
289
+ color: var(--tw-prose-headings);
290
+ font-weight: 600;
291
+ vertical-align: bottom;
292
+ padding-inline-end: 0.5714286em;
293
+ padding-bottom: 0.5714286em;
294
+ padding-inline-start: 0.5714286em;
295
+ }
296
+ .prose :where(tbody tr):not(:where([class~=not-prose], [class~=not-prose] *)) {
297
+ border-bottom-width: 1px;
298
+ border-bottom-color: var(--tw-prose-td-borders);
299
+ }
300
+ .prose :where(tbody tr:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
301
+ border-bottom-width: 0;
302
+ }
303
+ .prose :where(tbody td):not(:where([class~=not-prose], [class~=not-prose] *)) {
304
+ vertical-align: baseline;
305
+ }
306
+ .prose :where(tfoot):not(:where([class~=not-prose], [class~=not-prose] *)) {
307
+ border-top-width: 1px;
308
+ border-top-color: var(--tw-prose-th-borders);
309
+ }
310
+ .prose :where(tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
311
+ vertical-align: top;
312
+ }
313
+ .prose :where(figure > *):not(:where([class~=not-prose], [class~=not-prose] *)) {
314
+ margin-top: 0;
315
+ margin-bottom: 0;
316
+ }
317
+ .prose :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
318
+ color: var(--tw-prose-captions);
319
+ font-size: 0.875em;
320
+ line-height: 1.4285714;
321
+ margin-top: 0.8571429em;
322
+ }
323
+ .prose {
324
+ --tw-prose-body: #374151;
325
+ --tw-prose-headings: #111827;
326
+ --tw-prose-lead: #4b5563;
327
+ --tw-prose-links: #111827;
328
+ --tw-prose-bold: #111827;
329
+ --tw-prose-counters: #6b7280;
330
+ --tw-prose-bullets: #d1d5db;
331
+ --tw-prose-hr: #e5e7eb;
332
+ --tw-prose-quotes: #111827;
333
+ --tw-prose-quote-borders: #e5e7eb;
334
+ --tw-prose-captions: #6b7280;
335
+ --tw-prose-kbd: #111827;
336
+ --tw-prose-kbd-shadows: 17 24 39;
337
+ --tw-prose-code: #111827;
338
+ --tw-prose-pre-code: #e5e7eb;
339
+ --tw-prose-pre-bg: #1f2937;
340
+ --tw-prose-th-borders: #d1d5db;
341
+ --tw-prose-td-borders: #e5e7eb;
342
+ --tw-prose-invert-body: #d1d5db;
343
+ --tw-prose-invert-headings: #fff;
344
+ --tw-prose-invert-lead: #9ca3af;
345
+ --tw-prose-invert-links: #fff;
346
+ --tw-prose-invert-bold: #fff;
347
+ --tw-prose-invert-counters: #9ca3af;
348
+ --tw-prose-invert-bullets: #4b5563;
349
+ --tw-prose-invert-hr: #374151;
350
+ --tw-prose-invert-quotes: #f3f4f6;
351
+ --tw-prose-invert-quote-borders: #374151;
352
+ --tw-prose-invert-captions: #9ca3af;
353
+ --tw-prose-invert-kbd: #fff;
354
+ --tw-prose-invert-kbd-shadows: 255 255 255;
355
+ --tw-prose-invert-code: #fff;
356
+ --tw-prose-invert-pre-code: #d1d5db;
357
+ --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
358
+ --tw-prose-invert-th-borders: #4b5563;
359
+ --tw-prose-invert-td-borders: #374151;
360
+ font-size: 1rem;
361
+ line-height: 1.75;
362
+ }
363
+ .prose :where(picture > img):not(:where([class~=not-prose], [class~=not-prose] *)) {
364
+ margin-top: 0;
365
+ margin-bottom: 0;
366
+ }
367
+ .prose :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
368
+ margin-top: 0.5em;
369
+ margin-bottom: 0.5em;
370
+ }
371
+ .prose :where(ol > li):not(:where([class~=not-prose], [class~=not-prose] *)) {
372
+ padding-inline-start: 0.375em;
373
+ }
374
+ .prose :where(ul > li):not(:where([class~=not-prose], [class~=not-prose] *)) {
375
+ padding-inline-start: 0.375em;
376
+ }
377
+ .prose :where(.prose > ul > li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
378
+ margin-top: 0.75em;
379
+ margin-bottom: 0.75em;
380
+ }
381
+ .prose :where(.prose > ul > li > p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
382
+ margin-top: 1.25em;
383
+ }
384
+ .prose :where(.prose > ul > li > p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
385
+ margin-bottom: 1.25em;
386
+ }
387
+ .prose :where(.prose > ol > li > p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
388
+ margin-top: 1.25em;
389
+ }
390
+ .prose :where(.prose > ol > li > p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
391
+ margin-bottom: 1.25em;
392
+ }
393
+ .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
394
+ margin-top: 0.75em;
395
+ margin-bottom: 0.75em;
396
+ }
397
+ .prose :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
398
+ margin-top: 1.25em;
399
+ margin-bottom: 1.25em;
400
+ }
401
+ .prose :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
402
+ margin-top: 0.5em;
403
+ padding-inline-start: 1.625em;
404
+ }
405
+ .prose :where(hr + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
406
+ margin-top: 0;
407
+ }
408
+ .prose :where(h2 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
409
+ margin-top: 0;
410
+ }
411
+ .prose :where(h3 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
412
+ margin-top: 0;
413
+ }
414
+ .prose :where(h4 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
415
+ margin-top: 0;
416
+ }
417
+ .prose :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
418
+ padding-inline-start: 0;
419
+ }
420
+ .prose :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
421
+ padding-inline-end: 0;
422
+ }
423
+ .prose :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
424
+ padding-top: 0.5714286em;
425
+ padding-inline-end: 0.5714286em;
426
+ padding-bottom: 0.5714286em;
427
+ padding-inline-start: 0.5714286em;
428
+ }
429
+ .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
430
+ padding-inline-start: 0;
431
+ }
432
+ .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
433
+ padding-inline-end: 0;
434
+ }
435
+ .prose :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
436
+ margin-top: 2em;
437
+ margin-bottom: 2em;
438
+ }
439
+ .prose :where(.prose > :first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
440
+ margin-top: 0;
441
+ }
442
+ .prose :where(.prose > :last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
443
+ margin-bottom: 0;
444
+ }
445
+ .prose-sm {
446
+ font-size: 0.875rem;
447
+ line-height: 1.7142857;
448
+ }
449
+ .prose-sm :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
450
+ margin-top: 1.1428571em;
451
+ margin-bottom: 1.1428571em;
452
+ }
453
+ .prose-sm :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
454
+ font-size: 1.2857143em;
455
+ line-height: 1.5555556;
456
+ margin-top: 0.8888889em;
457
+ margin-bottom: 0.8888889em;
458
+ }
459
+ .prose-sm :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
460
+ margin-top: 1.3333333em;
461
+ margin-bottom: 1.3333333em;
462
+ padding-inline-start: 1.1111111em;
463
+ }
464
+ .prose-sm :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
465
+ font-size: 2.1428571em;
466
+ margin-top: 0;
467
+ margin-bottom: 0.8em;
468
+ line-height: 1.2;
469
+ }
470
+ .prose-sm :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
471
+ font-size: 1.4285714em;
472
+ margin-top: 1.6em;
473
+ margin-bottom: 0.8em;
474
+ line-height: 1.4;
475
+ }
476
+ .prose-sm :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
477
+ font-size: 1.2857143em;
478
+ margin-top: 1.5555556em;
479
+ margin-bottom: 0.4444444em;
480
+ line-height: 1.5555556;
481
+ }
482
+ .prose-sm :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
483
+ margin-top: 1.4285714em;
484
+ margin-bottom: 0.5714286em;
485
+ line-height: 1.4285714;
486
+ }
487
+ .prose-sm :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
488
+ margin-top: 1.7142857em;
489
+ margin-bottom: 1.7142857em;
490
+ }
491
+ .prose-sm :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
492
+ margin-top: 1.7142857em;
493
+ margin-bottom: 1.7142857em;
494
+ }
495
+ .prose-sm :where(picture > img):not(:where([class~=not-prose], [class~=not-prose] *)) {
496
+ margin-top: 0;
497
+ margin-bottom: 0;
498
+ }
499
+ .prose-sm :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
500
+ margin-top: 1.7142857em;
501
+ margin-bottom: 1.7142857em;
502
+ }
503
+ .prose-sm :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
504
+ font-size: 0.8571429em;
505
+ border-radius: 0.3125rem;
506
+ padding-top: 0.1428571em;
507
+ padding-inline-end: 0.3571429em;
508
+ padding-bottom: 0.1428571em;
509
+ padding-inline-start: 0.3571429em;
510
+ }
511
+ .prose-sm :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
512
+ font-size: 0.8571429em;
513
+ }
514
+ .prose-sm :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
515
+ font-size: 0.9em;
516
+ }
517
+ .prose-sm :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
518
+ font-size: 0.8888889em;
519
+ }
520
+ .prose-sm :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
521
+ font-size: 0.8571429em;
522
+ line-height: 1.6666667;
523
+ margin-top: 1.6666667em;
524
+ margin-bottom: 1.6666667em;
525
+ border-radius: 0.25rem;
526
+ padding-top: 0.6666667em;
527
+ padding-inline-end: 1em;
528
+ padding-bottom: 0.6666667em;
529
+ padding-inline-start: 1em;
530
+ }
531
+ .prose-sm :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
532
+ margin-top: 1.1428571em;
533
+ margin-bottom: 1.1428571em;
534
+ padding-inline-start: 1.5714286em;
535
+ }
536
+ .prose-sm :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
537
+ margin-top: 1.1428571em;
538
+ margin-bottom: 1.1428571em;
539
+ padding-inline-start: 1.5714286em;
540
+ }
541
+ .prose-sm :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
542
+ margin-top: 0.2857143em;
543
+ margin-bottom: 0.2857143em;
544
+ }
545
+ .prose-sm :where(ol > li):not(:where([class~=not-prose], [class~=not-prose] *)) {
546
+ padding-inline-start: 0.4285714em;
547
+ }
548
+ .prose-sm :where(ul > li):not(:where([class~=not-prose], [class~=not-prose] *)) {
549
+ padding-inline-start: 0.4285714em;
550
+ }
551
+ .prose-sm :where(.prose-sm > ul > li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
552
+ margin-top: 0.5714286em;
553
+ margin-bottom: 0.5714286em;
554
+ }
555
+ .prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
556
+ margin-top: 1.1428571em;
557
+ }
558
+ .prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
559
+ margin-bottom: 1.1428571em;
560
+ }
561
+ .prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
562
+ margin-top: 1.1428571em;
563
+ }
564
+ .prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
565
+ margin-bottom: 1.1428571em;
566
+ }
567
+ .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
568
+ margin-top: 0.5714286em;
569
+ margin-bottom: 0.5714286em;
570
+ }
571
+ .prose-sm :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
572
+ margin-top: 1.1428571em;
573
+ margin-bottom: 1.1428571em;
574
+ }
575
+ .prose-sm :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
576
+ margin-top: 1.1428571em;
577
+ }
578
+ .prose-sm :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
579
+ margin-top: 0.2857143em;
580
+ padding-inline-start: 1.5714286em;
581
+ }
582
+ .prose-sm :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
583
+ margin-top: 2.8571429em;
584
+ margin-bottom: 2.8571429em;
585
+ }
586
+ .prose-sm :where(hr + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
587
+ margin-top: 0;
588
+ }
589
+ .prose-sm :where(h2 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
590
+ margin-top: 0;
591
+ }
592
+ .prose-sm :where(h3 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
593
+ margin-top: 0;
594
+ }
595
+ .prose-sm :where(h4 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
596
+ margin-top: 0;
597
+ }
598
+ .prose-sm :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
599
+ font-size: 0.8571429em;
600
+ line-height: 1.5;
601
+ }
602
+ .prose-sm :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
603
+ padding-inline-end: 1em;
604
+ padding-bottom: 0.6666667em;
605
+ padding-inline-start: 1em;
606
+ }
607
+ .prose-sm :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
608
+ padding-inline-start: 0;
609
+ }
610
+ .prose-sm :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
611
+ padding-inline-end: 0;
612
+ }
613
+ .prose-sm :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
614
+ padding-top: 0.6666667em;
615
+ padding-inline-end: 1em;
616
+ padding-bottom: 0.6666667em;
617
+ padding-inline-start: 1em;
618
+ }
619
+ .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
620
+ padding-inline-start: 0;
621
+ }
622
+ .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
623
+ padding-inline-end: 0;
624
+ }
625
+ .prose-sm :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
626
+ margin-top: 1.7142857em;
627
+ margin-bottom: 1.7142857em;
628
+ }
629
+ .prose-sm :where(figure > *):not(:where([class~=not-prose], [class~=not-prose] *)) {
630
+ margin-top: 0;
631
+ margin-bottom: 0;
632
+ }
633
+ .prose-sm :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
634
+ font-size: 0.8571429em;
635
+ line-height: 1.3333333;
636
+ margin-top: 0.6666667em;
637
+ }
638
+ .prose-sm :where(.prose-sm > :first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
639
+ margin-top: 0;
640
+ }
641
+ .prose-sm :where(.prose-sm > :last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
642
+ margin-bottom: 0;
643
+ }
30
644
  .sr-only {
31
645
  position: absolute;
32
646
  width: 1px;
@@ -80,6 +694,9 @@
80
694
  .right-1 {
81
695
  right: 0.25rem;
82
696
  }
697
+ .right-3 {
698
+ right: 0.75rem;
699
+ }
83
700
  .start-12 {
84
701
  inset-inline-start: 3rem;
85
702
  }
@@ -89,6 +706,9 @@
89
706
  .top-1 {
90
707
  top: 0.25rem;
91
708
  }
709
+ .top-3 {
710
+ top: 0.75rem;
711
+ }
92
712
  .z-0 {
93
713
  z-index: 0;
94
714
  }
@@ -120,6 +740,10 @@
120
740
  margin-top: 1rem;
121
741
  margin-bottom: 1rem;
122
742
  }
743
+ .my-5 {
744
+ margin-top: 1.25rem;
745
+ margin-bottom: 1.25rem;
746
+ }
123
747
  .my-8 {
124
748
  margin-top: 2rem;
125
749
  margin-bottom: 2rem;
@@ -148,6 +772,12 @@
148
772
  .mt-1 {
149
773
  margin-top: 0.25rem;
150
774
  }
775
+ .line-clamp-2 {
776
+ overflow: hidden;
777
+ display: -webkit-box;
778
+ -webkit-box-orient: vertical;
779
+ -webkit-line-clamp: 2;
780
+ }
151
781
  .block {
152
782
  display: block;
153
783
  }
@@ -187,6 +817,9 @@
187
817
  .h-8 {
188
818
  height: 2rem;
189
819
  }
820
+ .h-96 {
821
+ height: 24rem;
822
+ }
190
823
  .h-\[23px\] {
191
824
  height: 23px;
192
825
  }
@@ -269,6 +902,10 @@
269
902
  .flex-shrink-0 {
270
903
  flex-shrink: 0;
271
904
  }
905
+ .-translate-y-1 {
906
+ --tw-translate-y: -0.25rem;
907
+ 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));
908
+ }
272
909
  .translate-x-3 {
273
910
  --tw-translate-x: 0.75rem;
274
911
  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));
@@ -357,6 +994,9 @@
357
994
  .gap-2 {
358
995
  gap: 0.5rem;
359
996
  }
997
+ .gap-3 {
998
+ gap: 0.75rem;
999
+ }
360
1000
  .gap-4 {
361
1001
  gap: 1rem;
362
1002
  }
@@ -465,6 +1105,10 @@
465
1105
  .border-transparent {
466
1106
  border-color: transparent;
467
1107
  }
1108
+ .border-b-gray-200 {
1109
+ --tw-border-opacity: 1;
1110
+ border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity));
1111
+ }
468
1112
  .border-b-me-gray-300 {
469
1113
  --tw-border-opacity: 1;
470
1114
  border-bottom-color: rgb(217 217 217 / var(--tw-border-opacity));
@@ -491,6 +1135,10 @@
491
1135
  --tw-bg-opacity: 1;
492
1136
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
493
1137
  }
1138
+ .bg-gray-200 {
1139
+ --tw-bg-opacity: 1;
1140
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1141
+ }
494
1142
  .bg-me-gray-100 {
495
1143
  --tw-bg-opacity: 1;
496
1144
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
@@ -596,6 +1244,9 @@
596
1244
  .pt-3 {
597
1245
  padding-top: 0.75rem;
598
1246
  }
1247
+ .text-left {
1248
+ text-align: left;
1249
+ }
599
1250
  .text-center {
600
1251
  text-align: center;
601
1252
  }
@@ -665,6 +1316,10 @@
665
1316
  --tw-text-opacity: 1;
666
1317
  color: rgb(107 114 128 / var(--tw-text-opacity));
667
1318
  }
1319
+ .text-gray-600 {
1320
+ --tw-text-opacity: 1;
1321
+ color: rgb(75 85 99 / var(--tw-text-opacity));
1322
+ }
668
1323
  .text-gray-900 {
669
1324
  --tw-text-opacity: 1;
670
1325
  color: rgb(17 24 39 / var(--tw-text-opacity));
@@ -694,6 +1349,9 @@
694
1349
  .opacity-50 {
695
1350
  opacity: 0.5;
696
1351
  }
1352
+ .opacity-70 {
1353
+ opacity: 0.7;
1354
+ }
697
1355
  .opacity-90 {
698
1356
  opacity: 0.9;
699
1357
  }
@@ -760,6 +1418,14 @@
760
1418
  --tw-ring-opacity: 1;
761
1419
  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
762
1420
  }
1421
+ .ring-me-gray-500 {
1422
+ --tw-ring-opacity: 1;
1423
+ --tw-ring-color: rgb(161 161 161 / var(--tw-ring-opacity));
1424
+ }
1425
+ .ring-me-primary-100 {
1426
+ --tw-ring-opacity: 1;
1427
+ --tw-ring-color: rgb(241 214 229 / var(--tw-ring-opacity));
1428
+ }
763
1429
  .ring-me-primary-500 {
764
1430
  --tw-ring-opacity: 1;
765
1431
  --tw-ring-color: rgb(184 76 116 / var(--tw-ring-opacity));
@@ -844,11 +1510,15 @@
844
1510
  --grid-item--min-width: 120px;
845
1511
  --total-gap-width: 1.5rem;
846
1512
  }
1513
+ div[data-floating-ui-portal] {
1514
+ z-index: 505;
1515
+ position: relative;
1516
+ }
847
1517
  .grid-lg,
848
1518
  .grid-md,
849
1519
  .grid-sm {
850
1520
  --gap-count: calc(var(--grid-column-count) - 1);
851
- --grid-item--max-width: calc( (100% - var(--total-gap-width)) / var(--grid-column-count) );
1521
+ --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
852
1522
  grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
853
1523
  }
854
1524
  .tab-shadow {
@@ -904,6 +1574,14 @@
904
1574
  #floating-ui {
905
1575
  z-index: 1000;
906
1576
  }
1577
+ div.mdxeditor-popup-container {
1578
+ position: relative;
1579
+ z-index: 1000;
1580
+ }
1581
+ div.mdxeditor-popup-container > *[role=dialog] {
1582
+ display: flex;
1583
+ flex-direction: column;
1584
+ }
907
1585
  .focus-within\:border-me-primary-500:focus-within {
908
1586
  --tw-border-opacity: 1;
909
1587
  border-color: rgb(184 76 116 / var(--tw-border-opacity));
@@ -999,6 +1677,14 @@
999
1677
  var(--tw-ring-shadow),
1000
1678
  var(--tw-shadow, 0 0 #0000);
1001
1679
  }
1680
+ .hover\:ring-2:hover {
1681
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1682
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1683
+ box-shadow:
1684
+ var(--tw-ring-offset-shadow),
1685
+ var(--tw-ring-shadow),
1686
+ var(--tw-shadow, 0 0 #0000);
1687
+ }
1002
1688
  .focus\:border-me-primary-500:focus {
1003
1689
  --tw-border-opacity: 1;
1004
1690
  border-color: rgb(184 76 116 / var(--tw-border-opacity));
@@ -1039,13 +1725,49 @@
1039
1725
  --tw-border-opacity: 1;
1040
1726
  border-color: rgb(137 44 78 / var(--tw-border-opacity));
1041
1727
  }
1728
+ .data-\[active\]\:border-b-me-primary-500[data-active] {
1729
+ --tw-border-opacity: 1;
1730
+ border-bottom-color: rgb(184 76 116 / var(--tw-border-opacity));
1731
+ }
1732
+ .data-\[active\]\:bg-gray-200[data-active] {
1733
+ --tw-bg-opacity: 1;
1734
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1735
+ }
1736
+ .data-\[selected\]\:bg-me-primary-100[data-selected] {
1737
+ --tw-bg-opacity: 1;
1738
+ background-color: rgb(241 214 229 / var(--tw-bg-opacity));
1739
+ }
1740
+ .data-\[active\]\:text-me-primary-500[data-active] {
1741
+ --tw-text-opacity: 1;
1742
+ color: rgb(184 76 116 / var(--tw-text-opacity));
1743
+ }
1042
1744
  .data-\[visible\]\:opacity-100[data-visible] {
1043
1745
  opacity: 1;
1044
1746
  }
1045
- @media (min-width: 768px) {
1046
- .md\:p-5 {
1047
- padding: 1.25rem;
1048
- }
1747
+ .data-\[selected\]\:ring-2[data-selected] {
1748
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1749
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1750
+ box-shadow:
1751
+ var(--tw-ring-offset-shadow),
1752
+ var(--tw-ring-shadow),
1753
+ var(--tw-shadow, 0 0 #0000);
1754
+ }
1755
+ .data-\[selected\]\:ring-me-primary-500[data-selected] {
1756
+ --tw-ring-opacity: 1;
1757
+ --tw-ring-color: rgb(184 76 116 / var(--tw-ring-opacity));
1758
+ }
1759
+ .prose-a\:text-me-primary-500 :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))) {
1760
+ --tw-text-opacity: 1;
1761
+ color: rgb(184 76 116 / var(--tw-text-opacity));
1762
+ }
1763
+ .prose-a\:underline :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))) {
1764
+ text-decoration-line: underline;
1765
+ }
1766
+ .prose-ol\:list-decimal :is(:where(ol):not(:where([class~=not-prose], [class~=not-prose] *))) {
1767
+ list-style-type: decimal;
1768
+ }
1769
+ .prose-ul\:list-disc :is(:where(ul):not(:where([class~=not-prose], [class~=not-prose] *))) {
1770
+ list-style-type: disc;
1049
1771
  }
1050
1772
  .\[\&\>svg\]\:h-16 > svg {
1051
1773
  height: 4rem;