payload-richtext-tiptap 0.0.23 → 0.0.25

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 +3159 -1430
  2. package/package.json +2 -2
@@ -1,1487 +1,3216 @@
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
1
+ /*
2
+ ! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
3
+ */
4
+
5
+ /*
6
+ 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
7
+ 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
8
+ */
9
+
10
+ *,
11
+ ::before,
12
+ ::after {
13
+ box-sizing: border-box;
14
+ /* 1 */
15
+ border-width: 0;
16
+ /* 2 */
17
+ border-style: solid;
18
+ /* 2 */
19
+ border-color: #e5e7eb;
20
+ /* 2 */
21
+ }
22
+
23
+ ::before,
24
+ ::after {
25
+ --tw-content: '';
26
+ }
27
+
28
+ /*
29
+ 1. Use a consistent sensible line-height in all browsers.
30
+ 2. Prevent adjustments of font size after orientation changes in iOS.
31
+ 3. Use a more readable tab size.
32
+ 4. Use the user's configured `sans` font-family by default.
33
+ 5. Use the user's configured `sans` font-feature-settings by default.
34
+ 6. Use the user's configured `sans` font-variation-settings by default.
35
+ 7. Disable tap highlights on iOS
36
+ */
37
+
38
+ html,
39
+ :host {
40
+ line-height: 1.5;
41
+ /* 1 */
42
+ -webkit-text-size-adjust: 100%;
43
+ /* 2 */
44
+ -moz-tab-size: 4;
45
+ /* 3 */
46
+ -o-tab-size: 4;
47
+ tab-size: 4;
48
+ /* 3 */
49
+ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
50
+ /* 4 */
51
+ font-feature-settings: normal;
52
+ /* 5 */
53
+ font-variation-settings: normal;
54
+ /* 6 */
55
+ -webkit-tap-highlight-color: transparent;
56
+ /* 7 */
57
+ }
58
+
59
+ /*
60
+ 1. Remove the margin in all browsers.
61
+ 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
62
+ */
63
+
64
+ body {
65
+ margin: 0;
66
+ /* 1 */
67
+ line-height: inherit;
68
+ /* 2 */
69
+ }
70
+
71
+ /*
72
+ 1. Add the correct height in Firefox.
73
+ 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
74
+ 3. Ensure horizontal rules are visible by default.
75
+ */
76
+
77
+ hr {
78
+ height: 0;
79
+ /* 1 */
80
+ color: inherit;
81
+ /* 2 */
82
+ border-top-width: 1px;
83
+ /* 3 */
84
+ }
85
+
86
+ /*
87
+ Add the correct text decoration in Chrome, Edge, and Safari.
88
+ */
89
+
90
+ abbr:where([title]) {
91
+ -webkit-text-decoration: underline dotted;
92
+ text-decoration: underline dotted;
93
+ }
94
+
95
+ /*
96
+ Remove the default font size and weight for headings.
97
+ */
98
+
99
+ h1,
100
+ h2,
101
+ h3,
102
+ h4,
103
+ h5,
104
+ h6 {
105
+ font-size: inherit;
106
+ font-weight: inherit;
107
+ }
108
+
109
+ /*
110
+ Reset links to optimize for opt-in styling instead of opt-out.
111
+ */
112
+
113
+ a {
114
+ color: inherit;
115
+ text-decoration: inherit;
116
+ }
117
+
118
+ /*
119
+ Add the correct font weight in Edge and Safari.
120
+ */
121
+
122
+ b,
123
+ strong {
124
+ font-weight: bolder;
125
+ }
126
+
127
+ /*
128
+ 1. Use the user's configured `mono` font-family by default.
129
+ 2. Use the user's configured `mono` font-feature-settings by default.
130
+ 3. Use the user's configured `mono` font-variation-settings by default.
131
+ 4. Correct the odd `em` font sizing in all browsers.
132
+ */
133
+
134
+ code,
135
+ kbd,
136
+ samp,
137
+ pre {
138
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
139
+ /* 1 */
140
+ font-feature-settings: normal;
141
+ /* 2 */
142
+ font-variation-settings: normal;
143
+ /* 3 */
144
+ font-size: 1em;
145
+ /* 4 */
146
+ }
147
+
148
+ /*
149
+ Add the correct font size in all browsers.
150
+ */
151
+
152
+ small {
153
+ font-size: 80%;
154
+ }
155
+
156
+ /*
157
+ Prevent `sub` and `sup` elements from affecting the line height in all browsers.
158
+ */
159
+
160
+ sub,
161
+ sup {
162
+ font-size: 75%;
163
+ line-height: 0;
164
+ position: relative;
165
+ vertical-align: baseline;
166
+ }
167
+
168
+ sub {
169
+ bottom: -0.25em;
170
+ }
171
+
172
+ sup {
173
+ top: -0.5em;
174
+ }
175
+
176
+ /*
177
+ 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
178
+ 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
179
+ 3. Remove gaps between table borders by default.
180
+ */
181
+
182
+ table {
183
+ text-indent: 0;
184
+ /* 1 */
185
+ border-color: inherit;
186
+ /* 2 */
187
+ border-collapse: collapse;
188
+ /* 3 */
189
+ }
190
+
191
+ /*
192
+ 1. Change the font styles in all browsers.
193
+ 2. Remove the margin in Firefox and Safari.
194
+ 3. Remove default padding in all browsers.
195
+ */
196
+
197
+ button,
198
+ input,
199
+ optgroup,
200
+ select,
201
+ textarea {
202
+ font-family: inherit;
203
+ /* 1 */
204
+ font-feature-settings: inherit;
205
+ /* 1 */
206
+ font-variation-settings: inherit;
207
+ /* 1 */
208
+ font-size: 100%;
209
+ /* 1 */
210
+ font-weight: inherit;
211
+ /* 1 */
212
+ line-height: inherit;
213
+ /* 1 */
214
+ letter-spacing: inherit;
215
+ /* 1 */
216
+ color: inherit;
217
+ /* 1 */
218
+ margin: 0;
219
+ /* 2 */
220
+ padding: 0;
221
+ /* 3 */
222
+ }
223
+
224
+ /*
225
+ Remove the inheritance of text transform in Edge and Firefox.
226
+ */
227
+
228
+ button,
229
+ select {
230
+ text-transform: none;
231
+ }
232
+
233
+ /*
234
+ 1. Correct the inability to style clickable types in iOS and Safari.
235
+ 2. Remove default button styles.
236
+ */
237
+
238
+ button,
239
+ input:where([type='button']),
240
+ input:where([type='reset']),
241
+ input:where([type='submit']) {
242
+ -webkit-appearance: button;
243
+ /* 1 */
244
+ background-color: transparent;
245
+ /* 2 */
246
+ background-image: none;
247
+ /* 2 */
248
+ }
249
+
250
+ /*
251
+ Use the modern Firefox focus style for all focusable elements.
252
+ */
253
+
254
+ :-moz-focusring {
255
+ outline: auto;
256
+ }
257
+
258
+ /*
259
+ Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
260
+ */
261
+
262
+ :-moz-ui-invalid {
263
+ box-shadow: none;
264
+ }
265
+
266
+ /*
267
+ Add the correct vertical alignment in Chrome and Firefox.
268
+ */
269
+
270
+ progress {
271
+ vertical-align: baseline;
272
+ }
273
+
274
+ /*
275
+ Correct the cursor style of increment and decrement buttons in Safari.
276
+ */
277
+
278
+ ::-webkit-inner-spin-button,
279
+ ::-webkit-outer-spin-button {
280
+ height: auto;
281
+ }
282
+
283
+ /*
284
+ 1. Correct the odd appearance in Chrome and Safari.
285
+ 2. Correct the outline style in Safari.
286
+ */
287
+
288
+ [type='search'] {
289
+ -webkit-appearance: textfield;
290
+ /* 1 */
291
+ outline-offset: -2px;
292
+ /* 2 */
293
+ }
294
+
295
+ /*
296
+ Remove the inner padding in Chrome and Safari on macOS.
297
+ */
298
+
299
+ ::-webkit-search-decoration {
300
+ -webkit-appearance: none;
301
+ }
302
+
303
+ /*
304
+ 1. Correct the inability to style clickable types in iOS and Safari.
305
+ 2. Change font properties to `inherit` in Safari.
306
+ */
307
+
308
+ ::-webkit-file-upload-button {
309
+ -webkit-appearance: button;
310
+ /* 1 */
311
+ font: inherit;
312
+ /* 2 */
313
+ }
314
+
315
+ /*
316
+ Add the correct display in Chrome and Safari.
317
+ */
318
+
319
+ summary {
320
+ display: list-item;
321
+ }
322
+
323
+ /*
324
+ Removes the default spacing and border for appropriate elements.
325
+ */
326
+
327
+ blockquote,
328
+ dl,
329
+ dd,
330
+ h1,
331
+ h2,
332
+ h3,
333
+ h4,
334
+ h5,
335
+ h6,
336
+ hr,
337
+ figure,
338
+ p,
339
+ pre {
340
+ margin: 0;
341
+ }
342
+
343
+ fieldset {
344
+ margin: 0;
345
+ padding: 0;
346
+ }
347
+
348
+ legend {
349
+ padding: 0;
350
+ }
351
+
352
+ ol,
353
+ ul,
354
+ menu {
355
+ list-style: none;
356
+ margin: 0;
357
+ padding: 0;
358
+ }
359
+
360
+ /*
361
+ Reset default styling for dialogs.
362
+ */
363
+
364
+ dialog {
365
+ padding: 0;
366
+ }
367
+
368
+ /*
369
+ Prevent resizing textareas horizontally by default.
370
+ */
371
+
372
+ textarea {
373
+ resize: vertical;
374
+ }
375
+
376
+ /*
377
+ 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
378
+ 2. Set the default placeholder color to the user's configured gray 400 color.
379
+ */
380
+
381
+ input::-moz-placeholder, textarea::-moz-placeholder {
382
+ opacity: 1;
383
+ /* 1 */
384
+ color: #9ca3af;
385
+ /* 2 */
386
+ }
387
+
388
+ input::placeholder,
389
+ textarea::placeholder {
390
+ opacity: 1;
391
+ /* 1 */
392
+ color: #9ca3af;
393
+ /* 2 */
394
+ }
395
+
396
+ /*
397
+ Set the default cursor for buttons.
398
+ */
399
+
400
+ button,
401
+ [role="button"] {
402
+ cursor: pointer;
403
+ }
404
+
405
+ /*
406
+ Make sure disabled buttons don't get the pointer cursor.
407
+ */
408
+
409
+ :disabled {
410
+ cursor: default;
411
+ }
412
+
413
+ /*
414
+ 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
415
+ 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
416
+ This can trigger a poorly considered lint error in some tools but is included by design.
417
+ */
418
+
419
+ img,
420
+ svg,
421
+ video,
422
+ canvas,
423
+ audio,
424
+ iframe,
425
+ embed,
426
+ object {
427
+ display: block;
428
+ /* 1 */
429
+ vertical-align: middle;
430
+ /* 2 */
431
+ }
432
+
433
+ /*
434
+ Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
435
+ */
436
+
437
+ img,
438
+ video {
439
+ max-width: 100%;
440
+ height: auto;
441
+ }
442
+
443
+ /* Make elements with the HTML hidden attribute stay hidden by default */
444
+
445
+ [hidden] {
446
+ display: none;
447
+ }
448
+
449
+ [type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
450
+ -webkit-appearance: none;
451
+ -moz-appearance: none;
452
+ appearance: none;
453
+ background-color: #fff;
454
+ border-color: #6b7280;
455
+ border-width: 1px;
456
+ border-radius: 0px;
457
+ padding-top: 0.5rem;
458
+ padding-right: 0.75rem;
459
+ padding-bottom: 0.5rem;
460
+ padding-left: 0.75rem;
461
+ font-size: 1rem;
462
+ line-height: 1.5rem;
463
+ --tw-shadow: 0 0 #0000;
464
+ }
465
+
466
+ [type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
467
+ outline: 2px solid transparent;
468
+ outline-offset: 2px;
469
+ --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
470
+ --tw-ring-offset-width: 0px;
471
+ --tw-ring-offset-color: #fff;
472
+ --tw-ring-color: #2563eb;
473
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
474
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
475
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
476
+ border-color: #2563eb;
477
+ }
478
+
479
+ input::-moz-placeholder, textarea::-moz-placeholder {
480
+ color: #6b7280;
481
+ opacity: 1;
482
+ }
483
+
484
+ input::placeholder,textarea::placeholder {
485
+ color: #6b7280;
486
+ opacity: 1;
487
+ }
488
+
489
+ ::-webkit-datetime-edit-fields-wrapper {
490
+ padding: 0;
491
+ }
492
+
493
+ ::-webkit-date-and-time-value {
494
+ min-height: 1.5em;
495
+ text-align: inherit;
496
+ }
497
+
498
+ ::-webkit-datetime-edit {
499
+ display: inline-flex;
500
+ }
501
+
502
+ ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
503
+ padding-top: 0;
504
+ padding-bottom: 0;
505
+ }
506
+
507
+ select {
508
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
509
+ background-position: right 0.5rem center;
510
+ background-repeat: no-repeat;
511
+ background-size: 1.5em 1.5em;
512
+ padding-right: 2.5rem;
513
+ -webkit-print-color-adjust: exact;
514
+ print-color-adjust: exact;
515
+ }
516
+
517
+ [multiple],[size]:where(select:not([size="1"])) {
518
+ background-image: initial;
519
+ background-position: initial;
520
+ background-repeat: unset;
521
+ background-size: initial;
522
+ padding-right: 0.75rem;
523
+ -webkit-print-color-adjust: unset;
524
+ print-color-adjust: unset;
525
+ }
526
+
527
+ [type='checkbox'],[type='radio'] {
528
+ -webkit-appearance: none;
529
+ -moz-appearance: none;
530
+ appearance: none;
531
+ padding: 0;
532
+ -webkit-print-color-adjust: exact;
533
+ print-color-adjust: exact;
534
+ display: inline-block;
535
+ vertical-align: middle;
536
+ background-origin: border-box;
537
+ -webkit-user-select: none;
538
+ -moz-user-select: none;
539
+ user-select: none;
540
+ flex-shrink: 0;
541
+ height: 1rem;
542
+ width: 1rem;
543
+ color: #2563eb;
544
+ background-color: #fff;
545
+ border-color: #6b7280;
546
+ border-width: 1px;
547
+ --tw-shadow: 0 0 #0000;
548
+ }
549
+
550
+ [type='checkbox'] {
551
+ border-radius: 0px;
552
+ }
553
+
554
+ [type='radio'] {
555
+ border-radius: 100%;
556
+ }
557
+
558
+ [type='checkbox']:focus,[type='radio']:focus {
559
+ outline: 2px solid transparent;
560
+ outline-offset: 2px;
561
+ --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
562
+ --tw-ring-offset-width: 2px;
563
+ --tw-ring-offset-color: #fff;
564
+ --tw-ring-color: #2563eb;
565
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
566
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
567
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
568
+ }
569
+
570
+ [type='checkbox']:checked,[type='radio']:checked {
571
+ border-color: transparent;
572
+ background-color: currentColor;
573
+ background-size: 100% 100%;
574
+ background-position: center;
575
+ background-repeat: no-repeat;
576
+ }
577
+
578
+ [type='checkbox']:checked {
579
+ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
580
+ }
581
+
582
+ @media (forced-colors: active) {
583
+ [type='checkbox']:checked {
584
+ -webkit-appearance: auto;
585
+ -moz-appearance: auto;
586
+ appearance: auto;
246
587
  }
247
- [data-type='blockquoteFigure'] figcaption {
248
- font-size: 0.875rem;
249
- line-height: 1.25rem
588
+ }
589
+
590
+ [type='radio']:checked {
591
+ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
592
+ }
593
+
594
+ @media (forced-colors: active) {
595
+ [type='radio']:checked {
596
+ -webkit-appearance: auto;
597
+ -moz-appearance: auto;
598
+ appearance: auto;
250
599
  }
251
- [data-type='blockquoteFigure'] figcaption {
252
- --tw-text-opacity: 1;
253
- color: rgb(115 115 115 / var(--tw-text-opacity))
600
+ }
601
+
602
+ [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
603
+ border-color: transparent;
604
+ background-color: currentColor;
605
+ }
606
+
607
+ [type='checkbox']:indeterminate {
608
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
609
+ border-color: transparent;
610
+ background-color: currentColor;
611
+ background-size: 100% 100%;
612
+ background-position: center;
613
+ background-repeat: no-repeat;
614
+ }
615
+
616
+ @media (forced-colors: active) {
617
+ [type='checkbox']:indeterminate {
618
+ -webkit-appearance: auto;
619
+ -moz-appearance: auto;
620
+ appearance: auto;
254
621
  }
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
622
+ }
623
+
624
+ [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
625
+ border-color: transparent;
626
+ background-color: currentColor;
627
+ }
628
+
629
+ [type='file'] {
630
+ background: unset;
631
+ border-color: inherit;
632
+ border-width: 0;
633
+ border-radius: 0;
634
+ padding: 0;
635
+ font-size: unset;
636
+ line-height: inherit;
637
+ }
638
+
639
+ [type='file']:focus {
640
+ outline: 1px solid ButtonText;
641
+ outline: 1px auto -webkit-focus-ring-color;
642
+ }
643
+
644
+ *, ::before, ::after {
645
+ --tw-border-spacing-x: 0;
646
+ --tw-border-spacing-y: 0;
647
+ --tw-translate-x: 0;
648
+ --tw-translate-y: 0;
649
+ --tw-rotate: 0;
650
+ --tw-skew-x: 0;
651
+ --tw-skew-y: 0;
652
+ --tw-scale-x: 1;
653
+ --tw-scale-y: 1;
654
+ --tw-pan-x: ;
655
+ --tw-pan-y: ;
656
+ --tw-pinch-zoom: ;
657
+ --tw-scroll-snap-strictness: proximity;
658
+ --tw-gradient-from-position: ;
659
+ --tw-gradient-via-position: ;
660
+ --tw-gradient-to-position: ;
661
+ --tw-ordinal: ;
662
+ --tw-slashed-zero: ;
663
+ --tw-numeric-figure: ;
664
+ --tw-numeric-spacing: ;
665
+ --tw-numeric-fraction: ;
666
+ --tw-ring-inset: ;
667
+ --tw-ring-offset-width: 0px;
668
+ --tw-ring-offset-color: #fff;
669
+ --tw-ring-color: rgb(59 130 246 / 0.5);
670
+ --tw-ring-offset-shadow: 0 0 #0000;
671
+ --tw-ring-shadow: 0 0 #0000;
672
+ --tw-shadow: 0 0 #0000;
673
+ --tw-shadow-colored: 0 0 #0000;
674
+ --tw-blur: ;
675
+ --tw-brightness: ;
676
+ --tw-contrast: ;
677
+ --tw-grayscale: ;
678
+ --tw-hue-rotate: ;
679
+ --tw-invert: ;
680
+ --tw-saturate: ;
681
+ --tw-sepia: ;
682
+ --tw-drop-shadow: ;
683
+ --tw-backdrop-blur: ;
684
+ --tw-backdrop-brightness: ;
685
+ --tw-backdrop-contrast: ;
686
+ --tw-backdrop-grayscale: ;
687
+ --tw-backdrop-hue-rotate: ;
688
+ --tw-backdrop-invert: ;
689
+ --tw-backdrop-opacity: ;
690
+ --tw-backdrop-saturate: ;
691
+ --tw-backdrop-sepia: ;
692
+ --tw-contain-size: ;
693
+ --tw-contain-layout: ;
694
+ --tw-contain-paint: ;
695
+ --tw-contain-style: ;
696
+ }
697
+
698
+ ::backdrop {
699
+ --tw-border-spacing-x: 0;
700
+ --tw-border-spacing-y: 0;
701
+ --tw-translate-x: 0;
702
+ --tw-translate-y: 0;
703
+ --tw-rotate: 0;
704
+ --tw-skew-x: 0;
705
+ --tw-skew-y: 0;
706
+ --tw-scale-x: 1;
707
+ --tw-scale-y: 1;
708
+ --tw-pan-x: ;
709
+ --tw-pan-y: ;
710
+ --tw-pinch-zoom: ;
711
+ --tw-scroll-snap-strictness: proximity;
712
+ --tw-gradient-from-position: ;
713
+ --tw-gradient-via-position: ;
714
+ --tw-gradient-to-position: ;
715
+ --tw-ordinal: ;
716
+ --tw-slashed-zero: ;
717
+ --tw-numeric-figure: ;
718
+ --tw-numeric-spacing: ;
719
+ --tw-numeric-fraction: ;
720
+ --tw-ring-inset: ;
721
+ --tw-ring-offset-width: 0px;
722
+ --tw-ring-offset-color: #fff;
723
+ --tw-ring-color: rgb(59 130 246 / 0.5);
724
+ --tw-ring-offset-shadow: 0 0 #0000;
725
+ --tw-ring-shadow: 0 0 #0000;
726
+ --tw-shadow: 0 0 #0000;
727
+ --tw-shadow-colored: 0 0 #0000;
728
+ --tw-blur: ;
729
+ --tw-brightness: ;
730
+ --tw-contrast: ;
731
+ --tw-grayscale: ;
732
+ --tw-hue-rotate: ;
733
+ --tw-invert: ;
734
+ --tw-saturate: ;
735
+ --tw-sepia: ;
736
+ --tw-drop-shadow: ;
737
+ --tw-backdrop-blur: ;
738
+ --tw-backdrop-brightness: ;
739
+ --tw-backdrop-contrast: ;
740
+ --tw-backdrop-grayscale: ;
741
+ --tw-backdrop-hue-rotate: ;
742
+ --tw-backdrop-invert: ;
743
+ --tw-backdrop-opacity: ;
744
+ --tw-backdrop-saturate: ;
745
+ --tw-backdrop-sepia: ;
746
+ --tw-contain-size: ;
747
+ --tw-contain-layout: ;
748
+ --tw-contain-paint: ;
749
+ --tw-contain-style: ;
750
+ }
751
+
752
+ .\!container {
753
+ width: 100% !important;
754
+ margin-right: auto !important;
755
+ margin-left: auto !important;
756
+ padding-right: 2rem !important;
757
+ padding-left: 2rem !important;
758
+ }
759
+
760
+ .container {
761
+ width: 100%;
762
+ margin-right: auto;
763
+ margin-left: auto;
764
+ padding-right: 2rem;
765
+ padding-left: 2rem;
766
+ }
767
+
768
+ @media (min-width: 1400px) {
769
+ .\!container {
770
+ max-width: 1400px !important;
259
771
  }
260
- [data-type='blockquoteFigure'] figcaption:is([data-theme="dark"] *) {
261
- --tw-text-opacity: 1;
262
- color: rgb(163 163 163 / var(--tw-text-opacity))
772
+
773
+ .container {
774
+ max-width: 1400px;
263
775
  }
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
271
776
  }
272
777
 
273
- .ProseMirror:is([data-theme="dark"] *) {
274
- caret-color: #fff
778
+ .aspect-h-9 {
779
+ --tw-aspect-h: 9;
780
+ }
781
+
782
+ .aspect-w-16 {
783
+ position: relative;
784
+ padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
785
+ --tw-aspect-w: 16;
786
+ }
787
+
788
+ .aspect-w-16 > * {
789
+ position: absolute;
790
+ height: 100%;
791
+ width: 100%;
792
+ top: 0;
793
+ right: 0;
794
+ bottom: 0;
795
+ left: 0;
796
+ }
797
+
798
+ .prose {
799
+ color: var(--tw-prose-body);
800
+ max-width: 65ch;
801
+ }
802
+
803
+ .prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
804
+ margin-top: 1.25em;
805
+ margin-bottom: 1.25em;
806
+ }
807
+
808
+ .prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
809
+ color: var(--tw-prose-lead);
810
+ font-size: 1.25em;
811
+ line-height: 1.6;
812
+ margin-top: 1.2em;
813
+ margin-bottom: 1.2em;
814
+ }
815
+
816
+ .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
817
+ color: var(--tw-prose-links);
818
+ text-decoration: underline;
819
+ font-weight: 500;
820
+ }
821
+
822
+ .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
823
+ color: var(--tw-prose-bold);
824
+ font-weight: 600;
825
+ }
826
+
827
+ .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
828
+ color: inherit;
829
+ }
830
+
831
+ .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
832
+ color: inherit;
833
+ }
834
+
835
+ .prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
836
+ color: inherit;
837
+ }
838
+
839
+ .prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
840
+ list-style-type: decimal;
841
+ margin-top: 1.25em;
842
+ margin-bottom: 1.25em;
843
+ padding-inline-start: 1.625em;
844
+ }
845
+
846
+ .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
847
+ list-style-type: upper-alpha;
848
+ }
849
+
850
+ .prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
851
+ list-style-type: lower-alpha;
852
+ }
853
+
854
+ .prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
855
+ list-style-type: upper-alpha;
856
+ }
857
+
858
+ .prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
859
+ list-style-type: lower-alpha;
860
+ }
861
+
862
+ .prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
863
+ list-style-type: upper-roman;
864
+ }
865
+
866
+ .prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
867
+ list-style-type: lower-roman;
868
+ }
869
+
870
+ .prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
871
+ list-style-type: upper-roman;
872
+ }
873
+
874
+ .prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
875
+ list-style-type: lower-roman;
876
+ }
877
+
878
+ .prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
879
+ list-style-type: decimal;
880
+ }
881
+
882
+ .prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
883
+ list-style-type: disc;
884
+ margin-top: 1.25em;
885
+ margin-bottom: 1.25em;
886
+ padding-inline-start: 1.625em;
887
+ }
888
+
889
+ .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
890
+ font-weight: 400;
891
+ color: var(--tw-prose-counters);
892
+ }
893
+
894
+ .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
895
+ color: var(--tw-prose-bullets);
896
+ }
897
+
898
+ .prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
899
+ color: var(--tw-prose-headings);
900
+ font-weight: 600;
901
+ margin-top: 1.25em;
902
+ }
903
+
904
+ .prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
905
+ border-color: var(--tw-prose-hr);
906
+ border-top-width: 1px;
907
+ margin-top: 3em;
908
+ margin-bottom: 3em;
909
+ }
910
+
911
+ .prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
912
+ font-weight: 500;
913
+ font-style: italic;
914
+ color: var(--tw-prose-quotes);
915
+ border-inline-start-width: 0.25rem;
916
+ border-inline-start-color: var(--tw-prose-quote-borders);
917
+ quotes: "\201C""\201D""\2018""\2019";
918
+ margin-top: 1.6em;
919
+ margin-bottom: 1.6em;
920
+ padding-inline-start: 1em;
921
+ }
922
+
923
+ .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
924
+ content: open-quote;
925
+ }
926
+
927
+ .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
928
+ content: close-quote;
929
+ }
930
+
931
+ .prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
932
+ color: var(--tw-prose-headings);
933
+ font-weight: 800;
934
+ font-size: 2.25em;
935
+ margin-top: 0;
936
+ margin-bottom: 0.8888889em;
937
+ line-height: 1.1111111;
938
+ }
939
+
940
+ .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
941
+ font-weight: 900;
942
+ color: inherit;
943
+ }
944
+
945
+ .prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
946
+ color: var(--tw-prose-headings);
947
+ font-weight: 700;
948
+ font-size: 1.5em;
949
+ margin-top: 2em;
950
+ margin-bottom: 1em;
951
+ line-height: 1.3333333;
952
+ }
953
+
954
+ .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
955
+ font-weight: 800;
956
+ color: inherit;
957
+ }
958
+
959
+ .prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
960
+ color: var(--tw-prose-headings);
961
+ font-weight: 600;
962
+ font-size: 1.25em;
963
+ margin-top: 1.6em;
964
+ margin-bottom: 0.6em;
965
+ line-height: 1.6;
966
+ }
967
+
968
+ .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
969
+ font-weight: 700;
970
+ color: inherit;
971
+ }
972
+
973
+ .prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
974
+ color: var(--tw-prose-headings);
975
+ font-weight: 600;
976
+ margin-top: 1.5em;
977
+ margin-bottom: 0.5em;
978
+ line-height: 1.5;
979
+ }
980
+
981
+ .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
982
+ font-weight: 700;
983
+ color: inherit;
984
+ }
985
+
986
+ .prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
987
+ margin-top: 2em;
988
+ margin-bottom: 2em;
989
+ }
990
+
991
+ .prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
992
+ display: block;
993
+ margin-top: 2em;
994
+ margin-bottom: 2em;
995
+ }
996
+
997
+ .prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
998
+ margin-top: 2em;
999
+ margin-bottom: 2em;
1000
+ }
1001
+
1002
+ .prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1003
+ font-weight: 500;
1004
+ font-family: inherit;
1005
+ color: var(--tw-prose-kbd);
1006
+ box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
1007
+ font-size: 0.875em;
1008
+ border-radius: 0.3125rem;
1009
+ padding-top: 0.1875em;
1010
+ padding-inline-end: 0.375em;
1011
+ padding-bottom: 0.1875em;
1012
+ padding-inline-start: 0.375em;
1013
+ }
1014
+
1015
+ .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1016
+ color: var(--tw-prose-code);
1017
+ font-weight: 600;
1018
+ font-size: 0.875em;
1019
+ }
1020
+
1021
+ .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
1022
+ content: "`";
1023
+ }
1024
+
1025
+ .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
1026
+ content: "`";
1027
+ }
1028
+
1029
+ .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1030
+ color: inherit;
1031
+ }
1032
+
1033
+ .prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1034
+ color: inherit;
1035
+ }
1036
+
1037
+ .prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1038
+ color: inherit;
1039
+ font-size: 0.875em;
1040
+ }
1041
+
1042
+ .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1043
+ color: inherit;
1044
+ font-size: 0.9em;
1045
+ }
1046
+
1047
+ .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1048
+ color: inherit;
1049
+ }
1050
+
1051
+ .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1052
+ color: inherit;
1053
+ }
1054
+
1055
+ .prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1056
+ color: inherit;
1057
+ }
1058
+
1059
+ .prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1060
+ color: var(--tw-prose-pre-code);
1061
+ background-color: var(--tw-prose-pre-bg);
1062
+ overflow-x: auto;
1063
+ font-weight: 400;
1064
+ font-size: 0.875em;
1065
+ line-height: 1.7142857;
1066
+ margin-top: 1.7142857em;
1067
+ margin-bottom: 1.7142857em;
1068
+ border-radius: 0.375rem;
1069
+ padding-top: 0.8571429em;
1070
+ padding-inline-end: 1.1428571em;
1071
+ padding-bottom: 0.8571429em;
1072
+ padding-inline-start: 1.1428571em;
1073
+ }
1074
+
1075
+ .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1076
+ background-color: transparent;
1077
+ border-width: 0;
1078
+ border-radius: 0;
1079
+ padding: 0;
1080
+ font-weight: inherit;
1081
+ color: inherit;
1082
+ font-size: inherit;
1083
+ font-family: inherit;
1084
+ line-height: inherit;
1085
+ }
1086
+
1087
+ .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
1088
+ content: none;
1089
+ }
1090
+
1091
+ .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
1092
+ content: none;
1093
+ }
1094
+
1095
+ .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1096
+ width: 100%;
1097
+ table-layout: auto;
1098
+ text-align: start;
1099
+ margin-top: 2em;
1100
+ margin-bottom: 2em;
1101
+ font-size: 0.875em;
1102
+ line-height: 1.7142857;
1103
+ }
1104
+
1105
+ .prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1106
+ border-bottom-width: 1px;
1107
+ border-bottom-color: var(--tw-prose-th-borders);
1108
+ }
1109
+
1110
+ .prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1111
+ color: var(--tw-prose-headings);
1112
+ font-weight: 600;
1113
+ vertical-align: bottom;
1114
+ padding-inline-end: 0.5714286em;
1115
+ padding-bottom: 0.5714286em;
1116
+ padding-inline-start: 0.5714286em;
1117
+ }
1118
+
1119
+ .prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1120
+ border-bottom-width: 1px;
1121
+ border-bottom-color: var(--tw-prose-td-borders);
1122
+ }
1123
+
1124
+ .prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1125
+ border-bottom-width: 0;
1126
+ }
1127
+
1128
+ .prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1129
+ vertical-align: baseline;
1130
+ }
1131
+
1132
+ .prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1133
+ border-top-width: 1px;
1134
+ border-top-color: var(--tw-prose-th-borders);
1135
+ }
1136
+
1137
+ .prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1138
+ vertical-align: top;
1139
+ }
1140
+
1141
+ .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1142
+ margin-top: 0;
1143
+ margin-bottom: 0;
1144
+ }
1145
+
1146
+ .prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1147
+ color: var(--tw-prose-captions);
1148
+ font-size: 0.875em;
1149
+ line-height: 1.4285714;
1150
+ margin-top: 0.8571429em;
1151
+ }
1152
+
1153
+ .prose {
1154
+ --tw-prose-body: #374151;
1155
+ --tw-prose-headings: #111827;
1156
+ --tw-prose-lead: #4b5563;
1157
+ --tw-prose-links: #111827;
1158
+ --tw-prose-bold: #111827;
1159
+ --tw-prose-counters: #6b7280;
1160
+ --tw-prose-bullets: #d1d5db;
1161
+ --tw-prose-hr: #e5e7eb;
1162
+ --tw-prose-quotes: #111827;
1163
+ --tw-prose-quote-borders: #e5e7eb;
1164
+ --tw-prose-captions: #6b7280;
1165
+ --tw-prose-kbd: #111827;
1166
+ --tw-prose-kbd-shadows: 17 24 39;
1167
+ --tw-prose-code: #111827;
1168
+ --tw-prose-pre-code: #e5e7eb;
1169
+ --tw-prose-pre-bg: #1f2937;
1170
+ --tw-prose-th-borders: #d1d5db;
1171
+ --tw-prose-td-borders: #e5e7eb;
1172
+ --tw-prose-invert-body: #d1d5db;
1173
+ --tw-prose-invert-headings: #fff;
1174
+ --tw-prose-invert-lead: #9ca3af;
1175
+ --tw-prose-invert-links: #fff;
1176
+ --tw-prose-invert-bold: #fff;
1177
+ --tw-prose-invert-counters: #9ca3af;
1178
+ --tw-prose-invert-bullets: #4b5563;
1179
+ --tw-prose-invert-hr: #374151;
1180
+ --tw-prose-invert-quotes: #f3f4f6;
1181
+ --tw-prose-invert-quote-borders: #374151;
1182
+ --tw-prose-invert-captions: #9ca3af;
1183
+ --tw-prose-invert-kbd: #fff;
1184
+ --tw-prose-invert-kbd-shadows: 255 255 255;
1185
+ --tw-prose-invert-code: #fff;
1186
+ --tw-prose-invert-pre-code: #d1d5db;
1187
+ --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
1188
+ --tw-prose-invert-th-borders: #4b5563;
1189
+ --tw-prose-invert-td-borders: #374151;
1190
+ font-size: 1rem;
1191
+ line-height: 1.75;
1192
+ }
1193
+
1194
+ .prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1195
+ margin-top: 0;
1196
+ margin-bottom: 0;
1197
+ }
1198
+
1199
+ .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1200
+ margin-top: 0.5em;
1201
+ margin-bottom: 0.5em;
1202
+ }
1203
+
1204
+ .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1205
+ padding-inline-start: 0.375em;
1206
+ }
1207
+
1208
+ .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1209
+ padding-inline-start: 0.375em;
1210
+ }
1211
+
1212
+ .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1213
+ margin-top: 0.75em;
1214
+ margin-bottom: 0.75em;
1215
+ }
1216
+
1217
+ .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1218
+ margin-top: 1.25em;
1219
+ }
1220
+
1221
+ .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1222
+ margin-bottom: 1.25em;
1223
+ }
1224
+
1225
+ .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1226
+ margin-top: 1.25em;
1227
+ }
1228
+
1229
+ .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1230
+ margin-bottom: 1.25em;
1231
+ }
1232
+
1233
+ .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1234
+ margin-top: 0.75em;
1235
+ margin-bottom: 0.75em;
1236
+ }
1237
+
1238
+ .prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1239
+ margin-top: 1.25em;
1240
+ margin-bottom: 1.25em;
1241
+ }
1242
+
1243
+ .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1244
+ margin-top: 0.5em;
1245
+ padding-inline-start: 1.625em;
1246
+ }
1247
+
1248
+ .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1249
+ margin-top: 0;
1250
+ }
1251
+
1252
+ .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1253
+ margin-top: 0;
1254
+ }
1255
+
1256
+ .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1257
+ margin-top: 0;
1258
+ }
1259
+
1260
+ .prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1261
+ margin-top: 0;
1262
+ }
1263
+
1264
+ .prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1265
+ padding-inline-start: 0;
1266
+ }
1267
+
1268
+ .prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1269
+ padding-inline-end: 0;
1270
+ }
1271
+
1272
+ .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1273
+ padding-top: 0.5714286em;
1274
+ padding-inline-end: 0.5714286em;
1275
+ padding-bottom: 0.5714286em;
1276
+ padding-inline-start: 0.5714286em;
1277
+ }
1278
+
1279
+ .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1280
+ padding-inline-start: 0;
1281
+ }
1282
+
1283
+ .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1284
+ padding-inline-end: 0;
1285
+ }
1286
+
1287
+ .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1288
+ margin-top: 2em;
1289
+ margin-bottom: 2em;
1290
+ }
1291
+
1292
+ .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1293
+ margin-top: 0;
1294
+ }
1295
+
1296
+ .prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1297
+ margin-bottom: 0;
1298
+ }
1299
+
1300
+ .prose-sm {
1301
+ font-size: 0.875rem;
1302
+ line-height: 1.7142857;
1303
+ }
1304
+
1305
+ .prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1306
+ margin-top: 1.1428571em;
1307
+ margin-bottom: 1.1428571em;
1308
+ }
1309
+
1310
+ .prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1311
+ font-size: 1.2857143em;
1312
+ line-height: 1.5555556;
1313
+ margin-top: 0.8888889em;
1314
+ margin-bottom: 0.8888889em;
1315
+ }
1316
+
1317
+ .prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1318
+ margin-top: 1.3333333em;
1319
+ margin-bottom: 1.3333333em;
1320
+ padding-inline-start: 1.1111111em;
1321
+ }
1322
+
1323
+ .prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1324
+ font-size: 2.1428571em;
1325
+ margin-top: 0;
1326
+ margin-bottom: 0.8em;
1327
+ line-height: 1.2;
1328
+ }
1329
+
1330
+ .prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1331
+ font-size: 1.4285714em;
1332
+ margin-top: 1.6em;
1333
+ margin-bottom: 0.8em;
1334
+ line-height: 1.4;
1335
+ }
1336
+
1337
+ .prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1338
+ font-size: 1.2857143em;
1339
+ margin-top: 1.5555556em;
1340
+ margin-bottom: 0.4444444em;
1341
+ line-height: 1.5555556;
1342
+ }
1343
+
1344
+ .prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1345
+ margin-top: 1.4285714em;
1346
+ margin-bottom: 0.5714286em;
1347
+ line-height: 1.4285714;
1348
+ }
1349
+
1350
+ .prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1351
+ margin-top: 1.7142857em;
1352
+ margin-bottom: 1.7142857em;
1353
+ }
1354
+
1355
+ .prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1356
+ margin-top: 1.7142857em;
1357
+ margin-bottom: 1.7142857em;
1358
+ }
1359
+
1360
+ .prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1361
+ margin-top: 0;
1362
+ margin-bottom: 0;
1363
+ }
1364
+
1365
+ .prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1366
+ margin-top: 1.7142857em;
1367
+ margin-bottom: 1.7142857em;
1368
+ }
1369
+
1370
+ .prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1371
+ font-size: 0.8571429em;
1372
+ border-radius: 0.3125rem;
1373
+ padding-top: 0.1428571em;
1374
+ padding-inline-end: 0.3571429em;
1375
+ padding-bottom: 0.1428571em;
1376
+ padding-inline-start: 0.3571429em;
1377
+ }
1378
+
1379
+ .prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1380
+ font-size: 0.8571429em;
1381
+ }
1382
+
1383
+ .prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1384
+ font-size: 0.9em;
1385
+ }
1386
+
1387
+ .prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1388
+ font-size: 0.8888889em;
1389
+ }
1390
+
1391
+ .prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1392
+ font-size: 0.8571429em;
1393
+ line-height: 1.6666667;
1394
+ margin-top: 1.6666667em;
1395
+ margin-bottom: 1.6666667em;
1396
+ border-radius: 0.25rem;
1397
+ padding-top: 0.6666667em;
1398
+ padding-inline-end: 1em;
1399
+ padding-bottom: 0.6666667em;
1400
+ padding-inline-start: 1em;
1401
+ }
1402
+
1403
+ .prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1404
+ margin-top: 1.1428571em;
1405
+ margin-bottom: 1.1428571em;
1406
+ padding-inline-start: 1.5714286em;
1407
+ }
1408
+
1409
+ .prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1410
+ margin-top: 1.1428571em;
1411
+ margin-bottom: 1.1428571em;
1412
+ padding-inline-start: 1.5714286em;
1413
+ }
1414
+
1415
+ .prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1416
+ margin-top: 0.2857143em;
1417
+ margin-bottom: 0.2857143em;
1418
+ }
1419
+
1420
+ .prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1421
+ padding-inline-start: 0.4285714em;
1422
+ }
1423
+
1424
+ .prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1425
+ padding-inline-start: 0.4285714em;
1426
+ }
1427
+
1428
+ .prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1429
+ margin-top: 0.5714286em;
1430
+ margin-bottom: 0.5714286em;
1431
+ }
1432
+
1433
+ .prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1434
+ margin-top: 1.1428571em;
1435
+ }
1436
+
1437
+ .prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1438
+ margin-bottom: 1.1428571em;
1439
+ }
1440
+
1441
+ .prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1442
+ margin-top: 1.1428571em;
1443
+ }
1444
+
1445
+ .prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1446
+ margin-bottom: 1.1428571em;
1447
+ }
1448
+
1449
+ .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1450
+ margin-top: 0.5714286em;
1451
+ margin-bottom: 0.5714286em;
1452
+ }
1453
+
1454
+ .prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1455
+ margin-top: 1.1428571em;
1456
+ margin-bottom: 1.1428571em;
1457
+ }
1458
+
1459
+ .prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1460
+ margin-top: 1.1428571em;
1461
+ }
1462
+
1463
+ .prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1464
+ margin-top: 0.2857143em;
1465
+ padding-inline-start: 1.5714286em;
1466
+ }
1467
+
1468
+ .prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1469
+ margin-top: 2.8571429em;
1470
+ margin-bottom: 2.8571429em;
1471
+ }
1472
+
1473
+ .prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1474
+ margin-top: 0;
1475
+ }
1476
+
1477
+ .prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1478
+ margin-top: 0;
1479
+ }
1480
+
1481
+ .prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1482
+ margin-top: 0;
1483
+ }
1484
+
1485
+ .prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1486
+ margin-top: 0;
1487
+ }
1488
+
1489
+ .prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1490
+ font-size: 0.8571429em;
1491
+ line-height: 1.5;
1492
+ }
1493
+
1494
+ .prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1495
+ padding-inline-end: 1em;
1496
+ padding-bottom: 0.6666667em;
1497
+ padding-inline-start: 1em;
1498
+ }
1499
+
1500
+ .prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1501
+ padding-inline-start: 0;
1502
+ }
1503
+
1504
+ .prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1505
+ padding-inline-end: 0;
1506
+ }
1507
+
1508
+ .prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1509
+ padding-top: 0.6666667em;
1510
+ padding-inline-end: 1em;
1511
+ padding-bottom: 0.6666667em;
1512
+ padding-inline-start: 1em;
1513
+ }
1514
+
1515
+ .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1516
+ padding-inline-start: 0;
1517
+ }
1518
+
1519
+ .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1520
+ padding-inline-end: 0;
1521
+ }
1522
+
1523
+ .prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1524
+ margin-top: 1.7142857em;
1525
+ margin-bottom: 1.7142857em;
1526
+ }
1527
+
1528
+ .prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1529
+ margin-top: 0;
1530
+ margin-bottom: 0;
1531
+ }
1532
+
1533
+ .prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1534
+ font-size: 0.8571429em;
1535
+ line-height: 1.3333333;
1536
+ margin-top: 0.6666667em;
1537
+ }
1538
+
1539
+ .prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1540
+ margin-top: 0;
1541
+ }
1542
+
1543
+ .prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1544
+ margin-bottom: 0;
1545
+ }
1546
+
1547
+ .pointer-events-none {
1548
+ pointer-events: none;
1549
+ }
1550
+
1551
+ .visible {
1552
+ visibility: visible;
1553
+ }
1554
+
1555
+ .static {
1556
+ position: static;
1557
+ }
1558
+
1559
+ .fixed {
1560
+ position: fixed;
1561
+ }
1562
+
1563
+ .absolute {
1564
+ position: absolute;
1565
+ }
1566
+
1567
+ .relative {
1568
+ position: relative;
1569
+ }
1570
+
1571
+ .sticky {
1572
+ position: sticky;
1573
+ }
1574
+
1575
+ .left-0 {
1576
+ left: 0px;
1577
+ }
1578
+
1579
+ .right-2 {
1580
+ right: 0.5rem;
1581
+ }
1582
+
1583
+ .top-0 {
1584
+ top: 0px;
1585
+ }
1586
+
1587
+ .top-1\/2 {
1588
+ top: 50%;
1589
+ }
1590
+
1591
+ .z-\[9999\] {
1592
+ z-index: 9999;
1593
+ }
1594
+
1595
+ .z-\[999\] {
1596
+ z-index: 999;
1597
+ }
1598
+
1599
+ .col-\[1\/-1\] {
1600
+ grid-column: 1/-1;
1601
+ }
1602
+
1603
+ .-m-2 {
1604
+ margin: -0.5rem;
1605
+ }
1606
+
1607
+ .m-0 {
1608
+ margin: 0px;
1609
+ }
1610
+
1611
+ .m-2 {
1612
+ margin: 0.5rem;
1613
+ }
1614
+
1615
+ .mx-1 {
1616
+ margin-left: 0.25rem;
1617
+ margin-right: 0.25rem;
1618
+ }
1619
+
1620
+ .mx-2 {
1621
+ margin-left: 0.5rem;
1622
+ margin-right: 0.5rem;
1623
+ }
1624
+
1625
+ .mx-auto {
1626
+ margin-left: auto;
1627
+ margin-right: auto;
1628
+ }
1629
+
1630
+ .my-1 {
1631
+ margin-top: 0.25rem;
1632
+ margin-bottom: 0.25rem;
1633
+ }
1634
+
1635
+ .my-4 {
1636
+ margin-top: 1rem;
1637
+ margin-bottom: 1rem;
1638
+ }
1639
+
1640
+ .\!mt-0 {
1641
+ margin-top: 0px !important;
1642
+ }
1643
+
1644
+ .-ml-3 {
1645
+ margin-left: -0.75rem;
1646
+ }
1647
+
1648
+ .-ml-6 {
1649
+ margin-left: -1.5rem;
1650
+ }
1651
+
1652
+ .mb-0 {
1653
+ margin-bottom: 0px;
1654
+ }
1655
+
1656
+ .mb-1 {
1657
+ margin-bottom: 0.25rem;
1658
+ }
1659
+
1660
+ .mb-1\.5 {
1661
+ margin-bottom: 0.375rem;
1662
+ }
1663
+
1664
+ .mb-2 {
1665
+ margin-bottom: 0.5rem;
1666
+ }
1667
+
1668
+ .mb-4 {
1669
+ margin-bottom: 1rem;
1670
+ }
1671
+
1672
+ .mb-8 {
1673
+ margin-bottom: 2rem;
1674
+ }
1675
+
1676
+ .ml-0 {
1677
+ margin-left: 0px;
1678
+ }
1679
+
1680
+ .ml-1 {
1681
+ margin-left: 0.25rem;
1682
+ }
1683
+
1684
+ .ml-1\.5 {
1685
+ margin-left: 0.375rem;
1686
+ }
1687
+
1688
+ .ml-2 {
1689
+ margin-left: 0.5rem;
1690
+ }
1691
+
1692
+ .ml-3 {
1693
+ margin-left: 0.75rem;
1694
+ }
1695
+
1696
+ .ml-auto {
1697
+ margin-left: auto;
1698
+ }
1699
+
1700
+ .mr-0 {
1701
+ margin-right: 0px;
1702
+ }
1703
+
1704
+ .mr-1 {
1705
+ margin-right: 0.25rem;
1706
+ }
1707
+
1708
+ .mr-2 {
1709
+ margin-right: 0.5rem;
1710
+ }
1711
+
1712
+ .mr-4 {
1713
+ margin-right: 1rem;
1714
+ }
1715
+
1716
+ .mr-auto {
1717
+ margin-right: auto;
1718
+ }
1719
+
1720
+ .mt-0 {
1721
+ margin-top: 0px;
1722
+ }
1723
+
1724
+ .mt-1 {
1725
+ margin-top: 0.25rem;
1726
+ }
1727
+
1728
+ .mt-2 {
1729
+ margin-top: 0.5rem;
1730
+ }
1731
+
1732
+ .mt-2\.5 {
1733
+ margin-top: 0.625rem;
1734
+ }
1735
+
1736
+ .mt-3 {
1737
+ margin-top: 0.75rem;
1738
+ }
1739
+
1740
+ .mt-4 {
1741
+ margin-top: 1rem;
1742
+ }
1743
+
1744
+ .block {
1745
+ display: block;
1746
+ }
1747
+
1748
+ .inline {
1749
+ display: inline;
1750
+ }
1751
+
1752
+ .flex {
1753
+ display: flex;
1754
+ }
1755
+
1756
+ .inline-flex {
1757
+ display: inline-flex;
1758
+ }
1759
+
1760
+ .table {
1761
+ display: table;
1762
+ }
1763
+
1764
+ .grid {
1765
+ display: grid;
1766
+ }
1767
+
1768
+ .contents {
1769
+ display: contents;
1770
+ }
1771
+
1772
+ .\!h-\[120px\] {
1773
+ height: 120px !important;
1774
+ }
1775
+
1776
+ .h-0 {
1777
+ height: 0px;
1778
+ }
1779
+
1780
+ .h-1 {
1781
+ height: 0.25rem;
1782
+ }
1783
+
1784
+ .h-1\.5 {
1785
+ height: 0.375rem;
1786
+ }
1787
+
1788
+ .h-12 {
1789
+ height: 3rem;
1790
+ }
1791
+
1792
+ .h-2 {
1793
+ height: 0.5rem;
1794
+ }
1795
+
1796
+ .h-2\.5 {
1797
+ height: 0.625rem;
1798
+ }
1799
+
1800
+ .h-3 {
1801
+ height: 0.75rem;
1802
+ }
1803
+
1804
+ .h-4 {
1805
+ height: 1rem;
1806
+ }
1807
+
1808
+ .h-5 {
1809
+ height: 1.25rem;
1810
+ }
1811
+
1812
+ .h-6 {
1813
+ height: 1.5rem;
1814
+ }
1815
+
1816
+ .h-8 {
1817
+ height: 2rem;
1818
+ }
1819
+
1820
+ .h-\[1px\] {
1821
+ height: 1px;
1822
+ }
1823
+
1824
+ .h-\[4\.5rem\] {
1825
+ height: 4.5rem;
1826
+ }
1827
+
1828
+ .h-\[64px\] {
1829
+ height: 64px;
1830
+ }
1831
+
1832
+ .h-full {
1833
+ height: 100%;
1834
+ }
1835
+
1836
+ .max-h-80 {
1837
+ max-height: 20rem;
1838
+ }
1839
+
1840
+ .max-h-\[20rem\] {
1841
+ max-height: 20rem;
1842
+ }
1843
+
1844
+ .max-h-\[400px\] {
1845
+ max-height: 400px;
1846
+ }
1847
+
1848
+ .max-h-\[min\(80vh\2c 24rem\)\] {
1849
+ max-height: min(80vh,24rem);
1850
+ }
1851
+
1852
+ .min-h-\[1\.5rem\] {
1853
+ min-height: 1.5rem;
1854
+ }
1855
+
1856
+ .min-h-\[10rem\] {
1857
+ min-height: 10rem;
1858
+ }
1859
+
1860
+ .min-h-full {
1861
+ min-height: 100%;
1862
+ }
1863
+
1864
+ .\!w-\[212px\] {
1865
+ width: 212px !important;
1866
+ }
1867
+
1868
+ .w-0 {
1869
+ width: 0px;
1870
+ }
1871
+
1872
+ .w-1 {
1873
+ width: 0.25rem;
1874
+ }
1875
+
1876
+ .w-1\.5 {
1877
+ width: 0.375rem;
1878
+ }
1879
+
1880
+ .w-12 {
1881
+ width: 3rem;
1882
+ }
1883
+
1884
+ .w-2 {
1885
+ width: 0.5rem;
1886
+ }
1887
+
1888
+ .w-2\.5 {
1889
+ width: 0.625rem;
1890
+ }
1891
+
1892
+ .w-3 {
1893
+ width: 0.75rem;
1894
+ }
1895
+
1896
+ .w-4 {
1897
+ width: 1rem;
1898
+ }
1899
+
1900
+ .w-5 {
1901
+ width: 1.25rem;
1902
+ }
1903
+
1904
+ .w-6 {
1905
+ width: 1.5rem;
1906
+ }
1907
+
1908
+ .w-8 {
1909
+ width: 2rem;
1910
+ }
1911
+
1912
+ .w-80 {
1913
+ width: 20rem;
1914
+ }
1915
+
1916
+ .w-9 {
1917
+ width: 2.25rem;
1918
+ }
1919
+
1920
+ .w-\[1px\] {
1921
+ width: 1px;
1922
+ }
1923
+
1924
+ .w-\[32px\] {
1925
+ width: 32px;
1926
+ }
1927
+
1928
+ .w-auto {
1929
+ width: auto;
1930
+ }
1931
+
1932
+ .w-full {
1933
+ width: 100%;
1934
+ }
1935
+
1936
+ .min-w-\[1\.5rem\] {
1937
+ min-width: 1.5rem;
1938
+ }
1939
+
1940
+ .min-w-\[12rem\] {
1941
+ min-width: 12rem;
1942
+ }
1943
+
1944
+ .min-w-\[15rem\] {
1945
+ min-width: 15rem;
1946
+ }
1947
+
1948
+ .min-w-\[16rem\] {
1949
+ min-width: 16rem;
1950
+ }
1951
+
1952
+ .min-w-\[20rem\] {
1953
+ min-width: 20rem;
1954
+ }
1955
+
1956
+ .min-w-\[276px\] {
1957
+ min-width: 276px;
1958
+ }
1959
+
1960
+ .min-w-\[2rem\] {
1961
+ min-width: 2rem;
1962
+ }
1963
+
1964
+ .min-w-\[300px\] {
1965
+ min-width: 300px;
1966
+ }
1967
+
1968
+ .max-w-\[15rem\] {
1969
+ max-width: 15rem;
1970
+ }
1971
+
1972
+ .max-w-\[328px\] {
1973
+ max-width: 328px;
1974
+ }
1975
+
1976
+ .max-w-\[4rem\] {
1977
+ max-width: 4rem;
1978
+ }
1979
+
1980
+ .flex-1 {
1981
+ flex: 1 1 0%;
1982
+ }
1983
+
1984
+ .flex-none {
1985
+ flex: none;
1986
+ }
1987
+
1988
+ .shrink-0 {
1989
+ flex-shrink: 0;
1990
+ }
1991
+
1992
+ .-translate-y-1\/2 {
1993
+ --tw-translate-y: -50%;
1994
+ 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));
1995
+ }
1996
+
1997
+ .translate-x-0 {
1998
+ --tw-translate-x: 0px;
1999
+ 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));
2000
+ }
2001
+
2002
+ .translate-x-3 {
2003
+ --tw-translate-x: 0.75rem;
2004
+ 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));
2005
+ }
2006
+
2007
+ .translate-x-4 {
2008
+ --tw-translate-x: 1rem;
2009
+ 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));
2010
+ }
2011
+
2012
+ @keyframes bounce {
2013
+ 0%, 100% {
2014
+ transform: translateY(-25%);
2015
+ animation-timing-function: cubic-bezier(0.8,0,1,1);
2016
+ }
2017
+
2018
+ 50% {
2019
+ transform: none;
2020
+ animation-timing-function: cubic-bezier(0,0,0.2,1);
2021
+ }
2022
+ }
2023
+
2024
+ .animate-bounce {
2025
+ animation: bounce 1s infinite;
2026
+ }
2027
+
2028
+ @keyframes spin {
2029
+ to {
2030
+ transform: rotate(360deg);
2031
+ }
2032
+ }
2033
+
2034
+ .animate-spin {
2035
+ animation: spin 1s linear infinite;
2036
+ }
2037
+
2038
+ .cursor-not-allowed {
2039
+ cursor: not-allowed;
2040
+ }
2041
+
2042
+ .cursor-pointer {
2043
+ cursor: pointer;
2044
+ }
2045
+
2046
+ .cursor-text {
2047
+ cursor: text;
2048
+ }
2049
+
2050
+ .touch-none {
2051
+ touch-action: none;
2052
+ }
2053
+
2054
+ .select-none {
2055
+ -webkit-user-select: none;
2056
+ -moz-user-select: none;
2057
+ user-select: none;
2058
+ }
2059
+
2060
+ .appearance-none {
2061
+ -webkit-appearance: none;
2062
+ -moz-appearance: none;
2063
+ appearance: none;
2064
+ }
2065
+
2066
+ .grid-cols-1 {
2067
+ grid-template-columns: repeat(1, minmax(0, 1fr));
2068
+ }
2069
+
2070
+ .flex-row {
2071
+ flex-direction: row;
2072
+ }
2073
+
2074
+ .flex-col {
2075
+ flex-direction: column;
2076
+ }
2077
+
2078
+ .flex-wrap {
2079
+ flex-wrap: wrap;
2080
+ }
2081
+
2082
+ .items-start {
2083
+ align-items: flex-start;
2084
+ }
2085
+
2086
+ .items-center {
2087
+ align-items: center;
2088
+ }
2089
+
2090
+ .justify-start {
2091
+ justify-content: flex-start;
2092
+ }
2093
+
2094
+ .justify-center {
2095
+ justify-content: center;
2096
+ }
2097
+
2098
+ .justify-between {
2099
+ justify-content: space-between;
2100
+ }
2101
+
2102
+ .gap-0 {
2103
+ gap: 0px;
2104
+ }
2105
+
2106
+ .gap-0\.5 {
2107
+ gap: 0.125rem;
2108
+ }
2109
+
2110
+ .gap-1 {
2111
+ gap: 0.25rem;
2112
+ }
2113
+
2114
+ .gap-2 {
2115
+ gap: 0.5rem;
2116
+ }
2117
+
2118
+ .gap-x-1 {
2119
+ -moz-column-gap: 0.25rem;
2120
+ column-gap: 0.25rem;
2121
+ }
2122
+
2123
+ .gap-x-1\.5 {
2124
+ -moz-column-gap: 0.375rem;
2125
+ column-gap: 0.375rem;
2126
+ }
2127
+
2128
+ .gap-x-6 {
2129
+ -moz-column-gap: 1.5rem;
2130
+ column-gap: 1.5rem;
2131
+ }
2132
+
2133
+ .gap-y-2 {
2134
+ row-gap: 0.5rem;
2135
+ }
2136
+
2137
+ .overflow-auto {
2138
+ overflow: auto;
2139
+ }
2140
+
2141
+ .overflow-hidden {
2142
+ overflow: hidden;
2143
+ }
2144
+
2145
+ .overflow-visible {
2146
+ overflow: visible;
2147
+ }
2148
+
2149
+ .overflow-y-visible {
2150
+ overflow-y: visible;
2151
+ }
2152
+
2153
+ .truncate {
2154
+ overflow: hidden;
2155
+ text-overflow: ellipsis;
2156
+ white-space: nowrap;
2157
+ }
2158
+
2159
+ .whitespace-nowrap {
2160
+ white-space: nowrap;
2161
+ }
2162
+
2163
+ .break-all {
2164
+ word-break: break-all;
2165
+ }
2166
+
2167
+ .rounded {
2168
+ border-radius: 0.25rem;
2169
+ }
2170
+
2171
+ .rounded-\[inherit\] {
2172
+ border-radius: inherit;
2173
+ }
2174
+
2175
+ .rounded-full {
2176
+ border-radius: 9999px;
2177
+ }
2178
+
2179
+ .rounded-lg {
2180
+ border-radius: 0.5rem;
2181
+ }
2182
+
2183
+ .rounded-md {
2184
+ border-radius: 0.375rem;
2185
+ }
2186
+
2187
+ .border {
2188
+ border-width: 1px;
2189
+ }
2190
+
2191
+ .border-0 {
2192
+ border-width: 0px;
2193
+ }
2194
+
2195
+ .border-2 {
2196
+ border-width: 2px;
2197
+ }
2198
+
2199
+ .border-b {
2200
+ border-bottom-width: 1px;
2201
+ }
2202
+
2203
+ .border-b-2 {
2204
+ border-bottom-width: 2px;
2205
+ }
2206
+
2207
+ .border-l {
2208
+ border-left-width: 1px;
2209
+ }
2210
+
2211
+ .border-r {
2212
+ border-right-width: 1px;
2213
+ }
2214
+
2215
+ .border-s-4 {
2216
+ border-inline-start-width: 4px;
2217
+ }
2218
+
2219
+ .border-t {
2220
+ border-top-width: 1px;
2221
+ }
2222
+
2223
+ .border-black {
2224
+ --tw-border-opacity: 1;
2225
+ border-color: rgb(0 0 0 / var(--tw-border-opacity));
2226
+ }
2227
+
2228
+ .border-black\/10 {
2229
+ border-color: rgb(0 0 0 / 0.1);
2230
+ }
2231
+
2232
+ .border-current {
2233
+ border-color: currentColor;
2234
+ }
2235
+
2236
+ .border-gray-300 {
2237
+ --tw-border-opacity: 1;
2238
+ border-color: rgb(209 213 219 / var(--tw-border-opacity));
2239
+ }
2240
+
2241
+ .border-neutral-100 {
2242
+ --tw-border-opacity: 1;
2243
+ border-color: rgb(245 245 245 / var(--tw-border-opacity));
2244
+ }
2245
+
2246
+ .border-neutral-200 {
2247
+ --tw-border-opacity: 1;
2248
+ border-color: rgb(229 229 229 / var(--tw-border-opacity));
2249
+ }
2250
+
2251
+ .border-transparent {
2252
+ border-color: transparent;
2253
+ }
2254
+
2255
+ .border-white {
2256
+ --tw-border-opacity: 1;
2257
+ border-color: rgb(255 255 255 / var(--tw-border-opacity));
2258
+ }
2259
+
2260
+ .border-b-black\/10 {
2261
+ border-bottom-color: rgb(0 0 0 / 0.1);
2262
+ }
2263
+
2264
+ .border-l-transparent {
2265
+ border-left-color: transparent;
2266
+ }
2267
+
2268
+ .border-r-neutral-200 {
2269
+ --tw-border-opacity: 1;
2270
+ border-right-color: rgb(229 229 229 / var(--tw-border-opacity));
2271
+ }
2272
+
2273
+ .border-r-transparent {
2274
+ border-right-color: transparent;
2275
+ }
2276
+
2277
+ .border-t-transparent {
2278
+ border-top-color: transparent;
2279
+ }
2280
+
2281
+ .bg-\[\#FFA2A2\] {
2282
+ --tw-bg-opacity: 1;
2283
+ background-color: rgb(255 162 162 / var(--tw-bg-opacity));
2284
+ }
2285
+
2286
+ .bg-black {
2287
+ --tw-bg-opacity: 1;
2288
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity));
2289
+ }
2290
+
2291
+ .bg-black\/10 {
2292
+ background-color: rgb(0 0 0 / 0.1);
2293
+ }
2294
+
2295
+ .bg-black\/5 {
2296
+ background-color: rgb(0 0 0 / 0.05);
2297
+ }
2298
+
2299
+ .bg-black\/60 {
2300
+ background-color: rgb(0 0 0 / 0.6);
2301
+ }
2302
+
2303
+ .bg-blue-400 {
2304
+ --tw-bg-opacity: 1;
2305
+ background-color: rgb(96 165 250 / var(--tw-bg-opacity));
2306
+ }
2307
+
2308
+ .bg-blue-500 {
2309
+ --tw-bg-opacity: 1;
2310
+ background-color: rgb(59 130 246 / var(--tw-bg-opacity));
2311
+ }
2312
+
2313
+ .bg-gray-50 {
2314
+ --tw-bg-opacity: 1;
2315
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity));
2316
+ }
2317
+
2318
+ .bg-green-400 {
2319
+ --tw-bg-opacity: 1;
2320
+ background-color: rgb(74 222 128 / var(--tw-bg-opacity));
2321
+ }
2322
+
2323
+ .bg-green-500 {
2324
+ --tw-bg-opacity: 1;
2325
+ background-color: rgb(34 197 94 / var(--tw-bg-opacity));
2326
+ }
2327
+
2328
+ .bg-neutral-100 {
2329
+ --tw-bg-opacity: 1;
2330
+ background-color: rgb(245 245 245 / var(--tw-bg-opacity));
2331
+ }
2332
+
2333
+ .bg-neutral-200 {
2334
+ --tw-bg-opacity: 1;
2335
+ background-color: rgb(229 229 229 / var(--tw-bg-opacity));
2336
+ }
2337
+
2338
+ .bg-neutral-50 {
2339
+ --tw-bg-opacity: 1;
2340
+ background-color: rgb(250 250 250 / var(--tw-bg-opacity));
2341
+ }
2342
+
2343
+ .bg-neutral-900 {
2344
+ --tw-bg-opacity: 1;
2345
+ background-color: rgb(23 23 23 / var(--tw-bg-opacity));
2346
+ }
2347
+
2348
+ .bg-red-400 {
2349
+ --tw-bg-opacity: 1;
2350
+ background-color: rgb(248 113 113 / var(--tw-bg-opacity));
2351
+ }
2352
+
2353
+ .bg-red-500 {
2354
+ --tw-bg-opacity: 1;
2355
+ background-color: rgb(239 68 68 / var(--tw-bg-opacity));
2356
+ }
2357
+
2358
+ .bg-slate-100 {
2359
+ --tw-bg-opacity: 1;
2360
+ background-color: rgb(241 245 249 / var(--tw-bg-opacity));
2361
+ }
2362
+
2363
+ .bg-transparent {
2364
+ background-color: transparent;
2365
+ }
2366
+
2367
+ .bg-white {
2368
+ --tw-bg-opacity: 1;
2369
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2370
+ }
2371
+
2372
+ .bg-yellow-400 {
2373
+ --tw-bg-opacity: 1;
2374
+ background-color: rgb(250 204 21 / var(--tw-bg-opacity));
2375
+ }
2376
+
2377
+ .bg-yellow-500 {
2378
+ --tw-bg-opacity: 1;
2379
+ background-color: rgb(234 179 8 / var(--tw-bg-opacity));
2380
+ }
2381
+
2382
+ .bg-zinc-100 {
2383
+ --tw-bg-opacity: 1;
2384
+ background-color: rgb(244 244 245 / var(--tw-bg-opacity));
2385
+ }
2386
+
2387
+ .bg-opacity-10 {
2388
+ --tw-bg-opacity: 0.1;
2389
+ }
2390
+
2391
+ .bg-opacity-80 {
2392
+ --tw-bg-opacity: 0.8;
2393
+ }
2394
+
2395
+ .fill-neutral-300 {
2396
+ fill: #d4d4d4;
2397
+ }
2398
+
2399
+ .object-cover {
2400
+ -o-object-fit: cover;
2401
+ object-fit: cover;
2402
+ }
2403
+
2404
+ .p-0 {
2405
+ padding: 0px;
2406
+ }
2407
+
2408
+ .p-1 {
2409
+ padding: 0.25rem;
2410
+ }
2411
+
2412
+ .p-1\.5 {
2413
+ padding: 0.375rem;
2414
+ }
2415
+
2416
+ .p-2 {
2417
+ padding: 0.5rem;
2418
+ }
2419
+
2420
+ .p-4 {
2421
+ padding: 1rem;
2422
+ }
2423
+
2424
+ .p-8 {
2425
+ padding: 2rem;
2426
+ }
2427
+
2428
+ .p-\[0\.2rem\] {
2429
+ padding: 0.2rem;
2430
+ }
2431
+
2432
+ .p-\[1px\] {
2433
+ padding: 1px;
2434
+ }
2435
+
2436
+ .px-0 {
2437
+ padding-left: 0px;
2438
+ padding-right: 0px;
2439
+ }
2440
+
2441
+ .px-0\.5 {
2442
+ padding-left: 0.125rem;
2443
+ padding-right: 0.125rem;
2444
+ }
2445
+
2446
+ .px-1 {
2447
+ padding-left: 0.25rem;
2448
+ padding-right: 0.25rem;
2449
+ }
2450
+
2451
+ .px-1\.5 {
2452
+ padding-left: 0.375rem;
2453
+ padding-right: 0.375rem;
2454
+ }
2455
+
2456
+ .px-2 {
2457
+ padding-left: 0.5rem;
2458
+ padding-right: 0.5rem;
2459
+ }
2460
+
2461
+ .px-2\.5 {
2462
+ padding-left: 0.625rem;
2463
+ padding-right: 0.625rem;
2464
+ }
2465
+
2466
+ .px-3 {
2467
+ padding-left: 0.75rem;
2468
+ padding-right: 0.75rem;
2469
+ }
2470
+
2471
+ .px-4 {
2472
+ padding-left: 1rem;
2473
+ padding-right: 1rem;
2474
+ }
2475
+
2476
+ .px-6 {
2477
+ padding-left: 1.5rem;
2478
+ padding-right: 1.5rem;
2479
+ }
2480
+
2481
+ .px-8 {
2482
+ padding-left: 2rem;
2483
+ padding-right: 2rem;
2484
+ }
2485
+
2486
+ .py-1 {
2487
+ padding-top: 0.25rem;
2488
+ padding-bottom: 0.25rem;
2489
+ }
2490
+
2491
+ .py-1\.5 {
2492
+ padding-top: 0.375rem;
2493
+ padding-bottom: 0.375rem;
2494
+ }
2495
+
2496
+ .py-10 {
2497
+ padding-top: 2.5rem;
2498
+ padding-bottom: 2.5rem;
2499
+ }
2500
+
2501
+ .py-2 {
2502
+ padding-top: 0.5rem;
2503
+ padding-bottom: 0.5rem;
2504
+ }
2505
+
2506
+ .py-4 {
2507
+ padding-top: 1rem;
2508
+ padding-bottom: 1rem;
2509
+ }
2510
+
2511
+ .py-8 {
2512
+ padding-top: 2rem;
2513
+ padding-bottom: 2rem;
2514
+ }
2515
+
2516
+ .pb-2 {
2517
+ padding-bottom: 0.5rem;
2518
+ }
2519
+
2520
+ .pr-4 {
2521
+ padding-right: 1rem;
2522
+ }
2523
+
2524
+ .pt-2 {
2525
+ padding-top: 0.5rem;
2526
+ }
2527
+
2528
+ .text-left {
2529
+ text-align: left;
2530
+ }
2531
+
2532
+ .text-center {
2533
+ text-align: center;
2534
+ }
2535
+
2536
+ .text-right {
2537
+ text-align: right;
2538
+ }
2539
+
2540
+ .text-2xl {
2541
+ font-size: 1.5rem;
2542
+ line-height: 2rem;
2543
+ }
2544
+
2545
+ .text-\[\.65rem\] {
2546
+ font-size: .65rem;
2547
+ }
2548
+
2549
+ .text-\[0\.625rem\] {
2550
+ font-size: 0.625rem;
2551
+ }
2552
+
2553
+ .text-\[0\.65rem\] {
2554
+ font-size: 0.65rem;
2555
+ }
2556
+
2557
+ .text-base {
2558
+ font-size: 1rem;
2559
+ line-height: 1.5rem;
2560
+ }
2561
+
2562
+ .text-lg {
2563
+ font-size: 1.125rem;
2564
+ line-height: 1.75rem;
2565
+ }
2566
+
2567
+ .text-sm {
2568
+ font-size: 0.875rem;
2569
+ line-height: 1.25rem;
2570
+ }
2571
+
2572
+ .text-xl {
2573
+ font-size: 1.25rem;
2574
+ line-height: 1.75rem;
2575
+ }
2576
+
2577
+ .text-xs {
2578
+ font-size: 0.75rem;
2579
+ line-height: 1rem;
2580
+ }
2581
+
2582
+ .font-bold {
2583
+ font-weight: 700;
2584
+ }
2585
+
2586
+ .font-medium {
2587
+ font-weight: 500;
2588
+ }
2589
+
2590
+ .font-semibold {
2591
+ font-weight: 600;
2592
+ }
2593
+
2594
+ .uppercase {
2595
+ text-transform: uppercase;
2596
+ }
2597
+
2598
+ .capitalize {
2599
+ text-transform: capitalize;
2600
+ }
2601
+
2602
+ .italic {
2603
+ font-style: italic;
2604
+ }
2605
+
2606
+ .leading-none {
2607
+ line-height: 1;
2608
+ }
2609
+
2610
+ .leading-relaxed {
2611
+ line-height: 1.625;
2612
+ }
2613
+
2614
+ .leading-tight {
2615
+ line-height: 1.25;
2616
+ }
2617
+
2618
+ .tracking-wider {
2619
+ letter-spacing: 0.05em;
2620
+ }
2621
+
2622
+ .text-black {
2623
+ --tw-text-opacity: 1;
2624
+ color: rgb(0 0 0 / var(--tw-text-opacity));
2625
+ }
2626
+
2627
+ .text-black\/80 {
2628
+ color: rgb(0 0 0 / 0.8);
2629
+ }
2630
+
2631
+ .text-blue-500 {
2632
+ --tw-text-opacity: 1;
2633
+ color: rgb(59 130 246 / var(--tw-text-opacity));
2634
+ }
2635
+
2636
+ .text-gray-900 {
2637
+ --tw-text-opacity: 1;
2638
+ color: rgb(17 24 39 / var(--tw-text-opacity));
2639
+ }
2640
+
2641
+ .text-neutral-400 {
2642
+ --tw-text-opacity: 1;
2643
+ color: rgb(163 163 163 / var(--tw-text-opacity));
2644
+ }
2645
+
2646
+ .text-neutral-500 {
2647
+ --tw-text-opacity: 1;
2648
+ color: rgb(115 115 115 / var(--tw-text-opacity));
2649
+ }
2650
+
2651
+ .text-neutral-800 {
2652
+ --tw-text-opacity: 1;
2653
+ color: rgb(38 38 38 / var(--tw-text-opacity));
2654
+ }
2655
+
2656
+ .text-neutral-900 {
2657
+ --tw-text-opacity: 1;
2658
+ color: rgb(23 23 23 / var(--tw-text-opacity));
2659
+ }
2660
+
2661
+ .text-purple-500 {
2662
+ --tw-text-opacity: 1;
2663
+ color: rgb(168 85 247 / var(--tw-text-opacity));
2664
+ }
2665
+
2666
+ .text-purple-600 {
2667
+ --tw-text-opacity: 1;
2668
+ color: rgb(147 51 234 / var(--tw-text-opacity));
2669
+ }
2670
+
2671
+ .text-red-500 {
2672
+ --tw-text-opacity: 1;
2673
+ color: rgb(239 68 68 / var(--tw-text-opacity));
2674
+ }
2675
+
2676
+ .text-white {
2677
+ --tw-text-opacity: 1;
2678
+ color: rgb(255 255 255 / var(--tw-text-opacity));
2679
+ }
2680
+
2681
+ .underline {
2682
+ text-decoration-line: underline;
2683
+ }
2684
+
2685
+ .caret-black {
2686
+ caret-color: #000;
2687
+ }
2688
+
2689
+ .opacity-0 {
2690
+ opacity: 0;
2691
+ }
2692
+
2693
+ .opacity-20 {
2694
+ opacity: 0.2;
2695
+ }
2696
+
2697
+ .shadow-2xl {
2698
+ --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
2699
+ --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
2700
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2701
+ }
2702
+
2703
+ .shadow-sm {
2704
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2705
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
2706
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2707
+ }
2708
+
2709
+ .outline-none {
2710
+ outline: 2px solid transparent;
2711
+ outline-offset: 2px;
2712
+ }
2713
+
2714
+ .outline {
2715
+ outline-style: solid;
2716
+ }
2717
+
2718
+ .outline-offset-0 {
2719
+ outline-offset: 0px;
2720
+ }
2721
+
2722
+ .ring-1 {
2723
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2724
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2725
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2726
+ }
2727
+
2728
+ .ring-current {
2729
+ --tw-ring-color: currentColor;
2730
+ }
2731
+
2732
+ .ring-offset-2 {
2733
+ --tw-ring-offset-width: 2px;
2734
+ }
2735
+
2736
+ .blur {
2737
+ --tw-blur: blur(8px);
2738
+ 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);
2739
+ }
2740
+
2741
+ .filter {
2742
+ 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);
2743
+ }
2744
+
2745
+ .transition-all {
2746
+ transition-property: all;
2747
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2748
+ transition-duration: 150ms;
2749
+ }
2750
+
2751
+ .transition-colors {
2752
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2753
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2754
+ transition-duration: 150ms;
2755
+ }
2756
+
2757
+ .transition-transform {
2758
+ transition-property: transform;
2759
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2760
+ transition-duration: 150ms;
2761
+ }
2762
+
2763
+ .duration-300 {
2764
+ transition-duration: 300ms;
2765
+ }
2766
+
2767
+ @keyframes enter {
2768
+ from {
2769
+ opacity: var(--tw-enter-opacity, 1);
2770
+ 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));
2771
+ }
2772
+ }
2773
+
2774
+ @keyframes exit {
2775
+ to {
2776
+ opacity: var(--tw-exit-opacity, 1);
2777
+ 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));
2778
+ }
2779
+ }
2780
+
2781
+ .duration-300 {
2782
+ animation-duration: 300ms;
2783
+ }
2784
+
2785
+ .\[animation-delay\:-0\.15s\] {
2786
+ animation-delay: -0.15s;
2787
+ }
2788
+
2789
+ .\[animation-delay\:-0\.3s\] {
2790
+ animation-delay: -0.3s;
2791
+ }
2792
+
2793
+ .first\:ml-0:first-child {
2794
+ margin-left: 0px;
2795
+ }
2796
+
2797
+ .first\:mt-0:first-child {
2798
+ margin-top: 0px;
2799
+ }
2800
+
2801
+ .first\:mt-0\.5:first-child {
2802
+ margin-top: 0.125rem;
2803
+ }
2804
+
2805
+ .first\:mt-1:first-child {
2806
+ margin-top: 0.25rem;
2807
+ }
2808
+
2809
+ .first\:mt-1\.5:first-child {
2810
+ margin-top: 0.375rem;
2811
+ }
2812
+
2813
+ .last\:mr-0:last-child {
2814
+ margin-right: 0px;
2815
+ }
2816
+
2817
+ .last\:mt-0:last-child {
2818
+ margin-top: 0px;
2819
+ }
2820
+
2821
+ .hover\:bg-black:hover {
2822
+ --tw-bg-opacity: 1;
2823
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity));
2824
+ }
2825
+
2826
+ .hover\:bg-black\/10:hover {
2827
+ background-color: rgb(0 0 0 / 0.1);
2828
+ }
2829
+
2830
+ .hover\:bg-black\/5:hover {
2831
+ background-color: rgb(0 0 0 / 0.05);
275
2832
  }
