@copilotz/chat-ui 0.1.0

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