@shellui/core 0.2.0-beta.0 → 0.2.0-beta.2

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