276
2833
 
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
- }
2834
+ .hover\:bg-neutral-100:hover {
2835
+ --tw-bg-opacity: 1;
2836
+ background-color: rgb(245 245 245 / var(--tw-bg-opacity));
352
2837
  }
353
2838
 
354
- [data-theme='slash-command'] {
355
- width: 1000vw;
2839
+ .hover\:bg-neutral-300:hover {
2840
+ --tw-bg-opacity: 1;
2841
+ background-color: rgb(212 212 212 / var(--tw-bg-opacity));
356
2842
  }
357
2843
 
358
- .spinner-animation {
359
- animation: spinner 1.6s linear infinite;
360
- animation-delay: -1.6s;
2844
+ .hover\:bg-neutral-50:hover {
2845
+ --tw-bg-opacity: 1;
2846
+ background-color: rgb(250 250 250 / var(--tw-bg-opacity));
361
2847
  }
362
2848
 
363
- .spinner-animation-secondary {
364
- animation-delay: -1s;
2849
+ .hover\:bg-neutral-800:hover {
2850
+ --tw-bg-opacity: 1;
2851
+ background-color: rgb(38 38 38 / var(--tw-bg-opacity));
365
2852
  }
366
2853
 
367
- @keyframes spinner {
368
- 12.5% {
369
- x: 13px;
370
- y: 1px;
371
- }
2854
+ .hover\:bg-red-500:hover {
2855
+ --tw-bg-opacity: 1;
2856
+ background-color: rgb(239 68 68 / var(--tw-bg-opacity));
2857
+ }
372
2858
 
373
- 25% {
374
- x: 13px;
375
- y: 1px;
376
- }
2859
+ .hover\:bg-opacity-20:hover {
2860
+ --tw-bg-opacity: 0.2;
2861
+ }
377
2862
 
378
- 37.5% {
379
- x: 13px;
380
- y: 13px;
381
- }
2863
+ .hover\:bg-opacity-5:hover {
2864
+ --tw-bg-opacity: 0.05;
2865
+ }
382
2866
 
383
- 50% {
384
- x: 13px;
385
- y: 13px;
386
- }
2867
+ .hover\:text-black:hover {
2868
+ --tw-text-opacity: 1;
2869
+ color: rgb(0 0 0 / var(--tw-text-opacity));
2870
+ }
387
2871
 
388
- 62.5% {
389
- x: 1px;
390
- y: 13px;
391
- }
2872
+ .hover\:text-neutral-700:hover {
2873
+ --tw-text-opacity: 1;
2874
+ color: rgb(64 64 64 / var(--tw-text-opacity));
2875
+ }
392
2876
 
393
- 75% {
394
- x: 1px;
395
- y: 13px;
396
- }
2877
+ .hover\:text-neutral-800:hover {
2878
+ --tw-text-opacity: 1;
2879
+ color: rgb(38 38 38 / var(--tw-text-opacity));
2880
+ }
397
2881
 
398
- 87.5% {
399
- x: 1px;
400
- y: 1px;
401
- }
2882
+ .hover\:text-purple-600:hover {
2883
+ --tw-text-opacity: 1;
2884
+ color: rgb(147 51 234 / var(--tw-text-opacity));
402
2885
  }
403
2886
 
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
- }
2887
+ .hover\:ring-1:hover {
2888
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2889
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2890
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
830
2891
  }
831
2892
 
832
- /* Additional languages EN*/
2893
+ .focus\:bg-transparent:focus {
2894
+ background-color: transparent;
2895
+ }
833
2896
 
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
- }
2897
+ .focus\:outline-none:focus {
2898
+ outline: 2px solid transparent;
2899
+ outline-offset: 2px;
842
2900
  }
843
2901
 
844
- /* Additional languages AR*/
2902
+ .focus\:outline:focus {
2903
+ outline-style: solid;
2904
+ }
845
2905
 
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
- }
2906
+ .focus\:outline-1:focus {
2907
+ outline-width: 1px;
854
2908
  }
855
2909
 
856
- /* Additional languages FA*/
2910
+ .focus\:outline-black:focus {
2911
+ outline-color: #000;
2912
+ }
857
2913
 
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
- }
2914
+ .focus\:outline-neutral-300:focus {
2915
+ outline-color: #d4d4d4;
866
2916
  }
