@supabase/lite 0.9.1-next.1 → 0.9.1-next.2

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