@webstacks/ui 0.3.1 → 0.4.0

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