@process.co/ui 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/ui.css ADDED
@@ -0,0 +1,2042 @@
1
+ /*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */
2
+ @layer properties;
3
+ @layer theme, base, components, utilities;
4
+ @layer theme {
5
+ :root, :host {
6
+ --uii-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
7
+ "Courier New", monospace;
8
+ --uii-spacing: 0.25rem;
9
+ --uii-text-xs: 0.75rem;
10
+ --uii-text-xs--line-height: calc(1 / 0.75);
11
+ --uii-text-sm: 0.875rem;
12
+ --uii-text-sm--line-height: calc(1.25 / 0.875);
13
+ --uii-text-base: 1rem;
14
+ --uii-text-base--line-height: calc(1.5 / 1);
15
+ --uii-font-weight-light: 300;
16
+ --uii-font-weight-medium: 500;
17
+ --uii-font-weight-semibold: 600;
18
+ --uii-font-weight-bold: 700;
19
+ --uii-tracking-wide: 0.025em;
20
+ --uii-radius-xs: 0.125rem;
21
+ --uii-default-transition-duration: 150ms;
22
+ --uii-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23
+ --uii-default-font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
24
+ --uii-default-mono-font-family: var(--uii-font-mono);
25
+ --uii-color-adam-test-0: #0b0d33;
26
+ --uii-color-adam-test-50: #ebf2ff;
27
+ --uii-color-adam-test-100: #dae8ff;
28
+ --uii-color-adam-test-200: #bdd3ff;
29
+ --uii-color-adam-test-300: #95b5ff;
30
+ --uii-color-adam-test-400: #6b8bff;
31
+ --uii-color-adam-test-500: #4961ff;
32
+ --uii-color-hero-bg: #0b0d33;
33
+ }
34
+ }
35
+ @layer base {
36
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
37
+ box-sizing: border-box;
38
+ margin: 0;
39
+ padding: 0;
40
+ border: 0 solid;
41
+ }
42
+ html, :host {
43
+ line-height: 1.5;
44
+ -webkit-text-size-adjust: 100%;
45
+ tab-size: 4;
46
+ font-family: var(--uii-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
47
+ font-feature-settings: var(--uii-default-font-feature-settings, normal);
48
+ font-variation-settings: var(--uii-default-font-variation-settings, normal);
49
+ -webkit-tap-highlight-color: transparent;
50
+ }
51
+ hr {
52
+ height: 0;
53
+ color: inherit;
54
+ border-top-width: 1px;
55
+ }
56
+ abbr:where([title]) {
57
+ -webkit-text-decoration: underline dotted;
58
+ text-decoration: underline dotted;
59
+ }
60
+ h1, h2, h3, h4, h5, h6 {
61
+ font-size: inherit;
62
+ font-weight: inherit;
63
+ }
64
+ a {
65
+ color: inherit;
66
+ -webkit-text-decoration: inherit;
67
+ text-decoration: inherit;
68
+ }
69
+ b, strong {
70
+ font-weight: bolder;
71
+ }
72
+ code, kbd, samp, pre {
73
+ font-family: var(--uii-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
74
+ font-feature-settings: var(--uii-default-mono-font-feature-settings, normal);
75
+ font-variation-settings: var(--uii-default-mono-font-variation-settings, normal);
76
+ font-size: 1em;
77
+ }
78
+ small {
79
+ font-size: 80%;
80
+ }
81
+ sub, sup {
82
+ font-size: 75%;
83
+ line-height: 0;
84
+ position: relative;
85
+ vertical-align: baseline;
86
+ }
87
+ sub {
88
+ bottom: -0.25em;
89
+ }
90
+ sup {
91
+ top: -0.5em;
92
+ }
93
+ table {
94
+ text-indent: 0;
95
+ border-color: inherit;
96
+ border-collapse: collapse;
97
+ }
98
+ :-moz-focusring {
99
+ outline: auto;
100
+ }
101
+ progress {
102
+ vertical-align: baseline;
103
+ }
104
+ summary {
105
+ display: list-item;
106
+ }
107
+ ol, ul, menu {
108
+ list-style: none;
109
+ }
110
+ img, svg, video, canvas, audio, iframe, embed, object {
111
+ display: block;
112
+ vertical-align: middle;
113
+ }
114
+ img, video {
115
+ max-width: 100%;
116
+ height: auto;
117
+ }
118
+ button, input, select, optgroup, textarea, ::file-selector-button {
119
+ font: inherit;
120
+ font-feature-settings: inherit;
121
+ font-variation-settings: inherit;
122
+ letter-spacing: inherit;
123
+ color: inherit;
124
+ border-radius: 0;
125
+ background-color: transparent;
126
+ opacity: 1;
127
+ }
128
+ :where(select:is([multiple], [size])) optgroup {
129
+ font-weight: bolder;
130
+ }
131
+ :where(select:is([multiple], [size])) optgroup option {
132
+ padding-inline-start: 20px;
133
+ }
134
+ ::file-selector-button {
135
+ margin-inline-end: 4px;
136
+ }
137
+ ::placeholder {
138
+ opacity: 1;
139
+ }
140
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
141
+ ::placeholder {
142
+ color: currentcolor;
143
+ @supports (color: color-mix(in lab, red, red)) {
144
+ color: color-mix(in oklab, currentcolor 50%, transparent);
145
+ }
146
+ }
147
+ }
148
+ textarea {
149
+ resize: vertical;
150
+ }
151
+ ::-webkit-search-decoration {
152
+ -webkit-appearance: none;
153
+ }
154
+ ::-webkit-date-and-time-value {
155
+ min-height: 1lh;
156
+ text-align: inherit;
157
+ }
158
+ ::-webkit-datetime-edit {
159
+ display: inline-flex;
160
+ }
161
+ ::-webkit-datetime-edit-fields-wrapper {
162
+ padding: 0;
163
+ }
164
+ ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
165
+ padding-block: 0;
166
+ }
167
+ :-moz-ui-invalid {
168
+ box-shadow: none;
169
+ }
170
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
171
+ appearance: button;
172
+ }
173
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
174
+ height: auto;
175
+ }
176
+ [hidden]:where(:not([hidden="until-found"])) {
177
+ display: none !important;
178
+ }
179
+ }
180
+ @layer utilities {
181
+ .uii\:pointer-events-none {
182
+ pointer-events: none;
183
+ }
184
+ .uii\:absolute {
185
+ position: absolute;
186
+ }
187
+ .uii\:relative {
188
+ position: relative;
189
+ }
190
+ .uii\:inset-0 {
191
+ inset: calc(var(--uii-spacing) * 0);
192
+ }
193
+ .uii\:inset-y-0 {
194
+ inset-block: calc(var(--uii-spacing) * 0);
195
+ }
196
+ .uii\:top-2\.5 {
197
+ top: calc(var(--uii-spacing) * 2.5);
198
+ }
199
+ .uii\:right-0 {
200
+ right: calc(var(--uii-spacing) * 0);
201
+ }
202
+ .uii\:right-1\.5 {
203
+ right: calc(var(--uii-spacing) * 1.5);
204
+ }
205
+ .uii\:mx-1 {
206
+ margin-inline: calc(var(--uii-spacing) * 1);
207
+ }
208
+ .uii\:my-\[6px\] {
209
+ margin-block: 6px;
210
+ }
211
+ .uii\:prose {
212
+ color: var(--tw-prose-body);
213
+ max-width: 65ch;
214
+ :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
215
+ margin-top: 1.25em;
216
+ margin-bottom: 1.25em;
217
+ }
218
+ :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
219
+ color: var(--tw-prose-lead);
220
+ font-size: 1.25em;
221
+ line-height: 1.6;
222
+ margin-top: 1.2em;
223
+ margin-bottom: 1.2em;
224
+ }
225
+ :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
226
+ color: var(--tw-prose-links);
227
+ text-decoration: underline;
228
+ font-weight: 500;
229
+ }
230
+ :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
231
+ color: var(--tw-prose-bold);
232
+ font-weight: 600;
233
+ }
234
+ :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
235
+ color: inherit;
236
+ }
237
+ :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
238
+ color: inherit;
239
+ }
240
+ :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
241
+ color: inherit;
242
+ }
243
+ :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
244
+ list-style-type: decimal;
245
+ margin-top: 1.25em;
246
+ margin-bottom: 1.25em;
247
+ padding-inline-start: 1.625em;
248
+ }
249
+ :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
250
+ list-style-type: upper-alpha;
251
+ }
252
+ :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
253
+ list-style-type: lower-alpha;
254
+ }
255
+ :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
256
+ list-style-type: upper-alpha;
257
+ }
258
+ :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
259
+ list-style-type: lower-alpha;
260
+ }
261
+ :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
262
+ list-style-type: upper-roman;
263
+ }
264
+ :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
265
+ list-style-type: lower-roman;
266
+ }
267
+ :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
268
+ list-style-type: upper-roman;
269
+ }
270
+ :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
271
+ list-style-type: lower-roman;
272
+ }
273
+ :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
274
+ list-style-type: decimal;
275
+ }
276
+ :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
277
+ list-style-type: disc;
278
+ margin-top: 1.25em;
279
+ margin-bottom: 1.25em;
280
+ padding-inline-start: 1.625em;
281
+ }
282
+ :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
283
+ font-weight: 400;
284
+ color: var(--tw-prose-counters);
285
+ }
286
+ :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
287
+ color: var(--tw-prose-bullets);
288
+ }
289
+ :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
290
+ color: var(--tw-prose-headings);
291
+ font-weight: 600;
292
+ margin-top: 1.25em;
293
+ }
294
+ :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
295
+ border-color: var(--tw-prose-hr);
296
+ border-top-width: 1;
297
+ margin-top: 3em;
298
+ margin-bottom: 3em;
299
+ }
300
+ :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
301
+ font-weight: 500;
302
+ font-style: italic;
303
+ color: var(--tw-prose-quotes);
304
+ border-inline-start-width: 0.25rem;
305
+ border-inline-start-color: var(--tw-prose-quote-borders);
306
+ quotes: "\201C""\201D""\2018""\2019";
307
+ margin-top: 1.6em;
308
+ margin-bottom: 1.6em;
309
+ padding-inline-start: 1em;
310
+ }
311
+ :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
312
+ content: open-quote;
313
+ }
314
+ :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
315
+ content: close-quote;
316
+ }
317
+ :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
318
+ color: var(--tw-prose-headings);
319
+ font-weight: 800;
320
+ font-size: 2.25em;
321
+ margin-top: 0;
322
+ margin-bottom: 0.8888889em;
323
+ line-height: 1.1111111;
324
+ }
325
+ :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
326
+ font-weight: 900;
327
+ color: inherit;
328
+ }
329
+ :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
330
+ color: var(--tw-prose-headings);
331
+ font-weight: 700;
332
+ font-size: 1.5em;
333
+ margin-top: 2em;
334
+ margin-bottom: 1em;
335
+ line-height: 1.3333333;
336
+ }
337
+ :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
338
+ font-weight: 800;
339
+ color: inherit;
340
+ }
341
+ :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
342
+ color: var(--tw-prose-headings);
343
+ font-weight: 600;
344
+ font-size: 1.25em;
345
+ margin-top: 1.6em;
346
+ margin-bottom: 0.6em;
347
+ line-height: 1.6;
348
+ }
349
+ :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
350
+ font-weight: 700;
351
+ color: inherit;
352
+ }
353
+ :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
354
+ color: var(--tw-prose-headings);
355
+ font-weight: 600;
356
+ margin-top: 1.5em;
357
+ margin-bottom: 0.5em;
358
+ line-height: 1.5;
359
+ }
360
+ :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
361
+ font-weight: 700;
362
+ color: inherit;
363
+ }
364
+ :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
365
+ margin-top: 2em;
366
+ margin-bottom: 2em;
367
+ }
368
+ :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
369
+ display: block;
370
+ margin-top: 2em;
371
+ margin-bottom: 2em;
372
+ }
373
+ :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
374
+ margin-top: 2em;
375
+ margin-bottom: 2em;
376
+ }
377
+ :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
378
+ font-weight: 500;
379
+ font-family: inherit;
380
+ color: var(--tw-prose-kbd);
381
+ box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
382
+ font-size: 0.875em;
383
+ border-radius: 0.3125rem;
384
+ padding-top: 0.1875em;
385
+ padding-inline-end: 0.375em;
386
+ padding-bottom: 0.1875em;
387
+ padding-inline-start: 0.375em;
388
+ }
389
+ :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
390
+ color: var(--tw-prose-code);
391
+ font-weight: 600;
392
+ font-size: 0.875em;
393
+ }
394
+ :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
395
+ content: "`";
396
+ }
397
+ :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
398
+ content: "`";
399
+ }
400
+ :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
401
+ color: inherit;
402
+ }
403
+ :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
404
+ color: inherit;
405
+ }
406
+ :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
407
+ color: inherit;
408
+ font-size: 0.875em;
409
+ }
410
+ :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
411
+ color: inherit;
412
+ font-size: 0.9em;
413
+ }
414
+ :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
415
+ color: inherit;
416
+ }
417
+ :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
418
+ color: inherit;
419
+ }
420
+ :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
421
+ color: inherit;
422
+ }
423
+ :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
424
+ color: var(--tw-prose-pre-code);
425
+ background-color: var(--tw-prose-pre-bg);
426
+ overflow-x: auto;
427
+ font-weight: 400;
428
+ font-size: 0.875em;
429
+ line-height: 1.7142857;
430
+ margin-top: 1.7142857em;
431
+ margin-bottom: 1.7142857em;
432
+ border-radius: 0.375rem;
433
+ padding-top: 0.8571429em;
434
+ padding-inline-end: 1.1428571em;
435
+ padding-bottom: 0.8571429em;
436
+ padding-inline-start: 1.1428571em;
437
+ }
438
+ :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
439
+ background-color: transparent;
440
+ border-width: 0;
441
+ border-radius: 0;
442
+ padding: 0;
443
+ font-weight: inherit;
444
+ color: inherit;
445
+ font-size: inherit;
446
+ font-family: inherit;
447
+ line-height: inherit;
448
+ }
449
+ :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
450
+ content: none;
451
+ }
452
+ :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
453
+ content: none;
454
+ }
455
+ :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
456
+ width: 100%;
457
+ table-layout: auto;
458
+ margin-top: 2em;
459
+ margin-bottom: 2em;
460
+ font-size: 0.875em;
461
+ line-height: 1.7142857;
462
+ }
463
+ :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
464
+ border-bottom-width: 1px;
465
+ border-bottom-color: var(--tw-prose-th-borders);
466
+ }
467
+ :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
468
+ color: var(--tw-prose-headings);
469
+ font-weight: 600;
470
+ vertical-align: bottom;
471
+ padding-inline-end: 0.5714286em;
472
+ padding-bottom: 0.5714286em;
473
+ padding-inline-start: 0.5714286em;
474
+ }
475
+ :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
476
+ border-bottom-width: 1px;
477
+ border-bottom-color: var(--tw-prose-td-borders);
478
+ }
479
+ :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
480
+ border-bottom-width: 0;
481
+ }
482
+ :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
483
+ vertical-align: baseline;
484
+ }
485
+ :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
486
+ border-top-width: 1px;
487
+ border-top-color: var(--tw-prose-th-borders);
488
+ }
489
+ :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
490
+ vertical-align: top;
491
+ }
492
+ :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
493
+ text-align: start;
494
+ }
495
+ :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
496
+ margin-top: 0;
497
+ margin-bottom: 0;
498
+ }
499
+ :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
500
+ color: var(--tw-prose-captions);
501
+ font-size: 0.875em;
502
+ line-height: 1.4285714;
503
+ margin-top: 0.8571429em;
504
+ }
505
+ --tw-prose-body: oklch(37.3% 0.034 259.733);
506
+ --tw-prose-headings: oklch(21% 0.034 264.665);
507
+ --tw-prose-lead: oklch(44.6% 0.03 256.802);
508
+ --tw-prose-links: oklch(21% 0.034 264.665);
509
+ --tw-prose-bold: oklch(21% 0.034 264.665);
510
+ --tw-prose-counters: oklch(55.1% 0.027 264.364);
511
+ --tw-prose-bullets: oklch(87.2% 0.01 258.338);
512
+ --tw-prose-hr: oklch(92.8% 0.006 264.531);
513
+ --tw-prose-quotes: oklch(21% 0.034 264.665);
514
+ --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
515
+ --tw-prose-captions: oklch(55.1% 0.027 264.364);
516
+ --tw-prose-kbd: oklch(21% 0.034 264.665);
517
+ --tw-prose-kbd-shadows: NaN NaN NaN;
518
+ --tw-prose-code: oklch(21% 0.034 264.665);
519
+ --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
520
+ --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
521
+ --tw-prose-th-borders: oklch(87.2% 0.01 258.338);
522
+ --tw-prose-td-borders: oklch(92.8% 0.006 264.531);
523
+ --tw-prose-invert-body: oklch(87.2% 0.01 258.338);
524
+ --tw-prose-invert-headings: #fff;
525
+ --tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
526
+ --tw-prose-invert-links: #fff;
527
+ --tw-prose-invert-bold: #fff;
528
+ --tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
529
+ --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
530
+ --tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
531
+ --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
532
+ --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
533
+ --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
534
+ --tw-prose-invert-kbd: #fff;
535
+ --tw-prose-invert-kbd-shadows: 255 255 255;
536
+ --tw-prose-invert-code: #fff;
537
+ --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
538
+ --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
539
+ --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
540
+ --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
541
+ font-size: 1rem;
542
+ line-height: 1.75;
543
+ :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
544
+ margin-top: 0;
545
+ margin-bottom: 0;
546
+ }
547
+ :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
548
+ margin-top: 0.5em;
549
+ margin-bottom: 0.5em;
550
+ }
551
+ :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
552
+ padding-inline-start: 0.375em;
553
+ }
554
+ :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
555
+ padding-inline-start: 0.375em;
556
+ }
557
+ :where(.uii\:prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
558
+ margin-top: 0.75em;
559
+ margin-bottom: 0.75em;
560
+ }
561
+ :where(.uii\:prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
562
+ margin-top: 1.25em;
563
+ }
564
+ :where(.uii\:prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
565
+ margin-bottom: 1.25em;
566
+ }
567
+ :where(.uii\:prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
568
+ margin-top: 1.25em;
569
+ }
570
+ :where(.uii\:prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
571
+ margin-bottom: 1.25em;
572
+ }
573
+ :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
574
+ margin-top: 0.75em;
575
+ margin-bottom: 0.75em;
576
+ }
577
+ :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
578
+ margin-top: 1.25em;
579
+ margin-bottom: 1.25em;
580
+ }
581
+ :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
582
+ margin-top: 0.5em;
583
+ padding-inline-start: 1.625em;
584
+ }
585
+ :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
586
+ margin-top: 0;
587
+ }
588
+ :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
589
+ margin-top: 0;
590
+ }
591
+ :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
592
+ margin-top: 0;
593
+ }
594
+ :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
595
+ margin-top: 0;
596
+ }
597
+ :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
598
+ padding-inline-start: 0;
599
+ }
600
+ :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
601
+ padding-inline-end: 0;
602
+ }
603
+ :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
604
+ padding-top: 0.5714286em;
605
+ padding-inline-end: 0.5714286em;
606
+ padding-bottom: 0.5714286em;
607
+ padding-inline-start: 0.5714286em;
608
+ }
609
+ :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
610
+ padding-inline-start: 0;
611
+ }
612
+ :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
613
+ padding-inline-end: 0;
614
+ }
615
+ :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
616
+ margin-top: 2em;
617
+ margin-bottom: 2em;
618
+ }
619
+ :where(.uii\:prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
620
+ margin-top: 0;
621
+ }
622
+ :where(.uii\:prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
623
+ margin-bottom: 0;
624
+ }
625
+ }
626
+ .uii\:prose {
627
+ color: var(--tw-prose-body);
628
+ max-width: 65ch;
629
+ :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
630
+ margin-top: 1.25em;
631
+ margin-bottom: 1.25em;
632
+ }
633
+ :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
634
+ color: var(--tw-prose-lead);
635
+ font-size: 1.25em;
636
+ line-height: 1.6;
637
+ margin-top: 1.2em;
638
+ margin-bottom: 1.2em;
639
+ }
640
+ :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
641
+ color: var(--tw-prose-links);
642
+ text-decoration: underline;
643
+ font-weight: 500;
644
+ }
645
+ :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
646
+ color: var(--tw-prose-bold);
647
+ font-weight: 600;
648
+ }
649
+ :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
650
+ color: inherit;
651
+ }
652
+ :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
653
+ color: inherit;
654
+ }
655
+ :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
656
+ color: inherit;
657
+ }
658
+ :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
659
+ list-style-type: decimal;
660
+ margin-top: 1.25em;
661
+ margin-bottom: 1.25em;
662
+ padding-inline-start: 1.625em;
663
+ }
664
+ :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
665
+ list-style-type: upper-alpha;
666
+ }
667
+ :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
668
+ list-style-type: lower-alpha;
669
+ }
670
+ :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
671
+ list-style-type: upper-alpha;
672
+ }
673
+ :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
674
+ list-style-type: lower-alpha;
675
+ }
676
+ :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
677
+ list-style-type: upper-roman;
678
+ }
679
+ :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
680
+ list-style-type: lower-roman;
681
+ }
682
+ :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
683
+ list-style-type: upper-roman;
684
+ }
685
+ :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
686
+ list-style-type: lower-roman;
687
+ }
688
+ :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
689
+ list-style-type: decimal;
690
+ }
691
+ :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
692
+ list-style-type: disc;
693
+ margin-top: 1.25em;
694
+ margin-bottom: 1.25em;
695
+ padding-inline-start: 1.625em;
696
+ }
697
+ :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
698
+ font-weight: 400;
699
+ color: var(--tw-prose-counters);
700
+ }
701
+ :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
702
+ color: var(--tw-prose-bullets);
703
+ }
704
+ :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
705
+ color: var(--tw-prose-headings);
706
+ font-weight: 600;
707
+ margin-top: 1.25em;
708
+ }
709
+ :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
710
+ border-color: var(--tw-prose-hr);
711
+ border-top-width: 1;
712
+ margin-top: 3em;
713
+ margin-bottom: 3em;
714
+ }
715
+ :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
716
+ font-weight: 500;
717
+ font-style: italic;
718
+ color: var(--tw-prose-quotes);
719
+ border-inline-start-width: 0.25rem;
720
+ border-inline-start-color: var(--tw-prose-quote-borders);
721
+ quotes: "\201C""\201D""\2018""\2019";
722
+ margin-top: 1.6em;
723
+ margin-bottom: 1.6em;
724
+ padding-inline-start: 1em;
725
+ }
726
+ :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
727
+ content: open-quote;
728
+ }
729
+ :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
730
+ content: close-quote;
731
+ }
732
+ :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
733
+ color: var(--tw-prose-headings);
734
+ font-weight: 800;
735
+ font-size: 2.25em;
736
+ margin-top: 0;
737
+ margin-bottom: 0.8888889em;
738
+ line-height: 1.1111111;
739
+ }
740
+ :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
741
+ font-weight: 900;
742
+ color: inherit;
743
+ }
744
+ :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
745
+ color: var(--tw-prose-headings);
746
+ font-weight: 700;
747
+ font-size: 1.5em;
748
+ margin-top: 2em;
749
+ margin-bottom: 1em;
750
+ line-height: 1.3333333;
751
+ }
752
+ :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
753
+ font-weight: 800;
754
+ color: inherit;
755
+ }
756
+ :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
757
+ color: var(--tw-prose-headings);
758
+ font-weight: 600;
759
+ font-size: 1.25em;
760
+ margin-top: 1.6em;
761
+ margin-bottom: 0.6em;
762
+ line-height: 1.6;
763
+ }
764
+ :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
765
+ font-weight: 700;
766
+ color: inherit;
767
+ }
768
+ :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
769
+ color: var(--tw-prose-headings);
770
+ font-weight: 600;
771
+ margin-top: 1.5em;
772
+ margin-bottom: 0.5em;
773
+ line-height: 1.5;
774
+ }
775
+ :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
776
+ font-weight: 700;
777
+ color: inherit;
778
+ }
779
+ :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
780
+ margin-top: 2em;
781
+ margin-bottom: 2em;
782
+ }
783
+ :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
784
+ display: block;
785
+ margin-top: 2em;
786
+ margin-bottom: 2em;
787
+ }
788
+ :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
789
+ margin-top: 2em;
790
+ margin-bottom: 2em;
791
+ }
792
+ :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
793
+ font-weight: 500;
794
+ font-family: inherit;
795
+ color: var(--tw-prose-kbd);
796
+ box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
797
+ font-size: 0.875em;
798
+ border-radius: 0.3125rem;
799
+ padding-top: 0.1875em;
800
+ padding-inline-end: 0.375em;
801
+ padding-bottom: 0.1875em;
802
+ padding-inline-start: 0.375em;
803
+ }
804
+ :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
805
+ color: var(--tw-prose-code);
806
+ font-weight: 600;
807
+ font-size: 0.875em;
808
+ }
809
+ :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
810
+ content: "`";
811
+ }
812
+ :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
813
+ content: "`";
814
+ }
815
+ :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
816
+ color: inherit;
817
+ }
818
+ :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
819
+ color: inherit;
820
+ }
821
+ :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
822
+ color: inherit;
823
+ font-size: 0.875em;
824
+ }
825
+ :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
826
+ color: inherit;
827
+ font-size: 0.9em;
828
+ }
829
+ :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
830
+ color: inherit;
831
+ }
832
+ :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
833
+ color: inherit;
834
+ }
835
+ :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
836
+ color: inherit;
837
+ }
838
+ :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
839
+ color: var(--tw-prose-pre-code);
840
+ background-color: var(--tw-prose-pre-bg);
841
+ overflow-x: auto;
842
+ font-weight: 400;
843
+ font-size: 0.875em;
844
+ line-height: 1.7142857;
845
+ margin-top: 1.7142857em;
846
+ margin-bottom: 1.7142857em;
847
+ border-radius: 0.375rem;
848
+ padding-top: 0.8571429em;
849
+ padding-inline-end: 1.1428571em;
850
+ padding-bottom: 0.8571429em;
851
+ padding-inline-start: 1.1428571em;
852
+ }
853
+ :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
854
+ background-color: transparent;
855
+ border-width: 0;
856
+ border-radius: 0;
857
+ padding: 0;
858
+ font-weight: inherit;
859
+ color: inherit;
860
+ font-size: inherit;
861
+ font-family: inherit;
862
+ line-height: inherit;
863
+ }
864
+ :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
865
+ content: none;
866
+ }
867
+ :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
868
+ content: none;
869
+ }
870
+ :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
871
+ width: 100%;
872
+ table-layout: auto;
873
+ margin-top: 2em;
874
+ margin-bottom: 2em;
875
+ font-size: 0.875em;
876
+ line-height: 1.7142857;
877
+ }
878
+ :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
879
+ border-bottom-width: 1px;
880
+ border-bottom-color: var(--tw-prose-th-borders);
881
+ }
882
+ :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
883
+ color: var(--tw-prose-headings);
884
+ font-weight: 600;
885
+ vertical-align: bottom;
886
+ padding-inline-end: 0.5714286em;
887
+ padding-bottom: 0.5714286em;
888
+ padding-inline-start: 0.5714286em;
889
+ }
890
+ :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
891
+ border-bottom-width: 1px;
892
+ border-bottom-color: var(--tw-prose-td-borders);
893
+ }
894
+ :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
895
+ border-bottom-width: 0;
896
+ }
897
+ :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
898
+ vertical-align: baseline;
899
+ }
900
+ :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
901
+ border-top-width: 1px;
902
+ border-top-color: var(--tw-prose-th-borders);
903
+ }
904
+ :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
905
+ vertical-align: top;
906
+ }
907
+ :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
908
+ text-align: start;
909
+ }
910
+ :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
911
+ margin-top: 0;
912
+ margin-bottom: 0;
913
+ }
914
+ :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
915
+ color: var(--tw-prose-captions);
916
+ font-size: 0.875em;
917
+ line-height: 1.4285714;
918
+ margin-top: 0.8571429em;
919
+ }
920
+ --tw-prose-body: oklch(37.3% 0.034 259.733);
921
+ --tw-prose-headings: oklch(21% 0.034 264.665);
922
+ --tw-prose-lead: oklch(44.6% 0.03 256.802);
923
+ --tw-prose-links: oklch(21% 0.034 264.665);
924
+ --tw-prose-bold: oklch(21% 0.034 264.665);
925
+ --tw-prose-counters: oklch(55.1% 0.027 264.364);
926
+ --tw-prose-bullets: oklch(87.2% 0.01 258.338);
927
+ --tw-prose-hr: oklch(92.8% 0.006 264.531);
928
+ --tw-prose-quotes: oklch(21% 0.034 264.665);
929
+ --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
930
+ --tw-prose-captions: oklch(55.1% 0.027 264.364);
931
+ --tw-prose-kbd: oklch(21% 0.034 264.665);
932
+ --tw-prose-kbd-shadows: NaN NaN NaN;
933
+ --tw-prose-code: oklch(21% 0.034 264.665);
934
+ --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
935
+ --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
936
+ --tw-prose-th-borders: oklch(87.2% 0.01 258.338);
937
+ --tw-prose-td-borders: oklch(92.8% 0.006 264.531);
938
+ --tw-prose-invert-body: oklch(87.2% 0.01 258.338);
939
+ --tw-prose-invert-headings: #fff;
940
+ --tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
941
+ --tw-prose-invert-links: #fff;
942
+ --tw-prose-invert-bold: #fff;
943
+ --tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
944
+ --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
945
+ --tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
946
+ --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
947
+ --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
948
+ --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
949
+ --tw-prose-invert-kbd: #fff;
950
+ --tw-prose-invert-kbd-shadows: 255 255 255;
951
+ --tw-prose-invert-code: #fff;
952
+ --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
953
+ --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
954
+ --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
955
+ --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
956
+ font-size: 1rem;
957
+ line-height: 1.75;
958
+ :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
959
+ margin-top: 0;
960
+ margin-bottom: 0;
961
+ }
962
+ :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
963
+ margin-top: 0.5em;
964
+ margin-bottom: 0.5em;
965
+ }
966
+ :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
967
+ padding-inline-start: 0.375em;
968
+ }
969
+ :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
970
+ padding-inline-start: 0.375em;
971
+ }
972
+ :where(.uii\:prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
973
+ margin-top: 0.75em;
974
+ margin-bottom: 0.75em;
975
+ }
976
+ :where(.uii\:prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
977
+ margin-top: 1.25em;
978
+ }
979
+ :where(.uii\:prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
980
+ margin-bottom: 1.25em;
981
+ }
982
+ :where(.uii\:prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
983
+ margin-top: 1.25em;
984
+ }
985
+ :where(.uii\:prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
986
+ margin-bottom: 1.25em;
987
+ }
988
+ :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
989
+ margin-top: 0.75em;
990
+ margin-bottom: 0.75em;
991
+ }
992
+ :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
993
+ margin-top: 1.25em;
994
+ margin-bottom: 1.25em;
995
+ }
996
+ :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
997
+ margin-top: 0.5em;
998
+ padding-inline-start: 1.625em;
999
+ }
1000
+ :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1001
+ margin-top: 0;
1002
+ }
1003
+ :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1004
+ margin-top: 0;
1005
+ }
1006
+ :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1007
+ margin-top: 0;
1008
+ }
1009
+ :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1010
+ margin-top: 0;
1011
+ }
1012
+ :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1013
+ padding-inline-start: 0;
1014
+ }
1015
+ :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1016
+ padding-inline-end: 0;
1017
+ }
1018
+ :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1019
+ padding-top: 0.5714286em;
1020
+ padding-inline-end: 0.5714286em;
1021
+ padding-bottom: 0.5714286em;
1022
+ padding-inline-start: 0.5714286em;
1023
+ }
1024
+ :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1025
+ padding-inline-start: 0;
1026
+ }
1027
+ :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1028
+ padding-inline-end: 0;
1029
+ }
1030
+ :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1031
+ margin-top: 2em;
1032
+ margin-bottom: 2em;
1033
+ }
1034
+ :where(.uii\:prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1035
+ margin-top: 0;
1036
+ }
1037
+ :where(.uii\:prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1038
+ margin-bottom: 0;
1039
+ }
1040
+ }
1041
+ .uii\:-mt-2 {
1042
+ margin-top: calc(var(--uii-spacing) * -2);
1043
+ }
1044
+ .uii\:-mt-\[1px\] {
1045
+ margin-top: calc(1px * -1);
1046
+ }
1047
+ .uii\:mt-0\.5 {
1048
+ margin-top: calc(var(--uii-spacing) * 0.5);
1049
+ }
1050
+ .uii\:mt-2 {
1051
+ margin-top: calc(var(--uii-spacing) * 2);
1052
+ }
1053
+ .uii\:mr-1 {
1054
+ margin-right: calc(var(--uii-spacing) * 1);
1055
+ }
1056
+ .uii\:-ml-\[4px\] {
1057
+ margin-left: calc(4px * -1);
1058
+ }
1059
+ .uii\:ml-2 {
1060
+ margin-left: calc(var(--uii-spacing) * 2);
1061
+ }
1062
+ .uii\:flex {
1063
+ display: flex;
1064
+ }
1065
+ .uii\:inline-flex {
1066
+ display: inline-flex;
1067
+ }
1068
+ .uii\:h-9 {
1069
+ height: calc(var(--uii-spacing) * 9);
1070
+ }
1071
+ .uii\:max-h-64 {
1072
+ max-height: calc(var(--uii-spacing) * 64);
1073
+ }
1074
+ .uii\:min-h-\[1\.5rem\] {
1075
+ min-height: 1.5rem;
1076
+ }
1077
+ .uii\:min-h-\[1\.25rem\] {
1078
+ min-height: 1.25rem;
1079
+ }
1080
+ .uii\:w-full {
1081
+ width: 100%;
1082
+ }
1083
+ .uii\:min-w-0 {
1084
+ min-width: calc(var(--uii-spacing) * 0);
1085
+ }
1086
+ .uii\:flex-1 {
1087
+ flex: 1;
1088
+ }
1089
+ .uii\:animate-spin {
1090
+ animation: spin var(--default-animation-duration, 1s) var(--default-animation-timing-function, linear) var(--default-animation-delay, 0s) infinite;
1091
+ }
1092
+ .uii\:cursor-pointer {
1093
+ cursor: pointer;
1094
+ }
1095
+ .uii\:flex-wrap {
1096
+ flex-wrap: wrap;
1097
+ }
1098
+ .uii\:items-center {
1099
+ align-items: center;
1100
+ }
1101
+ .uii\:items-start {
1102
+ align-items: flex-start;
1103
+ }
1104
+ .uii\:justify-between {
1105
+ justify-content: space-between;
1106
+ }
1107
+ .uii\:justify-center {
1108
+ justify-content: center;
1109
+ }
1110
+ .uii\:gap-1 {
1111
+ gap: calc(var(--uii-spacing) * 1);
1112
+ }
1113
+ .uii\:gap-2 {
1114
+ gap: calc(var(--uii-spacing) * 2);
1115
+ }
1116
+ .uii\:space-y-2 {
1117
+ :where(& > :not(:last-child)) {
1118
+ --tw-space-y-reverse: 0;
1119
+ margin-block-start: calc(calc(var(--uii-spacing) * 2) * var(--tw-space-y-reverse));
1120
+ margin-block-end: calc(calc(var(--uii-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
1121
+ }
1122
+ }
1123
+ .uii\:space-y-3 {
1124
+ :where(& > :not(:last-child)) {
1125
+ --tw-space-y-reverse: 0;
1126
+ margin-block-start: calc(calc(var(--uii-spacing) * 3) * var(--tw-space-y-reverse));
1127
+ margin-block-end: calc(calc(var(--uii-spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
1128
+ }
1129
+ }
1130
+ .uii\:space-y-4 {
1131
+ :where(& > :not(:last-child)) {
1132
+ --tw-space-y-reverse: 0;
1133
+ margin-block-start: calc(calc(var(--uii-spacing) * 4) * var(--tw-space-y-reverse));
1134
+ margin-block-end: calc(calc(var(--uii-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
1135
+ }
1136
+ }
1137
+ .uii\:truncate {
1138
+ overflow: hidden;
1139
+ text-overflow: ellipsis;
1140
+ white-space: nowrap;
1141
+ }
1142
+ .uii\:overflow-auto {
1143
+ overflow: auto;
1144
+ }
1145
+ .uii\:rounded {
1146
+ border-radius: 0.25rem;
1147
+ }
1148
+ .uii\:rounded-md {
1149
+ border-radius: calc(var(--radius) - 2px);
1150
+ }
1151
+ .uii\:rounded-sm {
1152
+ border-radius: calc(var(--radius) - 4px);
1153
+ }
1154
+ .uii\:rounded-xs {
1155
+ border-radius: var(--uii-radius-xs);
1156
+ }
1157
+ .uii\:border {
1158
+ border-style: var(--tw-border-style);
1159
+ border-width: 1px;
1160
+ }
1161
+ .uii\:border-b {
1162
+ border-bottom-style: var(--tw-border-style);
1163
+ border-bottom-width: 1px;
1164
+ }
1165
+ .uii\:border-l {
1166
+ border-left-style: var(--tw-border-style);
1167
+ border-left-width: 1px;
1168
+ }
1169
+ .uii\:border-l-8 {
1170
+ border-left-style: var(--tw-border-style);
1171
+ border-left-width: 8px;
1172
+ }
1173
+ .uii\:border-l-10 {
1174
+ border-left-style: var(--tw-border-style);
1175
+ border-left-width: 10px;
1176
+ }
1177
+ .uii\:border-blue-200 {
1178
+ border-color: oklch(88.2% 0.059 254.128);
1179
+ }
1180
+ .uii\:border-gray-200 {
1181
+ border-color: oklch(92.8% 0.006 264.531);
1182
+ }
1183
+ .uii\:border-input {
1184
+ border-color: var(--input);
1185
+ }
1186
+ .uii\:border-purple-200 {
1187
+ border-color: oklch(90.2% 0.063 306.703);
1188
+ }
1189
+ .uii\:border-red-200 {
1190
+ border-color: oklch(88.5% 0.062 18.334);
1191
+ }
1192
+ .uii\:border-ring {
1193
+ border-color: var(--ring);
1194
+ }
1195
+ .uii\:border-white\/40 {
1196
+ border-color: color-mix(in oklab, #fff 40%, transparent);
1197
+ }
1198
+ .uii\:border-l-background {
1199
+ border-left-color: var(--background);
1200
+ }
1201
+ .uii\:bg-background {
1202
+ background-color: var(--background);
1203
+ }
1204
+ .uii\:bg-blue-100 {
1205
+ background-color: oklch(93.2% 0.032 255.585);
1206
+ }
1207
+ .uii\:bg-cyan-100 {
1208
+ background-color: oklch(95.6% 0.045 203.388);
1209
+ }
1210
+ .uii\:bg-destructive {
1211
+ background-color: var(--destructive);
1212
+ }
1213
+ .uii\:bg-gray-50 {
1214
+ background-color: oklch(98.5% 0.002 247.839);
1215
+ }
1216
+ .uii\:bg-gray-100 {
1217
+ background-color: oklch(96.7% 0.003 264.542);
1218
+ }
1219
+ .uii\:bg-gray-200 {
1220
+ background-color: oklch(92.8% 0.006 264.531);
1221
+ }
1222
+ .uii\:bg-green-100 {
1223
+ background-color: oklch(96.2% 0.044 156.743);
1224
+ }
1225
+ .uii\:bg-indigo-100 {
1226
+ background-color: oklch(93% 0.034 272.788);
1227
+ }
1228
+ .uii\:bg-muted\/50 {
1229
+ background-color: var(--muted);
1230
+ @supports (color: color-mix(in lab, red, red)) {
1231
+ background-color: color-mix(in oklab, var(--muted) 50%, transparent);
1232
+ }
1233
+ }
1234
+ .uii\:bg-orange-100 {
1235
+ background-color: oklch(95.4% 0.038 75.164);
1236
+ }
1237
+ .uii\:bg-pink-100 {
1238
+ background-color: oklch(94.8% 0.028 342.258);
1239
+ }
1240
+ .uii\:bg-purple-50 {
1241
+ background-color: oklch(97.7% 0.014 308.299);
1242
+ }
1243
+ .uii\:bg-purple-100 {
1244
+ background-color: oklch(94.6% 0.033 307.174);
1245
+ }
1246
+ .uii\:bg-red-50 {
1247
+ background-color: oklch(97.1% 0.013 17.38);
1248
+ }
1249
+ .uii\:bg-red-100 {
1250
+ background-color: oklch(93.6% 0.032 17.717);
1251
+ }
1252
+ .uii\:bg-transparent {
1253
+ background-color: transparent;
1254
+ }
1255
+ .uii\:bg-white {
1256
+ background-color: #fff;
1257
+ }
1258
+ .uii\:bg-yellow-100 {
1259
+ background-color: oklch(97.3% 0.071 103.193);
1260
+ }
1261
+ .uii\:p-1 {
1262
+ padding: calc(var(--uii-spacing) * 1);
1263
+ }
1264
+ .uii\:p-2 {
1265
+ padding: calc(var(--uii-spacing) * 2);
1266
+ }
1267
+ .uii\:p-3 {
1268
+ padding: calc(var(--uii-spacing) * 3);
1269
+ }
1270
+ .uii\:px-1 {
1271
+ padding-inline: calc(var(--uii-spacing) * 1);
1272
+ }
1273
+ .uii\:px-1\.5 {
1274
+ padding-inline: calc(var(--uii-spacing) * 1.5);
1275
+ }
1276
+ .uii\:px-2 {
1277
+ padding-inline: calc(var(--uii-spacing) * 2);
1278
+ }
1279
+ .uii\:px-3 {
1280
+ padding-inline: calc(var(--uii-spacing) * 3);
1281
+ }
1282
+ .uii\:py-0\.5 {
1283
+ padding-block: calc(var(--uii-spacing) * 0.5);
1284
+ }
1285
+ .uii\:py-1 {
1286
+ padding-block: calc(var(--uii-spacing) * 1);
1287
+ }
1288
+ .uii\:py-1\.5 {
1289
+ padding-block: calc(var(--uii-spacing) * 1.5);
1290
+ }
1291
+ .uii\:pr-2 {
1292
+ padding-right: calc(var(--uii-spacing) * 2);
1293
+ }
1294
+ .uii\:pr-30 {
1295
+ padding-right: calc(var(--uii-spacing) * 30);
1296
+ }
1297
+ .uii\:font-mono {
1298
+ font-family: var(--uii-font-mono);
1299
+ }
1300
+ .uii\:font-sans {
1301
+ font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1302
+ }
1303
+ .uii\:text-base {
1304
+ font-size: var(--uii-text-base);
1305
+ line-height: var(--tw-leading, var(--uii-text-base--line-height));
1306
+ }
1307
+ .uii\:text-sm {
1308
+ font-size: var(--uii-text-sm);
1309
+ line-height: var(--tw-leading, var(--uii-text-sm--line-height));
1310
+ }
1311
+ .uii\:text-xs {
1312
+ font-size: var(--uii-text-xs);
1313
+ line-height: var(--tw-leading, var(--uii-text-xs--line-height));
1314
+ }
1315
+ .uii\:text-\[10px\] {
1316
+ font-size: 10px;
1317
+ }
1318
+ .uii\:leading-none {
1319
+ --tw-leading: 1;
1320
+ line-height: 1;
1321
+ }
1322
+ .uii\:font-bold {
1323
+ --tw-font-weight: var(--uii-font-weight-bold);
1324
+ font-weight: var(--uii-font-weight-bold);
1325
+ }
1326
+ .uii\:font-light {
1327
+ --tw-font-weight: var(--uii-font-weight-light);
1328
+ font-weight: var(--uii-font-weight-light);
1329
+ }
1330
+ .uii\:font-medium {
1331
+ --tw-font-weight: var(--uii-font-weight-medium);
1332
+ font-weight: var(--uii-font-weight-medium);
1333
+ }
1334
+ .uii\:font-semibold {
1335
+ --tw-font-weight: var(--uii-font-weight-semibold);
1336
+ font-weight: var(--uii-font-weight-semibold);
1337
+ }
1338
+ .uii\:tracking-wide {
1339
+ --tw-tracking: var(--uii-tracking-wide);
1340
+ letter-spacing: var(--uii-tracking-wide);
1341
+ }
1342
+ .uii\:text-blue-600 {
1343
+ color: oklch(54.6% 0.245 262.881);
1344
+ }
1345
+ .uii\:text-blue-700 {
1346
+ color: oklch(48.8% 0.243 264.376);
1347
+ }
1348
+ .uii\:text-blue-800 {
1349
+ color: oklch(42.4% 0.199 265.638);
1350
+ }
1351
+ .uii\:text-cyan-600 {
1352
+ color: oklch(60.9% 0.126 221.723);
1353
+ }
1354
+ .uii\:text-foreground {
1355
+ color: var(--foreground);
1356
+ }
1357
+ .uii\:text-gray-400 {
1358
+ color: oklch(70.7% 0.022 261.325);
1359
+ }
1360
+ .uii\:text-gray-500 {
1361
+ color: oklch(55.1% 0.027 264.364);
1362
+ }
1363
+ .uii\:text-gray-600 {
1364
+ color: oklch(44.6% 0.03 256.802);
1365
+ }
1366
+ .uii\:text-gray-700 {
1367
+ color: oklch(37.3% 0.034 259.733);
1368
+ }
1369
+ .uii\:text-gray-800 {
1370
+ color: oklch(27.8% 0.033 256.848);
1371
+ }
1372
+ .uii\:text-green-600 {
1373
+ color: oklch(62.7% 0.194 149.214);
1374
+ }
1375
+ .uii\:text-green-800 {
1376
+ color: oklch(44.8% 0.119 151.328);
1377
+ }
1378
+ .uii\:text-indigo-600 {
1379
+ color: oklch(51.1% 0.262 276.966);
1380
+ }
1381
+ .uii\:text-muted-foreground {
1382
+ color: var(--muted-foreground);
1383
+ }
1384
+ .uii\:text-orange-600 {
1385
+ color: oklch(64.6% 0.222 41.116);
1386
+ }
1387
+ .uii\:text-pink-600 {
1388
+ color: oklch(59.2% 0.249 0.584);
1389
+ }
1390
+ .uii\:text-purple-600 {
1391
+ color: oklch(55.8% 0.288 302.321);
1392
+ }
1393
+ .uii\:text-purple-800 {
1394
+ color: oklch(43.8% 0.218 303.724);
1395
+ }
1396
+ .uii\:text-red-600 {
1397
+ color: oklch(57.7% 0.245 27.325);
1398
+ }
1399
+ .uii\:text-red-800 {
1400
+ color: oklch(44.4% 0.177 26.899);
1401
+ }
1402
+ .uii\:text-white {
1403
+ color: #fff;
1404
+ }
1405
+ .uii\:text-yellow-600 {
1406
+ color: oklch(68.1% 0.162 75.834);
1407
+ }
1408
+ .uii\:text-yellow-800 {
1409
+ color: oklch(47.6% 0.114 61.907);
1410
+ }
1411
+ .uii\:uppercase {
1412
+ text-transform: uppercase;
1413
+ }
1414
+ .uii\:italic {
1415
+ font-style: italic;
1416
+ }
1417
+ .uii\:shadow-xs {
1418
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1419
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1420
+ }
1421
+ .uii\:ring-\[3px\] {
1422
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1423
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1424
+ }
1425
+ .uii\:ring-ring\/50 {
1426
+ --tw-ring-color: var(--ring);
1427
+ @supports (color: color-mix(in lab, red, red)) {
1428
+ --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
1429
+ }
1430
+ }
1431
+ .uii\:transition-\[color\,box-shadow\] {
1432
+ transition-property: color,box-shadow;
1433
+ transition-timing-function: var(--tw-ease, var(--uii-default-transition-timing-function));
1434
+ transition-duration: var(--tw-duration, var(--uii-default-transition-duration));
1435
+ }
1436
+ .uii\:outline-none {
1437
+ --tw-outline-style: none;
1438
+ outline-style: none;
1439
+ }
1440
+ .uii\:selection\:bg-primary {
1441
+ & *::selection {
1442
+ background-color: var(--primary);
1443
+ }
1444
+ &::selection {
1445
+ background-color: var(--primary);
1446
+ }
1447
+ }
1448
+ .uii\:selection\:text-primary-foreground {
1449
+ & *::selection {
1450
+ color: var(--primary-foreground);
1451
+ }
1452
+ &::selection {
1453
+ color: var(--primary-foreground);
1454
+ }
1455
+ }
1456
+ .uii\:file\:inline-flex {
1457
+ &::file-selector-button {
1458
+ display: inline-flex;
1459
+ }
1460
+ }
1461
+ .uii\:file\:h-7 {
1462
+ &::file-selector-button {
1463
+ height: calc(var(--uii-spacing) * 7);
1464
+ }
1465
+ }
1466
+ .uii\:file\:border-0 {
1467
+ &::file-selector-button {
1468
+ border-style: var(--tw-border-style);
1469
+ border-width: 0px;
1470
+ }
1471
+ }
1472
+ .uii\:file\:bg-transparent {
1473
+ &::file-selector-button {
1474
+ background-color: transparent;
1475
+ }
1476
+ }
1477
+ .uii\:file\:text-sm {
1478
+ &::file-selector-button {
1479
+ font-size: var(--uii-text-sm);
1480
+ line-height: var(--tw-leading, var(--uii-text-sm--line-height));
1481
+ }
1482
+ }
1483
+ .uii\:file\:font-medium {
1484
+ &::file-selector-button {
1485
+ --tw-font-weight: var(--uii-font-weight-medium);
1486
+ font-weight: var(--uii-font-weight-medium);
1487
+ }
1488
+ }
1489
+ .uii\:file\:text-foreground {
1490
+ &::file-selector-button {
1491
+ color: var(--foreground);
1492
+ }
1493
+ }
1494
+ .uii\:placeholder\:text-muted-foreground {
1495
+ &::placeholder {
1496
+ color: var(--muted-foreground);
1497
+ }
1498
+ }
1499
+ .uii\:hover\:bg-muted\/50 {
1500
+ &:hover {
1501
+ @media (hover: hover) {
1502
+ background-color: var(--muted);
1503
+ @supports (color: color-mix(in lab, red, red)) {
1504
+ background-color: color-mix(in oklab, var(--muted) 50%, transparent);
1505
+ }
1506
+ }
1507
+ }
1508
+ }
1509
+ .uii\:focus-visible\:border-ring {
1510
+ &:focus-visible {
1511
+ border-color: var(--ring);
1512
+ }
1513
+ }
1514
+ .uii\:focus-visible\:ring-\[3px\] {
1515
+ &:focus-visible {
1516
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1517
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1518
+ }
1519
+ }
1520
+ .uii\:focus-visible\:ring-ring\/50 {
1521
+ &:focus-visible {
1522
+ --tw-ring-color: var(--ring);
1523
+ @supports (color: color-mix(in lab, red, red)) {
1524
+ --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
1525
+ }
1526
+ }
1527
+ }
1528
+ .uii\:disabled\:pointer-events-none {
1529
+ &:disabled {
1530
+ pointer-events: none;
1531
+ }
1532
+ }
1533
+ .uii\:disabled\:cursor-not-allowed {
1534
+ &:disabled {
1535
+ cursor: not-allowed;
1536
+ }
1537
+ }
1538
+ .uii\:disabled\:opacity-50 {
1539
+ &:disabled {
1540
+ opacity: 50%;
1541
+ }
1542
+ }
1543
+ .uii\:aria-invalid\:border-destructive {
1544
+ &[aria-invalid="true"] {
1545
+ border-color: var(--destructive);
1546
+ }
1547
+ }
1548
+ .uii\:aria-invalid\:ring-destructive\/20 {
1549
+ &[aria-invalid="true"] {
1550
+ --tw-ring-color: var(--destructive);
1551
+ @supports (color: color-mix(in lab, red, red)) {
1552
+ --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
1553
+ }
1554
+ }
1555
+ }
1556
+ .uii\:md\:text-sm {
1557
+ @media (width >= 48rem) {
1558
+ font-size: var(--uii-text-sm);
1559
+ line-height: var(--tw-leading, var(--uii-text-sm--line-height));
1560
+ }
1561
+ }
1562
+ .uii\:dark\:aria-invalid\:ring-destructive\/40 {
1563
+ &:is(.dark *) {
1564
+ &[aria-invalid="true"] {
1565
+ --tw-ring-color: var(--destructive);
1566
+ @supports (color: color-mix(in lab, red, red)) {
1567
+ --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
1568
+ }
1569
+ }
1570
+ }
1571
+ }
1572
+ }
1573
+ @layer utilities {
1574
+ .scroll-hide {
1575
+ overflow: auto;
1576
+ scrollbar-width: none;
1577
+ -ms-overflow-style: none;
1578
+ }
1579
+ .scroll-hide::-webkit-scrollbar {
1580
+ display: none;
1581
+ }
1582
+ }
1583
+ :root {
1584
+ --background: oklch(1 0 0);
1585
+ --foreground: oklch(0.13 0.028 261.692);
1586
+ --card: oklch(1 0 0);
1587
+ --card-foreground: oklch(0.13 0.028 261.692);
1588
+ --popover: oklch(1 0 0);
1589
+ --popover-foreground: oklch(0.13 0.028 261.692);
1590
+ --primary: oklch(0.21 0.034 264.665);
1591
+ --primary-foreground: oklch(0.985 0.002 247.839);
1592
+ --secondary: oklch(0.967 0.003 264.542);
1593
+ --secondary-foreground: oklch(0.21 0.034 264.665);
1594
+ --muted: oklch(0.967 0.003 264.542);
1595
+ --muted-foreground: oklch(0.551 0.027 264.364);
1596
+ --accent: oklch(0.967 0.003 264.542);
1597
+ --accent-foreground: oklch(0.21 0.034 264.665);
1598
+ --destructive: oklch(0.577 0.245 27.325);
1599
+ --destructive-foreground: oklch(0.577 0.245 27.325);
1600
+ --border: oklch(0.928 0.006 264.531);
1601
+ --input: oklch(0.928 0.006 264.531);
1602
+ --ring: oklch(0.872 0.01 258.338);
1603
+ --chart-1: oklch(0.646 0.222 41.116);
1604
+ --chart-2: oklch(0.6 0.118 184.704);
1605
+ --chart-3: oklch(0.398 0.07 227.392);
1606
+ --chart-4: oklch(0.828 0.189 84.429);
1607
+ --chart-5: oklch(0.769 0.188 70.08);
1608
+ --radius: 0.625rem;
1609
+ --sidebar: oklch(0.985 0.002 247.839);
1610
+ --sidebar-foreground: oklch(0.13 0.028 261.692);
1611
+ --sidebar-primary: oklch(0.21 0.034 264.665);
1612
+ --sidebar-primary-foreground: oklch(0.985 0.002 247.839);
1613
+ --sidebar-accent: oklch(0.967 0.003 264.542);
1614
+ --sidebar-accent-foreground: oklch(0.21 0.034 264.665);
1615
+ --sidebar-border: oklch(0.928 0.006 264.531);
1616
+ --sidebar-ring: oklch(0.872 0.01 258.338);
1617
+ }
1618
+ .dark {
1619
+ --background: oklch(0.13 0.028 261.692);
1620
+ --foreground: oklch(0.985 0.002 247.839);
1621
+ --card: oklch(0.13 0.028 261.692);
1622
+ --card-foreground: oklch(0.985 0.002 247.839);
1623
+ --popover: oklch(0.13 0.028 261.692);
1624
+ --popover-foreground: oklch(0.985 0.002 247.839);
1625
+ --primary: oklch(0.985 0.002 247.839);
1626
+ --primary-foreground: oklch(0.21 0.034 264.665);
1627
+ --secondary: oklch(0.278 0.033 256.848);
1628
+ --secondary-foreground: oklch(0.985 0.002 247.839);
1629
+ --muted: oklch(0.278 0.033 256.848);
1630
+ --muted-foreground: oklch(0.707 0.022 261.325);
1631
+ --accent: oklch(0.278 0.033 256.848);
1632
+ --accent-foreground: oklch(0.985 0.002 247.839);
1633
+ --destructive: oklch(0.396 0.141 25.723);
1634
+ --destructive-foreground: oklch(0.637 0.237 25.331);
1635
+ --border: oklch(0.278 0.033 256.848);
1636
+ --input: oklch(0.278 0.033 256.848);
1637
+ --ring: oklch(0.446 0.03 256.802);
1638
+ --chart-1: oklch(0.488 0.243 264.376);
1639
+ --chart-2: oklch(0.696 0.17 162.48);
1640
+ --chart-3: oklch(0.769 0.188 70.08);
1641
+ --chart-4: oklch(0.627 0.265 303.9);
1642
+ --chart-5: oklch(0.645 0.246 16.439);
1643
+ --sidebar: oklch(0.21 0.034 264.665);
1644
+ --sidebar-foreground: oklch(0.985 0.002 247.839);
1645
+ --sidebar-primary: oklch(0.488 0.243 264.376);
1646
+ --sidebar-primary-foreground: oklch(0.985 0.002 247.839);
1647
+ --sidebar-accent: oklch(0.278 0.033 256.848);
1648
+ --sidebar-accent-foreground: oklch(0.985 0.002 247.839);
1649
+ --sidebar-border: oklch(0.278 0.033 256.848);
1650
+ --sidebar-ring: oklch(0.446 0.03 256.802);
1651
+ }
1652
+ .border-border {
1653
+ border-color: var(--border);
1654
+ }
1655
+ @layer utilities {
1656
+ .bg-animate {
1657
+ background-size: 200%;
1658
+ -webkit-animation: ui-AnimateBackground 2s ease infinite;
1659
+ -moz-animation: ui-AnimateBackground 2s ease infinite;
1660
+ animation: ui-AnimateBackground 2s ease infinite;
1661
+ }
1662
+ }
1663
+ [data-theme='doflo'] {
1664
+ --bg-hero-img: none;
1665
+ --background: 210 40% 20.1%;
1666
+ --foreground: 222.2 84% 4.9%;
1667
+ --card: 0 0% 100%;
1668
+ --card-foreground: 222.2 84% 4.9%;
1669
+ --popover: 0 0% 100%;
1670
+ --popover-foreground: 222.2 84% 4.9%;
1671
+ --primary: 222.2 47.4% 11.2%;
1672
+ --primary-foreground: 210 40% 98%;
1673
+ --secondary: 210 40% 96.1%;
1674
+ --secondary-foreground: 222.2 47.4% 11.2%;
1675
+ --muted: 210 40% 96.1%;
1676
+ --muted-foreground: 215.4 16.3% 46.9%;
1677
+ --accent: 210 40% 96.1%;
1678
+ --accent-foreground: 222.2 47.4% 11.2%;
1679
+ --destructive: 0 84.2% 60.2%;
1680
+ --destructive-foreground: 210 40% 98%;
1681
+ --border: 214.3 31.8% 91.4%;
1682
+ --input: 214.3 31.8% 91.4%;
1683
+ --ring: 222.2 84% 4.9%;
1684
+ --chart-1: 12 76% 61%;
1685
+ --chart-2: 173 58% 39%;
1686
+ --chart-3: 197 37% 24%;
1687
+ --chart-4: 43 74% 66%;
1688
+ --chart-5: 27 87% 67%;
1689
+ --color-canvas-bg: 243 242 245;
1690
+ --color-canvas: 243 242 245;
1691
+ --color-doflo-pink: 255 0 90;
1692
+ --color-doflo-lt-pink: 255 173 195;
1693
+ --color-doflo-blue: 10 19 44;
1694
+ --color-doflo-teal: 86 192 191;
1695
+ --color-doflo-lt-teal: 233 254 255;
1696
+ --color-doflo-pro: 0 114 230;
1697
+ --color-doflo-secondary-aqua: 33 131 131;
1698
+ --color-app-primary: var(--color-app-aqua);
1699
+ --color-app-secondary: 218 220 223;
1700
+ --color-app-secondary-text: var(--color-doflo-blue);
1701
+ --color-app-grey: 41 47 64;
1702
+ --color-app-grey-two: 210 211 214;
1703
+ --color-app-grey-three: 243 242 245;
1704
+ --color-app-grey-four: 251 251 251;
1705
+ --color-app-grey-two-plus: 221 220 222;
1706
+ --color-app-dark-navy: 10 19 44;
1707
+ --color-app-medium-navy: 41 47 64;
1708
+ --color-app-magenta: 255 0 90;
1709
+ --color-app-aqua: 33 131 131;
1710
+ --color-app-aqua-100: 222 236 236;
1711
+ --color-app-red: 228 8 87;
1712
+ --color-app-yellow: 255 203 0;
1713
+ --color-app-lt-blue: 223 255 255;
1714
+ --color-app-green: 0 200 117;
1715
+ --color-app-paper: 243 242 245;
1716
+ --color-app-fail: var(--color-app-magenta);
1717
+ --color-app-pass: var(--color-app-green);
1718
+ --color-app-error: var(--color-app-magenta);
1719
+ --color-app-default: 122 123 151;
1720
+ --color-app-default-alt: 17 197 219;
1721
+ --width-left: 250px;
1722
+ --height-top: 60px;
1723
+ --grid-header-bg-height: 65px;
1724
+ --grid-header-height: 40px;
1725
+ --width-left-menu: 5rem;
1726
+ }
1727
+ [data-theme='proc'] {
1728
+ --bg-hero-img: url('https://res.cloudinary.com/flowon/image/upload/fl_sanitize/v1649566924/images/bg_teal.svg');
1729
+ --background: oklch(1 0 0);
1730
+ --foreground: oklch(0.13 0.028 261.692);
1731
+ --card: oklch(1 0 0);
1732
+ --table-header: #ffda70;
1733
+ --card-foreground: oklch(0.13 0.028 261.692);
1734
+ --popover: oklch(1 0 0);
1735
+ --popover-foreground: oklch(0.13 0.028 261.692);
1736
+ --primary: oklch(0.21 0.034 264.665);
1737
+ --primary-foreground: oklch(0.985 0.002 247.839);
1738
+ --secondary: oklch(0.967 0.003 264.542);
1739
+ --secondary-foreground: oklch(0.21 0.034 264.665);
1740
+ --muted: oklch(0.967 0.003 264.542);
1741
+ --muted-foreground: oklch(0.551 0.027 264.364);
1742
+ --accent: oklch(0.967 0.003 264.542);
1743
+ --accent-foreground: oklch(0.21 0.034 264.665);
1744
+ --destructive: oklch(0.577 0.245 27.325);
1745
+ --destructive-foreground: oklch(0.577 0.245 27.325);
1746
+ --border: oklch(0.928 0.006 264.531);
1747
+ --input: oklch(0.928 0.006 264.531);
1748
+ --ring: oklch(0.872 0.01 258.338);
1749
+ --chart-1: oklch(0.646 0.222 41.116);
1750
+ --chart-2: oklch(0.6 0.118 184.704);
1751
+ --chart-3: oklch(0.398 0.07 227.392);
1752
+ --chart-4: oklch(0.828 0.189 84.429);
1753
+ --chart-5: oklch(0.769 0.188 70.08);
1754
+ --radius: 0.625rem;
1755
+ --sidebar: oklch(0.985 0.002 247.839);
1756
+ --sidebar-foreground: oklch(0.13 0.028 261.692);
1757
+ --sidebar-primary: oklch(0.21 0.034 264.665);
1758
+ --sidebar-primary-foreground: oklch(0.985 0.002 247.839);
1759
+ --sidebar-accent: oklch(0.967 0.003 264.542);
1760
+ --sidebar-accent-foreground: oklch(0.21 0.034 264.665);
1761
+ --sidebar-border: oklch(0.928 0.006 264.531);
1762
+ --sidebar-ring: oklch(0.872 0.01 258.338);
1763
+ }
1764
+ [data-theme='proc'][data-color-scheme='dark'] {
1765
+ --background: #050b1c;
1766
+ --foreground: oklch(0.985 0.002 247.839);
1767
+ --card: #121827;
1768
+ --table-header: #805cea;
1769
+ --card-foreground: oklch(0.985 0.002 247.839);
1770
+ --popover: oklch(0.13 0.028 261.692);
1771
+ --popover-foreground: oklch(0.985 0.002 247.839);
1772
+ --primary: oklch(0.985 0.002 247.839);
1773
+ --primary-foreground: oklch(0.21 0.034 264.665);
1774
+ --secondary: oklch(0.278 0.033 256.848);
1775
+ --secondary-foreground: oklch(0.985 0.002 247.839);
1776
+ --muted: oklch(0.278 0.033 256.848);
1777
+ --muted-foreground: oklch(0.707 0.022 261.325);
1778
+ --accent: oklch(0.278 0.033 256.848);
1779
+ --accent-foreground: oklch(0.985 0.002 247.839);
1780
+ --destructive: oklch(0.396 0.141 25.723);
1781
+ --destructive-foreground: oklch(0.637 0.237 25.331);
1782
+ --border: oklch(0.278 0.033 256.848);
1783
+ --input: oklch(0.278 0.033 256.848);
1784
+ --ring: oklch(0.446 0.03 256.802);
1785
+ --chart-1: oklch(0.488 0.243 264.376);
1786
+ --chart-2: oklch(0.696 0.17 162.48);
1787
+ --chart-3: oklch(0.769 0.188 70.08);
1788
+ --chart-4: oklch(0.627 0.265 303.9);
1789
+ --chart-5: oklch(0.645 0.246 16.439);
1790
+ --sidebar: oklch(0.21 0.034 264.665);
1791
+ --sidebar-foreground: oklch(0.985 0.002 247.839);
1792
+ --sidebar-primary: #121827;
1793
+ --sidebar-primary-foreground: oklch(0.985 0.002 247.839);
1794
+ --sidebar-accent: oklch(0.278 0.033 256.848);
1795
+ --sidebar-accent-foreground: oklch(0.985 0.002 247.839);
1796
+ --sidebar-border: oklch(0.278 0.033 256.848);
1797
+ --sidebar-ring: oklch(0.446 0.03 256.802);
1798
+ }
1799
+ body {
1800
+ background-color: var(--background);
1801
+ color: var(--foreground);
1802
+ }
1803
+ @layer base {
1804
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
1805
+ border-color: var(--color-gray-200, currentColor);
1806
+ }
1807
+ }
1808
+ @layer utilities {
1809
+ [data-radix-popover-content][data-slot="popover-content"] {
1810
+ pointer-events: auto !important;
1811
+ }
1812
+ [data-radix-popover-content] {
1813
+ pointer-events: auto !important;
1814
+ }
1815
+ [data-radix-popover-trigger][role="combobox"] {
1816
+ pointer-events: auto !important;
1817
+ }
1818
+ [data-radix-popover-trigger][role="combobox"] [role="button"], [data-radix-popover-trigger][role="combobox"] .ui\\:cursor-pointer {
1819
+ pointer-events: auto !important;
1820
+ }
1821
+ .cosine-mono {
1822
+ font-family: 'Cousine', monospace;
1823
+ font-weight: 400 !important;
1824
+ }
1825
+ .roboto-mono {
1826
+ font-family: 'Roboto Mono', monospace;
1827
+ font-weight: 400 !important;
1828
+ }
1829
+ .ubuntu-mono {
1830
+ font-family: 'Ubuntu Mono', monospace;
1831
+ font-weight: 300 !important;
1832
+ }
1833
+ .ssp-mono {
1834
+ font-family: 'Source Sans Pro', sans-serif;
1835
+ font-weight: 400 !important;
1836
+ font-size: 1.05rem;
1837
+ }
1838
+ .monolisa {
1839
+ font-family: 'monolisa', monospace;
1840
+ font-weight: 400 !important;
1841
+ }
1842
+ .jetBrains {
1843
+ font-family: 'JetBrains Mono', monospace;
1844
+ font-weight: 300 !important;
1845
+ }
1846
+ .ui-text-primary.ui-bg-transparent.MuiButton-root {
1847
+ color: var(--primary-foreground) !important;
1848
+ }
1849
+ }
1850
+ @layer utilities {
1851
+ .monaco-scrollable-element.editor-scrollable.vs.mac {
1852
+ left: 3px !important;
1853
+ }
1854
+ .bg-background {
1855
+ background-color: var(--background);
1856
+ }
1857
+ .text-foreground {
1858
+ color: var(--foreground);
1859
+ }
1860
+ @keyframes ui-AnimateBackground {
1861
+ 0% {
1862
+ background-position: 0;
1863
+ }
1864
+ 50% {
1865
+ background-position: 100%;
1866
+ }
1867
+ 100% {
1868
+ background-position: 0;
1869
+ }
1870
+ }
1871
+ .uii\:background-animate {
1872
+ background-size: 200%;
1873
+ -webkit-animation: ui-AnimateBackground 2s ease infinite;
1874
+ -moz-animation: ui-AnimateBackground 2s ease infinite;
1875
+ animation: ui-AnimateBackground 2s ease infinite;
1876
+ }
1877
+ .uii\:fill-gradient-to-r {
1878
+ background-image: linear-gradient(to right, var(--tw-gradient-stops));
1879
+ }
1880
+ }
1881
+ @layer base;
1882
+ :root {
1883
+ --sidebar: hsl(0 0% 98%);
1884
+ --sidebar-foreground: hsl(240 5.3% 26.1%);
1885
+ --sidebar-primary: hsl(240 5.9% 10%);
1886
+ --sidebar-primary-foreground: hsl(0 0% 98%);
1887
+ --sidebar-accent: hsl(240 4.8% 95.9%);
1888
+ --sidebar-accent-foreground: hsl(240 5.9% 10%);
1889
+ --sidebar-border: hsl(220 13% 91%);
1890
+ --sidebar-ring: hsl(217.2 91.2% 59.8%);
1891
+ }
1892
+ .dark {
1893
+ --sidebar: hsl(240 5.9% 10%);
1894
+ --sidebar-foreground: hsl(240 4.8% 95.9%);
1895
+ --sidebar-primary: hsl(224.3 76.3% 48%);
1896
+ --sidebar-primary-foreground: hsl(0 0% 100%);
1897
+ --sidebar-accent: hsl(240 3.7% 15.9%);
1898
+ --sidebar-accent-foreground: hsl(240 4.8% 95.9%);
1899
+ --sidebar-border: hsl(240 3.7% 15.9%);
1900
+ --sidebar-ring: hsl(217.2 91.2% 59.8%);
1901
+ }
1902
+ @keyframes enter {
1903
+ from {
1904
+ opacity: var(--tw-enter-opacity, 1);
1905
+ transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
1906
+ }
1907
+ }
1908
+ @keyframes exit {
1909
+ to {
1910
+ opacity: var(--tw-exit-opacity, 1);
1911
+ transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
1912
+ }
1913
+ }
1914
+ @keyframes enter {
1915
+ from {
1916
+ opacity: var(--tw-enter-opacity, 1);
1917
+ transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
1918
+ }
1919
+ }
1920
+ @keyframes exit {
1921
+ to {
1922
+ opacity: var(--tw-exit-opacity, 1);
1923
+ transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
1924
+ }
1925
+ }
1926
+ @property --tw-space-y-reverse {
1927
+ syntax: "*";
1928
+ inherits: false;
1929
+ initial-value: 0;
1930
+ }
1931
+ @property --tw-border-style {
1932
+ syntax: "*";
1933
+ inherits: false;
1934
+ initial-value: solid;
1935
+ }
1936
+ @property --tw-leading {
1937
+ syntax: "*";
1938
+ inherits: false;
1939
+ }
1940
+ @property --tw-font-weight {
1941
+ syntax: "*";
1942
+ inherits: false;
1943
+ }
1944
+ @property --tw-tracking {
1945
+ syntax: "*";
1946
+ inherits: false;
1947
+ }
1948
+ @property --tw-shadow {
1949
+ syntax: "*";
1950
+ inherits: false;
1951
+ initial-value: 0 0 #0000;
1952
+ }
1953
+ @property --tw-shadow-color {
1954
+ syntax: "*";
1955
+ inherits: false;
1956
+ }
1957
+ @property --tw-shadow-alpha {
1958
+ syntax: "<percentage>";
1959
+ inherits: false;
1960
+ initial-value: 100%;
1961
+ }
1962
+ @property --tw-inset-shadow {
1963
+ syntax: "*";
1964
+ inherits: false;
1965
+ initial-value: 0 0 #0000;
1966
+ }
1967
+ @property --tw-inset-shadow-color {
1968
+ syntax: "*";
1969
+ inherits: false;
1970
+ }
1971
+ @property --tw-inset-shadow-alpha {
1972
+ syntax: "<percentage>";
1973
+ inherits: false;
1974
+ initial-value: 100%;
1975
+ }
1976
+ @property --tw-ring-color {
1977
+ syntax: "*";
1978
+ inherits: false;
1979
+ }
1980
+ @property --tw-ring-shadow {
1981
+ syntax: "*";
1982
+ inherits: false;
1983
+ initial-value: 0 0 #0000;
1984
+ }
1985
+ @property --tw-inset-ring-color {
1986
+ syntax: "*";
1987
+ inherits: false;
1988
+ }
1989
+ @property --tw-inset-ring-shadow {
1990
+ syntax: "*";
1991
+ inherits: false;
1992
+ initial-value: 0 0 #0000;
1993
+ }
1994
+ @property --tw-ring-inset {
1995
+ syntax: "*";
1996
+ inherits: false;
1997
+ }
1998
+ @property --tw-ring-offset-width {
1999
+ syntax: "<length>";
2000
+ inherits: false;
2001
+ initial-value: 0px;
2002
+ }
2003
+ @property --tw-ring-offset-color {
2004
+ syntax: "*";
2005
+ inherits: false;
2006
+ initial-value: #fff;
2007
+ }
2008
+ @property --tw-ring-offset-shadow {
2009
+ syntax: "*";
2010
+ inherits: false;
2011
+ initial-value: 0 0 #0000;
2012
+ }
2013
+ @keyframes spin {
2014
+ to {
2015
+ transform: rotate(360deg);
2016
+ }
2017
+ }
2018
+ @layer properties {
2019
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
2020
+ *, ::before, ::after, ::backdrop {
2021
+ --tw-space-y-reverse: 0;
2022
+ --tw-border-style: solid;
2023
+ --tw-leading: initial;
2024
+ --tw-font-weight: initial;
2025
+ --tw-tracking: initial;
2026
+ --tw-shadow: 0 0 #0000;
2027
+ --tw-shadow-color: initial;
2028
+ --tw-shadow-alpha: 100%;
2029
+ --tw-inset-shadow: 0 0 #0000;
2030
+ --tw-inset-shadow-color: initial;
2031
+ --tw-inset-shadow-alpha: 100%;
2032
+ --tw-ring-color: initial;
2033
+ --tw-ring-shadow: 0 0 #0000;
2034
+ --tw-inset-ring-color: initial;
2035
+ --tw-inset-ring-shadow: 0 0 #0000;
2036
+ --tw-ring-inset: initial;
2037
+ --tw-ring-offset-width: 0px;
2038
+ --tw-ring-offset-color: #fff;
2039
+ --tw-ring-offset-shadow: 0 0 #0000;
2040
+ }
2041
+ }
2042
+ }