867
2917
 
868
- /* Additional languages FR*/
2918
+ .focus\:ring-0:focus {
2919
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2920
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2921
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2922
+ }
869
2923
 
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
- }
2924
+ .active\:bg-black\/10:active {
2925
+ background-color: rgb(0 0 0 / 0.1);
878
2926
  }
879
2927
 
880
- /* Additional languages ES*/
2928
+ .active\:bg-neutral-200:active {
2929
+ --tw-bg-opacity: 1;
2930
+ background-color: rgb(229 229 229 / var(--tw-bg-opacity));
2931
+ }
881
2932
 
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
- }
2933
+ .active\:bg-neutral-900:active {
2934
+ --tw-bg-opacity: 1;
2935
+ background-color: rgb(23 23 23 / var(--tw-bg-opacity));
890
2936
  }
891
2937
 
892
- /* Additional languages RU*/
2938
+ .active\:bg-transparent:active {
2939
+ background-color: transparent;
2940
+ }
893
2941
 
894
- .ProseMirror:lang(ru) {
895
- /* Placeholder Styles */
896
- .is-empty::before {
897
- content: 'Нажмите здесь, чтобы начать писать…';
898
- }
899
- >p.has-focus.is-empty::before {
900
- content: 'Введите / для просмотра вариантов';
901
- }
2942
+ .active\:text-neutral-800:active {
2943
+ --tw-text-opacity: 1;
2944
+ color: rgb(38 38 38 / var(--tw-text-opacity));
902
2945
  }
903
2946
 
904
- /* Additional languages TR*/
2947
+ .active\:text-purple-600:active {
2948
+ --tw-text-opacity: 1;
2949
+ color: rgb(147 51 234 / var(--tw-text-opacity));
2950
+ }
905
2951
 
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
- }
2952
+ .active\:outline:active {
2953
+ outline-style: solid;
914
2954
  }
