create-bluecopa-react-app 1.0.41 → 1.0.42

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