@thangph2146/nextjs-editor 1.0.1 → 1.0.2

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.
@@ -0,0 +1,3882 @@
1
+ /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
+ @layer properties;
3
+ @layer theme, base, components, utilities;
4
+ @layer theme {
5
+ #editor-x, #editor-x :host {
6
+ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
7
+ "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
+ "Courier New", monospace;
10
+ --color-green-100: oklch(96.2% 0.044 156.743);
11
+ --color-green-400: oklch(79.2% 0.209 151.711);
12
+ --color-green-500: oklch(72.3% 0.219 149.579);
13
+ --color-green-800: oklch(44.8% 0.119 151.328);
14
+ --color-green-900: oklch(39.3% 0.095 152.535);
15
+ --color-blue-100: oklch(93.2% 0.032 255.585);
16
+ --color-blue-600: oklch(54.6% 0.245 262.881);
17
+ --color-purple-900: oklch(38.1% 0.176 304.987);
18
+ --color-gray-100: oklch(96.7% 0.003 264.542);
19
+ --color-gray-300: oklch(87.2% 0.01 258.338);
20
+ --color-gray-800: oklch(27.8% 0.033 256.848);
21
+ --color-black: #000;
22
+ --color-white: #fff;
23
+ --spacing: 0.25rem;
24
+ --container-sm: 24rem;
25
+ --text-xs: 0.75rem;
26
+ --text-xs--line-height: calc(1 / 0.75);
27
+ --text-sm: 0.875rem;
28
+ --text-sm--line-height: calc(1.25 / 0.875);
29
+ --text-base: 1rem;
30
+ --text-base--line-height: calc(1.5 / 1);
31
+ --text-lg: 1.125rem;
32
+ --text-lg--line-height: calc(1.75 / 1.125);
33
+ --text-xl: 1.25rem;
34
+ --text-xl--line-height: calc(1.75 / 1.25);
35
+ --text-2xl: 1.5rem;
36
+ --text-2xl--line-height: calc(2 / 1.5);
37
+ --text-3xl: 1.875rem;
38
+ --text-3xl--line-height: calc(2.25 / 1.875);
39
+ --text-4xl: 2.25rem;
40
+ --text-4xl--line-height: calc(2.5 / 2.25);
41
+ --text-5xl: 3rem;
42
+ --text-5xl--line-height: 1;
43
+ --text-6xl: 3.75rem;
44
+ --text-6xl--line-height: 1;
45
+ --font-weight-normal: 400;
46
+ --font-weight-medium: 500;
47
+ --font-weight-semibold: 600;
48
+ --font-weight-bold: 700;
49
+ --font-weight-extrabold: 800;
50
+ --tracking-tight: -0.025em;
51
+ --tracking-widest: 0.1em;
52
+ --leading-tight: 1.25;
53
+ --leading-normal: 1.5;
54
+ --leading-relaxed: 1.625;
55
+ --leading-loose: 2;
56
+ --radius-xs: 0.125rem;
57
+ --radius-sm: 0.25rem;
58
+ --radius-md: 0.375rem;
59
+ --radius-lg: 0.5rem;
60
+ --radius-xl: 0.75rem;
61
+ --radius-2xl: 1rem;
62
+ --animate-spin: spin 1s linear infinite;
63
+ --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
64
+ --blur-sm: 8px;
65
+ --blur-xl: 24px;
66
+ --blur-2xl: 40px;
67
+ --blur-3xl: 64px;
68
+ --default-transition-duration: 150ms;
69
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
70
+ --default-font-family: var(--font-sans);
71
+ --default-mono-font-family: var(--font-mono);
72
+ --radius: var(--radius, 0.5rem);
73
+ }
74
+ }
75
+ @layer base {
76
+ #editor-x *, #editor-x ::after, #editor-x ::before, #editor-x ::backdrop, #editor-x ::file-selector-button {
77
+ box-sizing: border-box;
78
+ margin: 0;
79
+ padding: 0;
80
+ border: 0 solid;
81
+ }
82
+ #editor-x html, #editor-x :host {
83
+ line-height: 1.5;
84
+ -webkit-text-size-adjust: 100%;
85
+ tab-size: 4;
86
+ font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
87
+ font-feature-settings: var(--default-font-feature-settings, normal);
88
+ font-variation-settings: var(--default-font-variation-settings, normal);
89
+ -webkit-tap-highlight-color: transparent;
90
+ }
91
+ #editor-x hr {
92
+ height: 0;
93
+ color: inherit;
94
+ border-top-width: 1px;
95
+ }
96
+ #editor-x abbr:where([title]) {
97
+ -webkit-text-decoration: underline dotted;
98
+ text-decoration: underline dotted;
99
+ }
100
+ #editor-x h1, #editor-x h2, #editor-x h3, #editor-x h4, #editor-x h5, #editor-x h6 {
101
+ font-size: inherit;
102
+ font-weight: inherit;
103
+ }
104
+ #editor-x a {
105
+ color: inherit;
106
+ -webkit-text-decoration: inherit;
107
+ text-decoration: inherit;
108
+ }
109
+ #editor-x b, #editor-x strong {
110
+ font-weight: bolder;
111
+ }
112
+ #editor-x code, #editor-x kbd, #editor-x samp, #editor-x pre {
113
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
114
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
115
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
116
+ font-size: 1em;
117
+ }
118
+ #editor-x small {
119
+ font-size: 80%;
120
+ }
121
+ #editor-x sub, #editor-x sup {
122
+ font-size: 75%;
123
+ line-height: 0;
124
+ position: relative;
125
+ vertical-align: baseline;
126
+ }
127
+ #editor-x sub {
128
+ bottom: -0.25em;
129
+ }
130
+ #editor-x sup {
131
+ top: -0.5em;
132
+ }
133
+ #editor-x table {
134
+ text-indent: 0;
135
+ border-color: inherit;
136
+ border-collapse: collapse;
137
+ }
138
+ #editor-x :-moz-focusring {
139
+ outline: auto;
140
+ }
141
+ #editor-x progress {
142
+ vertical-align: baseline;
143
+ }
144
+ #editor-x summary {
145
+ display: list-item;
146
+ }
147
+ #editor-x ol, #editor-x ul, #editor-x menu {
148
+ list-style: none;
149
+ }
150
+ #editor-x img, #editor-x svg, #editor-x video, #editor-x canvas, #editor-x audio, #editor-x iframe, #editor-x embed, #editor-x object {
151
+ display: block;
152
+ vertical-align: middle;
153
+ }
154
+ #editor-x img, #editor-x video {
155
+ max-width: 100%;
156
+ height: auto;
157
+ }
158
+ #editor-x button, #editor-x input, #editor-x select, #editor-x optgroup, #editor-x textarea, #editor-x ::file-selector-button {
159
+ font: inherit;
160
+ font-feature-settings: inherit;
161
+ font-variation-settings: inherit;
162
+ letter-spacing: inherit;
163
+ color: inherit;
164
+ border-radius: 0;
165
+ background-color: transparent;
166
+ opacity: 1;
167
+ }
168
+ #editor-x :where(select:is([multiple], [size])) optgroup {
169
+ font-weight: bolder;
170
+ }
171
+ #editor-x :where(select:is([multiple], [size])) optgroup option {
172
+ padding-inline-start: 20px;
173
+ }
174
+ #editor-x ::file-selector-button {
175
+ margin-inline-end: 4px;
176
+ }
177
+ #editor-x ::placeholder {
178
+ opacity: 1;
179
+ }
180
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
181
+ #editor-x ::placeholder {
182
+ color: currentcolor;
183
+ @supports (color: color-mix(in lab, red, red)) {
184
+ color: color-mix(in oklab, currentcolor 50%, transparent);
185
+ }
186
+ }
187
+ }
188
+ #editor-x textarea {
189
+ resize: vertical;
190
+ }
191
+ #editor-x ::-webkit-search-decoration {
192
+ -webkit-appearance: none;
193
+ }
194
+ #editor-x ::-webkit-date-and-time-value {
195
+ min-height: 1lh;
196
+ text-align: inherit;
197
+ }
198
+ #editor-x ::-webkit-datetime-edit {
199
+ display: inline-flex;
200
+ }
201
+ #editor-x ::-webkit-datetime-edit-fields-wrapper {
202
+ padding: 0;
203
+ }
204
+ #editor-x ::-webkit-datetime-edit, #editor-x ::-webkit-datetime-edit-year-field, #editor-x ::-webkit-datetime-edit-month-field, #editor-x ::-webkit-datetime-edit-day-field, #editor-x ::-webkit-datetime-edit-hour-field, #editor-x ::-webkit-datetime-edit-minute-field, #editor-x ::-webkit-datetime-edit-second-field, #editor-x ::-webkit-datetime-edit-millisecond-field, #editor-x ::-webkit-datetime-edit-meridiem-field {
205
+ padding-block: 0;
206
+ }
207
+ #editor-x ::-webkit-calendar-picker-indicator {
208
+ line-height: 1;
209
+ }
210
+ #editor-x :-moz-ui-invalid {
211
+ box-shadow: none;
212
+ }
213
+ #editor-x button, #editor-x input:where([type="button"], [type="reset"], [type="submit"]), #editor-x ::file-selector-button {
214
+ appearance: button;
215
+ }
216
+ #editor-x ::-webkit-inner-spin-button, #editor-x ::-webkit-outer-spin-button {
217
+ height: auto;
218
+ }
219
+ #editor-x [hidden]:where(:not([hidden="until-found"])) {
220
+ display: none !important;
221
+ }
222
+ }
223
+ @layer utilities {
224
+ #editor-x .pointer-events-none {
225
+ pointer-events: none;
226
+ }
227
+ #editor-x .invisible {
228
+ visibility: hidden;
229
+ }
230
+ #editor-x .visible {
231
+ visibility: visible;
232
+ }
233
+ #editor-x .sr-only {
234
+ position: absolute;
235
+ width: 1px;
236
+ height: 1px;
237
+ padding: 0;
238
+ margin: -1px;
239
+ overflow: hidden;
240
+ clip-path: inset(50%);
241
+ white-space: nowrap;
242
+ border-width: 0;
243
+ }
244
+ #editor-x .absolute {
245
+ position: absolute;
246
+ }
247
+ #editor-x .fixed {
248
+ position: fixed;
249
+ }
250
+ #editor-x .relative {
251
+ position: relative;
252
+ }
253
+ #editor-x .static {
254
+ position: static;
255
+ }
256
+ #editor-x .sticky {
257
+ position: sticky;
258
+ }
259
+ #editor-x .inset-0 {
260
+ inset: calc(var(--spacing) * 0);
261
+ }
262
+ #editor-x .start {
263
+ inset-inline-start: var(--spacing);
264
+ }
265
+ #editor-x .end {
266
+ inset-inline-end: var(--spacing);
267
+ }
268
+ #editor-x .-top-2\.5 {
269
+ top: calc(var(--spacing) * -2.5);
270
+ }
271
+ #editor-x .-top-\[1px\] {
272
+ top: calc(1px * -1);
273
+ }
274
+ #editor-x .top-0 {
275
+ top: calc(var(--spacing) * 0);
276
+ }
277
+ #editor-x .top-1\.5 {
278
+ top: calc(var(--spacing) * 1.5);
279
+ }
280
+ #editor-x .top-1\/2 {
281
+ top: calc(1 / 2 * 100%);
282
+ }
283
+ #editor-x .top-2 {
284
+ top: calc(var(--spacing) * 2);
285
+ }
286
+ #editor-x .top-4 {
287
+ top: calc(var(--spacing) * 4);
288
+ }
289
+ #editor-x .top-\[50\%\] {
290
+ top: 50%;
291
+ }
292
+ #editor-x .-right-1 {
293
+ right: calc(var(--spacing) * -1);
294
+ }
295
+ #editor-x .-right-2\.5 {
296
+ right: calc(var(--spacing) * -2.5);
297
+ }
298
+ #editor-x .right-0 {
299
+ right: calc(var(--spacing) * 0);
300
+ }
301
+ #editor-x .right-1 {
302
+ right: calc(var(--spacing) * 1);
303
+ }
304
+ #editor-x .right-2 {
305
+ right: calc(var(--spacing) * 2);
306
+ }
307
+ #editor-x .right-4 {
308
+ right: calc(var(--spacing) * 4);
309
+ }
310
+ #editor-x .-bottom-2\.5 {
311
+ bottom: calc(var(--spacing) * -2.5);
312
+ }
313
+ #editor-x .bottom-0 {
314
+ bottom: calc(var(--spacing) * 0);
315
+ }
316
+ #editor-x .-left-2\.5 {
317
+ left: calc(var(--spacing) * -2.5);
318
+ }
319
+ #editor-x .-left-\[1px\] {
320
+ left: calc(1px * -1);
321
+ }
322
+ #editor-x .left-0 {
323
+ left: calc(var(--spacing) * 0);
324
+ }
325
+ #editor-x .left-1\/2 {
326
+ left: calc(1 / 2 * 100%);
327
+ }
328
+ #editor-x .left-6 {
329
+ left: calc(var(--spacing) * 6);
330
+ }
331
+ #editor-x .left-\[50\%\] {
332
+ left: 50%;
333
+ }
334
+ #editor-x .z-10 {
335
+ z-index: 10;
336
+ }
337
+ #editor-x .z-20 {
338
+ z-index: 20;
339
+ }
340
+ #editor-x .z-50 {
341
+ z-index: 50;
342
+ }
343
+ #editor-x .z-200 {
344
+ z-index: 200;
345
+ }
346
+ #editor-x .z-\[100\] {
347
+ z-index: 100;
348
+ }
349
+ #editor-x .z-\[1200\] {
350
+ z-index: 1200;
351
+ }
352
+ #editor-x .clear-both {
353
+ clear: both;
354
+ }
355
+ #editor-x .container {
356
+ width: 100%;
357
+ @media (width >= 40rem) {
358
+ max-width: 40rem;
359
+ }
360
+ @media (width >= 48rem) {
361
+ max-width: 48rem;
362
+ }
363
+ @media (width >= 64rem) {
364
+ max-width: 64rem;
365
+ }
366
+ @media (width >= 80rem) {
367
+ max-width: 80rem;
368
+ }
369
+ @media (width >= 96rem) {
370
+ max-width: 96rem;
371
+ }
372
+ }
373
+ #editor-x .m-0 {
374
+ margin: calc(var(--spacing) * 0);
375
+ }
376
+ #editor-x .-mx-1 {
377
+ margin-inline: calc(var(--spacing) * -1);
378
+ }
379
+ #editor-x .mx-0 {
380
+ margin-inline: calc(var(--spacing) * 0);
381
+ }
382
+ #editor-x .mx-2 {
383
+ margin-inline: calc(var(--spacing) * 2);
384
+ }
385
+ #editor-x .mx-8 {
386
+ margin-inline: calc(var(--spacing) * 8);
387
+ }
388
+ #editor-x .mx-auto {
389
+ margin-inline: auto;
390
+ }
391
+ #editor-x .my-1 {
392
+ margin-block: calc(var(--spacing) * 1);
393
+ }
394
+ #editor-x .my-2 {
395
+ margin-block: calc(var(--spacing) * 2);
396
+ }
397
+ #editor-x .my-2\.5 {
398
+ margin-block: calc(var(--spacing) * 2.5);
399
+ }
400
+ #editor-x .my-4 {
401
+ margin-block: calc(var(--spacing) * 4);
402
+ }
403
+ #editor-x .my-6 {
404
+ margin-block: calc(var(--spacing) * 6);
405
+ }
406
+ #editor-x .my-8 {
407
+ margin-block: calc(var(--spacing) * 8);
408
+ }
409
+ #editor-x .my-auto {
410
+ margin-block: auto;
411
+ }
412
+ #editor-x .-ms-px {
413
+ margin-inline-start: -1px;
414
+ }
415
+ #editor-x .mt-0\.5 {
416
+ margin-top: calc(var(--spacing) * 0.5);
417
+ }
418
+ #editor-x .mt-1 {
419
+ margin-top: calc(var(--spacing) * 1);
420
+ }
421
+ #editor-x .mt-2 {
422
+ margin-top: calc(var(--spacing) * 2);
423
+ }
424
+ #editor-x .mt-6 {
425
+ margin-top: calc(var(--spacing) * 6);
426
+ }
427
+ #editor-x .mt-auto {
428
+ margin-top: auto;
429
+ }
430
+ #editor-x .mr-1\.5 {
431
+ margin-right: calc(var(--spacing) * 1.5);
432
+ }
433
+ #editor-x .mr-6 {
434
+ margin-right: calc(var(--spacing) * 6);
435
+ }
436
+ #editor-x .mb-2 {
437
+ margin-bottom: calc(var(--spacing) * 2);
438
+ }
439
+ #editor-x .mb-3 {
440
+ margin-bottom: calc(var(--spacing) * 3);
441
+ }
442
+ #editor-x .mb-4 {
443
+ margin-bottom: calc(var(--spacing) * 4);
444
+ }
445
+ #editor-x .ml-4 {
446
+ margin-left: calc(var(--spacing) * 4);
447
+ }
448
+ #editor-x .ml-auto {
449
+ margin-left: auto;
450
+ }
451
+ #editor-x .box-border {
452
+ box-sizing: border-box;
453
+ }
454
+ #editor-x .line-clamp-1 {
455
+ overflow: hidden;
456
+ display: -webkit-box;
457
+ -webkit-box-orient: vertical;
458
+ -webkit-line-clamp: 1;
459
+ }
460
+ #editor-x .line-clamp-2 {
461
+ overflow: hidden;
462
+ display: -webkit-box;
463
+ -webkit-box-orient: vertical;
464
+ -webkit-line-clamp: 2;
465
+ }
466
+ #editor-x .line-clamp-3 {
467
+ overflow: hidden;
468
+ display: -webkit-box;
469
+ -webkit-box-orient: vertical;
470
+ -webkit-line-clamp: 3;
471
+ }
472
+ #editor-x .block {
473
+ display: block;
474
+ }
475
+ #editor-x .contents {
476
+ display: contents;
477
+ }
478
+ #editor-x .flex {
479
+ display: flex;
480
+ }
481
+ #editor-x .grid {
482
+ display: grid;
483
+ }
484
+ #editor-x .hidden {
485
+ display: none;
486
+ }
487
+ #editor-x .inline {
488
+ display: inline;
489
+ }
490
+ #editor-x .inline-block {
491
+ display: inline-block;
492
+ }
493
+ #editor-x .inline-flex {
494
+ display: inline-flex;
495
+ }
496
+ #editor-x .table {
497
+ display: table;
498
+ }
499
+ #editor-x .aspect-square {
500
+ aspect-ratio: 1 / 1;
501
+ }
502
+ #editor-x .size-3 {
503
+ width: calc(var(--spacing) * 3);
504
+ height: calc(var(--spacing) * 3);
505
+ }
506
+ #editor-x .size-4 {
507
+ width: calc(var(--spacing) * 4);
508
+ height: calc(var(--spacing) * 4);
509
+ }
510
+ #editor-x .size-8 {
511
+ width: calc(var(--spacing) * 8);
512
+ height: calc(var(--spacing) * 8);
513
+ }
514
+ #editor-x .size-9 {
515
+ width: calc(var(--spacing) * 9);
516
+ height: calc(var(--spacing) * 9);
517
+ }
518
+ #editor-x .size-full {
519
+ width: 100%;
520
+ height: 100%;
521
+ }
522
+ #editor-x .h-1 {
523
+ height: calc(var(--spacing) * 1);
524
+ }
525
+ #editor-x .h-2 {
526
+ height: calc(var(--spacing) * 2);
527
+ }
528
+ #editor-x .h-2\.5 {
529
+ height: calc(var(--spacing) * 2.5);
530
+ }
531
+ #editor-x .h-3 {
532
+ height: calc(var(--spacing) * 3);
533
+ }
534
+ #editor-x .h-4 {
535
+ height: calc(var(--spacing) * 4);
536
+ }
537
+ #editor-x .h-5 {
538
+ height: calc(var(--spacing) * 5);
539
+ }
540
+ #editor-x .h-6 {
541
+ height: calc(var(--spacing) * 6);
542
+ }
543
+ #editor-x .h-7 {
544
+ height: calc(var(--spacing) * 7);
545
+ }
546
+ #editor-x .h-8 {
547
+ height: calc(var(--spacing) * 8);
548
+ }
549
+ #editor-x .h-9 {
550
+ height: calc(var(--spacing) * 9);
551
+ }
552
+ #editor-x .h-10 {
553
+ height: calc(var(--spacing) * 10);
554
+ }
555
+ #editor-x .h-11 {
556
+ height: calc(var(--spacing) * 11);
557
+ }
558
+ #editor-x .h-12 {
559
+ height: calc(var(--spacing) * 12);
560
+ }
561
+ #editor-x .h-14 {
562
+ height: calc(var(--spacing) * 14);
563
+ }
564
+ #editor-x .h-16 {
565
+ height: calc(var(--spacing) * 16);
566
+ }
567
+ #editor-x .h-24 {
568
+ height: calc(var(--spacing) * 24);
569
+ }
570
+ #editor-x .h-28 {
571
+ height: calc(var(--spacing) * 28);
572
+ }
573
+ #editor-x .h-32 {
574
+ height: calc(var(--spacing) * 32);
575
+ }
576
+ #editor-x .h-40 {
577
+ height: calc(var(--spacing) * 40);
578
+ }
579
+ #editor-x .h-64 {
580
+ height: calc(var(--spacing) * 64);
581
+ }
582
+ #editor-x .h-96 {
583
+ height: calc(var(--spacing) * 96);
584
+ }
585
+ #editor-x .h-\[96vh\] {
586
+ height: 96vh;
587
+ }
588
+ #editor-x .h-\[calc\(100\%-2px\)\] {
589
+ height: calc(100% - 2px);
590
+ }
591
+ #editor-x .h-\[var\(--radix-select-trigger-height\)\] {
592
+ height: var(--radix-select-trigger-height);
593
+ }
594
+ #editor-x .h-full {
595
+ height: 100%;
596
+ }
597
+ #editor-x .h-px {
598
+ height: 1px;
599
+ }
600
+ #editor-x .h-screen {
601
+ height: 100vh;
602
+ }
603
+ #editor-x .max-h-\(--radix-select-content-available-height\) {
604
+ max-height: var(--radix-select-content-available-height);
605
+ }
606
+ #editor-x .max-h-48 {
607
+ max-height: calc(var(--spacing) * 48);
608
+ }
609
+ #editor-x .max-h-\[96vh\] {
610
+ max-height: 96vh;
611
+ }
612
+ #editor-x .max-h-\[200px\] {
613
+ max-height: 200px;
614
+ }
615
+ #editor-x .max-h-\[350px\] {
616
+ max-height: 350px;
617
+ }
618
+ #editor-x .max-h-\[400px\] {
619
+ max-height: 400px;
620
+ }
621
+ #editor-x .max-h-\[500px\] {
622
+ max-height: 500px;
623
+ }
624
+ #editor-x .max-h-\[600px\] {
625
+ max-height: 600px;
626
+ }
627
+ #editor-x .max-h-full {
628
+ max-height: 100%;
629
+ }
630
+ #editor-x .max-h-screen {
631
+ max-height: 100vh;
632
+ }
633
+ #editor-x .min-h-0 {
634
+ min-height: calc(var(--spacing) * 0);
635
+ }
636
+ #editor-x .min-h-5 {
637
+ min-height: calc(var(--spacing) * 5);
638
+ }
639
+ #editor-x .min-h-11 {
640
+ min-height: calc(var(--spacing) * 11);
641
+ }
642
+ #editor-x .min-h-72 {
643
+ min-height: calc(var(--spacing) * 72);
644
+ }
645
+ #editor-x .min-h-\[44px\] {
646
+ min-height: 44px;
647
+ }
648
+ #editor-x .min-h-\[54px\] {
649
+ min-height: 54px;
650
+ }
651
+ #editor-x .min-h-\[70vh\] {
652
+ min-height: 70vh;
653
+ }
654
+ #editor-x .min-h-\[300px\] {
655
+ min-height: 300px;
656
+ }
657
+ #editor-x .min-h-full {
658
+ min-height: 100%;
659
+ }
660
+ #editor-x .w-2 {
661
+ width: calc(var(--spacing) * 2);
662
+ }
663
+ #editor-x .w-2\.5 {
664
+ width: calc(var(--spacing) * 2.5);
665
+ }
666
+ #editor-x .w-3 {
667
+ width: calc(var(--spacing) * 3);
668
+ }
669
+ #editor-x .w-4 {
670
+ width: calc(var(--spacing) * 4);
671
+ }
672
+ #editor-x .w-5 {
673
+ width: calc(var(--spacing) * 5);
674
+ }
675
+ #editor-x .w-6 {
676
+ width: calc(var(--spacing) * 6);
677
+ }
678
+ #editor-x .w-7 {
679
+ width: calc(var(--spacing) * 7);
680
+ }
681
+ #editor-x .w-8 {
682
+ width: calc(var(--spacing) * 8);
683
+ }
684
+ #editor-x .w-9 {
685
+ width: calc(var(--spacing) * 9);
686
+ }
687
+ #editor-x .w-10 {
688
+ width: calc(var(--spacing) * 10);
689
+ }
690
+ #editor-x .w-11 {
691
+ width: calc(var(--spacing) * 11);
692
+ }
693
+ #editor-x .w-12 {
694
+ width: calc(var(--spacing) * 12);
695
+ }
696
+ #editor-x .w-14 {
697
+ width: calc(var(--spacing) * 14);
698
+ }
699
+ #editor-x .w-16 {
700
+ width: calc(var(--spacing) * 16);
701
+ }
702
+ #editor-x .w-72 {
703
+ width: calc(var(--spacing) * 72);
704
+ }
705
+ #editor-x .w-\[1px\] {
706
+ width: 1px;
707
+ }
708
+ #editor-x .w-\[72px\] {
709
+ width: 72px;
710
+ }
711
+ #editor-x .w-\[96vw\] {
712
+ width: 96vw;
713
+ }
714
+ #editor-x .w-\[200px\] {
715
+ width: 200px;
716
+ }
717
+ #editor-x .w-\[250px\] {
718
+ width: 250px;
719
+ }
720
+ #editor-x .w-\[340px\] {
721
+ width: 340px;
722
+ }
723
+ #editor-x .w-\[400px\] {
724
+ width: 400px;
725
+ }
726
+ #editor-x .w-\[calc\(100\%-2px\)\] {
727
+ width: calc(100% - 2px);
728
+ }
729
+ #editor-x .w-auto {
730
+ width: auto;
731
+ }
732
+ #editor-x .w-fit {
733
+ width: fit-content;
734
+ }
735
+ #editor-x .w-full {
736
+ width: 100%;
737
+ }
738
+ #editor-x .w-min {
739
+ width: min-content;
740
+ }
741
+ #editor-x .max-w-\[32px\] {
742
+ max-width: 32px;
743
+ }
744
+ #editor-x .max-w-\[70\%\] {
745
+ max-width: 70%;
746
+ }
747
+ #editor-x .max-w-\[75\%\] {
748
+ max-width: 75%;
749
+ }
750
+ #editor-x .max-w-\[96vw\] {
751
+ max-width: 96vw;
752
+ }
753
+ #editor-x .max-w-\[100dvw\] {
754
+ max-width: 100dvw;
755
+ }
756
+ #editor-x .max-w-\[560px\] {
757
+ max-width: 560px;
758
+ }
759
+ #editor-x .max-w-\[calc\(100vw-2rem\)\] {
760
+ max-width: calc(100vw - 2rem);
761
+ }
762
+ #editor-x .max-w-full {
763
+ max-width: 100%;
764
+ }
765
+ #editor-x .max-w-screen {
766
+ max-width: 100vw;
767
+ }
768
+ #editor-x .max-w-sm {
769
+ max-width: var(--container-sm);
770
+ }
771
+ #editor-x .min-w-0 {
772
+ min-width: calc(var(--spacing) * 0);
773
+ }
774
+ #editor-x .min-w-8 {
775
+ min-width: calc(var(--spacing) * 8);
776
+ }
777
+ #editor-x .min-w-9 {
778
+ min-width: calc(var(--spacing) * 9);
779
+ }
780
+ #editor-x .min-w-10 {
781
+ min-width: calc(var(--spacing) * 10);
782
+ }
783
+ #editor-x .min-w-11 {
784
+ min-width: calc(var(--spacing) * 11);
785
+ }
786
+ #editor-x .min-w-\[1px\] {
787
+ min-width: 1px;
788
+ }
789
+ #editor-x .min-w-\[8rem\] {
790
+ min-width: 8rem;
791
+ }
792
+ #editor-x .min-w-\[72px\] {
793
+ min-width: 72px;
794
+ }
795
+ #editor-x .min-w-\[100px\] {
796
+ min-width: 100px;
797
+ }
798
+ #editor-x .min-w-\[120px\] {
799
+ min-width: 120px;
800
+ }
801
+ #editor-x .min-w-\[140px\] {
802
+ min-width: 140px;
803
+ }
804
+ #editor-x .min-w-\[var\(--radix-select-trigger-width\)\] {
805
+ min-width: var(--radix-select-trigger-width);
806
+ }
807
+ #editor-x .min-w-full {
808
+ min-width: 100%;
809
+ }
810
+ #editor-x .flex-1 {
811
+ flex: 1;
812
+ }
813
+ #editor-x .flex-auto {
814
+ flex: auto;
815
+ }
816
+ #editor-x .flex-initial {
817
+ flex: 0 auto;
818
+ }
819
+ #editor-x .shrink {
820
+ flex-shrink: 1;
821
+ }
822
+ #editor-x .shrink-0 {
823
+ flex-shrink: 0;
824
+ }
825
+ #editor-x .flex-grow {
826
+ flex-grow: 1;
827
+ }
828
+ #editor-x .grow {
829
+ flex-grow: 1;
830
+ }
831
+ #editor-x .border-collapse {
832
+ border-collapse: collapse;
833
+ }
834
+ #editor-x .origin-\(--radix-popover-content-transform-origin\) {
835
+ transform-origin: var(--radix-popover-content-transform-origin);
836
+ }
837
+ #editor-x .origin-\(--radix-select-content-transform-origin\) {
838
+ transform-origin: var(--radix-select-content-transform-origin);
839
+ }
840
+ #editor-x .origin-\(--radix-tooltip-content-transform-origin\) {
841
+ transform-origin: var(--radix-tooltip-content-transform-origin);
842
+ }
843
+ #editor-x .-translate-x-1\/2 {
844
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
845
+ translate: var(--tw-translate-x) var(--tw-translate-y);
846
+ }
847
+ #editor-x .translate-x-\[-50\%\] {
848
+ --tw-translate-x: -50%;
849
+ translate: var(--tw-translate-x) var(--tw-translate-y);
850
+ }
851
+ #editor-x .-translate-y-1\/2 {
852
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
853
+ translate: var(--tw-translate-x) var(--tw-translate-y);
854
+ }
855
+ #editor-x .-translate-y-full {
856
+ --tw-translate-y: -100%;
857
+ translate: var(--tw-translate-x) var(--tw-translate-y);
858
+ }
859
+ #editor-x .translate-y-\[-50\%\] {
860
+ --tw-translate-y: -50%;
861
+ translate: var(--tw-translate-x) var(--tw-translate-y);
862
+ }
863
+ #editor-x .translate-y-\[calc\(-50\%_-_2px\)\] {
864
+ --tw-translate-y: calc(-50% - 2px);
865
+ translate: var(--tw-translate-x) var(--tw-translate-y);
866
+ }
867
+ #editor-x .rotate-45 {
868
+ rotate: 45deg;
869
+ }
870
+ #editor-x .rotate-90 {
871
+ rotate: 90deg;
872
+ }
873
+ #editor-x .transform {
874
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
875
+ }
876
+ #editor-x .animate-pulse {
877
+ animation: var(--animate-pulse);
878
+ }
879
+ #editor-x .animate-spin {
880
+ animation: var(--animate-spin);
881
+ }
882
+ #editor-x .cursor-crosshair {
883
+ cursor: crosshair;
884
+ }
885
+ #editor-x .cursor-default {
886
+ cursor: default;
887
+ }
888
+ #editor-x .cursor-ew-resize {
889
+ cursor: ew-resize;
890
+ }
891
+ #editor-x .cursor-grab {
892
+ cursor: grab;
893
+ }
894
+ #editor-x .cursor-nesw-resize {
895
+ cursor: nesw-resize;
896
+ }
897
+ #editor-x .cursor-ns-resize {
898
+ cursor: ns-resize;
899
+ }
900
+ #editor-x .cursor-nwse-resize {
901
+ cursor: nwse-resize;
902
+ }
903
+ #editor-x .cursor-pointer {
904
+ cursor: pointer;
905
+ }
906
+ #editor-x .cursor-text {
907
+ cursor: text;
908
+ }
909
+ #editor-x .touch-none {
910
+ touch-action: none;
911
+ }
912
+ #editor-x .resize {
913
+ resize: both;
914
+ }
915
+ #editor-x .resize-none {
916
+ resize: none;
917
+ }
918
+ #editor-x .scroll-m-20 {
919
+ scroll-margin: calc(var(--spacing) * 20);
920
+ }
921
+ #editor-x .scroll-my-1 {
922
+ scroll-margin-block: calc(var(--spacing) * 1);
923
+ }
924
+ #editor-x .scroll-py-1 {
925
+ scroll-padding-block: calc(var(--spacing) * 1);
926
+ }
927
+ #editor-x .list-outside {
928
+ list-style-position: outside;
929
+ }
930
+ #editor-x .list-\[lower-alpha\] {
931
+ list-style-type: lower-alpha;
932
+ }
933
+ #editor-x .list-\[lower-roman\] {
934
+ list-style-type: lower-roman;
935
+ }
936
+ #editor-x .list-\[upper-alpha\] {
937
+ list-style-type: upper-alpha;
938
+ }
939
+ #editor-x .list-\[upper-roman\] {
940
+ list-style-type: upper-roman;
941
+ }
942
+ #editor-x .list-decimal {
943
+ list-style-type: decimal;
944
+ }
945
+ #editor-x .list-disc {
946
+ list-style-type: disc;
947
+ }
948
+ #editor-x .list-none {
949
+ list-style-type: none;
950
+ }
951
+ #editor-x .grid-cols-1 {
952
+ grid-template-columns: repeat(1, minmax(0, 1fr));
953
+ }
954
+ #editor-x .grid-cols-4 {
955
+ grid-template-columns: repeat(4, minmax(0, 1fr));
956
+ }
957
+ #editor-x .flex-col {
958
+ flex-direction: column;
959
+ }
960
+ #editor-x .flex-row {
961
+ flex-direction: row;
962
+ }
963
+ #editor-x .flex-nowrap {
964
+ flex-wrap: nowrap;
965
+ }
966
+ #editor-x .flex-wrap {
967
+ flex-wrap: wrap;
968
+ }
969
+ #editor-x .flex-wrap-reverse {
970
+ flex-wrap: wrap-reverse;
971
+ }
972
+ #editor-x .items-baseline {
973
+ align-items: baseline;
974
+ }
975
+ #editor-x .items-center {
976
+ align-items: center;
977
+ }
978
+ #editor-x .items-end {
979
+ align-items: flex-end;
980
+ }
981
+ #editor-x .items-start {
982
+ align-items: flex-start;
983
+ }
984
+ #editor-x .items-stretch {
985
+ align-items: stretch;
986
+ }
987
+ #editor-x .justify-around {
988
+ justify-content: space-around;
989
+ }
990
+ #editor-x .justify-between {
991
+ justify-content: space-between;
992
+ }
993
+ #editor-x .justify-center {
994
+ justify-content: center;
995
+ }
996
+ #editor-x .justify-end {
997
+ justify-content: flex-end;
998
+ }
999
+ #editor-x .justify-evenly {
1000
+ justify-content: space-evenly;
1001
+ }
1002
+ #editor-x .justify-normal {
1003
+ justify-content: normal;
1004
+ }
1005
+ #editor-x .justify-start {
1006
+ justify-content: flex-start;
1007
+ }
1008
+ #editor-x .gap-0 {
1009
+ gap: calc(var(--spacing) * 0);
1010
+ }
1011
+ #editor-x .gap-0\.5 {
1012
+ gap: calc(var(--spacing) * 0.5);
1013
+ }
1014
+ #editor-x .gap-1 {
1015
+ gap: calc(var(--spacing) * 1);
1016
+ }
1017
+ #editor-x .gap-1\.5 {
1018
+ gap: calc(var(--spacing) * 1.5);
1019
+ }
1020
+ #editor-x .gap-2 {
1021
+ gap: calc(var(--spacing) * 2);
1022
+ }
1023
+ #editor-x .gap-2\.5 {
1024
+ gap: calc(var(--spacing) * 2.5);
1025
+ }
1026
+ #editor-x .gap-3 {
1027
+ gap: calc(var(--spacing) * 3);
1028
+ }
1029
+ #editor-x .gap-4 {
1030
+ gap: calc(var(--spacing) * 4);
1031
+ }
1032
+ #editor-x .gap-5 {
1033
+ gap: calc(var(--spacing) * 5);
1034
+ }
1035
+ #editor-x .gap-6 {
1036
+ gap: calc(var(--spacing) * 6);
1037
+ }
1038
+ #editor-x .gap-8 {
1039
+ gap: calc(var(--spacing) * 8);
1040
+ }
1041
+ #editor-x .gap-12 {
1042
+ gap: calc(var(--spacing) * 12);
1043
+ }
1044
+ #editor-x .gap-16 {
1045
+ gap: calc(var(--spacing) * 16);
1046
+ }
1047
+ #editor-x .gap-\[--spacing\(var\(--gap\)\)\] {
1048
+ gap: calc(var(--spacing) * var(--gap));
1049
+ }
1050
+ #editor-x .space-y-1 {
1051
+ #editor-x :where(& > :not(:last-child)) {
1052
+ --tw-space-y-reverse: 0;
1053
+ margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
1054
+ margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
1055
+ }
1056
+ }
1057
+ #editor-x .space-y-4 {
1058
+ #editor-x :where(& > :not(:last-child)) {
1059
+ --tw-space-y-reverse: 0;
1060
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
1061
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
1062
+ }
1063
+ }
1064
+ #editor-x .space-x-2 {
1065
+ #editor-x :where(& > :not(:last-child)) {
1066
+ --tw-space-x-reverse: 0;
1067
+ margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
1068
+ margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
1069
+ }
1070
+ }
1071
+ #editor-x .self-stretch {
1072
+ align-self: stretch;
1073
+ }
1074
+ #editor-x .truncate {
1075
+ overflow: hidden;
1076
+ text-overflow: ellipsis;
1077
+ white-space: nowrap;
1078
+ }
1079
+ #editor-x .overflow-auto {
1080
+ overflow: auto;
1081
+ }
1082
+ #editor-x .overflow-hidden {
1083
+ overflow: hidden;
1084
+ }
1085
+ #editor-x .overflow-scroll {
1086
+ overflow: scroll;
1087
+ }
1088
+ #editor-x .overflow-x-auto {
1089
+ overflow-x: auto;
1090
+ }
1091
+ #editor-x .overflow-x-hidden {
1092
+ overflow-x: hidden;
1093
+ }
1094
+ #editor-x .overflow-y-auto {
1095
+ overflow-y: auto;
1096
+ }
1097
+ #editor-x .rounded {
1098
+ border-radius: var(--radius, 0.5rem);
1099
+ }
1100
+ #editor-x .rounded-2xl {
1101
+ border-radius: var(--radius-2xl);
1102
+ }
1103
+ #editor-x .rounded-\[2px\] {
1104
+ border-radius: 2px;
1105
+ }
1106
+ #editor-x .rounded-\[inherit\] {
1107
+ border-radius: inherit;
1108
+ }
1109
+ #editor-x .rounded-full {
1110
+ border-radius: calc(infinity * 1px);
1111
+ }
1112
+ #editor-x .rounded-lg {
1113
+ border-radius: var(--radius-lg);
1114
+ }
1115
+ #editor-x .rounded-md {
1116
+ border-radius: var(--radius-md);
1117
+ }
1118
+ #editor-x .rounded-none {
1119
+ border-radius: 0;
1120
+ }
1121
+ #editor-x .rounded-sm {
1122
+ border-radius: var(--radius-sm);
1123
+ }
1124
+ #editor-x .rounded-xl {
1125
+ border-radius: var(--radius-xl);
1126
+ }
1127
+ #editor-x .rounded-xs {
1128
+ border-radius: var(--radius-xs);
1129
+ }
1130
+ #editor-x .rounded-s-none {
1131
+ border-start-start-radius: 0;
1132
+ border-end-start-radius: 0;
1133
+ }
1134
+ #editor-x .rounded-e-none {
1135
+ border-start-end-radius: 0;
1136
+ border-end-end-radius: 0;
1137
+ }
1138
+ #editor-x .rounded-b-xl {
1139
+ border-bottom-right-radius: var(--radius-xl);
1140
+ border-bottom-left-radius: var(--radius-xl);
1141
+ }
1142
+ #editor-x .border {
1143
+ border-style: var(--tw-border-style);
1144
+ border-width: 1px;
1145
+ }
1146
+ #editor-x .border-0 {
1147
+ border-style: var(--tw-border-style);
1148
+ border-width: 0px;
1149
+ }
1150
+ #editor-x .border-1 {
1151
+ border-style: var(--tw-border-style);
1152
+ border-width: 1px;
1153
+ }
1154
+ #editor-x .border-2 {
1155
+ border-style: var(--tw-border-style);
1156
+ border-width: 2px;
1157
+ }
1158
+ #editor-x .border-x {
1159
+ border-inline-style: var(--tw-border-style);
1160
+ border-inline-width: 1px;
1161
+ }
1162
+ #editor-x .border-y {
1163
+ border-block-style: var(--tw-border-style);
1164
+ border-block-width: 1px;
1165
+ }
1166
+ #editor-x .border-t {
1167
+ border-top-style: var(--tw-border-style);
1168
+ border-top-width: 1px;
1169
+ }
1170
+ #editor-x .border-r {
1171
+ border-right-style: var(--tw-border-style);
1172
+ border-right-width: 1px;
1173
+ }
1174
+ #editor-x .border-b {
1175
+ border-bottom-style: var(--tw-border-style);
1176
+ border-bottom-width: 1px;
1177
+ }
1178
+ #editor-x .border-l {
1179
+ border-left-style: var(--tw-border-style);
1180
+ border-left-width: 1px;
1181
+ }
1182
+ #editor-x .border-l-0 {
1183
+ border-left-style: var(--tw-border-style);
1184
+ border-left-width: 0px;
1185
+ }
1186
+ #editor-x .border-l-2 {
1187
+ border-left-style: var(--tw-border-style);
1188
+ border-left-width: 2px;
1189
+ }
1190
+ #editor-x .border-dashed {
1191
+ --tw-border-style: dashed;
1192
+ border-style: dashed;
1193
+ }
1194
+ #editor-x .border-none {
1195
+ --tw-border-style: none;
1196
+ border-style: none;
1197
+ }
1198
+ #editor-x .border-solid {
1199
+ --tw-border-style: solid;
1200
+ border-style: solid;
1201
+ }
1202
+ #editor-x .border-background {
1203
+ border-color: var(--background);
1204
+ }
1205
+ #editor-x .border-border {
1206
+ border-color: var(--border);
1207
+ }
1208
+ #editor-x .border-border\/50 {
1209
+ border-color: var(--border);
1210
+ @supports (color: color-mix(in lab, red, red)) {
1211
+ border-color: color-mix(in oklab, var(--border) 50%, transparent);
1212
+ }
1213
+ }
1214
+ #editor-x .border-destructive {
1215
+ border-color: var(--destructive);
1216
+ }
1217
+ #editor-x .border-input {
1218
+ border-color: var(--input);
1219
+ }
1220
+ #editor-x .border-primary {
1221
+ border-color: var(--primary);
1222
+ }
1223
+ #editor-x .border-primary\/50 {
1224
+ border-color: var(--primary);
1225
+ @supports (color: color-mix(in lab, red, red)) {
1226
+ border-color: color-mix(in oklab, var(--primary) 50%, transparent);
1227
+ }
1228
+ }
1229
+ #editor-x .border-transparent {
1230
+ border-color: transparent;
1231
+ }
1232
+ #editor-x .border-white {
1233
+ border-color: var(--color-white);
1234
+ }
1235
+ #editor-x .border-t-transparent {
1236
+ border-top-color: transparent;
1237
+ }
1238
+ #editor-x .border-l-transparent {
1239
+ border-left-color: transparent;
1240
+ }
1241
+ #editor-x .bg-accent {
1242
+ background-color: var(--accent);
1243
+ }
1244
+ #editor-x .bg-accent\/10 {
1245
+ background-color: var(--accent);
1246
+ @supports (color: color-mix(in lab, red, red)) {
1247
+ background-color: color-mix(in oklab, var(--accent) 10%, transparent);
1248
+ }
1249
+ }
1250
+ #editor-x .bg-background {
1251
+ background-color: var(--background);
1252
+ }
1253
+ #editor-x .bg-background\/80 {
1254
+ background-color: var(--background);
1255
+ @supports (color: color-mix(in lab, red, red)) {
1256
+ background-color: color-mix(in oklab, var(--background) 80%, transparent);
1257
+ }
1258
+ }
1259
+ #editor-x .bg-background\/95 {
1260
+ background-color: var(--background);
1261
+ @supports (color: color-mix(in lab, red, red)) {
1262
+ background-color: color-mix(in oklab, var(--background) 95%, transparent);
1263
+ }
1264
+ }
1265
+ #editor-x .bg-black\/20 {
1266
+ background-color: color-mix(in srgb, #000 20%, transparent);
1267
+ @supports (color: color-mix(in lab, red, red)) {
1268
+ background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
1269
+ }
1270
+ }
1271
+ #editor-x .bg-black\/60 {
1272
+ background-color: color-mix(in srgb, #000 60%, transparent);
1273
+ @supports (color: color-mix(in lab, red, red)) {
1274
+ background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
1275
+ }
1276
+ }
1277
+ #editor-x .bg-black\/80 {
1278
+ background-color: color-mix(in srgb, #000 80%, transparent);
1279
+ @supports (color: color-mix(in lab, red, red)) {
1280
+ background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
1281
+ }
1282
+ }
1283
+ #editor-x .bg-blue-100 {
1284
+ background-color: var(--color-blue-100);
1285
+ }
1286
+ #editor-x .bg-border {
1287
+ background-color: var(--border);
1288
+ }
1289
+ #editor-x .bg-card {
1290
+ background-color: var(--card);
1291
+ }
1292
+ #editor-x .bg-destructive {
1293
+ background-color: var(--destructive);
1294
+ }
1295
+ #editor-x .bg-destructive\/10 {
1296
+ background-color: var(--destructive);
1297
+ @supports (color: color-mix(in lab, red, red)) {
1298
+ background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
1299
+ }
1300
+ }
1301
+ #editor-x .bg-destructive\/50 {
1302
+ background-color: var(--destructive);
1303
+ @supports (color: color-mix(in lab, red, red)) {
1304
+ background-color: color-mix(in oklab, var(--destructive) 50%, transparent);
1305
+ }
1306
+ }
1307
+ #editor-x .bg-foreground {
1308
+ background-color: var(--foreground);
1309
+ }
1310
+ #editor-x .bg-gray-100 {
1311
+ background-color: var(--color-gray-100);
1312
+ }
1313
+ #editor-x .bg-green-100 {
1314
+ background-color: var(--color-green-100);
1315
+ }
1316
+ #editor-x .bg-green-500 {
1317
+ background-color: var(--color-green-500);
1318
+ }
1319
+ #editor-x .bg-input {
1320
+ background-color: var(--input);
1321
+ }
1322
+ #editor-x .bg-muted {
1323
+ background-color: var(--muted);
1324
+ }
1325
+ #editor-x .bg-muted\/20 {
1326
+ background-color: var(--muted);
1327
+ @supports (color: color-mix(in lab, red, red)) {
1328
+ background-color: color-mix(in oklab, var(--muted) 20%, transparent);
1329
+ }
1330
+ }
1331
+ #editor-x .bg-muted\/30 {
1332
+ background-color: var(--muted);
1333
+ @supports (color: color-mix(in lab, red, red)) {
1334
+ background-color: color-mix(in oklab, var(--muted) 30%, transparent);
1335
+ }
1336
+ }
1337
+ #editor-x .bg-muted\/40 {
1338
+ background-color: var(--muted);
1339
+ @supports (color: color-mix(in lab, red, red)) {
1340
+ background-color: color-mix(in oklab, var(--muted) 40%, transparent);
1341
+ }
1342
+ }
1343
+ #editor-x .bg-muted\/50 {
1344
+ background-color: var(--muted);
1345
+ @supports (color: color-mix(in lab, red, red)) {
1346
+ background-color: color-mix(in oklab, var(--muted) 50%, transparent);
1347
+ }
1348
+ }
1349
+ #editor-x .bg-muted\/80 {
1350
+ background-color: var(--muted);
1351
+ @supports (color: color-mix(in lab, red, red)) {
1352
+ background-color: color-mix(in oklab, var(--muted) 80%, transparent);
1353
+ }
1354
+ }
1355
+ #editor-x .bg-popover {
1356
+ background-color: var(--popover);
1357
+ }
1358
+ #editor-x .bg-primary {
1359
+ background-color: var(--primary);
1360
+ }
1361
+ #editor-x .bg-primary\/10 {
1362
+ background-color: var(--primary);
1363
+ @supports (color: color-mix(in lab, red, red)) {
1364
+ background-color: color-mix(in oklab, var(--primary) 10%, transparent);
1365
+ }
1366
+ }
1367
+ #editor-x .bg-primary\/20 {
1368
+ background-color: var(--primary);
1369
+ @supports (color: color-mix(in lab, red, red)) {
1370
+ background-color: color-mix(in oklab, var(--primary) 20%, transparent);
1371
+ }
1372
+ }
1373
+ #editor-x .bg-secondary {
1374
+ background-color: var(--secondary);
1375
+ }
1376
+ #editor-x .bg-secondary-foreground {
1377
+ background-color: var(--secondary-foreground);
1378
+ }
1379
+ #editor-x .bg-secondary\/10 {
1380
+ background-color: var(--secondary);
1381
+ @supports (color: color-mix(in lab, red, red)) {
1382
+ background-color: color-mix(in oklab, var(--secondary) 10%, transparent);
1383
+ }
1384
+ }
1385
+ #editor-x .bg-transparent {
1386
+ background-color: transparent;
1387
+ }
1388
+ #editor-x .bg-white {
1389
+ background-color: var(--color-white);
1390
+ }
1391
+ #editor-x .bg-white\/10 {
1392
+ background-color: color-mix(in srgb, #fff 10%, transparent);
1393
+ @supports (color: color-mix(in lab, red, red)) {
1394
+ background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1395
+ }
1396
+ }
1397
+ #editor-x .bg-white\/90 {
1398
+ background-color: color-mix(in srgb, #fff 90%, transparent);
1399
+ @supports (color: color-mix(in lab, red, red)) {
1400
+ background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
1401
+ }
1402
+ }
1403
+ #editor-x .bg-gradient-to-r {
1404
+ --tw-gradient-position: to right in oklab;
1405
+ background-image: linear-gradient(var(--tw-gradient-stops));
1406
+ }
1407
+ #editor-x .bg-\[linear-gradient\(to_right\,\#ff0000_0\%\,\#ffff00_16\.66\%\,\#00ff00_33\.33\%\,\#00ffff_50\%\,\#0000ff_66\.66\%\,\#ff00ff_83\.33\%\,\#ff0000_100\%\)\] {
1408
+ background-image: linear-gradient(to right,#ff0000 0%,#ffff00 16.66%,#00ff00 33.33%,#00ffff 50%,#0000ff 66.66%,#ff00ff 83.33%,#ff0000 100%);
1409
+ }
1410
+ #editor-x .bg-none {
1411
+ background-image: none;
1412
+ }
1413
+ #editor-x .from-transparent {
1414
+ --tw-gradient-from: transparent;
1415
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1416
+ }
1417
+ #editor-x .via-border {
1418
+ --tw-gradient-via: var(--border);
1419
+ --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
1420
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
1421
+ }
1422
+ #editor-x .via-white\/20 {
1423
+ --tw-gradient-via: color-mix(in srgb, #fff 20%, transparent);
1424
+ @supports (color: color-mix(in lab, red, red)) {
1425
+ --tw-gradient-via: color-mix(in oklab, var(--color-white) 20%, transparent);
1426
+ }
1427
+ --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
1428
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
1429
+ }
1430
+ #editor-x .to-transparent {
1431
+ --tw-gradient-to: transparent;
1432
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1433
+ }
1434
+ #editor-x .fill-foreground {
1435
+ fill: var(--foreground);
1436
+ }
1437
+ #editor-x .object-contain {
1438
+ object-fit: contain;
1439
+ }
1440
+ #editor-x .object-cover {
1441
+ object-fit: cover;
1442
+ }
1443
+ #editor-x .object-fill {
1444
+ object-fit: fill;
1445
+ }
1446
+ #editor-x .p-0 {
1447
+ padding: calc(var(--spacing) * 0);
1448
+ }
1449
+ #editor-x .p-0\.5 {
1450
+ padding: calc(var(--spacing) * 0.5);
1451
+ }
1452
+ #editor-x .p-1 {
1453
+ padding: calc(var(--spacing) * 1);
1454
+ }
1455
+ #editor-x .p-2 {
1456
+ padding: calc(var(--spacing) * 2);
1457
+ }
1458
+ #editor-x .p-4 {
1459
+ padding: calc(var(--spacing) * 4);
1460
+ }
1461
+ #editor-x .p-6 {
1462
+ padding: calc(var(--spacing) * 6);
1463
+ }
1464
+ #editor-x .p-8 {
1465
+ padding: calc(var(--spacing) * 8);
1466
+ }
1467
+ #editor-x .p-px {
1468
+ padding: 1px;
1469
+ }
1470
+ #editor-x .px-1 {
1471
+ padding-inline: calc(var(--spacing) * 1);
1472
+ }
1473
+ #editor-x .px-1\.5 {
1474
+ padding-inline: calc(var(--spacing) * 1.5);
1475
+ }
1476
+ #editor-x .px-2 {
1477
+ padding-inline: calc(var(--spacing) * 2);
1478
+ }
1479
+ #editor-x .px-2\.5 {
1480
+ padding-inline: calc(var(--spacing) * 2.5);
1481
+ }
1482
+ #editor-x .px-3 {
1483
+ padding-inline: calc(var(--spacing) * 3);
1484
+ }
1485
+ #editor-x .px-4 {
1486
+ padding-inline: calc(var(--spacing) * 4);
1487
+ }
1488
+ #editor-x .px-6 {
1489
+ padding-inline: calc(var(--spacing) * 6);
1490
+ }
1491
+ #editor-x .px-8 {
1492
+ padding-inline: calc(var(--spacing) * 8);
1493
+ }
1494
+ #editor-x .px-\[1px\] {
1495
+ padding-inline: 1px;
1496
+ }
1497
+ #editor-x .py-0\.5 {
1498
+ padding-block: calc(var(--spacing) * 0.5);
1499
+ }
1500
+ #editor-x .py-1 {
1501
+ padding-block: calc(var(--spacing) * 1);
1502
+ }
1503
+ #editor-x .py-1\.5 {
1504
+ padding-block: calc(var(--spacing) * 1.5);
1505
+ }
1506
+ #editor-x .py-2 {
1507
+ padding-block: calc(var(--spacing) * 2);
1508
+ }
1509
+ #editor-x .py-2\.5 {
1510
+ padding-block: calc(var(--spacing) * 2.5);
1511
+ }
1512
+ #editor-x .py-3 {
1513
+ padding-block: calc(var(--spacing) * 3);
1514
+ }
1515
+ #editor-x .py-4 {
1516
+ padding-block: calc(var(--spacing) * 4);
1517
+ }
1518
+ #editor-x .py-6 {
1519
+ padding-block: calc(var(--spacing) * 6);
1520
+ }
1521
+ #editor-x .py-8 {
1522
+ padding-block: calc(var(--spacing) * 8);
1523
+ }
1524
+ #editor-x .py-\[18px\] {
1525
+ padding-block: 18px;
1526
+ }
1527
+ #editor-x .pt-0 {
1528
+ padding-top: calc(var(--spacing) * 0);
1529
+ }
1530
+ #editor-x .pt-4 {
1531
+ padding-top: calc(var(--spacing) * 4);
1532
+ }
1533
+ #editor-x .pt-5 {
1534
+ padding-top: calc(var(--spacing) * 5);
1535
+ }
1536
+ #editor-x .pt-6 {
1537
+ padding-top: calc(var(--spacing) * 6);
1538
+ }
1539
+ #editor-x .pr-8 {
1540
+ padding-right: calc(var(--spacing) * 8);
1541
+ }
1542
+ #editor-x .pr-10 {
1543
+ padding-right: calc(var(--spacing) * 10);
1544
+ }
1545
+ #editor-x .pb-2 {
1546
+ padding-bottom: calc(var(--spacing) * 2);
1547
+ }
1548
+ #editor-x .pb-3 {
1549
+ padding-bottom: calc(var(--spacing) * 3);
1550
+ }
1551
+ #editor-x .pb-4 {
1552
+ padding-bottom: calc(var(--spacing) * 4);
1553
+ }
1554
+ #editor-x .pb-6 {
1555
+ padding-bottom: calc(var(--spacing) * 6);
1556
+ }
1557
+ #editor-x .pl-2 {
1558
+ padding-left: calc(var(--spacing) * 2);
1559
+ }
1560
+ #editor-x .pl-6 {
1561
+ padding-left: calc(var(--spacing) * 6);
1562
+ }
1563
+ #editor-x .pl-9 {
1564
+ padding-left: calc(var(--spacing) * 9);
1565
+ }
1566
+ #editor-x .text-center {
1567
+ text-align: center;
1568
+ }
1569
+ #editor-x .text-left {
1570
+ text-align: left;
1571
+ }
1572
+ #editor-x .text-right {
1573
+ text-align: right;
1574
+ }
1575
+ #editor-x .align-top {
1576
+ vertical-align: top;
1577
+ }
1578
+ #editor-x .font-mono {
1579
+ font-family: var(--font-mono);
1580
+ }
1581
+ #editor-x .text-2xl {
1582
+ font-size: var(--text-2xl);
1583
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
1584
+ }
1585
+ #editor-x .text-3xl {
1586
+ font-size: var(--text-3xl);
1587
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
1588
+ }
1589
+ #editor-x .text-4xl {
1590
+ font-size: var(--text-4xl);
1591
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
1592
+ }
1593
+ #editor-x .text-5xl {
1594
+ font-size: var(--text-5xl);
1595
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
1596
+ }
1597
+ #editor-x .text-6xl {
1598
+ font-size: var(--text-6xl);
1599
+ line-height: var(--tw-leading, var(--text-6xl--line-height));
1600
+ }
1601
+ #editor-x .text-base {
1602
+ font-size: var(--text-base);
1603
+ line-height: var(--tw-leading, var(--text-base--line-height));
1604
+ }
1605
+ #editor-x .text-lg {
1606
+ font-size: var(--text-lg);
1607
+ line-height: var(--tw-leading, var(--text-lg--line-height));
1608
+ }
1609
+ #editor-x .text-sm {
1610
+ font-size: var(--text-sm);
1611
+ line-height: var(--tw-leading, var(--text-sm--line-height));
1612
+ }
1613
+ #editor-x .text-xl {
1614
+ font-size: var(--text-xl);
1615
+ line-height: var(--tw-leading, var(--text-xl--line-height));
1616
+ }
1617
+ #editor-x .text-xs {
1618
+ font-size: var(--text-xs);
1619
+ line-height: var(--tw-leading, var(--text-xs--line-height));
1620
+ }
1621
+ #editor-x .leading-7 {
1622
+ --tw-leading: calc(var(--spacing) * 7);
1623
+ line-height: calc(var(--spacing) * 7);
1624
+ }
1625
+ #editor-x .leading-loose {
1626
+ --tw-leading: var(--leading-loose);
1627
+ line-height: var(--leading-loose);
1628
+ }
1629
+ #editor-x .leading-none {
1630
+ --tw-leading: 1;
1631
+ line-height: 1;
1632
+ }
1633
+ #editor-x .leading-normal {
1634
+ --tw-leading: var(--leading-normal);
1635
+ line-height: var(--leading-normal);
1636
+ }
1637
+ #editor-x .leading-relaxed {
1638
+ --tw-leading: var(--leading-relaxed);
1639
+ line-height: var(--leading-relaxed);
1640
+ }
1641
+ #editor-x .leading-tight {
1642
+ --tw-leading: var(--leading-tight);
1643
+ line-height: var(--leading-tight);
1644
+ }
1645
+ #editor-x .font-bold {
1646
+ --tw-font-weight: var(--font-weight-bold);
1647
+ font-weight: var(--font-weight-bold);
1648
+ }
1649
+ #editor-x .font-extrabold {
1650
+ --tw-font-weight: var(--font-weight-extrabold);
1651
+ font-weight: var(--font-weight-extrabold);
1652
+ }
1653
+ #editor-x .font-medium {
1654
+ --tw-font-weight: var(--font-weight-medium);
1655
+ font-weight: var(--font-weight-medium);
1656
+ }
1657
+ #editor-x .font-normal {
1658
+ --tw-font-weight: var(--font-weight-normal);
1659
+ font-weight: var(--font-weight-normal);
1660
+ }
1661
+ #editor-x .font-semibold {
1662
+ --tw-font-weight: var(--font-weight-semibold);
1663
+ font-weight: var(--font-weight-semibold);
1664
+ }
1665
+ #editor-x .tracking-tight {
1666
+ --tw-tracking: var(--tracking-tight);
1667
+ letter-spacing: var(--tracking-tight);
1668
+ }
1669
+ #editor-x .tracking-widest {
1670
+ --tw-tracking: var(--tracking-widest);
1671
+ letter-spacing: var(--tracking-widest);
1672
+ }
1673
+ #editor-x .text-balance {
1674
+ text-wrap: balance;
1675
+ }
1676
+ #editor-x .text-ellipsis {
1677
+ text-overflow: ellipsis;
1678
+ }
1679
+ #editor-x .whitespace-nowrap {
1680
+ white-space: nowrap;
1681
+ }
1682
+ #editor-x .whitespace-pre-wrap {
1683
+ white-space: pre-wrap;
1684
+ }
1685
+ #editor-x .text-accent-foreground {
1686
+ color: var(--accent-foreground);
1687
+ }
1688
+ #editor-x .text-background {
1689
+ color: var(--background);
1690
+ }
1691
+ #editor-x .text-blue-600 {
1692
+ color: var(--color-blue-600);
1693
+ }
1694
+ #editor-x .text-destructive {
1695
+ color: var(--destructive);
1696
+ }
1697
+ #editor-x .text-destructive-foreground {
1698
+ color: var(--destructive-foreground);
1699
+ }
1700
+ #editor-x .text-foreground {
1701
+ color: var(--foreground);
1702
+ }
1703
+ #editor-x .text-foreground\/50 {
1704
+ color: var(--foreground);
1705
+ @supports (color: color-mix(in lab, red, red)) {
1706
+ color: color-mix(in oklab, var(--foreground) 50%, transparent);
1707
+ }
1708
+ }
1709
+ #editor-x .text-foreground\/70 {
1710
+ color: var(--foreground);
1711
+ @supports (color: color-mix(in lab, red, red)) {
1712
+ color: color-mix(in oklab, var(--foreground) 70%, transparent);
1713
+ }
1714
+ }
1715
+ #editor-x .text-gray-800 {
1716
+ color: var(--color-gray-800);
1717
+ }
1718
+ #editor-x .text-green-800 {
1719
+ color: var(--color-green-800);
1720
+ }
1721
+ #editor-x .text-muted-foreground {
1722
+ color: var(--muted-foreground);
1723
+ }
1724
+ #editor-x .text-popover-foreground {
1725
+ color: var(--popover-foreground);
1726
+ }
1727
+ #editor-x .text-primary {
1728
+ color: var(--primary);
1729
+ }
1730
+ #editor-x .text-primary-foreground {
1731
+ color: var(--primary-foreground);
1732
+ }
1733
+ #editor-x .text-purple-900 {
1734
+ color: var(--color-purple-900);
1735
+ }
1736
+ #editor-x .text-secondary {
1737
+ color: var(--secondary);
1738
+ }
1739
+ #editor-x .text-secondary-foreground {
1740
+ color: var(--secondary-foreground);
1741
+ }
1742
+ #editor-x .text-white\/80 {
1743
+ color: color-mix(in srgb, #fff 80%, transparent);
1744
+ @supports (color: color-mix(in lab, red, red)) {
1745
+ color: color-mix(in oklab, var(--color-white) 80%, transparent);
1746
+ }
1747
+ }
1748
+ #editor-x .lowercase {
1749
+ text-transform: lowercase;
1750
+ }
1751
+ #editor-x .uppercase {
1752
+ text-transform: uppercase;
1753
+ }
1754
+ #editor-x .italic {
1755
+ font-style: italic;
1756
+ }
1757
+ #editor-x .tabular-nums {
1758
+ --tw-numeric-spacing: tabular-nums;
1759
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
1760
+ }
1761
+ #editor-x .line-through {
1762
+ text-decoration-line: line-through;
1763
+ }
1764
+ #editor-x .underline {
1765
+ text-decoration-line: underline;
1766
+ }
1767
+ #editor-x .underline-offset-2 {
1768
+ text-underline-offset: 2px;
1769
+ }
1770
+ #editor-x .underline-offset-4 {
1771
+ text-underline-offset: 4px;
1772
+ }
1773
+ #editor-x .caret-primary {
1774
+ caret-color: var(--primary);
1775
+ }
1776
+ #editor-x .opacity-0 {
1777
+ opacity: 0%;
1778
+ }
1779
+ #editor-x .opacity-30 {
1780
+ opacity: 30%;
1781
+ }
1782
+ #editor-x .opacity-50 {
1783
+ opacity: 50%;
1784
+ }
1785
+ #editor-x .opacity-60 {
1786
+ opacity: 60%;
1787
+ }
1788
+ #editor-x .opacity-70 {
1789
+ opacity: 70%;
1790
+ }
1791
+ #editor-x .opacity-80 {
1792
+ opacity: 80%;
1793
+ }
1794
+ #editor-x .shadow {
1795
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1796
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1797
+ }
1798
+ #editor-x .shadow-2xl {
1799
+ --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
1800
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1801
+ }
1802
+ #editor-x .shadow-inner {
1803
+ --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1804
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1805
+ }
1806
+ #editor-x .shadow-lg {
1807
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1808
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1809
+ }
1810
+ #editor-x .shadow-md {
1811
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1812
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1813
+ }
1814
+ #editor-x .shadow-sm {
1815
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1816
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1817
+ }
1818
+ #editor-x .shadow-xs {
1819
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1820
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1821
+ }
1822
+ #editor-x .ring {
1823
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1824
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1825
+ }
1826
+ #editor-x .ring-2 {
1827
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1828
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1829
+ }
1830
+ #editor-x .shadow-black\/5 {
1831
+ --tw-shadow-color: color-mix(in srgb, #000 5%, transparent);
1832
+ @supports (color: color-mix(in lab, red, red)) {
1833
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent);
1834
+ }
1835
+ }
1836
+ #editor-x .ring-primary {
1837
+ --tw-ring-color: var(--primary);
1838
+ }
1839
+ #editor-x .ring-offset-1 {
1840
+ --tw-ring-offset-width: 1px;
1841
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1842
+ }
1843
+ #editor-x .ring-offset-2 {
1844
+ --tw-ring-offset-width: 2px;
1845
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1846
+ }
1847
+ #editor-x .ring-offset-background {
1848
+ --tw-ring-offset-color: var(--background);
1849
+ }
1850
+ #editor-x .outline-hidden {
1851
+ --tw-outline-style: none;
1852
+ outline-style: none;
1853
+ @media (forced-colors: active) {
1854
+ outline: 2px solid transparent;
1855
+ outline-offset: 2px;
1856
+ }
1857
+ }
1858
+ #editor-x .outline {
1859
+ outline-style: var(--tw-outline-style);
1860
+ outline-width: 1px;
1861
+ }
1862
+ #editor-x .outline-offset-2 {
1863
+ outline-offset: 2px;
1864
+ }
1865
+ #editor-x .blur {
1866
+ --tw-blur: blur(8px);
1867
+ 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,);
1868
+ }
1869
+ #editor-x .blur-2xl {
1870
+ --tw-blur: blur(var(--blur-2xl));
1871
+ 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,);
1872
+ }
1873
+ #editor-x .blur-3xl {
1874
+ --tw-blur: blur(var(--blur-3xl));
1875
+ 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,);
1876
+ }
1877
+ #editor-x .blur-xl {
1878
+ --tw-blur: blur(var(--blur-xl));
1879
+ 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,);
1880
+ }
1881
+ #editor-x .backdrop-blur-sm {
1882
+ --tw-backdrop-blur: blur(var(--blur-sm));
1883
+ -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,);
1884
+ 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,);
1885
+ }
1886
+ #editor-x .transition {
1887
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
1888
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1889
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1890
+ }
1891
+ #editor-x .transition-\[color\,box-shadow\] {
1892
+ transition-property: color,box-shadow;
1893
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1894
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1895
+ }
1896
+ #editor-x .transition-all {
1897
+ transition-property: all;
1898
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1899
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1900
+ }
1901
+ #editor-x .transition-colors {
1902
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1903
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1904
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1905
+ }
1906
+ #editor-x .transition-opacity {
1907
+ transition-property: opacity;
1908
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1909
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1910
+ }
1911
+ #editor-x .transition-transform {
1912
+ transition-property: transform, translate, scale, rotate;
1913
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1914
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1915
+ }
1916
+ #editor-x .duration-200 {
1917
+ --tw-duration: 200ms;
1918
+ transition-duration: 200ms;
1919
+ }
1920
+ #editor-x .duration-300 {
1921
+ --tw-duration: 300ms;
1922
+ transition-duration: 300ms;
1923
+ }
1924
+ #editor-x .will-change-transform {
1925
+ will-change: transform;
1926
+ }
1927
+ #editor-x .outline-none {
1928
+ --tw-outline-style: none;
1929
+ outline-style: none;
1930
+ }
1931
+ #editor-x .select-none {
1932
+ -webkit-user-select: none;
1933
+ user-select: none;
1934
+ }
1935
+ #editor-x .select-text {
1936
+ -webkit-user-select: text;
1937
+ user-select: text;
1938
+ }
1939
+ #editor-x .\[--lexical-indent-base-value\:40px\] {
1940
+ --lexical-indent-base-value: 40px;
1941
+ }
1942
+ #editor-x .\[-moz-appearance\:_textfield\] {
1943
+ -moz-appearance: textfield;
1944
+ }
1945
+ #editor-x .group-hover\:text-primary-foreground {
1946
+ #editor-x &:is(:where(.group):hover *) {
1947
+ @media (hover: hover) {
1948
+ color: var(--primary-foreground);
1949
+ }
1950
+ }
1951
+ }
1952
+ #editor-x .group-data-\[disabled\=true\]\:pointer-events-none {
1953
+ #editor-x &:is(:where(.group)[data-disabled="true"] *) {
1954
+ pointer-events: none;
1955
+ }
1956
+ }
1957
+ #editor-x .group-data-\[disabled\=true\]\:opacity-50 {
1958
+ #editor-x &:is(:where(.group)[data-disabled="true"] *) {
1959
+ opacity: 50%;
1960
+ }
1961
+ }
1962
+ #editor-x .peer-disabled\:cursor-not-allowed {
1963
+ #editor-x &:is(:where(.peer):disabled ~ *) {
1964
+ cursor: not-allowed;
1965
+ }
1966
+ }
1967
+ #editor-x .peer-disabled\:opacity-50 {
1968
+ #editor-x &:is(:where(.peer):disabled ~ *) {
1969
+ opacity: 50%;
1970
+ }
1971
+ }
1972
+ #editor-x .selection\:bg-primary {
1973
+ #editor-x & *::selection {
1974
+ background-color: var(--primary);
1975
+ }
1976
+ #editor-x &::selection {
1977
+ background-color: var(--primary);
1978
+ }
1979
+ }
1980
+ #editor-x .selection\:text-primary-foreground {
1981
+ #editor-x & *::selection {
1982
+ color: var(--primary-foreground);
1983
+ }
1984
+ #editor-x &::selection {
1985
+ color: var(--primary-foreground);
1986
+ }
1987
+ }
1988
+ #editor-x .file\:inline-flex {
1989
+ #editor-x &::file-selector-button {
1990
+ display: inline-flex;
1991
+ }
1992
+ }
1993
+ #editor-x .file\:h-7 {
1994
+ #editor-x &::file-selector-button {
1995
+ height: calc(var(--spacing) * 7);
1996
+ }
1997
+ }
1998
+ #editor-x .file\:border-0 {
1999
+ #editor-x &::file-selector-button {
2000
+ border-style: var(--tw-border-style);
2001
+ border-width: 0px;
2002
+ }
2003
+ }
2004
+ #editor-x .file\:bg-transparent {
2005
+ #editor-x &::file-selector-button {
2006
+ background-color: transparent;
2007
+ }
2008
+ }
2009
+ #editor-x .file\:font-medium {
2010
+ #editor-x &::file-selector-button {
2011
+ --tw-font-weight: var(--font-weight-medium);
2012
+ font-weight: var(--font-weight-medium);
2013
+ }
2014
+ }
2015
+ #editor-x .file\:text-foreground {
2016
+ #editor-x &::file-selector-button {
2017
+ color: var(--foreground);
2018
+ }
2019
+ }
2020
+ #editor-x .placeholder\:text-muted-foreground {
2021
+ #editor-x &::placeholder {
2022
+ color: var(--muted-foreground);
2023
+ }
2024
+ }
2025
+ #editor-x .before\:absolute {
2026
+ #editor-x &::before {
2027
+ content: var(--tw-content);
2028
+ position: absolute;
2029
+ }
2030
+ }
2031
+ #editor-x .before\:top-0\.5 {
2032
+ #editor-x &::before {
2033
+ content: var(--tw-content);
2034
+ top: calc(var(--spacing) * 0.5);
2035
+ }
2036
+ }
2037
+ #editor-x .before\:left-0 {
2038
+ #editor-x &::before {
2039
+ content: var(--tw-content);
2040
+ left: calc(var(--spacing) * 0);
2041
+ }
2042
+ }
2043
+ #editor-x .before\:block {
2044
+ #editor-x &::before {
2045
+ content: var(--tw-content);
2046
+ display: block;
2047
+ }
2048
+ }
2049
+ #editor-x .before\:hidden {
2050
+ #editor-x &::before {
2051
+ content: var(--tw-content);
2052
+ display: none;
2053
+ }
2054
+ }
2055
+ #editor-x .before\:h-4 {
2056
+ #editor-x &::before {
2057
+ content: var(--tw-content);
2058
+ height: calc(var(--spacing) * 4);
2059
+ }
2060
+ }
2061
+ #editor-x .before\:w-4 {
2062
+ #editor-x &::before {
2063
+ content: var(--tw-content);
2064
+ width: calc(var(--spacing) * 4);
2065
+ }
2066
+ }
2067
+ #editor-x .before\:cursor-pointer {
2068
+ #editor-x &::before {
2069
+ content: var(--tw-content);
2070
+ cursor: pointer;
2071
+ }
2072
+ }
2073
+ #editor-x .before\:rounded {
2074
+ #editor-x &::before {
2075
+ content: var(--tw-content);
2076
+ border-radius: var(--radius, 0.5rem);
2077
+ }
2078
+ }
2079
+ #editor-x .before\:border {
2080
+ #editor-x &::before {
2081
+ content: var(--tw-content);
2082
+ border-style: var(--tw-border-style);
2083
+ border-width: 1px;
2084
+ }
2085
+ }
2086
+ #editor-x .before\:border-primary {
2087
+ #editor-x &::before {
2088
+ content: var(--tw-content);
2089
+ border-color: var(--primary);
2090
+ }
2091
+ }
2092
+ #editor-x .before\:bg-primary {
2093
+ #editor-x &::before {
2094
+ content: var(--tw-content);
2095
+ background-color: var(--primary);
2096
+ }
2097
+ }
2098
+ #editor-x .before\:bg-cover {
2099
+ #editor-x &::before {
2100
+ content: var(--tw-content);
2101
+ background-size: cover;
2102
+ }
2103
+ }
2104
+ #editor-x .before\:bg-no-repeat {
2105
+ #editor-x &::before {
2106
+ content: var(--tw-content);
2107
+ background-repeat: no-repeat;
2108
+ }
2109
+ }
2110
+ #editor-x .before\:content-\[\"\"\] {
2111
+ #editor-x &::before {
2112
+ --tw-content: "";
2113
+ content: var(--tw-content);
2114
+ }
2115
+ }
2116
+ #editor-x .after\:absolute {
2117
+ #editor-x &::after {
2118
+ content: var(--tw-content);
2119
+ position: absolute;
2120
+ }
2121
+ }
2122
+ #editor-x .after\:top-\[6px\] {
2123
+ #editor-x &::after {
2124
+ content: var(--tw-content);
2125
+ top: 6px;
2126
+ }
2127
+ }
2128
+ #editor-x .after\:right-\[7px\] {
2129
+ #editor-x &::after {
2130
+ content: var(--tw-content);
2131
+ right: 7px;
2132
+ }
2133
+ }
2134
+ #editor-x .after\:left-\[7px\] {
2135
+ #editor-x &::after {
2136
+ content: var(--tw-content);
2137
+ left: 7px;
2138
+ }
2139
+ }
2140
+ #editor-x .after\:block {
2141
+ #editor-x &::after {
2142
+ content: var(--tw-content);
2143
+ display: block;
2144
+ }
2145
+ }
2146
+ #editor-x .after\:hidden {
2147
+ #editor-x &::after {
2148
+ content: var(--tw-content);
2149
+ display: none;
2150
+ }
2151
+ }
2152
+ #editor-x .after\:h-0\.5 {
2153
+ #editor-x &::after {
2154
+ content: var(--tw-content);
2155
+ height: calc(var(--spacing) * 0.5);
2156
+ }
2157
+ }
2158
+ #editor-x .after\:h-\[6px\] {
2159
+ #editor-x &::after {
2160
+ content: var(--tw-content);
2161
+ height: 6px;
2162
+ }
2163
+ }
2164
+ #editor-x .after\:w-\[3px\] {
2165
+ #editor-x &::after {
2166
+ content: var(--tw-content);
2167
+ width: 3px;
2168
+ }
2169
+ }
2170
+ #editor-x .after\:rotate-45 {
2171
+ #editor-x &::after {
2172
+ content: var(--tw-content);
2173
+ rotate: 45deg;
2174
+ }
2175
+ }
2176
+ #editor-x .after\:cursor-pointer {
2177
+ #editor-x &::after {
2178
+ content: var(--tw-content);
2179
+ cursor: pointer;
2180
+ }
2181
+ }
2182
+ #editor-x .after\:border-t-0 {
2183
+ #editor-x &::after {
2184
+ content: var(--tw-content);
2185
+ border-top-style: var(--tw-border-style);
2186
+ border-top-width: 0px;
2187
+ }
2188
+ }
2189
+ #editor-x .after\:border-r-2 {
2190
+ #editor-x &::after {
2191
+ content: var(--tw-content);
2192
+ border-right-style: var(--tw-border-style);
2193
+ border-right-width: 2px;
2194
+ }
2195
+ }
2196
+ #editor-x .after\:border-b-2 {
2197
+ #editor-x &::after {
2198
+ content: var(--tw-content);
2199
+ border-bottom-style: var(--tw-border-style);
2200
+ border-bottom-width: 2px;
2201
+ }
2202
+ }
2203
+ #editor-x .after\:border-l-0 {
2204
+ #editor-x &::after {
2205
+ content: var(--tw-content);
2206
+ border-left-style: var(--tw-border-style);
2207
+ border-left-width: 0px;
2208
+ }
2209
+ }
2210
+ #editor-x .after\:border-solid {
2211
+ #editor-x &::after {
2212
+ content: var(--tw-content);
2213
+ --tw-border-style: solid;
2214
+ border-style: solid;
2215
+ }
2216
+ }
2217
+ #editor-x .after\:border-white {
2218
+ #editor-x &::after {
2219
+ content: var(--tw-content);
2220
+ border-color: var(--color-white);
2221
+ }
2222
+ }
2223
+ #editor-x .after\:bg-muted {
2224
+ #editor-x &::after {
2225
+ content: var(--tw-content);
2226
+ background-color: var(--muted);
2227
+ }
2228
+ }
2229
+ #editor-x .after\:content-\[\"\"\] {
2230
+ #editor-x &::after {
2231
+ --tw-content: "";
2232
+ content: var(--tw-content);
2233
+ }
2234
+ }
2235
+ #editor-x .first\:mt-0 {
2236
+ #editor-x &:first-child {
2237
+ margin-top: calc(var(--spacing) * 0);
2238
+ }
2239
+ }
2240
+ #editor-x .even\:bg-muted {
2241
+ #editor-x &:nth-child(even) {
2242
+ background-color: var(--muted);
2243
+ }
2244
+ }
2245
+ #editor-x .hover\:cursor-pointer {
2246
+ #editor-x &:hover {
2247
+ @media (hover: hover) {
2248
+ cursor: pointer;
2249
+ }
2250
+ }
2251
+ }
2252
+ #editor-x .hover\:border-primary\/50 {
2253
+ #editor-x &:hover {
2254
+ @media (hover: hover) {
2255
+ border-color: var(--primary);
2256
+ @supports (color: color-mix(in lab, red, red)) {
2257
+ border-color: color-mix(in oklab, var(--primary) 50%, transparent);
2258
+ }
2259
+ }
2260
+ }
2261
+ }
2262
+ #editor-x .hover\:bg-accent {
2263
+ #editor-x &:hover {
2264
+ @media (hover: hover) {
2265
+ background-color: var(--accent);
2266
+ }
2267
+ }
2268
+ }
2269
+ #editor-x .hover\:bg-accent\/10 {
2270
+ #editor-x &:hover {
2271
+ @media (hover: hover) {
2272
+ background-color: var(--accent);
2273
+ @supports (color: color-mix(in lab, red, red)) {
2274
+ background-color: color-mix(in oklab, var(--accent) 10%, transparent);
2275
+ }
2276
+ }
2277
+ }
2278
+ }
2279
+ #editor-x .hover\:bg-accent\/50 {
2280
+ #editor-x &:hover {
2281
+ @media (hover: hover) {
2282
+ background-color: var(--accent);
2283
+ @supports (color: color-mix(in lab, red, red)) {
2284
+ background-color: color-mix(in oklab, var(--accent) 50%, transparent);
2285
+ }
2286
+ }
2287
+ }
2288
+ }
2289
+ #editor-x .hover\:bg-background\/50 {
2290
+ #editor-x &:hover {
2291
+ @media (hover: hover) {
2292
+ background-color: var(--background);
2293
+ @supports (color: color-mix(in lab, red, red)) {
2294
+ background-color: color-mix(in oklab, var(--background) 50%, transparent);
2295
+ }
2296
+ }
2297
+ }
2298
+ }
2299
+ #editor-x .hover\:bg-destructive\/10 {
2300
+ #editor-x &:hover {
2301
+ @media (hover: hover) {
2302
+ background-color: var(--destructive);
2303
+ @supports (color: color-mix(in lab, red, red)) {
2304
+ background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
2305
+ }
2306
+ }
2307
+ }
2308
+ }
2309
+ #editor-x .hover\:bg-destructive\/90 {
2310
+ #editor-x &:hover {
2311
+ @media (hover: hover) {
2312
+ background-color: var(--destructive);
2313
+ @supports (color: color-mix(in lab, red, red)) {
2314
+ background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
2315
+ }
2316
+ }
2317
+ }
2318
+ }
2319
+ #editor-x .hover\:bg-gray-100 {
2320
+ #editor-x &:hover {
2321
+ @media (hover: hover) {
2322
+ background-color: var(--color-gray-100);
2323
+ }
2324
+ }
2325
+ }
2326
+ #editor-x .hover\:bg-muted {
2327
+ #editor-x &:hover {
2328
+ @media (hover: hover) {
2329
+ background-color: var(--muted);
2330
+ }
2331
+ }
2332
+ }
2333
+ #editor-x .hover\:bg-primary\/10 {
2334
+ #editor-x &:hover {
2335
+ @media (hover: hover) {
2336
+ background-color: var(--primary);
2337
+ @supports (color: color-mix(in lab, red, red)) {
2338
+ background-color: color-mix(in oklab, var(--primary) 10%, transparent);
2339
+ }
2340
+ }
2341
+ }
2342
+ }
2343
+ #editor-x .hover\:bg-primary\/90 {
2344
+ #editor-x &:hover {
2345
+ @media (hover: hover) {
2346
+ background-color: var(--primary);
2347
+ @supports (color: color-mix(in lab, red, red)) {
2348
+ background-color: color-mix(in oklab, var(--primary) 90%, transparent);
2349
+ }
2350
+ }
2351
+ }
2352
+ }
2353
+ #editor-x .hover\:bg-secondary\/80 {
2354
+ #editor-x &:hover {
2355
+ @media (hover: hover) {
2356
+ background-color: var(--secondary);
2357
+ @supports (color: color-mix(in lab, red, red)) {
2358
+ background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
2359
+ }
2360
+ }
2361
+ }
2362
+ }
2363
+ #editor-x .hover\:bg-transparent {
2364
+ #editor-x &:hover {
2365
+ @media (hover: hover) {
2366
+ background-color: transparent;
2367
+ }
2368
+ }
2369
+ }
2370
+ #editor-x .hover\:text-accent-foreground {
2371
+ #editor-x &:hover {
2372
+ @media (hover: hover) {
2373
+ color: var(--accent-foreground);
2374
+ }
2375
+ }
2376
+ }
2377
+ #editor-x .hover\:text-foreground {
2378
+ #editor-x &:hover {
2379
+ @media (hover: hover) {
2380
+ color: var(--foreground);
2381
+ }
2382
+ }
2383
+ }
2384
+ #editor-x .hover\:text-muted-foreground {
2385
+ #editor-x &:hover {
2386
+ @media (hover: hover) {
2387
+ color: var(--muted-foreground);
2388
+ }
2389
+ }
2390
+ }
2391
+ #editor-x .hover\:text-white {
2392
+ #editor-x &:hover {
2393
+ @media (hover: hover) {
2394
+ color: var(--color-white);
2395
+ }
2396
+ }
2397
+ }
2398
+ #editor-x .hover\:underline {
2399
+ #editor-x &:hover {
2400
+ @media (hover: hover) {
2401
+ text-decoration-line: underline;
2402
+ }
2403
+ }
2404
+ }
2405
+ #editor-x .hover\:opacity-100 {
2406
+ #editor-x &:hover {
2407
+ @media (hover: hover) {
2408
+ opacity: 100%;
2409
+ }
2410
+ }
2411
+ }
2412
+ #editor-x .focus\:z-10 {
2413
+ #editor-x &:focus {
2414
+ z-index: 10;
2415
+ }
2416
+ }
2417
+ #editor-x .focus\:bg-accent {
2418
+ #editor-x &:focus {
2419
+ background-color: var(--accent);
2420
+ }
2421
+ }
2422
+ #editor-x .focus\:text-accent-foreground {
2423
+ #editor-x &:focus {
2424
+ color: var(--accent-foreground);
2425
+ }
2426
+ }
2427
+ #editor-x .focus\:ring-2 {
2428
+ #editor-x &:focus {
2429
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2430
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2431
+ }
2432
+ }
2433
+ #editor-x .focus\:ring-ring {
2434
+ #editor-x &:focus {
2435
+ --tw-ring-color: var(--ring);
2436
+ }
2437
+ }
2438
+ #editor-x .focus\:ring-offset-2 {
2439
+ #editor-x &:focus {
2440
+ --tw-ring-offset-width: 2px;
2441
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2442
+ }
2443
+ }
2444
+ #editor-x .focus\:outline-hidden {
2445
+ #editor-x &:focus {
2446
+ --tw-outline-style: none;
2447
+ outline-style: none;
2448
+ @media (forced-colors: active) {
2449
+ outline: 2px solid transparent;
2450
+ outline-offset: 2px;
2451
+ }
2452
+ }
2453
+ }
2454
+ #editor-x .focus\:outline-none {
2455
+ #editor-x &:focus {
2456
+ --tw-outline-style: none;
2457
+ outline-style: none;
2458
+ }
2459
+ }
2460
+ #editor-x .focus-visible\:z-10 {
2461
+ #editor-x &:focus-visible {
2462
+ z-index: 10;
2463
+ }
2464
+ }
2465
+ #editor-x .focus-visible\:border-ring {
2466
+ #editor-x &:focus-visible {
2467
+ border-color: var(--ring);
2468
+ }
2469
+ }
2470
+ #editor-x .focus-visible\:ring-1 {
2471
+ #editor-x &:focus-visible {
2472
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2473
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2474
+ }
2475
+ }
2476
+ #editor-x .focus-visible\:ring-\[3px\] {
2477
+ #editor-x &:focus-visible {
2478
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2479
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2480
+ }
2481
+ }
2482
+ #editor-x .focus-visible\:ring-ring {
2483
+ #editor-x &:focus-visible {
2484
+ --tw-ring-color: var(--ring);
2485
+ }
2486
+ }
2487
+ #editor-x .focus-visible\:ring-ring\/50 {
2488
+ #editor-x &:focus-visible {
2489
+ --tw-ring-color: var(--ring);
2490
+ @supports (color: color-mix(in lab, red, red)) {
2491
+ --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
2492
+ }
2493
+ }
2494
+ }
2495
+ #editor-x .focus-visible\:outline {
2496
+ #editor-x &:focus-visible {
2497
+ outline-style: var(--tw-outline-style);
2498
+ outline-width: 1px;
2499
+ }
2500
+ }
2501
+ #editor-x .focus-visible\:outline-1 {
2502
+ #editor-x &:focus-visible {
2503
+ outline-style: var(--tw-outline-style);
2504
+ outline-width: 1px;
2505
+ }
2506
+ }
2507
+ #editor-x .focus-visible\:outline-2 {
2508
+ #editor-x &:focus-visible {
2509
+ outline-style: var(--tw-outline-style);
2510
+ outline-width: 2px;
2511
+ }
2512
+ }
2513
+ #editor-x .focus-visible\:outline-ring {
2514
+ #editor-x &:focus-visible {
2515
+ outline-color: var(--ring);
2516
+ }
2517
+ }
2518
+ #editor-x .focus-visible\:outline-ring\/70 {
2519
+ #editor-x &:focus-visible {
2520
+ outline-color: var(--ring);
2521
+ @supports (color: color-mix(in lab, red, red)) {
2522
+ outline-color: color-mix(in oklab, var(--ring) 70%, transparent);
2523
+ }
2524
+ }
2525
+ }
2526
+ #editor-x .focus-visible\:outline-none {
2527
+ #editor-x &:focus-visible {
2528
+ --tw-outline-style: none;
2529
+ outline-style: none;
2530
+ }
2531
+ }
2532
+ #editor-x .active\:cursor-grabbing {
2533
+ #editor-x &:active {
2534
+ cursor: grabbing;
2535
+ }
2536
+ }
2537
+ #editor-x .disabled\:pointer-events-none {
2538
+ #editor-x &:disabled {
2539
+ pointer-events: none;
2540
+ }
2541
+ }
2542
+ #editor-x .disabled\:cursor-not-allowed {
2543
+ #editor-x &:disabled {
2544
+ cursor: not-allowed;
2545
+ }
2546
+ }
2547
+ #editor-x .disabled\:opacity-50 {
2548
+ #editor-x &:disabled {
2549
+ opacity: 50%;
2550
+ }
2551
+ }
2552
+ #editor-x .has-\[\>\[data-slot\=button-group\]\]\:gap-2 {
2553
+ #editor-x &:has(>[data-slot=button-group]) {
2554
+ gap: calc(var(--spacing) * 2);
2555
+ }
2556
+ }
2557
+ #editor-x .aria-invalid\:border-destructive {
2558
+ #editor-x &[aria-invalid="true"] {
2559
+ border-color: var(--destructive);
2560
+ }
2561
+ }
2562
+ #editor-x .aria-invalid\:ring-destructive\/20 {
2563
+ #editor-x &[aria-invalid="true"] {
2564
+ --tw-ring-color: var(--destructive);
2565
+ @supports (color: color-mix(in lab, red, red)) {
2566
+ --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
2567
+ }
2568
+ }
2569
+ }
2570
+ #editor-x .data-\[disabled\]\:pointer-events-none {
2571
+ #editor-x &[data-disabled] {
2572
+ pointer-events: none;
2573
+ }
2574
+ }
2575
+ #editor-x .data-\[disabled\]\:opacity-50 {
2576
+ #editor-x &[data-disabled] {
2577
+ opacity: 50%;
2578
+ }
2579
+ }
2580
+ #editor-x .data-\[disabled\=true\]\:pointer-events-none {
2581
+ #editor-x &[data-disabled="true"] {
2582
+ pointer-events: none;
2583
+ }
2584
+ }
2585
+ #editor-x .data-\[disabled\=true\]\:opacity-50 {
2586
+ #editor-x &[data-disabled="true"] {
2587
+ opacity: 50%;
2588
+ }
2589
+ }
2590
+ #editor-x .data-\[orientation\=vertical\]\:h-auto {
2591
+ #editor-x &[data-orientation="vertical"] {
2592
+ height: auto;
2593
+ }
2594
+ }
2595
+ #editor-x .data-\[placeholder\]\:text-muted-foreground {
2596
+ #editor-x &[data-placeholder] {
2597
+ color: var(--muted-foreground);
2598
+ }
2599
+ }
2600
+ #editor-x .data-\[selected\=true\]\:bg-accent {
2601
+ #editor-x &[data-selected="true"] {
2602
+ background-color: var(--accent);
2603
+ }
2604
+ }
2605
+ #editor-x .data-\[selected\=true\]\:text-accent-foreground {
2606
+ #editor-x &[data-selected="true"] {
2607
+ color: var(--accent-foreground);
2608
+ }
2609
+ }
2610
+ #editor-x .data-\[side\=bottom\]\:translate-y-1 {
2611
+ #editor-x &[data-side="bottom"] {
2612
+ --tw-translate-y: calc(var(--spacing) * 1);
2613
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2614
+ }
2615
+ }
2616
+ #editor-x .data-\[side\=left\]\:-translate-x-1 {
2617
+ #editor-x &[data-side="left"] {
2618
+ --tw-translate-x: calc(var(--spacing) * -1);
2619
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2620
+ }
2621
+ }
2622
+ #editor-x .data-\[side\=right\]\:translate-x-1 {
2623
+ #editor-x &[data-side="right"] {
2624
+ --tw-translate-x: calc(var(--spacing) * 1);
2625
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2626
+ }
2627
+ }
2628
+ #editor-x .data-\[side\=top\]\:-translate-y-1 {
2629
+ #editor-x &[data-side="top"] {
2630
+ --tw-translate-y: calc(var(--spacing) * -1);
2631
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2632
+ }
2633
+ }
2634
+ #editor-x .data-\[size\=default\]\:h-9 {
2635
+ #editor-x &[data-size="default"] {
2636
+ height: calc(var(--spacing) * 9);
2637
+ }
2638
+ }
2639
+ #editor-x .data-\[size\=sm\]\:h-8 {
2640
+ #editor-x &[data-size="sm"] {
2641
+ height: calc(var(--spacing) * 8);
2642
+ }
2643
+ }
2644
+ #editor-x .\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 {
2645
+ #editor-x :is(& *) {
2646
+ #editor-x &[data-slot="command-input-wrapper"] {
2647
+ height: calc(var(--spacing) * 12);
2648
+ }
2649
+ }
2650
+ }
2651
+ #editor-x .\*\:data-\[slot\=select-value\]\:line-clamp-1 {
2652
+ #editor-x :is(& > *) {
2653
+ #editor-x &[data-slot="select-value"] {
2654
+ overflow: hidden;
2655
+ display: -webkit-box;
2656
+ -webkit-box-orient: vertical;
2657
+ -webkit-line-clamp: 1;
2658
+ }
2659
+ }
2660
+ }
2661
+ #editor-x .\*\:data-\[slot\=select-value\]\:flex {
2662
+ #editor-x :is(& > *) {
2663
+ #editor-x &[data-slot="select-value"] {
2664
+ display: flex;
2665
+ }
2666
+ }
2667
+ }
2668
+ #editor-x .\*\:data-\[slot\=select-value\]\:items-center {
2669
+ #editor-x :is(& > *) {
2670
+ #editor-x &[data-slot="select-value"] {
2671
+ align-items: center;
2672
+ }
2673
+ }
2674
+ }
2675
+ #editor-x .\*\:data-\[slot\=select-value\]\:gap-2 {
2676
+ #editor-x :is(& > *) {
2677
+ #editor-x &[data-slot="select-value"] {
2678
+ gap: calc(var(--spacing) * 2);
2679
+ }
2680
+ }
2681
+ }
2682
+ #editor-x .data-\[spacing\=0\]\:rounded-none {
2683
+ #editor-x &[data-spacing="0"] {
2684
+ border-radius: 0;
2685
+ }
2686
+ }
2687
+ #editor-x .data-\[spacing\=0\]\:shadow-none {
2688
+ #editor-x &[data-spacing="0"] {
2689
+ --tw-shadow: 0 0 #0000;
2690
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2691
+ }
2692
+ }
2693
+ #editor-x .data-\[spacing\=0\]\:first\:rounded-l-md {
2694
+ #editor-x &[data-spacing="0"] {
2695
+ #editor-x &:first-child {
2696
+ border-top-left-radius: var(--radius-md);
2697
+ border-bottom-left-radius: var(--radius-md);
2698
+ }
2699
+ }
2700
+ }
2701
+ #editor-x .data-\[spacing\=0\]\:last\:rounded-r-md {
2702
+ #editor-x &[data-spacing="0"] {
2703
+ #editor-x &:last-child {
2704
+ border-top-right-radius: var(--radius-md);
2705
+ border-bottom-right-radius: var(--radius-md);
2706
+ }
2707
+ }
2708
+ }
2709
+ #editor-x .data-\[state\=active\]\:border-primary\/20 {
2710
+ #editor-x &[data-state="active"] {
2711
+ border-color: var(--primary);
2712
+ @supports (color: color-mix(in lab, red, red)) {
2713
+ border-color: color-mix(in oklab, var(--primary) 20%, transparent);
2714
+ }
2715
+ }
2716
+ }
2717
+ #editor-x .data-\[state\=active\]\:bg-background {
2718
+ #editor-x &[data-state="active"] {
2719
+ background-color: var(--background);
2720
+ }
2721
+ }
2722
+ #editor-x .data-\[state\=active\]\:font-semibold {
2723
+ #editor-x &[data-state="active"] {
2724
+ --tw-font-weight: var(--font-weight-semibold);
2725
+ font-weight: var(--font-weight-semibold);
2726
+ }
2727
+ }
2728
+ #editor-x .data-\[state\=active\]\:text-foreground {
2729
+ #editor-x &[data-state="active"] {
2730
+ color: var(--foreground);
2731
+ }
2732
+ }
2733
+ #editor-x .data-\[state\=active\]\:shadow-md {
2734
+ #editor-x &[data-state="active"] {
2735
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2736
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2737
+ }
2738
+ }
2739
+ #editor-x .data-\[state\=closed\]\:animate-\[collapsible-up_0\.2s_ease-out\] {
2740
+ #editor-x &[data-state="closed"] {
2741
+ animation: collapsible-up 0.2s ease-out;
2742
+ }
2743
+ }
2744
+ #editor-x .data-\[state\=on\]\:bg-accent {
2745
+ #editor-x &[data-state="on"] {
2746
+ background-color: var(--accent);
2747
+ }
2748
+ }
2749
+ #editor-x .data-\[state\=on\]\:text-accent-foreground {
2750
+ #editor-x &[data-state="on"] {
2751
+ color: var(--accent-foreground);
2752
+ }
2753
+ }
2754
+ #editor-x .data-\[state\=open\]\:animate-\[collapsible-down_0\.2s_ease-out\] {
2755
+ #editor-x &[data-state="open"] {
2756
+ animation: collapsible-down 0.2s ease-out;
2757
+ }
2758
+ }
2759
+ #editor-x .data-\[state\=open\]\:bg-accent {
2760
+ #editor-x &[data-state="open"] {
2761
+ background-color: var(--accent);
2762
+ }
2763
+ }
2764
+ #editor-x .data-\[state\=open\]\:text-muted-foreground {
2765
+ #editor-x &[data-state="open"] {
2766
+ color: var(--muted-foreground);
2767
+ }
2768
+ }
2769
+ #editor-x .data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0 {
2770
+ #editor-x &[data-spacing="0"] {
2771
+ #editor-x &[data-variant="outline"] {
2772
+ border-left-style: var(--tw-border-style);
2773
+ border-left-width: 0px;
2774
+ }
2775
+ }
2776
+ }
2777
+ #editor-x .data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l {
2778
+ #editor-x &[data-spacing="0"] {
2779
+ #editor-x &[data-variant="outline"] {
2780
+ #editor-x &:first-child {
2781
+ border-left-style: var(--tw-border-style);
2782
+ border-left-width: 1px;
2783
+ }
2784
+ }
2785
+ }
2786
+ }
2787
+ #editor-x .data-\[spacing\=default\]\:data-\[variant\=outline\]\:shadow-xs {
2788
+ #editor-x &[data-spacing="default"] {
2789
+ #editor-x &[data-variant="outline"] {
2790
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
2791
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2792
+ }
2793
+ }
2794
+ }
2795
+ #editor-x .supports-\[backdrop-filter\]\:bg-background\/60 {
2796
+ @supports (backdrop-filter: var(--tw)) {
2797
+ background-color: var(--background);
2798
+ @supports (color: color-mix(in lab, red, red)) {
2799
+ background-color: color-mix(in oklab, var(--background) 60%, transparent);
2800
+ }
2801
+ }
2802
+ }
2803
+ #editor-x .supports-\[backdrop-filter\]\:backdrop-blur-sm {
2804
+ @supports (backdrop-filter: var(--tw)) {
2805
+ --tw-backdrop-blur: blur(var(--blur-sm));
2806
+ -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,);
2807
+ 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,);
2808
+ }
2809
+ }
2810
+ #editor-x .sm\:mr-0 {
2811
+ @media (width >= 40rem) {
2812
+ margin-right: calc(var(--spacing) * 0);
2813
+ }
2814
+ }
2815
+ #editor-x .sm\:h-5 {
2816
+ @media (width >= 40rem) {
2817
+ height: calc(var(--spacing) * 5);
2818
+ }
2819
+ }
2820
+ #editor-x .sm\:h-6 {
2821
+ @media (width >= 40rem) {
2822
+ height: calc(var(--spacing) * 6);
2823
+ }
2824
+ }
2825
+ #editor-x .sm\:h-8 {
2826
+ @media (width >= 40rem) {
2827
+ height: calc(var(--spacing) * 8);
2828
+ }
2829
+ }
2830
+ #editor-x .sm\:min-h-\[350px\] {
2831
+ @media (width >= 40rem) {
2832
+ min-height: 350px;
2833
+ }
2834
+ }
2835
+ #editor-x .sm\:w-5 {
2836
+ @media (width >= 40rem) {
2837
+ width: calc(var(--spacing) * 5);
2838
+ }
2839
+ }
2840
+ #editor-x .sm\:w-6 {
2841
+ @media (width >= 40rem) {
2842
+ width: calc(var(--spacing) * 6);
2843
+ }
2844
+ }
2845
+ #editor-x .sm\:w-8 {
2846
+ @media (width >= 40rem) {
2847
+ width: calc(var(--spacing) * 8);
2848
+ }
2849
+ }
2850
+ #editor-x .sm\:max-w-\[800px\] {
2851
+ @media (width >= 40rem) {
2852
+ max-width: 800px;
2853
+ }
2854
+ }
2855
+ #editor-x .sm\:flex-col {
2856
+ @media (width >= 40rem) {
2857
+ flex-direction: column;
2858
+ }
2859
+ }
2860
+ #editor-x .sm\:flex-row {
2861
+ @media (width >= 40rem) {
2862
+ flex-direction: row;
2863
+ }
2864
+ }
2865
+ #editor-x .sm\:justify-end {
2866
+ @media (width >= 40rem) {
2867
+ justify-content: flex-end;
2868
+ }
2869
+ }
2870
+ #editor-x .sm\:gap-4 {
2871
+ @media (width >= 40rem) {
2872
+ gap: calc(var(--spacing) * 4);
2873
+ }
2874
+ }
2875
+ #editor-x .sm\:p-6 {
2876
+ @media (width >= 40rem) {
2877
+ padding: calc(var(--spacing) * 6);
2878
+ }
2879
+ }
2880
+ #editor-x .sm\:px-6 {
2881
+ @media (width >= 40rem) {
2882
+ padding-inline: calc(var(--spacing) * 6);
2883
+ }
2884
+ }
2885
+ #editor-x .sm\:py-6 {
2886
+ @media (width >= 40rem) {
2887
+ padding-block: calc(var(--spacing) * 6);
2888
+ }
2889
+ }
2890
+ #editor-x .sm\:text-left {
2891
+ @media (width >= 40rem) {
2892
+ text-align: left;
2893
+ }
2894
+ }
2895
+ #editor-x .sm\:text-2xl {
2896
+ @media (width >= 40rem) {
2897
+ font-size: var(--text-2xl);
2898
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
2899
+ }
2900
+ }
2901
+ #editor-x .sm\:text-base {
2902
+ @media (width >= 40rem) {
2903
+ font-size: var(--text-base);
2904
+ line-height: var(--tw-leading, var(--text-base--line-height));
2905
+ }
2906
+ }
2907
+ #editor-x .sm\:text-lg {
2908
+ @media (width >= 40rem) {
2909
+ font-size: var(--text-lg);
2910
+ line-height: var(--tw-leading, var(--text-lg--line-height));
2911
+ }
2912
+ }
2913
+ #editor-x .sm\:text-sm {
2914
+ @media (width >= 40rem) {
2915
+ font-size: var(--text-sm);
2916
+ line-height: var(--tw-leading, var(--text-sm--line-height));
2917
+ }
2918
+ }
2919
+ #editor-x .sm\:text-xl {
2920
+ @media (width >= 40rem) {
2921
+ font-size: var(--text-xl);
2922
+ line-height: var(--tw-leading, var(--text-xl--line-height));
2923
+ }
2924
+ }
2925
+ #editor-x .sm\:text-xs {
2926
+ @media (width >= 40rem) {
2927
+ font-size: var(--text-xs);
2928
+ line-height: var(--tw-leading, var(--text-xs--line-height));
2929
+ }
2930
+ }
2931
+ #editor-x .md\:flex {
2932
+ @media (width >= 48rem) {
2933
+ display: flex;
2934
+ }
2935
+ }
2936
+ #editor-x .md\:max-w-\[32rem\] {
2937
+ @media (width >= 48rem) {
2938
+ max-width: 32rem;
2939
+ }
2940
+ }
2941
+ #editor-x .md\:grid-cols-3 {
2942
+ @media (width >= 48rem) {
2943
+ grid-template-columns: repeat(3, minmax(0, 1fr));
2944
+ }
2945
+ }
2946
+ #editor-x .md\:flex-col {
2947
+ @media (width >= 48rem) {
2948
+ flex-direction: column;
2949
+ }
2950
+ }
2951
+ #editor-x .md\:flex-row {
2952
+ @media (width >= 48rem) {
2953
+ flex-direction: row;
2954
+ }
2955
+ }
2956
+ #editor-x .md\:gap-4 {
2957
+ @media (width >= 48rem) {
2958
+ gap: calc(var(--spacing) * 4);
2959
+ }
2960
+ }
2961
+ #editor-x .md\:gap-5 {
2962
+ @media (width >= 48rem) {
2963
+ gap: calc(var(--spacing) * 5);
2964
+ }
2965
+ }
2966
+ #editor-x .md\:p-8 {
2967
+ @media (width >= 48rem) {
2968
+ padding: calc(var(--spacing) * 8);
2969
+ }
2970
+ }
2971
+ #editor-x .md\:px-7 {
2972
+ @media (width >= 48rem) {
2973
+ padding-inline: calc(var(--spacing) * 7);
2974
+ }
2975
+ }
2976
+ #editor-x .md\:py-6 {
2977
+ @media (width >= 48rem) {
2978
+ padding-block: calc(var(--spacing) * 6);
2979
+ }
2980
+ }
2981
+ #editor-x .md\:text-2xl {
2982
+ @media (width >= 48rem) {
2983
+ font-size: var(--text-2xl);
2984
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
2985
+ }
2986
+ }
2987
+ #editor-x .md\:text-3xl {
2988
+ @media (width >= 48rem) {
2989
+ font-size: var(--text-3xl);
2990
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
2991
+ }
2992
+ }
2993
+ #editor-x .md\:text-base {
2994
+ @media (width >= 48rem) {
2995
+ font-size: var(--text-base);
2996
+ line-height: var(--tw-leading, var(--text-base--line-height));
2997
+ }
2998
+ }
2999
+ #editor-x .md\:text-lg {
3000
+ @media (width >= 48rem) {
3001
+ font-size: var(--text-lg);
3002
+ line-height: var(--tw-leading, var(--text-lg--line-height));
3003
+ }
3004
+ }
3005
+ #editor-x .md\:text-sm {
3006
+ @media (width >= 48rem) {
3007
+ font-size: var(--text-sm);
3008
+ line-height: var(--tw-leading, var(--text-sm--line-height));
3009
+ }
3010
+ }
3011
+ #editor-x .md\:text-xl {
3012
+ @media (width >= 48rem) {
3013
+ font-size: var(--text-xl);
3014
+ line-height: var(--tw-leading, var(--text-xl--line-height));
3015
+ }
3016
+ }
3017
+ #editor-x .lg\:min-h-\[400px\] {
3018
+ @media (width >= 64rem) {
3019
+ min-height: 400px;
3020
+ }
3021
+ }
3022
+ #editor-x .lg\:w-1\/3 {
3023
+ @media (width >= 64rem) {
3024
+ width: calc(1 / 3 * 100%);
3025
+ }
3026
+ }
3027
+ #editor-x .lg\:w-2\/3 {
3028
+ @media (width >= 64rem) {
3029
+ width: calc(2 / 3 * 100%);
3030
+ }
3031
+ }
3032
+ #editor-x .lg\:flex-col {
3033
+ @media (width >= 64rem) {
3034
+ flex-direction: column;
3035
+ }
3036
+ }
3037
+ #editor-x .lg\:flex-row {
3038
+ @media (width >= 64rem) {
3039
+ flex-direction: row;
3040
+ }
3041
+ }
3042
+ #editor-x .lg\:items-center {
3043
+ @media (width >= 64rem) {
3044
+ align-items: center;
3045
+ }
3046
+ }
3047
+ #editor-x .lg\:justify-end {
3048
+ @media (width >= 64rem) {
3049
+ justify-content: flex-end;
3050
+ }
3051
+ }
3052
+ #editor-x .lg\:gap-6 {
3053
+ @media (width >= 64rem) {
3054
+ gap: calc(var(--spacing) * 6);
3055
+ }
3056
+ }
3057
+ #editor-x .lg\:gap-8 {
3058
+ @media (width >= 64rem) {
3059
+ gap: calc(var(--spacing) * 8);
3060
+ }
3061
+ }
3062
+ #editor-x .lg\:px-8 {
3063
+ @media (width >= 64rem) {
3064
+ padding-inline: calc(var(--spacing) * 8);
3065
+ }
3066
+ }
3067
+ #editor-x .lg\:py-8 {
3068
+ @media (width >= 64rem) {
3069
+ padding-block: calc(var(--spacing) * 8);
3070
+ }
3071
+ }
3072
+ #editor-x .lg\:text-2xl {
3073
+ @media (width >= 64rem) {
3074
+ font-size: var(--text-2xl);
3075
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
3076
+ }
3077
+ }
3078
+ #editor-x .lg\:text-3xl {
3079
+ @media (width >= 64rem) {
3080
+ font-size: var(--text-3xl);
3081
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
3082
+ }
3083
+ }
3084
+ #editor-x .lg\:text-4xl {
3085
+ @media (width >= 64rem) {
3086
+ font-size: var(--text-4xl);
3087
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
3088
+ }
3089
+ }
3090
+ #editor-x .lg\:text-5xl {
3091
+ @media (width >= 64rem) {
3092
+ font-size: var(--text-5xl);
3093
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
3094
+ }
3095
+ }
3096
+ #editor-x .lg\:text-base {
3097
+ @media (width >= 64rem) {
3098
+ font-size: var(--text-base);
3099
+ line-height: var(--tw-leading, var(--text-base--line-height));
3100
+ }
3101
+ }
3102
+ #editor-x .lg\:text-lg {
3103
+ @media (width >= 64rem) {
3104
+ font-size: var(--text-lg);
3105
+ line-height: var(--tw-leading, var(--text-lg--line-height));
3106
+ }
3107
+ }
3108
+ #editor-x .lg\:text-xl {
3109
+ @media (width >= 64rem) {
3110
+ font-size: var(--text-xl);
3111
+ line-height: var(--tw-leading, var(--text-xl--line-height));
3112
+ }
3113
+ }
3114
+ #editor-x .xl\:px-9 {
3115
+ @media (width >= 80rem) {
3116
+ padding-inline: calc(var(--spacing) * 9);
3117
+ }
3118
+ }
3119
+ #editor-x .xl\:py-10 {
3120
+ @media (width >= 80rem) {
3121
+ padding-block: calc(var(--spacing) * 10);
3122
+ }
3123
+ }
3124
+ #editor-x .\32 xl\:px-10 {
3125
+ @media (width >= 96rem) {
3126
+ padding-inline: calc(var(--spacing) * 10);
3127
+ }
3128
+ }
3129
+ #editor-x .\32 xl\:py-10 {
3130
+ @media (width >= 96rem) {
3131
+ padding-block: calc(var(--spacing) * 10);
3132
+ }
3133
+ }
3134
+ #editor-x .dark\:bg-gray-800 {
3135
+ @media (prefers-color-scheme: dark) {
3136
+ background-color: var(--color-gray-800);
3137
+ }
3138
+ }
3139
+ #editor-x .dark\:bg-green-900\/30 {
3140
+ @media (prefers-color-scheme: dark) {
3141
+ background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 30%, transparent);
3142
+ @supports (color: color-mix(in lab, red, red)) {
3143
+ background-color: color-mix(in oklab, var(--color-green-900) 30%, transparent);
3144
+ }
3145
+ }
3146
+ }
3147
+ #editor-x .dark\:bg-input\/30 {
3148
+ @media (prefers-color-scheme: dark) {
3149
+ background-color: var(--input);
3150
+ @supports (color: color-mix(in lab, red, red)) {
3151
+ background-color: color-mix(in oklab, var(--input) 30%, transparent);
3152
+ }
3153
+ }
3154
+ }
3155
+ #editor-x .dark\:bg-muted\/60 {
3156
+ @media (prefers-color-scheme: dark) {
3157
+ background-color: var(--muted);
3158
+ @supports (color: color-mix(in lab, red, red)) {
3159
+ background-color: color-mix(in oklab, var(--muted) 60%, transparent);
3160
+ }
3161
+ }
3162
+ }
3163
+ #editor-x .dark\:bg-primary\/20 {
3164
+ @media (prefers-color-scheme: dark) {
3165
+ background-color: var(--primary);
3166
+ @supports (color: color-mix(in lab, red, red)) {
3167
+ background-color: color-mix(in oklab, var(--primary) 20%, transparent);
3168
+ }
3169
+ }
3170
+ }
3171
+ #editor-x .dark\:bg-secondary\/15 {
3172
+ @media (prefers-color-scheme: dark) {
3173
+ background-color: var(--secondary);
3174
+ @supports (color: color-mix(in lab, red, red)) {
3175
+ background-color: color-mix(in oklab, var(--secondary) 15%, transparent);
3176
+ }
3177
+ }
3178
+ }
3179
+ #editor-x .dark\:text-gray-300 {
3180
+ @media (prefers-color-scheme: dark) {
3181
+ color: var(--color-gray-300);
3182
+ }
3183
+ }
3184
+ #editor-x .dark\:text-green-400 {
3185
+ @media (prefers-color-scheme: dark) {
3186
+ color: var(--color-green-400);
3187
+ }
3188
+ }
3189
+ #editor-x .dark\:text-muted-foreground {
3190
+ @media (prefers-color-scheme: dark) {
3191
+ color: var(--muted-foreground);
3192
+ }
3193
+ }
3194
+ #editor-x .dark\:brightness-\[0\.2\] {
3195
+ @media (prefers-color-scheme: dark) {
3196
+ --tw-brightness: brightness(0.2);
3197
+ 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,);
3198
+ }
3199
+ }
3200
+ #editor-x .dark\:grayscale {
3201
+ @media (prefers-color-scheme: dark) {
3202
+ --tw-grayscale: grayscale(100%);
3203
+ 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,);
3204
+ }
3205
+ }
3206
+ #editor-x .dark\:hover\:bg-input\/50 {
3207
+ @media (prefers-color-scheme: dark) {
3208
+ #editor-x &:hover {
3209
+ @media (hover: hover) {
3210
+ background-color: var(--input);
3211
+ @supports (color: color-mix(in lab, red, red)) {
3212
+ background-color: color-mix(in oklab, var(--input) 50%, transparent);
3213
+ }
3214
+ }
3215
+ }
3216
+ }
3217
+ }
3218
+ #editor-x .dark\:aria-invalid\:ring-destructive\/40 {
3219
+ @media (prefers-color-scheme: dark) {
3220
+ #editor-x &[aria-invalid="true"] {
3221
+ --tw-ring-color: var(--destructive);
3222
+ @supports (color: color-mix(in lab, red, red)) {
3223
+ --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
3224
+ }
3225
+ }
3226
+ }
3227
+ }
3228
+ #editor-x .dark\:data-\[state\=active\]\:border-primary\/30 {
3229
+ @media (prefers-color-scheme: dark) {
3230
+ #editor-x &[data-state="active"] {
3231
+ border-color: var(--primary);
3232
+ @supports (color: color-mix(in lab, red, red)) {
3233
+ border-color: color-mix(in oklab, var(--primary) 30%, transparent);
3234
+ }
3235
+ }
3236
+ }
3237
+ }
3238
+ #editor-x .dark\:data-\[state\=active\]\:bg-background {
3239
+ @media (prefers-color-scheme: dark) {
3240
+ #editor-x &[data-state="active"] {
3241
+ background-color: var(--background);
3242
+ }
3243
+ }
3244
+ }
3245
+ #editor-x .dark\:data-\[state\=active\]\:bg-primary\/10 {
3246
+ @media (prefers-color-scheme: dark) {
3247
+ #editor-x &[data-state="active"] {
3248
+ background-color: var(--primary);
3249
+ @supports (color: color-mix(in lab, red, red)) {
3250
+ background-color: color-mix(in oklab, var(--primary) 10%, transparent);
3251
+ }
3252
+ }
3253
+ }
3254
+ }
3255
+ #editor-x .\[\&_\[cmdk-group-heading\]\]\:px-2 {
3256
+ #editor-x & [cmdk-group-heading] {
3257
+ padding-inline: calc(var(--spacing) * 2);
3258
+ }
3259
+ }
3260
+ #editor-x .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 {
3261
+ #editor-x & [cmdk-group-heading] {
3262
+ padding-block: calc(var(--spacing) * 1.5);
3263
+ }
3264
+ }
3265
+ #editor-x .\[\&_\[cmdk-group-heading\]\]\:font-medium {
3266
+ #editor-x & [cmdk-group-heading] {
3267
+ --tw-font-weight: var(--font-weight-medium);
3268
+ font-weight: var(--font-weight-medium);
3269
+ }
3270
+ }
3271
+ #editor-x .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground {
3272
+ #editor-x & [cmdk-group-heading] {
3273
+ color: var(--muted-foreground);
3274
+ }
3275
+ }
3276
+ #editor-x .\[\&_\[cmdk-group\]\]\:px-2 {
3277
+ #editor-x & [cmdk-group] {
3278
+ padding-inline: calc(var(--spacing) * 2);
3279
+ }
3280
+ }
3281
+ #editor-x .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 {
3282
+ #editor-x & [cmdk-group]:not([hidden]) ~[cmdk-group] {
3283
+ padding-top: calc(var(--spacing) * 0);
3284
+ }
3285
+ }
3286
+ #editor-x .\[\&_\[cmdk-input\]\]\:h-12 {
3287
+ #editor-x & [cmdk-input] {
3288
+ height: calc(var(--spacing) * 12);
3289
+ }
3290
+ }
3291
+ #editor-x .\[\&_\[cmdk-item\]\]\:px-2 {
3292
+ #editor-x & [cmdk-item] {
3293
+ padding-inline: calc(var(--spacing) * 2);
3294
+ }
3295
+ }
3296
+ #editor-x .\[\&_\[cmdk-item\]\]\:py-3 {
3297
+ #editor-x & [cmdk-item] {
3298
+ padding-block: calc(var(--spacing) * 3);
3299
+ }
3300
+ }
3301
+ #editor-x .\[\&_svg\]\:pointer-events-none {
3302
+ #editor-x & svg {
3303
+ pointer-events: none;
3304
+ }
3305
+ }
3306
+ #editor-x .\[\&_svg\]\:shrink-0 {
3307
+ #editor-x & svg {
3308
+ flex-shrink: 0;
3309
+ }
3310
+ }
3311
+ #editor-x .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:h-4 {
3312
+ #editor-x & svg:not([class*='size-']) {
3313
+ height: calc(var(--spacing) * 4);
3314
+ }
3315
+ }
3316
+ #editor-x .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:w-4 {
3317
+ #editor-x & svg:not([class*='size-']) {
3318
+ width: calc(var(--spacing) * 4);
3319
+ }
3320
+ }
3321
+ #editor-x .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground {
3322
+ #editor-x & svg:not([class*='text-']) {
3323
+ color: var(--muted-foreground);
3324
+ }
3325
+ }
3326
+ #editor-x .hover\:\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-foreground {
3327
+ #editor-x &:hover {
3328
+ @media (hover: hover) {
3329
+ #editor-x & svg:not([class*='text-']) {
3330
+ color: var(--foreground);
3331
+ }
3332
+ }
3333
+ }
3334
+ }
3335
+ #editor-x .focus\:\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-accent-foreground {
3336
+ #editor-x &:focus {
3337
+ #editor-x & svg:not([class*='text-']) {
3338
+ color: var(--accent-foreground);
3339
+ }
3340
+ }
3341
+ }
3342
+ #editor-x .data-\[selected\=true\]\:\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-accent-foreground {
3343
+ #editor-x &[data-selected="true"] {
3344
+ #editor-x & svg:not([class*='text-']) {
3345
+ color: var(--accent-foreground);
3346
+ }
3347
+ }
3348
+ }
3349
+ #editor-x .\[\&\:\:-webkit-inner-spin-button\]\:m-0 {
3350
+ #editor-x &::-webkit-inner-spin-button {
3351
+ margin: calc(var(--spacing) * 0);
3352
+ }
3353
+ }
3354
+ #editor-x .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none {
3355
+ #editor-x &::-webkit-inner-spin-button {
3356
+ appearance: none;
3357
+ }
3358
+ }
3359
+ #editor-x .\[\&\:\:-webkit-outer-spin-button\]\:m-0 {
3360
+ #editor-x &::-webkit-outer-spin-button {
3361
+ margin: calc(var(--spacing) * 0);
3362
+ }
3363
+ }
3364
+ #editor-x .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none {
3365
+ #editor-x &::-webkit-outer-spin-button {
3366
+ appearance: none;
3367
+ }
3368
+ }
3369
+ #editor-x .\[\&\:has\(\*\)\]\:z-10 {
3370
+ #editor-x &:has(*) {
3371
+ z-index: 10;
3372
+ }
3373
+ }
3374
+ #editor-x .\*\:\[span\]\:last\:flex {
3375
+ #editor-x :is(& > *) {
3376
+ #editor-x &:is(span) {
3377
+ #editor-x &:last-child {
3378
+ display: flex;
3379
+ }
3380
+ }
3381
+ }
3382
+ }
3383
+ #editor-x .\*\:\[span\]\:last\:items-center {
3384
+ #editor-x :is(& > *) {
3385
+ #editor-x &:is(span) {
3386
+ #editor-x &:last-child {
3387
+ align-items: center;
3388
+ }
3389
+ }
3390
+ }
3391
+ }
3392
+ #editor-x .\*\:\[span\]\:last\:gap-2 {
3393
+ #editor-x :is(& > *) {
3394
+ #editor-x &:is(span) {
3395
+ #editor-x &:last-child {
3396
+ gap: calc(var(--spacing) * 2);
3397
+ }
3398
+ }
3399
+ }
3400
+ }
3401
+ #editor-x .\[\&\:not\(\:first-child\)\]\:mt-2 {
3402
+ #editor-x &:not(:first-child) {
3403
+ margin-top: calc(var(--spacing) * 2);
3404
+ }
3405
+ }
3406
+ #editor-x .\[\&\:read-only\]\:opacity-100 {
3407
+ #editor-x &:read-only {
3408
+ opacity: 100%;
3409
+ }
3410
+ }
3411
+ #editor-x .\[\&\:read-only\]\:disabled\:opacity-100 {
3412
+ #editor-x &:read-only {
3413
+ #editor-x &:disabled {
3414
+ opacity: 100%;
3415
+ }
3416
+ }
3417
+ }
3418
+ #editor-x .\[\&\>\*\]\:focus-visible\:relative {
3419
+ #editor-x &>* {
3420
+ #editor-x &:focus-visible {
3421
+ position: relative;
3422
+ }
3423
+ }
3424
+ }
3425
+ #editor-x .\[\&\>\*\]\:focus-visible\:z-10 {
3426
+ #editor-x &>* {
3427
+ #editor-x &:focus-visible {
3428
+ z-index: 10;
3429
+ }
3430
+ }
3431
+ }
3432
+ #editor-x .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none {
3433
+ #editor-x &>*:not(:first-child) {
3434
+ border-top-left-radius: 0;
3435
+ border-top-right-radius: 0;
3436
+ }
3437
+ }
3438
+ #editor-x .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none {
3439
+ #editor-x &>*:not(:first-child) {
3440
+ border-top-left-radius: 0;
3441
+ border-bottom-left-radius: 0;
3442
+ }
3443
+ }
3444
+ #editor-x .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 {
3445
+ #editor-x &>*:not(:first-child) {
3446
+ border-top-style: var(--tw-border-style);
3447
+ border-top-width: 0px;
3448
+ }
3449
+ }
3450
+ #editor-x .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 {
3451
+ #editor-x &>*:not(:first-child) {
3452
+ border-left-style: var(--tw-border-style);
3453
+ border-left-width: 0px;
3454
+ }
3455
+ }
3456
+ #editor-x .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none {
3457
+ #editor-x &>*:not(:last-child) {
3458
+ border-top-right-radius: 0;
3459
+ border-bottom-right-radius: 0;
3460
+ }
3461
+ }
3462
+ #editor-x .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none {
3463
+ #editor-x &>*:not(:last-child) {
3464
+ border-bottom-right-radius: 0;
3465
+ border-bottom-left-radius: 0;
3466
+ }
3467
+ }
3468
+ #editor-x .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md {
3469
+ #editor-x &:has(*:is(select[aria-hidden=true]:last-child)) {
3470
+ #editor-x &>[data-slot=select-trigger]:last-of-type {
3471
+ border-top-right-radius: var(--radius-md);
3472
+ border-bottom-right-radius: var(--radius-md);
3473
+ }
3474
+ }
3475
+ }
3476
+ #editor-x .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit {
3477
+ #editor-x &>[data-slot=select-trigger]:not([class*='w-']) {
3478
+ width: fit-content;
3479
+ }
3480
+ }
3481
+ #editor-x .\[\&\>div\]\:outline-none {
3482
+ #editor-x &>div {
3483
+ --tw-outline-style: none;
3484
+ outline-style: none;
3485
+ }
3486
+ }
3487
+ #editor-x .\[\&\>input\]\:flex-1 {
3488
+ #editor-x &>input {
3489
+ flex: 1;
3490
+ }
3491
+ }
3492
+ #editor-x .\[\&\>li\]\:mt-2 {
3493
+ #editor-x &>li {
3494
+ margin-top: calc(var(--spacing) * 2);
3495
+ }
3496
+ }
3497
+ #editor-x .\[\&\[align\=center\]\]\:text-center {
3498
+ #editor-x &[align=center] {
3499
+ text-align: center;
3500
+ }
3501
+ }
3502
+ #editor-x .\[\&\[align\=right\]\]\:text-right {
3503
+ #editor-x &[align=right] {
3504
+ text-align: right;
3505
+ }
3506
+ }
3507
+ }
3508
+ @property --tw-translate-x {
3509
+ syntax: "*";
3510
+ inherits: false;
3511
+ initial-value: 0;
3512
+ }
3513
+ @property --tw-translate-y {
3514
+ syntax: "*";
3515
+ inherits: false;
3516
+ initial-value: 0;
3517
+ }
3518
+ @property --tw-translate-z {
3519
+ syntax: "*";
3520
+ inherits: false;
3521
+ initial-value: 0;
3522
+ }
3523
+ @property --tw-rotate-x {
3524
+ syntax: "*";
3525
+ inherits: false;
3526
+ }
3527
+ @property --tw-rotate-y {
3528
+ syntax: "*";
3529
+ inherits: false;
3530
+ }
3531
+ @property --tw-rotate-z {
3532
+ syntax: "*";
3533
+ inherits: false;
3534
+ }
3535
+ @property --tw-skew-x {
3536
+ syntax: "*";
3537
+ inherits: false;
3538
+ }
3539
+ @property --tw-skew-y {
3540
+ syntax: "*";
3541
+ inherits: false;
3542
+ }
3543
+ @property --tw-space-y-reverse {
3544
+ syntax: "*";
3545
+ inherits: false;
3546
+ initial-value: 0;
3547
+ }
3548
+ @property --tw-space-x-reverse {
3549
+ syntax: "*";
3550
+ inherits: false;
3551
+ initial-value: 0;
3552
+ }
3553
+ @property --tw-border-style {
3554
+ syntax: "*";
3555
+ inherits: false;
3556
+ initial-value: solid;
3557
+ }
3558
+ @property --tw-gradient-position {
3559
+ syntax: "*";
3560
+ inherits: false;
3561
+ }
3562
+ @property --tw-gradient-from {
3563
+ syntax: "<color>";
3564
+ inherits: false;
3565
+ initial-value: #0000;
3566
+ }
3567
+ @property --tw-gradient-via {
3568
+ syntax: "<color>";
3569
+ inherits: false;
3570
+ initial-value: #0000;
3571
+ }
3572
+ @property --tw-gradient-to {
3573
+ syntax: "<color>";
3574
+ inherits: false;
3575
+ initial-value: #0000;
3576
+ }
3577
+ @property --tw-gradient-stops {
3578
+ syntax: "*";
3579
+ inherits: false;
3580
+ }
3581
+ @property --tw-gradient-via-stops {
3582
+ syntax: "*";
3583
+ inherits: false;
3584
+ }
3585
+ @property --tw-gradient-from-position {
3586
+ syntax: "<length-percentage>";
3587
+ inherits: false;
3588
+ initial-value: 0%;
3589
+ }
3590
+ @property --tw-gradient-via-position {
3591
+ syntax: "<length-percentage>";
3592
+ inherits: false;
3593
+ initial-value: 50%;
3594
+ }
3595
+ @property --tw-gradient-to-position {
3596
+ syntax: "<length-percentage>";
3597
+ inherits: false;
3598
+ initial-value: 100%;
3599
+ }
3600
+ @property --tw-leading {
3601
+ syntax: "*";
3602
+ inherits: false;
3603
+ }
3604
+ @property --tw-font-weight {
3605
+ syntax: "*";
3606
+ inherits: false;
3607
+ }
3608
+ @property --tw-tracking {
3609
+ syntax: "*";
3610
+ inherits: false;
3611
+ }
3612
+ @property --tw-ordinal {
3613
+ syntax: "*";
3614
+ inherits: false;
3615
+ }
3616
+ @property --tw-slashed-zero {
3617
+ syntax: "*";
3618
+ inherits: false;
3619
+ }
3620
+ @property --tw-numeric-figure {
3621
+ syntax: "*";
3622
+ inherits: false;
3623
+ }
3624
+ @property --tw-numeric-spacing {
3625
+ syntax: "*";
3626
+ inherits: false;
3627
+ }
3628
+ @property --tw-numeric-fraction {
3629
+ syntax: "*";
3630
+ inherits: false;
3631
+ }
3632
+ @property --tw-shadow {
3633
+ syntax: "*";
3634
+ inherits: false;
3635
+ initial-value: 0 0 #0000;
3636
+ }
3637
+ @property --tw-shadow-color {
3638
+ syntax: "*";
3639
+ inherits: false;
3640
+ }
3641
+ @property --tw-shadow-alpha {
3642
+ syntax: "<percentage>";
3643
+ inherits: false;
3644
+ initial-value: 100%;
3645
+ }
3646
+ @property --tw-inset-shadow {
3647
+ syntax: "*";
3648
+ inherits: false;
3649
+ initial-value: 0 0 #0000;
3650
+ }
3651
+ @property --tw-inset-shadow-color {
3652
+ syntax: "*";
3653
+ inherits: false;
3654
+ }
3655
+ @property --tw-inset-shadow-alpha {
3656
+ syntax: "<percentage>";
3657
+ inherits: false;
3658
+ initial-value: 100%;
3659
+ }
3660
+ @property --tw-ring-color {
3661
+ syntax: "*";
3662
+ inherits: false;
3663
+ }
3664
+ @property --tw-ring-shadow {
3665
+ syntax: "*";
3666
+ inherits: false;
3667
+ initial-value: 0 0 #0000;
3668
+ }
3669
+ @property --tw-inset-ring-color {
3670
+ syntax: "*";
3671
+ inherits: false;
3672
+ }
3673
+ @property --tw-inset-ring-shadow {
3674
+ syntax: "*";
3675
+ inherits: false;
3676
+ initial-value: 0 0 #0000;
3677
+ }
3678
+ @property --tw-ring-inset {
3679
+ syntax: "*";
3680
+ inherits: false;
3681
+ }
3682
+ @property --tw-ring-offset-width {
3683
+ syntax: "<length>";
3684
+ inherits: false;
3685
+ initial-value: 0px;
3686
+ }
3687
+ @property --tw-ring-offset-color {
3688
+ syntax: "*";
3689
+ inherits: false;
3690
+ initial-value: #fff;
3691
+ }
3692
+ @property --tw-ring-offset-shadow {
3693
+ syntax: "*";
3694
+ inherits: false;
3695
+ initial-value: 0 0 #0000;
3696
+ }
3697
+ @property --tw-outline-style {
3698
+ syntax: "*";
3699
+ inherits: false;
3700
+ initial-value: solid;
3701
+ }
3702
+ @property --tw-blur {
3703
+ syntax: "*";
3704
+ inherits: false;
3705
+ }
3706
+ @property --tw-brightness {
3707
+ syntax: "*";
3708
+ inherits: false;
3709
+ }
3710
+ @property --tw-contrast {
3711
+ syntax: "*";
3712
+ inherits: false;
3713
+ }
3714
+ @property --tw-grayscale {
3715
+ syntax: "*";
3716
+ inherits: false;
3717
+ }
3718
+ @property --tw-hue-rotate {
3719
+ syntax: "*";
3720
+ inherits: false;
3721
+ }
3722
+ @property --tw-invert {
3723
+ syntax: "*";
3724
+ inherits: false;
3725
+ }
3726
+ @property --tw-opacity {
3727
+ syntax: "*";
3728
+ inherits: false;
3729
+ }
3730
+ @property --tw-saturate {
3731
+ syntax: "*";
3732
+ inherits: false;
3733
+ }
3734
+ @property --tw-sepia {
3735
+ syntax: "*";
3736
+ inherits: false;
3737
+ }
3738
+ @property --tw-drop-shadow {
3739
+ syntax: "*";
3740
+ inherits: false;
3741
+ }
3742
+ @property --tw-drop-shadow-color {
3743
+ syntax: "*";
3744
+ inherits: false;
3745
+ }
3746
+ @property --tw-drop-shadow-alpha {
3747
+ syntax: "<percentage>";
3748
+ inherits: false;
3749
+ initial-value: 100%;
3750
+ }
3751
+ @property --tw-drop-shadow-size {
3752
+ syntax: "*";
3753
+ inherits: false;
3754
+ }
3755
+ @property --tw-backdrop-blur {
3756
+ syntax: "*";
3757
+ inherits: false;
3758
+ }
3759
+ @property --tw-backdrop-brightness {
3760
+ syntax: "*";
3761
+ inherits: false;
3762
+ }
3763
+ @property --tw-backdrop-contrast {
3764
+ syntax: "*";
3765
+ inherits: false;
3766
+ }
3767
+ @property --tw-backdrop-grayscale {
3768
+ syntax: "*";
3769
+ inherits: false;
3770
+ }
3771
+ @property --tw-backdrop-hue-rotate {
3772
+ syntax: "*";
3773
+ inherits: false;
3774
+ }
3775
+ @property --tw-backdrop-invert {
3776
+ syntax: "*";
3777
+ inherits: false;
3778
+ }
3779
+ @property --tw-backdrop-opacity {
3780
+ syntax: "*";
3781
+ inherits: false;
3782
+ }
3783
+ @property --tw-backdrop-saturate {
3784
+ syntax: "*";
3785
+ inherits: false;
3786
+ }
3787
+ @property --tw-backdrop-sepia {
3788
+ syntax: "*";
3789
+ inherits: false;
3790
+ }
3791
+ @property --tw-duration {
3792
+ syntax: "*";
3793
+ inherits: false;
3794
+ }
3795
+ @property --tw-content {
3796
+ syntax: "*";
3797
+ initial-value: "";
3798
+ inherits: false;
3799
+ }
3800
+ @keyframes spin {
3801
+ to {
3802
+ transform: rotate(360deg);
3803
+ }
3804
+ }
3805
+ @keyframes pulse {
3806
+ 50% {
3807
+ opacity: 0.5;
3808
+ }
3809
+ }
3810
+ @layer properties {
3811
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
3812
+ #editor-x *, #editor-x ::before, #editor-x ::after, #editor-x ::backdrop {
3813
+ --tw-translate-x: 0;
3814
+ --tw-translate-y: 0;
3815
+ --tw-translate-z: 0;
3816
+ --tw-rotate-x: initial;
3817
+ --tw-rotate-y: initial;
3818
+ --tw-rotate-z: initial;
3819
+ --tw-skew-x: initial;
3820
+ --tw-skew-y: initial;
3821
+ --tw-space-y-reverse: 0;
3822
+ --tw-space-x-reverse: 0;
3823
+ --tw-border-style: solid;
3824
+ --tw-gradient-position: initial;
3825
+ --tw-gradient-from: #0000;
3826
+ --tw-gradient-via: #0000;
3827
+ --tw-gradient-to: #0000;
3828
+ --tw-gradient-stops: initial;
3829
+ --tw-gradient-via-stops: initial;
3830
+ --tw-gradient-from-position: 0%;
3831
+ --tw-gradient-via-position: 50%;
3832
+ --tw-gradient-to-position: 100%;
3833
+ --tw-leading: initial;
3834
+ --tw-font-weight: initial;
3835
+ --tw-tracking: initial;
3836
+ --tw-ordinal: initial;
3837
+ --tw-slashed-zero: initial;
3838
+ --tw-numeric-figure: initial;
3839
+ --tw-numeric-spacing: initial;
3840
+ --tw-numeric-fraction: initial;
3841
+ --tw-shadow: 0 0 #0000;
3842
+ --tw-shadow-color: initial;
3843
+ --tw-shadow-alpha: 100%;
3844
+ --tw-inset-shadow: 0 0 #0000;
3845
+ --tw-inset-shadow-color: initial;
3846
+ --tw-inset-shadow-alpha: 100%;
3847
+ --tw-ring-color: initial;
3848
+ --tw-ring-shadow: 0 0 #0000;
3849
+ --tw-inset-ring-color: initial;
3850
+ --tw-inset-ring-shadow: 0 0 #0000;
3851
+ --tw-ring-inset: initial;
3852
+ --tw-ring-offset-width: 0px;
3853
+ --tw-ring-offset-color: #fff;
3854
+ --tw-ring-offset-shadow: 0 0 #0000;
3855
+ --tw-outline-style: solid;
3856
+ --tw-blur: initial;
3857
+ --tw-brightness: initial;
3858
+ --tw-contrast: initial;
3859
+ --tw-grayscale: initial;
3860
+ --tw-hue-rotate: initial;
3861
+ --tw-invert: initial;
3862
+ --tw-opacity: initial;
3863
+ --tw-saturate: initial;
3864
+ --tw-sepia: initial;
3865
+ --tw-drop-shadow: initial;
3866
+ --tw-drop-shadow-color: initial;
3867
+ --tw-drop-shadow-alpha: 100%;
3868
+ --tw-drop-shadow-size: initial;
3869
+ --tw-backdrop-blur: initial;
3870
+ --tw-backdrop-brightness: initial;
3871
+ --tw-backdrop-contrast: initial;
3872
+ --tw-backdrop-grayscale: initial;
3873
+ --tw-backdrop-hue-rotate: initial;
3874
+ --tw-backdrop-invert: initial;
3875
+ --tw-backdrop-opacity: initial;
3876
+ --tw-backdrop-saturate: initial;
3877
+ --tw-backdrop-sepia: initial;
3878
+ --tw-duration: initial;
3879
+ --tw-content: "";
3880
+ }
3881
+ }
3882
+ }