915
2955
 
916
- /* Additional languages DE*/
2956
+ .active\:outline-black:active {
2957
+ outline-color: #000;
2958
+ }
917
2959
 
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
- }
2960
+ .disabled\:opacity-50:disabled {
2961
+ opacity: 0.5;
926
2962
  }
927
2963
 
928
- .ProseMirror {
929
- .tableWrapper {
930
- margin-top: 3rem;
931
- margin-bottom: 3rem
932
- }
933
- table {
934
- box-sizing: border-box
935
- }
936
- table {
937
- width: 100%
938
- }
939
- table {
940
- border-collapse: collapse
941
- }
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
2964
+ .dark\:border-black:is([data-theme="dark"] *) {
2965
+ --tw-border-opacity: 1;
2966
+ border-color: rgb(0 0 0 / var(--tw-border-opacity));
2967
+ }
2968
+
2969
+ .dark\:border-neutral-800:is([data-theme="dark"] *) {
2970
+ --tw-border-opacity: 1;
2971
+ border-color: rgb(38 38 38 / var(--tw-border-opacity));
2972
+ }
2973
+
2974
+ .dark\:border-neutral-900:is([data-theme="dark"] *) {
2975
+ --tw-border-opacity: 1;
2976
+ border-color: rgb(23 23 23 / var(--tw-border-opacity));
2977
+ }
2978
+
2979
+ .dark\:border-white:is([data-theme="dark"] *) {
2980
+ --tw-border-opacity: 1;
2981
+ border-color: rgb(255 255 255 / var(--tw-border-opacity));
2982
+ }
2983
+
2984
+ .dark\:border-r-neutral-800:is([data-theme="dark"] *) {
2985
+ --tw-border-opacity: 1;
2986
+ border-right-color: rgb(38 38 38 / var(--tw-border-opacity));
2987
+ }
2988
+
2989
+ .dark\:bg-black:is([data-theme="dark"] *) {
2990
+ --tw-bg-opacity: 1;
2991
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity));
2992
+ }
2993
+
2994
+ .dark\:bg-green-400:is([data-theme="dark"] *) {
2995
+ --tw-bg-opacity: 1;
2996
+ background-color: rgb(74 222 128 / var(--tw-bg-opacity));
2997
+ }
2998
+
2999
+ .dark\:bg-neutral-300:is([data-theme="dark"] *) {
3000
+ --tw-bg-opacity: 1;
3001
+ background-color: rgb(212 212 212 / var(--tw-bg-opacity));
3002
+ }
3003
+
3004
+ .dark\:bg-neutral-800:is([data-theme="dark"] *) {
3005
+ --tw-bg-opacity: 1;
3006
+ background-color: rgb(38 38 38 / var(--tw-bg-opacity));
3007
+ }
3008
+
3009
+ .dark\:bg-neutral-900:is([data-theme="dark"] *) {
3010
+ --tw-bg-opacity: 1;
3011
+ background-color: rgb(23 23 23 / var(--tw-bg-opacity));
3012
+ }
3013
+
3014
+ .dark\:bg-red-400:is([data-theme="dark"] *) {
3015
+ --tw-bg-opacity: 1;
3016
+ background-color: rgb(248 113 113 / var(--tw-bg-opacity));
3017
+ }
3018
+
3019
+ .dark\:bg-white:is([data-theme="dark"] *) {
3020
+ --tw-bg-opacity: 1;
3021
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
3022
+ }
3023
+
3024
+ .dark\:bg-white\/10:is([data-theme="dark"] *) {
3025
+ background-color: rgb(255 255 255 / 0.1);
3026
+ }
3027
+
3028
+ .dark\:bg-white\/20:is([data-theme="dark"] *) {
3029
+ background-color: rgb(255 255 255 / 0.2);
3030
+ }
3031
+
3032
+ .dark\:bg-yellow-400:is([data-theme="dark"] *) {
3033
+ --tw-bg-opacity: 1;
3034
+ background-color: rgb(250 204 21 / var(--tw-bg-opacity));
3035
+ }
3036
+
3037
+ .dark\:text-black:is([data-theme="dark"] *) {
3038
+ --tw-text-opacity: 1;
3039
+ color: rgb(0 0 0 / var(--tw-text-opacity));
3040
+ }
3041
+
3042
+ .dark\:text-neutral-100:is([data-theme="dark"] *) {
3043
+ --tw-text-opacity: 1;
3044
+ color: rgb(245 245 245 / var(--tw-text-opacity));
3045
+ }
3046
+
3047
+ .dark\:text-neutral-200:is([data-theme="dark"] *) {
3048
+ --tw-text-opacity: 1;
3049
+ color: rgb(229 229 229 / var(--tw-text-opacity));
3050
+ }
3051
+
3052
+ .dark\:text-neutral-300:is([data-theme="dark"] *) {
3053
+ --tw-text-opacity: 1;
3054
+ color: rgb(212 212 212 / var(--tw-text-opacity));
3055
+ }
3056
+
3057
+ .dark\:text-neutral-400:is([data-theme="dark"] *) {
3058
+ --tw-text-opacity: 1;
3059
+ color: rgb(163 163 163 / var(--tw-text-opacity));
3060
+ }
3061
+
3062
+ .dark\:text-neutral-500:is([data-theme="dark"] *) {
3063
+ --tw-text-opacity: 1;
3064
+ color: rgb(115 115 115 / var(--tw-text-opacity));
3065
+ }
3066
+
3067
+ .dark\:text-neutral-600:is([data-theme="dark"] *) {
3068
+ --tw-text-opacity: 1;
3069
+ color: rgb(82 82 82 / var(--tw-text-opacity));
3070
+ }
3071
+
3072
+ .dark\:text-purple-400:is([data-theme="dark"] *) {
3073
+ --tw-text-opacity: 1;
3074
+ color: rgb(192 132 252 / var(--tw-text-opacity));
3075
+ }
3076
+
3077
+ .dark\:text-red-500:is([data-theme="dark"] *) {
3078
+ --tw-text-opacity: 1;
3079
+ color: rgb(239 68 68 / var(--tw-text-opacity));
3080
+ }
3081
+
3082
+ .dark\:text-white:is([data-theme="dark"] *) {
3083
+ --tw-text-opacity: 1;
3084
+ color: rgb(255 255 255 / var(--tw-text-opacity));
3085
+ }
3086
+
3087
+ .dark\:text-white\/80:is([data-theme="dark"] *) {
3088
+ color: rgb(255 255 255 / 0.8);
3089
+ }
3090
+
3091
+ .dark\:caret-white:is([data-theme="dark"] *) {
3092
+ caret-color: #fff;
3093
+ }
3094
+
3095
+ .dark\:hover\:bg-neutral-200:hover:is([data-theme="dark"] *) {
3096
+ --tw-bg-opacity: 1;
3097
+ background-color: rgb(229 229 229 / var(--tw-bg-opacity));
3098
+ }
3099
+
3100
+ .dark\:hover\:bg-neutral-700:hover:is([data-theme="dark"] *) {
3101
+ --tw-bg-opacity: 1;
3102
+ background-color: rgb(64 64 64 / var(--tw-bg-opacity));
3103
+ }
3104
+
3105
+ .dark\:hover\:bg-neutral-800:hover:is([data-theme="dark"] *) {
3106
+ --tw-bg-opacity: 1;
3107
+ background-color: rgb(38 38 38 / var(--tw-bg-opacity));
3108
+ }
3109
+
3110
+ .dark\:hover\:bg-neutral-900:hover:is([data-theme="dark"] *) {
3111
+ --tw-bg-opacity: 1;
3112
+ background-color: rgb(23 23 23 / var(--tw-bg-opacity));
3113
+ }
3114
+
3115
+ .dark\:hover\:bg-red-500:hover:is([data-theme="dark"] *) {
3116
+ --tw-bg-opacity: 1;
3117
+ background-color: rgb(239 68 68 / var(--tw-bg-opacity));
3118
+ }
3119
+
3120
+ .dark\:hover\:bg-white\/10:hover:is([data-theme="dark"] *) {
3121
+ background-color: rgb(255 255 255 / 0.1);
3122
+ }
3123
+
3124
+ .dark\:hover\:bg-white\/20:hover:is([data-theme="dark"] *) {
3125
+ background-color: rgb(255 255 255 / 0.2);
3126
+ }
3127
+
3128
+ .dark\:hover\:bg-opacity-20:hover:is([data-theme="dark"] *) {
3129
+ --tw-bg-opacity: 0.2;
3130
+ }
3131
+
3132
+ .dark\:hover\:text-neutral-200:hover:is([data-theme="dark"] *) {
3133
+ --tw-text-opacity: 1;
3134
+ color: rgb(229 229 229 / var(--tw-text-opacity));
3135
+ }
3136
+
3137
+ .dark\:hover\:text-neutral-300:hover:is([data-theme="dark"] *) {
3138
+ --tw-text-opacity: 1;
3139
+ color: rgb(212 212 212 / var(--tw-text-opacity));
3140
+ }
3141
+
3142
+ .dark\:hover\:text-purple-200:hover:is([data-theme="dark"] *) {
3143
+ --tw-text-opacity: 1;
3144
+ color: rgb(233 213 255 / var(--tw-text-opacity));
3145
+ }
3146
+
3147
+ .dark\:hover\:text-purple-300:hover:is([data-theme="dark"] *) {
3148
+ --tw-text-opacity: 1;
3149
+ color: rgb(216 180 254 / var(--tw-text-opacity));
3150
+ }
3151
+
3152
+ .dark\:hover\:text-red-500:hover:is([data-theme="dark"] *) {
3153
+ --tw-text-opacity: 1;
3154
+ color: rgb(239 68 68 / var(--tw-text-opacity));
3155
+ }
3156
+
3157
+ .dark\:focus\:outline-neutral-700:focus:is([data-theme="dark"] *) {
3158
+ outline-color: #404040;
3159
+ }
3160
+
3161
+ .dark\:focus\:outline-white:focus:is([data-theme="dark"] *) {
3162
+ outline-color: #fff;
3163
+ }
3164
+
3165
+ .dark\:active\:bg-neutral-300:active:is([data-theme="dark"] *) {
3166
+ --tw-bg-opacity: 1;
3167
+ background-color: rgb(212 212 212 / var(--tw-bg-opacity));
3168
+ }
3169
+
3170
+ .dark\:active\:bg-neutral-700:active:is([data-theme="dark"] *) {
3171
+ --tw-bg-opacity: 1;
3172
+ background-color: rgb(64 64 64 / var(--tw-bg-opacity));
3173
+ }
3174
+
3175
+ .dark\:active\:bg-neutral-800:active:is([data-theme="dark"] *) {
3176
+ --tw-bg-opacity: 1;
3177
+ background-color: rgb(38 38 38 / var(--tw-bg-opacity));
3178
+ }
3179
+
3180
+ .dark\:active\:text-neutral-200:active:is([data-theme="dark"] *) {
3181
+ --tw-text-opacity: 1;
3182
+ color: rgb(229 229 229 / var(--tw-text-opacity));
3183
+ }
3184
+
3185
+ .dark\:active\:text-purple-400:active:is([data-theme="dark"] *) {
3186
+ --tw-text-opacity: 1;
3187
+ color: rgb(192 132 252 / var(--tw-text-opacity));
3188
+ }
3189
+
3190
+ .dark\:active\:outline-white:active:is([data-theme="dark"] *) {
3191
+ outline-color: #fff;
3192
+ }
3193
+
3194
+ @media (min-width: 1024px) {
3195
+ .lg\:relative {
3196
+ position: relative;
1425
3197
  }
1426
- [data-type='horizontalRule'] {
1427
- animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
3198
+
3199
+ .lg\:h-auto {
3200
+ height: auto;
1428
3201
  }
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
- }
3202
+
3203
+ .lg\:bg-white\/30 {
3204
+ background-color: rgb(255 255 255 / 0.3);
1468
3205
  }
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;
3206
+
3207
+ .lg\:backdrop-blur-xl {
3208
+ --tw-backdrop-blur: blur(24px);
3209
+ -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);
3210
+ 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);
1477
3211
  }
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;
3212
+
3213
+ .lg\:dark\:bg-black\/30:is([data-theme="dark"] *) {
3214
+ background-color: rgb(0 0 0 / 0.3);
1486
3215
  }
1487
3216
  }